:root {
    --font-size-1: clamp(1.0625em, calc(0.2vw + 1em), 1.125em);
    --font-size-2: clamp(1.125em, calc(0.5vw + 1em), 1.25em);
    --font-size-3: clamp(1.25em, calc(1vw + 1em), 1.5em);
    --font-size-4: clamp(1.375em, calc(1.5vw + 1em), 1.75em);
    --font-size-5: clamp(1.5em, calc(2vw + 1em), 2em);
    --font-size-6: clamp(1.625em, calc(2.1vw + 1em), 2.25em);
    --font-size-7: clamp(1.75em, calc(2.2vw + 1em), 2.5em);
    --font-size-8: clamp(1.875em, calc(2.4vw + 1em), 2.75em);
    --font-size-9: clamp(2em, calc(2.6vw + 1em), 3.125em);
    --font-size-10: clamp(2.125em, calc(2.8vw + 1em), 3.375em);
    --font-size-11: clamp(2.25em, calc(3vw + 1em), 3.625em);
    --font-size-12: clamp(2.375em, calc(3.2vw + 1em), 3.875em);
    --size-03: 0.3125em;
    --size-02: 0.5em;
    --size-01: 0.75em;
    --size-00: 0.875em;
    --size-0: 1em;
    --size-1: clamp(1.125em, 1.4vw, 1.25em);
    --size-2: clamp(1.25em, 1.9vw, 1.5em);
    --size-3: clamp(1.375em, 2.4vw, 1.75em);
    --size-4: clamp(1.5em, 2.9vw, 2em);
    --size-5: clamp(1.625em, 3.5vw, 2.25em);
    --size-6: clamp(1.75em, 4vw, 2.5em);
    --size-7: clamp(1.875em, 4.6vw, 2.75em);
    --size-8: clamp(2em, 5.1vw, 3.125em);
    --size-9: clamp(2.125em, 5.6vw, 3.375em);
    --size-10: clamp(2.25em, 6.1vw, 3.625em);
    --size-11: clamp(2.375em, 6.6vw, 3.875em);
    --size-custom: clamp(1.75em, 3.9vw, 2.25em);
  }
  body,
  html,
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Archivo', sans-serif;
    scroll-behavior: smooth;
  }
  body {
    overflow-x: hidden;
    scroll-snap-type: both mandatory;
  }
  h1,
  h2,
  h3,
  h4,
  h5 {
    font-family: 'Playfair Display', serif;
  }
  h2 {
    font-size: 2.5vw;
    font-weight: normal;
  }
  p {
    font-size: 1em;
    line-height: 1.4;
  }
  figure.image {
    overflow: hidden;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  figure.image img {
    width: 100%;
    height: 100%;
  }
  .config-sheet {
    position: fixed;
    width: 40%;
    height: 100vh;
    background: #25443d;
    top: 0;
    left: 0;
    z-index: 999;
    transform: translateX(-100%);
    transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    .config-sheet {
      width: 70%;
    }
  }
  @media screen and (max-width: 37.5em) {
    .config-sheet {
      width: 100vw;
    }
  }
  .config-sheet a.close-navigation {
    color: #f79b1c;
    font-size: 2.1vw;
    display: flex;
    justify-content: start;
    margin-inline-start: 1.2em;
    margin-block-start: 1em;
    text-decoration: none;
    font-weight: 100;
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    .config-sheet a.close-navigation {
      font-size: 1.6em;
      margin-inline-start: 1.2em;
      margin-inline-end: 0;
      justify-content: start;
    }
  }
  @media screen and (max-width: 37.5em) {
    .config-sheet a.close-navigation {
      font-size: 8vw;
    }
  }
  .config-sheet .main-navigation-menu {
    margin-inline-start: 6em;
    margin-block-start: 6em;
  }
  @media screen and (max-width: 37.5em) {
    .config-sheet .main-navigation-menu {
      margin-inline-start: 2em;
    }
  }
  .config-sheet .main-navigation-menu .menu {
    list-style-type: none;
  }
  .config-sheet .main-navigation-menu .menu .items {
    padding-block: 1em;
  }
  .config-sheet .main-navigation-menu .menu .items a {
    color: #ffffff;
    text-decoration: none;
    width: 100%;
    font-style: italic;
    font-family: 'Playfair Display', serif;
    font-size: 2em;
    text-transform: uppercase;
    display: block;
    transition: 0.3s ease;
    position: relative;
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    .config-sheet .main-navigation-menu .menu .items a {
      font-size: 2.8em;
    }
  }
  @media screen and (min-width: 67.563em) and (max-width: 100em) {
    .config-sheet .main-navigation-menu .menu .items a {
      font-size: 2.5em;
    }
  }
  @media screen and (min-width: 100.063em) {
    .config-sheet .main-navigation-menu .menu .items a {
      font-size: 3em;
    }
  }
  .config-sheet .main-navigation-menu .menu .items a:hover {
    color: #f79b1c;
    transition: 0.3s ease;
  }
  .config-sheet .main-navigation-menu .menu .dropdown-list {
    position: relative;
  }
  .config-sheet .main-navigation-menu .menu .dropdown-list a.item-header:after {
    content: '';
    position: absolute;
    border: solid #f79b1c;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 10px;
    transform: rotate(45deg);
    left: 5.7em;
    top: 0.35em;
    transition: 0.3s ease;
  }
  .config-sheet .main-navigation-menu .menu .dropdown-list .sub-menu .menu-item {
    padding-block: 0;
  }


  @media screen and (max-width: 37.5em) {
    .config-sheet .main-navigation-menu .menu .dropdown-list a.item-header:after {
      left: 5em;
      top: 0.4em;
      padding: 6px;
    }
  }
  .config-sheet .main-navigation-menu .menu .dropdown-list a.item-header.active:after {
    transform: rotate(-45deg);
    top: 0.5em;
  }
  .config-sheet .main-navigation-menu .menu .dropdown-list .item-content.active {
    list-style-type: none;
    margin-block-start: 2em;
    display: block;
    opacity: 1;
    transition: all 0.3s ease;
    pointer-events: visible;
  }
  .config-sheet .main-navigation-menu .menu .dropdown-list .item-content {
    list-style-type: none;
    margin-block-start: 2em;
    display: block;
    opacity: 0;
    transition: 0.3s ease;
    margin-block-start: -6.5em;
    pointer-events: none;
  }
  @media screen and (max-width: 37.5em) {
    .config-sheet .main-navigation-menu .menu .dropdown-list .item-content {
      margin-block-start: -5em;
    }
  }
  @media screen and (min-width: 67.563em) and (max-width: 100em) {
    .config-sheet .main-navigation-menu .menu .dropdown-list .item-content {
      margin-block-start: -5.6em;
    }
  }
  @media screen and (min-width: 100.063em) {
    .config-sheet .main-navigation-menu .menu .dropdown-list .item-content {
      margin-block-start: -6.5em;
    }
  }
  .config-sheet .main-navigation-menu .menu .dropdown-list .item-content li a {
    font-size: 4.8vw;
    text-transform: none;
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    .config-sheet .main-navigation-menu .menu .dropdown-list .item-content li a {
      font-size: 1.6em;
    }
  }
  @media screen and (min-width: 67.563em) {
    .config-sheet .main-navigation-menu .menu .dropdown-list .item-content li a {
      font-size: clamp(1.4em, 1.4vw, 1.8em);
    }
  }
  .config-sheet.open {
    transform: translateX(0%);
    transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  }

.config-sheet .language-menu {
	margin-inline-start: 6em;
}
.config-sheet .language-menu .lang,
.config-sheet .language-menu .separator {
	color: #ffffff;
    font-size: 1.25em;
    text-decoration: none;
    font-weight: bold;
    transition: 0.3s ease;
}
	
.config-sheet .language-menu .lang.active {
	color: #f79b1c;
}
.config-sheet .language-menu .lang:hover {
	color: #f79b1c;
    transition: 0.3s ease;
}
.config-sheet .language-menu .lang {
	color: #ffffff;
}
  .mobile-nav-sheet {
    position: fixed;
    width: 100%;
    min-height: 200px;
    padding: 1.5em;
    background: #ffffff;
    bottom: 0;
    left: 0;
    z-index: 3;
    transform: translateY(100%);
    transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  }
  .mobile-nav-sheet.open {
    transform: translateY(0%);
    transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  }
  .mobile-nav-sheet .sheet-title {
    display: flex;
  }
  .mobile-nav-sheet .sheet-title .heading {
    width: 50%;
  }
  .mobile-nav-sheet .sheet-title .heading h2 {
    font-size: 2em;
  }
  .mobile-nav-sheet .sheet-title .button-link {
    width: 50%;
    align-self: center;
    text-align: right;
  }
  .mobile-nav-sheet .sheet-title .button-link a {
    padding: 0.6em 1.2em;
    border-radius: 40px;
    text-decoration: none;
    color: #25443d;
    background-color: #f0f7f6;
    font-weight: 500;
  }
  .mobile-nav-sheet .sheet-title .button-link a i {
    display: inline-block;
    vertical-align: middle;
    padding-left: 0.75em;
  }
  .mobile-nav-sheet .sheet-title .button-link a:hover {
    box-shadow: 0px 0px 0px 6px rgba(51, 51, 51, 0.15);
    transition: 0.3s ease;
  }
  a.image img,
  a.logo-container img {
    transition: 0.3s ease;
  }
  a.image img:hover,
  a.logo-container img:hover {
    transform: scale(0.9);
    transition: 0.3s ease;
  }
  .overlay.close,
  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: -1;
    transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  }
  .overlay.close.open,
  .overlay.open {
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
    transition: 0.3s ease;
  }
  .row {
    display: flex;
    align-items: center;
  }
  .row:last-child {
    margin-block-end: 0;
  }
  section:first-child {
    padding-block: 4em;
  }
  section .columns.large-6 {
    width: 50%;
  }
  .large-flex-middle {
    align-self: center;
  }
  .text-container {
    margin-block-end: 1em;
  }
  .text-container h2,
  .text-container p {
    color: #ffffff;
  }
  .text-container h2 {
    font-style: italic;
    font-size: 4vw;
  }
  .text-container p {
    font-size: 2.1vw;
    line-height: 1.15;
    max-width: 20em;
    text-wrap: pretty;
  }
  .button-container.bordered {
    place-self: center end;
  }
  .button-container.bordered .button {
    color: #ffffff;
    text-decoration: none;
    font-size: 1.25em;
    border: 2px solid #ffffff;
    padding-block: 0.5em;
    padding-inline: 1em;
    border-radius: 40px;
    text-transform: uppercase;
    font-weight: bold;
  }
  .button-container.bordered .button-lead {
    color: #f79b1c;
    border-color: #f79b1c;
  }
  .button-container.bordered .button-menu {
    display: flex;
    gap: 0.5em;
    align-items: center;
  }

  .button-container.bordered .button-menu .icon svg {
    width: 1em;
    fill: #f79b1c;
  }

  @media screen and (max-width: 37.5em) {
    .button-container.bordered .button-menu {
      gap: 0;
    }
  }
  .button-container.bordered .button-menu .icon i {
    color: #f79b1c;
  }
  main .button-container.bordered .button {
    font-size: clamp(18px, 1.5vw, 24px);
    padding-block: 0.3em;
    padding-inline: 1em;
  }
  .button-container.button-login {
    place-self: center start;
  }
  .button-container.bordered .button-lead {
    transition: 0.3s ease;
  }
  .button-container.bordered .button-lead:hover {
    background: #f79b1c;
    color: #ffffff;
    transition: 0.3s ease;
  }
  header.main-navigation {
    display: grid;
    grid-template-columns: 1fr;
    min-height: 8em;
    overflow: hidden;
    padding-inline: 6.5vw;
    padding-block: 1em;
    background-color: transparent;
    z-index: 3;
    position: relative;
    top: 0;
    grid-template-columns: 19em 1fr 7em 12em;
    grid-template-areas: "menu logo lang login";
    position: fixed;
    width: 100%;
    background: transparent;
    transition: 0.3s ease;
  }
  @media screen and (max-width: 37.5em) {
    header.main-navigation {
      min-height: 0;
      grid-template-columns: repeat(3, 1fr);
      grid-template-areas: "menu logo login";
      padding-inline: 0.5em;
    }
  }
  header.main-navigation .brand {
    grid-area: logo;
    height: auto;
    align-self: center;
  }
  header.main-navigation .brand .logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  header.main-navigation .brand img {
    width: auto;
    height: 60px;
  }
  @media screen and (max-width: 37.5em) {
    header.main-navigation .brand img {
      height: 35px;
    }
  }
  @media screen and (min-width: 67.563em) {
    header.main-navigation .brand img {
      height: 55px;
    }
  }
  header.main-navigation .language-menu {
    grid-area: lang;
    place-self: center end;
  }
  @media screen and (max-width: 37.5em) {
    header.main-navigation .language-menu {
      display: none;
    }
  }
  header.main-navigation .language-menu .lang,
  header.main-navigation .language-menu .separator {
    color: #ffffff;
    font-size: 1.25em;
    text-decoration: none;
    font-weight: bold;
    transition: 0.3s ease;
  }
  header.main-navigation .language-menu .lang.active {
    color: #f79b1c;
  }
  header.main-navigation .language-menu .lang:hover {
    color: #f79b1c;
    transition: 0.3s ease;
  }
  header.main-navigation .language-menu .lang {
    color: #ffffff;
  }
  header.main-navigation .button-container.menu {
    place-self: center start;
    display: block;
    grid-area: menu;
  }
  @media screen and (max-width: 37.5em) {
    header.main-navigation .button-container.menu {
      place-self: center start;
    }
  }
  header.main-navigation .button-container.menu .button {
    color: #ffffff;
    font-size: 1.25em;
    padding-block: 0.5em;
    padding-inline: 0.7em;
    border-radius: 40px;
    transition: 0.3s ease;
  }
  @media screen and (max-width: 37.5em) {
    header.main-navigation .button-container.menu .button {
      font-size: 0.8em;
    }
  }
  header.main-navigation .button-container.menu .button:hover {
    box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.15);
    transition: 0.3s ease;
  }
  @media screen and (max-width: 37.5em) {
    header.main-navigation .button-container.menu .button i {
      display: none;
    }
  }
  header.main-navigation .button-container.button-login {
    grid-area: login;
    place-self: center end;
  }
  @media screen and (max-width: 37.5em) {
    header.main-navigation .button-container.button-login {
      place-self: center end;
    }
  }
  @media screen and (max-width: 37.5em) {
    header.main-navigation .button-container.button-login .button {
      font-size: 0.8em;
    }
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    header.main-navigation {
      min-height: 5em;
      padding-inline: 0;
      padding-block: 0;
      grid-template-areas: "menu logo lang login";
      grid-template-columns: 5em 11em 1fr 11em;
      border: 1px solid rgba(255, 255, 255, 0.4);
    }
    header.main-navigation .button-container .button {
      font-size: var(--font-size-1);
    }
    header.main-navigation .button-container.menu {
      border-radius: 0;
      place-self: center center;
      padding: 1em;
      border-right: 1px solid rgba(255, 255, 255, 0.4);
    }
    header.main-navigation .button-container.menu span.text {
      display: none;
    }
    header.main-navigation .button-container.menu .button {
      padding-inline: 0.6em;
      border-radius: 100%;
    }
    header.main-navigation .button-container.button-login {
      place-self: center center;
    }
    header.main-navigation .brand {
      place-self: center center;
    }
    header.main-navigation .brand figure.image img {
      height: 40px;
    }
    header.main-navigation .language-menu {
      place-self: center end;
    }
    header.main-navigation .language-menu .lang {
      font-size: var(--font-size-2);
      transition: 0.3s ease;
    }
    header.main-navigation .language-menu .lang:hover {
      color: #f79b1c;
      transition: 0.3s ease;
    }
  }
  @media screen and (min-width: 56.313em) and (max-width: 67.5em) {
    header.main-navigation {
      padding-inline: 2vw;
      grid-template-columns: 13em 1fr 5em 8em;
    }
  }
  header.main-navigation.sticky {
    min-height: 4em;
    background: #25443d;
    transition: 0.3s ease;
  }
  header.mobile-navigation {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #ffffff;
    display: grid;
    grid-template-columns: repeat(3, 1fr) 0.75fr;
    place-items: center;
    box-shadow: 0px 3px 4px 2px rgba(51, 51, 51, 0.55);
    z-index: 999;
  }
  @media screen and (min-width: 67.563em) {
    header.mobile-navigation {
      display: none;
    }
  }
  header.mobile-navigation .button-container {
    width: 100%;
    height: 100%;
    position: relative;
  }
  header.mobile-navigation .button-container:before {
    content: '';
    position: absolute;
    height: 1em;
    width: 1px;
    top: 50%;
    right: 0;
    background: rgba(51, 51, 51, 0.3);
    transform: translateY(-50%);
  }
  header.mobile-navigation .button-container .button {
    width: 100%;
    height: 100%;
    padding: 0.35em;
    display: flex;
    place-content: center;
    place-items: center;
    gap: 0.75em;
    color: #333333;
    text-decoration: none;
  }
  .hero-container {
    height: 100vh;
    width: 100%;
    background-image: url(Images/Hero/bandeau.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-block: 0;
    display: grid;
    grid-template-rows: 1fr 0em;
  }
  .hero-container:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
  }
  .hero-container .hero-content {
    z-index: 1;
    padding-block-end: 2.5em;
    display: grid;
    grid-template-rows: 1.3fr auto 1fr auto;
    grid-template-areas: "." "tagline" "." "scroll";
  }
  .hero-container .hero-content .scroll-down-icon {
    padding: 0.5em;
    border: 1px solid #ffffff;
    border-radius: 100%;
    place-self: center center;
    grid-area: scroll;
  }
  .hero-container .hero-content .scroll-down-icon svg {
    width: 2em;
    height: 2em;
  }
  .hero-container .hero-content .scroll-down-icon svg path {
    fill: #ffffff !important;
    opacity: 1 !important;
  }
  .hero-container .hero-content .tagline-container {
    grid-area: tagline;
    place-self: center center;
  }
  .hero-container .hero-content .tagline-container h1 {
    text-align: center;
    color: #ffffff;
    font-size: 5em;
    line-height: 1;
    font-weight: 200;
    font-family: 'Archivo', sans-serif;
  }
  @media screen and (max-width: 37.5em) {
    .hero-container .hero-content .tagline-container h1 {
      font-size: 3em;
    }
  }
  .hero-container .hero-content .tagline-container h1 strong {
    color: #f79b1c;
    font-family: 'Playfair Display', serif;
    font-weight: normal;
    font-style: italic;
    font-size: 120%;
  }
  .hero-container header.main-navigation {
    align-self: start;
  }
  .hero-container video {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: 0;
    object-fit: cover;
  }
  .hero-container.hero-about {
    background-image: url(/Images/Content/about/about-desktop.webp);
    background-position: top;
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    .hero-container.hero-about {
      height: 50vh;
    }
  }
  @media screen and (max-width: 37.5em) {
    .hero-container.hero-about {
      background-image: url(/Images/Content/about/about-mobile.webp);
      height: 30vh;
    }
    .hero-container.hero-about:before {
      background: linear-gradient(180deg, #000000 0%, transparent 60%);
    }
  }
  @media screen and (max-width: 37.5em) {
    .hero-container.hero-about .hero-content .scroll-down-icon {
      display: none;
    }
  }
  main .introduction-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-inline: 11.5vw;
    margin: 0 auto;
    padding-block: 8em;
  }
  @media screen and (max-width: 37.5em) {
    main .introduction-container {
      height: auto;
      padding-inline: 6.5vw;
      padding-block: 4em;
    }
  }
  @media screen and (min-width: 56.313em) and (max-width: 67.5em) {
    main .introduction-container {
      height: 100vh;
    }
  }
  main .introduction-container .introduction {
    max-width: 90em;
    margin: 0 auto;
  }
  main .introduction-container .introduction h2,
  main .introduction-container .introduction p {
    text-align: center;
  }
  main .introduction-container .introduction h2 {
    font-weight: 500;
    font-style: italic;
    font-size: 4.6em;
    font-size: 4vw;
    margin-block-end: 1em;
    color: #25443d;
    line-height: 1.2;
  }
  @media screen and (max-width: 37.5em) {
    main .introduction-container .introduction h2 {
      font-size: 8vw;
    }
  }
  main .introduction-container .introduction h2 .lead-color {
    color: #f79b1c;
    font-family: 'Playfair Display', serif;
  }
  main .introduction-container .introduction p {
    max-width: 32em;
    margin: 0 auto;
    font-size: 2vw;
    line-height: 1.4;
    color: #25443d;
  }
  @media screen and (max-width: 37.5em) {
    main .introduction-container .introduction p {
      font-size: 5vw;
    }
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .introduction-container {
      height: 60vh;
      padding-inline: 3.5vw;
    }
    main .introduction-container .introduction h1 {
      font-size: 5vw;
    }
    main .introduction-container .introduction p {
      font-size: 2.8vw;
    }
  }
  @media screen and (min-width: 67.563em) {
    main .introduction-container {
      min-height: 100vh;
    }
  }
  main .parallax {
    max-width: 100%;
    padding-block: 0;
    margin: 0;
    background-image: url(Images/Content/parallax.webp);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  @media screen and (min-width: 56.313em) and (max-width: 67.5em) {
    main .parallax {
      height: 100vh;
    }
  }
  @media screen and (max-width: 37.5em) {
    main .parallax {
      flex-direction: column;
      height: 100vh;
    }
  }
  main .parallax:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    z-index: 0;
  }
  main .parallax .columns {
    width: 50%;
    z-index: 1;
  }
  @media screen and (max-width: 37.5em) {
    main .parallax .columns {
      width: 100%;
    }
  }
  main .parallax .columns.content {
    padding-inline: 5em;
  }
  @media screen and (max-width: 37.5em) {
    main .parallax .columns.content {
      text-align: center;
      padding-inline: 6.5vw;
    }
  }
  main .parallax .columns.content .text-container {
    margin-block-end: 1em;
  }
  main .parallax .columns.content .text-container h2,
  main .parallax .columns.content .text-container p {
    color: #ffffff;
  }
  main .parallax .columns.content .text-container h2 {
    font-style: italic;
    font-size: 4vw;
  }
  @media screen and (max-width: 37.5em) {
    main .parallax .columns.content .text-container h2 {
      text-align: center;
      font-size: 8vw;
    }
  }
  main .parallax .columns.content .text-container p {
    font-size: 1.6vw;
    line-height: 1.15;
    max-width: 19em;
    text-wrap: pretty;
  }
  @media screen and (max-width: 37.5em) {
    main .parallax .columns.content .text-container p {
      max-width: none;
      font-size: 5vw;
    }
  }
  main .parallax .columns.content .button-container.bordered {
    margin-block-start: var(--font-size-5);
  }
  main .parallax .columns.content .button-container.bordered .button {
    font-weight: normal;
    padding-block: 0.5em;
    font-size: var(--font-size-3);
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .parallax {
      height: 60vh;
      padding-inline: 13.5vw !important;
    }
    main .parallax .columns.content .button-container.bordered {
      text-align: center;
    }
    main .parallax .columns.content .button-container.bordered .button {
      font-size: var(--font-size-2);
    }
    main .parallax .columns.blank {
      display: none;
    }
    main .parallax .columns.content {
      width: 100%;
    }
    main .parallax .columns.content .text-container h2,
    main .parallax .columns.content .text-container p {
      text-align: center;
    }
    main .parallax .columns.content .text-container p {
      max-width: 30em;
      margin: 0 auto;
      font-size: 2.9vw;
      line-height: 1.3;
    }
  }
  @media screen and (min-width: 100.063em) {
    main .parallax .columns.content .button-container.bordered {
      margin-block-start: var(--size-9);
    }
    main .parallax .columns.content .button-container.bordered .button {
      font-size: var(--font-size-5);
    }
  }
  main .paragraphe {
    max-width: 100%;
    background-color: #25443d;
    padding-inline-start: 6.5vw;
    display: flex;
    align-items: center;
  }
  @media screen and (min-width: 56.313em) and (max-width: 67.5em) {
    main .paragraphe {
      height: 100vh;
    }
  }
  @media screen and (max-width: 37.5em) {
    main .paragraphe {
      flex-direction: column;
      padding-inline: 6.5vw;
      height: 100vh;
      justify-content: center;
    }
  }
  main .paragraphe .columns {
    width: 50%;
  }
  @media screen and (max-width: 37.5em) {
    main .paragraphe .columns {
      width: 100%;
    }
  }
  main .paragraphe .text-container h2 {
    color: #f79b1c;
  }
  @media screen and (max-width: 37.5em) {
    main .paragraphe .text-container h2 {
      text-align: center;
      font-size: 8vw;
    }
  }
  main .paragraphe .text-container p {
    font-size: 2vw;
    max-width: 18em;
  }
  @media screen and (max-width: 37.5em) {
    main .paragraphe .text-container p {
      max-width: none;
      font-size: 5vw;
      text-align: center;
    }
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .paragraphe {
      height: 60vh;
      flex-direction: column;
      padding-inline: 13.5vw !important;
      padding-block: 5vw;
    }
    main .paragraphe .columns {
      width: 100%;
    }
    main .paragraphe .columns .text-container h2,
    main .paragraphe .columns .text-container p {
      text-align: center;
    }
    main .paragraphe .columns .text-container p {
      max-width: 30em;
      margin: 0 auto;
      font-size: 2.9vw;
      line-height: 1.3;
    }
  }
  main .paragraphe.about {
    padding-inline: 6.5vw;
    gap: 4em;
    height: auto;
  }
  @media screen and (max-width: 37.5em) {
    main .paragraphe.about {
      padding-block: 5em;
      flex-direction: column-reverse;
    }
  }
  main .paragraphe.about .columns figure.image img {
    padding: 4em;
  }
  main .services {
    max-width: 100%;
    min-height: 100vh;
    padding-inline: 6.5vw;
  }
  @media screen and (max-width: 37.5em) {
    main .services {
      flex-direction: column;
      justify-content: center;
      padding-block: 10vw;
    }
  }
  main .services .columns:first-child {
    width: 35%;
  }
  @media screen and (max-width: 37.5em) {
    main .services .columns:first-child {
      width: 100%;
    }
  }
  main .services .columns:last-child {
    width: 65%;
  }
  @media screen and (max-width: 37.5em) {
    main .services .columns:last-child {
      width: 100%;
    }
  }
  main .services .columns .accordeon-container .items {
    padding-block: 6vw;
    border-bottom: 1px solid #25443d;
    overflow: hidden;
  }
  main .services .columns .accordeon-container .items h3 {
    font-size: 2.5vw;
    font-weight: 500;
    color: #25443d;
    transition: 0.3s ease;
    position: relative;
  }
  @media screen and (max-width: 37.5em) {
    main .services .columns .accordeon-container .items h3 {
      font-size: 6.5vw;
      text-align: center;
    }
  }
  main .services .columns .accordeon-container .items h3:before,
  main .services .columns .accordeon-container .items h3:after {
    content: '';
    color: #f79b1c;
    position: absolute;
    right: 1em;
    height: 1px;
    width: 1em;
    background: #f79b1c;
    top: 50%;
    transform: translateY(-50%);
  }
  @media screen and (max-width: 37.5em) {
    main .services .columns .accordeon-container .items h3:before,
    main .services .columns .accordeon-container .items h3:after {
      display: none;
    }
  }
  main .services .columns .accordeon-container .items h3:before {
    transform: rotate(90deg);
    transition: 0.3s ease;
  }
  main .services .columns .accordeon-container .items .item-content {
    opacity: 0;
    margin-block-start: -16vw;
    transition: 0.3s ease;
  }
  @media screen and (max-width: 37.5em) {
    main .services .columns .accordeon-container .items .item-content {
      opacity: 1;
      margin-block-start: 2em;
    }
  }
  main .services .columns .accordeon-container .items .item-content p {
    font-size: 1.5vw;
    line-height: 1.3;
    color: rgba(37, 68, 61, 0.8);
  }
  @media screen and (max-width: 37.5em) {
    main .services .columns .accordeon-container .items .item-content p {
      font-size: 5vw;
      text-align: center;
    }
  }
  main .services .columns .accordeon-container .items .item-content .button-container {
    margin-block-start: 3em;
  }
  @media screen and (max-width: 37.5em) {
    main .services .columns .accordeon-container .items .item-content .button-container {
      text-align: center;
    }
  }
  main .services .columns .accordeon-container .items .item-content .button-container .button {
    font-weight: 400;
    padding-block: 0.7em;
  }
  @media screen and (max-width: 37.5em) {
    main .services .columns .accordeon-container .items .item-content .button-container .button {
      font-size: 0.9em;
    }
  }
  main .services .columns .accordeon-container .items .item-content.active {
    margin-block-start: 2em;
    opacity: 1;
    pointer-events: visible;
    transition: 0.3s ease;
  }
  main .services .columns .accordeon-container .items .item-header.active h3:before {
    transform: rotate(0deg);
    transition: 0.3s ease;
  }
  main .services .columns .accordeon-container .items .item-header.active h3 {
    color:#f79b1c;
    transition: 0.3s ease;
  }
  main .services .columns .accordeon-container .items:hover {
    cursor: pointer;
  }
  main .services .columns .accordeon-container .items:hover .item-header h3 {
    color:#f79b1c;
    transition: 0.3s ease;
  }
  main .services .columns .accordeon-container .items:first-child {
    border-top: none;
  }
  main .services .columns .accordeon-container .items:last-child {
    border-bottom: none;
  }
  main .services .text-container h2 {
    color: #f79b1c;
    font-weight: 500;
  }
  @media screen and (max-width: 37.5em) {
    main .services .text-container h2 {
      font-size: 8vw;
      text-align: center;
    }
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .services {
      min-height: 60vh;
    }
    main .services .columns .accordeon-container .items {
      padding-block: 9vw;
    }
    main .services .columns .accordeon-container .items h3 {
      font-size: 2.9vw;
    }
    main .services .columns .accordeon-container .items h3:before,
    main .services .columns .accordeon-container .items h3:after {
      right: 0;
    }
    main .services .columns .accordeon-container .items .item-content {
      margin-block-start: -20vw;
      pointer-events: none;
    }
    main .services .columns .accordeon-container .items .item-content p {
      font-size: 2.2vw;
    }
    main .services .columns .accordeon-container .items .item-content .button-container .button {
      font-size: 1em;
    }
  }
  main .benefices {
    height: 100vh;
    background-color: #25443d;
    padding-inline: 6.5vw;
    gap: 5em;
    position: relative;
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .benefices {
      height: 50vh;
      gap: 2em;
    }
  }
  @media screen and (min-width: 56.313em) and (max-width: 67.5em) {
    main .benefices {
      height: 50vh;
    }
  }
  @media screen and (max-width: 37.5em) {
    main .benefices {
      flex-direction: column;
      padding-block: 5em;
      height: 70vh;
      gap: 0;
    }
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .benefices .columns:first-child {
      width: 60%;
    }
  }
  @media screen and (max-width: 37.5em) {
    main .benefices .columns:first-child {
      width: 100%;
    }
  }
  main .benefices .columns:first-child .text-container h2 {
    color: #f79b1c;
  }
  @media screen and (max-width: 37.5em) {
    main .benefices .columns:first-child .text-container h2 {
      font-size: 8vw;
      text-align: center;
    }
  }
  main .benefices .columns.carousel-column {
    height: 37em;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .benefices .columns.carousel-column {
      width: 40%;
      min-height: 10em;
      height: 17em;
    }
  }
  @media screen and (max-width: 37.5em) {
    main .benefices .columns.carousel-column {
      width: 100%;
      height: auto;
      padding-block: 2em;
    }
  }
  main .benefices .carousel-container {
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    align-items: center;
  }
  main .benefices .carousel-container .text-container {
    min-width: 100%;
    transition: transform 0.5s ease;
  }
  main .benefices .carousel-container .text-container p {
    text-align: left;
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .benefices .carousel-container .text-container p {
      text-align: center;
      font-size: 2.9vw;
    }
  }
  @media screen and (max-width: 37.5em) {
    main .benefices .carousel-container .text-container p {
      text-align: center;
      margin: 0 auto;
      font-size: 5.5vw;
    }
  }
  main .benefices button {
    position: absolute;
    bottom: 10em;
    color: #f79b1c;
    background: transparent;
    border: none;
    padding: 0.5em;
    cursor: pointer;
    border: 1px solid #f79b1c;
    border-radius: 100%;
    width: 50px;
    height: 50px;
  }
  @media screen and (max-width: 37.5em) {
    main .benefices button {
      bottom: -2em;
    }
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .benefices button {
      width: 45px;
      height: 45px;
		bottom: 2em;
    }
  }
  main .benefices button svg {
    width: 2em;
    height: auto;
  }
  main .benefices button svg g polygon {
    fill: #f79b1c;
  }
  main .benefices button.prev {
    left: 1em;
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .benefices button.prev {
      left: 7em;
    }
  }
  @media screen and (max-width: 37.5em) {
    main .benefices button.prev {
      left: 35%;
    }
  }
  main .benefices button.prev svg {
    transform: rotate(180deg);
  }
  main .benefices button.next {
    left: 6em;
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .benefices button.next {
      left: 11em;
    }
  }
  @media screen and (max-width: 37.5em) {
    main .benefices button.next {
      left: 52%;
    }
  }
  main .benefices button:disabled {
    opacity: 0.4;
    cursor: not-allowed;
  }

  main .news-articles {
    padding-inline: 6.5vw;
    padding-block: 4em;
  }
  @media screen and (min-width: 67.563em) {
    main .news-articles {
      flex-direction: row;
    }
  }
  main .news-articles .text-container {
    margin-block-end: 2em;
  }
  main .news-articles .text-container h2 {
    color: #f79b1c;
    text-align: center;
  }
  @media screen and (max-width: 37.5em) {
    main .news-articles .text-container h2 {
      font-size: 8vw;
    }
  }
  main .news-articles .articles-container {
    gap: 3em;
  }
  @media screen and (max-width: 37.5em) {
    main .news-articles .articles-container {
      flex-direction: column;
    }
  }
  main .news-articles .articles-container .image {
    border-radius: 25px;
  }
  main .news-articles .articles-container .image img {
    border-radius: 40px;
  }
  main .news-articles .articles-container .text-container {
    margin-block-start: 1.5em;
  }
  main .news-articles .articles-container .text-container p {
    color: #25443d;
    font-size: clamp(18px, 1.5vw, 24px);
    max-width: 15em;
  }
  @media screen and (max-width: 37.5em) {
    main .news-articles .articles-container .text-container p {
      text-align: center;
      max-width: none;
      font-size: 5vw;
    }
  }
  @media screen and (max-width: 37.5em) {
    main .news-articles .button-container.bordered {
      text-align: center;
    }
  }
  main .news-articles .button-container.bordered .button {
    padding-block: 0.5em;
    font-weight: 400;
  }
  main .news-articles .button-container.bordered.news {
    max-width: max-content;
    margin: 6em auto 0;
  }
  @media screen and (min-width: 100.063em) {
    main .news-articles .articles-container .text-container p {
      font-size: clamp(18px, 1.6vw, 40px);
    }
  }
  main .news-articles.page-news .articles-container {
    flex-wrap: wrap;
  }
  main .news-articles.page-news .articles-container .columns {
    flex: 1 1 25%;
  }
  @media screen and (min-width: 67.563em) {
    main section.row {
      min-height: 100vh;
    }
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main section.row {
      padding-inline: 3.5vw;
    }
  }
  main .engagements {
    height: 100vh;
    padding-inline: 6.5vw;
    padding-block: 4em;
    background: #25443d;
  }
  @media screen and (max-width: 37.5em) {
    main .engagements {
      height: auto;
    }
  }
  main .engagements .text-container {
    text-align: center;
  }
  main .engagements .text-container h2,
  main .engagements .text-container p {
    text-align: center;
  }
  main .engagements .text-container h2 {
    color: #f79b1c;
  }
  @media screen and (max-width: 37.5em) {
    main .engagements .text-container h2 {
      font-size: 8vw;
    }
  }
  main .engagements .text-container p {
    color: #ffffff;
    max-width: none;
    margin-block-start: 1.5em;
  }
  @media screen and (max-width: 37.5em) {
    main .engagements .text-container p {
      font-size: 4.5vw;
    }
  }
  main .engagements .avantage {
    gap: 3em;
    height: 30em;
  }
  @media screen and (max-width: 37.5em) {
    main .engagements .avantage {
      flex-direction: column;
      align-items: unset;
      height: auto;
    }
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .engagements .avantage {
      flex-wrap: wrap;
      margin-block-start: 5em;
    }
  }
  main .engagements .avantage .columns {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.15);
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .engagements .avantage .columns {
      flex: 1 1 40%;
    }
  }
  main .engagements .avantage .columns .panel {
    padding: 3em 2em;
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .engagements .avantage .columns .panel {
      padding: 3em 1.1em;
    }
  }
  main .engagements .avantage .columns .panel .material-symbols-outlined {
    color: #f79b1c;
    font-size: 5em;
    text-align: center;
  }
  main .engagements .avantage .columns .panel .panel-title {
    margin-block-end: 1.5em;
  }
  main .engagements .avantage .columns .panel .panel-title h3 {
    font-size: 1.5vw;
    color: #ffffff;
    font-weight: normal;
  }
  @media screen and (max-width: 37.5em) {
    main .engagements .avantage .columns .panel .panel-title h3 {
      font-size: 5vw;
    }
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .engagements .avantage .columns .panel .panel-title h3 {
      font-size: 2.5vw;
    }
  }
  main .engagements .avantage .columns .panel .panel-content p {
    font-size: 1.2vw;
    color: rgba(255, 255, 255, 0.7);
  }
  @media screen and (max-width: 37.5em) {
    main .engagements .avantage .columns .panel .panel-content p {
      font-size: 4vw;
    }
  }
  @media screen and (min-width: 67.563em) and (max-width: 100em) {
    main .engagements .avantage .columns .panel .panel-content p {
      font-size: 1.3vw;
    }
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .engagements .avantage .columns .panel .panel-content p {
      font-size: 2.2vw;
    }
  }
  main .associates {
    padding-block: 5em;
    padding-inline: 6.5vw;
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .associates {
      padding-block: 2em;
    }
  }
  main .associates .associate-container .text-container h2 {
    color: #25443d;
    font-style: italic;
    font-weight: normal;
    text-align: center;
    font-size: 4.5vw;
    line-height: 0.7;
  }
  @media screen and (max-width: 37.5em) {
    main .associates .associate-container .text-container h2 {
      font-size: 8vw;
    }
  }
  main .associates .associate-container .text-container h2 strong {
    color: #f79b1c;
    font-weight: 600;
    font-style: normal;
    font-family: 'Playfair Display', serif;
    font-size: 60%;
  }
  main .associates .image-collection {
    margin-block-start: 4em;
    gap: 2em;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(4, 1fr);
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .associates .image-collection {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(2, 1fr);
    }
  }
