/* Font Linkup */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

/* Root Variables */
:root {
  /* Colors */
  --theme-color: #98d7fa;
  --theme-btn-hover: #c3ebff;
  --theme-black: #1e1e1e;
  --theme-yellow: #fffb71;
  --secondary-yellow: #ffffb9;
  --theme-gray: #f5f5f7;
  --theme-offwhite: #f7f6dc;
  --theme-green: #73ffac;

  /* Font Sizes */
  --text-section-heading: clamp(1.5rem, 5vw, 5.875rem);
  --text-section-desc: clamp(0.875rem, 1.667vw, 2rem);

  --slide-base-scale: 0.85;
  --slide-near-scale: 0.92;
  --slide-shift: 6px;

  /* Infinate Vertical Carousel Property */
  --slide-count: 3;
  --slide-height: 379px;
  --slide-width: 306px;
  --gap: 13px;
  --duration: 80s;
}

/* 
------------------------------------------------
Base Styles Reset 
------------------------------------------------
*/

main {
  position: relative;
}

body {
  background: #fff;
  font-family: "Manrope", sans-serif;
}

::selection {
  background-color: var(--theme-color);
  color: #000;
}

.font-roboto {
  font-family: "Roboto", sans-serif;
}

.font-playfair {
  font-family: "Playfair Display", serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
span {
  margin: 0;
  padding: 0;
}

button,
input {
  font-family: "Manrope", sans-serif;
}

button {
  background: transparent;
}

ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  border: none;
  cursor: pointer;
  background-color: transparent;
}

picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

section {
  position: relative;
  z-index: 999;
}

/* 
------------------------------------------------
Reusable Classes
------------------------------------------------
*/

.custom-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

.primary-btn {
  padding: 10px 16px;
  font-size: 16px;
  color: #000 !important;
  line-height: 100%;
  border-radius: 999px;
  border: 1px solid #000;
  background-color: transparent;
  transition: all 0.2s ease-in-out;
}

.primary-btn:hover {
  background-color: #f5f5f7;
}

.primary-btn.white-text {
  color: #fff !important;
}

.primary-btn.white-text:not(.header-secondary-btn):hover {
  color: #000 !important;
}

.primary-btn.theme-btn {
  background: var(--theme-color);
  border-color: var(--theme-color);
}

.primary-btn.theme-btn-yellow {
  background: var(--theme-yellow);
  border-color: var(--theme-yellow);
}

.primary-btn.theme-btn:hover {
  background: #c3ebff;
  border-color: #c3ebff;
}

.primary-btn.btn-large {
  padding: clamp(12px, 1vw, 20px) clamp(16px, 2.29vw, 44px);
  font-size: 20px;
}

.primary-btn.theme-btn.btn-large:hover {
  background: #c3ebff;
  border-color: #c3ebff;
}

.primary-btn.btn-large:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.section_heading {
  font-size: var(--text-section-heading);
}

.section_desc {
  font-size: var(--text-section-desc);
  line-height: 130%;
  width: 100%;
  max-width: 928px;
  margin: 0 auto;
}

.default_padding {
  padding: clamp(3rem, 20vh, 105px) 0;
}

.default_padding__big {
  padding: clamp(3rem, 15vh, 145px) 0;
}

.component_gap {
  margin-top: 64px;
}

.gap-32 {
  gap: 2rem;
}

.small_container {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 20px;
}

.news_section__heading {
  font-size: var(--text-section-heading);
}

/* 
------------------------------------------------
Navbar CSS
------------------------------------------------
*/

.main__nav {
  width: 100%;
  background: rgba(255, 255, 255, 1);
  position: fixed;
  top: 2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99999999;
  height: 62px;
  max-width: clamp(900px, 95vw, 1400px);
  padding: 0 20px 0 28px;
  border-radius: 40px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  margin: 0 auto;
  transition: all 0.2s ease-in-out;
}

.main__nav.main__nav--scrolled {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5.4px);
  -webkit-backdrop-filter: blur(5.4px);
  top: 1rem;
}

.nav__left {
  gap: 2rem;
}

.megamenu_links {
  height: 62px;
  gap: 28px;
}

.megamenu_link {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: var(--Primary-Noir-Intense, #000);
  letter-spacing: -0.48px;
  line-height: 100%;
  cursor: pointer;
}

.megamenu_single__link {
  transform: translateY(15px);
  opacity: 0;
  transition: transform 5s ease-out, opacity 5s ease-out;
}

.nav_megamenu.active .megamenu_single__link {
  transform: translateY(0);
  opacity: 1;
}

.megamenu_link.active {
  font-weight: 700;
}

.language-selection,
.nav__right {
  gap: 12px;
}

.nav__right__link {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.nav__right__link:hover {
  font-weight: 600;
}

.nav_megamenu {
  width: 100%;
  max-width: clamp(900px, 95vw, 1400px);
  position: fixed;
  left: 50%;
  top: 104px;
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  padding: 32px 28px;
  opacity: 0;
  visibility: hidden;
  z-index: 999999999999;
  overflow: auto;
  transition: all 0.2s ease-in-out;
}

.nav_megamenu.scrolled {
  top: 88px;
}

.nav_megamenu.active {
  opacity: 1;
  visibility: visible;
}

.nav_solution__left {
  width: 100%;
}

.nav_solution__right {
  min-width: 581px;
  height: 420px;

  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

.nav_solution__right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.nav_solution__right__text__top {
  font-size: 24px;
}

.nav_solution__right__text {
  position: absolute;
  inset: 0;
  padding: 22px 20px;
}

.nav_link__title {
  font-size: 14px;
}

.single_link__text {
  font-size: 18px;
}

.single_link__text.sub_link {
  font-size: 14px;
}

.megamenu_event__right .experience_carousel__box {
  width: 306px;
  height: 408px;
}

.megamenu_event__right .experience_carousel__box .carousel_main__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.megamenu_about__card {
  width: 300px;
  height: 358px;
  background: var(--theme-gray);
  border-radius: 12px;
  overflow: hidden;
}

.megamenu_about__card__content {
  padding: 0 16px;
}

.megamenu_about__card__title {
  font-size: 20px;
}

.megamenu_single__link {
  padding: 6px 10px !important;
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
}

.megamenu_single__link:hover {
  background-color: var(--theme-gray);
}

.megamenu_link__wrapper {
  margin-top: 32px;
}

.sidebar_link__wrapper {
  height: calc(100% - 40px);
}

.language_btn {
  transition: all 0.2s ease-in-out;
}

.language_btn.active {
  font-weight: 700;
}

.language_btn img {
  transition: all 0.2s ease-in-out;
}

.language_btn.active img {
  transform: rotate(180deg);
}

.language_btn:hover {
  font-weight: 700;
}

.mobile_language_btn {
  cursor: pointer;
}

.language_dropdown {
  background: var(--Neutrals-Gris-clair, #f5f5f7);
  width: 793px;
  height: 398px;
  border-radius: 8px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.language_dropdown__wrapper {
  width: 100%;
  max-width: 602px;
}

.language_dropdown.active {
  top: 106px;
  visibility: visible;
  opacity: 1;
}

.language_mode {
  margin-top: 20px;
  gap: 52px;
  margin-bottom: 2rem;
}

.language_text {
  font-size: 14px;
}

.language_flag__wrapper {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 134px);
  gap: 28px 24px;
}

.language_flag__box {
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}

.language_flag__box:hover {
  background-color: #fff;
}

.language_flag__box.active .language_text {
  font-weight: 700;
}

.language-selection button:first-child {
  height: 64px;
}

/* Ressource image large */
.megamenu_ressources_card {
  width: 100%;
  height: 281px;
  aspect-ratio: 3.5/1;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.resource-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.resource-card__cta {
  left: 20px;
  right: 20px;
  bottom: 20px;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: calc(100% - 40px);
}

.resource-card__cta__circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  padding: 6px;
}

.mobile-resource-card {
  position: relative;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}

.mobile-resource-card picture img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.mobile-resource-card__overlay {
  position: absolute;
  inset: 0;
  padding: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.mobile-resource-card__overlay__title {
  font-size: 18px;
  color: white;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.sidebar_single__link__icon {
  width: 24px;
}

.sidebar_single__link__icon img {
  width: 100%;
}

.nav_megamenu img {
  width: 100% !important;
}

.custom-illus {
  width: auto;
}

.megamenu_desination__btn {
  border: none;
  background: transparent;
  font-size: 20px;
  color: #000;
  opacity: 0.5;
}

.megamenu_desination__btn.active {
  font-weight: 700;
  opacity: 1;
}

.megamenu_destination__wrapper {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 28px 12px;
}

.megamenu_destination__title {
  letter-spacing: -0.42px;
}

.megamenu_destination__item {
  font-size: 14px;
  letter-spacing: -0.42px;
}

/* 
------------------------------------------------
Secondary Nav CSS
------------------------------------------------
*/

#secondary-nav {
  width: 100%;
  height: 56px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999999;
}

.secondary_nav__divider {
  width: 1px;
  height: 13px;
  background: #000;
}

.secondary_nav__right {
  gap: 6px;
}

.secondary_nav__right button {
  height: 56px;
  padding: 4px 8px;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.secondary_nav__right button:hover {
  background-color: var(--theme-gray);
}

/* 
------------------------------------------------
Homepage CSS
------------------------------------------------
*/

#home-header {
  width: 100%;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

#home-header h5 {
  font-size: 16px;
}

/*Title animated */
.title-animated {
  font-size: var(--text-section-heading);
  font-weight: 700;
  color: #fff;
  line-height: 1;
  display: flex;
  flex-direction: column;
}

.title-animated span {
  display: block;
}

.rotate-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  height: 1.3em;
}

/* vertical list */
.rotate-track {
  display: flex;
  flex-direction: column;
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}

/* single item */
.rotate-track .item {
  display: block;
  height: 1.3em;
  line-height: 1.3em;
  font-weight: 600;
  white-space: nowrap;
  color: #fff;
}

.hmoe_header__img {
  margin-left: -160px;
}

.home_header__content {
  width: 100%;
  max-width: 645px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 34px;
}

.home__header__desc {
  font-size: var(--text-section-desc);
  color: var(--Neutrals-Blanc, #fff);
  line-height: 130%;
}

/* Logo Animation */
.brand_logo__animations {
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 2rem;
  left: 0;
  z-index: 9999;
}

.brand_logo__scroller {
  width: 100%;
  overflow: hidden;
}

.brand_scroller__inner {
  display: flex;
  gap: 40px;
  will-change: transform;
}

.logo_slider__single__item {
  flex: 0 0 auto;
  max-width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo_slider__single__item img {
  max-width: 100%;
  height: auto;
}

.header_bg__overlay {
  position: absolute;
  inset: 0;
  z-index: -1;
}

.header_bg__overlay video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Experience Section */

#experience {
  padding: 105px 0;
}

.experience_carousel {
  margin: clamp(2rem, 7vh, 64px) 0;
  position: relative;
}

.experience_carousel .swiper-slide,
.destination-swiper .swiper-slide {
  max-width: 20.313vw !important;
}

.experience_carousel__box {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  isolation: isolate;
}

#experience .swiper-slide .carousel_main__image {
  width: 100%;
  height: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}

#experience .experience_carousel__box:hover .carousel_main__image {
  transform: scale(1.05);
}

.carousel_card__overlay {
  position: absolute;
}

.swiper-btn {
  width: 146px;
  height: 562px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 5.48%, #fff 100%);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
}

.swiper-prev {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 5.48%, #fff 100%);
  left: -50px;
  display: none;
}

.swiper-next {
  right: -30px;
}

.mySwiper .swiper-slide {
  transition: transform 0.35s ease, opacity 0.35s ease;
  transform: scale(0.85);
  transform-origin: center center;
}

.mySwiper .swiper-slide-active {
  transform: scale(1);
  opacity: 1;
  z-index: 2;
}

.mySwiper .swiper-slide-prev {
  transform: translateX(-35px) scale(0.92);
  transform-origin: right center;
}

.mySwiper .swiper-slide-next {
  transform: translateX(35px) scale(0.92);
  transform-origin: left center;
}

.destination-swiper .swiper-slide {
  transition: transform 0.35s ease, opacity 0.35s ease;
  transform: scale(0.85);
  transform-origin: center center;
}

.destination-swiper .swiper-slide-active {
  transform: scale(1);
  opacity: 1;
  z-index: 2;
}

.destination-swiper .swiper-slide-prev {
  transform: scale(0.92) translateX(-35px);
  transform-origin: right center;
}

.destination-swiper .swiper-slide-next {
  transform: scale(0.92) translateX(35px);
  transform-origin: left center;
}

/* Spirit Section */

.spirit_card {
  border-radius: 12px;
}

.spirit_card__content {
  background: var(--theme-black);
  padding-top: 2rem;
  padding-bottom: clamp(3rem, 10vh, 90px);
}

.spirit_card__content .section_desc {
  color: var(--theme-yellow);
  font-size: var(--text-section-desc);
}

.spirit_cards__wrapper {
  margin-top: 32px;
}

.spirit_cards__wrapper picture {
  height: auto;
}

.spirit_card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.spirit_card__content {
  flex-grow: 1;
  display: flex;
}

/* Solution Section */

#solution {
  padding: 105px 0 168px 0;
  z-index: -9999;
}

#solution .component_gap {
  margin-top: 32px;
}

.solution__heading {
  font-size: clamp(2rem, 2.964vw, 2.8rem);
  margin-bottom: 10px;
}

.txt-45000 {
  padding: 35px 35px 0 35px;
}

.solution_card {
  height: clamp(300px, 46vh, 420px);
  padding: 2rem;
  border-radius: 12px;
  overflow: hidden;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.solution_card.yellow-box {
  background: var(--theme-yellow);
}

.solution_card.blue-box {
  background: var(--theme-color);
}

.solution__title {
  font-size: 4.03rem;
  line-height: 120%;
}

.solution__subtitle {
  font-size: 2rem;
  line-height: 120%;
}

/* Countdown Section */
.video_container {
  padding-top: 29px;
  padding-bottom: clamp(3rem, 20vh, 105px);
  width: 100%;
  max-width: 1600px;
  overflow: hidden;
  margin: 0 auto;
}

.counter {
  font-size: clamp(10rem, 9.44vw, 11rem);
  font-weight: bold;
  text-align: center;
  color: var(--theme-green);
  margin-bottom: 24px;
}

/* Event Composer */
#event-composer {
  background-color: var(--theme-gray);
  border-radius: 40px 40px 0 0;
  padding: clamp(40px, 7.5vh, 70px) 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 99;
}

/* Invitation Section */

#invitation {
  padding: clamp(40px, 7.5vh, 70px) 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
}

