/*-----------------------------------------------*\

Author: Thomas Geisen (www.thomasgeisen.fr)
Framework : Tailwind (width 1270px fluid, 12 cols, gap 1rem)

\*-----------------------------------------------*/

/* Base */

/* @import "base/_mixins"; */

/* Titles */

@media not all and (min-width: 1020px){
  .text-h1{
    font-size: 3.75rem !important;
    line-height: 1em !important;
  }
}

@media not all and (min-width: 640px){
  .text-h1{
    font-size: 2.5rem !important;
    line-height: 1em !important;
  }
}

.text-h1{
  letter-spacing: -0.03em;
}

@media not all and (min-width: 1020px){
  .text-h1-small{
    font-size: 3.75rem !important;
    line-height: 1em !important;
  }
}

@media not all and (min-width: 640px){
  .text-h1-small{
    font-size: 2.5rem !important;
    line-height: 1em !important;
  }
}

.text-h1-small{
  letter-spacing: -3%;
}

@media not all and (min-width: 1020px){
  .text-h2{
    font-size: 2.75rem !important;
    line-height: 0.93em !important;
  }
}

@media not all and (min-width: 640px){
  .text-h2{
    font-size: 2.5rem !important;
    line-height: 0.93em !important;
  }
}

.text-h2{
  letter-spacing: -0.02em;
}

@media not all and (min-width: 1020px){
  .text-h3{
    font-size: 2.375rem !important;
    line-height: 1.16em !important;
  }
}

@media not all and (min-width: 640px){
  .text-h3{
    font-size: 1.875rem !important;
    line-height: 1.16em !important;
  }
}

.text-h3{
  letter-spacing: -0.05em;
}

@media not all and (min-width: 1020px){
  .text-h4{
    font-size: 1.875rem !important;
    line-height: 1.07em !important;
  }
}

@media not all and (min-width: 640px){
  .text-h4{
    font-size: 1.375rem !important;
    line-height: 1.07em !important;
  }
}

.text-h4{
  letter-spacing: -0.05px;
}

@media not all and (min-width: 1020px){
  .text-h5{
    font-size: 1.625rem !important;
    line-height: 1.5em !important;
  }
}

@media not all and (min-width: 640px){
  .text-h5{
    font-size: 1.375rem !important;
    line-height: 1.5em !important;
  }
}

.text-h5{
  letter-spacing: -0.02em;
}

@media not all and (min-width: 640px){
  .text-xl{
    font-size: 1.25rem !important;
    line-height: 1.375em !important;
  }
}

.text-xl{
  letter-spacing: -0.03em;
}

/* Text gradients */