@media screen and (min-width: 37.563em) and (max-width: 56.25em) {
	main .associates .image-collection .columns .item .text-container p {
		font-size: 3.2vw;
	}
}
  @media screen and (max-width: 37.5em) {
    main .associates .image-collection {
      grid-auto-flow: unset;
      grid-template-columns: unset;
    }
  }
  main .associates .image-collection .columns .item {
    text-decoration: none;
  }
  main .associates .image-collection .columns .item .text-container {
    margin-block-start: 1em;
  }
  main .associates .image-collection .columns .item .text-container p {
    color: #25443d;
  }
main .associates .image-collection .columns .item .text-container span {
    color: #7e7e7e;
	font-weight: 300;
  }
  @media screen and (max-width: 37.5em) {
    main .associates .image-collection .columns .item .text-container p {
      font-size: 6vw;
    }
  }
  main .associates .image-collection .columns .button-container.bordered.lead a.button {
    color: #f79b1c !important;
    padding: 0.4em;
    border: 1px solid #f79b1c;
    transition: 0.3s ease;
  }
  main .associates .image-collection .columns .button-container.bordered.lead a.button:hover {
    background: #f79b1c;
    color: #ffffff !important;
    transition: 0.3s ease;
  }
  main .associates .image-collection.operations {
    justify-content: center;
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .associates .image-collection.operations {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: 1fr;
    }
  }
  main .associates .image-collection.operations .columns:first-child,
  main .associates .image-collection.operations .columns:last-child {
    display: none;
  }
  main .partenaires {
    padding-inline: 6.5vw;
    padding-block: 5em;
  }
	@media screen and (min-width: 37.563em) and (max-width: 56.25em) {
		padding-block: 2em;
	}
  main .partenaires .text-container {
    margin-block-end: 5em;
  }
  main .partenaires .text-container h2 {
    text-align: center;
    color: #25443d;
  }
  @media screen and (max-width: 37.5em) {
    main .partenaires .text-container h2 {
      font-size: 8vw;
    }
  }
  main .partenaires .partenaires-container {
    gap: 2em;
  }
  @media screen and (max-width: 37.5em) {
    main .partenaires .partenaires-container {
      align-items: unset;
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .partenaires .partenaires-container {
      flex-wrap: wrap;
    }
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .partenaires .partenaires-container .columns {
      flex: 1 1 40%;
    }
  }
  main .partenaires .partenaires-container .columns figure.image img {
    padding: 1em;
    border: 1px solid rgba(51, 51, 51, 0.1);
    filter: grayscale(1);
  }
  main .off-canvas-panel {
    position: fixed;
    width: 45em;
    height: 100%;
    top: 0;
    background: #25443d;
    transition: left 0.3s, right 0.3s;
    z-index: 1000;
    transition: 0.3s ease;
	overflow-y: scroll;
	  
  }

main .off-canvas-panel.is-active {
	margin-right: 1em;
}
	/* Pour les navigateurs Webkit (Chrome, Safari) */
.off-canvas-panel::-webkit-scrollbar {
  width: 8px; /* Largeur de la barre de défilement */
}

.off-canvas-panel::-webkit-scrollbar-track {
  background: #25443d; /* Couleur de l'arrière-plan de la piste */
}

.off-canvas-panel::-webkit-scrollbar-thumb {
  background: #1e3832; /* Couleur de la barre de défilement */
  border-radius: 10px; /* Arrondir les coins de la barre de défilement */
}

.off-canvas-panel::-webkit-scrollbar-thumb:hover {
  background: #1e3832; /* Couleur de la barre de défilement au survol */
}

/* Pour Firefox */
.parent {
  scrollbar-width: thin; /* Largeur de la barre de défilement */
  scrollbar-color: #1e3832 #25443d; /* Couleur de la barre de défilement et de la piste */
}

  @media screen and (max-width: 37.5em) {
    main .off-canvas-panel {
      width: 100%;
    }
  }
  main .off-canvas-panel.right-panel {
    right: -45em;
  }
  main .off-canvas-panel.left-panel {
    left: -45em;
  }
  main .off-canvas-panel.left-panel.is-active {
    left: 0;
    transition: 0.3s ease;
  }
  main .off-canvas-panel.right-panel.is-active {
    right: 0;
    transition: 0.3s ease;
  }
  main .info-container {
    width: 100%;
    height: 100%;
    padding-inline: 6em;
  }
  @media screen and (max-width: 37.5em) {
    main .info-container {
      padding-inline: 3em;
    }
  }
  main .info-container .description-panel {
    margin-block-start: 7em;
    margin-block-end: 3em;
  }
  main .info-container .description-panel h3 {
    font-size: 3em;
    color: #f79b1c;
    font-style: italic;
    margin-block-end: 1em;
    font-weight: 400;
  }
  @media screen and (max-width: 37.5em) {
    main .info-container .description-panel h3 {
      font-size: 2em;
    }
  }
  @media screen and (min-width: 67.563em) and (max-width: 100em) {
    main .info-container .description-panel h3 {
      font-size: 2.5em;
    }
  }
  main .info-container .description-panel p {
    color: #ffffff;
    font-size: 1.25em;
    font-weight: 300;
	text-align: justify;
  }
  @media screen and (max-width: 37.5em) {
    main .info-container .description-panel p {
      font-size: 1.2em;
    }
  }
  @media screen and (min-width: 67.563em) and (max-width: 100em) {
    main .info-container .description-panel p {
      font-size: 1.25em;
    }
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .info-container .description-panel p {
      font-size: 1.25em;
    }
  }
  main .info-container .button {
    text-decoration: none;
    color: #f79b1c;
    margin-top: 7em;
    font-size: 1.4em;
    background: transparent;
    padding: 0.6em 1em;
    border-radius: 40px;
    border: 1px solid #f79b1c;
    transition: 0.3s ease;
  }
  main .info-container .button:hover {
    background: #f79b1c;
    color: #ffffff;
    transition: 0.3s ease;
  }
  main .info-container .closePanel {
    position: absolute;
    font-size: 3em;
    background: transparent;
    box-shadow: none;
    border: none;
    color: #f79b1c;
    right: 1.5em;
    top: 3%;
    font-weight: 100;
    cursor: pointer;
    transition: 0.3s ease;
  }
  main .left-panel .closePanel {
    left: -12.5em;
    right: 0;
  }
  @media screen and (max-width: 37.5em) {
    main .left-panel .closePanel {
      left: 5.5em;
    }
  }
  main .contact-information-main {
    padding-inline: 6.5vw;
    gap: 2em;
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .contact-information-main {
      flex-direction: column;
    }
  }
  @media screen and (max-width: 37.5em) {
    main .contact-information-main {
      flex-direction: column;
    }
  }
  main .contact-information-main .text-container h1 {
    font-size: 4vw;
    color: #f79b1c;
    font-style: italic;
    font-weight: 400;
    margin-block-end: 0.5em;
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .contact-information-main .text-container h1 {
      font-size: 6vw;
    }
  }
  @media screen and (max-width: 37.5em) {
    main .contact-information-main .text-container h1 {
      font-size: 8vw;
    }
  }
  main .contact-information-main .text-container p {
    color: #25443d;
    text-decoration: none;
    font-weight: 500;
    font-size: 1.9vw;
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .contact-information-main .text-container p {
      max-width: none;
      font-size: 2.8vw;
    }
  }
  @media screen and (max-width: 37.5em) {
    main .contact-information-main .text-container p {
      max-width: none;
      font-size: 5vw;
    }
  }
  main .contact-information-main .text-container:last-child {
    margin-block-start: 2em;
  }
  main .contact-information-main .text-container:last-child .title {
    color: #f79b1c;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.6vw;
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .contact-information-main .text-container:last-child .title {
      font-size: 2.8vw;
    }
  }
  @media screen and (max-width: 37.5em) {
    main .contact-information-main .text-container:last-child .title {
      font-size: 5vw;
    }
  }
  main .contact-information-main .text-container:last-child a {
    color: #25443d;
    font-size: 1.9vw;
    text-decoration: none;
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .contact-information-main .text-container:last-child a {
      font-size: 3.5vw;
    }
  }
  @media screen and (max-width: 37.5em) {
    main .contact-information-main .text-container:last-child a {
      font-size: 6vw;
    }
  }
  main .contact-information-main form input,
  main .contact-information-main form textarea {
    border-color: #25443d;
    color: #f79b1c;
  }

  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .contact-information-main form input,
    main .contact-information-main form textarea {
      padding-block: 2.5em;
    }
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    main .contact-information-main .columns {
      width: 100%;
    }
  }
  @media screen and (max-width: 37.5em) {
    main .contact-information-main .columns {
      width: 100%;
    }
  }
  footer {
    padding-block: 2em;
    background-color: #25443d;
  }
  footer .grid-template {
    padding-inline: 6.5vw;
    margin: 0 auto;
    display: grid;
    grid-template-rows: repeat(4, 0.3fr);
    grid-template-columns: 1fr;
    grid-template-areas: "address1" "address2" "mail" "form";
  }
  footer .grid-template .contact-detail-mauritius {
    grid-area: address1;
  }
  footer .grid-template .contact-detail-kenya {
    grid-area: address2;
  }
  footer .grid-template .contact-detail-mail {
    grid-area: mail;
  }
  footer .grid-template form {
    grid-area: form;
  }
  footer .grid-template .image {
    grid-area: logo;
  }
  footer .grid-template .footer-nav {
    grid-area: nav;
  }
  footer .grid-template .social-links {
    grid-area: social;
  }
  footer .grid-template .border-footer {
    grid-area: bdr;
  }