.sticky_image__container {
  width: 100%;
  max-width: 60.5vw !important;
}

/* Compliance Section */
#compliance {
  background-color: var(--theme-gray);
  border-radius: 40px 40px 0 0;
  padding: clamp(40px, 7.5vh, 70px) 0;
  z-index: 999;
}

/* How It Works */
.how_it__works__video {
  width: 100%;
  max-width: 46.6vw;
}

/* Testimonial Section */

.testimonial_btn__container {
  background: var(--theme-yellow, #f9d43c);
  width: max-content;
  margin: clamp(20px, 5.4vh, 50px) auto;
  padding: 10px 12px;
  border-radius: 40px;
  position: relative;
  isolation: isolate;
}

.testimonial__btn_container.mobile {
  display: none !important;
}

.testimonial__btn_container.desktop {
  display: block !important;
}

.testimonial__btn {
  position: relative;
  z-index: 2;
  background: transparent;
  padding: 14px 28px;
  border-radius: 78px;
  font-size: 20px;
  color: var(--theme-black, #000);
  border: none;
  cursor: pointer;
  transition: color 0.3s ease;
}

.testimonial__btn:hover {
  background: var(--theme-offwhite);
}

.btn_overlay {
  position: absolute;
  top: 10px;
  left: 12px;
  height: calc(100% - 20px);
  background: #fff;
  border-radius: 999px;
  z-index: 1;
  transition: all 0.3s ease;
  pointer-events: none;
}

.testimonial__btn.active:hover {
  background-color: #fff;
}

.testi__swiper .swiper-slide {
  height: auto !important;
}

.testimonial__card {
  padding: 40px 32px;
  background: var(--theme-gray);
  border-radius: 40px;
  min-height: clamp(300px, 43.537vh, 353px);
}

.testi__star picture {
  width: auto;
}

.testi__star img {
  width: 28px;
}

.testi__text {
  font-size: clamp(0.98rem, 0.95vw, 1.1rem);
  line-height: 120%;
  text-wrap: pretty;
}

.testi_author__profile {
  min-width: 48px;
  max-width: 48px;
}

.testi_author__profile img {
  width: 100%;
}

.company_logo img {
  width: 100%;
  max-width: 130px;
}

/* Platform Section */
#platform {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  z-index: 999;
  border-radius: 40px;
  background-color: var(--theme-gray);
}

.platform_top__cards {
  margin: 72px 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}

.platform_top__single__card {
  border-radius: 12px;
  padding: 8px 14px;
}

.platform_single__card__image {
  min-width: 100px;
  max-width: 100px;
}

.platform_single__card__image img {
  width: 100%;
}

.platform_single__card__title {
  font-size: 1.125rem;
}

.corporate_events {
  padding-top: 72px;
}

.corportate_event__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  margin-top: clamp(20vh, 37vh, 340px);
}

.corporate_event__single__card {
  background: var(--secondary-yellow);
  padding: 24px 24px 24px 24px;
  border-radius: 40px;
  gap: 8px;
}

.corporate_event__single__card__image {
  min-width: 72px;
  max-width: 72px;
}

.corporate_event__single__card__image img {
  width: 100%;
}

.corporate_event__single__card__title {
  font-size: clamp(1rem, 1.29vw, 1.25rem);
}

.corporate_event__single__card__desc {
  line-height: 155%;
}

.corporate_overlay {
  width: 100%;
  position: absolute;
  bottom: 160px;
  z-index: -1;
  pointer-events: none;
}

.corporate_overlay img {
  width: 100%;
  max-width: 1320px;
}

.lottie-card,
.lottie-card:hover {
  cursor: pointer;
}

.lottie-icon {
  width: 100%;
  height: 100px;
  pointer-events: none;
}

/* Team Member Section */
.team_photo__carousel {
  margin: clamp(3vh, 9.8vh, 90px) 0;
}

.team_photo__carousel__top {
  max-width: 100vw;
  overflow: hidden;
}

.team_photo__carousel__top__inner {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 32px;
  animation: scroll var(--_animation-duration, 450s)
    var(--_animation-direction, forwards) linear infinite;
}

.team_photo__carousel__top[data-direction="right"] {
  --_animation-direction: reverse;
}

.team_member__single {
  min-width: clamp(220px, 16.35vw, 306px);
  max-width: clamp(220px, 16.35vw, 306px);
  min-height: clamp(220px, 16.35vw, 306px);
  max-height: clamp(220px, 16.35vw, 306px);
  border-radius: 12px;
  overflow: hidden;
}

.team_member__single img {
  width: 100%;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.team_member__single:hover img {
  transform: scale(1.05);
}

@keyframes scroll {
  to {
    transform: translate(calc(-50% - 1rem));
  }
}

/* Destination Section */
#destination {
  border-radius: 40px 40px 0 0;
}

.destination_carousel {
  margin-top: 40px;
}

.destination_carousel__box {
  border-radius: 12px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.destination_carousel__box::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.2) 34.13%,
    rgba(0, 0, 0, 0.7) 100%
  );
  z-index: 9;
}

.destination_carousel__box .carousel_main__image {
  width: 100%;
  height: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}

.destination_carousel__box:hover .carousel_main__image {
  transform: scale(1.05);
}

.destination_card__overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

.destination_card__overlay__text {
  font-size: clamp(32px, 3.63vw, 54px);
}

/* Certificate Section */

#certificate {
  padding-bottom: 251px;
}

.certificate_container {
  background-color: var(--theme-gray);
  padding: 2rem 4rem;
  border-radius: 12px;
}

.certification_left__text {
  width: 100%;
  max-width: 880px;
}

.certification_left__text {
  font-size: 24px;
  line-height: 130%;
}

.certification_right {
  min-width: 150px;
}

.certification_right img {
  width: 100%;
}

/* Experice It Section */

.experience_wrapper {
  width: 100%;
  height: clamp(250px, 36.5vh, 335px);
  padding-left: 82px;
  background: var(--theme-yellow);
  border-radius: 12px;
  overflow: hidden;
  margin-top: -240px;
  margin-bottom: 61px;
}

.experience_it__title {
  font-size: 3.2rem;
}

/* 
------------------------------------------------
Footer Styles
------------------------------------------------
*/

footer {
  padding: 60px 0;
  z-index: 9999;
  border-radius: 40px 40px 0 0;
}

.footer_top__heading {
  border-bottom: 1px solid var(--Neutrals-Blanc, #fff);
  padding-bottom: 46px;
  margin-bottom: 46px;
}

.footer__heading {
  font-size: clamp(2.5rem, 2.5vw, 3rem);
}

.footer_link__heading {
  font-size: 1.125rem;
  color: var(--theme-yellow);
}

.footer_link__subheading {
  font-size: 12px;
  color: var(--theme-yellow);
  opacity: 0.5;
}

.footer__link {
  font-size: 14px;
  transition: all 0.2s ease-in-out;
}

.footer__link:hover {
  color: var(--theme-yellow) !important;
  opacity: 1 !important;
}

.footer_bottom__part {
  margin-top: 72px;
}

.social_link {
  width: 32px;
  height: 32px;
  background: var(--theme-yellow);
  transition: all 0.2s ease-in-out;
}

.social_link:hover {
  background: var(--secondary-yellow);
}

.newsletter_box {
  width: 100%;
  max-width: 648px;
  display: flex;
  gap: 12px;
}

.newsletter_input {
  width: 100%;
  height: 40px;
  padding: 0 32px;
  background: var(--theme-black);
  border-radius: 40px;
  line-height: 100%;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  border: 1px solid var(--theme-black);
  outline: none;
}

.newsletter_input::placeholder {
  color: #fff;
  opacity: 0.5;
}

.newsletter_input:focus {
  border-color: var(--theme-color);
}

.newsletter_box .primary-btn {
  min-width: max-content;
}

.footer_bottom__text {
  font-size: 14px;
  transition: all 0.2s ease-in-out;
}

.footer_bottom__text:hover {
  color: var(--theme-yellow) !important;
  opacity: 1 !important;
}

/* Footer Logo */
#footer_logo {
  background: var(--theme-yellow);
  padding-block: 64px;
  display: flex;
  align-items: end;
  position: sticky;
  bottom: 0;
  z-index: -999;
  display: none;
}

#footer_logo img {
  width: 100%;
}

/* 
------------------------------------------------
Secondary Footer Styles
------------------------------------------------
*/

#secondary-footer {
  padding: 0 0;
  width: 100%;
  background: #fff;
  border-radius: 0;
}

.seconcdary_footer__wrapper {
  height: 108px;
  gap: 32px;
}

.secondary_footer__right {
  gap: 2rem;
}

/* 
------------------------------------------------
News Page Styles
------------------------------------------------
*/

/* Header */
#news-header {
  width: 100%;
  padding-top: 92px;
  padding-bottom: 2rem;
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

#news-header-content {
  margin: 124px 0 144px 0px;
}

.news_content__left {
  width: 100%;
  max-width: 644px;
}

.news_content__right {
  width: 100%;
  max-width: 531px;
}

.news_content__right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news_header__title {
  font-size: var(--text-section-heading);
}

.news_header__desc {
  font-size: 2rem;
  line-height: 140%;
  margin-top: 60px;
}

/* News Media */
#news-media {
  padding: 120px 0;
  background: var(--theme-gray);
  border-radius: 40px;
}

