html[lang='kr'] #text_testimonial { display: none; } html[lang='kr'] #video_testimonial { display: flex; } #text_testimonial { display: flex; } #video_testimonial { display: none; } .badgeBox { padding: 10px 26px 10px 17px !important; } #video_testimonial .card { padding: 0px 0px 10px 0px !important; border: 1px solid #216ec329; border-radius: 16px !important; width: 23.7% !important; } #video_testimonial .card .first { display: flex; flex-direction: column; align-items: center; } #video_testimonial .card .first .image-xm { width: 100%; border-top-left-radius: 16px; border-top-right-radius: 16px; } #video_testimonial .card .first .image-stars { margin-top: -15px; width: 150px; z-index: 1; } #video_testimonial .card .second { color: #333333; font-size: 18px; font-weight: 400; line-height: 21.76px; align-items: center; padding: 0px 12px 10px 12px; border-bottom: 1px solid #1256a029; padding: 0px 20px 20px 20px !important; } #video_testimonial .card .third { display: flex; justify-content: space-between; align-items: center; padding: 20px; margin-top: 0px; } #video_testimonial .card .third .info { display: flex; justify-content: flex-start; gap: 15px; align-items: center; } #video_testimonial .card .third .info p { font-weight: 700; line-height: 21.78px; font-size: 18px; color: #333333; margin: 0px 0px 3px 0px !important; } #video_testimonial .card .third .info span { font-weight: 400; line-height: 16.94px; font-size: 14px; color: #ff7901; } #video_testimonial .card .third .info .country { font-weight: 400; line-height: 16.94px; font-size: 14px; color: #707070; } #youtube { display: none; position: absolute; width: 100%; height: 100%; z-index: 10; } #player { border-radius: 12px; height: 100%; background: #000; } .video-container { position: relative; width: 100%; overflow: hidden; border-top-left-radius: 16px; border-top-right-radius: 16px; } .video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; background-size: cover; justify-content: center; align-items: center; cursor: pointer; z-index: 2; } .play-button { background: #ffffff33; width: 64px; backdrop-filter: blur(10px); height: 64px; border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); } .play-button::after { content: ''; width: 0; height: 0; border-style: solid; border-radius: 5px; border-width: 15px 0 15px 24px; border-color: transparent transparent transparent rgb(255, 255, 255); margin-left: 4px; } #close_button { cursor: pointer; width: 26px; height: 26px; border-radius: 9999px; background-color: #000000; position: absolute; right: 6px; top: 6px; display: flex; justify-content: center; } @media screen and (max-width: 768px) { #video_testimonial .card { width: 100% !important; } } .spinner-video { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .text-center { text-align: center !important; } .loader { width: 36px; height: 36px; border: 4px solid #fff; border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }