@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i'); /* font-family: 'Lato', sans-serif; */
@import url("https://use.typekit.net/cbu3rhi.css"); /* font-family: "loos-extrawide", sans-serif; font-family: "poppins", sans-serif; */

/* _custom_design/main.css v.2.0.0 - last modified 24.07.2018 (see cotnfig/version_history.php for details)*/
/* =========================================================================================================================== */
/* =========================================================================================================================== */
/* Main options */

html {min-width: 350px;}
body {font-family: "poppins", sans-serif; min-width: 350px; color: #fff; overflow-x: hidden; background: #0a0a0f;}

.th-wrapper  {max-width: 1400px; margin: 0 auto; width: 100%; padding: 0 10px;}

.th-custom-design-title-intro {font-family: "loos-extrawide", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 40px;}
.th-custom-design-title {font-family: "loos-extrawide", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 52px;}
.th-custom-design-title-underline {}
.th-custom-design-title-subtitle {}

h1 {margin: 0;}
h2 {margin: 0;}
h3 {margin: 0;}

.th-custom-design-paragraph-title-intro {}
.th-custom-design-paragraph-title {}
.th-custom-design-paragraph-title-underline {}
.th-custom-design-paragraph-subtitle {}
.th-custom-design-paragraph-text {}

a.th-custom-design-button {background-color: #fff; font-family: "loos-extrawide", sans-serif; text-transform: uppercase; border-radius: 30px; text-align: center; margin: 5px 0; padding: 12px 25px; color: #000; border: 1px solid #fff; font-size: 13px; display: inline-block; transition: all .3s ease;}
a.th-custom-design-button:hover {text-decoration: none;}

a.th-custom-design-button.th-blank-btn {background-color: rgba(255, 255, 255, 0); font-family: "loos-extrawide", sans-serif; text-transform: uppercase; border-radius: 30px; text-align: center; padding: 12px 25px; color: #fff; border: 1px solid #fff; font-size: 13px; display: inline-block; transition: all .3s ease;}
a.th-custom-design-button.th-blank-btn:hover {background-color: rgba(255, 255, 255, 100%); color: #000; text-decoration: none;}


.th-isvc-nav {display: flex; gap: 10px; z-index: 2;}
.th-isvc-nav .th-isvc-btn {width: 50px; height: 50px; border: 2px solid rgba(255,255,255,.3); background: transparent; color: #fff; font-size: 20px; border-radius: 50%; cursor: pointer; transition: all .3s ease; display: flex; align-items: center; justify-content: center; z-index: 5;}
.th-isvc-nav .th-isvc-btn:hover {background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.6);}
.th-isvc-nav .th-isvc-btn:active {transform: scale(.95);}

@media (max-width: 768px) {
    .th-isvc-nav .th-isvc-btn {width: 45px; height: 45px; font-size: 18px;}
}

@media (max-width: 500px) {
    a.th-custom-design-button {font-size: 11px;}
    a.th-custom-design-button.th-blank-btn {font-size: 11px;}
}



/* ------------------------------------------------------------------------------------- */
/* * Media Queries                                                                       */
/* standard "@media (max-width : px) {}": 1199px (col-md) | 991px (col-sm) | 767px (col-xs) | 500px | 400px */

/* Menu t13 */

.th_menu_t13 {box-shadow: 0; background-color: rgba(255, 255, 255, 0); box-shadow: 0 4px 30px -5px rgba(0, 0, 0, 0); transition: all .3s ease;}
.th_menu_t13.th-after-scroll {background-color: rgba(0, 0, 0, 0.19); box-shadow: 0 4px 30px -5px rgba(0, 0, 0, 0); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.th_menu_t13 .th-main-menu-container {background-color: rgba(255, 255, 255, 0); z-index: 10;}
.th_menu_t13 .th-main-menu-container .th-category-container a.th-main-link {color: #fff; text-transform: uppercase; font-size: 14px; transition: all .3s ease;}
.th_menu_t13.th-after-scroll .th-main-menu-container .th-category-container a.th-main-link {font-size: 13.5px;}
.th_menu_t13 .th-language-selector .dropdown-toggle {color: #fff;}

.th_menu_t13 .th-language-selector {border-left: none;}

.th-main-link--active {
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    animation: th-menu-active 0.5s ease forwards;
}
@keyframes th-menu-active {
    from {
        box-shadow: 0 0 0 1px transparent;
        padding: 6px 8px;
        opacity: 0;
    }
    to {
        box-shadow: 0 0 0 1px #fff;
        padding: 6px 16px;
        opacity: 1;
    }
}

a.th-main-link:hover {text-decoration: none;}

/* * Mobile */
/* ------------------------------------------------------------------------------------- */

.th_menu_t8_menu-inner { display: table-cell; vertical-align: middle; text-align: center; width: 100vw; height: 100vh; display: flex; align-items: center;}

.th_menu_t8_menu { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 8999; background: rgba(10, 10, 15, 0.97); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 1; visibility: visible; transition: opacity 0.4s ease, visibility 0.4s ease; }
/* Menu overlay */
.th_menu_t8_menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 8999; background: rgba(10, 10, 15, 0.97); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); display: flex; align-items: center; justify-content: center; opacity: 1; visibility: visible; transition: opacity 0.4s ease, visibility 0.4s ease; }
.th_menu_t8_menu_visuallyhidden { opacity: 0; visibility: hidden; pointer-events: none; }

/* List */
.th_menu_t8_menu ul { list-style: none; padding: 0; margin: 0; text-align: center; width: 100%; }
.th_menu_t8_menu ul li { margin: 0; }

/* Main links */
.th_menu_t8_menu ul li a.th-main-link { display: inline-block; font-size: 18px; font-weight: 600; text-transform: uppercase; letter-spacing: 0; color: #fff; text-decoration: none; padding: 12px 20px; transition: color 0.2s ease, letter-spacing 0.2s ease; font-family: "loos-extrawide", sans-serif; }
.th_menu_t8_menu ul li a.th-main-link:hover { color: #ff5700;}

/* Submenus */
.th_menu_t8_menu ul li .th-submenu { padding: 0 0 16px; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.th_menu_t8_menu ul li .th-submenu a.th-sublink { color: rgba(255,255,255,0.45); font-size: 12px; font-weight: 300; text-decoration: none; padding: 4px 10px; border: 1px solid rgba(255,255,255,0.15); border-radius: 50px; transition: color 0.2s ease, border-color 0.2s ease; }
.th_menu_t8_menu ul li .th-submenu a.th-sublink:hover { color: #fff; border-color: rgba(255,255,255,0.5); }

/* Separator before socials */
.th_menu_t8_menu ul li.th-social-links-container { padding: 24px 0 0; margin-top: 16px;}
.th_menu_t8_menu ul li a.th-social-link { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.6); font-size: 16px; margin: 0 6px; text-decoration: none; transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease; }
.th_menu_t8_menu ul li a.th-social-link:hover { color: #fff; border-color: #fff; background: rgba(255,255,255,0.08); }

/* Burger icon */
.th_menu_t8_menu-icon { padding: 10px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 9999; background: transparent; border-radius: 50px; }
.th_menu_t8_menu-icon span { width: 22px; height: 2px; position: relative; display: inline-block; background-color: #fff; transition: background 0.3s ease; }
.th_menu_t8_menu-icon span::before,
.th_menu_t8_menu-icon span::after { width: 22px; height: 2px; display: inline-block; position: absolute; left: 0; content: ""; background-color: #fff; transform-origin: 50% 50%; transition: top 0.2s 0.2s ease-out, transform 0.2s ease-out; }
.th_menu_t8_menu-icon span::before { top: 6px; }
.th_menu_t8_menu-icon span::after { top: -6px; }

/* Close state */
.th_menu_t8_menu-icon.th-close span { background-color: transparent; }
.th_menu_t8_menu-icon.th-close span::before { background-color: #fff; top: 0; transform: rotate3d(0,0,1,45deg); transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out; }
.th_menu_t8_menu-icon.th-close span::after { background-color: #fff; top: 0; transform: rotate3d(0,0,1,-45deg); transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out; }


/* * Mobile */
/* ------------------------------------------------------------------------------------- */


/* Arrière-plan avec blobs animés */

.background-blur {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: #0a0a0f; overflow: hidden}

/* Blobs colorés avec transitions fluides */

.blob {position: absolute; border-radius: 50%; filter: blur(100px); opacity: .7; transition: all 1.5s cubic-bezier(.4,0,.2,1)}
.blob-1 {width: 700px; height: 700px; background: radial-gradient(circle,#000 0%,#000 100%); top: 10%; left: 5%}
.blob-2 {width: 800px; height: 800px; background: radial-gradient(circle,#da653b 0%,#ff6b35 100%); top: 15%; right: 10%}
.blob-3 {width: 600px; height: 600px; background: radial-gradient(circle,#000 0%,#ff6b35 100%); bottom: 20%; left: 15%}
.blob-4 {width: 650px; height: 650px; background: radial-gradient(circle,#000 0%,#000 100%); bottom: 10%; right: 15%}
.blob-5 {width: 550px; height: 550px; background: radial-gradient(circle,#000 0%,#000 100%); top: 50%; left: 50%; transform: translate(-50%,-50%)}

/* Overlay pour contrôler l'obscurité */

.background-blur::after {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.5) 100%); pointer-events: none; transition: opacity .8s ease}

/* Progress indicator */

.scroll-progress {position: fixed; top: 0; left: 0; height: 3px; background: linear-gradient(90deg,#ff6b35,#f17900,#383838,#b94000,#ff6b35); z-index: 1001; transform-origin: left; transition: transform .1s ease}

/* Header */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

.th-index-header {position: relative; display: flex; align-items: center; padding: 60px 40px; overflow: hidden}
.th-index-header .th-index-header-container {display: flex; align-items: center; gap: 80px; justify-content: space-between; position: relative; z-index: 1}
.th-index-header .th-index-header-container .th-ih-left {flex: 1; animation: th-header-fade-up 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.1s both;}
.th-index-header .th-index-header-container .th-ih-left .th-ihl-emojis {font-size: 42px; letter-spacing: 8px}
.th-index-header .th-index-header-container .th-ih-left .th-ihl-emojis img {width: 100%; max-width: 150px;}
.th-index-header .th-index-header-container .th-ih-left .th-custom-design-paragraph-text {padding: 30px 0;}
.th-index-header .th-index-header-container .th-ih-right {flex: 1; animation: th-header-fade-up-slow 1.4s cubic-bezier(0.22, 1, 0.36, 1) 0.5s both;}
.th-index-header .th-index-header-container .th-ih-right .th-ihr-image {width: 100%; height: auto; display: block}

.th-index-header .th-index-header-container .th-ih-right .th-ihr-hidden {display: none}
.th-index-header .th-index-header-container .th-ih-right .th-ihr-video {width: 100%; height: auto; display: block}

@keyframes th-header-fade-up { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
@keyframes th-header-fade-left { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: translateX(0); } }
@keyframes th-header-fade-up-slow { from { opacity: 0; transform: translateY(60px); } to { opacity: 1; transform: translateY(0); } }


/* Responsive */

@media (max-width: 1024px) {
  .th-index-header .th-index-header-container {gap: 50px}
  .th-index-header .th-index-header-container .th-ih-right {max-width: 500px}
}

@media (max-width: 768px) {
  .th-index-header {padding: 60px 20px}
  .th-index-header .th-index-header-container {flex-direction: column; gap: 40px; width: 100%}
  .th-index-header .th-index-header-container .th-ih-left {max-width: 100%; width: 100%; order: 2;}
  .th-index-header .th-index-header-container .th-ih-right {max-width: 100%; width: 100%; order: 1;}
}

/* Communiity */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

.th-index-community {}
.th-index-community .th-index-community-container { display: grid; grid-template-columns: 1fr 1fr 1.4fr 1.2fr; align-items: start; gap: 0; background: rgba(12, 5, 2, 0.72); border-radius: 20px; padding: 48px 56px; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); animation: fadeUp 0.7s ease both; }

@keyframes fadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }

.th-index-community .th-index-community-container .th-community-col { padding: 0 36px; }
.th-index-community .th-index-community-container .th-community-col:first-child { padding-left: 0; }
.th-index-community .th-index-community-container .th-community-col:last-child { padding-right: 0; }
.th-index-community .th-index-community-container .th-community-col + .th-community-col { border-left: 1px solid rgba(255,255,255,0.08); }

.th-index-community .th-index-community-container .th-community-col .th-community-label { font-family: "loos-extrawide", sans-serif; font-size: 11px; text-transform: uppercase; color: #fff; margin-bottom: 14px; }

.th-index-community .th-index-community-container .th-community-col .th-community-stat { font-family: "poppins", sans-serif; font-weight: 500; font-size: clamp(52px, 6vw, 72px); color: #fff; line-height: 1;}

.th-index-community .th-index-community-container .th-community-col .th-community-quote { font-family: 'DM Sans', sans-serif; font-size: 14.5px; font-weight: 300; line-height: 1.65; color: #fff; font-style: italic; transition: opacity 0.4s ease;}
.th-index-community .th-index-community-container .th-community-col .th-community-quote::before { content: '\201C'; }
.th-index-community .th-index-community-container .th-community-col .th-community-quote::after { content: '\201D'; }

.th-index-community .th-index-community-container .th-community-col .th-community-avatars { display: flex; align-items: center; }
.th-index-community .th-index-community-container .th-community-col .th-community-avatars img { width: 46px; height: 46px; border-radius: 50%; border: 2.5px solid rgba(12,5,2,0.9); object-fit: cover; margin-left: -14px; transition: transform 0.2s ease, z-index 0s; position: relative; }
.th-index-community .th-index-community-container .th-community-col .th-community-avatars img:first-child { margin-left: 0; }
.th-index-community .th-index-community-container .th-community-col .th-community-avatars img:hover { transform: translateY(-4px) scale(1.08); z-index: 10; }

.th-index-community .th-index-community-container .th-community-col .th-community-avatars .th-community-avatar-placeholder { width: 46px; height: 46px; border-radius: 50%; border: 2.5px solid rgba(12,5,2,0.9); margin-left: -14px; display: flex; align-items: center; justify-content: center; font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 500; color: #fff; flex-shrink: 0; transition: transform 0.2s ease; cursor: default; }
.th-index-community .th-index-community-container .th-community-col .th-community-avatars .th-community-avatar-placeholder:first-child { margin-left: 0; }

.th-index-community .th-index-community-container .th-community-col .th-community-avatars .th-community-avatar-placeholder.av1 { background: linear-gradient(135deg, #c0724a, #7d3b1d); }
.th-index-community .th-index-community-container .th-community-col .th-community-avatars .th-community-avatar-placeholder.av2 { background: linear-gradient(135deg, #a0522d, #5c2e10); }
.th-index-community .th-index-community-container .th-community-col .th-community-avatars .th-community-avatar-placeholder.av3 { background: linear-gradient(135deg, #8b6354, #4a2e22); }
.th-index-community .th-index-community-container .th-community-col .th-community-avatars .th-community-avatar-placeholder.av4 { background: linear-gradient(135deg, #b07050, #6b3820); }
.th-index-community .th-index-community-container .th-community-col .th-community-avatars .th-community-avatar-placeholder.av5 { background: linear-gradient(135deg, #6b4030, #3a1f10); }


/* Carrrousel Testimonials */

.th-index-community .th-index-community-container .th-community-col .th-community-testimonials { position: relative; width: 100%; }
.th-index-community .th-index-community-container .th-community-col .th-community-testimonials .swiper-wrapper { }
.th-index-community .th-index-community-container .th-community-col .th-community-testimonials .swiper-slide { height: auto; }
.th-index-community .th-index-community-container .th-community-col .th-community-testimonials-nav { display: flex; align-items: center; gap: 12px; }
.th-index-community .th-index-community-container .th-community-col .th-community-testimonials-nav .th-community-btn-prev,
.th-index-community .th-index-community-container .th-community-col .th-community-testimonials-nav .th-community-btn-next { background: none; border: 1px solid rgba(255,255,255,0.2); color: #fff; width: 30px; height: 30px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 12px; flex-shrink: 0; transition: border-color 0.2s ease, background 0.2s ease; }
.th-index-community .th-index-community-container .th-community-col .th-community-testimonials-nav .th-community-btn-prev:hover,
.th-index-community .th-index-community-container .th-community-col .th-community-testimonials-nav .th-community-btn-next:hover { border-color: rgba(255,255,255,0.6); background: rgba(255,255,255,0.08); }
.th-index-community .th-index-community-container .th-community-col .th-community-testimonials-pagination { display: flex; align-items: center; gap: 6px; }
.th-index-community .th-index-community-container .th-community-col .th-community-testimonials-pagination .swiper-pagination-bullet { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,0.3); opacity: 1; transition: background 0.2s ease, transform 0.2s ease; }
.th-index-community .th-index-community-container .th-community-col .th-community-testimonials-pagination .swiper-pagination-bullet-active { background: #fff; transform: scale(1.3); }

.th-index-community .th-index-community-container .th-community-col .th-community-testimonials .th-community-quote { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: opacity 0.4s ease; }
.th-index-community .th-index-community-container .th-community-col .th-community-testimonials { position: relative; min-height: 80px; }

.th-index-community .th-index-community-container .th-community-col .th-community-testimonials .th-community-testimonials-slides { position: relative; min-height: 80px; }

/* */



@media (max-width: 860px) {
    .th-index-community .th-index-community-container { grid-template-columns: 1fr 1fr; gap: 0; padding: 0; }
    .th-index-community .th-index-community-container .th-community-col { padding: 36px 28px; border: none; }
    .th-index-community .th-index-community-container .th-community-col:first-child { padding-left: 28px; }
    .th-index-community .th-index-community-container .th-community-col:last-child { padding-right: 28px; }
    .th-index-community .th-index-community-container .th-community-col:nth-child(1) { border-bottom: 1px solid rgba(255,255,255,0.08); }
    .th-index-community .th-index-community-container .th-community-col:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,0.08); border-left: 1px solid rgba(255,255,255,0.08); }
    .th-index-community .th-index-community-container .th-community-col:nth-child(3) { grid-column: 1 / -1; border-bottom: 1px solid rgba(255,255,255,0.08); }
    .th-index-community .th-index-community-container .th-community-col:nth-child(4) { grid-column: 1 / -1; }
}

@media (max-width: 500px) {
    .th-index-community .th-index-community-container { padding: 0; }
    .th-index-community .th-index-community-container .th-community-col { padding: 32px 24px; border: none !important; }
    .th-index-community .th-index-community-container .th-community-col + .th-community-col { border-top: 0px solid rgba(255,255,255,0.08) !important; }
}

/* Carousel Section */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */


.th-index-swiper-videos {padding: 70px 20px; width: 100%;}

  /* Header */
  .th-index-swiper-videos .th-isvc-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px; z-index: 50;}
  .th-index-swiper-videos .th-isvc-header .th-custom-design-title-intro {z-index: 5; font-size: 20px;}


.th-index-swiper-videos .th-index-swiper-videos-container {width: 350px; margin: 0 auto; padding: 30px 0;}

  /* Carousel Container */
  .th-index-swiper-videos .th-index-swiper-videos-container .th-isvc-carousel-wrapper {width: 350px; height: 200px; position: relative; perspective: 1000px;}
  .th-index-swiper-videos .th-index-swiper-videos-container .th-isvc-carousel-wrapper .th-isvc-carousel {width: 100%; height: 100%; position: absolute; transform-style: preserve-3d; transition: transform 1s ease; user-select: none;}
  .th-index-swiper-videos .th-index-swiper-videos-container .th-isvc-carousel-wrapper .th-isvc-carousel > div {transform-style: preserve-3d; position: absolute; width: 350px; height: 200px;}

  /* Carousel Items */
  .th-index-swiper-videos .th-index-swiper-videos-container .th-isvc-carousel-wrapper .th-isvc-carousel .th-isvc-item {position: absolute; top: 0; left: 0; width: 350px; height: 200px; display: flex; align-items: center; justify-content: center; font-family: sans-serif; color: #fff; opacity: .93; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,.1); cursor: grab; transition: transform 1s ease;}
  .th-index-swiper-videos .th-index-swiper-videos-container .th-isvc-carousel-wrapper .th-isvc-carousel .th-isvc-item:active {cursor: grabbing;}

  /* Image */
  .th-index-swiper-videos .th-index-swiper-videos-container .th-isvc-carousel-wrapper .th-isvc-carousel .th-isvc-item img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; display: block; pointer-events: none;}

  /* Overlay par défaut (slides en arrière-plan) */
  .th-index-swiper-videos .th-index-swiper-videos-container .th-isvc-carousel-wrapper .th-isvc-carousel .th-isvc-item::after {content: ''; position: absolute; inset: 0; background: rgba(0,0,0,.55); border-radius: 10px; transition: background .3s ease;}

  /* Slide active : pas d'overlay */
  .th-index-swiper-videos .th-index-swiper-videos-container .th-isvc-carousel-wrapper .th-isvc-carousel .th-slide-active .th-isvc-item::after {background: rgba(0,0,0,0);}
  .th-index-swiper-videos .th-index-swiper-videos-container .th-isvc-carousel-wrapper .th-isvc-carousel .th-slide-active .th-isvc-item:hover::after {background: rgba(0,0,0,.2);}

  /* Bouton play */
  .th-index-swiper-videos .th-index-swiper-videos-container .th-isvc-carousel-wrapper .th-isvc-carousel .th-isvc-item .th-isvc-play {position: absolute; z-index: 2; width: 54px; height: 54px; border-radius: 50%; background: rgba(255,255,255,.9); display: flex; align-items: center; justify-content: center; transition: transform .25s ease, background .25s ease; pointer-events: none;}
  .th-index-swiper-videos .th-index-swiper-videos-container .th-isvc-carousel-wrapper .th-isvc-carousel .th-isvc-item:hover .th-isvc-play {transform: scale(1.12); background: #fff;}
  .th-index-swiper-videos .th-index-swiper-videos-container .th-isvc-carousel-wrapper .th-isvc-carousel .th-isvc-item .th-isvc-play svg {width: 22px; height: 22px; fill: #222; margin-left: 3px;}

  /* Slide Positions — 3 slides × 120° */
  .th-index-swiper-videos .th-index-swiper-videos-container .th-isvc-carousel-wrapper .th-isvc-carousel .th-slide1 {transform: rotateY(0deg) translateZ(250px);}
  .th-index-swiper-videos .th-index-swiper-videos-container .th-isvc-carousel-wrapper .th-isvc-carousel .th-slide2 {transform: rotateY(120deg) translateZ(250px) rotateY(-120deg);}
  .th-index-swiper-videos .th-index-swiper-videos-container .th-isvc-carousel-wrapper .th-isvc-carousel .th-slide3 {transform: rotateY(240deg) translateZ(250px) rotateY(-240deg);}

.th-index-swiper-videos .th-index-swiper-videos-btn-container {position: relative; text-align: right; z-index: 5;}

  /* Responsive */
  @media (max-width: 768px) {
    .th-index-swiper-videos {padding: 40px 20px;}
    .th-index-swiper-videos .th-isvc-header {margin-bottom: 40px;}
    .th-index-swiper-videos .th-isvc-header .th-isvc-title {font-size: 24px;}

    .th-index-swiper-videos .th-index-swiper-videos-container {width: 100%; height: 200px;}
    .th-index-swiper-videos .th-index-swiper-videos-container .th-isvc-carousel-wrapper {width: 100%; perspective: none; overflow: hidden;}
    .th-index-swiper-videos .th-index-swiper-videos-container .th-isvc-carousel-wrapper .th-isvc-carousel {transform-style: flat !important; transform: none !important; transition: none; position: relative;}
    .th-index-swiper-videos .th-index-swiper-videos-container .th-isvc-carousel-wrapper .th-isvc-carousel > div {width: 100%; transform: none !important; opacity: 0; pointer-events: none; transition: opacity .4s ease;}
    .th-index-swiper-videos .th-index-swiper-videos-container .th-isvc-carousel-wrapper .th-isvc-carousel .th-isvc-item {width: 100%;}
    .th-index-swiper-videos .th-index-swiper-videos-btn-container {padding-top: 50px;}
  }



/* Why Shadowing Section */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

    .th-why-shadowing {position: relative; overflow: hidden; width: 100%; padding: 100px 60px;}
    .th-why-shadowing::before {content: ''; position: absolute; top: -100px; left: -100px; width: 700px; height: 700px; background: radial-gradient(ellipse at center, rgba(180,60,10,.55) 0%, rgba(120,30,5,.3) 40%, transparent 70%); pointer-events: none; z-index: 0;}

    /* Grid */

    .th-why-shadowing .th-ws-grid {position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr 40%; grid-template-rows: auto auto; gap: 20px;}

    /* Cards */

    .th-why-shadowing .th-ws-grid .th-ws-card {background: rgba(12, 5, 2, 0.72); border-radius: 16px; padding: 36px 32px; backdrop-filter: blur(10px);}
    .th-why-shadowing .th-ws-grid .th-ws-card .th-ws-card-title {font-size: 30px; font-weight: 200; line-height: 1.25; color: #fff; margin-bottom: 16px;}
    .th-why-shadowing .th-ws-grid .th-ws-card .th-ws-card-text {font-size: 15px; font-weight: 200; line-height: 1.7; color: #fff}

    /* Card positions */

    .th-why-shadowing .th-ws-grid .th-ws-card-1 {grid-column: 1; grid-row: 1 / 3; align-self: center; margin-top: 80px;}
    .th-why-shadowing .th-ws-grid .th-ws-card-2 {grid-column: 2; grid-row: 1;}
    .th-why-shadowing .th-ws-grid .th-ws-card-3 {grid-column: 2; grid-row: 2;}

    /* Headline */

    .th-why-shadowing .th-ws-grid .th-ws-headline {grid-column: 3; grid-row: 1 / 3; display: flex; flex-direction: column; justify-content: center; padding-left: 50px;}
    .th-why-shadowing .th-ws-grid .th-ws-headline .th-custom-design-title-intro {font-size: clamp(42px, 4.5vw, 30px); font-weight: 500; text-transform: uppercase; line-height: 1.0; color: #fff; letter-spacing: -.5px; margin-bottom: 24px;}
    .th-why-shadowing .th-ws-grid .th-ws-headline .th-ws-big-title em {font-style: normal; font-weight: 300; font-family: 'DM Sans', sans-serif; text-transform: none; font-size: .65em; letter-spacing: 0;}
    .th-why-shadowing .th-ws-grid .th-ws-headline .th-ws-subtitle {font-size: 14px; font-weight: 200; line-height: 1.65; color: #fff; max-width: 340px;}

    /* Responsive */

    @media (max-width: 991px) {
      .th-why-shadowing {padding: 60px 20px;}
      .th-why-shadowing::before {width: 400px; height: 400px; top: -50px; left: -80px;}
      .th-why-shadowing .th-ws-grid {grid-template-columns: 1fr; grid-template-rows: auto; gap: 16px;}
      .th-why-shadowing .th-ws-grid .th-ws-card-1 {grid-column: 1; grid-row: auto; align-self: auto; margin-top: 0;}
      .th-why-shadowing .th-ws-grid .th-ws-card-2 {grid-column: 1; grid-row: auto;}
      .th-why-shadowing .th-ws-grid .th-ws-card-3 {grid-column: 1; grid-row: auto;}
      .th-why-shadowing .th-ws-grid .th-ws-card {padding: 28px 24px;}
      .th-why-shadowing .th-ws-grid .th-ws-card .th-ws-card-title {font-size: 20px;}
      .th-why-shadowing .th-ws-grid .th-ws-headline {grid-column: 1; grid-row: 1; order: -1; padding-left: 0; margin-bottom: 8px;}
      .th-why-shadowing .th-ws-grid .th-ws-headline .th-custom-design-title-intro {font-size: 42px;}
      .th-why-shadowing .th-ws-grid .th-ws-headline .th-ws-subtitle {max-width: 100%;}
    }

    @media (max-width: 500px) {
        .th-why-shadowing {position: inherit;}
    }



/* Who Shadowing Section */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

.th-who-shadowing {position: relative; overflow: hidden; width: 100%; padding: 80px 60px;}
.th-who-shadowing::before {content: ''; position: absolute; top: -80px; right: -100px; width: 750px; height: 650px; background: radial-gradient(ellipse at center, rgba(180,60,10,.55) 0%, rgba(120,30,5,.3) 40%, transparent 70%); pointer-events: none; z-index: 0;}

/* Top header row */

.th-who-shadowing .th-whs-header {position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 40px; padding-bottom: 100px;}

.th-who-shadowing .th-whs-header .th-whs-desc {font-size: 25px; font-weight: 200; line-height: 1.65; color: #fff; align-self: center;}

/* Cards row */

.th-who-shadowing .th-whs-cards {position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0;}
.th-who-shadowing .th-whs-cards .th-whs-card {position: relative; margin: 10px; padding: 0 40px 50px; background: rgba(12, 5, 2, 0.72); backdrop-filter: blur(10px); border-radius: 20px;}

/* Icon */

.th-who-shadowing .th-whs-cards .th-whs-card .th-whs-icon {width: 60px; height: 60px; background: #ff5700; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 28px; transform: translateY(-30px); box-shadow: 0 8px 24px rgba(180,60,10,.4);}
.th-who-shadowing .th-whs-cards .th-whs-card .th-whs-icon i {}
.th-who-shadowing .th-whs-cards .th-whs-card .th-whs-card-title {font-family: 'DM Sans', sans-serif; font-size: 30px; font-weight: 200; line-height: 1.2; color: #fff; margin-bottom: 20px; margin-top: -10px; min-height: 80px;}
.th-who-shadowing .th-whs-cards .th-whs-card .th-whs-card-text {font-size: 15px; font-weight: 200; line-height: 1.7; color: #fff;}

/* Responsive */

@media (max-width: 768px) {
  .th-who-shadowing {padding: 60px 20px;}
  .th-who-shadowing::before {width: 400px; height: 400px; top: -40px; right: -60px;}
  .th-who-shadowing .th-whs-header {grid-template-columns: 1fr; gap: 20px;}
  .th-who-shadowing .th-whs-header .th-whs-title {font-size: 52px;}
  .th-who-shadowing .th-whs-header .th-whs-desc {font-size: 15px; max-width: 100%;}
  .th-who-shadowing .th-whs-cards {grid-template-columns: 1fr; gap: 0;}
  .th-who-shadowing .th-whs-cards .th-whs-card {border-right: none !important; margin-bottom: 30px;}
  .th-who-shadowing .th-whs-cards .th-whs-card .th-whs-icon {transform: translateY(-30px);}
  .th-who-shadowing .th-whs-cards .th-whs-card .th-whs-card-title {font-size: 24px;}
}

@media (max-width: 500px) {
    .th-who-shadowing {position: fixed;}
}

/* Video Page */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

/* ── SECTION WRAPPER ─────────────────────────────────────────── */
.th-browse-shadowing-videos {padding:60px 0 70px;}
.th-browse-shadowing-videos-container {padding: 0 clamp(16px, 7vw, 100px);}
.th-browse-shadowing-videos .th-isvc-header {display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;}
.th-browse-shadowing-videos .th-isv-title-group {display:flex;align-items:center;gap:14px; z-index: 2;}
.th-browse-shadowing-videos .th-isv-title-group .th-custom-design-title-intro {font-size: 20px;}
.th-browse-shadowing-videos .th-isv-count {font-size:16px;color: rgba(255,255,255,.4); font-family: "loos-extrawide", sans-serif;}
.th-browse-shadowing-videos .th-isv-header-right {display:flex;align-items:center;gap:16px;}

.th-browse-shadowing-videos .th-isvc-nav {margin-top: 20px; text-align: right; justify-content: flex-end;}
 
/* ── FILTER ──────────────────────────────────────────────────── */
.th-browse-shadowing-videos .th-isv-filter {position:relative;}
.th-browse-shadowing-videos .th-isv-filter-btn {display:flex; align-items: center; gap:8px; background:transparent; border:1.5px solid rgba(255,255,255,.4); border-radius: 50px; padding: 9px 18px; color:#fff; font-size: 16px; cursor: pointer; transition:border-color .2s,background .2s; font-family: "loos-extrawide", sans-serif;}
.th-browse-shadowing-videos .th-isv-filter-btn:hover {border-color:#fff;background:rgba(255,255,255,.07);}
.th-browse-shadowing-videos .th-isv-filter-drop {display:none;position:absolute;top:calc(100% + 8px);right:0;background:#2a0d00;border:1.5px solid rgba(255,255,255,.18);border-radius:10px;min-width:190px;z-index:50;list-style:none;margin:0;padding:5px 0;}
.th-browse-shadowing-videos .th-isv-filter-drop.th-isv-open {display:block;}
.th-browse-shadowing-videos .th-isv-filter-item {padding:9px 16px;color:rgba(255,255,255,.75);font-size:14px;cursor:pointer;transition:background .15s,color .15s;}
.th-browse-shadowing-videos .th-isv-filter-item:hover,.th-browse-shadowing-videos .th-isv-filter-item--active {background:rgba(255,255,255,.09);color:#fff;}
 
/* ── GRID ────────────────────────────────────────────────────── */
.th-browse-shadowing-videos .th-isv-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.th-browse-shadowing-videos .th-isv-slide {display:none;}
.th-browse-shadowing-videos .th-isv-slide.th-isv-visible {display:block;}
 
/* ── CARD ────────────────────────────────────────────────────── */
.th-browse-shadowing-videos .th-isvc-item {position:relative;border-radius:14px;overflow:hidden;cursor:pointer;aspect-ratio:16/9;background:#5a1e00;}
.th-browse-shadowing-videos .th-isvc-item img {width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
.th-browse-shadowing-videos .th-isvc-item:hover img {transform:scale(1.06);}
 
/* ── PLAY OVERLAY ────────────────────────────────────────────── */
.th-browse-shadowing-videos .th-isvc-play {position:absolute;inset:0;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;transition:background .3s;}
.th-browse-shadowing-videos .th-isvc-play svg {width:48px;height:48px;fill:#fff;opacity:0;transform:scale(.65);transition:opacity .3s,transform .3s;background:rgba(255,255,255,.2);border-radius:50%;border:2px solid #fff;padding:11px;box-sizing:content-box;}
.th-browse-shadowing-videos .th-isvc-item:hover .th-isvc-play {background:rgba(0,0,0,.5);}
.th-browse-shadowing-videos .th-isvc-item:hover .th-isvc-play svg {opacity:1;transform:scale(1);}
 
/* ── BADGE ───────────────────────────────────────────────────── */
.th-browse-shadowing-videos .th-isv-badge {position:absolute;top:10px;right:10px;display:none; /*display:flex to show */flex-direction:column;align-items:flex-start;gap:1px;pointer-events:none;}
.th-browse-shadowing-videos .th-isv-badge__tag {background:#ff5a00;color:#fff;font-size:clamp(12px,1.3vw,17px);font-weight:800;font-style:italic;padding:2px 9px;border-radius:5px;letter-spacing:.03em;display:inline-block;}
.th-browse-shadowing-videos .th-isv-badge__lang {color:#fff;font-size:clamp(8px,.85vw,12px);font-weight:700;letter-spacing:.12em;padding:0 3px;}
.th-browse-shadowing-videos .th-isv-badge__speak {background:#fff;color:#111;font-size:clamp(8px,.8vw,11px);font-weight:700;padding:1px 7px;border-radius:3px;letter-spacing:.07em;display:inline-block;}
.th-browse-shadowing-videos .th-isv-badge__name {background:#fff;color:#111;font-size:clamp(9px,1.1vw,15px);font-weight:600;padding:2px 7px;border-radius:3px;display:inline-block;line-height:1.2;}
.th-browse-shadowing-videos .th-isv-badge__name strong {font-size:1.35em;font-weight:900;display:block;}
 
/* ── LESSON ──────────────────────────────────────────────────── */
.th-browse-shadowing-videos .th-isv-lesson {position:absolute;bottom:8px;left:8px; display: none; /* display:flex */ ;align-items:center;gap:5px;background:rgba(0,0,0,.45);border-radius:5px;padding:3px 8px;pointer-events:none;}
.th-browse-shadowing-videos .th-isv-lesson span:last-child {font-size:11px;font-weight:800;color:#fff;letter-spacing:.1em;}
.th-browse-shadowing-videos .th-isv-flag {font-size:15px;line-height:1;}
 
/* ── CTA ─────────────────────────────────────────────────────── */
.th-browse-shadowing-videos .th-browse-shadowing-videos-btn-container {text-align:center;margin-top:36px;}
.th-browse-shadowing-videos .th-browse-shadowing-videos-btn-container a.th-custom-design-button.th-blank-btn {position: relative; z-index: 2;}
 
/* ── MODAL ───────────────────────────────────────────────────── */
.th-isv-modal {position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;}
.th-isv-modal.th-isv-modal--open {opacity:1;pointer-events:all;}
.th-isv-modal__backdrop {position:absolute;inset:0;background:rgba(0,0,0,.85);}
.th-isv-modal__box {position:relative;z-index:1;width:min(860px,92vw);}
.th-isv-modal__ratio {position:relative;padding-top:56.25%;background:#000;border-radius:12px;overflow:hidden;}
.th-isv-modal__ratio iframe {position:absolute;inset:0;width:100%;height:100%;border:none;}
.th-isv-modal__close {position:absolute;top:-38px;right:0;width:32px;height:32px;border-radius:50%;border:1.5px solid rgba(255,255,255,.45);background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s;}
.th-isv-modal__close:hover {background:rgba(255,255,255,.15);border-color:#fff;}
 
/* ── RESPONSIVE ──────────────────────────────────────────────── */
@media(max-width:900px) {.th-browse-shadowing-videos .th-isv-grid {grid-template-columns:repeat(2,1fr);}}
@media(max-width:580px) {
  .th-browse-shadowing-videos .th-isv-grid {grid-template-columns:1fr;}
  .th-browse-shadowing-videos .th-isvc-header {flex-direction:column;align-items:flex-start;gap:14px;}
}


/* Footer */
/* ------------------------------------------------------ */
.th-footer { background: #000; color: #fff; padding: 60px 0 30px; z-index: 1; position: relative; }
.th-footer .th-wrapper .th-footer-top { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 60px; margin-bottom: 60px; }
.th-footer .th-wrapper .th-footer-top .th-ft-logo { display: flex; flex-direction: column; gap: 25px; }
.th-footer .th-wrapper .th-footer-top .th-ft-logo .th-ftl-img { width: 100%; max-width: 120px; height: auto; }
.th-footer .th-wrapper .th-footer-top .th-ft-logo .th-ftl-address { display: flex; flex-direction: column; gap: 8px; }
.th-footer .th-wrapper .th-footer-top .th-ft-logo .th-ftl-address p { font-size: 13px; line-height: 1.5; color: #d4dce6; margin: 0; }
.th-footer .th-wrapper .th-footer-top .th-ft-logo .th-ftl-address a { color: #d4dce6; text-decoration: none; transition: color 0.3s ease; }
.th-footer .th-wrapper .th-footer-top .th-ft-logo .th-ftl-address a:hover { color: #fff; }
.th-footer .th-wrapper .th-footer-top .th-ft-column h3 { font-size: 13px; font-weight: 500; margin-bottom: 20px; color: #fff; text-transform: uppercase; font-family: "loos-extrawide", sans-serif; }
.th-footer .th-wrapper .th-footer-top .th-ft-column .th-link { margin-bottom: 12px; }
.th-footer .th-wrapper .th-footer-top .th-ft-column .th-link a { color: rgba(255,255,255,.6); text-decoration: none; font-size: 13px; transition: color 0.3s ease; }
.th-footer .th-wrapper .th-footer-top .th-ft-column .th-link a:hover { color: #fff; }
.th-footer .th-wrapper .th-footer-top .th-ft-column .th-ftc-legal { display: flex; gap: 15px; flex-wrap: wrap; }
.th-footer .th-wrapper .th-footer-top .th-ft-column .th-ftc-legal a { color: rgba(255,255,255,.6); text-decoration: none; font-size: 13px; transition: color 0.3s ease; }
.th-footer .th-wrapper .th-footer-top .th-ft-column .th-ftc-legal a:hover { color: #fff; }
.th-footer .th-wrapper .th-footer-top .th-ft-column .th-ftc-social { display: flex; gap: 15px; }
.th-footer .th-wrapper .th-footer-top .th-ft-column .th-ftc-social .th-social-link { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: rgba(255,255,255,0.1); color: #fff; font-size: 1.2rem; text-decoration: none; transition: all 0.3s ease; }
.th-footer .th-wrapper .th-footer-top .th-ft-column .th-ftc-social .th-social-link:hover { background-color: #fff; color: #0a1e3d; }
.th-footer .th-footer-bottom { border-top: 1px solid rgba(255,255,255,0.15); padding: 30px 5% 0 5%; display: flex; justify-content: space-between; align-items: center; }
.th-footer .th-footer-bottom .th-fb-copyright { font-size: 12px; color: #d4dce6; }
.th-footer .th-footer-bottom .th-fb-copyright .thm-nobr { white-space: nowrap; }
.th-footer .th-footer-bottom .th-fb-copyright a { color: #d4dce6; text-decoration: none; transition: color 0.3s ease; }
.th-footer .th-footer-bottom .th-fb-copyright a:hover { color: #fff; }
.th-footer .th-footer-bottom .th-fb-powered { display: flex; align-items: center; gap: 10px; }
.th-footer .th-footer-bottom .th-fb-powered img { height: 100%; width: auto; max-width: 100px; }

@media (max-width: 968px) {
    .th-footer { padding: 50px 0 25px; }
    .th-footer .th-wrapper .th-footer-top { grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 40px; padding: 0 5%; }
    .th-footer .th-footer-bottom { flex-direction: column; gap: 20px; text-align: center; }
}

@media (max-width: 640px) {
    .th-footer { padding: 40px 0 20px; }
    .th-footer .th-wrapper .th-footer-top { grid-template-columns: 1fr; gap: 35px; margin-bottom: 35px; padding: 0 6%; text-align: center; }
    .th-footer .th-wrapper .th-footer-top .th-ft-logo { align-items: center; }
    .th-footer .th-wrapper .th-footer-top .th-ft-logo .th-ftl-img { max-width: 140px; width: auto; }
    .th-footer .th-wrapper .th-footer-top .th-ft-logo .th-ftl-address { align-items: center; }
    .th-footer .th-wrapper .th-footer-top .th-ft-column { display: flex; flex-direction: column; align-items: center; }
    .th-footer .th-wrapper .th-footer-top .th-ft-column .th-ftc-legal { justify-content: center; }
    .th-footer .th-wrapper .th-footer-top .th-ft-column .th-ftc-social { justify-content: center; }
    .th-footer .th-footer-bottom { padding-top: 25px; }
}