.media_card__wrapper {
  margin: 80px 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.media_single__card {
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
}

.media_single__card:hover {
  transform: translateY(-10px);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.media_single__card i {
  transition: all 0.3s ease-in-out;
}

.media_single__card:hover i {
  transform: translateX(10px);
}

.media_single__card img {
  width: 100%;
  max-width: 200px;
}

.media_card__text {
  font-size: 1.125rem;
  line-height: 120%;
}

.media_card__anchor {
  min-width: 48px;
  min-height: 48px;
}

/* Articles */

#latest-news {
  padding: 120px 0;
}

.latest_news__card__wrapper {
  margin: 80px 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.latest_news__single__card {
  background: var(--theme-gray);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.latest_news__single__card .badge__text {
  color: #fff !important;
}

.latest_news__single__card:hover {
  transform: translateY(-10px);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.latest_news__single__card img {
  transition: all 0.3s ease-in-out;
}

.latest_news__single__card:hover img {
  transform: scale(1.05);
}

.media_card__logo {
  width: 100% !important;
  max-width: 180px !important;
  height: 60px;
  max-height: 60px;
  object-fit: contain;
}

/* Stay In Touch */
#stay-in-touch {
  background: var(--theme-black);
  border-radius: 40px;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  overflow: hidden;
}

.stay_in__touch__right {
  width: 100%;
  max-width: 449px;
  height: 290.651px;
}

.stay_in__touch__right img {
  width: 100%;
  height: 100%;
}

.stay_in__touch__left {
  width: 100%;
  padding: 56px;
}

#stay-in-touch-title {
  font-size: 3.625rem;
}

.stay_in__touch__social {
  margin-top: 40px;
  gap: 40px;
}

.stay_in__touch__social__text,
.social_box__text {
  font-size: 24px;
}

#stay-in-touch .btn-large {
  padding: 15px 28px;
}

.stay_in__touch__social img {
  transition: all 0.2s ease-in-out;
}

.stay_in__touch__social img:hover {
  filter: brightness(1.5);
}

/* Key Figure */

.key_figures__wrapper {
  padding: 80px 0;
}

.key_figure__heading {
  font-size: 2.875rem;
}

.key_figure__card {
  height: 393px;
  padding: 40px 32px 0 32px;
  border-radius: 12px;
  overflow: hidden;
}

.key_figures__users {
  background: var(--theme-green);
}

.key_figures__users img {
  width: 220px;
  margin: 0 auto;
}

.key_figure__title {
  font-size: 3rem;
}

.key_figure__desc {
  font-size: 18px;
  margin-top: 4px;
}

.key_figures__provider {
  background: var(--theme-yellow);
}

.key_figures__provider img {
  width: 176px;
  margin: 0 auto;
}

.key_figure__small__card {
  padding: 40px 32px;
  height: 181px;
  border-radius: 12px;
}

.key_figure__small__card.participants {
  background: var(--theme-color);
}

.key_figure__small__card.rating {
  background: var(--theme-gray);
}

.key_figure__card picture {
  width: auto;
}

/* Kit Media */

#kit-media {
  padding-bottom: 80px;
}

.kit_media__wrapper {
  width: 100%;
  height: 166px;
  border-radius: 20px;
  background: var(--theme-gray);
  padding: 0 60px;
}

.kit_media__title {
  font-size: 2.875rem;
}

.kit_media__right .btn-large {
  padding: 15px 28px;
  transition: all 0.3s ease-in-out;
}

.kit_media__right .btn-large:hover {
  background: rgba(255, 255, 255, 1) !important;
}

.kit_media__right {
  gap: 40px;
}

/* 
------------------------------------------------
Articles Page Styles
------------------------------------------------
*/

#articles_header {
  padding: 108px 0 40px 0;
}

.articles_header__desc {
  font-size: 2rem;
  line-height: 140%;
  margin-top: 2rem;
  margin-bottom: 4.188rem;
}

.breadcrumb_link {
  font-size: 14px;
}

/* Articles */

#articles {
  background: var(--theme-gray);
  padding: 120px 0 105px 0;
}

.articles_heading {
  font-size: 2.875rem;
}

.articles_cards__container {
  margin: 40px 0 80px 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

#stay-in-touch-container {
  background: var(--theme-gray);
}

/* 
------------------------------------------------
Press Release Page Styles
------------------------------------------------
*/

.breadcrumbs {
  gap: 12px;
}

#media {
  background: var(--theme-gray);
  padding: 120px 0 60px 0;
}

#media .latest_news__single__card {
  background-color: #fff;
}

#stay-in-touch-container {
  padding-bottom: 80px;
}

.latest_news__badge {
  width: max-content;
  background: var(--theme-yellow);
  padding: 10px 12px;
  border-radius: 8px;
  margin-bottom: 12px;
}

.escape__badge {
  width: max-content;
  background: var(--theme-yellow);
  padding: 10px 12px;
  border-radius: 8px;
  margin-bottom: 12px;
}

.escape_badge__text {
  font-size: 14px;
  color: #000 !important;
}

.badge__text {
  font-size: 14px;
  color: #000 !important;
}

.pagination_btn {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #000 !important;
}

.pagination_btn.active {
  background: #fff;
}

/* 
------------------------------------------------
Kit Media Page Styles
------------------------------------------------
*/

.fondateurs_padding {
  padding: 80px 0;
}

#fondateurs {
  background: var(--theme-gray);
}

.fondateurs__title {
  font-size: 2.875rem;
  font-weight: 600;
  line-height: 100%;
  color: var(--Primary-Noir-Intense, #000);
}

.fondateurs__desc {
  font-size: 20px;
  line-height: 140%;
  color: var(--Primary-Noir-Intense, #000);
  margin-top: 32px;
}

.founders_card__wrapper {
  margin-top: 80px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.founder_card img {
  width: 100%;
  object-fit: cover;
}

.founders_text {
  font-size: 1.125rem;
}

#notre-solution .founder_card {
  background: var(--theme-gray) !important;
}

#notre-solution .founder_card .main__image {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

#logos {
  background: var(--theme-gray);
  padding-bottom: 116px;
}

/* 
------------------------------------------------
Nous Rejoindre Page Styles
------------------------------------------------
*/

#rejoindre-header {
  padding: 216px 0 144px 0;
}

#rejoindre-header .news_header__desc {
  margin-bottom: 60px;
}

/* Story Section */
#story {
  padding-top: 120px;
  background: var(--theme-btn-hover);
}

.history_desc {
  line-height: 140%;
  font-size: 20px;
  padding: 40px 0;
}

.story_wrapper {
  width: 100%;
  max-width: 942px;
  margin: 0 auto;
}

.story_btn__wrapper {
  gap: 40px;
}

.story_wrapper .primary-btn {
  padding: 15px 28px;
}

.story_illustrator {
  width: 100%;
  margin-top: 122px;
}

.story_illustrator img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Team Key Figures */

#team-key-figures {
  padding: 80px 0;
  border-radius: 0 0 40px 40px;
}

#team-key-figures-title {
  font-size: 2.875rem;
}

.team-key-figures-row {
  --bs-gutter-x: 24px;
  --bs-gutter-y: 24px;
}

.team-key-figures-row {
  margin-top: 10px;
}

.team-card {
  height: 305px;
  border-radius: 16px;
  padding: 32px;
}

.team-card__review {
  background: var(--theme-gray);
}

.bg-soft-yellow {
  background-color: var(--theme-yellow);
}

.bg-soft-green {
  background-color: var(--theme-green);
}

.bg-soft-blue {
  background-color: var(--theme-color);
}

.bg-soft-yellow-alt {
  background-color: var(--theme-yellow);
}

.team_card__text {
  line-height: 130%;
  font-size: 18px;
  color: #000;
}

.team_card__number {
  font-size: 4.125rem;
  line-height: 100%;
}

.team_card__number__label {
  font-size: 2.125rem;
  margin-top: 8px;
}

/* Why Us Section */
#why-us {
  padding: 105px 0;
}

#why-us .news_header__desc {
  margin-top: 20px;
}

.why_us__card__row {
  --bs-gutter-x: 32px;
  --bs-gutter-y: 32px;
  margin-top: 30px;
  margin-bottom: 145px;
}

.why_us__card {
  background: var(--theme-black);
  border-radius: 12px;
  overflow: hidden;
}

.why_us__card__content {
  padding: 32px 24px;
  height: 220px;
}

.why_us__card__title {
  font-size: 2rem;
  color: var(--Neutrals-Blanc, #fff);
  line-height: 130%;
}

.why_us__card__desc {
  width: 100%;
  max-width: 355px;
  font-size: 1rem;
  color: var(--Neutrals-Blanc, #fff);
  line-height: 155%;
}

/* Job Offer */

#job-offers {
  padding: 105px 0;
  border-radius: 40px 40px 0 0;
}

.btn-overlay-container {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.job_offers__btn__group {
  width: max-content;
  margin: 32px auto;
  padding: 10px 12px;
  background: var(--theme-yellow);
  border-radius: 40px;
}

.job_offers__btn {
  position: relative;
  z-index: 2;
  background: transparent;
  padding: 14px;
  border-radius: 78px;
  font-size: 20px;
  color: var(--theme-black, #000);
  border: none;
  cursor: pointer;
  transition: color 0.3s ease;
}

.job_offers__card__row {
  --bs-gutter-x: 24px;
  --bs-gutter-y: 24px;
  display: none;
}

.job_offers__card__row.active {
  display: flex;
}

.job_offers__card {
  height: 100%;
  padding: 32px 32px 40px 32px;
  background: var(--theme-gray);
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
}

.job_offers__card:hover {
  transform: translateY(-10px);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.job_offers__card i {
  transition: all 0.3s ease-in-out;
}

.job_offers__card:hover i {
  transform: translateX(10px);
}

.job_offers__card__content {
  height: 100%;
  gap: 38px;
}

.job_offers__card__title {
  height: 48px;
  font-size: 20px;
  line-height: 120%;
}

.job_card__locations {
  gap: 1rem 2rem;
}

.job_offer__location__text {
  font-size: 12px;
}

/* Join Us */

#join-us-faq {
  background: var(--theme-gray);
  padding: 105px 0 94px 0;
}

.join_us__title {
  font-size: 2.875rem;
}

.accordion-button:not(.collapsed) {
  box-shadow: none;
}

.accordion-button {
  font-size: 1.5rem;
}

/* 
------------------------------------------------
Job Letter Page Styles
------------------------------------------------
*/

#stage-partnership-manager-junior-page #news-header {
  padding-bottom: 0;
}

#stage-partnership-manager-junior-page #news-header .news_header__title {
  margin-bottom: 64px;
}

#letter-body {
  padding-bottom: 60px;
}

.letter_body__wrapper {
  background: var(--theme-gray);
  padding: 24px 24px 40px 24px;
  border-radius: 12px;
  overflow: hidden;
}

.letter_body__title {
  font-size: 2.875rem;
}

#letter-body .job_card__locations {
  margin-top: 32px;
}

.letter_body__desc {
  font-size: 20px;
  margin: 57px 0;
}

.requirement_box__title {
  font-size: 1.5rem;
}

.single_requirement__box {
  border-radius: 12px;
}

.requirement_title__box {
  margin-bottom: 32px;
}

.letter_body__requirements {
  margin-bottom: 130px;
}

.letter_body__left__overlay {
  position: absolute;
  left: 2%;
  bottom: 0;
}

.letter_body__right__overlay {
  position: absolute;
  right: 0;
  bottom: 0;
}

/* 
------------------------------------------------
Magazine Page CSS
------------------------------------------------
*/

/* Header */
#magazine-header {
  background: var(--theme-black);
  padding: 160px 0 80px 0;
}

.article_top_body__container {
  max-width: 1096px !important;
  margin: 0 auto !important;
  gap: 140px;
}

.magazine_header__left {
  width: 100%;
  max-width: 495px;
}

.magazine_header__left img {
  width: 100%;
  height: 100%;
}

.magazine_header__right {
  width: 100%;
  max-width: 563px;
}

.latest_news__badge.badge-blue {
  background-color: var(--theme-color);
}

.magazine_header__right__heading {
  font-size: 2.875rem;
  margin: 2rem 0;
}

.magazine_article__author {
  gap: 40px;
}

.magazine_article_author__text {
  font-size: 0.875rem;
}

/* Article Body */

#article-body {
  padding: 80px 0 100px 0;
  position: relative;
}

.article_body__left {
  width: 100%;
  max-width: 646px;
}

.article_desc__main {
  line-height: 140%;
  font-size: 20px;
}

.article_desc__regular {
  font-size: 1rem;
  line-height: 155%;
  color: #000;
}