.has-rainbow-color{
  background: linear-gradient(119deg, #B900D7 1.56%, #32A2EA 51.82%, #1BC19F 96.45%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.has-rainbow-background-color{
  background: linear-gradient(122deg, #B900D7 -5.88%, #32A2EA 37.98%, #1BC19F 76.93%);
}

/* Background gradients */

.bg-gradient-routin{
  --gradient-angle: 113deg;
  background: linear-gradient(var(--gradient-angle), #B900D7 3.46%, #32A2EA 52.63%, #1BC19F 96.3%);
}

.bg-gradient-routin-top{
  background: linear-gradient(199deg, rgba(248, 250, 255, 0.17) 48.8%, rgba(50, 162, 234, 0.14) 82.85%, rgba(27, 193, 159, 0.09) 116.9%), #FFF;
}

.bg-gradient-dark-blue-transparent{
  background: linear-gradient(to bottom, #001434, rgba(0, 20, 52, 0));
  /* Bleu foncé vers transparent */
}

.bg-gradient-white-transparent{
  background: linear-gradient(to bottom, #F8FAFF, rgba(248, 250, 255, 0));
  /* Blanc vers transparent */
}

.bg-gradient-white-transparent-bottom{
  position: relative;
  z-index: 1;
}

.bg-gradient-white-transparent-bottom:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to top, #F8FAFF, rgba(248, 250, 255, 0));
    /* Blanc vers transparent */
    z-index: -1;
  }

.bg-gradient-white-transparent-bottom:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(0, 7, 28, 0.98) 0%, rgba(0, 7, 28, 0.00) 100%);
    /* Blanc vers transparent */
    z-index: -1;
  }

.bg-gradient-combined{
  /* content:'';
  position: absolute;
  height: 100vh;
  width: 100%; */
  /* pointer-events: none; */
  /* 1) le voile blanc qui « efface » le bas */
  /* 2) l'overlay foncé à 38 % d'opacité qui assombrit le haut */
  /* 3) le gradient principal (violet → bleu → vert-bleu) */
  background-image:
  /* white → transparent (de bas en haut) */
  linear-gradient(to top,
    #FFFFFF 0%,
    rgba(248,250,255,0) 100%
  ),
  /* navy → transparent (de haut en bas), 38% d'alpha */
  linear-gradient(to bottom,
    rgba(0,20,52,0.38) 0%,
    rgba(0,20,52,0)    100%
  ),
  /* purple → cyan → teal (de gauche à droite) */
  linear-gradient(to right,
    #B900D7  0%,
    #32A2EA 50%,
    #1BC19F 100%
  );
}

/* Custom - Classe posée sur le wp-block-columns de la page à propos */

.bg-apropos{
  position: relative;
}

.bg-apropos:after{
    content: '';
  }

.bg-apropos:after{
    pointer-events: none;
  }

.bg-apropos:after{
    position: absolute;
  }

.bg-apropos:after{
    bottom: -48px;
  }

.bg-apropos:after{
    left: 50%;
  }

.bg-apropos:after{
    z-index: -10;
  }

.bg-apropos:after{
    height: 150vh;
  }

.bg-apropos:after{
    width: 100vw;
  }

.bg-apropos:after{
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

.bg-apropos:after{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

@media (min-width: 768px){
    .bg-apropos:after{
      bottom: -64px;
    }
  }

@media (min-width: 1020px){
    .bg-apropos:after{
      bottom: -96px;
    }
  }

@media (min-width: 1360px){
    .bg-apropos:after{
      bottom: -128px;
    }
  }

@media (min-width: 1360px){
    .bg-apropos:after{
      height: 200vh;
    }
  }

.bg-apropos:after{
    background: url('../img/bg-apropos.png') no-repeat center center;
    background-size: cover;
  }

/* Custom - Classes générées pour certaines pages sur mesure : politique de mobilité, contact, FAQ
* Mériterait peut-être un template de page WP ou champ pour afficher cacher ces backgrounds
*/

.bg-page{
  position: relative;
}

.bg-page:after{
    content: '';
  }

.bg-page:after{
    pointer-events: none;
  }

.bg-page:after{
    position: absolute;
  }

.bg-page:after{
    top: 0px;
  }

.bg-page:after{
    left: 0px;
  }

.bg-page:after{
    z-index: -10;
  }

.bg-page:after{
    width: 100vw;
  }

.bg-page:after{
    height: calc(100% + 106px);
    background: url('../img/bg-page.png') no-repeat left center;
    background-size: cover;
    opacity: 1;
  }

.bg-mobility{
  position: relative;
}

.bg-mobility:after{
    content: '';
  }

.bg-mobility:after{
    pointer-events: none;
  }

.bg-mobility:after{
    position: absolute;
  }

.bg-mobility:after{
    bottom: 0px;
  }

.bg-mobility:after{
    left: 0px;
  }

.bg-mobility:after{
    z-index: -10;
  }

.bg-mobility:after{
    height: 100%;
  }

.bg-mobility:after{
    width: 100vw;
  }

.bg-mobility:after{
    background: url('../img/filigrane-faq.svg') no-repeat left bottom;
  }

/* Others styles */

.stretched-link:after{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.is-style-bullet{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
}

.is-style-bullet.has-text-align-center{
    justify-content: center;
  }

.is-style-bullet:before {
    content: "";
  }

.is-style-bullet:before{
    margin-right: 0.6rem;
  }

.is-style-bullet:before{
    display: inline-block;
  }

.is-style-bullet:before{
    height: 0.43rem;
  }

.is-style-bullet:before{
    width: 0.43rem;
  }

.is-style-bullet:before{
    flex-shrink: 0;
  }

.is-style-bullet:before{
    border-radius: 9999px;
  }

.is-style-bullet:before{
    --tw-bg-opacity: 1;
    background-color: rgb(185 0 215 / var(--tw-bg-opacity, 1));
  }

body.is-transitioning {
  pointer-events: none;
}

[data-section="title"],
[data-section="fade"] {
  opacity: 0;
}

[data-section="fade"] {
  transform: translateY(30px);
}

[data-section="fadeStagger"] > *{
  opacity: 0;
  transform: translateY(30px);
}

[data-barba="wrapper"] {
  position: relative;
}

[data-barba="container"] {
  position: relative;
  z-index: 1;
}

.barba-container {
  position: relative;
}

.barba-container--entering {
  visibility: hidden;
}

.transition-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}

.transition-overlay--active {
  opacity: 1;
  pointer-events: auto;
}

.section-1{
  opacity: 0;
}

/* Isotope Masonry Layout */

.js-grid {
  position: relative;
}

.js-grid .grid-sizer,
  .js-grid .js-card{
    width: 100%;
  }

@media (min-width: 640px){
    .js-grid .grid-sizer,
  .js-grid .js-card{
      width: calc(50% - 0.5rem);
    }
  }

@media (min-width: 1020px){
    .js-grid .grid-sizer,
  .js-grid .js-card{
      width: calc(50% - 1rem);
    }
  }

@media (min-width: 1360px){
    .js-grid .grid-sizer,
  .js-grid .js-card{
      width: calc(50% - 1.25rem);
    }
  }

.js-grid .grid-gutter{
    width: 1rem;
  }

@media (min-width: 1020px){
    .js-grid .grid-gutter{
      width: 2rem;
    }
  }

@media (min-width: 1360px){
    .js-grid .grid-gutter{
      width: 2.5rem;
    }
  }

/* Layout */

/*-----------------------------------------------*\

    Stage of the app

\*-----------------------------------------------*/

/*-----------------------------------------------*\

    Top header of the website

\*-----------------------------------------------*/

/*-----------------------------------------------*\

    Fil d'ariane du site, présent dans les pages éditoriales

\*-----------------------------------------------*/

/*-----------------------------------------------*\

    Contenu et layout général des pages intérieures du site

\*-----------------------------------------------*/

/*-----------------------------------------------*\

    WordPress editor

\*-----------------------------------------------*/

/*-----------------------------------------------*\

    Website main footer

\*-----------------------------------------------*/

/* Components */

.card-icon{
    position: relative;
    left: 0;
    transition: all 0.25s ease-out;
    transform-origin: center;
  }

.card picture{
    overflow: hidden;
  }

.card picture img{
      transition: all 0.25s ease-out;
    }

.card:hover .card-icon,.card:focus .card-icon{
      left: 16px;
      transform: rotate(45deg);
    }

.card:hover picture img,.card:focus picture img{
        transform: scale(1.1);
      }

.faq{
  transition: all 0.25s ease-out;
}

.faq-icon{
    position: relative;
    left: 0;
    transition: all 0.25s ease-out;
  }

@media (min-width: 640px){

.faq:hover,
    .faq:focus{
      transform: translateX(16px) !important
  }
    }

.faq:hover .faq-icon,.faq:focus .faq-icon{
      left: 16px;
      transform: rotate(45deg);
    }

/* Gutenberg */

.wp-block-image{
  margin-top: 2rem;
  margin-bottom: 2rem;
  width: 100%;
  overflow: hidden;
  border-radius: 20px;
  text-align: left;
}

@media (min-width: 640px){
  .wp-block-image{
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}

@media (min-width: 1020px){
  .wp-block-image{
    margin-top: 4rem;
    margin-bottom: 4rem;
    border-radius: 40px;
  }
}

.wp-block-image:not(.size-thumbnail) img{
      height: 100%;
    }

.wp-block-image:not(.size-thumbnail) img{
      -o-object-fit: cover;
         object-fit: cover;
    }

@media (min-width: 640px){
      .wp-block-image:not(.size-thumbnail) img{
        height: auto;
      }
    }

@media (min-width: 640px){
      .wp-block-image:not(.size-thumbnail) img{
        -o-object-fit: fill;
           object-fit: fill;
      }
    }

.wp-block-image.is-style-cover{
    aspect-ratio: 77 / 99;
  }

@media (min-width: 640px){
    .wp-block-image.is-style-cover{
      aspect-ratio: auto;
    }
  }

.wp-block-image img{
    display: inline-block;
  }

.wp-block-image img{
    width: 100%;
  }

.wp-block-image img{
    max-width: 100%;
    width: 100%;
    height: auto;
  }

.wp-block-image figcaption{
    margin-top: 1rem;
  }

.wp-block-image figcaption{
    font-size: 0.875rem;
    line-height: 1.4em;
  }

.wp-block-image figcaption{
    color: rgb(12 45 98 / 0.5);
  }

.wp-block-image.size-thumbnail{
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

.wp-block-image.size-thumbnail{
    margin-top: 0px;
  }

.wp-block-image.size-thumbnail{
    margin-bottom: 0px;
  }

.wp-block-image.size-thumbnail{
    height: auto;
  }

.wp-block-image.size-thumbnail{
    border-radius: 0px;
  }

@media (min-width: 768px){
    .wp-block-image.size-thumbnail{
      width: 52px;
    }
  }

.wp-block-image.size-thumbnail img{
      display: inline-block;
    }

.wp-block-columns{
  position: relative;
  flex-direction: column;
  row-gap: 0.75rem;
}

@media (min-width: 1020px){
  .wp-block-columns{
    flex-direction: row;
    row-gap: 1rem;
  }
}

.wp-block-columns.is-vertically-aligned-top,
    .wp-block-columns.are-vertically-aligned-top{
    align-items: flex-start;
  }

.wp-block-columns .wp-block-column.is-vertically-aligned-stretch .wp-block-image{
        margin-top: 0px;
        margin-bottom: 0px;
      }

@media (min-width: 1020px){
        .wp-block-columns .wp-block-column.is-vertically-aligned-stretch .wp-block-image{
          height: 100%;
        }
      }

.wp-block-columns .wp-block-column.is-vertically-aligned-stretch .wp-block-image img{
          height: 100%;
        }

.wp-block-columns .wp-block-column.is-vertically-aligned-stretch .wp-block-image img{
          width: auto;
        }

.wp-block-columns .wp-block-column.is-sticky{
      width: 100%;
    }

.wp-block-columns .wp-block-column.is-sticky{
      border-radius: 20px;
    }

@media (min-width: 1020px){
      .wp-block-columns .wp-block-column.is-sticky{
        position: sticky;
      }
    }

@media (min-width: 1020px){
      .wp-block-columns .wp-block-column.is-sticky{
        top: 4rem;
      }
    }

.wp-block-columns .wp-block-column.is-sticky > .wp-block-group{
        margin-top: 0px;
        margin-bottom: 0px;
      }

.wp-block-columns .wp-block-column.is-sticky > .wp-block-group{
        width: 100%;
      }

.wp-block-columns .wp-block-column.is-sticky > .wp-block-group{
        padding-left: 2rem;
        padding-right: 2rem;
      }

@media (min-width: 1020px){
        .wp-block-columns .wp-block-column.is-sticky > .wp-block-group{
          padding-top: 4rem;
          padding-bottom: 4rem;
        }
      }

@media (min-width: 1360px){
        .wp-block-columns .wp-block-column.is-sticky > .wp-block-group{
          padding: 6rem;
        }
      }

.wp-block-columns .wp-block-column.is-sticky > .wp-block-group:after{
          top: 0;
          background-size: 150%;
        }

.wp-block-columns .wp-block-column:empty{
      margin-top: -1.25rem;
    }

@media (min-width: 1020px){
      .wp-block-columns .wp-block-column:empty{
        margin-top: 0px;
      }
    }

.wp-block-group{
  border-radius: 20px;
  padding: 1.5rem;
}

@media (min-width: 640px){
  .wp-block-group{
    padding: 3rem;
  }
}

@media (min-width: 1360px){
  .wp-block-group{
    padding: 4rem;
  }
}

/* Blocs mobility (features et product) et contact */

.wp-block-group.has-white-background-color{
    border-width: 1px;
  }

.wp-block-group.has-white-background-color{
    --tw-border-opacity: 1;
    border-color: rgb(236 238 244 / var(--tw-border-opacity, 1));
  }

.wp-block-group.has-white-background-color{
    --tw-shadow: 0px 5px 50px rgba(0, 0, 0, 0.03);
    --tw-shadow-colored: 0px 5px 50px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

/* Bloc mobility */

.wp-block-group.has-blue-background-color{
    left: 50%;
  }

.wp-block-group.has-blue-background-color{
    margin-top: 3rem;
  }

.wp-block-group.has-blue-background-color{
    width: 100vw;
  }

.wp-block-group.has-blue-background-color{
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

.wp-block-group.has-blue-background-color{
    border-radius: 0px;
  }

.wp-block-group.has-blue-background-color{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

.wp-block-group.has-blue-background-color{
    padding-bottom: 1.5rem;
  }

@media (min-width: 1020px){
    .wp-block-group.has-blue-background-color{
      left: 0px;
    }
  }

@media (min-width: 1020px){
    .wp-block-group.has-blue-background-color{
      margin-top: 5rem;
    }
  }

@media (min-width: 1020px){
    .wp-block-group.has-blue-background-color{
      margin-left: -4rem;
    }
  }

@media (min-width: 1020px){
    .wp-block-group.has-blue-background-color{
      width: calc(100% + 8rem);
    }
  }

@media (min-width: 1020px){
    .wp-block-group.has-blue-background-color{
      --tw-translate-x: 0px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
  }

@media (min-width: 1020px){
    .wp-block-group.has-blue-background-color{
      border-radius: 20px;
    }
  }

@media (min-width: 1020px){
    .wp-block-group.has-blue-background-color{
      padding-top: 6rem;
      padding-bottom: 6rem;
    }
  }

.wp-block-group.has-blue-background-color:after{
      content: '';
    }

.wp-block-group.has-blue-background-color:after{
      pointer-events: none;
    }

.wp-block-group.has-blue-background-color:after{
      position: absolute;
    }

.wp-block-group.has-blue-background-color:after{
      top: 0px;
    }

.wp-block-group.has-blue-background-color:after{
      left: 0px;
    }

.wp-block-group.has-blue-background-color:after{
      height: 100%;
    }

.wp-block-group.has-blue-background-color:after{
      width: 100%;
    }

.wp-block-group.has-blue-background-color:after{
      background: url('../img/filigrane-group-blue.svg') no-repeat left center;
      background-size: cover;
    }

.wp-block-group.has-blue-background-color .wp-block-columns{
      margin-top: 2rem;
    }

.wp-block-group.has-blue-background-color .wp-block-columns{
      gap: 1.25rem;
    }

@media (min-width: 1020px){
      .wp-block-group.has-blue-background-color .wp-block-columns{
        margin-top: 4rem;
      }
    }

.wp-block-group.has-blue-background-color .wp-block-image:not(.size-thumbnail){
      border-radius: 20px;
    }

/* Bloc mobility */

.wp-block-group.has-white-rgba-background-color{
    display: flex;
  }

.wp-block-group.has-white-rgba-background-color{
    flex-direction: row;
  }

.wp-block-group.has-white-rgba-background-color{
    gap: 1.5rem;
  }

.wp-block-group.has-white-rgba-background-color{
    border-width: 1px;
  }

.wp-block-group.has-white-rgba-background-color{
    border-color: rgb(255 255 255 / 0.5);
  }

.wp-block-group.has-white-rgba-background-color{
    padding: 1.5rem;
  }

.wp-block-group.has-white-rgba-background-color{
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

@media (min-width: 1020px){
    .wp-block-group.has-white-rgba-background-color{
      flex-direction: column;
    }
  }

.wp-block-group.has-white-rgba-background-color figure{
      flex: 36px 0 0;
    }

@media (min-width: 1020px){

.wp-block-group.has-white-rgba-background-color figure{
        flex: inherit
    }
      }

.wp-block-group.has-white-rgba-background-color + .wp-block-group{
      margin-top: 1.25rem;
    }

/* Bloc CTA marketing */

.wp-block-group.has-rainbow-background-color{
    position: relative;
  }

.wp-block-group.has-rainbow-background-color{
    margin-bottom: 3rem;
  }

.wp-block-group.has-rainbow-background-color{
    width: 100%;
  }

.wp-block-group.has-rainbow-background-color{
    overflow: hidden;
  }

.wp-block-group.has-rainbow-background-color{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

.wp-block-group.has-rainbow-background-color{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

@media (min-width: 640px){
    .wp-block-group.has-rainbow-background-color{
      margin-bottom: 5rem;
    }
  }

@media (min-width: 768px){
    .wp-block-group.has-rainbow-background-color{
      border-radius: 40px;
    }
  }

@media (min-width: 768px){
    .wp-block-group.has-rainbow-background-color{
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }
  }

@media (min-width: 1020px){
    .wp-block-group.has-rainbow-background-color{
      margin-bottom: 6rem;
    }
  }

@media (min-width: 1360px){
    .wp-block-group.has-rainbow-background-color{
      margin-bottom: 7rem;
    }
  }

@media (min-width: 1360px){
    .wp-block-group.has-rainbow-background-color{
      padding: 4rem;
    }
  }

.wp-block-group.has-rainbow-background-color:after{
      content: ''
    }

.wp-block-group.has-rainbow-background-color:after{
      pointer-events: none;
    }

.wp-block-group.has-rainbow-background-color:after{
      position: absolute;
    }

.wp-block-group.has-rainbow-background-color:after{
      top: -10%;
    }

.wp-block-group.has-rainbow-background-color:after{
      left: 20%;
    }

.wp-block-group.has-rainbow-background-color:after{
      height: 100%;
    }

.wp-block-group.has-rainbow-background-color:after{
      width: 100%;
    }

.wp-block-group.has-rainbow-background-color:after{
      background: url('../img/filigrane-group.svg') no-repeat left center;
      background-size: cover;
    }

@media (min-width: 768px){

.wp-block-group.has-rainbow-background-color:after{
        top: 0;

        left: 12%;

        background-size: 100%
    }
      }

@media (min-width: 1360px){

.wp-block-group.has-rainbow-background-color:after{
        background-size: 60%
    }
      }

.wp-block-group.has-rainbow-background-color .wp-block-columns{
      margin-bottom: 0px;
    }

/* Bloc feature & products */

.wp-block-group.js-grid-isotope{
    margin-top: 2rem;
  }

.wp-block-group.js-grid-isotope{
    margin-bottom: 2rem;
  }

.wp-block-group.js-grid-isotope{
    gap: 0.5rem;
  }

.wp-block-group.js-grid-isotope{
    padding-left: 0px;
    padding-right: 0px;
  }

.wp-block-group.js-grid-isotope{
    padding-top: 0px;
    padding-bottom: 0px;
  }

@media (min-width: 640px){
    .wp-block-group.js-grid-isotope{
      margin-top: 4rem;
    }
  }

@media (min-width: 640px){
    .wp-block-group.js-grid-isotope{
      margin-bottom: 5rem;
    }
  }

@media (min-width: 640px){
    .wp-block-group.js-grid-isotope{
      gap: 1.5rem;
    }
  }

@media (min-width: 1360px){
    .wp-block-group.js-grid-isotope{
      padding-left: 4rem;
      padding-right: 4rem;
    }
  }

.wp-block-group.js-grid-isotope{
    display: block !important;
  }

.wp-block-group.js-grid-isotope > *{
      margin-bottom: 0.5rem;
    }

@media (min-width: 768px){
      .wp-block-group.js-grid-isotope > *{
        margin-bottom: 1.25rem;
      }
    }

/* Styles pour Isotope */

.wp-block-group.js-grid-isotope .js-isotope{
      transition: all 0.3s ease;
    }

.wp-block-group.js-grid-isotope .js-isotope .wp-block-heading{
        margin-bottom: 1.25rem;
      }

.wp-block-group.js-grid-isotope .js-isotope .lottie{
        margin-top: 1.5rem;
      }

.wp-block-group.js-grid-isotope .js-isotope .lottie{
        margin-bottom: 0px;
      }

.wp-block-group.js-grid-isotope .js-isotope .lottie{
        padding-left: 1rem;
        padding-right: 1rem;
      }

@media (min-width: 640px){
        .wp-block-group.js-grid-isotope .js-isotope .lottie{
          margin-top: 2.5rem;
        }
      }

@media (min-width: 640px){
        .wp-block-group.js-grid-isotope .js-isotope .lottie{
          padding-left: 0px;
          padding-right: 0px;
        }
      }

/* Mobile : éléments en colonne unique */

@media (max-width: 1019px) {
      .wp-block-group.js-grid-isotope .js-isotope{
        width: 100% !important;
        margin-bottom: 1.5rem;
      }
    }

/* Desktop : Isotope gère le layout - ne pas forcer width */

@media (min-width: 1020px) {
      .wp-block-group.js-grid-isotope .js-isotope{
        margin-bottom: 0;
        /* Isotope gère la largeur via JavaScript */
      }
    }

/* Bloc contact */

.wp-block-group.is-rounded-lg{
    border-radius: 20px;
  }

.wp-block-buttons{
  margin-top: 1.5rem;
}

@media (min-width: 1020px){
  .wp-block-buttons{
    margin-top: 2.5rem;
  }
}

.wp-block-separator{
  position: relative;
  left: 50%;
  margin-top: 3rem;
  margin-bottom: 3rem;
  width: 100vw;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 768px){
  .wp-block-separator{
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}

@media (min-width: 1020px){
  .wp-block-separator{
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
}

@media (min-width: 1360px){
  .wp-block-separator{
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
}

@media (max-width: 1020px) {

.wp-block-spacer{
    height: 40px !important
}
  }

.wp-block-heading.heading-faq{
    margin-bottom: 1rem;
  }

@media (min-width: 1360px){
    .wp-block-heading.heading-faq{
      padding-right: 16.666667%;
    }
  }

.wp-block-heading.heading-faq > div{
      text-align: center !important;
    }

@media (min-width: 1020px){
      .wp-block-heading.heading-faq > div{
        text-align: left !important;
      }
    }

/* Custom blocks */

.gform_wrapper.gravity-theme .gform_heading{
    display: none;
  }

.gform_wrapper.gravity-theme .gform_fields{
    row-gap: 1.75rem;
  }

.gform_wrapper.gravity-theme .gform_fields{
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

.gform_wrapper.gravity-theme .gform_footer{
    margin: 0px;
  }

.gform_wrapper.gravity-theme .gform_footer{
    margin-top: 1rem;
  }

.gform_wrapper.gravity-theme .gform_footer{
    padding: 0px;
  }

@media (min-width: 640px){
    .gform_wrapper.gravity-theme .gform_footer{
      margin-top: 2rem;
    }
  }

.gform_wrapper.gravity-theme .ginput_container{
    display: flex;
  }

.gform_wrapper.gravity-theme .ginput_container{
    align-items: center;
  }

.gform_wrapper.gravity-theme .gfield_required{
    font-size: 1.125rem;
    line-height: 1.4em;
  }

.gform_wrapper.gravity-theme .gfield_required{
    --tw-text-opacity: 1;
    color: rgb(185 0 215 / var(--tw-text-opacity, 1));
  }

/* Fields */

.gform_wrapper.gravity-theme input[type='text'],
    .gform_wrapper.gravity-theme input[type='email'],
    .gform_wrapper.gravity-theme input[type='tel'],
    .gform_wrapper.gravity-theme textarea,
    .gform_wrapper.gravity-theme select{
    height: 56px;
  }

.gform_wrapper.gravity-theme input[type='text'],
    .gform_wrapper.gravity-theme input[type='email'],
    .gform_wrapper.gravity-theme input[type='tel'],
    .gform_wrapper.gravity-theme textarea,
    .gform_wrapper.gravity-theme select{
    border-radius: 9999px;
  }

.gform_wrapper.gravity-theme input[type='text'],
    .gform_wrapper.gravity-theme input[type='email'],
    .gform_wrapper.gravity-theme input[type='tel'],
    .gform_wrapper.gravity-theme textarea,
    .gform_wrapper.gravity-theme select{
    border-width: 1px;
  }

.gform_wrapper.gravity-theme input[type='text'],
    .gform_wrapper.gravity-theme input[type='email'],
    .gform_wrapper.gravity-theme input[type='tel'],
    .gform_wrapper.gravity-theme textarea,
    .gform_wrapper.gravity-theme select{
    border-color: rgb(12 45 98 / 0.1);
  }

.gform_wrapper.gravity-theme input[type='text'],
    .gform_wrapper.gravity-theme input[type='email'],
    .gform_wrapper.gravity-theme input[type='tel'],
    .gform_wrapper.gravity-theme textarea,
    .gform_wrapper.gravity-theme select{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }

.gform_wrapper.gravity-theme input[type='text'],
    .gform_wrapper.gravity-theme input[type='email'],
    .gform_wrapper.gravity-theme input[type='tel'],
    .gform_wrapper.gravity-theme textarea,
    .gform_wrapper.gravity-theme select{
    padding: 1.5rem;
  }

.gform_wrapper.gravity-theme input[type='text'],
    .gform_wrapper.gravity-theme input[type='email'],
    .gform_wrapper.gravity-theme input[type='tel'],
    .gform_wrapper.gravity-theme textarea,
    .gform_wrapper.gravity-theme select{
    transition: all 0.1s ease;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }

.gform_wrapper.gravity-theme input[type='text']::-moz-placeholder, .gform_wrapper.gravity-theme input[type='email']::-moz-placeholder, .gform_wrapper.gravity-theme input[type='tel']::-moz-placeholder, .gform_wrapper.gravity-theme textarea::-moz-placeholder, .gform_wrapper.gravity-theme select::-moz-placeholder{
      color: rgb(12 45 98 / 0.5);
    }

.gform_wrapper.gravity-theme input[type='text']::placeholder,.gform_wrapper.gravity-theme input[type='email']::placeholder,.gform_wrapper.gravity-theme input[type='tel']::placeholder,.gform_wrapper.gravity-theme textarea::placeholder,.gform_wrapper.gravity-theme select::placeholder{
      color: rgb(12 45 98 / 0.5);
    }

.gform_wrapper.gravity-theme input[type='text']:focus,.gform_wrapper.gravity-theme input[type='email']:focus,.gform_wrapper.gravity-theme input[type='tel']:focus,.gform_wrapper.gravity-theme textarea:focus,.gform_wrapper.gravity-theme select:focus{
      --tw-border-opacity: 1;
      border-color: rgb(12 45 98 / var(--tw-border-opacity, 1));
    }

.gform_wrapper.gravity-theme input[type='text']:focus,.gform_wrapper.gravity-theme input[type='email']:focus,.gform_wrapper.gravity-theme input[type='tel']:focus,.gform_wrapper.gravity-theme textarea:focus,.gform_wrapper.gravity-theme select:focus{
      outline: none;
    }

.gform_wrapper.gravity-theme select{
    padding-top: 0px;
    padding-bottom: 0px;
  }

.gform_wrapper.gravity-theme select{
    background-image: url('../img/chevron-down.svg');
    background-repeat: no-repeat;
    background-position: right 1.5rem center;
    background-size: 0.8rem auto;
  }

.gform_wrapper.gravity-theme textarea{
    border-radius: 20px;
  }

.gform_wrapper.gravity-theme input[type='checkbox']{
    margin-right: 1rem;
  }

.gform_wrapper.gravity-theme input[type='checkbox'] + label{
      font-size: 1rem;
      line-height: 1.4em;
    }

@media (min-width: 640px){
      .gform_wrapper.gravity-theme input[type='checkbox'] + label{
        font-size: 1.125rem;
        line-height: 1.4em;
      }
    }

.gform_wrapper.gravity-theme input[type='submit']{
    position: relative;
  }

.gform_wrapper.gravity-theme input[type='submit']{
    z-index: 10;
  }

.gform_wrapper.gravity-theme input[type='submit']{
    white-space: nowrap;
  }

.gform_wrapper.gravity-theme input[type='submit']{
    border-radius: 9999px;
  }

.gform_wrapper.gravity-theme input[type='submit']{
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 255 / var(--tw-bg-opacity, 1));
  }

.gform_wrapper.gravity-theme input[type='submit']{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

.gform_wrapper.gravity-theme input[type='submit']{
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }

.gform_wrapper.gravity-theme input[type='submit']{
    font-size: 15px;
  }

.gform_wrapper.gravity-theme input[type='submit']{
    font-weight: 500;
  }

.gform_wrapper.gravity-theme input[type='submit']{
    --tw-text-opacity: 1;
    color: rgb(12 45 98 / var(--tw-text-opacity, 1));
  }

@media (min-width: 640px){
    .gform_wrapper.gravity-theme input[type='submit']{
      font-size: 1.125rem;
      line-height: 1.4em;
    }
  }

@media (min-width: 768px){
    .gform_wrapper.gravity-theme input[type='submit']{
      padding-top: 0.85rem;
      padding-bottom: 0.85rem;
    }
  }

@media (min-width: 1360px){
    .gform_wrapper.gravity-theme input[type='submit']{
      padding-left: 2rem;
      padding-right: 2rem;
    }
  }

.gform_wrapper.gravity-theme input[type='submit']:hover,.gform_wrapper.gravity-theme input[type='submit']:focus{
    --tw-bg-opacity: 1;
    background-color: rgb(12 45 98 / var(--tw-bg-opacity, 1));
  }

.gform_wrapper.gravity-theme input[type='submit']:hover,.gform_wrapper.gravity-theme input[type='submit']:focus{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

.gform_wrapper.gravity-theme input[type='submit']:hover,.gform_wrapper.gravity-theme input[type='submit']:focus{
    --tw-bg-opacity: 1;
    background-color: rgb(12 45 98 / var(--tw-bg-opacity, 1));
  }

.gform_wrapper.gravity-theme input[type='submit']:hover,.gform_wrapper.gravity-theme input[type='submit']:focus{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

.gform_wrapper.gravity-theme input[type='submit']{
    --tw-bg-opacity: 1;
    background-color: rgb(50 162 234 / var(--tw-bg-opacity, 1));
  }

.gform_wrapper.gravity-theme input[type='submit']{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

.gform_wrapper.gravity-theme input[type='submit']:hover,.gform_wrapper.gravity-theme input[type='submit']:focus{
    --tw-bg-opacity: 1;
    background-color: rgb(12 45 98 / var(--tw-bg-opacity, 1));
  }

.gform_wrapper.gravity-theme input[type='submit']:hover,.gform_wrapper.gravity-theme input[type='submit']:focus{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

.gform_wrapper.gravity-theme input[type='submit']:hover,.gform_wrapper.gravity-theme input[type='submit']:focus{
    --tw-bg-opacity: 1;
    background-color: rgb(12 45 98 / var(--tw-bg-opacity, 1));
  }

.gform_wrapper.gravity-theme input[type='submit']:hover,.gform_wrapper.gravity-theme input[type='submit']:focus{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

.gform_wrapper.gravity-theme input[type='submit']{
    padding-left: 4rem;
    padding-right: 4rem;
  }

.gform_wrapper.gravity-theme input[type='submit']{
    cursor: pointer;
  }

/* Errors */

.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true]{
    --tw-border-opacity: 1;
    border-color: rgb(192 43 10 / var(--tw-border-opacity, 1));
  }

.gform_wrapper.gravity-theme [aria-invalid=true] + label{
    --tw-text-opacity: 1;
    color: rgb(192 43 10 / var(--tw-text-opacity, 1));
  }

.gform_wrapper.gravity-theme .gfield_label{
    margin-bottom: 0.75rem;
  }

.gform_wrapper.gravity-theme .gfield_label{
    font-size: 1rem;
    line-height: 1.4em;
  }

@media (min-width: 640px){
    .gform_wrapper.gravity-theme .gfield_label{
      font-size: 1.125rem;
      line-height: 1.4em;
    }
  }

.gform_wrapper.gravity-theme .gfield_description,
    .gform_wrapper.gravity-theme .gform_validation_errors{
    margin-top: 0.25rem;
  }

.gform_wrapper.gravity-theme .gfield_description,
    .gform_wrapper.gravity-theme .gform_validation_errors{
    border-style: none;
  }

.gform_wrapper.gravity-theme .gfield_description,
    .gform_wrapper.gravity-theme .gform_validation_errors{
    background-color: transparent;
  }

.gform_wrapper.gravity-theme .gfield_description,
    .gform_wrapper.gravity-theme .gform_validation_errors{
    padding: 0px;
  }

.gform_wrapper.gravity-theme .gfield_description,
    .gform_wrapper.gravity-theme .gform_validation_errors{
    font-size: 0.875rem;
    line-height: 1.4em;
  }

.gform_wrapper.gravity-theme .gfield_description.validation_message,.gform_wrapper.gravity-theme .gform_validation_errors.validation_message{
      margin-top: 0.25rem;
    }

.gform_wrapper.gravity-theme .gfield_description.validation_message,.gform_wrapper.gravity-theme .gform_validation_errors.validation_message{
      --tw-text-opacity: 1;
      color: rgb(192 43 10 / var(--tw-text-opacity, 1));
    }

.gform_wrapper.gravity-theme .gfield_consent_description{
    border-style: none !important;
  }

.gform_wrapper.gravity-theme .gfield_consent_description{
    padding: 0px !important;
  }

.gform_wrapper.gravity-theme .gfield_consent_description{
    font-size: 0.75rem !important;
    line-height: 1.5em !important;
  }

.gform_wrapper.gravity-theme .gfield_consent_description{
    color: rgb(12 45 98 / 0.5) !important;
  }

.gform_wrapper.gravity-theme .gform_validation_errors{
    margin-bottom: 2rem;
  }

.gform_wrapper.gravity-theme .gform_validation_errors{
    box-shadow: none !important;
    outline: none !important;
  }

.gform_wrapper.gravity-theme .gform_validation_errors > h2{
      display: flex;
    }

.gform_wrapper.gravity-theme .gform_validation_errors > h2{
      align-items: center;
    }

.gform_wrapper.gravity-theme .gform_validation_errors > h2{
      font-size: 1.125rem !important;
      line-height: 1.4em !important;
    }

.gform_wrapper.gravity-theme .gform_validation_errors > h2{
      --tw-text-opacity: 1;
      color: rgb(192 43 10 / var(--tw-text-opacity, 1));
    }

.gform_wrapper.gravity-theme .gform_validation_errors > h2 .gform-icon{
        position: static;
      }

.gform_wrapper.gravity-theme .gform_validation_errors > h2 .gform-icon{
        margin-right: 1rem;
      }

.gform_wrapper.gravity-theme .gform_validation_errors a{
      --tw-border-opacity: 1;
      border-color: rgb(192 43 10 / var(--tw-border-opacity, 1));
    }

.videoCover{
  transition: aspect-ratio .3s ease-in-out;
}

.videoCover iframe{
    height: 100%;
  }

.videoCover iframe{
    width: 100%;
  }

.videoCover.is-playing{
    aspect-ratio: 16 / 9;
  }

.lottie:not(.wp-block-group *){
    margin-left: auto;
    margin-right: auto;
  }

.lottie:not(.wp-block-group *){
    margin-top: 0px;
    margin-bottom: 0px;
  }

@media (min-width: 1020px){
    .lottie:not(.wp-block-group *){
      width: 66.666667%;
    }
  }

.product ul{
    padding-left: 0px !important;
  }

.product ul li{
      display: flex;
    }

.product ul li{
      align-items: start;
      -moz-column-gap: 1.3rem;
           column-gap: 1.3rem;
      margin-bottom: 0.65rem;
    }

.product ul li:before{
        content: "";
        background: url(../img/check-circle.svg);
        margin-top: 5px;
        flex: 1.37rem 0 0;
        aspect-ratio: 1;
        background-size: cover;
      }

.product .accordeon-opener{
    transition: all 0.25s ease-out;
  }

.product .accordeon-content{
    transition: all 0.3s ease-in-out;
  }

.product .accordeon-content{
    max-height: 0px;
  }

.product .accordeon-content{
    overflow: hidden;
  }

.product .accordeon-content{
    opacity: 0;
  }

@media (min-width: 640px){
    .product .accordeon-content{
      max-height: none;
    }
  }

@media (min-width: 640px){
    .product .accordeon-content{
      overflow: visible;
    }
  }

@media (min-width: 640px){
    .product .accordeon-content{
      opacity: 1;
    }
  }

/* Accordeon on mobile */

.product.is-open .accordeon-opener{
      --tw-rotate: 45deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

.product.is-open .accordeon-opener{
      --tw-bg-opacity: 1;
      background-color: rgb(12 45 98 / var(--tw-bg-opacity, 1));
    }

.product.is-open .accordeon-content{
      display: inline-flex;
    }

.product.is-open .accordeon-content{
      max-height: 600px;
      opacity: 1;
    }

.gallery-img{
    overflow: hidden;
  }

.gallery-img{
    border-radius: 8px;
  }

@media (min-width: 768px){
    .gallery-img{
      border-radius: 20px;
    }
  }

/* Pages */

/* VARIABLES */

:root {
  --transitionLength: 0.4s;
  --transitionTiming: ease;
}

@property --rotate {
  syntax: "<angle>";

  initial-value: 132deg;

  inherits: false;
}

/* SWITCH D'INTRO */

.switch {
  position: relative;
  display: inline-block;
  width: 7.75rem;
  height: 3.9rem;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

.switch:after {
    content: '';
    position: absolute;
    border-radius: 1rem;
    inset: -6px;
    border-radius: 34px;
    background: linear-gradient(
      var(--rotate),
      var(--wp--preset--color--pale-cyan-blue),
      var(--wp--preset--color--vivid-cyan-blue),
      var(--wp--preset--color--vivid-purple));
    z-index: -1;
    animation: spin 5s linear infinite;
    opacity: 0;
    transition: opacity .25s ease-out;
  }

.switch:hover:after{
    opacity: 1;
  }

@keyframes spin {
  0% {
    --rotate: 0deg;
  }

  100% {
    --rotate: 360deg;
  }
}

/* SLIDER */

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    /* Hauteur presque 100% du parent (moins quelques pixels pour la marge) */
    height: calc(100% - 8px);
    /* Largeur égale à la hauteur pour maintenir un cercle */
    aspect-ratio: 1 / 1;
    /* Centrage vertical */
    top: 4px;
    left: 4px;
    background-color: #0C2D62;
    transition: .4s;
  }

.slider.round {
    border-radius: 34px;
  }

.slider.round:before {
      border-radius: 50%;
    }

input:checked+.slider:before {
  background-color: #32A2EA;
}

input:focus+.slider:before {
  box-shadow: 0 0 1px #32A2EA;
}

input:checked+.slider:before {
  /* Déplacer le cercle sans référence à la largeur fixe */
  left: calc(100% - 4px);
  transform: translateX(-100%);
}

/* CARTE ANIMEE */

.credit-card{
  position: fixed;
  bottom: 0px;
  left: 50%;
  z-index: 10;
  height: auto;
  width: calc(100% - 3rem);
}

@media (min-width: 640px){
  .credit-card{
    width: 32rem;
  }
}

@media (min-width: 1360px){
  .credit-card{
    width: 42rem;
  }
}

.credit-card {
  transform: translate3D(-50%, 105%, 0);
  filter: drop-shadow(0px 4px 20px rgba(0, 20, 52, 0.21));
}

.credit-card svg {
    transform-origin: center;
  }

/* SMARTPHONE */

.phone {
  height: auto;
  width: 100%;
  margin: 0 auto;
}

.phone > svg {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

.phone #card-overlay {
    top: 70px;
    position: absolute;
    width: 100%;
  }

/* CERCLES */

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

#circle1,
#circle3 {
  animation: rotateInfinitely 400s linear infinite;
  transform-box: fill-box;
  transform-origin: center;
}

@keyframes rotateInfinitely {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(-360deg);
  }
}

/* CARDS SALARIES / ENTREPRISES */

.cord{
  overflow: hidden;
}

.cord-body {
    display: grid;
    grid-template-rows: 1fr;
    overflow: hidden;
  }

.cord-body.-disabled {
      grid-template-rows: 0fr;
    }

.cord-body__animation {
      min-height: 0;
    }

.cord-list{
    position: absolute;
  }

.cord-list{
    left: 1.5rem;
  }

.cord-list{
    z-index: 10;
  }

.cord-list{
    display: flex;
  }

.cord-list{
    height: 100%;
  }

.cord-list{
    width: calc(100% - 3rem);
  }

.cord-list{
    align-items: center;
  }

.cord-list{
    justify-content: flex-start;
  }

@media (min-width: 640px){
    .cord-list{
      left: 0px;
    }
  }

@media (min-width: 640px){
    .cord-list{
      width: 100%;
    }
  }

@media (min-width: 640px){
    .cord-list{
      justify-content: center;
    }
  }

@media (min-width: 768px){
    .cord-list{
      width: 50%;
    }
  }

/* CARDS SLIDER */

.cards-card{
  position: relative;
  aspect-ratio: 10/9;
  cursor: default;
}

@media (min-width: 768px){
  .cards-card{
    aspect-ratio: auto;
  }
}

.cards-card {
  filter: drop-shadow(0px 4px 24px rgba(12, 45, 98, 0.30));
}

.cards-card-container{
    position: relative;
  }

.cards-card-container:not(:first-child){
      margin-top: calc(-100% + 136px);
    }

@media (min-width: 768px){
      .cards-card-container:not(:first-child){
        margin-top: 0px;
      }
    }

.cards-card:after{
    content: '';
  }

.cards-card:after{
    pointer-events: none;
  }

.cards-card:after{
    position: absolute;
  }

.cards-card:after{
    top: 0px;
  }

.cards-card:after{
    left: 0px;
  }

.cards-card:after{
    height: 100%;
  }

.cards-card:after{
    width: 100%;
  }

.cards-card:after{
    background: url('../img/filigrane-card.svg') no-repeat left bottom;
    background-size: 100%;
  }

/* Vendors */

.glide{
  position:relative;
  width:100%;
  box-sizing:border-box
}

.glide *{
  box-sizing:inherit
}

.glide__track{
  overflow:hidden
}

.glide__slides{
  position:relative;
  width:100%;
  list-style:none;
  backface-visibility:hidden;
  transform-style:preserve-3d;
  touch-action:pan-Y;
  overflow:hidden;
  margin:0;
  padding:0;
  white-space:nowrap;
  display:flex;
  flex-wrap:nowrap;
  will-change:transform
}

.glide__slides--dragging{
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none
}

.glide__slide{
  width:100%;
  height:100%;
  flex-shrink:0;
  white-space:normal;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  -webkit-touch-callout:none;
  -webkit-tap-highlight-color:transparent
}

.glide__slide a{
  -webkit-user-select:none;
          user-select:none;
  -webkit-user-drag:none;
  -moz-user-select:none;
  -ms-user-select:none
}

.glide__arrows{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none
}

.glide__bullets{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none
}

.glide--rtl{
  direction:rtl
}

.glide__arrow{
  position:absolute;
  display:block;
  top:50%;
  z-index:2;
  color:#fff;
  text-transform:uppercase;
  padding:9px 12px;
  background-color:transparent;
  border:2px solid rgba(255,255,255,.5);
  border-radius:4px;
  box-shadow:0 .25em .5em 0 rgba(0,0,0,.1);
  text-shadow:0 .25em .5em rgba(0,0,0,.1);
  opacity:1;
  cursor:pointer;
  transition:opacity 150ms ease,border 300ms ease-in-out;
  transform:translateY(-50%);
  line-height:1
}

.glide__arrow:focus{
  outline:none
}

.glide__arrow:hover{
  border-color:#fff
}

.glide__arrow--left{
  left:2em
}

.glide__arrow--right{
  right:2em
}

.glide__arrow--disabled{
  opacity:.33
}

.glide__bullets{
  position:absolute;
  z-index:2;
  bottom:2em;
  left:50%;
  display:inline-flex;
  list-style:none;
  transform:translateX(-50%)
}

.glide__bullet{
  background-color:rgba(255,255,255,.5);
  width:9px;
  height:9px;
  padding:0;
  border-radius:50%;
  border:2px solid transparent;
  transition:all 300ms ease-in-out;
  cursor:pointer;
  line-height:0;
  box-shadow:0 .25em .5em 0 rgba(0,0,0,.1);
  margin:0 .25em
}

.glide__bullet:focus{
  outline:none
}

.glide__bullet:hover,.glide__bullet:focus{
  border:2px solid #fff;
  background-color:rgba(255,255,255,.5)
}

.glide__bullet--active{
  background-color:#fff
}

.glide--swipeable{
  cursor:grab;
  cursor:-webkit-grab
}

.glide--dragging{
  cursor:grabbing;
  cursor:-webkit-grabbing
}

#cc-main{
  background:transparent;
  color:var(--cc-primary-color);
  font-family:var(--cc-font-family);
  font-size:16px;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.15;
  position:relative;
  text-rendering:optimizeLegibility;
  -webkit-text-size-adjust:100%;
  position:fixed;
  z-index:var(--cc-z-index)
}

#cc-main :after,#cc-main :before,#cc-main a,#cc-main button,#cc-main div,#cc-main h2,#cc-main input,#cc-main p,#cc-main span{
  all:unset;
  box-sizing:border-box
}

#cc-main .pm__badge,#cc-main button{
  all:initial;
  box-sizing:border-box;
  color:unset;
  visibility:unset
}

#cc-main .pm__badge,#cc-main a,#cc-main button,#cc-main input{
  -webkit-appearance:none;
  -moz-appearance:none;
       appearance:none;
  cursor:pointer;
  font-family:inherit;
  font-size:100%;
  line-height:normal;
  margin:0;
  outline:revert;
  outline-offset:2px;
  overflow:hidden
}

#cc-main table,#cc-main tbody,#cc-main td,#cc-main th,#cc-main thead,#cc-main tr{
  all:revert;
  color:inherit;
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit
}

:root{
  --cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --cc-modal-border-radius:.5rem;
  --cc-btn-border-radius:.4rem;
  --cc-modal-transition-duration:.25s;
  --cc-link-color:var(--cc-btn-primary-bg);
  --cc-modal-margin:1rem;
  --cc-z-index:2147483647;
  --cc-bg:#fff;
  --cc-primary-color:#2c2f31;
  --cc-secondary-color:#5e6266;
  --cc-btn-primary-bg:#30363c;
  --cc-btn-primary-color:#fff;
  --cc-btn-primary-border-color:var(--cc-btn-primary-bg);
  --cc-btn-primary-hover-bg:#000;
  --cc-btn-primary-hover-color:#fff;
  --cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);
  --cc-btn-secondary-bg:#eaeff2;
  --cc-btn-secondary-color:var(--cc-primary-color);
  --cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);
  --cc-btn-secondary-hover-bg:#d4dae0;
  --cc-btn-secondary-hover-color:#000;
  --cc-btn-secondary-hover-border-color:#d4dae0;
  --cc-separator-border-color:#f0f4f7;
  --cc-toggle-on-bg:var(--cc-btn-primary-bg);
  --cc-toggle-off-bg:#667481;
  --cc-toggle-on-knob-bg:#fff;
  --cc-toggle-off-knob-bg:var(--cc-toggle-on-knob-bg);
  --cc-toggle-enabled-icon-color:var(--cc-bg);
  --cc-toggle-disabled-icon-color:var(--cc-bg);
  --cc-toggle-readonly-bg:#d5dee2;
  --cc-toggle-readonly-knob-bg:#fff;
  --cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);
  --cc-section-category-border:var(--cc-cookie-category-block-bg);
  --cc-cookie-category-block-bg:#f0f4f7;
  --cc-cookie-category-block-border:#f0f4f7;
  --cc-cookie-category-block-hover-bg:#e9eff4;
  --cc-cookie-category-block-hover-border:#e9eff4;
  --cc-cookie-category-expanded-block-bg:transparent;
  --cc-cookie-category-expanded-block-hover-bg:#dee4e9;
  --cc-overlay-bg:rgba(0,0,0,.65);
  --cc-webkit-scrollbar-bg:var(--cc-section-category-border);
  --cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);
  --cc-footer-bg:var(--cc-btn-secondary-bg);
  --cc-footer-color:var(--cc-secondary-color);
  --cc-footer-border-color:#e4eaed;
  --cc-pm-toggle-border-radius:4em
}

#cc-main.cc--rtl{
  direction:rtl
}

#cc-main .cm__title,#cc-main a,#cc-main b,#cc-main em,#cc-main strong{
  font-weight:600
}

#cc-main button>span{
  pointer-events:none
}

#cc-main .cc__link,#cc-main a{
  background-image:linear-gradient(currentColor,currentColor);
  background-position:0 100%;
  background-repeat:no-repeat;
  background-size:0 1px;
  font-weight:600;
  position:relative;
  transition:background-size .25s,color .25s ease
}

#cc-main .cc__link:hover,#cc-main a:hover{
  background-size:100% 1px;
  color:var(--cc-primary-color)
}

#cc-main .cc__link{
  color:var(--cc-link-color)
}

#cc-main .cm__desc,#cc-main .pm__body{
  overscroll-behavior:auto contain;
  scrollbar-width:thin
}

@media screen and (min-width:640px){
  #cc-main ::-webkit-scrollbar,#cc-main ::-webkit-scrollbar-thumb,#cc-main ::-webkit-scrollbar-track{
    all:revert
  }

  #cc-main ::-webkit-scrollbar-thumb{
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    background:var(--cc-toggle-readonly-bg);
    border:.25rem solid var(--cc-bg);
    border-radius:1rem
  }

  #cc-main ::-webkit-scrollbar-thumb:hover{
    background:var(--cc-toggle-off-bg)
  }

  #cc-main ::-webkit-scrollbar{
    background:transparent;
    width:12px
  }
}

