* { -webkit-tap-highlight-color: transparent; }   .sim-fadein { opacity: 0; transform: translateY(40); } .text-animate { opacity: 0; display: inline-block; overflow: hidden; } .text-animate-up { opacity: 0; display: inline-block; overflow: hidden; }  .video-block { position: relative; width: 100%; height: auto; overflow: hidden; border-radius: 10px; padding:0px; aspect-ratio: 16 / 9; } .video-block iframe { position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); transform: scale(1.0) translateZ(0); transform-origin: center center; border: none; outline: none; display: block; will-change: transform; border-radius: 10px; } .video-overlay { position: absolute; inset: 0; font-size:var(--text-xxl); font-weight:bold; color:rgba(255,255,255,0.7); display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 2; transition: opacity 0.4s ease; } .play-button { width: 60px; height: 60px; background: rgba(255,255,255,0.7); clip-path: polygon(35% 25%, 35% 75%, 75% 50%); border-radius: 8px; transition: transform 0.2s ease; } .video-overlay:hover .play-button { transform: scale(1.1); background-color: rgba(255,255,255,1); } .video-overlay:hover { color: rgba(255,255,255,1); }  @media (max-width:767px) { :root { --h4:18px !important; --text-xxl:20px !important; --text-xl:16px !important; --text-l:15px !important; --text-mm:15px !important; --text-m:14px !important; --text-s:13px !important; --text-xs:12px !important; } .custom-cursor { display:none !important; } .book-inner-box .splide__track { height: 100%; overflow: hidden; position: relative; width: 60%; z-index: 0; margin: 0 auto; } }