.article_body__heading {
  color: var(--Primary-Noir-Intense, #000);
  line-height: 130%;
  font-size: 2rem;
  font-weight: 400;
}

.article_body__image {
  padding: 80px 0;
}

.article_body__image__alt {
  font-size: 0.875rem;
  color: #000;
  opacity: 0.5;
  margin-top: 12px;
}

.article_image__grid {
  margin-top: 80px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.article_grid__single__image {
  overflow: hidden;
  border-radius: 8px;
}

.article_grid__single__image img {
  transition: all 0.3s ease-in-out;
}

.article_grid__single__image:hover img {
  transform: scale(1.1);
}

.article_body__carousel {
  padding: 80px 0;
}

.article_blog_preview__image {
  width: 100%;
  height: 268px;
  object-fit: cover;
  border-radius: 18.505px;
}

.article_carousel__container {
  padding: calc(80px - 24px) 0 calc(80px - 24px) 0;
}

.article-body-carousel-swiper {
  width: 100%;
}

.article-body-carousel-swiper .swiper-slide {
  width: 100%;
  max-width: 420px !important;
}

.article_body_carousel__mask {
  width: 357px;
  height: 562px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 5.48%, #fff 100%);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9999;
  pointer-events: none;
}

.swiper-article-prev {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99999;
}

.swiper-article-next {
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99999;
}

.article_body_top__right {
  position: sticky;
  top: 100px;
  z-index: 999;
}

.article_body__experience__box {
  width: 100%;
  max-width: 311px;
  background: var(--theme-black);
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
}

.article_body__exp_box__top {
  padding: 32px 32px 0px 32px;
}

.article_body__experience__box__title {
  font-size: 2.5rem;
}

.article_body__experience__box .btn-large {
  padding: 15px 28px;
  margin-top: 32px;
  margin-bottom: 16px;
}

.article__breadcrumbs {
  margin-bottom: 2rem;
}

/* More Blogs */

#more-blogs {
  padding: 105px 0 145px 0;
  background: var(--theme-black);
  border-radius: 40px 40px 0px 0px;
}

.more_blogs__heading {
  font-size: 2rem;
}

.more_blogs__wrapper {
  --bs-gutter-x: 32px;
  --bs-gutter-y: 32px;
  margin-top: 80px;
}

.more_blogs__wrapper .latest_news__badge {
  background: var(--theme-black);
}

#magazine-article footer {
  margin-top: -40px;
}

/* 
------------------------------------------------
Magazine Page
------------------------------------------------
*/

#magazine-wrapper {
  background: var(--theme-black) !important;
}

#magazine #magazine-header {
  padding: 160px 0 40px 0;
}

.magazine-breadcrumbs {
  margin-top: 80px;
}

.magazine-card .latest_news__badge {
  background: var(--theme-black);
  color: #fff !important;
}

.feature-card__title {
  font-size: 2rem;
}

/* Other Articles */

#other-articles {
  padding: 80px 0;
}

.other_articles__btn__group {
  padding: 24px 0 32px 0;
  gap: 12px;
}

.other_article__btn {
  width: max-content;
  padding: 10px 12px;
  border-radius: 8px;
  background: #000;
  font-size: 14px;
  color: var(--Neutrals-Blanc, #fff);
  line-height: 100%;
  font-family: "Roboto", sans-serif;
  transition: all 0.2s ease-in-out;
}

.other_article__btn:hover {
  background: var(--theme-yellow);
  color: #000;
}

.other_article__btn.active {
  background: var(--theme-yellow);
  color: #000;
}

.other_article__highlight__card {
  width: 100%;
  max-width: 531px;
  position: sticky;
  top: 100px;
}

.other_article__wrapper__right {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}

.magazine_blog__image__box {
  height: 430px;
  overflow: hidden;
}

.magazine_blog__image__box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}

.magazine_blog__image__box:hover img {
  transform: scale(1.05);
}

.other_article__highlight__card .magazine_blog__image__box {
  height: 531px;
}

/* Trend Report */
#trend-report {
  padding: 30px 0 110px 0;
}

.trend_report__left {
  width: 100%;
  max-width: 644px;
}

.trend_report__left .primary-btn {
  border-color: #fff;
  color: #fff !important;
}

.trend_report__left .magazine_header__right__heading {
  margin-bottom: 32px !important;
}

.trend_report__right {
  width: 100%;
  max-width: 530px;
  border-radius: 12px;
  overflow: hidden;
}

.trend_report__image {
  width: 100%;
  height: 481px;
  object-fit: cover;

  transition: all 0.3s ease-in-out;
}

.trend_report__image:hover {
  transform: scale(1.05);
}

/* 
------------------------------------------------
Seminar Page
------------------------------------------------
*/

#seminar {
  --wrapper-margin: clamp(32px, 6.889vh, 64px) 0;
}

/* Header */

#seminar-header {
  padding: clamp(60px, 19.861vh, 143px) 0 clamp(32px, 9.861vh, 71px) 0;
}

.seminar_header__left {
  width: 100%;
  max-width: 757px;
}

.seminar_header__right {
  width: 100%;
  max-width: 532px;
}

.seminar_desc {
  font-size: 1.5rem;
  width: 100%;
  max-width: 644px;
  margin: 40px 0;
  line-height: 140%;
}

/* Seminar Guide */
#seminar-guide {
  padding-top: clamp(30px, 8.056vh, 58px);
  padding-bottom: clamp(55px, 14.583vh, 105px);
}

.seminar_guide__left {
  width: 100%;
  height: 540px;
  position: relative;
}

.seminar_guide__right {
  width: 100%;
}

.seminar_guide__left img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
}

.seminar_guide__left img.active {
  visibility: visible;
  opacity: 1;
}

.seminar_guide__heading {
  font-size: clamp(2rem, 2.964vw, 2.875rem);
}

.seminar_guide__wrapper {
  width: 100%;
  max-width: 1094px;
  margin: clamp(40px, 7vh, 80px) auto 0 auto;
}

.seminar_dropdown__item {
  width: 100%;
  height: 58px;
  background: var(--theme-gray);
  padding: 16px;
  border-radius: 12px;
  cursor: pointer;
  transition: height 0.2s ease;
}

.seminar_dropdown__item.active {
  background: var(--secondary-yellow);
  height: 392px;
  cursor: initial;
}

.seminar_dropdown__item__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  color: #000;
  padding-right: 17%;
}

.seminar_dropdown__item__desc {
  color: #000;
  line-height: 155%;
  display: none;
}

.seminar_dropdown__item.active .seminar_dropdown__item__desc {
  display: block;
}

/* Seminar Destination */
#seminar-destination {
  padding: clamp(55px, 14.583vh, 105px) 0;
}

.seminar_destination__wrapper {
  margin: clamp(32px, 6.889vh, 64px) 0;
}

#seminar-destination .swiper-btn {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 5.48%, #000 100%);
}

.seminar-destination-swiper {
  padding: 0 60px;
  position: relative;
}

.seminar-destination-swiper .swiper-slide {
  width: 100%;
  max-width: clamp(400px, 43.741vw, 643px) !important;
}

.seminar-destination-prev {
  width: 146px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -40px;
  top: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 5.48%, #000 100%);
  z-index: 1;
  transform: rotate(180deg);
}

.seminar-destination-next {
  width: 146px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 5.48%, #000 100%);
  z-index: 1;
}

.seminar-destination-next img,
.seminar-destination-prev img {
  width: 34px;
  height: 33px;
}

.seminar_destination__carousel__box {
  position: relative;
  isolation: isolate;
  border-radius: 12px;
  overflow: hidden;
}

.seminar_destination__carousel__box::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 12.98%,
    rgba(0, 0, 0, 0.95) 100%
  );
}

.seminar_destination__carousel__box__overlay {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  transition: all 0.4s ease-in-out;
  z-index: 2;
}

.seminar_destination__carousel__box:hover
  .seminar_destination__carousel__box__overlay {
  opacity: 0;
  top: -20%;
}

.seminar_destination__carousel__box picture img {
  height: 100% !important;
}

.seminar_destination__carousel__box__overlay__desc {
  position: absolute;
  bottom: -50%;
  left: 24px;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  z-index: 2;
}

.seminar_destination__carousel__box:hover
  .seminar_destination__carousel__box__overlay__desc {
  opacity: 1;
  bottom: 24px;
}

.seminar_destination__carousel__box__overlay
  .seminar_destination__carousel__box__overlay__text:first-child {
  padding-right: 50px;
}

.seminar_destination__carousel__box__overlay
  .seminar_destination__carousel__box__overlay__text:nth-child(2) {
  margin-top: -10px;
}

.seminar_destination__carousel__box__overlay__text {
  font-size: clamp(34px, 4.762vw, 70px);
}

/* Seminar Management */
#seminar-management {
  padding-top: clamp(40px, 10.694vh, 77px);
  padding-bottom: clamp(55px, 14.583vh, 105px);
}

.seminar_management__wrapper {
  margin: clamp(40px, 7vh, 80px) 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.seminar_management__card {
  width: 100%;
  height: clamp(200px, 63vh, 526px);
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  transition: all 0.3s ease-in-out;
}

.seminar_management__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000 100%);
  z-index: 1;
}

.seminar__item__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.seminar_management__card:hover .seminar__item__overlay {
  opacity: 1;
}

.seminar_management__card__overlay {
  width: 70%;
  position: absolute;
  left: 24px;
  right: 32px;
  bottom: 32px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 18px;
  transform: translateY(var(--desc-hide, 0px));
  transition: transform 300ms ease-in-out;
}

.seminar_management__card:hover .seminar_management__card__overlay {
  bottom: 24px;
}

.seminar_management__card .seminar_management__card__overlay__title {
  margin-bottom: 0px;
}

.seminar_management__card__overlay p {
  margin: 0;
}

.seminar_management__card__overlay {
  --gap: 28px;
}

.seminar_management__card__overlay {
  --desc-hide: calc(var(--desc-h, 0px) + var(--gap));
}

.seminar_management__card:hover .seminar_management__card__overlay {
  transform: translateY(0);
}

.seminar_management__card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}

.seminar_management__card:hover img {
  transform: scale(1.1);
}

.seminar_management__card__overlay__btn {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 3;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.seminar_management__card:hover .seminar_management__card__overlay__btn {
  right: 14px;
}

.seminar_management__card__overlay__title {
  font-size: 2rem;
  margin-bottom: 13px;
}

/* Seminar Environment */
#seminar-environment {
  padding: clamp(55px, 14.583vh, 105px) 0;
  background-color: var(--theme-gray);
}

.seminar_enviornment__wrapper {
  position: relative;
  margin: clamp(40px, 7vh, 80px) 0;
}

.seminar-enviornment-swiper .swiper-slide {
  border-radius: 12px !important;
  overflow: hidden;
}

.seminar_enviornment {
  background: transparent;
}

.seminar_enviornment__prev {
  left: -75px;
}

.seminar_enviornment__next {
  right: -75px;
}

/* Seminar Theme */
#seminar-theme {
  padding: clamp(55px, 14.583vh, 105px) 0;
}

.seminar_theme__wrapper {
  margin: clamp(40px, 7vh, 80px) 0;
}

.seminar-theme-swiper .swiper-slide {
  width: 100%;
  max-width: clamp(430px, 59.116vw, 869px);
}

.seminar-theme-swiper .seminar_management__card {
  height: calc(534px, 86.528vh, 622px);
}

.seminar-theme-swiper .swiper-slide {
  transition: transform 0.35s ease, opacity 0.35s ease;
  transform: scale(0.85);
  transform-origin: center center;
}

.seminar-theme-swiper .swiper-slide-active {
  transform: scale(1);
  opacity: 1;
  z-index: 2;
}

.seminar-theme-swiper .swiper-slide-prev {
  transform: scale(0.92) translateX(-35px);
  transform-origin: right center;
}

.seminar-theme-swiper .swiper-slide-next {
  transform: scale(0.92) translateX(35px);
  transform-origin: left center;
}

.seminar_theme {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 5.48%,
    rgba(255, 255, 255, 0.75) 100%
  );
  width: 117px;
}

.seminar_theme__next {
  right: 0;
}

.seminar_theme__prev {
  left: 0;
}

/* Rejolt Support */

.rejolt_support__title {
  font-size: clamp(35px, 3.946vw, 58px);
}

.rejolt_support__desc {
  width: 100%;
  max-width: 780px !important;
  margin: 0 auto;
  text-align: center;
  padding-top: 16px !important;
}

#seminar .story_illustrator {
  margin-top: 40px;
}

/* Faq */
#seminar #join-us-faq {
  padding: 105px 0 35vh 0;
}

/* SEO Text for Mobile */
#seminar-seo-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/*
----------------------------------------
  Trend Report Page
----------------------------------------
 */

#trend-report-header {
  background: url("../assets/trend-report-banner-cropped.webp");
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
  padding-top: 200px;
  padding-bottom: 105px;
}

#trend-report-header .seminar_desc {
  max-width: 600px;
}

/* Trend Notebook */
#trend-notebook {
  padding: 90px 0 105px 0;
}

.trend_notebook__wrappper {
  gap: 80px;
}

.trend_notebook__left,
.trend_analysis__right {
  width: 100%;
  max-width: 530px;
  overflow: hidden;
}

.trend_notebook__right,
.trend_analysis__left {
  width: 100%;
  max-width: 643px;
  padding-top: 45px;
}

.trend_notebook__title {
  font-size: clamp(2rem, 4.028vw, 58px);
}

/* Trend Analysis */
#trend-analysis {
  padding-bottom: clamp(10vh, 17.5vh, 154px);
}

.analysis_list {
  margin: 46px 0;
}

.analysis_list__text {
  font-size: 1.25rem;
  color: var(--Primary-Noir-Intense, #000);
  line-height: 140%;
  font-weight: 400;
}

.analysis_list__container {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

/* Publications */
#publications {
  background: var(--theme-black);
  padding: clamp(3rem, 20vh, 105px) 0;
  border-radius: 40px;
}

.publications__wrapper {
  margin-top: 67px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

.single_publication__card {
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.single_publication__card img {
  transition: all 0.3s ease-in-out;
}

.single_publication__card:hover img {
  transform: scale(1.1);
}

.single_publication__card__title {
  font-size: 32px;
}

.single_publication__card__btn {
  width: 48px;
  height: 48px;
  background: var(--Primary-Noir-Intense, #000);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Receive Copy */

#receive-copy {
  padding-top: clamp(12vh, 20.5vh, 221px);
  padding-bottom: clamp(10vh, 18.5vh, 206px);
  background: url("../assets/receive-copy-banner.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: -35px;
  z-index: 99;
}

.receive_copy__wrapper {
  width: 100%;
  max-width: 756px;
}

.receive_copy__title {
  font-size: 46px;
}

#receive_copy__form {
  margin-top: 40px;
}

.single_input__form__box {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.receive_form__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.input__label {
  font-size: 14px;
  line-height: 100%;
  color: var(--Primary-Noir-Intense, #000);
}

.input__field {
  background: var(--Neutrals-Blanc, #fff);
  border-radius: 40px;
  padding: 12px 24px;
  width: 100%;
  height: 40px;
  border: none;
  font-size: 14px;
  color: #000;
}

.receive_form__button {
  margin-top: 2rem;
  background: #fff;
  padding: 16px 38px;
  border-radius: 78px;
  border: none;
  font-size: 18px;
  font-weight: 400;
  color: var(--Primary-Noir-Intense, #000);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.receive_form__button:hover {
  background: var(--Primary-Noir-Intense, #000);
  color: #fff;
}

#trending-report footer,
#trending-2025-report footer {
  margin-top: -35px;
}

.form__checkbox {
  gap: 24px;
  margin-top: 2rem;
}

.checkbox__label {
  font-size: 12px;
  color: #000;
  line-height: 140%;
  font-weight: 400;
}

#accept-receive-copy {
  margin-top: 2px;
  border-radius: 4px !important;
  width: 13px;
  height: 13px;
  border-color: #fff;
  background: #fff;
}

/*
----------------------------------------
  Trend Report 2025 Page
----------------------------------------
 */

#trending-2025-report #trend-report-header {
  background: none;
  background-color: #bde6fc;
  background-size: 75%;
  background-position: 40vw;
  background-repeat: no-repeat;
  padding-top: 80px;
  padding-bottom: 0px;
  position: relative;
}

#trending-2025-report .trend_notebook__right {
  padding-top: 0px;
}

.single_publication__card__desc {
  margin-top: 6px;
  font-size: 20px;
}

.trend_header__report__image {
  width: 100%;
  max-width: 569px;
}

.trend_header__report__image img {
  width: 100%;
  max-width: 569px;
}

/* Video  */

#video-recap {
  padding: clamp(4rem, 23vh, 145px) 0 clamp(3rem, 20vh, 105px) 0;
  margin-top: -40px;
  z-index: 99;
}

.video_recap__wrapper {
  width: 100%;
  max-width: 870px;
  margin: 3rem auto 0 auto;
}

.video_recap__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Video Placeholder */
#video-placeholder {
  padding-bottom: 75px;
}

.video_placeholder__new {
  width: 100%;
  max-width: 1320px;
  display: flex;
  align-items: stretch;
  gap: 18px;
}

.video_placeholder__new__item {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

.video_placeholder__new__left {
  width: 32%;
}

.video_placeholder__new__right {
  width: 66%;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.video_placeholder_dummy__right__top,
.video_placeholder_dummy__right__bottom {
  display: flex;
  align-items: stretch;
  gap: 18px;
}

.video_placeholder_dummy__right__top .right_top__left {
  width: 63%;
}

.video_placeholder_dummy__right__top .right_top__right {
  width: 37%;
}

.video_placeholder_dummy__right__bottom .right_bottom__left {
  width: 37%;
}

.video_placeholder_dummy__right__bottom .right_bottom__right {
  width: 63%;
}

.video_placeholder__new__item img {
  width: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.video_placeholder__base {
  display: block;
}

.video_placeholder__overlay__image {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  will-change: transform, opacity;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video_placeholder__overlay__image.overlay-current {
  z-index: 2;
  opacity: 1;
  transform: translateX(0);
}

.video_placeholder__overlay__image.overlay-slide {
  z-index: 3;
  opacity: 0;
  transform: translateX(100%);
}

.video_placeholder__overlay__image.overlay-slide.is-sliding {
  animation: slide-hold-overlay 4s ease-in-out forwards;
}

@keyframes slide-hold-overlay {
  0% {
    transform: translateX(100%);
    opacity: 1;
  }
  25% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* 
------------------------------------------------
Devenir Partenaire
------------------------------------------------
*/

/* Header */
#partner-header {
  padding-top: clamp(10vh, 16.574vh, 179px);
  padding-bottom: clamp(3rem, 20vh, 105px);
}

.partner_header__left {
  width: 100%;
  max-width: 757px;
}

.partner_header__right {
  width: 100%;
  max-width: 531px;
}

.partner_header__left .section_desc {
  max-width: 644px;
  margin: 3.5rem 0;
}

/* Following Service */
#following-service {
  padding-bottom: clamp(3rem, 20vh, 105px);
}

.platform_top__single__card {
  background: var(--theme-gray);
}

.following_service__wrapper .platform_top__cards {
  margin-bottom: 32px;
}

.single_service__card .platform_top__single__card {
  width: 100%;
  max-width: 25%;
}

/* Wining Partnership */

#wining-partnership {
  padding: clamp(5rem, 25vh, 145px) 0;
  background: rgba(195, 255, 220, 0.99);
  border-radius: 40px;
}

.wining_partner__wrapper {
  margin-top: 62px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.wining_partner__card {
  background: var(--Neutrals-Blanc, #fff);
  border-radius: 12px;
  padding: 24px;
}

.wining_partner__title {
  font-size: 1.5rem;
  margin: 1rem 0 0.5rem 0;
}

/* Rejolt Manager */
#rejolt-manager {
  padding: clamp(3rem, 20vh, 105px) 0 0 0;
}

.rejolt_manager__wrapper {
  margin-top: 80px;
  position: relative;
  height: auto;
}

.rejolt_manager__wrapper__card {
  background: var(--theme-gray);
  border-radius: 12px;
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}

.rejolt_manager__wrapper__card:last-child {
  margin-bottom: 0;
}

.rejolt_manager__left {
  width: 100%;
  padding: 0 80px;
}

.rejolt_manager__right {
  width: 100%;
  max-width: 537px;
  height: 500px;
  background: var(--theme-color);
  padding: 81px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  gap: 37px;
}

.rejolt_manager__right picture {
  width: auto;
}

.rejolt_manager__right picture img {
  height: 160px !important;
}

.rejolt_manager__title {
  font-size: 40px;
}

.rejolt_manager__desc {
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.72px;
  margin-top: 24px;
}

/* Trust US */
#trust-us {
  padding: clamp(3rem, 20vh, 105px) 0;
}

#trust-us .brand_scroller__inner {
  margin: 80px 0;
  gap: 72px;
}

/* Partner Testimonials */
#partner-testimonials {
  padding-bottom: clamp(3rem, 20vh, 105px);
}

.partner_testimonial__wrapper {
  margin: 50px 0;
}

.single_testimonial__card {
  background: var(--theme-gray);
  padding: 24px;
  border-radius: 12px;
}

.single_partner__testi__author {
  margin: 24px 0;
}

.single_testimonial__card__image {
  max-width: 224px;
}

.single_testimonial__card__image img {
  height: 380px;
}

#partner #how-it-works {
  background: var(--theme-black) !important;
}

#partner #key-figures {
  padding-top: 80px;
}

.partner-testi-next {
  width: max-content;
  right: -18px;
}

.partner-testi-prev {
  width: max-content;
  left: -21px;
}

/* Join Network */
#join-network {
  padding: 82px 0;
}

.join_network__wrapper {
  width: 100%;
  height: 365px;
  background-color: var(--theme-green);
  border-radius: 12px;
  overflow: hidden;
  padding-left: clamp(3vw, 5.694vw, 82px);
  position: relative;
  isolation: isolate;
}

.jn_left_blob {
  position: absolute;
  left: 37px;
  top: 0;
  z-index: -1;
}

.jn_right_blob {
  position: absolute;
  right: 13px;
  bottom: 0;
  z-index: -1;
}

.jn_main__overlay {
  position: absolute;
  right: 204px;
  bottom: 0;
}

/* Interview Popup */

.black_overlay {
  inset: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 99999999999;
}

.black_overlay.active {
  opacity: 1;
  visibility: visible;
}

.interview__popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999999999;
  background: #000;
  width: 90%;
  max-width: 644px;
  height: clamp(400px, 55vh, 568px);
  background: var(--theme-gray);
  border-radius: 12px;
  padding: 24px;
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  scale: 0.8;
  transition: all 0.3s ease-in-out;
}

.interview__popup.active {
  opacity: 1;
  visibility: visible;
  scale: 1;
}

.interview__left {
  width: 100%;
  height: 100%;
  max-width: 271px;
  min-width: 271px;
  position: relative;
  isolation: isolate;
}

.play_btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.interview__left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.interview_popup__close__btn {
  width: 40px;
  height: 40px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 19px;
  top: 22px;
  cursor: pointer;
  border-radius: 8px;
  transition: all 0.2s ease-in-out;
}

.interview_popup__close__btn:hover {
  background: var(--theme-black);
  color: #fff;
}

#partner-testimonials .primary-btn:hover {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

/* 
-------------------------------------------------
Nos Expert Page CSS
------------------------------------------------
*/
#nos-expert-header {
  overflow: hidden;
  padding-top: clamp(12vh, 20vh, 205px);
  padding-bottom: clamp(8vh, 12.407vh, 134px);
}

.nos_expert_header__wrapper {
  position: relative;
  isolation: isolate;
}

.nos_expert__header__left {
  width: 100%;
  max-width: 757px;
}

/* Vertical Infinate Carousel */
.sliders {
  display: flex;
  gap: 32px;
  position: absolute;
  right: -80px;
}

.slider_container {
  width: var(--slide-width);
  height: 100vh;
  background: transparent;
  position: relative;
}

.slider_track {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  animation: scrollUp var(--duration) linear infinite;
}

#slider2 .slider_track {
  animation: scrollDown var(--duration) linear infinite;
}

.slide {
  width: var(--slide-width);
  height: var(--slide-height);
  margin: var(--gap) 0;
}

.slide img {
  width: var(--slide-width);
  height: var(--slide-height);
}

@keyframes scrollUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(calc(-100% / 2));
  }
}

@keyframes scrollDown {
  0% {
    transform: translateY(calc(-100% / 2));
  }
  100% {
    transform: translateY(0);
  }
}

/* Our Expert */

#our-experts {
  background: var(--theme-black);
  border-radius: 40px;
  padding-top: clamp(3rem, 20vh, 105px);
  padding-bottom: clamp(10vh, 14vh, 150px);
}

.our_experts__wrapper {
  width: 100%;
  max-width: 1093px;
  margin: 80px auto 0 auto;
  border-radius: 18px;
  position: relative;
}

.our_experts__wrapper::-webkit-scrollbar {
  display: none;
}

.our_experts__wrapper {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.our_experts__wrapper .our_expert__card {
  margin-top: 32px;
}

.our_expert__card {
  width: 100%;
  height: 482px;
  position: sticky;
  top: 0;
  background: var(--theme-yellow);
  padding: 40px;
  border-radius: 18px;
}

.our_expert__left {
  width: 100%;
}

.our_expert__right {
  width: 100%;
  max-width: 378px;
  height: 403px;
}

.our_expert__right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.our_expert__title {
  font-size: clamp(35px, 3.946vw, 58px);
}

/* Meet Expert */
#meet-expert {
  padding-top: clamp(3rem, 20vh, 105px);
  padding-bottom: clamp(22vh, 28vh, 300px);
}

.meet_expert__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  margin-top: 90px;
}

.meet_expert__card {
  width: 100%;
  height: 384px;
  position: relative;
  background: #000;
  border-radius: 12px;
  overflow: hidden;
}

.meet_expert__card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}

.meet_expert__card:hover img {
  transform: scale(1.05);
}

.meet_expert__card__content {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 69.5%, #000 100%);
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: end;
  gap: 12px;
  padding: 34px 24px;
}

.meet_expert__title {
  font-size: 2rem;
}

.meet_expert__btn {
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.expert__popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999999999;
  background: #000;
  width: 90%;
  max-width: 1092px;
  max-height: 100vh;
  background: #fff;
  border-radius: 12px;
  overflow: auto;
  display: flex;
  align-items: start;
  opacity: 0;
  visibility: hidden;
  scale: 0.8;
  transition: all 0.3s ease-in-out;
}

.expert__popup.active {
  opacity: 1;
  visibility: visible;
  scale: 1;
}

.expert_overlay__left {
  width: 100%;
  max-width: 418px;
}

.expert__popup__left__bottom {
  padding: 32px 24px;
}

.expert_image {
  width: 100%;
}

#expert-image {
  width: 100%;
  height: 100%;
  max-height: clamp(25vh, 50vh, 440px);
  object-fit: cover;
}

.expert_overlay__right {
  padding: 32px 0;
  width: 100%;
  max-width: 674px;
}

.relations {
  padding: 0 32px;
}

.relation__title {
  font-size: 20px;
}

.relation_single__badge {
  padding: 4px 12px;
  border-radius: 8px;
  background: var(--theme-color);
}

.recommend__places {
  margin: 28px 0;
}

.recommend__wrapper {
  margin-top: 16px;
}

.recommend_carousel__item {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

.recommend_carousel__image {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
  object-fit: cover;
}

.recommend_carousel__item:hover .recommend_carousel__image {
  transform: scale(1.05);
}

.recommend_carousel__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 4px;
}

.recommend-swiper .swiper-slide {
  width: 210px;
  height: 191px;
}

.recommend-swiper .swiper-btn {
  height: 100%;
}

.recommend-swiper .swiper-prev {
  background: transparent;
}

.recommend-swiper .swiper-next {
  background: transparent;
}

.recommend__places {
  padding-left: 32px;
}

.notice {
  padding-left: 32px;
}

.notice__wrapper {
  margin-top: 16px;
}

.notice__wrapper .testimonial__card {
  padding: 24px;
  min-height: auto;
  height: max-content;
  background: var(--theme-gray);
  border-radius: 12px;
}

.notice__wrapper .swiper-btn {
  height: 100%;
}

.notice-swiper .swiper-wrapper {
  max-width: 419px;
}

.expert_close__btn {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  position: absolute;
  top: 22px;
  right: 25px;
  transition: all 0.3s ease-in-out;
}

.expert_close__btn:hover {
  background: #000;
  color: #fff !important;
}

.expert_close__btn:hover i {
  color: #fff !important;
}

/* 
---------------------------
   About Us Page
--------------------------
*/

#about-header {
  padding-top: clamp(5rem, 22.307vh, 205px);
  padding-bottom: 67px;
  background: var(--theme-black);
}

.about_header__left {
  width: 100%;
  max-width: 757px;
}

#about-header .video_placeholder__new {
  padding-top: clamp(5rem, 18.281vh, 170px);
}

/* Story of Rejolt */

.rejolt_story__wrapper {
  margin-top: 62px;
}

.rejolt_story__left {
  width: 100%;
  max-width: 640px;
}

.rejolt_story__right {
  width: 100%;
  max-width: 531px;
}

.history_author {
  margin-top: 2rem;
}

/* Our Story */
#qui-sommes-nous .news_header__title {
  font-size: 2rem;
}

#qui-sommes-nous .history_desc {
  padding: 16px 0;
}

#qui-sommes-nous .story_illustrator {
  margin-top: 30px;
}

/* Our Mission */
#our-mission {
  padding-top: clamp(4rem, 15.016vh, 138px);
  padding-bottom: clamp(3rem, 20vh, 105px);
}

.our_mission__wrapper {
  width: 100%;
  position: relative;
  height: auto;
  max-width: 1093px;
  margin: clamp(3rem, 8.705vh, 80px) auto 0 auto;
  border-radius: 18px;
}

.our_mission__wrapper .our_expert__card {
  border-radius: 12px;
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}

.our_expert__card .seminar_desc {
  margin: 16px 0 0 0;
}

/* Meet our team */

.meet_team__wrapper {
  margin-top: 80px;
}

.meet_team__carousel__top {
  max-width: 100vw;
  overflow: hidden;
}

.meet_team__carousel__top__inner {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 20px;
  animation: meetTeamScroll var(--_animation-duration, 200s)
    var(--_animation-direction, forwards) linear infinite;
}

.meet_team__carousel__top[data-direction="right"] {
  --_animation-direction: reverse;
}

@keyframes meetTeamScroll {
  to {
    transform: translate(calc(-50% - 10px));
  }
}

#meet-our-team .meet_expert__card {
  width: clamp(122px, 21.528vw, 310px);
  height: 306px;
  border-radius: 17.912px;
  overflow: hidden;
}

#meet-our-team .meet_expert__card__content {
  padding: 23.883px;
}

#meet-our-team .meet_expert__title {
  font-size: clamp(12px, 2.222vw, 32px);
}

#meet-our-team .position_text {
  font-size: clamp(10px, 1.667vw, 22px);
}

#meet-our-team .meet_expert__card__content {
  gap: 4px;
}

/* Key Feature */
#qui-sommes-nous #key-figures {
  padding-top: 80px;
  padding-bottom: 25px;
}

/* News Media */
#qui-sommes-nous #news-media {
  border-radius: 40px 40px 0 0;
}

/* Investor Labels */
#investor-labels {
  background: var(--theme-gray);
  padding-bottom: 80px;
}

.investor_label__wrapper {
  background-color: #fff;
  border-radius: 12px;
}

.investor_label__left,
.investor_label__right {
  width: 100%;
  max-width: 642px;
  padding: 32px 64px;
}

.investor_labels__heading {
  font-size: 24px;
  margin-bottom: 32px;
}

.first_investor__logo {
  width: 147px !important;
}

.second_investor__logo {
  width: 114px !important;
}

.third_investor__logo {
  width: 137px !important;
}

.first_labels__logo {
  width: 220px !important;
}

.second_labels__logo {
  width: 209px !important;
}

/* Certificate */
#qui-sommes-nous #certificate {
  background-color: var(--theme-gray) !important;
  padding-bottom: 80px;
}

#qui-sommes-nous #certificate .certificate_container {
  background: #fff;
}

/* Experience Contact Banner */
#experience-contact {
  padding-bottom: 80px;
  background: var(--theme-gray);
}

.contact_small__banner {
  width: 100%;
  height: 384px;
  background-color: var(--theme-black);
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  padding: 32px 42px;
}

.experience_small__banner {
  width: 100%;
  height: 384px;
  background-color: var(--theme-yellow);
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  padding: 32px 42px;
}

#experience-contact .social_box__text {
  font-size: 16px;
}

.contact_small__banner__overlay {
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}

.contact_small__banner__overlay img {
  height: 100%;
}

.experience_small__banner__overlay {
  position: absolute;
  right: 0;
  bottom: 0;
}

/* 
-------------------------------------------------
Accueil Connecté
------------------------------------------------
*/

#accueil-header {
  margin-top: 80px;
}

.acceuil_header__wrapper {
  width: 100%;
  background: var(--theme-gray);
  padding: 1.5rem 2rem 2rem 2rem;
  border-radius: 12px;
  overflow: hidden;
}

.acceuil_header__title {
  font-size: 1.5rem;
}

.acceuil_box__left {
  border-radius: 12px;
  padding: 16px;
}

.acceuil_box__title {
  font-size: 1.25rem;
}

/* Advsior Info */
#advisor-info {
  margin: 40px 0;
}

.advisor_info__wrapper {
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  border-radius: 60px;
  padding: 8px 10px;
}

.advisor_info__text {
  font-size: 1.25rem;
  line-height: 140%;
}

.advisor_divider {
  width: 1px;
  height: 12px;
  background: #000;
  opacity: 0.25;
}

.advisor__desc {
  font-size: 14px;
  line-height: 155%;
}

.account__dropdown {
  padding: 8px 0;
  border-radius: 4px;
  border: 1px solid #f5f5f5;
  background: #fff;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08);
  width: 290px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.account__dropdown.active {
  visibility: visible;
  opacity: 1;
}

.account_dropdown__link {
  padding: 12px 16px;
  cursor: pointer;
  color: #000;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  transition: all 0.3s ease-in-out;
}

.account_dropdown__link:hover {
  background: var(--theme-gray);
}

#my-account-trigger {
  height: 56px;
}

/* Current Efforts */

.current_efforts__heading {
  font-size: 1.5rem;
}

.current_efforts__cards {
  margin: 24px 0px;
}

.current_efforts__single__card {
  border-radius: 12px;
  overflow: hidden;
  background: var(--theme-gray);
}

.current_efforts__card__image {
  width: 100%;
  height: 261px;
  overflow: hidden;
}

.current_efforts__card__img {
  transition: all 0.3s ease-in-out;
}

.current_efforts__card__img:hover {
  transform: scale(1.05);
}

.current_efforts__card__content {
  gap: 12px;
  padding: 16px;
}

.efforts_card__title {
  line-height: 140%;
  font-size: 1.25rem;
}

.effort_card__badge {
  background: var(--theme-color);
  padding: 4px 12px;
  border-radius: 8px;
  width: max-content;
  font-size: 14px;
  color: #000;
  line-height: 155%;
}

.efforts_card__bottom {
  gap: 12px;
  margin-top: 4px;
}

.current_efforts__card__date {
  background: #fff;
  width: 115px;
  height: 90px;
  border-radius: 0 0 12px 12px;
  position: absolute;
  top: 0;
  right: 29.333px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.current_efforts__card__date__title {
  font-size: 2rem;
  line-height: 140%;
}

.current_efforts__card__date__desc {
  font-size: 20px;
  line-height: 140%;
  margin-top: -12px;
}

/* Smart Choice */

#smart-choice {
  padding-top: 40px;
  padding-bottom: 62px;
}

.smart_choice__wrapper {
  width: 100%;
  height: 324px;
  background: var(--secondary-yellow);
  border-radius: 12px;
  padding-left: 40px;
}

.smart_choice__content {
  width: 100%;
  max-width: 551px;
}

.smart_choice__title {
  font-size: 2rem;
  line-height: 130%;
}

#accueil #spirit,
#accueil-v2 #spirit {
  padding: 80px 0;
  border-radius: 40px;
  margin-top: -40px;
}

#accueil #destination,
#accueil-v2 #destination {
  background: var(--theme-gray);
  padding: 80px 0 100px 0;
  border-radius: 0px;
}

#accueil .destination_carousel,
#accueil-v2 .destination_carousel {
  margin: 40px 0;
}

/* From Here */
#accueil #discover-experience,
#accueil-v2 #discover-experience {
  background: var(--theme-gray);
  padding-top: 80px;
}

.discover_experience__wrapper {
  margin: 40px 0;
  overflow: hidden;
}

.discover-experience-swiper {
  padding: 0 60px !important;
}

.discover-experience-swiper .swiper-slide {
  width: 371px !important;
  flex-shrink: 0 !important;
  transition: width 0.3s ease-in-out;
}

.discover-experience-swiper .swiper-slide.swiper-slide-active {
  width: clamp(400px, 60vw, 871px) !important;
}

/* Accueil Feature */
#accueil-feature {
  width: 100%;
  background: var(--theme-gray);
}

.accueil_feature__wrapper {
  height: 324px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

.accueil_feature__wrapper .platform_top__single__card {
  width: 100%;
}

.accueil_feature__wrapper .platform_single__card__title {
  font-size: 30px;
}

#accueil-v2 .acceuil_box__left {
  width: 80%;
}

/* 
-------------------------------------------------
  Se Connecter Page
------------------------------------------------
*/