html.disable--interaction.show--consent,html.disable--interaction.show--consent body{
  height:auto!important;
  overflow:hidden!important
}

@media (prefers-reduced-motion){
  #cc-main{
    --cc-modal-transition-duration:0s
  }
}

.cc--darkmode{
  --cc-bg:#161a1c;
  --cc-primary-color:#ebf3f6;
  --cc-secondary-color:#aebbc5;
  --cc-btn-primary-bg:#c2d0e0;
  --cc-btn-primary-color:var(--cc-bg);
  --cc-btn-primary-border-color:var(--cc-btn-primary-bg);
  --cc-btn-primary-hover-bg:#98a7b6;
  --cc-btn-primary-hover-color:#000;
  --cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);
  --cc-btn-secondary-bg:#242c31;
  --cc-btn-secondary-color:var(--cc-primary-color);
  --cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);
  --cc-btn-secondary-hover-bg:#353d43;
  --cc-btn-secondary-hover-color:#fff;
  --cc-btn-secondary-hover-border-color:var(--cc-btn-secondary-hover-bg);
  --cc-separator-border-color:#222a30;
  --cc-toggle-on-bg:var(--cc-btn-primary-bg);
  --cc-toggle-off-bg:#525f6b;
  --cc-toggle-on-knob-bg:var(--cc-btn-primary-color);
  --cc-toggle-off-knob-bg:var(--cc-btn-primary-color);
  --cc-toggle-enabled-icon-color:var(--cc-btn-primary-color);
  --cc-toggle-disabled-icon-color:var(--cc-btn-primary-color);
  --cc-toggle-readonly-bg:#343e45;
  --cc-toggle-readonly-knob-bg:#5f6b72;
  --cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);
  --cc-section-category-border:#1e2428;
  --cc-cookie-category-block-bg:#1e2428;
  --cc-cookie-category-block-border:var(--cc-section-category-border);
  --cc-cookie-category-block-hover-bg:#242c31;
  --cc-cookie-category-block-hover-border:#232a2f;
  --cc-cookie-category-expanded-block-bg:transparent;
  --cc-cookie-category-expanded-block-hover-bg:var(--cc-toggle-readonly-bg);
  --cc-overlay-bg:rgba(0,0,0,.65);
  --cc-webkit-scrollbar-bg:var(--cc-section-category-border);
  --cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);
  --cc-footer-bg:#0c0e0f;
  --cc-footer-color:var(--cc-secondary-color);
  --cc-footer-border-color:#060809
}

.cc--darkmode #cc-main{
  color-scheme:dark
}

#cc-main .cm{
  background:var(--cc-bg);
  border-radius:var(--cc-modal-border-radius);
  box-shadow:0 .625em 1.875em rgba(0,0,2,.3);
  display:flex;
  flex-direction:column;
  max-width:24rem;
  opacity:0;
  overflow:hidden;
  position:fixed;
  transform:translateY(1.6em);
  visibility:hidden;
  z-index:1
}

#cc-main .cm--top{
  top:var(--cc-modal-margin)
}

#cc-main .cm--middle{
  top:50%;
  transform:translateY(calc(-50% + 1.6em))
}

#cc-main .cm--bottom{
  bottom:var(--cc-modal-margin)
}

#cc-main .cm--center{
  left:var(--cc-modal-margin);
  margin:0 auto;
  right:var(--cc-modal-margin);
  width:unset
}

#cc-main .cm--left{
  left:var(--cc-modal-margin);
  margin-right:var(--cc-modal-margin)
}

#cc-main .cm--right{
  margin-left:var(--cc-modal-margin);
  right:var(--cc-modal-margin)
}

#cc-main .cm__body{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  position:relative
}

#cc-main .cm__btns,#cc-main .cm__links{
  padding:1rem 1.3rem;
  width:unset
}

#cc-main .cm__texts{
  display:flex;
  flex:1;
  flex-direction:column;
  justify-content:center;
  padding:1rem 0 0
}

#cc-main .cm__desc,#cc-main .cm__title{
  padding:0 1.3rem
}

#cc-main .cm__title{
  font-size:1.05em
}

#cc-main .cm__title+.cm__desc{
  margin-top:1.1em
}

#cc-main .cm__desc{
  color:var(--cc-secondary-color);
  font-size:.9em;
  line-height:1.5;
  max-height:40vh;
  overflow-x:visible;
  overflow-y:auto;
  padding-bottom:1em
}

#cc-main .cm__btns{
  border-top:1px solid var(--cc-separator-border-color);
  display:flex;
  flex-direction:column;
  justify-content:center
}

#cc-main .cm__btn-group{
  display:grid;
  grid-auto-columns:minmax(0,1fr)
}

#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{
  margin-top:.375rem
}

#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{
  margin-bottom:.375rem;
  margin-top:0
}

#cc-main .cm--inline .cm__btn+.cm__btn{
  margin-left:.375rem;
  margin-top:0
}

#cc-main .cm--inline.cm--flip .cm__btn+.cm__btn{
  margin-bottom:0;
  margin-left:0;
  margin-right:.375rem
}

#cc-main .cm--inline.cm--flip .cm__btn-group+.cm__btn-group{
  margin-bottom:.375rem;
  margin-right:0
}

#cc-main .cm--wide .cm__btn+.cm__btn,#cc-main .cm--wide .cm__btn-group+.cm__btn-group{
  margin-left:.375rem;
  margin-top:0
}

#cc-main .cm--wide.cm--flip .cm__btn+.cm__btn,#cc-main .cm--wide.cm--flip .cm__btn-group+.cm__btn-group{
  margin-bottom:0;
  margin-right:.375rem
}

#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,#cc-main .cm--wide .cm__btn-group--uneven{
  display:flex;
  flex:1;
  justify-content:space-between
}

#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,#cc-main .cm--wide.cm--flip .cm__btn-group--uneven{
  flex-direction:row-reverse
}

#cc-main .cm__btn{
  background:var(--cc-btn-primary-bg);
  border:1px solid var(--cc-btn-primary-border-color);
  border-radius:var(--cc-btn-border-radius);
  color:var(--cc-btn-primary-color);
  font-size:.82em;
  font-weight:600;
  min-height:42px;
  padding:.5em 1em;
  text-align:center
}

#cc-main .cm__btn:hover{
  background:var(--cc-btn-primary-hover-bg);
  border-color:var(--cc-btn-primary-hover-border-color);
  color:var(--cc-btn-primary-hover-color)
}

#cc-main .cm__btn--secondary{
  background:var(--cc-btn-secondary-bg);
  border-color:var(--cc-btn-secondary-border-color);
  color:var(--cc-btn-secondary-color)
}

#cc-main .cm__btn--secondary:hover{
  background:var(--cc-btn-secondary-hover-bg);
  border-color:var(--cc-btn-secondary-hover-border-color);
  color:var(--cc-btn-secondary-hover-color)
}

#cc-main .cm__btn--close{
  border-radius:0;
  border-bottom-left-radius:var(--cc-btn-border-radius);
  border-right:none;
  border-top:none;
  display:none;
  font-size:1em;
  height:42px;
  min-width:auto!important;
  overflow:hidden;
  padding:0!important;
  position:absolute;
  right:0;
  top:0;
  width:42px
}

#cc-main .cm__btn--close svg{
  stroke:var(--cc-btn-primary-color);
  transform:scale(.5);
  transition:stroke .15s ease
}

#cc-main .cm__btn--close:hover svg{
  stroke:var(--cc-btn-primary-hover-color)
}

#cc-main .cm__btn--close.cm__btn--secondary svg{
  stroke:var(--cc-btn-secondary-color)
}

#cc-main .cm__btn--close.cm__btn--secondary:hover svg{
  stroke:var(--cc-btn-secondary-hover-color)
}

#cc-main .cm__btn--close+.cm__texts .cm__title{
  padding-right:3rem
}

#cc-main .cm--inline .cm__btn-group{
  grid-auto-flow:column
}

#cc-main .cm__footer{
  background:var(--cc-footer-bg);
  border-top:1px solid var(--cc-footer-border-color);
  color:var(--cc-footer-color);
  padding:.4em 0 .5em
}

#cc-main .cm__links{
  display:flex;
  flex-direction:row;
  padding-bottom:0;
  padding-top:0
}

#cc-main .cm__link-group{
  display:flex;
  flex-direction:row;
  font-size:.8em;
  width:100%
}

#cc-main .cm__link-group>*+*{
  margin-left:1.3rem
}

#cc-main .cm--flip .cm__btn:last-child{
  grid-row:1
}

#cc-main .cm--inline.cm--flip .cm__btn:last-child{
  grid-column:1
}

#cc-main .cm--box .cm__btn--close{
  display:block
}

#cc-main .cm--box.cm--flip .cm__btns{
  flex-direction:column-reverse
}

#cc-main .cm--box.cm--wide{
  max-width:36em
}

#cc-main .cm--box.cm--wide .cm__btns{
  flex-direction:row;
  justify-content:space-between
}

#cc-main .cm--box.cm--wide .cm__btn-group{
  grid-auto-flow:column
}

#cc-main .cm--box.cm--wide .cm__btn{
  min-width:120px;
  padding-left:1.8em;
  padding-right:1.8em
}

#cc-main .cm--box.cm--wide.cm--flip .cm__btns{
  flex-direction:row-reverse
}

#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child{
  grid-column:1
}

#cc-main .cm--cloud{
  max-width:54em;
  width:unset
}

#cc-main .cm--cloud .cm__body{
  flex-direction:row
}

#cc-main .cm--cloud .cm__texts{
  flex:1
}

#cc-main .cm--cloud .cm__desc{
  max-height:9.4em
}

#cc-main .cm--cloud .cm__btns{
  border-left:1px solid var(--cc-separator-border-color);
  border-top:none;
  max-width:23em
}

#cc-main .cm--cloud .cm__btn-group{
  flex-direction:column
}

#cc-main .cm--cloud .cm__btn{
  min-width:19em
}

#cc-main .cm--cloud.cm--flip .cm__btn-group,#cc-main .cm--cloud.cm--flip .cm__btns{
  flex-direction:column-reverse
}

#cc-main .cm--cloud.cm--inline .cm__btn-group{
  flex-direction:row
}

#cc-main .cm--cloud.cm--inline .cm__btn{
  min-width:10em
}

#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group{
  flex-direction:row-reverse
}

#cc-main .cm--bar{
  border-radius:0;
  left:0;
  margin:0;
  max-width:unset;
  opacity:1;
  right:0;
  transform:translateY(0);
  width:100vw;
  --cc-modal-transition-duration:.35s
}

#cc-main .cm--bar.cm--top{
  top:0;
  transform:translateY(-100%)
}

#cc-main .cm--bar.cm--bottom{
  bottom:0;
  transform:translateY(100%)
}

#cc-main .cm--bar .cm__body,#cc-main .cm--bar .cm__links{
  margin:0 auto;
  max-width:55em;
  width:100%
}

#cc-main .cm--bar .cm__body{
  padding:.5em 0 .9em
}

#cc-main .cm--bar .cm__btns{
  border-top:none;
  flex-direction:row;
  justify-content:space-between
}

#cc-main .cm--bar .cm__btn-group{
  grid-auto-flow:column
}

#cc-main .cm--bar:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar:not(.cm--inline) .cm__btn-group+.cm__btn-group{
  margin-left:.375rem;
  margin-top:0
}

#cc-main .cm--bar .cm__btn{
  min-width:120px;
  padding-left:2em;
  padding-right:2em
}

#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group+.cm__btn-group{
  margin-bottom:0;
  margin-left:0;
  margin-right:.375rem
}

#cc-main .cm--bar.cm--flip .cm__btns{
  flex-direction:row-reverse
}

#cc-main .cm--bar.cm--flip .cm__btn:last-child{
  grid-column:1
}

#cc-main .cm--bar.cm--inline .cm__body,#cc-main .cm--bar.cm--inline .cm__links{
  max-width:74em
}

#cc-main .cm--bar.cm--inline .cm__body{
  flex-direction:row;
  padding:0
}

#cc-main .cm--bar.cm--inline .cm__btns{
  flex-direction:column;
  justify-content:center;
  max-width:23em
}

#cc-main .cm--bar.cm--inline.cm--flip .cm__btns{
  flex-direction:column-reverse
}

#cc-main .cc--anim .cm,#cc-main .cc--anim.cm-wrapper:before{
  transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease
}

#cc-main .cc--anim .cm__btn,#cc-main .cc--anim .cm__close{
  transition:background-color .15s ease,border-color .15s ease,color .15s ease
}

.disable--interaction #cc-main .cm-wrapper:before{
  background:var(--cc-overlay-bg);
  bottom:0;
  content:"";
  left:0;
  opacity:0;
  position:fixed;
  right:0;
  top:0;
  visibility:hidden;
  z-index:0
}

.show--consent #cc-main .cc--anim .cm{
  opacity:1;
  transform:translateY(0);
  visibility:visible!important
}

.show--consent #cc-main .cc--anim .cm--middle{
  transform:translateY(-50%)
}

.show--consent #cc-main .cc--anim .cm--bar{
  transform:translateY(0)
}

.show--consent #cc-main .cc--anim.cm-wrapper:before{
  opacity:1;
  visibility:visible
}

#cc-main.cc--rtl .cm__btn--close{
  border-bottom-left-radius:unset;
  border-bottom-right-radius:var(--cc-btn-border-radius);
  left:0;
  right:unset
}

#cc-main.cc--rtl .cm__btn--close+.cm__texts .cm__title{
  padding-left:3rem!important;
  padding-right:1.3rem
}

#cc-main.cc--rtl .cm--inline .cm__btn+.cm__btn{
  margin-left:0;
  margin-right:.375rem
}

#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn+.cm__btn{
  margin-left:.375rem;
  margin-right:0
}

#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group+.cm__btn-group,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group+.cm__btn-group{
  margin-left:0;
  margin-right:.375rem
}

#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn+.cm__btn{
  margin-left:.375rem;
  margin-right:0
}

#cc-main.cc--rtl .cm__link-group>*+*{
  margin-left:0;
  margin-right:1.3rem
}

@media screen and (max-width:640px){
  #cc-main{
    --cc-modal-margin:.5em
  }

  #cc-main .cm{
    max-width:none!important;
    width:auto!important
  }

  #cc-main .cm__body{
    flex-direction:column!important;
    padding:0!important
  }

  #cc-main .cm__btns,#cc-main .cm__desc,#cc-main .cm__links,#cc-main .cm__title{
    padding-left:1.1rem!important;
    padding-right:1.1rem!important
  }

  #cc-main .cm__btns{
    border-left:none!important;
    border-top:1px solid var(--cc-separator-border-color)!important;
    flex-direction:column!important;
    max-width:none!important;
    min-width:auto!important
  }

  #cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{
    margin:.375rem 0 0!important
  }

  #cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{
    margin-bottom:.375rem!important;
    margin-top:0!important
  }

  #cc-main .cm__btn-group{
    display:flex!important;
    flex-direction:column!important;
    min-width:auto!important
  }

  #cc-main .cm__btn{
    flex:auto!important
  }

  #cc-main .cm__link-group{
    justify-content:center!important
  }

  #cc-main .cm--flip .cm__btn-group,#cc-main .cm--flip .cm__btns{
    flex-direction:column-reverse!important
  }
}

#cc-main .pm-wrapper{
  position:relative;
  z-index:2
}

#cc-main .pm{
  background:var(--cc-bg);
  border-radius:var(--cc-modal-border-radius);
  box-shadow:0 .625em 1.875em rgba(0,0,2,.3);
  display:flex;
  flex-direction:column;
  opacity:0;
  overflow:hidden;
  position:fixed;
  visibility:hidden;
  width:100%;
  width:unset;
  z-index:1
}

#cc-main svg{
  fill:none;
  width:100%
}

#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{
  padding:1em 1.4em
}

#cc-main .pm__header{
  align-items:center;
  border-bottom:1px solid var(--cc-separator-border-color);
  display:flex;
  justify-content:space-between
}

#cc-main .pm__title{
  align-items:center;
  display:flex;
  flex:1;
  font-weight:600;
  margin-right:2em
}

#cc-main .pm__close-btn{
  background:var(--cc-btn-secondary-bg);
  border:1px solid var(--cc-btn-secondary-border-color);
  border-radius:var(--cc-btn-border-radius);
  height:40px;
  position:relative;
  transition:all .15s ease;
  width:40px
}

#cc-main .pm__close-btn span{
  display:flex;
  height:100%;
  width:100%
}

#cc-main .pm__close-btn svg{
  stroke:var(--cc-btn-secondary-color);
  transform:scale(.5);
  transition:stroke .15s ease
}

#cc-main .pm__close-btn:hover{
  background:var(--cc-btn-secondary-hover-bg);
  border-color:var(--cc-btn-secondary-hover-border-color)
}

#cc-main .pm__close-btn:hover svg{
  stroke:var(--cc-btn-secondary-hover-color)
}

#cc-main .pm__body{
  flex:1;
  overflow-y:auto;
  overflow-y:overlay
}

#cc-main .pm__section,#cc-main .pm__section--toggle{
  border-radius:var(--cc-btn-border-radius);
  display:flex;
  flex-direction:column;
  margin-bottom:.5em
}

#cc-main .pm__section--toggle .pm__section-desc-wrapper{
  border:1px solid var(--cc-cookie-category-block-border);
  border-radius:var(--cc-btn-border-radius);
  border-top:none;
  border-top-left-radius:0;
  border-top-right-radius:0;
  display:none;
  margin-top:0!important;
  overflow:hidden
}

#cc-main .pm__section{
  border:1px solid var(--cc-separator-border-color);
  padding:1em;
  transition:background-color .25s ease,border-color .25s ease
}

#cc-main .pm__section:first-child{
  border:none;
  margin-bottom:2em;
  margin-top:0;
  padding:0;
  transition:none
}

#cc-main .pm__section:not(:first-child):hover{
  background:var(--cc-cookie-category-block-bg);
  border-color:var(--cc-cookie-category-block-border)
}

#cc-main .pm__section-toggles+.pm__section{
  margin-top:2em
}

#cc-main .pm__section--toggle{
  background:var(--cc-cookie-category-block-bg);
  border-top:none;
  margin-bottom:.375rem
}

#cc-main .pm__section--toggle .pm__section-title{
  align-items:center;
  background:var(--cc-cookie-category-block-bg);
  border:1px solid var(--cc-cookie-category-block-border);
  display:flex;
  justify-content:space-between;
  min-height:58px;
  padding:1.1em 5.4em 1.1em 1.2em;
  position:relative;
  transition:background-color .25s ease,border-color .25s ease;
  width:100%
}

#cc-main .pm__section--toggle .pm__section-title:hover{
  background:var(--cc-cookie-category-block-hover-bg);
  border-color:var(--cc-cookie-category-block-hover-border)
}

#cc-main .pm__section--toggle .pm__section-desc{
  margin-top:0;
  padding:1em
}

#cc-main .pm__section--toggle.is-expanded{
  --cc-cookie-category-block-bg:var(--cc-cookie-category-expanded-block-bg);
  --cc-cookie-category-block-border:var(--cc-cookie-category-expanded-block-hover-bg)
}

#cc-main .pm__section--toggle.is-expanded .pm__section-title{
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}

#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg{
  transform:scale(.5) rotate(180deg)
}

#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper{
  display:flex
}

#cc-main .pm__section--expandable .pm__section-title{
  cursor:pointer;
  padding-left:3.4em
}

#cc-main .pm__section--expandable .pm__section-arrow{
  background:var(--cc-toggle-readonly-bg);
  border-radius:100%;
  display:flex;
  height:20px;
  justify-content:center;
  left:18px;
  pointer-events:none;
  position:absolute;
  width:20px
}

#cc-main .pm__section--expandable .pm__section-arrow svg{
  stroke:var(--cc-btn-secondary-color);
  transform:scale(.5)
}

#cc-main .pm__section-title-wrapper{
  align-items:center;
  display:flex;
  position:relative
}

#cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper{
  margin-top:.85em
}

#cc-main .pm__section-title{
  border-radius:var(--cc-btn-border-radius);
  font-size:.95em;
  font-weight:600
}

#cc-main .pm__badge{
  align-items:center;
  background:var(--cc-btn-secondary-bg);
  border-radius:5em;
  color:var(--cc-secondary-color);
  display:flex;
  flex:none;
  font-size:.8em;
  font-weight:600;
  height:23px;
  justify-content:center;
  margin-left:1em;
  min-width:23px;
  overflow:hidden;
  padding:0 .6em 1px;
  position:relative;
  text-align:center;
  white-space:nowrap;
  width:auto
}

#cc-main .pm__service-counter{
  background:var(--cc-btn-primary-bg);
  color:var(--cc-btn-primary-color);
  padding:0;
  width:23px
}

#cc-main .pm__service-counter[data-counterlabel]{
  padding:0 .6em 1px;
  width:auto
}

#cc-main .section__toggle,#cc-main .section__toggle-wrapper,#cc-main .toggle__icon,#cc-main .toggle__label{
  border-radius:var(--cc-pm-toggle-border-radius);
  height:23px;
  transform:translateZ(0);
  width:50px
}

#cc-main .section__toggle-wrapper{
  cursor:pointer;
  position:absolute;
  right:18px;
  z-index:1
}

#cc-main .toggle-service{
  height:19px;
  position:relative;
  right:0;
  width:42px
}

#cc-main .toggle-service .section__toggle,#cc-main .toggle-service .toggle__icon,#cc-main .toggle-service .toggle__label{
  height:19px;
  width:42px
}

#cc-main .toggle-service .toggle__icon{
  position:relative
}

#cc-main .toggle-service .toggle__icon-circle{
  height:19px;
  width:19px
}

#cc-main .toggle-service .section__toggle:checked~.toggle__icon .toggle__icon-circle{
  transform:translateX(23px)
}

#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after{
  display:none!important
}

#cc-main .section__toggle{
  border:0;
  cursor:pointer;
  display:block;
  left:0;
  margin:0;
  position:absolute;
  top:0
}

#cc-main .section__toggle:disabled{
  cursor:not-allowed
}

#cc-main .toggle__icon{
  background:var(--cc-toggle-off-bg);
  box-shadow:0 0 0 1px var(--cc-toggle-off-bg);
  display:flex;
  flex-direction:row;
  pointer-events:none;
  position:absolute;
  transition:all .25s ease
}

#cc-main .toggle__icon-circle{
  background:var(--cc-toggle-off-knob-bg);
  border:none;
  border-radius:var(--cc-pm-toggle-border-radius);
  box-shadow:0 1px 2px rgba(24,32,3,.36);
  display:block;
  height:23px;
  left:0;
  position:absolute;
  top:0;
  transition:transform .25s ease,background-color .25s ease;
  width:23px
}

#cc-main .toggle__icon-off,#cc-main .toggle__icon-on{
  height:100%;
  position:absolute;
  transition:opacity .15s ease;
  width:100%
}

#cc-main .toggle__icon-on{
  opacity:0;
  transform:rotate(45deg)
}

#cc-main .toggle__icon-on svg{
  stroke:var(--cc-toggle-on-bg);
  transform:scale(.55) rotate(-45deg)
}

#cc-main .toggle__icon-off{
  opacity:1
}

#cc-main .toggle__icon-off svg{
  stroke:var(--cc-toggle-off-bg);
  transform:scale(.55)
}

#cc-main .section__toggle:checked~.toggle__icon{
  background:var(--cc-toggle-on-bg);
  box-shadow:0 0 0 1px var(--cc-toggle-on-bg)
}

#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle{
  background-color:var(--cc-toggle-on-knob-bg);
  transform:translateX(27px)
}

#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-on{
  opacity:1
}

#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-off{
  opacity:0
}

#cc-main .section__toggle:checked:disabled~.toggle__icon{
  background:var(--cc-toggle-readonly-bg);
  box-shadow:0 0 0 1px var(--cc-toggle-readonly-bg)
}

#cc-main .section__toggle:checked:disabled~.toggle__icon .toggle__icon-circle{
  background:var(--cc-toggle-readonly-knob-bg);
  box-shadow:none
}

#cc-main .section__toggle:checked:disabled~.toggle__icon svg{
  stroke:var(--cc-toggle-readonly-knob-icon-color)
}

#cc-main .toggle__label{
  opacity:0;
  overflow:hidden;
  pointer-events:none;
  position:absolute;
  top:0;
  z-index:-1
}

#cc-main .pm__section-desc-wrapper{
  color:var(--cc-secondary-color);
  display:flex;
  flex-direction:column;
  font-size:.9em
}

#cc-main .pm__section-desc-wrapper>:not(:last-child){
  border-bottom:1px solid var(--cc-cookie-category-block-border)
}

#cc-main .pm__section-services{
  display:flex;
  flex-direction:column
}

#cc-main .pm__service{
  align-items:center;
  display:flex;
  justify-content:space-between;
  padding:.4em 1.2em;
  position:relative;
  transition:background-color .15s ease
}

#cc-main .pm__service:hover{
  background-color:var(--cc-cookie-category-block-hover-bg)
}

#cc-main .pm__service-header{
  align-items:center;
  display:flex;
  margin-right:1em;
  width:100%
}

#cc-main .pm__service-icon{
  border:2px solid;
  border-radius:100%;
  height:8px;
  margin-left:6px;
  margin-right:20px;
  margin-top:1px;
  min-width:8px
}

#cc-main .pm__service-title{
  font-size:.95em;
  width:100%;
  word-break:break-word
}

#cc-main .pm__section-desc{
  line-height:1.5em
}

#cc-main .pm__section-table{
  border-collapse:collapse;
  font-size:.9em;
  margin:0;
  overflow:hidden;
  padding:0;
  text-align:left;
  width:100%
}

#cc-main .pm__table-caption{
  text-align:left
}

#cc-main .pm__table-caption,#cc-main .pm__table-head>tr{
  border-bottom:1px dashed var(--cc-separator-border-color);
  color:var(--cc-primary-color);
  font-weight:600
}

#cc-main .pm__table-tr{
  transition:background-color .15s ease
}

#cc-main .pm__table-tr:hover{
  background:var(--cc-cookie-category-block-hover-bg)
}

#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th{
  padding:.625em .625em .625em 1.2em;
  vertical-align:top
}

#cc-main .pm__footer{
  border-top:1px solid var(--cc-separator-border-color);
  display:flex;
  justify-content:space-between
}

#cc-main .pm__btn-group{
  display:flex
}

#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{
  margin-left:.375rem
}

#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{
  margin-left:0;
  margin-right:.375rem
}

#cc-main .pm__btn{
  background:var(--cc-btn-primary-bg);
  border:1px solid var(--cc-btn-primary-border-color);
  border-radius:var(--cc-btn-border-radius);
  color:var(--cc-btn-primary-color);
  flex:auto;
  font-size:.82em;
  font-weight:600;
  min-height:42px;
  min-width:110px;
  padding:.5em 1.5em;
  text-align:center;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease
}

#cc-main .pm__btn:hover{
  background:var(--cc-btn-primary-hover-bg);
  border-color:var(--cc-btn-primary-hover-border-color);
  color:var(--cc-btn-primary-hover-color)
}

#cc-main .pm__btn--secondary{
  background:var(--cc-btn-secondary-bg);
  border-color:var(--cc-btn-secondary-border-color);
  color:var(--cc-btn-secondary-color)
}

#cc-main .pm__btn--secondary:hover{
  background:var(--cc-btn-secondary-hover-bg);
  border-color:var(--cc-btn-secondary-hover-border-color);
  color:var(--cc-btn-secondary-hover-color)
}

#cc-main .pm--box{
  height:calc(100% - 2em);
  left:var(--cc-modal-margin);
  margin:0 auto;
  max-height:37.5em;
  max-width:43em;
  right:var(--cc-modal-margin);
  top:50%;
  transform:translateY(calc(-50% + 1.6em))
}

#cc-main .pm--box.pm--flip .pm__btn-group,#cc-main .pm--box.pm--flip .pm__footer{
  flex-direction:row-reverse
}

#cc-main .pm--bar{
  border-radius:0;
  bottom:0;
  height:100%;
  margin:0;
  max-height:none;
  max-width:29em;
  opacity:1;
  top:0;
  width:100%;
  --cc-modal-transition-duration:.35s
}

#cc-main .pm--bar .pm__section-table,#cc-main .pm--bar .pm__table-body,#cc-main .pm--bar .pm__table-td,#cc-main .pm--bar .pm__table-th,#cc-main .pm--bar .pm__table-tr{
  display:block
}

#cc-main .pm--bar .pm__table-head{
  display:none
}

#cc-main .pm--bar .pm__table-caption{
  display:block
}

#cc-main .pm--bar .pm__table-tr:not(:last-child){
  border-bottom:1px solid var(--cc-separator-border-color)
}

#cc-main .pm--bar .pm__table-td{
  display:flex;
  justify-content:space-between
}

#cc-main .pm--bar .pm__table-td:before{
  color:var(--cc-primary-color);
  content:attr(data-column);
  flex:1;
  font-weight:600;
  min-width:100px;
  overflow:hidden;
  padding-right:2em;
  text-overflow:ellipsis
}

#cc-main .pm--bar .pm__table-td>div{
  flex:3
}

#cc-main .pm--bar:not(.pm--wide) .pm__body,#cc-main .pm--bar:not(.pm--wide) .pm__footer,#cc-main .pm--bar:not(.pm--wide) .pm__header{
  padding:1em 1.3em
}

#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,#cc-main .pm--bar:not(.pm--wide) .pm__footer{
  flex-direction:column
}

#cc-main .pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{
  margin:.375rem 0 0
}

#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer{
  flex-direction:column-reverse
}

#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group+.pm__btn-group{
  margin-bottom:.375rem;
  margin-top:0
}

#cc-main .pm--bar:not(.pm--wide) .pm__badge{
  display:none
}

#cc-main .pm--bar.pm--left{
  left:0;
  transform:translateX(-100%)
}

#cc-main .pm--bar.pm--right{
  right:0;
  transform:translateX(100%)
}

#cc-main .pm--bar.pm--wide{
  max-width:35em
}

#cc-main .pm--bar.pm--wide .pm__body,#cc-main .pm--bar.pm--wide .pm__footer,#cc-main .pm--bar.pm--wide .pm__header{
  padding:1em 1.4em
}

#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,#cc-main .pm--bar.pm--wide.pm--flip .pm__footer{
  flex-direction:row-reverse
}

#cc-main .pm-overlay{
  background:var(--cc-overlay-bg);
  bottom:0;
  content:"";
  left:0;
  opacity:0;
  position:fixed;
  right:0;
  top:0;
  visibility:hidden;
  z-index:1
}

#cc-main .cc--anim .pm,#cc-main .cc--anim .pm-overlay{
  transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease
}

.show--preferences #cc-main .cc--anim .pm{
  opacity:1;
  visibility:visible!important
}

.show--preferences #cc-main .cc--anim .pm--box{
  transform:translateY(-50%)
}

.show--preferences #cc-main .cc--anim .pm--bar{
  transform:translateX(0)
}

.show--preferences #cc-main .cc--anim .pm-overlay{
  opacity:1;
  visibility:visible
}

#cc-main.cc--rtl .pm__service-header{
  margin-left:1em;
  margin-right:0
}

#cc-main.cc--rtl .pm__section-arrow{
  left:unset;
  right:18px
}

#cc-main.cc--rtl .section__toggle-wrapper{
  left:18px;
  right:unset;
  transform-origin:left
}

#cc-main.cc--rtl .toggle-service{
  left:0
}

#cc-main.cc--rtl .pm__service-icon{
  margin-left:20px;
  margin-right:5px
}

#cc-main.cc--rtl .pm__section--toggle .pm__section-title{
  padding-left:5.4em;
  padding-right:1.2em
}

#cc-main.cc--rtl .pm__section--expandable .pm__section-title{
  padding-right:3.4em
}

#cc-main.cc--rtl .pm__badge{
  margin-left:unset;
  margin-right:1em
}

#cc-main.cc--rtl .toggle__icon-circle{
  transform:translateX(27px)
}

#cc-main.cc--rtl .toggle-service .toggle__icon-circle{
  transform:translateX(23px)
}

#cc-main.cc--rtl .section__toggle:checked~.toggle__icon .toggle__icon-circle{
  transform:translateX(0)
}

#cc-main.cc--rtl .pm__table-td,#cc-main.cc--rtl .pm__table-th{
  padding-left:unset;
  padding-right:1.2em;
  text-align:right
}

#cc-main.cc--rtl .pm__table-td{
  padding-left:unset;
  padding-right:1.2em
}

#cc-main.cc--rtl .pm__table-td:before{
  padding-left:2em;
  padding-right:unset
}

#cc-main.cc--rtl .pm__btn+.pm__btn,#cc-main.cc--rtl .pm__btn-group+.pm__btn-group{
  margin-left:0;
  margin-right:.375rem
}

#cc-main.cc--rtl .pm--flip .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip .pm__btn-group+.pm__btn-group{
  margin-left:.375rem;
  margin-right:0
}

#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{
  margin-left:0
}

@media screen and (max-width:640px){
  #cc-main .pm{
    border-radius:0;
    bottom:0;
    height:auto;
    left:0;
    max-height:100%;
    max-width:none!important;
    right:0;
    top:0;
    transform:translateY(1.6em)
  }

  #cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{
    padding:.9em!important
  }

  #cc-main .pm__badge{
    display:none
  }

  #cc-main .pm__section-table,#cc-main .pm__table-body,#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th,#cc-main .pm__table-tr{
    display:block
  }

  #cc-main .pm__table-head{
    display:none
  }

  #cc-main .pm__table-tr:not(:last-child){
    border-bottom:1px solid var(--cc-separator-border-color)
  }

  #cc-main .pm__table-td{
    display:flex;
    justify-content:space-between
  }

  #cc-main .pm__table-td:before{
    color:var(--cc-primary-color);
    content:attr(data-column);
    flex:1;
    font-weight:600;
    min-width:100px;
    overflow:hidden;
    padding-right:2em;
    text-overflow:ellipsis
  }

  #cc-main .pm__table-td>div{
    flex:3
  }

  #cc-main .pm__btn-group,#cc-main .pm__footer{
    flex-direction:column!important
  }

  #cc-main .pm__btn-group{
    display:flex!important
  }

  #cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{
    margin:.375rem 0 0!important
  }

  #cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{
    margin-bottom:.375rem!important;
    margin-top:0!important
  }

  #cc-main .pm--flip .pm__btn-group,#cc-main .pm--flip .pm__footer{
    flex-direction:column-reverse!important
  }

  .show--preferences #cc-main .cc--anim .pm{
    transform:translateY(0)!important
  }
}

/* Tailwind */

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: currentColor;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

html{
  overscroll-behavior: none;
}

body{
  font-size: 1.25rem;
  font-feature-settings: "liga" on, "dlig" on;
  -webkit-font-feature-settings: "liga" on, "dlig" on;
  -moz-font-feature-settings: "liga" on, "dlig" on;
  -ms-font-feature-settings: "liga" on, "dlig" on;
  line-height: 1.875rem;
  font-weight: 500;
  background: #FFF;
  font-family: Hanken Grotesk, sans-serif;
  color: #0C2D62;
  overflow-x: hidden;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  image-rendering: optimizeQuality;
  text-rendering: optimizeLegibility;
}

*::-moz-selection {
  background: #32A2EA;
  color: #F8FAFF;
}

*::selection {
  background: #32A2EA;
  color: #F8FAFF;
}

a::-moz-selection {
  color: #F8FAFF;
}

a::selection {
  color: #F8FAFF;
}

p{
  padding: 0;
}

strong{
  font-weight: normal;
}

a{
  transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
}

a:focus{
    outline-color: currentColor;
  }

button{
  border-radius: 0;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
}

button:focus{
    outline-color: currentColor;
  }

input:focus,select:focus{
    outline: none;
  }

cite{
  font-style: normal;
}

picture{
  display: block;
}

img{
  max-width: inherit;
}

foreignObject,
    svg{
  overflow: inherit;
}

@font-face {
  font-family: 'icomoon';

  src:url("../fonts/icomoon.eot?-azerty");

  src:url("../fonts/icomoon.eot?#iefix-azerty") format('embedded-opentype'),
            url("../fonts/icomoon.woff?-azerty") format('woff'),
            url("../fonts/icomoon.ttf?-azerty") format('truetype'),
            url("../fonts/icomoon.svg?-azerty#icomoon") format('svg');

  font-weight: normal;

  font-style: normal;

  font-display: swap;
}

.icon:after,
    .icon:before,
        [class^="icon-"]:before, [class*=" icon-"]:after,
        [class^="icon-"]:after, [class*=" icon-"]:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"] span.hidden,
        [class*=" icon-"] span.hidden{
  display: inline-block;
  height: 0;
  width: 0;
  overflow: hidden;
}

.icon-plus:before {
  content: "\e900";
}

.icon-linkedin:before {
  content: "\e901";
}

.icon-arrow-left:before {
  content: "\e902";
}

.icon-arrow-right:before {
  content: "\e903";
}

.icon-arrow-up-right:before {
  content: "\e904";
}

.icon-play:before {
  content: "\e905";
}

.container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}

@media (min-width: 480px){
  .container{
    max-width: 480px;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

@media (min-width: 640px){
  .container{
    max-width: 640px;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}

@media (min-width: 768px){
  .container{
    max-width: 768px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 1020px){
  .container{
    max-width: 1020px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 1360px){
  .container{
    max-width: 1360px;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}

.Stage-transition{
    pointer-events: none;
  }

.Stage-transition{
    position: fixed;
  }

.Stage-transition{
    top: 0px;
  }

.Stage-transition{
    left: 0px;
  }

.Stage-transition{
    z-index: 50;
  }

.Stage-transition{
    height: 100vh;
  }

.Stage-transition{
    width: 100vw;
  }

.Stage-background{
    position: absolute;
  }

.Stage-background{
    top: 0px;
  }

.Stage-background{
    left: 0px;
  }

.Stage-background{
    height: 100vh;
  }

.Stage-background{
    width: 100vw;
  }

.Stage-background{
    transform-origin: center;
  }

.SiteHeader{
  position: fixed;
  z-index: 50;
  width: 100%;
  border-bottom-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.4em;
  font-weight: 500;
}

@media (min-width: 1020px){
  .SiteHeader{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

@media (min-width: 1360px){
  .SiteHeader{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

.SiteHeader {
  letter-spacing: -0.5px;
}

.SiteHeader-nav {
    --gradient-angle: 473deg;
  }

@media (max-height: 500px) and (orientation: landscape) {

.SiteHeader-nav {
      padding-top: 4.5rem !important
  }
    }

.SiteHeader-nav #menu{
      display: flex;
    }

.SiteHeader-nav #menu{
      flex-direction: column;
    }

@media (min-width: 1020px){
      .SiteHeader-nav #menu{
        flex-direction: row;
      }
    }

@media (min-width: 1020px){
      .SiteHeader-nav #menu{
        gap: 1rem;
      }
    }

@media (min-width: 1360px){
      .SiteHeader-nav #menu{
        gap: 2rem;
      }
    }

.SiteHeader-nav #menu a{
        font-size: 24px;
      }

.SiteHeader-nav #menu a{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }

@media (min-width: 768px){
        .SiteHeader-nav #menu a{
          font-size: 28px;
        }
      }

@media (min-width: 1020px){
        .SiteHeader-nav #menu a{
          font-size: 1.125rem;
          line-height: 1.4em;
        }
      }

@media (min-width: 1020px){
        .SiteHeader-nav #menu a{
          color: rgb(12 45 98 / 0.5);
        }
      }

@media (max-width: 1020px) {

.SiteHeader-nav #menu a {
          display: flex;

          justify-content: space-between;

          align-items: center;

          width: 100%;

          padding: 20px 0;

          border-bottom: 1px solid rgba(255, 255, 255, 0.25)
      }

          .SiteHeader-nav #menu a:after{
            font-size: 1.5rem;
            line-height: 1.375em;
          }

          @media not all and (min-width: 640px){
            .SiteHeader-nav #menu a:after{
              font-size: 1.25rem !important;
              line-height: 1.375em !important;
            }
          }

          .SiteHeader-nav #menu a:after{
            letter-spacing: -0.03em;
          }

          .SiteHeader-nav #menu a:after {
            content: "\e904";
            font-family: 'icomoon';
          }
        }

@media (max-width: 768px) {

.SiteHeader-nav #menu a {
          padding: 18px 0
      }
        }

@media (max-height: 500px) and (orientation: landscape) {

.SiteHeader-nav #menu a {
          padding: 10px 0;

          font-size: 1.25rem
      }
        }

@media (min-width: 1020px){
          .SiteHeader-nav #menu a:hover,
                    .SiteHeader-nav #menu a:focus{
            --tw-text-opacity: 1;
            color: rgb(12 45 98 / var(--tw-text-opacity, 1));
          }
        }

.SiteHeader-nav #menu li{
        position: relative;
      }

.SiteHeader-nav #menu li{
        display: flex;
      }

@media (max-width: 1020px) {
            .SiteHeader-nav #menu li:last-child:not(.current-menu-item) a{
              border: none;
            }
          }

.SiteHeader-nav #menu li.current-menu-item>a,.SiteHeader-nav #menu li.current_page_parent>a{
            --tw-border-opacity: 1;
            border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
          }

@media (min-width: 1020px){
            .SiteHeader-nav #menu li.current-menu-item>a,.SiteHeader-nav #menu li.current_page_parent>a{
              border-color: transparent;
            }
          }

@media (min-width: 1020px){
            .SiteHeader-nav #menu li.current-menu-item>a,.SiteHeader-nav #menu li.current_page_parent>a{
              --tw-text-opacity: 1;
              color: rgb(12 45 98 / var(--tw-text-opacity, 1));
            }
          }

@media (max-width: 768px) {
      .SiteHeader-logo svg{
        width: 107px;
        height: auto;
      }
    }

.SiteHeader-logo svg path{
      transition: all 0.6s ease-out;
    }

.SiteHeader-logo.is-open svg path:not(.dot) {
      fill: #fff;
    }

.SiteHeader-logo .dot{
      transition: all 0.15s ease-out;
    }

.SiteHeader-logo:hover .dot,.SiteHeader-logo:focus .dot{
        transform: translateY(-6px);
        fill: #32A2EA;
      }

.SiteHeader.headroom {
    will-change: transform;
    transition: all 200ms linear;
  }

.SiteHeader.headroom--pinned {
    transform: translateY(0%);
  }

.SiteHeader.headroom--pinned.headroom--not-top{
      --tw-border-opacity: 1;
      border-color: rgb(236 238 244 / var(--tw-border-opacity, 1));
    }

.SiteHeader.headroom--pinned.headroom--not-top{
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }

.SiteHeader.headroom--pinned.headroom--not-top{
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }

.SiteHeader.headroom--pinned.headroom--not-top .btn--shadow:not(.not-blue){
        --tw-bg-opacity: 1;
        background-color: rgb(50 162 234 / var(--tw-bg-opacity, 1));
      }

.SiteHeader.headroom--pinned.headroom--not-top .btn--shadow:not(.not-blue){
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }

.SiteHeader.headroom--pinned.headroom--not-top .btn--shadow:not(.not-blue):hover,.SiteHeader.headroom--pinned.headroom--not-top .btn--shadow:not(.not-blue):focus{
        --tw-bg-opacity: 1;
        background-color: rgb(12 45 98 / var(--tw-bg-opacity, 1));
      }

.SiteHeader.headroom--pinned.headroom--not-top .btn--shadow:not(.not-blue):hover,.SiteHeader.headroom--pinned.headroom--not-top .btn--shadow:not(.not-blue):focus{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }

.SiteHeader.headroom--pinned.headroom--not-top .btn--shadow:not(.not-blue):hover,.SiteHeader.headroom--pinned.headroom--not-top .btn--shadow:not(.not-blue):focus{
        --tw-bg-opacity: 1;
        background-color: rgb(12 45 98 / var(--tw-bg-opacity, 1));
      }

.SiteHeader.headroom--pinned.headroom--not-top .btn--shadow:not(.not-blue):hover,.SiteHeader.headroom--pinned.headroom--not-top .btn--shadow:not(.not-blue):focus{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }

.SiteHeader.headroom--not-top .SiteHeader-button svg{
        stroke: #0C2D62;
      }

.SiteHeader.headroom--unpinned {
    transform: translateY(-100%);
  }

/* Transparent header */

.SiteHeader--transparent:not(.headroom--not-top){
    background-color: transparent;
  }

.SiteHeader--transparent:not(.headroom--not-top) .SiteHeader-nav #menu a{
        color: rgb(255 255 255 / 0.7);
      }

.SiteHeader--transparent:not(.headroom--not-top) .SiteHeader-nav #menu a:hover,
                    .SiteHeader--transparent:not(.headroom--not-top) .SiteHeader-nav #menu a:focus{
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity, 1));
        }

.SiteHeader--transparent:not(.headroom--not-top) .SiteHeader-nav #menu li.current-menu-item>a,.SiteHeader--transparent:not(.headroom--not-top) .SiteHeader-nav #menu li.current_page_parent>a{
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity, 1));
          }

.SiteHeader--transparent:not(.headroom--not-top) svg>path:first-child{
      fill: #FFF;
    }

.SiteHeader--transparent:not(.headroom--not-top) .btn--outline{
      --tw-border-opacity: 1;
      border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    }

.SiteHeader--transparent:not(.headroom--not-top) .btn--outline{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }

.SiteHeader--transparent:not(.headroom--not-top) .btn--outline:hover{
        border-color: transparent;
      }

.SiteHeader-button{
    position: relative;
  }

.SiteHeader-button{
    z-index: 10;
  }

.SiteHeader-button svg{
      stroke: #FFF;
    }

.SiteHeader-button svg{
      transition: all 0.6s ease-out;
    }

.SiteHeader-button.is-white svg{
      stroke: #FFF;
    }

.SiteHeader-button.is-dark-blue svg{
      stroke: #0C2D62;
    }

.SiteHeader-button.is-open svg{
      stroke: #FFF !important;
    }

.SiteHeader-buttons.is-open .btn--outline{
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
      }

.SiteHeader-buttons.is-open .btn--outline{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }

@media (max-height: 500px) and (orientation: landscape) {

.SiteHeader-buttons{
      margin-top: 1.25rem !important
  }
    }

.Breadcrumb{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  font-size: 1rem;
  line-height: 1.4em;
  font-weight: 500;
}

@media (min-width: 640px){
  .Breadcrumb{
    font-size: 1.125rem;
    line-height: 1.4em;
  }
}

.Breadcrumb ul{
    flex-wrap: nowrap;
  }

.Breadcrumb li{
    flex-shrink: 0;
  }

.Breadcrumb li:last-child{
      min-width: 0px;
    }

.Breadcrumb li:last-child{
      flex-shrink: 1;
    }

.Breadcrumb li + li{
    display: flex;
  }

.Breadcrumb li + li{
    align-items: center;
  }

.Breadcrumb li + li::before{
      margin-left: 0.75rem;
      margin-right: 0.75rem;
    }

.Breadcrumb li + li::before{
      display: block;
    }

.Breadcrumb li + li::before{
      height: 6px;
    }

.Breadcrumb li + li::before{
      width: 6px;
    }

.Breadcrumb li + li::before{
      flex-shrink: 0;
    }

.Breadcrumb li + li::before{
      border-radius: 9999px;
    }

.Breadcrumb li + li::before{
      --tw-bg-opacity: 1;
      background-color: rgb(185 0 215 / var(--tw-bg-opacity, 1));
    }

.Breadcrumb li + li::before{
      --tw-content: '';
      content: var(--tw-content);
    }

.Breadcrumb a, .Breadcrumb span{
    display: block;
  }

.Breadcrumb li:last-child a,
        .Breadcrumb li:last-child span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

.Breadcrumb a{
    opacity: 0.5;
  }

.Breadcrumb a:hover,
            .Breadcrumb a:focus{
      opacity: 1;
    }

.PageLayout{
  position: relative;
  z-index: 1;
}

.is-root-container,
    .Gutenberg{
  letter-spacing: -0.04px;
}

.is-root-container strong,.Gutenberg strong{
    font-weight: 700;
  }

.is-root-container em,.Gutenberg em{
    font-style: italic;
  }

.is-root-container sub,.Gutenberg sub{
    vertical-align: sub;
  }

.is-root-container sup,.Gutenberg sup{
    vertical-align: super;
  }

.is-root-container ol,.Gutenberg ol{
    list-style-type: decimal;
  }

.is-root-container ul,.Gutenberg ul{
    padding-left: 1.5rem;
  }

.is-root-container ul,.Gutenberg ul{
    list-style-type: disc;
  }

.is-root-container ul li,.Gutenberg ul li{
      padding-left: 0.25rem;
    }

.is-root-container ul li::marker, .Gutenberg ul li::marker {
        color: #B900D7;
      }

.is-root-container ol,.Gutenberg ol{
    padding-left: 1.5rem;
  }

.is-root-container .has-small-font-size,.Gutenberg .has-small-font-size{
    font-size: 0.875rem !important;
    line-height: 1.4em !important;
  }

.is-root-container .has-large-font-size,.Gutenberg .has-large-font-size{
    font-size: 1.5rem !important;
    line-height: 1.375em !important;
  }

@media not all and (min-width: 640px){
    .is-root-container .has-large-font-size,.Gutenberg .has-large-font-size{
      font-size: 1.25rem !important;
      line-height: 1.375em !important;
    }
  }

.is-root-container .has-large-font-size,.Gutenberg .has-large-font-size{
    letter-spacing: -0.03em !important;
  }

.is-root-container .has-text-align-center,.Gutenberg .has-text-align-center{
    text-align: center;
  }

.is-root-container .has-text-align-right,.Gutenberg .has-text-align-right{
    text-align: right;
  }

.is-root-container p + p,
        .is-root-container p + ul,
        .is-root-container p + ol,
        .is-root-container ul + ul,
        .is-root-container ul + p,
        .is-root-container ul + ol,
        .is-root-container ol + ol,
        .is-root-container ol + p,
        .is-root-container ol + ul,
        .Gutenberg p + p,
        .Gutenberg p + ul,
        .Gutenberg p + ol,
        .Gutenberg ul + ul,
        .Gutenberg ul + p,
        .Gutenberg ul + ol,
        .Gutenberg ol + ol,
        .Gutenberg ol + p,
        .Gutenberg ol + ul{
    padding-top: 1.5rem;
  }

@media (min-width: 640px){
    .is-root-container p + p,
        .is-root-container p + ul,
        .is-root-container p + ol,
        .is-root-container ul + ul,
        .is-root-container ul + p,
        .is-root-container ul + ol,
        .is-root-container ol + ol,
        .is-root-container ol + p,
        .is-root-container ol + ul,
        .Gutenberg p + p,
        .Gutenberg p + ul,
        .Gutenberg p + ol,
        .Gutenberg ul + ul,
        .Gutenberg ul + p,
        .Gutenberg ul + ol,
        .Gutenberg ol + ol,
        .Gutenberg ol + p,
        .Gutenberg ol + ul{
      padding-top: 2rem;
    }
  }

.is-root-container h1:not(.acf-block *, .wp-block-columns *), .is-root-container h2:not(.acf-block *, .wp-block-columns *), .is-root-container h3:not(.acf-block *, .wp-block-columns *), .is-root-container h4:not(.acf-block *, .wp-block-columns *), .Gutenberg h1:not(.acf-block *, .wp-block-columns *), .Gutenberg h2:not(.acf-block *, .wp-block-columns *), .Gutenberg h3:not(.acf-block *, .wp-block-columns *), .Gutenberg h4:not(.acf-block *, .wp-block-columns *){
    margin-bottom: 1.5rem;
  }

@media (min-width: 640px){
    .is-root-container h1:not(.acf-block *, .wp-block-columns *), .is-root-container h2:not(.acf-block *, .wp-block-columns *), .is-root-container h3:not(.acf-block *, .wp-block-columns *), .is-root-container h4:not(.acf-block *, .wp-block-columns *), .Gutenberg h1:not(.acf-block *, .wp-block-columns *), .Gutenberg h2:not(.acf-block *, .wp-block-columns *), .Gutenberg h3:not(.acf-block *, .wp-block-columns *), .Gutenberg h4:not(.acf-block *, .wp-block-columns *){
      margin-bottom: 2.5rem;
    }
  }

.is-root-container h1:not(.acf-block *, .wp-block-columns *):not(:first-child),.is-root-container h2:not(.acf-block *, .wp-block-columns *):not(:first-child),.is-root-container h3:not(.acf-block *, .wp-block-columns *):not(:first-child),.is-root-container h4:not(.acf-block *, .wp-block-columns *):not(:first-child),.Gutenberg h1:not(.acf-block *, .wp-block-columns *):not(:first-child),.Gutenberg h2:not(.acf-block *, .wp-block-columns *):not(:first-child),.Gutenberg h3:not(.acf-block *, .wp-block-columns *):not(:first-child),.Gutenberg h4:not(.acf-block *, .wp-block-columns *):not(:first-child){
      margin-top: 4rem;
    }

@media (min-width: 640px){
      .is-root-container h1:not(.acf-block *, .wp-block-columns *):not(:first-child),.is-root-container h2:not(.acf-block *, .wp-block-columns *):not(:first-child),.is-root-container h3:not(.acf-block *, .wp-block-columns *):not(:first-child),.is-root-container h4:not(.acf-block *, .wp-block-columns *):not(:first-child),.Gutenberg h1:not(.acf-block *, .wp-block-columns *):not(:first-child),.Gutenberg h2:not(.acf-block *, .wp-block-columns *):not(:first-child),.Gutenberg h3:not(.acf-block *, .wp-block-columns *):not(:first-child),.Gutenberg h4:not(.acf-block *, .wp-block-columns *):not(:first-child){
        margin-top: 5rem;
      }
    }

.is-root-container p:not(.acf-block *, .wp-block-column *, .wp-block-group *), .is-root-container ol:not(.acf-block *, .wp-block-column *, .wp-block-group *), .is-root-container ul:not(.acf-block *, .wp-block-column *, .wp-block-group *), .is-root-container .wp-block-heading:not(.acf-block *, .wp-block-column *, .wp-block-group *), .Gutenberg p:not(.acf-block *, .wp-block-column *, .wp-block-group *), .Gutenberg ol:not(.acf-block *, .wp-block-column *, .wp-block-group *), .Gutenberg ul:not(.acf-block *, .wp-block-column *, .wp-block-group *), .Gutenberg .wp-block-heading:not(.acf-block *, .wp-block-column *, .wp-block-group *){
      margin-left: auto;
      margin-right: auto;
    }

.is-root-container p:not(.acf-block *, .wp-block-column *, .wp-block-group *), .is-root-container ol:not(.acf-block *, .wp-block-column *, .wp-block-group *), .is-root-container ul:not(.acf-block *, .wp-block-column *, .wp-block-group *), .is-root-container .wp-block-heading:not(.acf-block *, .wp-block-column *, .wp-block-group *), .Gutenberg p:not(.acf-block *, .wp-block-column *, .wp-block-group *), .Gutenberg ol:not(.acf-block *, .wp-block-column *, .wp-block-group *), .Gutenberg ul:not(.acf-block *, .wp-block-column *, .wp-block-group *), .Gutenberg .wp-block-heading:not(.acf-block *, .wp-block-column *, .wp-block-group *){
      width: 100%;
    }

@media (min-width: 1020px){
      .is-root-container p:not(.acf-block *, .wp-block-column *, .wp-block-group *), .is-root-container ol:not(.acf-block *, .wp-block-column *, .wp-block-group *), .is-root-container ul:not(.acf-block *, .wp-block-column *, .wp-block-group *), .is-root-container .wp-block-heading:not(.acf-block *, .wp-block-column *, .wp-block-group *), .Gutenberg p:not(.acf-block *, .wp-block-column *, .wp-block-group *), .Gutenberg ol:not(.acf-block *, .wp-block-column *, .wp-block-group *), .Gutenberg ul:not(.acf-block *, .wp-block-column *, .wp-block-group *), .Gutenberg .wp-block-heading:not(.acf-block *, .wp-block-column *, .wp-block-group *){
        width: 83.333333%;
      }
    }

@media (min-width: 1360px){
      .is-root-container p:not(.acf-block *, .wp-block-column *, .wp-block-group *), .is-root-container ol:not(.acf-block *, .wp-block-column *, .wp-block-group *), .is-root-container ul:not(.acf-block *, .wp-block-column *, .wp-block-group *), .is-root-container .wp-block-heading:not(.acf-block *, .wp-block-column *, .wp-block-group *), .Gutenberg p:not(.acf-block *, .wp-block-column *, .wp-block-group *), .Gutenberg ol:not(.acf-block *, .wp-block-column *, .wp-block-group *), .Gutenberg ul:not(.acf-block *, .wp-block-column *, .wp-block-group *), .Gutenberg .wp-block-heading:not(.acf-block *, .wp-block-column *, .wp-block-group *){
        width: 66.666667%;
      }
    }

.is-root-container p,.is-root-container ol,.is-root-container ul,.Gutenberg p,.Gutenberg ol,.Gutenberg ul{
    font-size: 1rem;
    line-height: 1.4em;
  }

@media (min-width: 640px){
    .is-root-container p,.is-root-container ol,.is-root-container ul,.Gutenberg p,.Gutenberg ol,.Gutenberg ul{
      font-size: 1.25rem;
      line-height: 1.4em;
    }
  }

.is-root-container p:not(.acf-block *, .wp-block-column *, .wp-block-group *), .is-root-container ul:not(.acf-block *, .wp-block-column *, .wp-block-group *), .Gutenberg p:not(.acf-block *, .wp-block-column *, .wp-block-group *), .Gutenberg ul:not(.acf-block *, .wp-block-column *, .wp-block-group *){
    color: rgb(12 45 98 / 0.8);
  }

.is-root-container p.is-style-bullet + *,.Gutenberg p.is-style-bullet + *{
    margin-top: 0px !important;
  }

.is-root-container h1:not(.acf-block *),.Gutenberg h1:not(.acf-block *){
    font-size: 4.6875rem;
    line-height: 1em;
  }

@media not all and (min-width: 1020px){
    .is-root-container h1:not(.acf-block *),.Gutenberg h1:not(.acf-block *){
      font-size: 3.75rem !important;
      line-height: 1em !important;
    }
  }

@media not all and (min-width: 640px){
    .is-root-container h1:not(.acf-block *),.Gutenberg h1:not(.acf-block *){
      font-size: 2.5rem !important;
      line-height: 1em !important;
    }
  }

.is-root-container h1:not(.acf-block *),.Gutenberg h1:not(.acf-block *){
    letter-spacing: -0.03em;
  }

.is-root-container h1:not(.acf-block *),.Gutenberg h1:not(.acf-block *){
    letter-spacing: -2.25px;
  }

.is-root-container h2:not(.acf-block *),.Gutenberg h2:not(.acf-block *){
    font-size: 3.75rem;
    line-height: 0.93em;
  }

@media not all and (min-width: 1020px){
    .is-root-container h2:not(.acf-block *),.Gutenberg h2:not(.acf-block *){
      font-size: 2.75rem !important;
      line-height: 0.93em !important;
    }
  }

@media not all and (min-width: 640px){
    .is-root-container h2:not(.acf-block *),.Gutenberg h2:not(.acf-block *){
      font-size: 2.5rem !important;
      line-height: 0.93em !important;
    }
  }

.is-root-container h2:not(.acf-block *),.Gutenberg h2:not(.acf-block *){
    letter-spacing: -0.02em;
  }

.is-root-container h3:not(.acf-block *),.Gutenberg h3:not(.acf-block *){
    font-size: 3.125rem;
    line-height: 1.16em;
  }

@media not all and (min-width: 1020px){
    .is-root-container h3:not(.acf-block *),.Gutenberg h3:not(.acf-block *){
      font-size: 2.375rem !important;
      line-height: 1.16em !important;
    }
  }

@media not all and (min-width: 640px){
    .is-root-container h3:not(.acf-block *),.Gutenberg h3:not(.acf-block *){
      font-size: 1.875rem !important;
      line-height: 1.16em !important;
    }
  }

.is-root-container h3:not(.acf-block *),.Gutenberg h3:not(.acf-block *){
    letter-spacing: -0.05em;
  }

.is-root-container h4:not(.acf-block *),.Gutenberg h4:not(.acf-block *){
    font-size: 2.375rem;
    line-height: 1.07em;
  }

@media not all and (min-width: 1020px){
    .is-root-container h4:not(.acf-block *),.Gutenberg h4:not(.acf-block *){
      font-size: 1.875rem !important;
      line-height: 1.07em !important;
    }
  }

@media not all and (min-width: 640px){
    .is-root-container h4:not(.acf-block *),.Gutenberg h4:not(.acf-block *){
      font-size: 1.375rem !important;
      line-height: 1.07em !important;
    }
  }

.is-root-container h4:not(.acf-block *),.Gutenberg h4:not(.acf-block *){
    letter-spacing: -0.05px;
  }

.is-root-container a:not(.acf-block *, .wp-element-button), .Gutenberg a:not(.acf-block *, .wp-element-button){
    --tw-text-opacity: 1;
    color: rgb(50 162 234 / var(--tw-text-opacity, 1));
  }

.is-root-container a:not(.acf-block *, .wp-element-button), .Gutenberg a:not(.acf-block *, .wp-element-button){
    text-decoration-line: underline;
  }

.is-root-container a:not(.acf-block *, .wp-element-button):hover, .Gutenberg a:not(.acf-block *, .wp-element-button):hover{
    --tw-text-opacity: 1;
    color: rgb(12 45 98 / var(--tw-text-opacity, 1));
  }

.is-root-container .columns-2,.Gutenberg .columns-2{
    display: block;
  }

.is-root-container .columns-2,.Gutenberg .columns-2{
    padding-top: 1.5rem;
  }

.is-root-container .columns-2,.Gutenberg .columns-2{
    -moz-column-break-inside: avoid;
         break-inside: avoid-column;
  }

.is-root-container .columns-2 > *,.Gutenberg .columns-2 > *{
      margin-bottom: 1.5rem;
    }

.is-root-container .columns-2 > *,.Gutenberg .columns-2 > *{
      width: 100%;
    }