footer .grid-template {
	display: grid;
        grid-template-rows: repeat(4, 0.2fr);
        grid-template-columns: 1fr;
        grid-template-areas:"address1" "address2" "mail" "form";            
}

  @media screen and (min-width: 37.563em) {
    footer .grid-template {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: 0.2fr 0.7fr 0fr 1.2fr;
      grid-template-areas: "logo ." "address1 mail" "address2 form" ". form";
    }
  }
  @media screen and (min-width: 67.563em) {
    footer .grid-template {
      padding-inline: 6.5vw;
      grid-template-rows: 1fr 1fr 1fr 0.8fr;
      grid-template-columns: repeat(2, 1fr) 1.2fr;
      grid-template-areas: "logo . ." "address1 mail form" "address2 . form" ". . form";
    }
  }
  footer .grid-template .image {
    margin-inline-start: 0;
    align-self: center;
  }
  @media screen and (max-width: 37.5em) {
    footer .grid-template .image {
      display: none;
    }
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    footer .grid-template .image {
      display: none;
    }
  }
  footer .grid-template .image .brand-logo {
    width: 210px;
    height: auto;
  }
  @media screen and (min-width: 67.563em) and (max-width: 100em) {
    footer .grid-template .image .brand-logo {
      width: 180px;
    }
  }
  footer .grid-template .contact-detail-mauritius,
  footer .grid-template .contact-detail-kenya,
  footer .grid-template .contact-detail-mail {
    margin-block-end: 4em;
  }
  footer .grid-template .contact-detail-mauritius p.title,
  footer .grid-template .contact-detail-kenya p.title,
  footer .grid-template .contact-detail-mail p.title {
    color: #f79b1c;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: bold;
  }
  @media screen and (max-width: 37.5em) {
    footer .grid-template .contact-detail-mauritius p.title,
    footer .grid-template .contact-detail-kenya p.title,
    footer .grid-template .contact-detail-mail p.title {
      font-size: 1.1em;
    }
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    footer .grid-template .contact-detail-mauritius p.title,
    footer .grid-template .contact-detail-kenya p.title,
    footer .grid-template .contact-detail-mail p.title {
      font-size: 1.3em;
    }
  }
  @media screen and (min-width: 67.563em) and (max-width: 100em) {
    footer .grid-template .contact-detail-mauritius p.title,
    footer .grid-template .contact-detail-kenya p.title,
    footer .grid-template .contact-detail-mail p.title {
      font-size: 1.7vw;
    }
  }
  footer .grid-template .contact-detail-mauritius .contact-information p,
  footer .grid-template .contact-detail-kenya .contact-information p,
  footer .grid-template .contact-detail-mail .contact-information p,
footer .grid-template .contact-detail-mail .contact-information a{
    color: #ffffff;
    font-size: 1.5em;
  }
	footer .grid-template .contact-detail-mail .contact-information a {
		color: #ffffff;
   		font-size: 1.5em;
		text-decoration: none;
	}
  @media screen and (min-width: 67.563em) and (max-width: 100em) {
    footer .grid-template .contact-detail-mauritius .contact-information p,
    footer .grid-template .contact-detail-kenya .contact-information p,
    footer .grid-template .contact-detail-mail .contact-information p,
	  footer .grid-template .contact-detail-mail .contact-information a {
      font-size: 1.5vw;
    }
  }
  @media screen and (max-width: 37.5em) {
    footer .grid-template .contact-detail-mauritius .contact-information p,
    footer .grid-template .contact-detail-kenya .contact-information p,
    footer .grid-template .contact-detail-mail .contact-information p,
	  footer .grid-template .contact-detail-mail .contact-information a{
      max-width: 14em;
      font-size: 4.3vw;
    }
  }
  @media screen and (min-width: 56.313em) and (max-width: 67.5em) {
    footer .grid-template .contact-detail-mauritius .contact-information p,
    footer .grid-template .contact-detail-kenya .contact-information p,
    footer .grid-template .contact-detail-mail .contact-information p,
	  footer .grid-template .contact-detail-mail .contact-information a{
      max-width: 14em;
    }
  }
  footer .footer-items {
    padding-inline: 6.5vw;
    padding-block-start: 2.2em;
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    border-top: 2px solid #f79b1c;
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    footer .footer-items {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr;
      row-gap: 1em;
    }
  }
  @media screen and (min-width: 67.563em) and (max-width: 100em) {
    footer .footer-items {
      padding-inline: 6.5vw;
    }
  }
  @media screen and (min-width: 56.313em) and (max-width: 67.5em) {
    footer .footer-items {
      grid-template-columns: 2.5fr 1fr;
    }
  }
  @media screen and (max-width: 37.5em) {
    footer .footer-items {
      display: flex;
      flex-direction: column;
    }
  }
  footer .footer-items .footer-nav {
    align-self: center;
  }
  footer .footer-items .footer-nav .menu {
    display: grid;
    grid-template-columns: max-content max-content max-content max-content;
    list-style-type: none;
	  gap: 3em;
  }
  @media screen and (max-width: 37.5em) {
    footer .footer-items .footer-nav .menu {
      display: flex;
      flex-direction: column;
      text-align: center;
    }
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    footer .footer-items .footer-nav .menu {
      display: block;
    }
  }
  footer .footer-items .footer-nav .menu li a {
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: 500;
	  transition: ease 0.3s;
  }
footer .footer-items .footer-nav .menu li a:hover {
	color: #f79b1c;
	transition: ease 0.3s;
}
  @media screen and (max-width: 37.5em) {
    footer .footer-items .footer-nav .menu li a {
      font-size: 1rem;
      line-height: 2;
    }
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    footer .footer-items .footer-nav .menu li a {
      font-size: 1rem;
      line-height: 2;
    }
  }
  @media screen and (min-width: 67.563em) and (max-width: 100em) {
    footer .footer-items .footer-nav .menu li a {
      font-size: 1rem;
    }
  }
  @media screen and (min-width: 56.313em) and (max-width: 67.5em) {
    footer .footer-items .footer-nav .menu li a {
      font-size: 1rem;
    }
  }
  footer .footer-items .footer-nav .menu li:last-child {
    justify-self: center;
  }
  footer .footer-items .footer-nav .menu li:nth-child(2) {
    justify-self: center;
  }
  footer .footer-items .social-links {
    place-self: center end;
  }
  @media screen and (max-width: 37.5em) {
    footer .footer-items .social-links {
      margin-top: 2em;
    }
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    footer .footer-items .social-links {
      place-self: center center;
    }
  }
  footer .footer-items .social-links a {
    font-size: 1.6em;
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
  }
  @media screen and (max-width: 37.5em) {
    footer .footer-items .social-links a {
      font-size: 1.1em;
    }
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    footer .footer-items .social-links a {
      font-size: var(--font-size-2);
    }
  }
  @media screen and (min-width: 67.563em) and (max-width: 100em) {
    footer .footer-items .social-links a {
      font-size: 1.4vw;
    }
  }
  @media screen and (min-width: 56.313em) and (max-width: 67.5em) {
    footer .footer-items .social-links a {
      font-size: 1.2em;
    }
  }
  footer .footer-items .social-links a strong {
    color: #f79b1c;
    font-weight: bold;
  }
  footer.contact-page .grid-template {
    grid-template-rows: repeat(2, 0.4fr);
    grid-template-columns: 1fr;
    grid-template-areas: "address1" "address2";
  }
  @media screen and (min-width: 37.563em) {
    footer.contact-page .grid-template {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr;
      grid-template-areas: "address1 address2";
    }
  }
  @media screen and (min-width: 67.563em) {
    footer.contact-page .grid-template {
      padding-inline: 6.5vw;
      padding-block: 1em;
      grid-template-rows: 1fr;
      grid-template-columns: auto;
      grid-template-areas: "address1 address2 .";
    }
  }
  footer.contact-page .grid-template .contact-information .button-container.bordered {
    margin-block-start: 1.5em;
  }
  footer.contact-page .grid-template .contact-information .button-container.bordered .button {
    border-color: #f79b1c;
    color: #f79b1c;
    transition: 0.3s ease;
  }
  footer.contact-page .grid-template .contact-information .button-container.bordered .button:hover {
    background: #f79b1c;
    color: #ffffff;
    transition: 0.3s ease;
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    footer.contact-page .grid-template .contact-detail-kenya p {
      max-width: 14em;
    }
  }
  @media screen and (max-width: 37.5em) {
    .show-for-tablette-up {
      display: none;
    }
  }
  @media screen and (min-width: 37.563em) {
    .show-for-tablette-up {
      display: contents;
    }
  }
  @media screen and (max-width: 37.5em) {
    .show-for-mobile {
      display: contents;
    }
  }
  @media screen and (min-width: 37.563em) {
    .show-for-mobile {
      display: none;
    }
  }
  form input,
  form textarea {
    background: transparent;
    border: none;
    color: #ffffff;
    padding-block: 1em;
    padding-inline-start: 1em;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.7);
    font-size: 1.6vw;
    border-radius: 0;
    border-bottom: none;
  }