#se-connecter-header {
  min-height: 100dvh;
  background: url("../assets/se-connecter-header.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 120px;
  padding-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.se_connecter__content {
  width: 100%;
  max-width: 757px;
}

.se_connecter__form {
  width: 100%;
  max-width: 531px;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
}

.se_connecter__content .section_desc {
  margin: 32px 0;
}

.connecter_brand_logo__slider {
  width: 100%;
  max-width: 700px;
  overflow: hidden;
  margin-top: clamp(60px, 13vh, 120px);
}

.connecter_brand_logo__slider__inner {
  display: flex;
  gap: 40px;
  will-change: transform;
}

.se_connecter__form__btn {
  width: 100%;
  height: 50px;
  padding: 8px;
  background: var(--theme-gray);
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 00.5);
}

.se_connecter__form__btn.active {
  background: #fff;
  font-weight: 700;
  color: var(--Primary-Noir-Intense, #000);
}

.connecter_form__body {
  width: 100%;
  padding: 40px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 24px;
  display: none;
}

.connecter_form__body.active {
  display: flex;
}

.form_body__title {
  font-size: 24px;
  line-height: 140%;
}

.connecter_form__inputbox {
  width: 100%;
  gap: 8px;
}

.connecter_form__label {
  font-size: 16px;
  color: #000;
  line-height: 100%;
}

.connecter_input {
  width: 100%;
  height: 40px;
  padding: 12px 24px;
  border-radius: 40px;
  background: var(--theme-gray);
  border: 1px solid var(--theme-gray);
}

.form__info {
  text-align: center;
  opacity: 0.25;
  font-size: 12px;
  font-weight: 400;
}

.create_account__text {
  font-size: 14px;
}

.other_methods .primary-btn {
  width: 100%;
  font-size: 13px !important;
}

.signup_popup {
  width: 100%;
  max-width: 531px;
  position: fixed;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -50%);
  background: #fff;
  z-index: 999999999;
  border-radius: 12px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  scale: 0.9;
  transition: all 0.3s ease-in-out;
}

.signup_popup.active {
  opacity: 1;
  scale: 1;
  top: 50%;
  visibility: visible;
}

.signup_popup__heading {
  padding: 16px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.signup_popup__title {
  font-size: 24px;
  font-weight: 600;
}

.signup_popup__form {
  padding: 32px 24px;
}

.signup_popup__form label {
  text-align: center;
  font-size: 14px;
}

#signup-email {
  width: 100%;
  height: 44px;
  border-radius: 8px;
  background: var(--theme-gray);
  border: none;
  padding: 12px 16px;
  font-size: 16px;
  color: #000;
  line-height: 0px;
}

/* Nous Reconnetre */
#nous-connecter-header {
  background: var(--theme-gray);
  padding-top: 160px;
  padding-bottom: 68px;
}

#nous-connecter-header .section_heading {
  font-size: 70px;
}

/* Links */
#nous-connecter-links {
  padding-top: 70px;
  padding-bottom: 111px;
}

.nous_connecter__link__wrapper {
  width: 100%;
  max-width: 870px;
  margin: 0 auto;
}

.nous_connecter__single__card {
  background: var(--theme-gray);
  border-radius: 12px;
  padding: 48px 24px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}

.nous_connecter__single__card:hover {
  transform: translateY(-10px);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.nous_connecter__single__card__overlay {
  width: 100px;
  height: 100px;
  border-radius: 999px;
  background-color: #d9d9d9;
  position: absolute;
  top: -16px;
  right: -47px;
}

.nous_connecter__single__card__overlay p {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 140%;
}

.nous_connecter__link__text {
  font-size: 24px;
  line-height: 140%;
}

.nous_connecter__link__icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

/* avoir un compte */

#account-info {
  padding: 56px 0;
}

.account_info__wrapper {
  width: 100%;
  max-width: 692px;
  margin: 0 auto;
  background: var(--theme-gray);
  border-radius: 12px;
  padding: 42px 24px 24px 24px;
}

.account_info__title {
  font-size: 2rem;
  line-height: 130%;
  margin-bottom: 20px;
}

.account_info__login__form {
  margin-top: 28px;
  gap: 28px;
}

#account-info .connecter_input {
  background: #fff;
  border: 1px solid #fff;
}

/* 
-------------------------------------------------
  Support Request
-------------------------------------------------
*/

#support-request {
  padding-top: 65px;
  padding-bottom: 90px;
}

.support_request__wrapper {
  width: 100%;
  max-width: 630px;
  margin: 0 auto;
}

.select__input {
  width: 100%;
  height: 40px;
  background-color: var(--theme-gray);
  border: 1px solid var(--theme-gray);
  border-radius: 40px;
  padding: 0 24px;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  line-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.support_request__wrapper select {
  /* for Firefox */
  -moz-appearance: none;
  appearance: none;
  /* for Safari, Chrome, Opera */
  -webkit-appearance: none;
}

/* for IE10 */
.support_request__wrapper select::-ms-expand {
  display: none;
}

.select_icon {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
}

#wish-dropdown:invalid {
  color: rgba(0, 0, 0, 0.25);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
  appearance: none;
}

.connecter_textarea {
  width: 100%;
  height: 140px;
  background-color: var(--theme-gray);
  border: 1px solid var(--theme-gray);
  border-radius: 12px;
  padding: 12px 24px;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  line-height: 100%;
}

.support_form {
  margin-bottom: 4rem;
}

/*
-------------------------------------------------
Mentions Legales
-------------------------------------------------
*/

#mentions-legales-content {
  padding: 56px 0;
}

.mentions_legales__wrapper {
  width: 100%;
  max-width: 75%;
  margin: 0 auto;
  background: var(--theme-gray);
  border-radius: 12px;
  padding: 32px;
}

.mention_legales__desc {
  font-size: 20px;
}

#mentions-legales .account_info__title {
  margin-bottom: 0;
  font-size: 28px;
}

/*
-------------------------------------------------
Confidentialite
-------------------------------------------------
*/

#confidentialite-content {
  padding: 56px 0;
}

.confidentialite__text {
  font-size: 18px;
  line-height: 155%;
}

.confidentialite__wrapper {
  gap: 32px;
}

.confidentialite__list {
  list-style-type: disc;
  padding-left: 2rem;
}

.confidentialite__list .confidentialite__text {
  font-size: 16px;
}

.confidentialite__subheading {
  font-size: 24px;
}

.confidentialite_sublist {
  padding-left: 32px;
}

.confidentialite__semiheading {
  font-size: 21px;
}

/* 
-------------------------------------------------
  Experiences
-------------------------------------------------
*/

#experiences .experience_header__title {
  max-width: 1090px;
}

#experiences .experience_header__desc {
  max-width: 1090px;
}

.experience_header__content {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  height: 100dvh;
  max-height: 750px;
  padding: 127px 0;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: end;
  gap: 1rem;
}

.experience_header__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
}

.experience_header__bg img {
  width: 110%;
  height: 100%;
  object-fit: cover;

  transform: translate3d(-6%, 0, 0) scale(1.08);
  will-change: transform;

  animation: kenburns-pan 20s linear infinite;
  animation-direction: reverse;
}

@keyframes kenburns-pan {
  0% {
    transform: translate3d(-6%, 0, 0) scale(1.08);
  }
  100% {
    transform: translate3d(6%, 0, 0) scale(1.12);
  }
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 96px !important;
  width: 100%;
  display: flex;
  align-items: end;
  justify-content: end;
  padding-right: 82px;
}

.swiper-pagination-bullet {
  width: 6px !important;
  height: 6px !important;
  background: #fff !important;
  opacity: 0.5 !important;
}

.swiper-pagination-bullet-active {
  opacity: 1 !important;
}

.experience_header__title,
.experience_header__desc {
  width: 100%;
  max-width: 750px;
}

.experience_header__title {
  font-size: 46px;
}

.experience_header__desc {
  font-size: 20px;
  line-height: 140%;
  margin-top: 16px;
}

#inspiration .experience_header__title {
  max-width: 100%;
}

.inspiration_desc {
  font-size: 46px;
  margin: 40px 0;
}

.inspiration_slider__item {
  width: max-content;
  padding: 20px 40px;
  background: var(--theme-black);
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
}

.inspiration_slider__item:hover {
  background: #3a3a3a;
}

.inspiration_slider__item__icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inspiration_slider__item__title {
  font-size: 24px;
  line-height: 140%;
}

.inspiration-slider .swiper-slide {
  width: max-content !important;
}

.inspiration-slider {
  padding: 0 60px !important;
}

.inspiration_slider__next {
  width: 146px;
  height: 118px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inspiration_slider__prev {
  width: 146px;
  height: 118px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  position: absolute;
  transform: rotate(180deg);
  left: 0;
  top: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* IN Green */
#in-green {
  padding: 88px 0 105px 0;
}

.carousel_section__title {
  font-size: 72px;
}

.experience_carousel__reusable__wrapper {
  margin-top: 40px;
}

.experience_reusable__carousel__item {
  height: 350px;
  border-radius: 12px;
  overflow: hidden;
  isolation: isolate;
  transition: all 0.3s ease-in-out;
}

.experience_reusable__carousel__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000 100%);
  z-index: 1;
}

.experience_reusable__carousel__item img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}

.experience_reusable__carousel__item:hover img {
  transform: scale(1.06);
}

.experience_reusable__carousel__item__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.experience_reusable__carousel__item:hover
  .experience_reusable__carousel__item__overlay {
  opacity: 1;
}

.experience_reusable__carousel__item__content {
  width: 65%;
  position: absolute;
  left: 24px;
  right: 32px;
  bottom: 32px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 18px;
  transform: translateY(var(--desc-hide, 0px));
  transition: transform 300ms ease-in-out;
}

.experience_reusable__carousel__item:hover
  .experience_reusable__carousel__item__content {
  bottom: 24px;
}

.experience_reusable__carousel__item .seminar_management__card__overlay__title {
  margin-bottom: 0px;
}

.experience_reusable__carousel__item__content p {
  margin: 0;
}

.experience_reusable__carousel__item__content {
  --gap: 28px;
}

.experience_reusable__carousel__item__content {
  --desc-hide: calc(var(--desc-h, 0px) + var(--gap));
}

.experience_reusable__carousel__item:hover
  .experience_reusable__carousel__item__content {
  transform: translateY(0);
}

.experience_reusable__carousel__item__arrow {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 3;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.experience_reusable__carousel__item:hover
  .experience_reusable__carousel__item__arrow {
  right: 14px;
}

.experience_carousel__reusable__wrapper .swiper-slide {
  width: 306px;
}

.experience_carousel__reusable__wrapper .swiper {
  padding: 0 60px !important;
}

/* Urbain */
.reusable_carousel__container {
  padding-bottom: 105px;
}

.reusable_carousel__next {
  width: 146px;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  position: absolute;
  top: 0;
  right: -20px;
  z-index: 9999;
}

.reusable_carousel__prev {
  width: 146px;
  height: 100%;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 0;
  left: -20px;
  z-index: 9999;
}

.reusable_carousel__next,
.reusable_carousel__prev {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.reusable_carousel__next img,
.reusable_carousel__prev img {
  width: 35px;
  height: 34px;
}

/* Direction Carousel */
#direction {
  padding-bottom: 52px;
}

/* Experience It Banner */
#experience-it-banner .experience_wrapper {
  margin-top: 0;
  margin-bottom: 0;
}

#experience-discover-experience .experience_reusable__carousel__item {
  height: clamp(200px, 55vh, 450px);
}

.discover-experience-swiper
  .swiper-slide.swiper-slide-active
  .experience_reusable__carousel__item__content {
  transform: translateY(calc(var(--desc-h, 0px) - var(--title-h, 48px)));
  will-change: transform;
}

.discover-experience-swiper
  .experience_reusable__carousel__item:hover
  .experience_reusable__carousel__item__content {
  transform: translateY(0);
}

.carousel_index {
  width: 64px;
  height: 130px;
  position: absolute;
  left: -15px;
  top: 0;
  z-index: 99999999999999999;
}

.discover-experience-swiper .swiper-slide.swiper-slide-active .carousel_index {
  left: -30px;
}

.carousel_index__text {
  color: var(--Primary-Noir-Intense, #000);
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--Neutrals-Blanc, #fff);
  font-family: Roboto;
  font-size: 117.71px;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
}

.bg-gray {
  background-color: var(--theme-gray);
}

.top_location__box {
  padding: 80px 0px !important;
}

.top_location__box .discover_experience__wrapper {
  margin: 40px 0px 0px 0px !important;
}

#international {
  padding-top: 105px;
}