.SiteFooter{
  position: relative;
  overflow: hidden;
  padding-top: 4rem;
  padding-bottom: 4rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  background: linear-gradient(113deg, #B900D7 3.46%, #32A2EA 52.63%, #1BC19F 96.3%);
}

.SiteFooter:after{
    content: ''
  }

.SiteFooter:after{
    pointer-events: none;
  }

.SiteFooter:after{
    position: absolute;
  }

.SiteFooter:after{
    top: 10%;
  }

.SiteFooter:after{
    left: -10%;
  }

.SiteFooter:after{
    z-index: 0;
  }

.SiteFooter:after{
    height: 100%;
  }

.SiteFooter:after{
    width: 100%;
  }

.SiteFooter:after{
    background: url('../img/filigrane-footer.svg') no-repeat left center;
    background-size: contain;
  }

@media (max-width: 768px) {

.SiteFooter:after{
      background: cover;

      transform: scale(3);

      left: 0;

      bottom: 0
  }
    }

.SiteFooter-nav ul{
      display: flex;
    }

.SiteFooter-nav ul{
      flex-direction: column;
    }

.SiteFooter-nav ul{
      font-size: 24px;
    }

.SiteFooter-nav ul{
      line-height: 2em;
    }

.SiteFooter-nav ul{
      letter-spacing: -0.03em;
    }

@media (min-width: 1020px){
      .SiteFooter-nav ul{
        font-size: 30px;
      }
    }

.SiteFooter-nav a{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }

.SiteFooter-nav a:hover,
                .SiteFooter-nav a:focus{
        --tw-text-opacity: 1;
        color: rgb(12 45 98 / var(--tw-text-opacity, 1));
      }

.SiteFooter-deep a{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }

.SiteFooter-deep a:hover,
                .SiteFooter-deep a:focus{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }

.SiteFooter-deep a:hover,
                .SiteFooter-deep a:focus{
        opacity: 0.75;
      }

.SiteFooter-deep ul{
      margin-top: 2rem;
    }

.SiteFooter-deep ul{
      display: grid;
    }

.SiteFooter-deep ul{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

.SiteFooter-deep ul{
      gap: 1.5rem;
    }

.SiteFooter-deep ul{
      font-size: 0.875rem;
      line-height: 1.4em;
    }

@media (min-width: 768px){
      .SiteFooter-deep ul{
        display: flex;
      }
    }

@media (min-width: 768px){
      .SiteFooter-deep ul{
        flex-wrap: wrap;
      }
    }

@media (min-width: 1020px){
      .SiteFooter-deep ul{
        margin-top: 0px;
      }
    }

.SiteFooter li.current-menu-item > a{
      opacity: 0.5;
    }

/* Classic */

.btn,
    .wp-block-button__link{
  position: relative;
  z-index: 10;
  white-space: nowrap;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  font-size: 15px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(12 45 98 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px){
  .btn,
    .wp-block-button__link{
    font-size: 1.125rem;
    line-height: 1.4em;
  }
}

@media (min-width: 768px){
  .btn,
    .wp-block-button__link{
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
  }
}

@media (min-width: 1360px){
  .btn,
    .wp-block-button__link{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.btn:hover,
    .btn:focus,
    .wp-block-button__link:hover,
    .wp-block-button__link:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(12 45 98 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn--small{
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  line-height: 41px;
}

.btn--icon{
  display: flex;
  aspect-ratio: 1 / 1;
  height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0px;
  font-size: 13px;
}

@media (min-width: 640px){
  .btn--icon{
    font-size: 1.125rem;
    line-height: 1.4em;
  }
}

@media (min-width: 768px){
  .btn--icon{
    height: 52px;
  }
}

/* Outline */

.btn--outline{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(12 45 98 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(12 45 98 / var(--tw-text-opacity, 1));
}

.btn--outline:hover,
    .btn--outline:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(12 45 98 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

/* Outline White */

.btn--outlineWhite,
    .wp-block-button.is-style-outline > a{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn--outlineWhite:hover,
    .btn--outlineWhite:focus,
    .wp-block-button.is-style-outline > a:hover,
    .wp-block-button.is-style-outline > a:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(12 45 98 / var(--tw-text-opacity, 1));
}

/* Outline Blue */

.btn--blue{
  --tw-bg-opacity: 1;
  background-color: rgb(50 162 234 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn--blue:hover,
    .btn--blue:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(12 45 98 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn--shadow,
    .wp-block-button.is-style-shadow > a{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  filter: drop-shadow(0px 1px 14px rgba(174, 182, 216, 0.25));
}

.btn--shadow:hover,
    .btn--shadow:focus,
    .wp-block-button.is-style-shadow > a:hover,
    .wp-block-button.is-style-shadow > a:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(12 45 98 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.logo-container{
  position: relative;
  animation: scroll 30s linear infinite;
}

/* Version sans GSAP - animation CSS native */

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

.logo-item{
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-item img{
    height: auto;
  }

.logo-item img{
    max-width: 6rem;
  }

.logo-item img {
    mix-blend-mode: multiply;
    filter: brightness(0) saturate(100%) invert(13%) sepia(100%) saturate(1000%) hue-rotate(190deg) brightness(90%) contrast(95%);
    opacity: 0.4;
    transition: opacity 0.3s ease;
  }

.logo-item:hover img {
      opacity: 1;
    }

.pointer-events-none{
  pointer-events: none;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.sticky{
  position: sticky;
}

.inset-0{
  inset: 0px;
}

.bottom-0{
  bottom: 0px;
}

.left-0{
  left: 0px;
}

.left-1\/2{
  left: 50%;
}

.left-\[10vw\]{
  left: 10vw;
}

.right-0{
  right: 0px;
}

.top-0{
  top: 0px;
}

.top-1\/2{
  top: 50%;
}

.top-16{
  top: 4rem;
}

.top-\[10vw\]{
  top: 10vw;
}

.-z-10{
  z-index: -10;
}

.z-10{
  z-index: 10;
}

.col-span-1{
  grid-column: span 1 / span 1;
}

.col-span-10{
  grid-column: span 10 / span 10;
}

.col-span-2{
  grid-column: span 2 / span 2;
}

.col-span-full{
  grid-column: 1 / -1;
}

.col-start-10{
  grid-column-start: 10;
}

.col-start-2{
  grid-column-start: 2;
}

.col-start-3{
  grid-column-start: 3;
}

.col-start-5{
  grid-column-start: 5;
}

.col-start-6{
  grid-column-start: 6;
}

.col-start-9{
  grid-column-start: 9;
}

.row-span-1{
  grid-row: span 1 / span 1;
}

.row-span-3{
  grid-row: span 3 / span 3;
}

.row-start-1{
  grid-row-start: 1;
}

.row-start-2{
  grid-row-start: 2;
}

.row-start-3{
  grid-row-start: 3;
}

.row-start-4{
  grid-row-start: 4;
}

.row-start-7{
  grid-row-start: 7;
}

.row-start-8{
  grid-row-start: 8;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.my-12{
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-16{
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.-ml-4{
  margin-left: -1rem;
}

.-mt-12{
  margin-top: -3rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.mb-8{
  margin-bottom: 2rem;
}

.mb-\[60px\]{
  margin-bottom: 60px;
}

.mr-auto{
  margin-right: auto;
}

.mt-1{
  margin-top: 0.25rem;
}

.mt-10{
  margin-top: 2.5rem;
}

.mt-12{
  margin-top: 3rem;
}

.mt-14{
  margin-top: 3.5rem;
}

.mt-2{
  margin-top: 0.5rem;
}

.mt-20{
  margin-top: 5rem;
}

.mt-3{
  margin-top: 0.75rem;
}

.mt-4{
  margin-top: 1rem;
}

.mt-5{
  margin-top: 1.25rem;
}

.mt-6{
  margin-top: 1.5rem;
}

.mt-8{
  margin-top: 2rem;
}

.mt-\[-2px\]{
  margin-top: -2px;
}

.inline{
  display: inline;
}

.flex{
  display: flex;
}

.inline-flex{
  display: inline-flex;
}

.grid{
  display: grid;
}

.hidden{
  display: none;
}

.aspect-\[1345\/800\]{
  aspect-ratio: 1345/800;
}

.aspect-card{
  aspect-ratio: 123/73;
}

.aspect-paysage{
  aspect-ratio: 1.617 / 1;
}

.aspect-portrait{
  aspect-ratio: 77 / 99;
}

.aspect-small-card{
  aspect-ratio: 289 / 138;
}

.aspect-square{
  aspect-ratio: 1 / 1;
}

.aspect-youtube{
  aspect-ratio: 16 / 9;
}

.h-\[100px\]{
  height: 100px;
}

.h-\[calc\(100vh-48px\)\]{
  height: calc(100vh - 48px);
}

.h-full{
  height: 100%;
}

.h-px{
  height: 1px;
}

.h-screen{
  height: 100vh;
}

.w-\[35px\]{
  width: 35px;
}

.w-\[38px\]{
  width: 38px;
}

.w-\[40px\]{
  width: 40px;
}

.w-\[48px\]{
  width: 48px;
}

.w-\[50vw\]{
  width: 50vw;
}

.w-\[67px\]{
  width: 67px;
}

.w-\[68px\]{
  width: 68px;
}

.w-\[70vw\]{
  width: 70vw;
}

.w-\[80px\]{
  width: 80px;
}

.w-\[80vw\]{
  width: 80vw;
}

.w-\[90vw\]{
  width: 90vw;
}

.w-\[98px\]{
  width: 98px;
}

.w-\[clamp\(50px\2c 10vw\2c 94px\)\]{
  width: clamp(50px,10vw,94px);
}

.w-full{
  width: 100%;
}

.w-screen{
  width: 100vw;
}

.min-w-\[500px\]{
  min-width: 500px;
}

.max-w-\[100px\]{
  max-width: 100px;
}

.flex-shrink-0{
  flex-shrink: 0;
}

.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-57\%\]{
  --tw-translate-y: -57%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer{
  cursor: pointer;
}

.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.flex-col{
  flex-direction: column;
}

.flex-wrap{
  flex-wrap: wrap;
}

.place-items-center{
  place-items: center;
}

.items-start{
  align-items: flex-start;
}

.items-end{
  align-items: flex-end;
}

.items-center{
  align-items: center;
}

.items-stretch{
  align-items: stretch;
}

.justify-end{
  justify-content: flex-end;
}

.justify-center{
  justify-content: center;
}

.justify-between{
  justify-content: space-between;
}

.justify-items-center{
  justify-items: center;
}

.gap-0{
  gap: 0px;
}

.gap-10{
  gap: 2.5rem;
}

.gap-2{
  gap: 0.5rem;
}

.gap-20{
  gap: 5rem;
}

.gap-3{
  gap: 0.75rem;
}

.gap-4{
  gap: 1rem;
}

.gap-6{
  gap: 1.5rem;
}

.gap-8{
  gap: 2rem;
}

.gap-x-10{
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}

.gap-x-2{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gap-x-8{
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.gap-y-0{
  row-gap: 0px;
}

.gap-y-12{
  row-gap: 3rem;
}

.gap-y-3{
  row-gap: 0.75rem;
}

.gap-y-4{
  row-gap: 1rem;
}

.gap-y-5{
  row-gap: 1.25rem;
}

.gap-y-7{
  row-gap: 1.75rem;
}

.gap-y-8{
  row-gap: 2rem;
}

.self-end{
  align-self: flex-end;
}

.overflow-hidden{
  overflow: hidden;
}

.whitespace-nowrap{
  white-space: nowrap;
}

.rounded-full{
  border-radius: 9999px;
}

.rounded-lg{
  border-radius: 20px;
}

.rounded-xl{
  border-radius: 40px;
}

.rounded-b-2xl{
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.border{
  border-width: 1px;
}

.border-0{
  border-width: 0px;
}

.border-1{
  border-width: 1px;
}

.border-x{
  border-left-width: 1px;
  border-right-width: 1px;
}

.border-y-1{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.border-t-1{
  border-top-width: 1px;
}

.border-solid{
  border-style: solid;
}

.border-dark-blue{
  --tw-border-opacity: 1;
  border-color: rgb(12 45 98 / var(--tw-border-opacity, 1));
}

.border-lightgray{
  --tw-border-opacity: 1;
  border-color: rgb(236 238 244 / var(--tw-border-opacity, 1));
}

.border-white\/50{
  border-color: rgb(255 255 255 / 0.5);
}

.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-blue{
  --tw-bg-opacity: 1;
  background-color: rgb(50 162 234 / var(--tw-bg-opacity, 1));
}

.bg-dark-blue{
  --tw-bg-opacity: 1;
  background-color: rgb(12 45 98 / var(--tw-bg-opacity, 1));
}

.bg-green{
  --tw-bg-opacity: 1;
  background-color: rgb(27 193 159 / var(--tw-bg-opacity, 1));
}

.bg-grey{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 255 / var(--tw-bg-opacity, 1));
}

.bg-purple{
  --tw-bg-opacity: 1;
  background-color: rgb(185 0 215 / var(--tw-bg-opacity, 1));
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-cover{
  background-size: cover;
}

.bg-center{
  background-position: center;
}

.bg-no-repeat{
  background-repeat: no-repeat;
}

.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}

.p-8{
  padding: 2rem;
}

.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-7{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pb-12{
  padding-bottom: 3rem;
}

.pb-16{
  padding-bottom: 4rem;
}

.pb-24{
  padding-bottom: 6rem;
}

.pb-4{
  padding-bottom: 1rem;
}

.pb-6{
  padding-bottom: 1.5rem;
}

.pl-1{
  padding-left: 0.25rem;
}

.pl-12{
  padding-left: 3rem;
}

.pr-1\/6{
  padding-right: 16.666667% !important;
}

.pr-6{
  padding-right: 1.5rem;
}

.pt-10{
  padding-top: 2.5rem;
}

.pt-12{
  padding-top: 3rem;
}

.pt-14{
  padding-top: 3.5rem;
}

.pt-24{
  padding-top: 6rem;
}

.pt-32{
  padding-top: 8rem;
}

.pt-8{
  padding-top: 2rem;
}

.pt-\[7rem\]{
  padding-top: 7rem;
}

.text-left{
  text-align: left;
}

.text-center{
  text-align: center;
}

.text-\[22px\]{
  font-size: 22px;
}

.text-base{
  font-size: 1.25rem;
  line-height: 1.4em;
}

.text-h1{
  font-size: 4.6875rem;
  line-height: 1em;
}

.text-h1-small{
  font-size: 4.375rem;
  line-height: 0.9em;
}

.text-h2{
  font-size: 3.75rem;
  line-height: 0.93em;
}

.text-h3{
  font-size: 3.125rem;
  line-height: 1.16em;
}

.text-h4{
  font-size: 2.375rem;
  line-height: 1.07em;
}

.text-h5{
  font-size: 2.0625rem;
  line-height: 1.3em;
}

.text-lg{
  font-size: 1.125rem;
  line-height: 1.4em;
}

.text-md{
  font-size: 1rem;
  line-height: 1.4em;
}

.text-sm{
  font-size: 0.875rem;
  line-height: 1.4em;
}

.text-xl{
  font-size: 1.5rem;
  line-height: 1.375em;
}

.font-bold{
  font-weight: 700;
}

.font-medium{
  font-weight: 500;
}

.leading-\[22px\]{
  line-height: 22px;
}

.leading-\[25px\]{
  line-height: 25px;
}

.text-dark-blue{
  --tw-text-opacity: 1;
  color: rgb(12 45 98 / var(--tw-text-opacity, 1));
}

.text-dark-blue\/50{
  color: rgb(12 45 98 / 0.5);
}

.text-dark-blue\/80{
  color: rgb(12 45 98 / 0.8);
}

.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.underline{
  text-decoration-line: underline;
}

.opacity-0{
  opacity: 0;
}

.opacity-20{
  opacity: 0.2;
}

.opacity-80{
  opacity: 0.8;
}

.shadow-default{
  --tw-shadow: 0px 5px 50px rgba(0, 0, 0, 0.03);
  --tw-shadow-colored: 0px 5px 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\[grid-template-rows\:0px_auto_0px\]{
  grid-template-rows: 0px auto 0px;
}

@media (min-width: 640px){
  [class^="icon-"] span.sm\:hidden,
        [class*=" icon-"] span.sm\:hidden{
    display: inline-block;
    height: 0;
    width: 0;
    overflow: hidden;
  }
}

@media (min-width: 1020px){
  [class^="icon-"] span.lg\:hidden,
        [class*=" icon-"] span.lg\:hidden{
    display: inline-block;
    height: 0;
    width: 0;
    overflow: hidden;
  }
}

@media (min-width: 1360px){
  .xl\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }

  @media (min-width: 480px){
    .xl\:container{
      max-width: 480px;
      padding-right: 1.25rem;
      padding-left: 1.25rem;
    }
  }

  @media (min-width: 640px){
    .xl\:container{
      max-width: 640px;
      padding-right: 1.5rem;
      padding-left: 1.5rem;
    }
  }

  @media (min-width: 768px){
    .xl\:container{
      max-width: 768px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }

  @media (min-width: 1020px){
    .xl\:container{
      max-width: 1020px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }

  @media (min-width: 1360px){
    .xl\:container{
      max-width: 1360px;
      padding-right: 2.5rem;
      padding-left: 2.5rem;
    }
  }
}

.hover\:bg-dark-blue:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(12 45 98 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:text-dark-blue:hover{
  --tw-text-opacity: 1;
  color: rgb(12 45 98 / var(--tw-text-opacity, 1));
}

.hover\:text-green:hover{
  --tw-text-opacity: 1;
  color: rgb(27 193 159 / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 480px){
  .xs\:mb-6{
    margin-bottom: 1.5rem;
  }

  .xs\:gap-y-6{
    row-gap: 1.5rem;
  }
}

@media (min-width: 640px){
  .sm\:col-span-8{
    grid-column: span 8 / span 8;
  }

  .sm\:col-start-3{
    grid-column-start: 3;
  }

  .sm\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:my-20{
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .sm\:-ml-6{
    margin-left: -1.5rem;
  }

  .sm\:mb-0{
    margin-bottom: 0px;
  }

  .sm\:mt-0{
    margin-top: 0px;
  }

  .sm\:mt-12{
    margin-top: 3rem;
  }

  .sm\:mt-16{
    margin-top: 4rem;
  }

  .sm\:mt-7{
    margin-top: 1.75rem;
  }

  .sm\:grid{
    display: grid;
  }

  .sm\:hidden{
    display: none;
  }

  .sm\:aspect-youtube{
    aspect-ratio: 16 / 9;
  }

  .sm\:h-auto{
    height: auto;
  }

  .sm\:h-screen{
    height: 100vh;
  }

  .sm\:w-\[100px\]{
    width: 100px;
  }

  .sm\:w-\[148px\]{
    width: 148px;
  }

  .sm\:w-\[48px\]{
    width: 48px;
  }

  .sm\:w-\[50px\]{
    width: 50px;
  }

  .sm\:w-\[54px\]{
    width: 54px;
  }

  .sm\:w-\[60px\]{
    width: 60px;
  }

  .sm\:w-\[64px\]{
    width: 64px;
  }

  .sm\:w-\[98px\]{
    width: 98px;
  }

  .sm\:w-auto{
    width: auto;
  }

  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:flex-row{
    flex-direction: row;
  }

  .sm\:items-center{
    align-items: center;
  }

  .sm\:justify-start{
    justify-content: flex-start;
  }

  .sm\:justify-center{
    justify-content: center;
  }

  .sm\:gap-10{
    gap: 2.5rem;
  }

  .sm\:gap-3{
    gap: 0.75rem;
  }

  .sm\:gap-4{
    gap: 1rem;
  }

  .sm\:gap-x-12{
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .sm\:gap-y-5{
    row-gap: 1.25rem;
  }

  .sm\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .sm\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .sm\:px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .sm\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .sm\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sm\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .sm\:pb-12{
    padding-bottom: 3rem;
  }

  .sm\:pb-28{
    padding-bottom: 7rem;
  }

  .sm\:pr-1\/9{
    padding-right: 11.11111% !important;
  }

  .sm\:pr-8{
    padding-right: 2rem;
  }

  .sm\:pt-12{
    padding-top: 3rem;
  }

  .sm\:pt-24{
    padding-top: 6rem;
  }

  .sm\:text-center{
    text-align: center;
  }

  .sm\:text-base{
    font-size: 1.25rem;
    line-height: 1.4em;
  }

  .sm\:text-xl{
    font-size: 1.5rem;
    line-height: 1.375em;
  }
}

@media (min-width: 768px){
  .md\:left-0{
    left: 0px;
  }

  .md\:left-auto{
    left: auto;
  }

  .md\:top-0{
    top: 0px;
  }

  .md\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .md\:col-span-6{
    grid-column: span 6 / span 6;
  }

  .md\:col-span-8{
    grid-column: span 8 / span 8;
  }

  .md\:col-start-3{
    grid-column-start: 3;
  }

  .md\:col-start-4{
    grid-column-start: 4;
  }

  .md\:col-start-5{
    grid-column-start: 5;
  }

  .md\:col-start-8{
    grid-column-start: 8;
  }

  .md\:my-12{
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .md\:mr-10{
    margin-right: 2.5rem;
  }

  .md\:mt-0{
    margin-top: 0px;
  }

  .md\:w-5\/12{
    width: 41.666667%;
  }

  .md\:w-\[144px\]{
    width: 144px;
  }

  .md\:w-\[148px\]{
    width: 148px;
  }

  .md\:w-\[202px\]{
    width: 202px;
  }

  .md\:w-\[203px\]{
    width: 203px;
  }

  .md\:w-\[50\%\]{
    width: 50%;
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:w-full{
    width: 100%;
  }

  .md\:translate-x-0{
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .md\:flex-row{
    flex-direction: row;
  }

  .md\:items-center{
    align-items: center;
  }

  .md\:justify-end{
    justify-content: flex-end;
  }

  .md\:gap-10{
    gap: 2.5rem;
  }

  .md\:gap-x-10{
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .md\:gap-x-12{
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .md\:gap-x-6{
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .md\:gap-y-11{
    row-gap: 2.75rem;
  }

  .md\:rounded-xl{
    border-radius: 40px;
  }

  .md\:pb-12{
    padding-bottom: 3rem;
  }

  .md\:pb-16{
    padding-bottom: 4rem;
  }

  .md\:pt-32{
    padding-top: 8rem;
  }

  .md\:text-xl{
    font-size: 1.5rem;
    line-height: 1.375em;
  }
}

@media (min-width: 1020px){
  .lg\:relative{
    position: relative;
  }

  .lg\:col-span-5{
    grid-column: span 5 / span 5;
  }

  .lg\:col-span-7{
    grid-column: span 7 / span 7;
  }

  .lg\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:my-12{
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .lg\:my-16{
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .lg\:mb-10{
    margin-bottom: 2.5rem;
  }

  .lg\:mb-32{
    margin-bottom: 8rem;
  }

  .lg\:ml-4{
    margin-left: 1rem;
  }

  .lg\:mt-20{
    margin-top: 5rem;
  }

  .lg\:mt-24{
    margin-top: 6rem;
  }

  .lg\:mt-\[5px\]{
    margin-top: 5px;
  }

  .lg\:block{
    display: block;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:h-auto{
    height: auto;
  }

  .lg\:w-10\/12{
    width: 83.333333%;
  }

  .lg\:w-\[112px\]{
    width: 112px;
  }

  .lg\:max-w-full{
    max-width: 100%;
  }

  .lg\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:gap-10{
    gap: 2.5rem;
  }

  .lg\:gap-14{
    gap: 3.5rem;
  }

  .lg\:gap-x-16{
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  .lg\:gap-x-8{
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .lg\:gap-y-14{
    row-gap: 3.5rem;
  }

  .lg\:rounded-xl{
    border-radius: 40px;
  }

  .lg\:bg-none{
    background-image: none;
  }

  .lg\:p-12{
    padding: 3rem;
  }

  .lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .lg\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .lg\:pb-0{
    padding-bottom: 0px;
  }

  .lg\:pb-20{
    padding-bottom: 5rem;
  }

  .lg\:pb-24{
    padding-bottom: 6rem;
  }

  .lg\:pb-32{
    padding-bottom: 8rem;
  }

  .lg\:pr-1\/6{
    padding-right: 16.666667% !important;
  }

  .lg\:pt-0{
    padding-top: 0px;
  }

  .lg\:pt-20{
    padding-top: 5rem;
  }

  .lg\:pt-44{
    padding-top: 11rem;
  }

  .lg\:pt-48{
    padding-top: 12rem;
  }

  .lg\:before\:content-none::before{
    --tw-content: none;
    content: var(--tw-content);
  }

  .lg\:after\:content-none::after{
    --tw-content: none;
    content: var(--tw-content);
  }
}

@media (min-width: 1360px){
  .xl\:col-span-6{
    grid-column: span 6 / span 6;
  }

  .xl\:col-start-4{
    grid-column-start: 4;
  }

  .xl\:my-20{
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .xl\:ml-8{
    margin-left: 2rem;
  }

  .xl\:w-10\/12{
    width: 83.333333%;
  }

  .xl\:w-7\/12{
    width: 58.333333%;
  }

  .xl\:w-8\/12{
    width: 66.666667%;
  }

  .xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:gap-x-10{
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .xl\:gap-x-14{
    -moz-column-gap: 3.5rem;
         column-gap: 3.5rem;
  }

  .xl\:gap-x-20{
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  .xl\:p-16{
    padding: 4rem;
  }

  .xl\:px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .xl\:pb-36{
    padding-bottom: 9rem;
  }

  .xl\:pr-1\/6{
    padding-right: 16.666667% !important;
  }

  .xl\:pt-32{
    padding-top: 8rem;
  }
}


/*# sourceMappingURL=main.min.css.map */