@media screen and (max-width: 37.5em) {
	footer .grid-template form input,
  	footer .grid-template form textarea {
      padding-block: 4em;
    }
}
@media screen and (min-width: 37.563em) and (max-width: 56.25em) {
	footer .grid-template form input,
  	footer .grid-template form textarea {
      padding-block: 2em;
    }
}

footer .grid-template form {
	margin-bottom: 3em;
}
  @media screen and (max-width: 37.5em) {
    form input,
    form textarea {
      padding-block: 4em;
    }
  }
  form textarea {
    min-height: 200px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  }
  form ::-webkit-input-placeholder,
  form ::-webkit-textarea-placeholder,
  form input::placeholder,
  form textarea::placeholder {
    color: #f79b1c;
    font-size: 4.3vw;
    font-weight: 500;
    text-transform: uppercase;
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    form ::-webkit-input-placeholder,
    form ::-webkit-textarea-placeholder,
    form input::placeholder,
    form textarea::placeholder {
      font-size: 3vw;
    }
  }
  @media screen and (min-width: 56.313em) and (max-width: 67.5em) {
    form ::-webkit-input-placeholder,
    form ::-webkit-textarea-placeholder,
    form input::placeholder,
    form textarea::placeholder {
      font-size: 2vw;
    }
  }
  @media screen and (min-width: 67.563em) {
    form ::-webkit-input-placeholder,
    form ::-webkit-textarea-placeholder,
    form input::placeholder,
    form textarea::placeholder {
      font-size: 1.3vw;
    }
  }
  form button {
    margin-block-start: 1em;
    text-decoration: none;
    font-size: clamp(18px, 1.5vw, 24px);
    border: 2px solid #ffffff;
    padding-block: 0.5em;
    padding-inline: 0.9em;
    border-radius: 40px;
    text-transform: uppercase;
    font-weight: bold;
    background: transparent;
    color: #f79b1c;
    font-weight: 500;
    border-color: #f79b1c;
  }
  @media screen and (min-width: 67.563em) {
    form button {
      font-size: 1.3em;
    }
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    form button {
      font-size: 3vw;
    }
  }
  form button:hover {
    color: #ffffff;
    background: #f79b1c;
    transition: 0.3s ease;
    cursor: pointer;
  }
  @media screen and (max-width: 37.5em) {
    .show-for-tablette-only {
      display: none;
    }
  }
  @media screen and (min-width: 37.563em) and (max-width: 56.25em) {
    .show-for-tablette-only {
      display: block;
    }
  }
  @media screen and (min-width: 56.313em) {
    .show-for-tablette-only {
      display: none;
    }
  }

  .wpcf7 {
    grid-area: form;
}