/* 
------------------------------
Formula Popups
------------------------------
*/
.global_popup__overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99999999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

.global_popup__overlay.active {
  opacity: 1;
  visibility: visible;
}

.submit_brief__popup {
  width: 90%;
  max-width: 1092px;
  height: 630px;
  max-height: 80dvh;
  position: fixed;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  z-index: 999999999;
  opacity: 0;
  visibility: hidden;
  scale: 0.9;
  transition: all 0.3s ease-in-out;
}

.submit_brief__popup.active {
  opacity: 1;
  visibility: visible;
  scale: 1;
  top: 50%;
}

.submit_brief__popup__left {
  width: 100%;
  max-width: 531px;
}

.submit_brief__popup__left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.submit_brief__popup__right {
  width: 100%;
  max-width: 563px;
  padding: 2rem;
  gap: 2rem;
}

.submit_brief__title {
  font-size: 24px;
}

.submit_brief__popup__input__form {
  width: 100%;
  max-width: 363px;
}

.submit_brief__label {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 155%;
}

.submit_brief__popup__input {
  width: 100%;
  height: 40px;
  border-radius: 40px;
  background: var(--theme-gray);
  padding: 12px 24px;
  border: none;
  font-size: 14px;
  line-height: 155%;
}

.submit_brief__popup .brief_close__button {
  position: absolute;
  right: 16px;
  top: 16px;
  border: none;
  background: transparent;
}

.submit_brief__additional {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
}

/* 
------------------------------
Functionalities
------------------------------
*/

#functionnalites-header {
  width: 100%;
  padding-top: clamp(80px, 15vh, 155px);
  padding-bottom: clamp(60px, 13vh, 110px);
}

.functionnalites_header__left {
  width: 100%;
  max-width: 757px;
}

.functionnalites_header__right {
  width: 100%;
  max-width: 531px;
}

.functionnalites_header__right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.functionnalites_title {
  font-size: clamp(48px, 4.861vw, 70px);
}

.functionnalites_desc {
  font-size: 1.5rem;
  line-height: 140%;
  width: 100%;
  max-width: 644px;
  margin: 40px 0;
}

/* Logo Slider */
#functionnalites-logo {
  padding: 0 0 55px 0;
}

/* Centralized */
#centralized {
  top: 0;
  left: 0;
  padding-top: 80px;
  padding-bottom: 100px;
}

.functionnalites_sticky__title {
  font-size: clamp(48px, 4.861vw, 70px);
}

.functionnalites_sticky__desc {
  width: 100%;
  max-width: 870px;
  margin: 2rem auto;
  font-size: 24px;
  line-height: 140%;
}

.functionnalites_sticky__img {
  width: 100%;
  max-width: 860px;
  margin: 50px auto 0 auto;
}

/* Automated */
#automated {
  padding-top: 110px;
  padding-bottom: 130px;
  top: 0;
  left: 0;
}

#automated .functionnalites_sticky__desc {
  max-width: 1094px;
}

/* Vat */
#vat {
  padding-top: 100px;
  padding-bottom: 80px;
  top: 0;
  left: 0;
}

#vat .functionnalites_sticky__desc {
  max-width: 1094px;
}

/* Expenses */
#expenses {
  padding-top: 80px;
  padding-bottom: 140px;
}

#expenses .functionnalites_sticky__desc {
  max-width: 1094px;
}

#expenses .functionnalites_sticky__title {
  width: 100%;
  max-width: 1130px;
  margin: 0 auto;
  text-align: center;
}

/* Save Amount */

#save-amount {
  padding-bottom: 1rem;
}

.save_amount__container {
  background: var(--theme-black);
  border-radius: 12px;
  padding-left: 74px;
  overflow: hidden;
}

.save_amount__left {
  width: 100%;
  max-width: 480px;
  padding: 24px 0;
}

.save_amount__right {
  width: 100%;
  max-width: 774px;
}

.save_amount__right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.save_amount__title {
  font-size: 46px;
}

.save_amount__desc {
  line-height: 140%;
  font-size: 2rem;
  padding: 2rem 0;
}

/* 
------------------------------
Solutions Organisateur
------------------------------
*/

#solutions-organisateur #functionnalites-header {
  padding: 144px 0 71px 0;
}

#solutions-organisateur #functionnalites-logo {
  padding: 0px;
}

#solutions-organisateur .brand_logo__animations {
  position: relative;
  bottom: 0;
}

/* Why Rejolt */

#why-rejolt {
  padding-top: clamp(80px, 13vh, 125px);
  padding-bottom: clamp(60px, 11vh, 103px);
}

.why_rejolt__wrapper {
  margin-top: 62px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}

.why_rejolt__card {
  height: 245px;
  padding: 24px;
  background: #fffb99;
  border-radius: 12px;
  overflow: hidden;
}

.why_rejolt__card__icon {
  width: 100px;
  height: 100px;
  transition: all 0.4s ease-in-out;
}

.why_rejolt__card__icon img {
  width: 100%;
  height: 100%;
}

.why_rejolt__card__title {
  font-size: 24px;
  margin-top: 18px;
  margin-bottom: 16px;
  transition: all 0.4s ease-in-out;
}

.why_rejolt__card__desc {
  line-height: 140%;
  transform: translateY(85px);
  transition: all 0.45s ease-in-out;
}

.why_rejolt__card:hover .why_rejolt__card__icon {
  transform: translateY(-120px);
}

.why_rejolt__card:hover .why_rejolt__card__title {
  transform: translateY(-110px);
}

.why_rejolt__card:hover .why_rejolt__card__desc {
  transform: translateY(-105px);
}

/* Presentation */
#presentation {
  padding: clamp(60px, 11vh, 103px) 0;
  background: var(--theme-gray);
}

/* How it works */
#solution-works {
  padding-top: clamp(60px, 11vh, 105px);
  padding-bottom: clamp(90px, 15vh, 148px);
}

.solution_work__heading {
  font-size: 46px;
}

.hiw_btn__container {
  position: relative;
  width: max-content;
  margin: 37px auto 68px auto;
  background: var(--theme-yellow);
  border-radius: 40px;
  padding: 10px 12px;
}

.hiw_btn__container .btn_overlay {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 999px;
  pointer-events: none;
  z-index: 1;
  background: #fff;
  transform: translate3d(0, 0, 0);
  transition: transform 300ms ease, width 300ms ease, height 300ms ease;
}

.solution_works__btn {
  position: relative;
  z-index: 2;
  background: transparent;
  padding: 14px 28px;
  border-radius: 78px;
  border: none;
  cursor: pointer;
  font-size: 20px;
  color: var(--theme-black, #000);
}

.solution_works__content {
  width: 100%;
  max-width: 1094px;
  margin: 0 auto;
}

.solution_work__image {
  width: 100%;
  max-width: 420px;
  border-radius: 12px;
  overflow: hidden;
}

.solution_work__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.solution_work__content {
  width: 100%;
}

.solution_work__item {
  width: 100%;
  height: 93px;
  background: var(--theme-gray);
  border-radius: 12px;
  padding: 16px;
}

.solution_work__id {
  width: 50px;
  height: 50px;
  padding: 12px;
  background: #fff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.solution_work__id__text {
  font-size: 32px;
}

.solution_work__content__text {
  font-size: 20px;
  line-height: 130%;
  color: #000;
}

.solution_works__content[hidden] {
  display: none !important;
}

.solution_works__content {
  display: flex;
}

.simpler_card__container {
  gap: 75px;
}

.single_simpler__card {
  border-radius: 12px;
  padding: 60px;
  gap: 88px;
}

.single_simpler__card.gray_card {
  background-color: var(--theme-gray);
}

.gray-btn:hover {
  background-color: #fff !important;
}

.single_simpler__card:first-child {
  margin-top: 70px;
}

.simpler_card__left {
  --cardWidth: 531px;
  --cardHeight: 505px;

  min-width: var(--cardWidth);
  height: var(--cardHeight);
  background: #fff;
  border-radius: 20px;
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: center;
}

.simpler_card__left.gray__bg {
  background: var(--theme-gray);
}

.simpler_card__left picture {
  display: flex;
  align-items: center;
  justify-content: center;
}

.simpler_card__left video {
  width: 445px;
  height: 280px;
  object-fit: cover;
  border-radius: 8px;
}

.simpler_card__right {
  width: calc(100% - var(--cardWidth));
}

.simpler_card__title {
  font-size: 46px;
}

.simpler_card__desc {
  font-size: 20px;
  line-height: 155%;
  margin: 24px 0;
}

.simpler_card__badge {
  position: absolute;
  top: 33px;
  right: 64px;
  z-index: -1;
}

#solutions-organisateur #destination {
  padding-bottom: clamp(3rem, 20vh, 105px);
}

.white-btn:hover {
  background-color: #f5f5f7 !important;
}

/* 
---------------------------------------------
Solution Entreprise
---------------------------------------------
*/

#solutions-entreprise .single_simpler__card:first-child {
  margin-top: 0;
}

#solutions-entreprise .simpler_card__badge {
  top: 69px;
  right: 101px;
  z-index: 1;
}

#solutions-entreprise .simpler_card__container {
  gap: 0px;
}

/* Eco System */
#eco-system {
  background: var(--theme-black);
  border-radius: 40px;
}

#eco-system .functionnalites_desc {
  max-width: 866px;
  margin: 30px auto 0 auto;
}

.eco_system__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  margin: 40px 0;
}

.eco_card {
  padding: 24px;
  background: var(--theme-gray);
  border-radius: 12px;
  overflow: hidden;
}

.eco_card__icon {
  width: 100px;
  height: 100px;
}

.eco_card__icon img {
  width: 100%;
  height: 100%;
}

.eco_card__title {
  font-size: 24px;
}

/* Cost Savings */

#cost-savings {
  padding-top: 127px;
  padding-bottom: 100px;
}

#cost-savings .functionnalites_title {
  font-size: clamp(48px, 4.861vw, 66px);
}

#cost-savings .functionnalites_desc {
  margin: 30px 0;
}

.cost_savings__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-top: 40px;
}

.single_cost__savings__card {
  border-radius: 12px;
  overflow: hidden;
  background: var(--theme-gray);
}

.cost_savings__card__image {
  width: 100%;
  height: 202px;
  position: relative;
}

.cost_savings__card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cost_savings__overlay {
  position: absolute;
  right: 17px;
  top: 14px;
}

.cost_savings__content {
  padding: 24px;
}

.cost_savings__index {
  font-size: 50px;
}

/* Adoption */
#adoption {
  padding: 96px 0;
}

.adoption__left {
  width: 100%;
  max-width: 642px;
}

.adoption_title {
  font-size: 46px;
}

.adoption_desc {
  font-size: 20px;
  line-height: 155%;
  margin-top: 36px;
}

.adoption__right {
  width: 100%;
  max-width: 531px;
}

.adoption__right img {
  width: 100%;
}

/* Average */
#average {
  height: 621px;
  isolation: isolate;
  overflow: hidden;
}

.average_card {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: end;
  padding: 91px 0;
}

.average_card {
  cursor: pointer;
}

.average_card.part_two {
  background: var(--theme-green);
  transform: translateY(100%);
  z-index: 2;
  transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
  pointer-events: none;
}

.part_one .average_divider__content {
  transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

#average.avg-open .average_card.part_two {
  transform: translateY(0%);
  pointer-events: auto;
}

#average.avg-open .part_one .average_divider__content {
  transform: translateY(-100px);
}

#average .average_card:active .average_divider__content {
  transform: translateY(-0px);
}

.average_left__title {
  font-size: 48px;
  text-align: center;
}
.average_divider {
  height: 2px;
  width: 60%;
  background: #fff;
}
.average_right__title__span {
  font-size: 52px;
}
.average_right__title {
  font-size: 32px;
  text-align: center;
}

@media (prefers-reduced-motion: reduce) {
  .average_card.part_two,
  .part_one .average_divider__content {
    transition: none;
  }
}

.average_static__content {
  width: 100%;
  max-width: 869px;
  height: 359px;
  display: flex;
  align-items: end;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
  pointer-events: none;
}

.average_static__content__text {
  color: #fff;
  transition: color 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: color;
}

#average.avg-open .average_static__content__text {
  color: #000;
}

@media (prefers-reduced-motion: reduce) {
  .average_static__content__text {
    transition: none;
  }
}

/* Testimonial */
#solutions-entreprise #testimonial {
  padding-bottom: 280px;
}