@import url(https://db.onlinewebfonts.com/c/361801413f1f76e50f1e37e54139344f?family=FSP+DEMO+-+Arpona+SemiBold);@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&display=swap");.ticket-container{perspective:1000px;position:relative}.ticket{cursor:pointer;height:360px;position:relative;transform-style:preserve-3d;transition:transform .8s;width:100%}.ticket.flipped{transform:rotateY(180deg)}.ticket-side{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#2d345b;border:3px dashed #82c1db;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.2);box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;padding:20px 40px;position:absolute;top:0;width:100%}.ticket-side:after,.ticket-side:before{background:#fff;border-radius:50%;content:"";height:20px;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:3}.ticket-side:before{left:-10px}.ticket-side:after{right:-10px}.ticket-front{z-index:2}.ticket-back{transform:rotateY(180deg);z-index:1}.ticket.flipped .ticket-front,.ticket:not(.flipped) .ticket-back{display:none}.ticket-fare{border-bottom:1px solid #ccc;color:#fff;font-family:Encode Sans Expanded,sans-serif;margin-bottom:15px;padding-bottom:5px;text-align:center}ul{color:#fff;font-size:14px;list-style:none;padding:0}.fare{font-size:18px;font-weight:500;margin-bottom:14px}.fare,li{font-family:Noto Sans,sans-serif}li{margin-bottom:8px}.ticket-footer{color:#82c1db;font-family:Encode Sans Expanded,sans-serif;font-size:13px;font-style:italic;margin-top:25px;text-align:center;text-transform:uppercase}@media (max-width:768px){.ticket-container,.ticket-side{overflow:hidden}.ticket-footer{display:none}}