.wpcf7 form.wpcf7-form p span input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    border-bottom: 1px !important;
}

.wpcf7 form.wpcf7-form p span textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {height: 4em;}

[type="submit"] {
  width: auto;
  color: #f79b1c;
  border-color:#f79b1c;
  border-radius: 40px;
	padding: 0.5em 1em;
  font-size: 1.45em;
  border-width: 2px;
  border-bottom: 2px solid #f79b1c;
  margin-top: 1.5em;
	transition: 0.3s ease;
}
[type="submit"]:hover {
	color: #ffffff;
	background-color: #f79b1c;
	transition: 0.3s ease;
}

footer.contact-page .grid-template {
  grid-template-rows: repeat(2, 0.4fr);
  grid-template-columns: 1fr;
  grid-template-areas: "address1" "address2";
}
@media screen and (min-width: 37.563em) {
  footer.contact-page .grid-template {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "address1 address2";
  }
}
@media screen and (min-width: 67.563em) {
  footer.contact-page .grid-template {
    padding-inline: 6.5vw;
    padding-block: 1em;
    grid-template-rows: 1fr;
    grid-template-columns: auto;
    grid-template-areas: "address1 address2 .";
  }
}
footer.contact-page .grid-template .contact-information .button-container.bordered {
  margin-block-start: 1.5em;
}
footer.contact-page .grid-template .contact-information .button-container.bordered .button {
  border-color: #f79b1c;
  color: #f79b1c;
  transition: 0.3s ease;
}
footer.contact-page .grid-template .contact-information .button-container.bordered .button:hover {
  background: #f79b1c;
  color: #ffffff;
  transition: 0.3s ease;
}
@media screen and (min-width: 37.563em) and (max-width: 56.25em) {
  footer.contact-page .grid-template .contact-detail-kenya p {
    max-width: 14em;
  }
}
@media screen and (min-width: 37.563em) and (max-width: 56.25em) {
	.post-items .col-md-6.col-lg-4:last-child {
		display: none;
	}
}

footer .grid-template .contact-detail-mauritius .contact-information a.contact-telephone,
footer .grid-template .contact-detail-kenya .contact-information a.contact-telephone {
	font-size: 1.5em;
	color: #ffffff;
	text-decoration: none;
	transition: ease 0.3s;
}
footer .grid-template .contact-detail-mauritius .contact-information a.contact-telephone:hover,
footer .grid-template .contact-detail-kenya .contact-information a.contact-telephone:hover,
footer .grid-template .contact-detail-mail .contact-information a:hover {
	color: #f79b1c;
	transition: ease 0.3s;
}
@media screen and (min-width: 67.563em) and (max-width: 100em) {
	footer .grid-template .contact-detail-mauritius .contact-information a.contact-telephone,
footer .grid-template .contact-detail-kenya .contact-information a.contact-telephone {
	font-size: 1.5vw;
}
}

@media screen and (max-width: 37.5em) {
	footer .grid-template .contact-detail-mauritius .contact-information a.contact-telephone,
footer .grid-template .contact-detail-kenya .contact-information a.contact-telephone {
	font-size: 4.3vw;
}
}

.mf-form-wrapper .metform-form-content .metform-form-main-wrapper .mf-input-wrapper .mf-input {
/* 	font-size: 1vw !important; */
	padding: 1.8em 1em 1.5em 1em;
}

footer .mf-form-wrapper .metform-form-content .metform-form-main-wrapper .mf-input-wrapper .mf-input {
	color: #ffffff;
}

.mf-form-wrapper .metform-form-content .metform-form-main-wrapper .mf-input-wrapper .mf-input::placeholder {
	font-style: normal;
	font-weight: 400;
	font-size: 1.5vw;
}

footer .mf-form-wrapper .metform-form-content .metform-form-main-wrapper .mf-input-wrapper .mf-input::placeholder {
	font-size: 1.3vw;
}
footer .elementor-461 .elementor-element.elementor-element-225d9d1 .metform-btn {
	font-size: 1.3vw;
}

.elementor-461 .elementor-element.elementor-element-225d9d1 .metform-btn {
	font-size: 1.5vw;
}
@media screen and (max-width: 37.5em) {
	footer .mf-form-wrapper .metform-form-content .metform-form-main-wrapper .mf-input-wrapper .mf-input::placeholder {
		font-size: 5vw;
	}
	footer .elementor-461 .elementor-element.elementor-element-225d9d1 .metform-btn {
		font-size: 4.8vw;
	}
	.mf-form-wrapper .metform-form-content .metform-form-main-wrapper .mf-input-wrapper .mf-input::placeholder {
		font-size: 5vw;
	}
	.elementor-461 .elementor-element.elementor-element-225d9d1 .metform-btn {
		font-size: 4.8vw;
	}
}

@media screen and (min-width: 37.563em) and (max-width: 56.25em) {
	footer .mf-form-wrapper .metform-form-content .metform-form-main-wrapper .mf-input-wrapper .mf-input::placeholder {
		font-size: 2.8vw;
	}
	footer .mf-form-wrapper .metform-form-content .metform-form-main-wrapper .mf-input-wrapper .mf-input {
		padding: 2.8em 1em 2.5em 1em;
	}
	footer .elementor-461 .elementor-element.elementor-element-225d9d1 .metform-btn {
		font-size: 2.5vw;
	}
	 .mf-form-wrapper .metform-form-content .metform-form-main-wrapper .mf-input-wrapper .mf-input::placeholder {
		font-size: 2.8vw;
	}
	 .mf-form-wrapper .metform-form-content .metform-form-main-wrapper .mf-input-wrapper .mf-input {
		padding: 2.8em 1em 2.5em 1em;
	}
	 .elementor-461 .elementor-element.elementor-element-225d9d1 .metform-btn {
		font-size: 2.5vw;
	}
}

@media screen and (min-width: 37.563em) {
	footer .mf-form-wrapper .metform-form-content .metform-form-main-wrapper .mf-input-wrapper .mf-input {
		padding: 1.8em 1em 1.5em 1em;
	}
}


footer .mf-form-wrapper .metform-form-content .metform-form-main-wrapper .mf-input-wrapper .mf-input {
	border-color: rgba(255, 255, 255, 0.7);
}



textarea#mf-input-text-area-e822f2f {
	height: 14em;
}

/* .mf-form-shortcode,
div#metform-wrap-461-461 {
	display: contents;
} */

.mf-form-shortcode {
	grid-area: form;
}

.page-id-787 .main-navigation,
.page-id-618 .main-navigation,
.page-id-599 .main-navigation,
.page-id-1097 .main-navigation,
.single-post .main-navigation {
  background: #25443d;
  min-height: 4em;
  position: static;
	transition: ease 0.3s;
}

.page-id-787 .main-navigation,
.page-id-618 .main-navigation,
.page-id-599 .main-navigation,
.page-id-1097 .main-navigation,
.single-post .main-navigation.sticky {
	position: sticky;
	transition: ease 0.3s;
}

.single-post main {
	padding-block: 4em;
}
.elementor-widget-mf-email .mf-error-message {
	font-size: 1em !important;
}

.description-panel h3 {
	display: flex;
	flex-direction: column;
}

.description-panel h3 span {
	font-size: 50%;
	margin-top: 0.3em;
	color: #ffffff;
}

.elementor-widget-container ul {
	padding-left: 1em;
}
.elementor-widget-container ul li {
	padding-left: 0.5em;
}

.ekit-wid-con .elementskit-post-image-card:hover .elementskit-entry-thumb>img {
	transform: scale(1.1) !important;	
}
.page-id-1097 header.main-navigation {
  background: #25443d;
  min-height: 4em;
  position: static;
  transition: ease 0.3s;
}

.page-id-1097 header.main-navigation.sticky {
	position: sticky;
	transition: ease 0.3s;
}

@media screen and (max-width: 37.5em) {
	.elementor-787 .elementor-element.elementor-element-a6612d3 .elementskit-post-footer > p, .elementor-787 .elementor-element.elementor-element-a6612d3 .elementskit-post-body > p  {
		font-size: 4vw;
	}
}
@media screen and (min-width: 37.563em) and (max-width: 56.25em) {
	.elementor-787 .elementor-element.elementor-element-a6612d3 .elementskit-post-footer > p, .elementor-787 .elementor-element.elementor-element-a6612d3 .elementskit-post-body > p  {
		font-size: 4.5vw;
	}
}
@media screen and (min-width: 56.313em) and (max-width: 67.5em) {
	.elementor-787 .elementor-element.elementor-element-a6612d3 .elementskit-post-footer > p, .elementor-787 .elementor-element.elementor-element-a6612d3 .elementskit-post-body > p  {
		font-size: 4.5vw;
	}
}
 @media screen and (min-width: 67.563em) and (max-width: 100em) {
	.elementor-787 .elementor-element.elementor-element-a6612d3 .elementskit-post-footer > p, .elementor-787 .elementor-element.elementor-element-a6612d3 .elementskit-post-body > p  {
		font-size: 4.5vw;
	}
}