/*
Theme Name: Positivie Thkinking Company
Theme URI: https://worldofdigits.com/
Author: Wod
Author URI: https://worldofdigits.com/
Description: Theme for PTC
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: positivethinkingcompany
*/
html {
    /*it means 10px if default font-size browser is 16px */
    font-size: 62.5%;
  }
  body {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  body,
  html {
    width: 100%;
    overflow-x: hidden;
  }
  *,
  *::after,
  *::before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
  }
  /*Reset some elements */
  dd,
  ol,
  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  img {
    max-width: 100%;
  }
  /*Global Variable */
  :root {
    --test-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' viewBox='0 0 512 512' %3E%3Cpath d='M224 387.814v124.186l-192-192 192-192v126.912c223.375 5.24 213.794-151.896 156.931-254.912 140.355 151.707 110.55 394.785-156.931 387.814z' %3E%3C/path%3E %3C/svg%3E");
    /*main text and background*/
    --main-bg-color: #fff;
    --main-font-color: #250044;
    /* dominant colors*/
    --primary-color: #5E7DEB;
    /* --secondary-color: #460595; */
    --secondary-color: #460595;
    /* dark and light colors*/
    --light-color: #fff;
    --dark-color: #000;
    /* accent colors*/
    --bxshd:  4px 3px 30px rgba(166, 42, 236, 0.31);
    --marine-color: #250044;
    --accent-color-1: #06EEFE;
    --accent-color-2: #250044;
    --sand-color: #E4F4FF;
    --bg-field-color: #4b266a;
    /* notification colors*/
    --success-color: #25b3c3;
    --warning-color: #ff0044;
  
    --wrapper-width: 1366px;
    --menu-height: 74px
  }
  @media (min-width: 720px) {
  :root {
      --menu-height: 135px
  }
    }
  :root {
  
    --global-padding-h: 10px
  }
  @media (min-width: 600px) {
  :root {
      --global-padding-h: 40px
  }
    }
  @media (min-width: 1300px) {
  :root {
      --global-padding-h: 80px
  }
    }
  :root {
  
    
    --section-spacer-v: 60px
  }
  @media (min-width: 600px) {
  :root {
      --section-spacer-v: 90px
  }
    }
  @media (min-width: 720px) {
  :root {
      --section-spacer-v: 120px
  }
    }
  :root {
  
    
    --hero-border-radius: 80px
  }
  @media (min-width: 600px) {
  :root {
      --hero-border-radius: 100px
  }
    }
  @media (min-width: 720px) {
  :root {
      --hero-border-radius: 170px
  }
    }
  /*Default spacing for every device width*/
  @media (min-width: 320px) {
    :root {
      --spacing: 20px;
    }
  }
  @media (min-width: 720px) {
    :root {
      --spacing: 40px;
    }
  }
  @media (min-width: 920px) {
    :root {
      --spacing: 80px;
    }
  }
  @media (min-width: 1200px) {
    :root {
      --spacing: 150px;
    }
  }
  @font-face {
    font-family: "blogger";
    src: url("../assets/fonts/Blogger\ Sans-Bold.otf");
    font-weight: 100;
    font-style: normal;
  }
  @font-face {
    font-family: "blogger";
    src: url("../assets/fonts/Blogger\ Sans-Bold.otf");
    font-weight: 600;
    font-style: normal;
  }
  @font-face {
    font-family: "circle";
    src: url("../assets/fonts/CircularStd-Book.ttf");
    font-weight: 100;
    font-style: normal;
  }
  @font-face {
    font-family: "circle";
    src: url("../assets/fonts/CircularStd-Black.ttf");
    font-weight: 600;
    font-style: normal;
  }
  body {
    background-color: #fff;
    background-color: #fff;
    background-color: var(--main-bg-color);
    color: #250044;
    color: #250044;
    color: var(--main-font-color);
    font-family: "circle", sans-serif;
  }
  /*Titles*/
  [class*="title-h"],
  h1,
  h2,
  h3,
  h4 {
    font-family: "blogger";
  }
  .title-h1,
  h1 {
    font-size: 4.4rem;
  }
  .title-h2,
  h2 {
    font-size: 3rem
  }
  @media (min-width: 600px) {
  .title-h2,
  h2 {
      font-size: 3.8rem
  }
    }
  .title-h3,
  h3 {
    font-size: 2.8rem;
  }
  .title-h3 {
    margin-bottom: 10px;
  }
  .title-h4,
  h4 {
    font-size: 2rem;
  }
  input::-moz-placeholder {
    font-family: "circle";
    font-size: 1.6rem;
    line-height: 3rem;
  }
  input:-ms-input-placeholder {
    font-family: "circle";
    font-size: 1.6rem;
    line-height: 3rem;
  }
  input::-webkit-input-placeholder {
    font-family: "circle";
    font-size: 1.6rem;
    line-height: 3rem;
  }
  input::-ms-input-placeholder {
    font-family: "circle";
    font-size: 1.6rem;
    line-height: 3rem;
  }
  input,
  input::placeholder,
  ol,
  p,
  select,
  textarea,
  ul,
  ol,
  .hbspt-form form,
  table {
    font-family: "circle";
    font-size: 1.6rem;
    line-height: 3rem;
  }
  /* Desktop and Tablet*/
  @media (min-width: 720px) {
    .title-h1,
    h1 {
      font-size: 7.4rem;
    }
  
    .title-h2,
    h2 {
      font-size: 4.8rem;
    }
  
    .title-h3,
    h3 {
      font-size: 3.4rem;
      line-height: 1.2;
    }
  
    .title-h4,
    h4 {
      font-size: 2.6rem;
    }
  }
  .small {
    font-size: 1.4rem;
  }
  .breadcrumb_last,
  .label {
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #250044;
    color: #250044;
    color: var(--main-font-color);
    font-weight: 600;
    letter-spacing: 1px;
    font-family: "circle";
  }
  .breadcrumb_last--small, .label--small {
      text-transform: none;
      font-weight: 100;
      letter-spacing: 0.5px;
    }
  a {
    cursor: pointer;
  }
  p + ol li a,
  p + ul li a,
  p + ol li a,
  p a {
    color: #25b3c3;
    color: #25b3c3;
    color: var(--secondary-color);
    font-weight: 600;
    font-style: italic;
    text-decoration: none;
    margin-left: 2px;
    margin-right: 3px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
  }
  p + ol li a:hover, p + ul li a:hover, p + ol li a:hover, p a:hover {
      color: #ff0044;
      color: #ff0044;
      color: var(--primary-color);
    }
  p + ol li a[target="_blank"]:after, p + ul li a[target="_blank"]:after, p + ol li a[target="_blank"]:after, p a[target="_blank"]:after {
        content: "";
        display: inline-block;
        width: 17px;
        height: 17px;
        background-image: url("assets/images/icons/arrow--blue.svg");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        margin-left: 5px;
        -webkit-transform: translateY(3px) rotate(-45deg);
                transform: translateY(3px) rotate(-45deg);
      }
  /* a[target="_blank"]{
    color:var(--secondary-color);
    position: relative;
    padding-right:12px;
    &::after{
      content:url('assets/images/link.svg');
      position: relative;
      top: -6px;
      right: 0px;
  
    }
  } */
  .grecaptcha-badge {
    opacity: 0;
    pointer-events: none;
  }
  #cursor {
    width: 30px;
    height: 30px;
    background-color: rgba(255, 0, 68, 0.7);
    border-radius: 50%;
    position: fixed;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 9999;
    border: solid white 2px;
    -webkit-transition: width 0.3s ease, height 0.3s ease;
    transition: width 0.3s ease, height 0.3s ease;
    top: 100px;
    left: -50px
  }
  #cursor.is-hover {
      width: 50px;
      height: 50px;
      background-color: rgba(255, 0, 68, 0.3);
    }
  /* * {
    cursor: none !important;
  } */
  .hero {
    --hero-h-offset          : var(--global-padding-h);
    --hero-height            : calc(60vh - var(--menu-height))
  }
  @media (min-width: 720px) {
  .hero {
      --hero-height  : calc(100vh - var(--menu-height) - 50px);
      --hero-h-offset: 60px
  }
    }
  @media (min-width: 1300px) {
  .hero {
      --hero-h-offset: 115px
  }
    }
  .hero {
    position                 : relative;
    display                  : -webkit-box;
    display                  : -ms-flexbox;
    display                  : flex;
    -webkit-box-orient           : vertical;
    -webkit-box-direction           : reverse;
        -ms-flex-direction           : column-reverse;
            flex-direction           : column-reverse;
    -webkit-box-align              : start;
        -ms-flex-align              : start;
            align-items              : flex-start;
    -webkit-box-pack          : center;
        -ms-flex-pack          : center;
            justify-content          : center;
    height                   : auto;
    min-height               : var(--hero-height);
    margin-top               : calc(74px * 1);
    margin-top               : calc(74px * 1);
    margin-top               : calc(var(--menu-height) * 1);
    padding-bottom           : 30px;
    background-color         : #fcf7ef;
    background-color         : #fcf7ef;
    background-color         : var(--sand-color);
    color                    : inherit;
    border-bottom-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-bottom-left-radius: var(--hero-border-radius);
    overflow                 : hidden
  }
  @media (min-width: 720px) {
  .hero {
      padding-top: 30px
      /* padding-bottom: */
  }
    }
  .hero--medium {
      --hero-height: calc(75vh - var(--menu-height) - 50px);
      margin-bottom: calc(60px / 2);
      margin-bottom: calc(60px / 2);
      margin-bottom: calc(var(--section-spacer-v) / 2);
      overflow     : visible;
    }
  .hero--medium .hero__title {
        max-width: none;
      }
  .hero--small {
      --hero-height : 370px;
      margin-bottom : 100px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      overflow      : visible;
    }
  @media (max-width: 719px) {
  
    .hero__content--archive .hero__header {
        position : absolute;
        top      : -20px;
        left     : 0;
        right    : 0;
        -webkit-transform: translate(0, -100%);
                transform: translate(0, -100%)
    }
      }
  .hero__content {
      /* padding    : 20px; */
      margin-left  : calc(var(--hero-h-offset) + var(--hero-h-offset));
      margin-top   : 40px;
      z-index      : 9;
      width        : auto;
      padding-right: var(--hero-h-offset);
      position     : relative;
    }
  .hero__content .hero__text,
      .hero__content p {
        font-size: 1.8rem;
      }
  @media (min-width: 720px) {
  
    .hero__content {
        position       : relative;
        display        : -webkit-box;
        display        : -ms-flexbox;
        display        : flex;
        -webkit-box-orient : vertical;
        -webkit-box-direction : normal;
            -ms-flex-direction : column;
                flex-direction : column;
        -webkit-box-align    : ccenter;
            -ms-flex-align    : ccenter;
                align-items    : ccenter;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        margin-top     : 0;
        margin-left    : calc(var(--hero-h-offset) * 0.5);
        padding-right  : 0;
        width          : calc(75% - var(--hero-h-offset) - calc(var(--hero-h-offset) * 0.5) - 60px)
    }
      }
  @media (max-width: 599px) {
  
    .hero__content {
        margin-left: calc(var(--hero-h-offset) * 5)
    }
      }
  @media (min-width: 1300px) {
  
    .hero__content {
        margin-right: 0;
        margin-left : var(--hero-h-offset);
        width       : calc(50% - var(--hero-h-offset) - calc(var(--hero-h-offset) * 0.5) - 20px)
    }
      }
  .hero--small .hero__content {
        position     : relative;
        top          : auto;
        left         : auto;
        right        : auto;
        bottom       : auto;
        -webkit-transform    : none;
                transform    : none;
        margin-top   : 50px;
        margin-bottom: 30px;
        max-width    : none;
        margin-left  : var(--hero-h-offset);
        margin-right : 10px;
        margin-right : 10px;
        margin-right : var(--global-padding-h);
        width        : auto
      }
  @media (min-width: 720px) {
  
      .hero--small .hero__content {
          margin-top: 100px
      }
        }
  @media (min-width: 1300px) {
  
      .hero--small .hero__content {
          width        : 80%;
          margin-right : 0;
          margin-bottom: 50px;
      }
  
          .hero--small .hero__content .hero__text,
          .hero--small .hero__content .hero__text + p {
            width: 80%;
          }
        }
  @media (min-width: 720px) {
  
      .hero__content--archive {
          left: 100px
      }
        }
  .hero--medium .hero__content {
        max-width: none
      }
  @media (min-width: 1300px) {
  
      .hero--medium .hero__content {
          width: calc(60% - (100px + 120px))
      }
        }
  @media (min-width: 720px) {
  
        .hero--medium .hero__content:not(.hero__content--archive) {
            width: calc(40% - var(--hero-h-offset))
        }
          }
  @media (max-width: 719px) {
  
    .hero__text,
    .hero__text + p {
        color: #250044;
        color: #250044;
        color: var(--main-font-color)
    }
      }
  .hero__category {
      margin-bottom: 10px;
    }
  .white-color .hero__category {
        color: white;
      }
  .hero__back {
      margin-bottom: 45px
    }
  .hero__back.btn {
        padding-left: 37px
      }
  .hero__back.btn::after {
          left     : 0;
          -webkit-transform: translateY(-50%) scaleX(-1);
                  transform: translateY(-50%) scaleX(-1);
        }
  .hero__label {
      margin-bottom: 20px;
    }
  .hero__title {
      position      : relative;
      text-transform: uppercase;
      padding-bottom: 20px;
      margin-bottom : 50px;
      color         : #ff0044;
      color         : #ff0044;
      color         : var(--primary-color);
    }
  @media (max-width: 719px) {
  
      .hero:not(.hero--medium) .hero__content--archive .hero__title {
          font-size    : 6rem;
          margin-bottom: 100px
      }
        }
  @media (max-width: 450px) {
  
      .hero:not(.hero--medium) .hero__content--archive .hero__title {
          font-size    : 4rem;
          margin-bottom: 80px
      }
        }
  @media (max-width: 719px) {
  
      .hero__title--superhero {
          font-size: 4rem
      }
        }
  .hero__title:after {
        content         : "";
        height          : 10px;
        width           : 40px;
        background-color: #ff0044;
        background-color: #ff0044;
        background-color: var(--primary-color);
        position        : absolute;
        left            : 0;
        bottom          : -5px;
      }
  .hero__content--archive .hero__title:after {
          background-color: white;
        }
  @media (min-width: 720px) {
  
      .hero__title:after {
          height: 15px;
          width : 78px;
          bottom: -15px
      }
        }
  .hero--small .hero__title {
        max-width: none;
      }
  .hero__title.title-h2 {
        text-transform: none;
      }
  .hero__title strong {
        position    : relative;
        z-index     : 0;
        -webkit-box-shadow  : inset 0 -30px rgba(252, 186, 40, 0.8);
                box-shadow  : inset 0 -30px rgba(252, 186, 40, 0.8);
        padding-left: 8px;
        margin-left : -8px
      }
  @media (min-width: 720px) {
  
      .hero__title strong {
          -webkit-box-shadow  : inset 0 -46px rgba(252, 186, 40, 0.8);
                  box-shadow  : inset 0 -46px rgba(252, 186, 40, 0.8);
          padding-left: 18px;
          margin-left : -18px
      }
        }
  .hero__title.white-color {
        color: white
      }
  .hero__title.white-color::after {
          background-color: white;
        }
  .hero__bg {
      display                  : block;
      margin-left              : var(--hero-h-offset);
      position                 : relative;
      border-bottom-left-radius: 80px;
      border-bottom-left-radius: 80px;
      border-bottom-left-radius: var(--hero-border-radius);
      overflow                 : hidden;
      height                   : var(--hero-height)
    }
  @media (min-width: 720px) {
  
    .hero__bg {
        position   : absolute;
        margin-left: 0;
        top        : 0;
        left       : var(--hero-h-offset);
        right      : 0;
        bottom     : 0;
        height     : auto
    }
      }
  .hero__bg:after {
        content                  : "";
        background-color         : inherit;
        mix-blend-mode           : darken;
        position                 : absolute;
        left                     : 0;
        top                      : 0;
        bottom                   : 0;
        z-index                  : 1;
        border-bottom-left-radius: 80px;
        border-bottom-left-radius: 80px;
        border-bottom-left-radius: var(--hero-border-radius);
        background-color         : #ff0044;
        background-color         : #ff0044;
        background-color         : var(--primary-color);
        width                    : 40%
      }
  @media (min-width: 720px) {
  
      .hero__bg:after {
          width: 75%
      }
        }
  @media (min-width: 1300px) {
  
      .hero__bg:after {
          width: 50%
      }
        }
  @media (min-width: 1300px) {
  
        .hero--medium .hero__bg:after {
            width: 60%
        }
          }
  .hero__bg--insights::after {
        background-color: #25b3c3;
        background-color: #25b3c3;
        background-color: var(--secondary-color);
      }
  .hero__bg--products::after {
        background-color: #fcba28;
        background-color: #fcba28;
        background-color: var(--accent-color-1);
        opacity         : 0.8;
        mix-blend-mode  : unset;
      }
  @media (max-width: 719px) {
  
      .hero--medium .hero__bg {
          --hero-height: calc(40vh)
      }
        }
  .hero__bg--special:after {
            width:100%;
          }
  .hero__bg-img {
      -o-object-fit: cover;
         object-fit: cover;
      max-width : 100%;
      width     : 100%;
      display   : block;
      height    : 100%;
    }
  .hero__bg-img--blur {
        position  : absolute;
        left      : 0;
        bottom    : 0;
        -webkit-filter: blur(5px);
                filter: blur(5px);
        overflow  : hidden;
        width     : 100%;
        -o-object-fit: cover;
           object-fit: cover;
        height    : 100%;
        -webkit-clip-path : polygon(0 0, 40% 0, 40% 100%, 0% 100%);
                clip-path : polygon(0 0, 40% 0, 40% 100%, 0% 100%)
      }
  @media (min-width: 720px) {
  
      .hero__bg-img--blur {
          -webkit-clip-path: polygon(0 0, 75% 0, 75% 100%, 0% 100%);
                  clip-path: polygon(0 0, 75% 0, 75% 100%, 0% 100%)
      }
        }
  @media (min-width: 1300px) {
  
      .hero__bg-img--blur {
          -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);
                  clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%)
      }
        }
  @media (min-width: 1300px) {
  
        .hero--medium .hero__bg-img--blur {
            -webkit-clip-path: polygon(0 0, 60% 0, 60% 100%, 0% 100%);
                    clip-path: polygon(0 0, 60% 0, 60% 100%, 0% 100%)
        }
          }
  .hero__bg-img--special{
        float: right;position: relative;width: 50%;border-bottom-left-radius: 100px;z-index: 2;
      }
  .hero__svg-container {
      position: absolute;
      top     : 0;
      right   : 0;
      bottom  : 0;
      width   : 30%;
      z-index : 2;
      display : none
    }
  @media (min-width: 1300px) {
  
    .hero__svg-container {
        width  : 63%;
        display: block
    }
      }
  .hero__svg-container svg {
        position: absolute;
        height  : auto;
        width   : auto;
      }
  .hero__svg-container svg * {
          stroke-width: 4px;
        }
  .hero__svg-container .shape1 {
        height: 50%;
        left  : 15%;
        top   : 7%;
      }
  .hero__svg-container .shape2 {
        height   : 60%;
        top      : 50%;
        left     : 60%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
      }
  .hero__svg-container--insights .shape1 {
          top   : 15%;
          height: 45%;
          left  : 25%;
        }
  .hero__svg-container--insights .shape2 {
          height   : 67%;
          top      : 60%;
          left     : 30%;
          -webkit-transform: translate(0%, -50%);
                  transform: translate(0%, -50%);
        }
  .hero__svg-container--products .shape1 {
          height   : 35%;
          top      : 50%;
          left     : 50%;
          right    : auto;
          bottom   : auto;
          -webkit-transform: translate(-50%, -90%);
                  transform: translate(-50%, -90%);
        }
  .hero__svg-container--products .shape2 {
          height   : 35%;
          top      : 50%;
          left     : 50%;
          right    : auto;
          bottom   : auto;
          -webkit-transform: translate(-50%, -10%);
                  transform: translate(-50%, -10%);
        }
  .hero__svg-container *[class*="shape"] {
        mix-blend-mode: darken;
        top           : 50%;
        left          : 50%;
        -webkit-transform     : translate(-50%, -50%);
                transform     : translate(-50%, -50%);
        max-width     : 80%;
        max-height    : 80%;
        height        : auto;
      }
  .hero__svg-container--decor1 svg.shape1 {
          width: 50%;
        }
  .hero__svg-container--decor1 svg.shape2 {
          top  : 65%;
          left : 35%;
          width: 25%;
        }
  .hero__svg-container--decor2 svg.shape1 {
          height: 50%;
        }
  .hero__svg-container--decor2 svg.shape2 {
          height: 50%;
        }
  .hero__svg-container--decor3 svg.shape1 {
          width: 40%;
        }
  .hero__picture {
      display        : -webkit-box;
      display        : -ms-flexbox;
      display        : flex;
      -webkit-box-align    : center;
          -ms-flex-align    : center;
              align-items    : center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      z-index        : 0;
      height         : 25vh;
      max-width      : 60%;
      margin-bottom  : -120px;
      margin-top     : 20px;
      margin-left    : auto;
      padding-right  : 20px;
    }
  .hero__picture .hero__img {
        height: 100%;
      }
  @media (max-width: 599px) {
  
    .hero__picture {
        margin-bottom  : 0;
        margin-right   : auto;
        padding-right  : 0;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center
    }
      }
  @media (min-width: 720px) {
  
    .hero__picture {
        position       : absolute;
        top            : -50px;
        bottom         : -50px;
        right          : 0;
        width          : 60%;
        height         : auto;
        margin-bottom  : 0;
        margin-top     : 0;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-right  : 0
    }
      }
  .hero--small .hero__picture {
        display: none
      }
  @media (min-width: 1300px) {
  
      .hero--small .hero__picture {
          display: block
      }
        }
  .hero__picture-container {
      position: relative;
      /* width: 100%; */
      height  : 100%
    }
  @media (min-width: 1150px) {
  
    .hero__picture-container {
        height: 80%
    }
      }
  .hero--small .hero__picture-container {
        width: 100%;
      }
  .hero__picture-container--blog {
        height: auto;
      }
  /* width: 0; */
  .hero__picture-container--blog img,
        .hero__picture-container--blog svg {
          height   : 200px;
          max-width: 450px
        }
  @media (min-width: 720px) {
        .hero__picture-container--blog img,
        .hero__picture-container--blog svg {
            height: calc(var(--hero-height) - 50px)
        }
          }
  @media (min-width: 1300px) {
        .hero__picture-container--blog img,
        .hero__picture-container--blog svg {
            max-width: none
        }
          }
  .hero__picture-container--page {
        display        : -webkit-box;
        display        : -ms-flexbox;
        display        : flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align    : center;
            -ms-flex-align    : center;
                align-items    : center;
      }
  .hero__picture-container .blog-shape1,
      .hero__picture-container .blog-shape2,
      .hero__picture-container .blog-shape3 {
        position      : absolute;
        top           : 50%;
        left          : 50%;
        -webkit-transform     : translate(-50%, -50%);
                transform     : translate(-50%, -50%);
        mix-blend-mode: darken;
      }
  .hero__img img {
        height    : 100%;
        max-height: calc(75vh - 74px - 80px);
        max-height: calc(75vh - 74px - 80px);
        max-height: calc(75vh - var(--menu-height) - 80px);
        width     : auto;
        display   : block;
        -o-object-fit: cover;
           object-fit: cover;
      }
  .hero__img *[class*="shape"] {
        position  : absolute;
        top       : 50%;
        left      : 50%;
        -webkit-transform : translate(-50%, -50%);
                transform : translate(-50%, -50%);
        max-width : 40%;
        max-height: 40%;
      }
  .hero__img--decor1 .shape1 {
          left      : 3%;
          top       : 17%;
          width     : auto;
          height    : 60%;
          max-width : none;
          max-height: none;
        }
  .hero__img--decor1 .shape2 {
          top       : auto;
          left      : auto;
          right     : -5%;
          bottom    : -5%;
          -webkit-transform : translate(0, 0);
                  transform : translate(0, 0);
          width     : auto;
          height    : 28%;
          max-width : none;
          max-height: none;
        }
  .accordion__list {
      --accordion_line_width : 4px;
      --accordion_bullet     : 25px;
      --accordion_left_offset: 50px
    }
  @media (max-width: 719px) {
    .accordion__list {
        --accordion_left_offset: 30px;
        margin-left: calc(10px + 6px);
        margin-left: calc(10px + 6px);
        margin-left: calc(var(--global-padding-h) + 6px)
    }
      }
  .accordion__list {
  
      position               : relative;
      padding-left           : var(--accordion_left_offset) !important
    }
  .accordion__list::before {
        content         : '';
        width           : 4px;
        height          : 100%;
        background-color: #ff0044;
        background-color: #ff0044;
        background-color: var(--primary-color);
        position        : absolute;
        left            : 0;
        top             : -10px;
        -webkit-transition      : all 3s;
        transition      : all 3s
      }
  @media (max-width: 719px) {
  
      .accordion__list::before {
          height          : calc(100% - 30px)
      }
  
        }
  .accordion__item {
      position: relative
    }
  .accordion__item::before {
        content         : '';
        position        : absolute;
        width           : var(--accordion_bullet);
        height          : var(--accordion_bullet);
        background-color: #25b3c3;
        background-color: #25b3c3;
        background-color: var(--secondary-color);
        mix-blend-mode  : darken;
        left            : calc((var(--accordion_line_width) / 2) - var(--accordion_left_offset));
        top             : 20px;
        -webkit-transform       : translate(-50%, 0%);
                transform       : translate(-50%, 0%);
        border-radius   : 50%;
        -webkit-transition      : all 0.3s;
        transition      : all 0.3s;
      }
  .accordion__overflow {
      overflow: hidden;
      height: 0;
      -webkit-transition: height .7s cubic-bezier(0.33, 1, 0.68, 1);
      transition: height .7s cubic-bezier(0.33, 1, 0.68, 1)
    }
  .accordion__overflow.is-active {
        height: auto;
      }
  .accordion__inner {
      opacity: 0;
      -webkit-transition: all .7s ease;
      transition: all .7s ease;
    }
  .accordion__overflow.is-active .accordion__inner {
      opacity: 1;
      -webkit-transition: all .7s .4s ease;
      transition: all .7s .4s ease;
    }
  .btn {
    display: inline-block;
    position: relative;
    padding: 16px 70px 16px 40px;
    min-width: 230px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.4rem;
    letter-spacing: 1px;
    font-weight: 600;
    text-align: center;
    border: none;
    outline: none;
    font-family: "circle";
    background-color: #fff;
    background-color: #fff;
    background-color: var(--light-color);
    color: #250044;
    color: #250044;
    color: var(--main-font-color);
    -webkit-box-shadow: 4px 3px 30px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 3px 30px rgba(0, 0, 0, 0.1);
    line-height: 1.2
  }
  .btn:after {
      content: "";
      background-image: url("assets/images/icons/arrow--white.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center;
      width: 26px;
      height: 26px;
      display: block;
      position: absolute;
      right: 20px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
    }
  .btn--primary {
      background-color: #ff0044;
      background-color: #ff0044;
      background-color: var(--primary-color);
      color: #fff;
      color: #fff;
      color: var(--light-color);
      -webkit-box-shadow: 0 0 20px rgba(8, 0, 255, 0.16);
      box-shadow: 0 0 20px rgba(8, 0, 255, 0.16);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease
    }
  .btn--primary:hover {
        background-color: #25b3c3;
        background-color: #25b3c3;
        background-color: var(--secondary-color);
        -webkit-box-shadow: 4px 3px 30px rgba(37, 179, 195, 0.41);
                box-shadow: 4px 3px 30px rgba(37, 179, 195, 0.41);
      }
  .btn--primary:after {
        background-image: url("assets/images/icons/arrow--yellow.svg");
      }
  .btn--secondary {
      background-color: #25b3c3;
      background-color: #25b3c3;
      background-color: var(--secondary-color);
      color: #fff;
      color: #fff;
      color: var(--light-color);
      -webkit-box-shadow: 4px 3px 30px rgba(37, 179, 195, 0.4);
              box-shadow: 4px 3px 30px rgba(37, 179, 195, 0.4);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease
    }
  .btn--secondary:hover {
        background-color: #ff0044;
        background-color: #ff0044;
        background-color: var(--primary-color);
        -webkit-box-shadow: 4px 3px 30px rgba(255, 0, 68, 0.41);
                box-shadow: 4px 3px 30px rgba(255, 0, 68, 0.41);
      }
  .btn--secondary:after {
        background-image: url("assets/images/icons/arrow--yellow.svg");
        right: unset;
        left: 20px;
      }
  .btn--small {
      display: inline-block;
      padding: 15px 60px;
      max-width: none;
      width: auto;
      font-size: 1.6rem
    }
  .btn--small:after {
        width: 25px;
        height: 25px;
      }
  .btn--card {
      position: relative;
      padding: 20px 55px 20px 20px;
      font-size: 2.6rem;
      text-transform: uppercase;
      text-decoration: none;
      text-align: left;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      height: 100%;
      width: 100%;
      max-width: none;
      font-weight: 600;
      -webkit-box-shadow: unset;
              box-shadow: unset;
      -webkit-box-shadow: 4px 3px 30px rgba(0, 0, 0, 0);
              box-shadow: 4px 3px 30px rgba(0, 0, 0, 0);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease
    }
  @media (min-width: 720px) {
  
    .btn--card {
        padding: 38px 80px 38px 45px;
        font-size: 3.6rem
    }
      }
  .btn--card svg {
        fill: #fcba28;
        fill: #fcba28;
        fill: var(--accent-color-1);
        position: absolute;
        bottom: 20px;
        right: 20px
      }
  @media (min-width: 720px) {
  
      .btn--card svg {
          bottom: 38px;
          right: calc(45px - 3px)
      }
        }
  .btn--card.btn--load-more svg {
          -webkit-transform: rotate(90deg);
                  transform: rotate(90deg);
        }
  .btn--card:hover {
        color: white
      }
  .btn--card:hover.primary-color {
          background-color: #ff0044;
          background-color: #ff0044;
          background-color: var(--primary-color);
          -webkit-box-shadow: 0 0 20px rgba(8, 0, 255, 0.16);
          box-shadow: 0 0 20px rgba(8, 0, 255, 0.16);
        }
  .btn--card::after,
      .btn--card::before {
        display: none;
      }
  .btn--card--cta {
        /* font-size: 4rem; */
        width: 100%;
        max-width: 400px;
        min-height: 250px;
        position: relative
      }
  .btn--card--cta.primary-color {
          background-color: #ff0044;
         
          background-color: var(--primary-color);
          color: white;
          -webkit-box-shadow: 0 0 20px rgba(8, 0, 255, 0.16);
          box-shadow: 0 0 20px rgba(8, 0, 255, 0.16);
        }
  .btn--link {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0 0 0 50px;
      max-width: none;
      width: auto;
      font-size: 1.4rem;
      -webkit-box-shadow: none;
              box-shadow: none;
      background-color: transparent;
      color: #250044;
      color: #250044;
      color: var(--main-font-color)
    }
  .btn--link:after {
        background-image: url("assets/images/icons/arrow--red.svg");
        right: unset;
        left: 20px;
        width: 25px;
        height: 25px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
      }
  .btn--link--outside {
        min-width: auto;
        padding: 0
      }
  .btn--link--outside::after {
          position: relative;
          right: auto;
          left: auto;
          top: auto;
          bottom: auto;
          margin-left: 16px;
          -webkit-transform: translateY(-2px) rotate(-45deg);
                  transform: translateY(-2px) rotate(-45deg);
        }
  .btn--link--secondary::after {
        background-image: url("assets/images/icons/arrow--blue.svg");
      }
  .btn--primary-color:after {
        background-image: url("assets/images/icons/arrow--red.svg");
      }
  .btn--accent-color:after {
        background-image: url("assets/images/icons/arrow--yellow.svg");
      }
  .btn--white-color:after {
        background-image: url("assets/images/icons/arrow--white.svg");
      }
  .btn--reverse {
      padding: 0 35px 0 0
    }
  .btn--reverse:after {
        left: unset;
        right: 0;
      }
  .btn:disabled {
      pointer-events: none;
    }
  .wpcf7 input.btn {
    padding: 16px 40px 16px 50px;
  }
  .btn{
     /* &:hover{
          cursor:pointer;
          &:after{
              animation: b_anim_grow .2s linear forwards;
  
          }
      }
  
      &:after{
          animation: b_anim_shine .7s ease-in-out  alternate infinite;
  
      }
  */
  }
  @-webkit-keyframes b_anim_shine {
          to{
              right: 30px;
              -webkit-transform:translateY(-50%) scale(1);
                      transform:translateY(-50%) scale(1); 
      
          }
      }
  @keyframes b_anim_shine {
          to{
              right: 30px;
              -webkit-transform:translateY(-50%) scale(1);
                      transform:translateY(-50%) scale(1); 
      
          }
      }
  @-webkit-keyframes b_anim_grow {
          to{
              -webkit-transform-origin: center center;
                      transform-origin: center center;
              -webkit-transform: translateY(-50%) scale(1.6) ;
                      transform: translateY(-50%) scale(1.6) ;
              top:50%; 
          }
      }
  @keyframes b_anim_grow {
          to{
              -webkit-transform-origin: center center;
                      transform-origin: center center;
              -webkit-transform: translateY(-50%) scale(1.6) ;
                      transform: translateY(-50%) scale(1.6) ;
              top:50%; 
          }
      }
  .breadcrumb__container {
      position: fixed;
      left: calc(10px - 3px);
      left: calc(10px - 3px);
      left: calc(var(--global-padding-h) - 3px);
      top: 74px;
      top: 74px;
      top: var(--menu-height);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      z-index: 0;
      line-height: 1.4
    }
  @media (max-width: 719px) {
    .breadcrumb__container {
        display: none
    }
      }
  .breadcrumb {
      position: absolute;
      top: 0;
      right: 0;
      /* display: flex; */
      white-space: nowrap;
      -webkit-transform-origin: top right;
              transform-origin: top right;
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg)
    }
  .breadcrumb:not(.breadcrumb--home) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
      }
  .breadcrumb:not(.breadcrumb--home) * {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
    }
  .breadcrumb a {
      text-decoration: none;
      color: inherit;
      margin-left: 10px;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease
    }
  .breadcrumb a:not(:last-child)::after {
        content: "<";
        margin-right: 10px;
        color: #250044;
        color: #250044;
        color: var(--main-font-color);
      }
  .breadcrumb a:hover {
        color: #ff0044;
        color: #ff0044;
        color: var(--primary-color)
      }
  .breadcrumb a:hover::after {
          color: #250044;
          color: #250044;
          color: var(--main-font-color);
        }
  @media (min-width: 1000px) {
  .dc-accordion-list:not(:first-child) {
              margin-top: 10px
      }
          }
  @media (max-width: 999px) {
  .dc-accordion-list {
          border-bottom: solid rgba(255,255,255, .6) 1px
  }
      }
  .dc-accordion-btn {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      text-decoration: none;
      border: none;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      outline: none;
      cursor: pointer
  }
  @media (max-width: 999px) {
  .dc-accordion-btn {
          background: transparent;
          padding: 15px 0px;
          background-image: none !important
  }
      }
  @media (min-width: 1000px) {
  .dc-accordion-btn {
          padding: 50px 40px;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover;
          z-index: 0
  }
      }
  .dc-accordion-btn::before {
          content:'';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-color: #250044;
          background-color: #250044;
          background-color: var(--marine-color);
          opacity: .5;
          z-index: 0;
          -webkit-transition: all .4s ease;
          transition: all .4s ease
      }
  @media (max-width: 999px) {
  .dc-accordion-btn::before {
              display: block
      }
          }
  .dc-accordion-btn:hover::before, .dc-accordion-btn.is-active::before {
              opacity: .2;
          }
  .dc-accordion-btn .icon {
          fill: #ff0044;
          fill: #ff0044;
          fill: var(--primary-color);
          position: absolute;
          font-size: 2.4rem
      }
  @media (max-width: 999px) {
  
  
      .dc-accordion-btn .icon {
              right: 0;
              bottom: 50%;
              -webkit-transform: translate(0, 50%) rotate(90deg);
                      transform: translate(0, 50%) rotate(90deg)
      }
          }
  @media (min-width: 1000px) {
  
  
      .dc-accordion-btn .icon {
              bottom: 5px;
              right: 20px;
              -webkit-transform: rotate(90deg);
                      transform: rotate(90deg)
      }
          }
  @media (max-width: 999px) {
  .dc-accordion-btn.is-active .icon {
              -webkit-transform: translate(0, 50%) rotate(-90deg);
                      transform: translate(0, 50%) rotate(-90deg)
      }
          }
  @media (min-width: 1000px) {
  .dc-accordion-btn.is-active .icon {
              bottom: 8px;
              right: 17px
      }
          }
  .dc-accordion-btn-title {
      color: white;
      font-size: 2.7rem;
      margin-bottom: 0
  }
  @media (max-width: 999px) {
  .dc-accordion-btn-title {
          font-size: 2rem
  }
      }
  .dc-accordion-list-overflow {
      overflow: hidden;
      height: 0;
      -webkit-transition: all .6s cubic-bezier(0.33, 1, 0.68, 1);
      transition: all .6s cubic-bezier(0.33, 1, 0.68, 1);
  }
  .dc-accordion-list-overflow .dc-card:not(:first-child) {
          margin-top: 10px;
      }
  .dc-accordion-list-overflow .dc-card {
          opacity: 0;
          -webkit-transform: translate(0, 20px);
                  transform: translate(0, 20px);
          -webkit-transition: all .4s ease;
          transition: all .4s ease;
          
      }
  .dc-accordion-list-overflow.is-active .dc-card {
          opacity: 1;
          -webkit-transform: translate(0,0);
                  transform: translate(0,0);
          -webkit-transition: all .4s .3s ease-out;
          transition: all .4s .3s ease-out;
      }
  .dc-accordion-list-inner {
      padding-bottom: 10px;
      padding-top: 10px;
  }
  .dc-accordion-back {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 10px;
      font-size: 1.6rem;
      opacity: 0;
      height: 0;
      overflow: hidden;
      pointer-events: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      cursor: pointer;
      -webkit-transition: height .3s .25s ease-out, color .4s 0s ease, opacity .3s 0s ease;
      transition: height .3s .25s ease-out, color .4s 0s ease, opacity .3s 0s ease
    }
  @media (max-width: 999px) {
  .dc-accordion-back {
          display: none
    }
      }
  .dc-accordion-back .icon {
        fill: white;
        -webkit-transform: scaleX(-1);
                transform: scaleX(-1);
        margin-right: 10px;
        -webkit-transition: fill .4s ease-out;
        transition: fill .4s ease-out; 
      }
  .dc-accordion-back.is-active  {
          height: 20px;
          opacity: 1; 
          pointer-events: auto;
          -webkit-user-select: auto;
             -moz-user-select: auto;
              -ms-user-select: auto;
                  user-select: auto;
          -webkit-transition: height .3s ease-out, color .4s ease, opacity .3s .25s ease;
          transition: height .3s ease-out, color .4s ease, opacity .3s .25s ease; 
      }
  .dc-accordion-back:hover {
          color: #fcba28;
          color: #fcba28;
          color: var(--accent-color-1);
      }
  .dc-accordion-back:hover .icon {
              fill: #fcba28;
              fill: #fcba28;
              fill: var(--accent-color-1);
              -webkit-transition: fill .4s ease-out;
              transition: fill .4s ease-out; 
          }
  .dc-card {
      padding: 20px 16px;
      background-color: rgba(35,0,68,1)
  }
  @media (max-width: 999px) {
  .dc-card {
          background-color: rgba(0,0,0,.2)
  }
      }
  .dc-card ul,
      .dc-card p + ul {
          list-style: disc;
          padding-left: 16px;
          margin-bottom: 2rem;
      }
  .dc-card ul li, .dc-card p + ul li {
              padding-left: 0rem;
          }
  .dc-card p + ul {
          margin-top: 0;
      }
  .dc-card p + ul li::before,
              .dc-card p + ul li::after {
                  display: none;
              }
  .dc-card-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      grid-gap: 10px;
      grid-gap: 10px;
      gap: 10px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  }
  .dc-card-title {
  }
  .dc-card-tabs {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      margin-left: -12px;
  }
  .dc-card-tab {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-left: 12px;
      padding-right: 12px;
      padding-top: 20px;
      padding-bottom: 20px;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      border: none;
      outline: none;
      cursor: pointer;
      -webkit-box-shadow: none;
              box-shadow: none;
      background-color: transparent;
  }
  .dc-card-tab .icon {
          font-size: 2.1rem;
          fill: white;
          opacity: .22;
          -webkit-transition: all .4s ease;
          transition: all .4s ease;
      }
  .dc-card-tab:hover .icon {
              opacity: .8;
          }
  .dc-card-tab.is-active {
          pointer-events: none;
      }
  .dc-card-tab.is-active .icon {
              opacity: 1;
              fill: #25b3c3;
              fill: #25b3c3;
              fill: var(--secondary-color)
          }
  .dc-card-subtitle {
      color: #25b3c3;
      color: #25b3c3;
      color: var(--secondary-color);
      margin-bottom: 10px;
  }
  .dc-card-contents {
      position: relative;
  }
  .dc-card-content {
      font-size: 1.5rem;
      display: none
  }
  .dc-card-content.is-active {
          display: block;
      }
  .dc-card-footer {
      padding-top: 20px;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0;
      border-top: solid 1px rgba(255,255,255,.22);
  }
  .dc-card-link {
      color: #25b3c3;
      color: #25b3c3;
      color: var(--secondary-color);
      text-decoration: none;
  }
  .dc-card-link .icon {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin-left: .5em;
          margin-bottom: -.2em;
          -webkit-transform-origin: center center;
                  transform-origin: center center;
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          fill: rgba(255,255,255,.22);
          -webkit-transition: all .4s ease;
          transition: all .4s ease;
      }
  .dc-card-link:hover .icon {
              fill: #25b3c3;
              fill: #25b3c3;
              fill: var(--secondary-color);
          }
  .dc-card-logos {
      border-radius: 10px;
      background-color: white;
      padding: 18px 15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  }
  .dc-card-logos a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin: 8px 22px;
          cursor: pointer;
          max-width: 70px;
          max-height: 50px;
      }
  .dc-card-logos a img {
             max-height: 50px;
             max-width: 100%;
          }
  .menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    background-color: #ff0044;
    background-color: #ff0044;
    background-color: var(--primary-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0;
    display: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .menu--mobile {
      --darken-primary: rgba(37, 0, 68, 0.1);
      height: 100vh;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-top: 74px;
      padding-top: 74px;
      padding-top: var(--menu-height);
      overflow: hidden
    }
  @media (min-width: 1100px) {
  
    .menu--mobile {
        display: none !important
    }
      }
  .menu--mobile .menu-btn:not(.menu-btn--outside) a::after {
        background-image: url("assets/images/icons/arrow--yellow.svg");
      }
  .touch .menu--mobile .menu__list {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        padding-bottom: 10px;
        overflow-y: scroll;
      }
  @media (max-height: 750px) {
        .menu--mobile .menu__link {
          /* font-size: 1.8rem !important; */
          /* padding: 4px 0 !important; */
        }
        .menu--mobile .menu__list-item {
          padding-top: 0;
          padding-bottom: 0;
        }
      }
  .menu--desktop {
      display: none !important
    }
  @media (min-width: 1100px) {
  
    .menu--desktop {
        display: block !important
    }
      }
  .menu__list-item {
      padding: 7px 10px;
      padding: 7px 10px;
      padding: 7px var(--global-padding-h);
    }
  .menu > .menu__list > .menu-item > .menu__link {
        padding: 7px 0;
        display: inline-block;
        position: relative;
        font-family: "circle";
        font-weight: bold;
        font-size: 2rem;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        color: #fff;
        color: var(--light-color);
        border-bottom: none;
        z-index: 1;
      }
  @media (min-width: 1100px) {
    .menu {
      position: static;
      /* width: auto; */
      min-height: auto;
      height: auto;
      width: 100%;
      background-color: transparent;
      max-width: calc(100% - 190px);
      padding-bottom: 0
    }
  }
  @media (min-width: 1100px) and (min-width: 1300px) {
    .menu {
        max-width: calc(100% - 250px)
    }
      }
  @media (min-width: 1100px) {
    .menu {
      /*only for desktop*/
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
        .menu > .menu__list > .menu-item > .menu__link {
          border-bottom: none;
          padding: 0;
          display: inline-block;
          height: 100%;
          position: relative;
          font-family: "circle";
          font-weight: bold;
          font-size: 1.4rem;
          text-transform: uppercase;
          text-decoration: none;
          color: #250044;
          color: #250044;
          color: var(--main-font-color);
          z-index: 1;
          -webkit-transition: all 0.3s;
          transition: all 0.3s
        }
  
          .menu > .menu__list > .menu-item > .menu__link:before {
            content: "";
            position: absolute;
            height: 10px;
            right: 10px;
            -webkit-transform-origin: left center;
                    transform-origin: left center;
            -webkit-transform: scaleX(0);
                    transform: scaleX(0);
            background-color: #fcba28;
            background-color: #fcba28;
            background-color: var(--accent-color-1);
            bottom: 8px;
            left: -15px;
            z-index: -1;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
          }
            .menu > .menu__list > .menu-item > .menu__link--icon svg {
              display: block;
              width: 25px
            }
  
              .menu > .menu__list > .menu-item > .menu__link--icon svg > * {
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
              }
  
              .menu > .menu__list > .menu-item > .menu__link--icon svg.searchbar__svg {
                margin-left: 15px;
              }
  
            .menu > .menu__list > .menu-item > .menu__link--icon::before {
              right: 0;
              left: calc(100% - 30px);
            }
                .menu > .menu__list > .menu-item > .menu__link--icon.is-hovered svg > *, .menu > .menu__list > .menu-item > .menu__link--icon:hover svg > * {
                  fill: #ff0044;
                  fill: #ff0044;
                  fill: var(--primary-color);
                }
  
          .menu > .menu__list > .menu-item > .menu__link.is-hovered,
          .menu > .menu__list > .menu-item > .menu__link:hover {
            color: #ff0044;
            color: #ff0044;
            color: var(--primary-color)
          }
  
            .menu > .menu__list > .menu-item > .menu__link.is-hovered:before, .menu > .menu__list > .menu-item > .menu__link:hover:before {
              -webkit-transform: scaleX(1);
                      transform: scaleX(1);
            }
  
      .menu__list {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        list-style-type: none;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
      }
  
        .menu__list-item {
          /* padding:10px; */
          padding: 0
        }
  
          .menu__list-item:last-of-type {
            padding-right: 0;
          }
  
            .menu__list-item:last-of-type a {
              padding-right: 0;
            }
  }
  .menu-btn a {
      margin-right: 14px
      /* @media (min-width: 1100px) { */
    }
  .menu-btn a::after {
        content: "";
        display: inline-block;
        width: 25px;
        height: 25px;
        position: absolute;
        left: calc(100% + 14px);
        top: 50%;
        -webkit-transform: translate(0%, -50%);
                transform: translate(0%, -50%);
        background-image: url("assets/images/icons/arrow--red.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
      }
  .menu-btn a {
      /* } */
    }
  .menu-btn--outside a::after {
      top: calc(50% - 2px);
      -webkit-transform: translate(0%, -50%) rotate(-45deg);
              transform: translate(0%, -50%) rotate(-45deg);
      background-image: url("assets/images/icons/arrow--blue.svg");
    }
  header.navigation::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      background-color: white;
      -webkit-box-shadow: 0 0 20px rgba(8, 0, 255, 0.16);;
      box-shadow: 0 0 20px rgba(8, 0, 255, 0.16);;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease, -webkit-box-shadow 0.3s ease;
      transition: opacity 0.3s ease, -webkit-box-shadow 0.3s ease;
      transition: opacity 0.3s ease, box-shadow 0.3s ease;
      transition: opacity 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
    }
  header.navigation.is-scrolled .menu {
        opacity: 0;
      }
  header.navigation.is-scrolled:hover .menu {
        opacity: 1;
      }
  @media (min-width: 720px) {
  header.navigation.is-scrolled,
    header.navigation.is-small {
        height: calc(74px - 30px);
        height: calc(74px - 30px);
        height: calc(var(--menu-height) - 30px)
    }
      }
  header.navigation.is-scrolled:hover::before, header.navigation:not(.is-scrolled).is-small::before {
        opacity: 1;
        /* box-shadow    : 0 0 20px rgba(255, 0, 68, .16); */
      }
  .menu__list > .menu-item:not(.menu-item--icon):hover > a + .sub-menu, .menu__list > .menu-item .menu__link--icon.is-hovered + .sub-menu {
            pointer-events: auto;
            background-color: white;
            -webkit-box-shadow: 0 0 20px rgba(255, 0, 68, 0.16);
                    box-shadow: 0 0 20px rgba(255, 0, 68, 0.16);
            opacity: 1;
            -webkit-transition: all 0.3s ease, opacity 0s ease,
              height 0.5s cubic-bezier(0.25, 1, 0.5, 1);
            transition: all 0.3s ease, opacity 0s ease,
              height 0.5s cubic-bezier(0.25, 1, 0.5, 1);
          }
  .menu__list > .menu-item:not(.menu-item--icon):hover > a + .sub-menu .submenu__wrapper, .menu__list > .menu-item .menu__link--icon.is-hovered + .sub-menu .submenu__wrapper {
              opacity: 1;
              pointer-events: auto;
              -webkit-transition: all 0.3s 0.5s ease;
              transition: all 0.3s 0.5s ease;
            }
  .menu__list > .menu-item > .sub-menu {
          position: absolute;
          /* margin-top:120px; */
          overflow-y: scroll;
          left: 0;
          top: 0;
          z-index: -1;
          width: 100%;
          background-color: transparent;
          height: 74px;
          height: 74px;
          height: var(--menu-height);
          overflow: hidden;
          -webkit-box-shadow: 0 0 20px rgba(255, 0, 68, 0);
                  box-shadow: 0 0 20px rgba(255, 0, 68, 0);
          pointer-events: none;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
          opacity: 0;
        }
  .menu__list > .menu-item > .sub-menu > .submenu__wrapper > .submenu__box > .menu-item > .menu__link {
              color: #ff0044;
              color: #ff0044;
              color: var(--primary-color);
              font-size: 1.5rem;
              font-weight: 600;
              text-transform: uppercase;
              position: relative;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              display: inline-block;
              margin-bottom: 10px;
              max-width: none;
              width: auto;
              font-size: 1.6rem;
              -webkit-box-shadow: none;
                      box-shadow: none;
              background-color: transparent;
              text-decoration: none;
              -webkit-transition: all 0.3s ease;
              transition: all 0.3s ease
            }
  .menu__list > .menu-item > .sub-menu > .submenu__wrapper > .submenu__box > .menu-item > .menu__link:after {
                content: "";
                background-size: cover;
                display: block;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                        transform: translateY(-50%);
                background-image: url("assets/images/icons/arrow--orange.svg");
                left: -30px;
                width: 25px;
                height: 25px;
              }
  .menu__list > .menu-item > .sub-menu > .submenu__wrapper > .submenu__box > .menu-item > .menu__link:hover {
                color: #25b3c3;
                color: #25b3c3;
                color: var(--secondary-color);
              }
  .menu__list > .menu-item > .sub-menu > .submenu__wrapper > .submenu__box > .menu-item > .sub-menu .menu__link {
                font-family: circle;
                color: #ff0044;
                color: #ff0044;
                color: var(--primary-color);
                font-size: 1.5rem;
                text-decoration: none;
                -webkit-transition: all 0.3s ease;
                transition: all 0.3s ease
              }
  .menu__list > .menu-item > .sub-menu > .submenu__wrapper > .submenu__box > .menu-item > .sub-menu .menu__link:hover {
                  color: #25b3c3;
                  color: #25b3c3;
                  color: var(--secondary-color);
                }
  .menu .submenu__wrapper {
      padding: calc(74px) 10px 80px;
      padding: calc(74px) 10px 80px;
      padding: calc(var(--menu-height)) var(--global-padding-h) 80px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: 100%;
      opacity: 0;
      pointer-events: none;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
  .menu .submenu__box {
      width: 50%;
      padding-right: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1
    }
  .menu .submenu__box:first-child {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
      }
  .menu .submenu__box:first-child > .menu-item {
          padding-left: 80px;
        }
  .menu .submenu__box:last-child:not(:first-child) {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding-left: 40px;
        border-left: 4px solid #fcba28;
        border-left: 4px solid #fcba28;
        border-left: 4px solid var(--accent-color-1);
        padding-right: 0;
      }
  .menu__cta {
      display: none !important;
    }
  .menu--mobile .language__module {
        position: fixed;
        top: 10px;
        right: calc(10px + 65px);
        right: calc(10px + 65px);
        right: calc(var(--global-padding-h) + 65px);
        z-index: 10000;
        background-color: var(--darken-primary);
        -webkit-transition: background-color 0.3s 0.3s ease;
        transition: background-color 0.3s 0.3s ease
      }
  @media (min-width: 720px) {
      .menu--mobile .language__module {
          top: 30px
      }
        }
  .menu--mobile .language__module:hover,
        .menu--mobile .language__module.is-active {
          background-color: white;
          -webkit-transition: background-color 0.3s ease;
          transition: background-color 0.3s ease;
        }
  .menu--mobile .language__module:hover svg, .menu--mobile .language__module.is-active svg {
            fill: #250044;
            fill: #250044;
            fill: var(--main-font-color);
            -webkit-transition: fill 0.3s ease;
            transition: fill 0.3s ease;
          }
  .menu--mobile .language__btn {
        position: relative;
        cursor: pointer;
      }
  .menu--mobile .language__btn svg {
          position: absolute;
          fill: white;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
          top: calc(50% - 2px);
          left: 11px;
          -webkit-transform: translate(0, -50%);
                  transform: translate(0, -50%);
          font-size: 2.8rem;
          -webkit-transition: fill 0.3s 0.3s ease;
          transition: fill 0.3s 0.3s ease;
        }
  .menu--mobile .language__overflow {
        overflow: hidden;
        height: 0;
        -webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
        transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
      }
  .menu--mobile .language__item {
        font-family: "blogger";
        color: #250044;
        color: #250044;
        color: var(--main-font-color);
        font-weight: 700;
        text-decoration: none;
        font-size: 2rem;
        display: block;
        padding: 9px 20px 9px 50px;
        text-transform: uppercase;
      }
  .menu--mobile .language__item--current {
          color: #fcba28;
          color: #fcba28;
          color: var(--accent-color-1);
          padding: 16px 20px 13px 50px;
        }
  .menu--mobile .searchbar__form {
        margin-left: 10px;
        margin-left: 10px;
        margin-left: var(--global-padding-h);
        margin-right: 10px;
        margin-right: 10px;
        margin-right: var(--global-padding-h);
        position: relative;
        margin-bottom: 20px;
        margin-top: 40px
      }
  @media (max-height: 750px) {
      .menu--mobile .searchbar__form {
          margin-top: 10px
      }
        }
  @media (min-width: 720px) {
      .menu--mobile .searchbar__form {
          margin-top: 0
      }
        }
  .menu--mobile .searchbar__input {
        background-color: var(--darken-primary);
        color: white;
        padding-left: 100px;
        padding-left: 65px;
      }
  .menu--mobile .searchbar__button {
        position: absolute;
        top: 50%;
        left: 10px;
        right: auto;
        padding: 0;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
        pointer-events: none;
        width: 36px;
      }
  .menu--mobile .searchbar__button svg {
          fill: white;
          font-size: 3rem;
        }
  .overlay-card {
    --animation_offset: 7px;
  
    display: block;
    position: relative;
    background-color: white;
    cursor: pointer;
    -webkit-box-shadow: 3px 3px 20px rgba(0,0,0, .16);
            box-shadow: 3px 3px 20px rgba(0,0,0, .16);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
  }
  .overlay-card::before,
    .overlay-card::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
    }
  .overlay-card::before {
      z-index: -1;
      background-color: white;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
      opacity: 1;
    }
  .overlay-card::after {
      z-index: -2;
      background-color: #ff0044;
      background-color: #ff0044;
      background-color: var(--primary-color);
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
      opacity: 1;
      -webkit-box-shadow: 0px 0px 0px rgba(255, 0, 68, .31);
              box-shadow: 0px 0px 0px rgba(255, 0, 68, .31);
    }
  .overlay-card--secondary::after {
      background-color: #25b3c3;
      background-color: #25b3c3;
      background-color: var(--secondary-color);
    }
  .overlay-card:hover {
      -webkit-transform: translate(calc(var(--animation_offset) * -1), calc(var(--animation_offset) * -1));
              transform: translate(calc(var(--animation_offset) * -1), calc(var(--animation_offset) * -1))
    }
  .overlay-card:hover::after {
        -webkit-transform: translate(calc(var(--animation_offset) * 2), calc(var(--animation_offset) * 2));
                transform: translate(calc(var(--animation_offset) * 2), calc(var(--animation_offset) * 2));
        -webkit-box-shadow: 4px 3px 30px rgba(255, 0, 68, .31);
                box-shadow: 4px 3px 30px rgba(255, 0, 68, .31);
  
      }
  .overlay-card--secondary:hover::after {
      -webkit-box-shadow: 4px 3px 30px rgba(37, 179, 195, .41);
              box-shadow: 4px 3px 30px rgba(37, 179, 195, .41);
    }
  .hamburger {
    /* width:40px; */
    position: relative;
    z-index: 9999;
    text-decoration: none;
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .hamburger__icon {
      width: 50px;
      height: 50px;
      position: relative;
      margin-left: 10px;
    }
  .hamburger__text {
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
  .js-open-mobile .hamburger__text {
        opacity: 0;
      }
  .hamburger__line {
      position: absolute;
      top: 50%;
      left: 5px;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%);
      display: block;
      width: 40px;
      height: 6px;
      background-color: #ff0044;
      background-color: #ff0044;
      background-color: var(--primary-color);
      border-radius: 20px;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease
    }
  .hamburger__line:nth-child(1) {
        top: calc(50% - 6px);
      }
  .hamburger__line:nth-child(2) {
        top: calc(50% + 6px);
        width: 32px;
      }
  .js-open-mobile .hamburger__line {
        background-color: white
      }
  .js-open-mobile .hamburger__line:nth-child(1) {
          top: calc(50%);
          -webkit-transform: translate(0, -50%) rotate(45deg);
                  transform: translate(0, -50%) rotate(45deg);
          width: 32px;
        }
  .js-open-mobile .hamburger__line:nth-child(2) {
          top: calc(50%);
          -webkit-transform: translate(0, -50%) rotate(-45deg);
                  transform: translate(0, -50%) rotate(-45deg);
          width: 32px;
        }
  @media (min-width: 1100px) {
    .hamburger {
      display: none;
    }
  }
  .home-cta {
    margin-top: 60px;
    margin-top: 60px;
    margin-top: var(--section-spacer-v);
  }
  /*
  * When the menu is open, set the fill to path to white  
  * And the blend-mix-mode to revert for the group-ptc
  *
  *
  */
  .logo{
      --logo-height: 50px
  }
  @media (min-width: 720px) {
  .logo{
          --logo-height: 70px
  }
      }
  .logo{
  
  
      position:relative;
      z-index: 9999
  }
  @media (min-width: 720px) {
  .logo{
          -webkit-transform: translate(0, -7px);
                  transform: translate(0, -7px)
  }
      }
  .logo__svg{
          height: var(--logo-height);
          -webkit-transition: all .3s ease;
          transition: all .3s ease;
      }
  .is-small .logo__svg {
              height: calc(var(--logo-height) * .85);
          }
  .logo__svg .group-text{
              /* transform: scale(1) translate(0, 0); */
              /* transform-origin: center center; */
              -webkit-transition: opacity .3s ease;
              transition: opacity .3s ease;
          }
  .is-scrolled .logo__svg .group-text {
                  opacity: 0;
                  pointer-events: none;
                }
  header.is-scrolled:hover .logo__svg .group-text {
                  opacity: 1;
                  pointer-events: auto;
                }
  .logos__list {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
      grid-gap: 40px 30px;
      margin-bottom: 80px
    }
  @media (min-width: 900px) {
    .logos__list {
        grid-gap: 70px 50px
    }
      }
  .logos__slider {
      position: relative;
    }
  .logos__slider .slick-track {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
      }
  .logos__slider .slick-track .slick-slide {
          height: auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          outline: none;
        }
  .logos__slider-arrow.slick-arrow {
      display: block !important;
      position: absolute;
      top: -50px;
      right: 0
    }
  .logos__slider-arrow.slick-arrow.slider-arrow--prev {
        right: 28px;
      }
  .logos__image {
      max-width: 300px;
      max-height: 200px;
    }
  .logos__slider .logos__image {
        max-height: 76px;
        max-width: 300px;
      }
  :root {
    --map-scale : 2;
  }
  #mapSVGblock {
    -webkit-transition: -webkit-transform .6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: -webkit-transform .6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: transform .6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: transform .6s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform .6s cubic-bezier(0.25, 1, 0.5, 1)
  }
  @media (min-width: 1000px) {
  #mapSVGblock.is-active {
      -webkit-transform: scale(2);
              transform: scale(2);
      transform: scale(2);
      -webkit-transform: scale(var(--map-scale));
              transform: scale(var(--map-scale))
   }
    }
  #mapSVG {
    fill: rgba(73,0,135, 1);
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    display: block;
    margin: 0;
    padding: 0;
  }
  .is-active #mapSVG {
      fill: rgba(73,0,135, .4);
    }
  #mapSVG .continent {
      cursor: pointer;
      opacity: .5;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
      position: relative
    }
  #mapSVG .continent:not(.is-available) {
        pointer-events: none;
      }
  #mapSVG .continent.is-available > *:not(.continent-shape) {
        fill: #25b3c3;
        fill: #25b3c3;
        fill: var(--secondary-color);
      }
  #mapSVG .continent .continent-shape{
        fill: transparent;
      }
  #mapSVG .continent:hover,
       #mapSVG .continent.is-active {
        opacity: 1 !important;
      }
  .is-active #mapSVG.continent {
      opacity: .2;
    }
  #mapSVG text {
      font-family: 'circle';
      color: #250044;
      color: #250044;
      color: var(--main-font-color);
      font-weight: bold;
      letter-spacing: 1px;
      font-size: 2.5em;
    }
  #mapPlan {
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
  }
  .map__section {
      position: relative;
      color: white;
      z-index: 0;
      padding-top: var(--spacing);
      padding-bottom: 100px;
      overflow: hidden
    }
  @media (min-width: 1000px) {
    .map__section {
        padding-top: 100px
    }
      
      }
  .map__section h1, .map__section h2, .map__section h3 {
        position: relative;
        z-index: 1;
        padding-left: 0;
      }
  .map__section::before {
        content:"";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        z-index: -1;
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
        width: 120vw;
        background-color: #250044;
        background-color: #250044;
        background-color: var(--accent-color-2);
      }
  .map__list {
      position: relative;
      z-index: 0;
    }
  .map__continent-overlay {
      position: unset;
      
    }
  .map__country-tag {
      display: inline-block;
      background-color: rgba(75,38,106,.9);
      font-family: 'circle';
      font-size: .8rem;
      line-height: 1;
      margin: 0;
      margin-left: -12px;
      position: absolute;
      /* top: 0; */
      /* left: 0; */
      /* transform: translate(0, 5px) scale(calc(1 / var(--map-scale))); */
      /* transform-origin: top left; */
      -webkit-transform: translate(-100%, calc(-100% - 6px));
              transform: translate(-100%, calc(-100% - 6px));
      z-index: 2;
      -webkit-transition: all .3s 0s ease;
      transition: all .3s 0s ease;
      opacity: 0;
      pointer-events: none;
      padding: 6px 23px 6px 15px
    }
  .map__country-tag.icon-on-left  {
        padding: 6px 15px 6px 23px;
        -webkit-transform: translate(0, calc(-100% - 6px));
                transform: translate(0, calc(-100% - 6px));
        margin-left: 12px;
  
      }
  .map__country-tag.icon-on-left .icon {
          right: auto;
          left: 10px;
          -webkit-transform: rotate(-45deg) scaleX(-1) translate(0, -50%);
                  transform: rotate(-45deg) scaleX(-1) translate(0, -50%);
        }
  .map__country-tag:hover,
      .map__country-tag.is-active {
        background-color: #ff0044;
        background-color: #ff0044;
        background-color: var(--primary-color);
      }
  .map__country-tag:hover .icon, .map__country-tag.is-active .icon {
          fill: #250044;
          fill: #250044;
          fill: var(--main-font-color);
        }
  .map__continent-overlay.is-active .map__country-tag {
      opacity: 1;
      pointer-events: auto;
      /* transform: translate(0, 0) scale(calc(1 / var(--map-scale))); */
      -webkit-transition: background-color .3s ease, opacity .3s .5s ease, -webkit-transform .3s .5s ease;
      transition: background-color .3s ease, opacity .3s .5s ease, -webkit-transform .3s .5s ease;
      transition: background-color .3s ease, opacity .3s .5s ease, transform .3s .5s ease;
      transition: background-color .3s ease, opacity .3s .5s ease, transform .3s .5s ease, -webkit-transform .3s .5s ease;
    }
  .map__country-tag .icon {
      fill: #ff0044;
      fill: #ff0044;
      fill: var(--primary-color);
      position: absolute;
      top: 50%;
      right: 10px;
      -webkit-transform: rotate(45deg) translate(0, -50%) ;
              transform: rotate(45deg) translate(0, -50%) ;
      font-size: 1.4em;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
      }
  .icon-on-left .map__country-tag .icon {
          right: auto;
          left: 10px;
        }
  .map__alert{
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
  
      @-webkit-keyframes heartbeat {
        from {
          -webkit-transform: translate(-50%, -50%) scale(1);
                  transform: translate(-50%, -50%) scale(1);
          opacity: .5;
              }
        to {
          -webkit-transform: translate(-50%, -50%) scale(.8);
                  transform: translate(-50%, -50%) scale(.8);
          opacity: .1;
        }
      }
    }
  .map__alert .icon-container {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        pointer-events: none;
      }
  @-webkit-keyframes heartbeat {
        from {
          -webkit-transform: translate(-50%, -50%) scale(1);
                  transform: translate(-50%, -50%) scale(1);
          opacity: .5;
              }
        to {
          -webkit-transform: translate(-50%, -50%) scale(.8);
                  transform: translate(-50%, -50%) scale(.8);
          opacity: .1;
        }
      }
  @keyframes heartbeat {
        from {
          -webkit-transform: translate(-50%, -50%) scale(1);
                  transform: translate(-50%, -50%) scale(1);
          opacity: .5;
              }
        to {
          -webkit-transform: translate(-50%, -50%) scale(.8);
                  transform: translate(-50%, -50%) scale(.8);
          opacity: .1;
        }
      }
  .map__alert .icon {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        display: block;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        border: solid white 4px;
        opacity: .2;
        -webkit-transition: width 1s cubic-bezier(0.16, 1, 0.3, 1), height 1s cubic-bezier(0.16, 1, 0.3, 1);
        transition: width 1s cubic-bezier(0.16, 1, 0.3, 1), height 1s cubic-bezier(0.16, 1, 0.3, 1);;
        -webkit-animation: heartbeat infinite alternate 1s cubic-bezier(0.34, 1.56, 0.64, 1) both;;
                animation: heartbeat infinite alternate 1s cubic-bezier(0.34, 1.56, 0.64, 1) both;
      }
  .map__alert.is-hovered {
        opacity: 0;
        pointer-events: none;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
      }
  .map__alert.is-hovered .icon {
          width: 600px;
          height: 600px;
        }
  #mapSVGblock {
    position: relative;
    opacity: 1;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
  }
  #mapSVGblock.is-disabled {
      opacity: .2;
    }
  .map__container {
    margin-top: -120px;
    position: relative
  }
  @media (max-width: 719px) {
      .map__container.g-layout__box {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
      }
    }
  @media (max-width: 999px) {
  .map__container {
      margin-top: -60px;
      pointer-events: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; 
      margin-top: 30px;
      margin: 20px
  }
    }
  #mapSVG {
    position: relative;
    z-index: 1;
  }
  .map__marker-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .map__marker {
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
  }
  @media (max-width:999px) {
  .map__marker {
      width: 4px;
      height: 4px
  }
    }
  .map__marker::before {
      content:'';
      position: absolute;
      top: 50%;
      left: 50%;
      display: block;
      width: 600%;
      height: 600%;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, .12);
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-transition: all .5s ease;
      transition: all .5s ease
    }
  @media (max-width:999px) {
  .map__marker::before {
        width: 20px;
        height: 20px
    }
      }
  @media (min-width: 1000px) {
      .map__marker.do-hide {
        opacity: .8
      }
    
        .map__marker.do-hide::before {
          width: 0px;
          height: 0px;
        }
    
      .map__marker.is-active {
        width: 0px;
        height: 0px
      }
    
        .map__marker.is-active::before {
          width: 24px;
          height: 24px;
          background-color: rgba(255, 255, 255, .4);
          
        }
    }
  @media (max-width: 999px) {
  .map__aside {
      grid-column: center-start / center-end;
  
  
  }
  
      .map__aside + .map__aside {
        margin-top: 50px;
      }
    }
  @media (min-width: 1000px) {
  .map__aside {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      z-index: 5;
      width: 100%;
      width: 750px;
      padding-left: 10px;
      padding-left: 10px;
      padding-left: var(--global-padding-h);
      padding-right: 10px;
      padding-right: 10px;
      padding-right: var(--global-padding-h);
      padding-top: 10px;
      padding-top: 10px;
      padding-top: var(--global-padding-h);
      padding-bottom: 10px;
      padding-bottom: 10px;
      padding-bottom: var(--global-padding-h);
      overflow-x: auto;
      background-color: rgba(0,0,0,.2);
      opacity: 0;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      pointer-events: none;
  
      -webkit-transition: all .4s .5s ease-out;
  
      transition: all .4s .5s ease-out
  
  
  }
  
      .map__aside {
        -ms-overflow-style: none; /* for Internet Explorer, Edge */
        scrollbar-width: none; /* for Firefox */
      }
              
      .map__aside::-webkit-scrollbar {
          display: none; /* for Chrome, Safari, and Opera */
      }
    
      .map__aside.is-active {
        opacity: 1;
        -webkit-user-select: auto;
           -moz-user-select: auto;
            -ms-user-select: auto;
                user-select: auto;
        pointer-events: auto;
        -webkit-transition: all .4s ease-out;
        transition: all .4s ease-out;
      }
    }
  @media (min-width: 1000px) and (max-width: 1500px) {
  
      .map__aside {
        width: 50vw;
      }
      }
  @media (min-width: 1000px) and (max-width: 1500px) and (max-width: 1200px) {
  
      .map__aside {
          padding-left: 30px;
          padding-right: 30px;
      }
        }
  .map__aside-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      -webkit-transition: all .4s .1s ease-in;
      transition: all .4s .1s ease-in
    }
  @media (max-width: 999px) {
        .map__aside-header h2,.map__aside-header h3 {
          color: #ff0044 !important;
          color: #ff0044 !important;
          color: var(--primary-color) !important;
        }
      }
  @media (min-width: 1000px) {
  
  
  
    .map__aside-header {
        margin-bottom: 20px;
        opacity: 0;
        -webkit-transform: translate(0,20px);
                transform: translate(0,20px);
    }
  
        .is-active .map__aside-header {
          opacity: 1;
          -webkit-transform: translate(0, 0px);
                  transform: translate(0, 0px);
          -webkit-transition: all .4s .3s ease-out;
          transition: all .4s .3s ease-out;
        }
      }
  .map__aside-header > *:not(:last-child) {
        margin-right: 30px;
      }
  .map__aside-header .label {
        font-size: 1.8rem;
      }
  @media (min-width: 1000px) {
      .map__aside .dc-accordion-list {
        opacity: 0;
        -webkit-transform: translate(0, 20px);
                transform: translate(0, 20px);
        -webkit-transition: all .4s ease-in;
        transition: all .4s ease-in;
      }
      
      .map__aside.is-active .dc-accordion-list  {
        opacity: 1;
        -webkit-transform: translate(0, 0px);
                transform: translate(0, 0px);
        -webkit-transition: all .4s .5s ease-out;
        transition: all .4s .5s ease-out
      }
          .map__aside.is-active .dc-accordion-list:nth-child(1) {
            -webkit-transition: all .4s calc(.4s + (.05s * 1)) ease-out;
            transition: all .4s calc(.4s + (.05s * 1)) ease-out;
          }
          .map__aside.is-active .dc-accordion-list:nth-child(2) {
            -webkit-transition: all .4s calc(.4s + (.05s * 2)) ease-out;
            transition: all .4s calc(.4s + (.05s * 2)) ease-out;
          }
          .map__aside.is-active .dc-accordion-list:nth-child(3) {
            -webkit-transition: all .4s calc(.4s + (.05s * 3)) ease-out;
            transition: all .4s calc(.4s + (.05s * 3)) ease-out;
          }
          .map__aside.is-active .dc-accordion-list:nth-child(4) {
            -webkit-transition: all .4s calc(.4s + (.05s * 4)) ease-out;
            transition: all .4s calc(.4s + (.05s * 4)) ease-out;
          }
          .map__aside.is-active .dc-accordion-list:nth-child(5) {
            -webkit-transition: all .4s calc(.4s + (.05s * 5)) ease-out;
            transition: all .4s calc(.4s + (.05s * 5)) ease-out;
          }
          .map__aside.is-active .dc-accordion-list:nth-child(6) {
            -webkit-transition: all .4s calc(.4s + (.05s * 6)) ease-out;
            transition: all .4s calc(.4s + (.05s * 6)) ease-out;
          }
          .map__aside.is-active .dc-accordion-list:nth-child(7) {
            -webkit-transition: all .4s calc(.4s + (.05s * 7)) ease-out;
            transition: all .4s calc(.4s + (.05s * 7)) ease-out;
          }
          .map__aside.is-active .dc-accordion-list:nth-child(8) {
            -webkit-transition: all .4s calc(.4s + (.05s * 8)) ease-out;
            transition: all .4s calc(.4s + (.05s * 8)) ease-out;
          }
    }
  @media (max-width: 999px) {
  .map-section__text {
      display: none
  }
    }
  @media (min-width: 1000px) {
  .map-section__text {
      pointer-events:none;
      line-height: 1.4;
      -webkit-transition: all .5s ease-out;
      transition: all .5s ease-out;
  
      text-align: center;
      -webkit-transform: translate(0, -200%);
              transform: translate(0, -200%)
  }
  
      .map-section__text.do-hide {
        opacity: 0;
        -webkit-transform: translate(0, -100%);
                transform: translate(0, -100%);
      }
    
    }
  @media (max-width: 719px) {
      .map__list.g-layout__box {
        padding-left: 0;
        padding-right: 0;
      }
    }
  @media (max-width: 999px) {
  .map__list {
      -webkit-transform: translate(0,0) !important;
              transform: translate(0,0) !important
  
  }
    }
  .office {
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;
    outline: none;
    max-width: 400px
  }
  @media (min-width: 600px) {
  .office {
      min-width: 320px
  }
    }
  .office__card {
      position: relative;
      background-color: rgba(255,255,255,.1);
      padding: 30px 30px 30px 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      height: 100%;
      width: 100%;
    }
  .office.slick-slide {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      outline: none;
    }
  .office__title {
      margin-bottom: 20px;
    }
  .office__description {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin-bottom: 20px;
    }
  .office__label {
      position: absolute;
      top: -15px;
      left: 0;
      color: white; 
      -webkit-transform: translate(0, -100%); 
              transform: translate(0, -100%);
      opacity: 0;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
    }
  .slick-active .office__label {
        opacity: 1;
      }
  .office .btn {
      min-width: auto;
      -ms-flex-item-align: end;
          align-self: flex-end;
      padding-left: 20px;
    }
  .office__filter-list.tabs__list {
      margin-bottom: 100px; 
      -webkit-box-pack: center !important; 
          -ms-flex-pack: center !important; 
              justify-content: center !important;
      position: relative;
      z-index: 1   
    }
  @media (min-width: 1000px) {
  
    .office__filter-list.tabs__list {
        display:none   
    }
      }
  .office__filter-list.tabs__list .tabs__link {
        color: white;
        text-transform: uppercase;
      }
  .office__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: no-wrap;
          flex-wrap: no-wrap;
      position: relative;
      z-index: 1;
      -webkit-transition: all .5s ease;
      transition: all .5s ease
    }
  @media (min-width: 1000px) {
  
      .office__list.is-active {
          -webkit-transform: translate(0, -100px);
                  transform: translate(0, -100px)
      }
        }
  .office__list .slick-list {
        overflow: visible;
        width: 100%;
      }
  .office__list .slick-track {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        height: 100%;
        margin-left: 0;
      }
  .office__list .office__slider-arrow {
        display: block !important;
        position: absolute;
        top: -45px;
        right: 0;
        padding: 5px;
        cursor: pointer;
        outline: none;
        z-index: 2;
      }
  .office__list .office__slider-arrow--prev {
          right: 40px
        }
  .office__list .office__slider-arrow--prev::before {
            content:'';
            position: absolute;
            display: block;
            top: 50%; 
            left: 50%;
            height: 50px;
            width: 230px;
            z-index: -1;
            background: #250044;
            background: #250044;
            background: var(--accent-color-2);
            background: -webkit-gradient(linear, left top, right top, from(rgba(37,0,68,0)), color-stop(20%, #250044), color-stop(80%, rgba(37,0,68,1)),  to(rgba(37,0,68,0)));
            background: linear-gradient(90deg, rgba(37,0,68,0) 0%, #250044 20%, rgba(37,0,68,1) 80%,  rgba(37,0,68,0));
            background: linear-gradient(90deg, rgba(37,0,68,0) 0%, #250044 20%, rgba(37,0,68,1) 80%,  rgba(37,0,68,0));
            background: -webkit-gradient(linear, left top, right top, from(rgba(37,0,68,0)), color-stop(20%, var(--accent-color-2)), color-stop(80%, rgba(37,0,68,1)),  to(rgba(37,0,68,0)));
            background: linear-gradient(90deg, rgba(37,0,68,0) 0%, var(--accent-color-2) 20%, rgba(37,0,68,1) 80%,  rgba(37,0,68,0));
            -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            pointer-events: none;
          }
  .office__list .office__slider-arrow svg {
          fill: white;
          font-size: 1.6rem;
          -webkit-transition: all .3s ease;
          transition: all .3s ease;
        }
  .office__list .office__slider-arrow:hover svg {
              fill: #ff0044;
              fill: #ff0044;
              fill: var(--primary-color);
  
            }
  .office__list .office__slider-arrow.slick-disabled {
            /* pointer-events: none; */ 
          }
  .office__list .office__slider-arrow.slick-disabled, .office__list .office__slider-arrow.slick-disabled:hover svg {
              fill: white;
  
            }
  .office__list .office__slider-arrow.slick-disabled svg {
              opacity: .3;
            }
  .office__count {
      position: absolute;
      display: inline-block;
      top: -90px;
      left: 10px;
      text-transform: uppercase;
      color: white;
    }
  .footer {
    --footer-border: 10px;
  
    background-color: #fcf7ef;
  
    background-color: #fcf7ef;
  
    background-color: var(--sand-color);
    position: relative;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 45px;
    margin: 0;
    border: solid var(--footer-border) white
  }
  @media (min-width: 720px) {
  .footer {
      --footer-border: 20px;
  
      padding-top: 100px
  }
    }
  .footer__logo {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin-right: 160px
    }
  @media (min-width: 720px) {
  
    .footer__logo {
        margin-right: 10px
    }
      }
  @media (min-width: 1300px) {
  
    .footer__logo {
        margin-right: 10px
    }
      }
  .footer__logo img {
        width: 80px;
      }
  .footer__lists {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
    }
  .footer__inner {
      position: relative;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      width: auto;
      margin-bottom: 0;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding-left: calc(10px + 80px);
      padding-left: calc(10px + 80px);
      padding-left: calc(var(--global-padding-h) + 80px)
    }
  @media (min-width: 720px) {
  
    .footer__inner {
        margin-left: calc(10px + 80px);
        margin-left: calc(10px + 80px);
        margin-left: calc(var(--global-padding-h));
        margin-right: 10px;
        margin-right: 10px;
        margin-right: var(--global-padding-h);
        padding-left: 0;
        position: static
    }
      }
  @media (min-width: 720px) {
  
      .footer__inner > div > ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-flow: column nowrap;
                  flex-flow: column nowrap
      }
        }
  .footer__inner > div > ul > li a {
            color: #ff0044;
            color: #ff0044;
            color: var(--primary-color);
            text-decoration: none;
            font-size: 1.5rem;
            display: none;
          }
  .footer__inner > div > ul > li > a {
            display: inline;
            font-family: circle;
            font-size: 1.5rem;
            letter-spacing: 1px;
            font-weight: 600;
            text-transform: uppercase;
            position: relative
          }
  .footer__inner > div > ul > li > a.disabled {
              pointer-events: none;
              color: #fcba28;
              color: #fcba28;
              color: var(--accent-color-1)
            }
  .footer__inner > div > ul > li > a.disabled + ul li {
                padding-left: 0;
              }
  .footer__inner > div > ul > li > a:not(.disabled):before {
              content: "";
              background-size: contain;
              display: inline-block;
              vertical-align: middle;
              background-image: url("assets/images/icons/arrow--orange.svg");
              width: 20px;
              height: 20px;
              margin-right: 5px;
            }
  .footer__inner > div > ul > li ul li {
            padding-left: 25px;
          }
  .footer__inner > div > ul > li:nth-last-child(2) a {
              display: inline;
            }
  .footer__inner > div > ul > li {
  
          /*dernier*/
        }
  .footer__inner > div > ul > li:last-of-type a {
              display: inline;
            }
  .footer__inner > div > ul a {
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease
        }
  .footer__inner > div > ul a:hover {
            color: #25b3c3;
            color: #25b3c3;
            color: var(--secondary-color);
          }
  .footer__legal {
      border-top: solid #25b3c3 4px;
      border-top: solid #25b3c3 4px;
      border-top: solid var(--secondary-color) 4px;
      margin-left: 20px;
      margin-right: 20px;
      margin-top: 40px;
      font-size: 1.2rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-top: 20px;
      padding-bottom: 20px
    }
  @media (min-width: 720px) {
  
    .footer__legal {
        padding-top: 35px;
        padding-bottom: 35px;
        margin-left: calc(10px + 80px);
        margin-left: calc(10px + 80px);
        margin-left: calc(var(--global-padding-h) + 80px);
        margin-right: 10px;
        margin-right: 10px;
        margin-right: var(--global-padding-h);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        margin-top: 25px
    }
      }
  .footer__legal ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }
  .footer__legal a {
        font-size: inherit;
        color: inherit;
        text-decoration: none;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease
      }
  .footer__legal a:hover {
          color: #ff0044;
          color: #ff0044;
          color: var(--primary-color);
        }
  .footer__legal ul {
        font-size: inherit;
      }
  .footer__legal ul li + li {
          margin-left: 8px
        }
  .footer__legal ul li + li::before {
            content: "/";
            margin-right: 8px;
          }
  .footer__legal .copyright {
        margin-bottom: 10px;
      }
  .footer__legal .copyright a {
          color: #25b3c3;
          color: #25b3c3;
          color: var(--secondary-color)
        }
  .footer__legal .copyright a:hover {
            color: #ff0044;
            color: #ff0044;
            color: var(--primary-color);
          }
  @media (min-width: 720px) {
  
      .footer__legal .copyright {
          margin-bottom: 0
      }
        }
  .footer .vertical-baseline {
      position: absolute;
      left: calc(10px - var(--footer-border));
      left: calc(10px - var(--footer-border));
      left: calc(var(--global-padding-h) - var(--footer-border));
      bottom: 0;
      height: 400px;
      width: 20px;
  
      text-align: left;
      -ms-writing-mode: tb-rl;
          -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
      /* text-orientation: mixed; */
      /* writing-mode: sideways-lr; */
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
      -ms-flex-item-align: start;
          align-self: flex-start;
  
      font-family: "circle";
      font-size: 1.2rem
    }
  @media (min-width: 720px) {
  
    .footer .vertical-baseline {
        bottom: 30px
    }
      }
  .footer__socials {
      font-size: 3rem;
      margin-top: 40px;
      margin-bottom: 10px
    }
  @media (min-width: 720px) {
  
    .footer__socials {
        margin-bottom: 40px;
        margin-top: 0
    }
      }
  .footer__socials a {
        fill: #ff0044;
        fill: #ff0044;
        fill: var(--primary-color);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease
      }
  .footer__socials a:hover {
          fill: #25b3c3;
          fill: #25b3c3;
          fill: var(--secondary-color);
        }
  .footer__socials a + a {
          margin-left: 16px;
        }
  .footer__socials a svg {
          font-size: 2rem;
        }
  @media (min-width: 720px) {
      
  
      .footer__lists {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
      }
            .footer__inner > div > ul > li a {
              display: inline;
            }
  
          .footer__inner > div > ul:first-of-type {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-flow: column wrap;
                    flex-flow: column wrap;
            height: auto;
            max-height: 480px
          }
  }
  @media (min-width: 720px) and (min-width: 900px) {
  
          .footer__inner > div > ul:first-of-type {
              height: 230px;
              max-height: auto
          }
            }
  @media (min-width: 720px) {
  
            .footer__inner > div > ul:first-of-type > li {
              padding: 5px;
              margin: 5px;
            }
  }
  .searchbar {
    --search-button-width: 20px;
    /*max-width            : 90%;*/
    max-width            : 60%;
    width                : 100%;
    margin               : 0 auto;
    display              : -webkit-box;
    display              : -ms-flexbox;
    display              : flex;
    -webkit-box-orient            : horizontal;
    -webkit-box-direction            : normal;
        -ms-flex-flow            : row wrap;
            flex-flow            : row wrap;
    -webkit-box-align          : center;
        -ms-flex-align          : center;
            align-items          : center;
    border-bottom        : 3px solid #fcba28;
    border-bottom        : 3px solid #fcba28;
    border-bottom        : 3px solid var(--accent-color-1);
  }
  .searchbar__label {
      color         : #ff0044;
      color         : #ff0044;
      color         : var(--primary-color);
      padding-right : 20px;
      padding-bottom: 3px;
    }
  .searchbar form {
      display    : -webkit-box;
      display    : -ms-flexbox;
      display    : flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex  : 1;
          -ms-flex-positive  : 1;
              flex-grow  : 1;
      position   : relative;
    }
  .searchbar__input {
      width           : 100%;
      background-color: transparent;
      padding         : 15px 20px;
      border          : none;
      color           : #250044;
      color           : #250044;
      color           : var(--main-font-color)
    }
  .searchbar__input:focus {
        outline: none;
      }
  .searchbar__input--insights {
        padding: 0 20px;
      }
  .searchbar__button {
      position        : absolute;
      right           : 0;
      padding         : 3px 0 3px 20px;
      background-color: transparent;
      border          : none
    }
  .searchbar__button:hover {
        cursor: pointer;
      }
  .searchbar__button:focus {
        outline: none;
      }
  .searchbar__svg {
      width: 20px;
      width: var(--search-button-width);
    }
  .searchbar__svg path {
        fill: #250044;
        fill: #250044;
        fill: var(--main-font-color);
      }
  .searchbar--blog {
      display: none
    }
  @media(min-width:720px) {
  
    .searchbar--blog {
        display      : -webkit-box;
        display      : -ms-flexbox;
        display      : flex;
        position     : relative;
        margin       : unset;
        border-bottom: none;
        max-width    : 320px
    }
      }
  .vidtext__title {
      padding    : 20px;
      font-weight: 600;
    }
  .vidtext__video {
      display      : block;
      width        : 100%;
      padding      : 20px;
      border-radius: 90px;
      margin-top: 30px;
    }
  .vidtext__description {
      /* padding: 20px; */
    }
  @media (min-width:1000px) {
    .vidtext {
      display       : -webkit-box;
      display       : -ms-flexbox;
      display       : flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      -webkit-box-align   : center;
          -ms-flex-align   : center;
              align-items   : center;
      grid-gap           : 120px;
      grid-gap           : 120px;
      gap           : 120px;
    }
    @media(min-width: 1300px){
      .footer__legal{
        display: flex;
        flex-wrap: wrap !important;
      }
      .menu-item-33152,
.menu-item-51978{
  display: none;
}
    }
  
      .vidtext__title {
        padding      : 0;
        margin-bottom: 38px;
      }
  
      .vidtext__item {
        width: 50%
      }
  
        .vidtext__item + .plyr--video {
          width: 50%;
        }
  
      .vidtext__video {
        width  : 50%;
        padding: 0;
        margin: 0;
      }
  
      .vidtext__description {
        padding: 0;
      }
  }
  .iconservice {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .iconservice header {
      -webkit-box-flex: 1;
          -ms-flex: 1 50%;
              flex: 1 50%;
    }
  .iconservice__list {
      -webkit-box-flex: 0;
          -ms-flex: 0 100%;
              flex: 0 100%;
      display: grid;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-line-pack: center;
          align-content: center;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      grid-gap: 70px 30px;
      margin-top: 50px
    }
  @media (min-width: 900px) {
  
    .iconservice__list {
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
        grid-gap: 100px 30px
    }
      }
  .iconservice__svg {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center;
    }
  .iconservice .iconservice__svg.floating-card__img {
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
      }
  .iconservice__svg svg {
        height: 100%
      }
  .iconservice__svg svg#consult {
          height: 85%;
        }
  .iconservice__svg svg#run {
          height: 90%;
        }
  .iconservice__svg svg#experience {
          height: 75%;
        }
  .iconservice__svg svg path {
          mix-blend-mode: darken;
          border: solid aqua
        }
  @supports (-moz-appearance: none) {
  
        .iconservice__svg svg path {
            mix-blend-mode: normal
        }
          }
  .iconservice .floating-card {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      max-width: 290px;
      width: 100%;
      justify-self: center;
    }
  .iconservice .floating-card__cell {
        padding-top: 0;
        height: 130px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-item-align: center;
            align-self: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center
      }
  @media (min-width: 1300px) {
  
      .iconservice .floating-card__cell {
          height: 200px
      }
        }
  .iconservice .floating-card__img {
        position: relative;
        top: auto;
        left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
      }
  .iconservice .floating-card__content {
        margin-top: 30px;
        position: relative;
        top: auto;
        left: auto;
      }
  .iconservice .floating-card__title {
        text-align: center;
      }
  .iconservice .floating-card__cta {
        -webkit-transform: rotate(-90deg) translate(0, calc(100% - 10px));
                transform: rotate(-90deg) translate(0, calc(100% - 10px))
      }
  @media (min-width: 1300px) {
  
      .iconservice .floating-card__cta {
          -webkit-transform: rotate(-90deg) translate(0, calc(100% + 10px));
                  transform: rotate(-90deg) translate(0, calc(100% + 10px))
      }
        }
  .iconservice .floating-card__cta .floating-card__icon {
            top: calc(50% + 3px);
        }
  @-webkit-keyframes scroll-indication-anim {
    0% {
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
      -webkit-transform-origin: right;
              transform-origin: right;
    }
    50% {
      -webkit-transform: scaleX(1);
              transform: scaleX(1);
      -webkit-transform-origin: right;
              transform-origin: right;
    }
    51% {
      -webkit-transform: scaleX(1);
              transform: scaleX(1);
      -webkit-transform-origin: left;
              transform-origin: left;
    }
    100% {
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
      -webkit-transform-origin: left;
              transform-origin: left;
  
    }
  }
  @keyframes scroll-indication-anim {
    0% {
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
      -webkit-transform-origin: right;
              transform-origin: right;
    }
    50% {
      -webkit-transform: scaleX(1);
              transform: scaleX(1);
      -webkit-transform-origin: right;
              transform-origin: right;
    }
    51% {
      -webkit-transform: scaleX(1);
              transform: scaleX(1);
      -webkit-transform-origin: left;
              transform-origin: left;
    }
    100% {
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
      -webkit-transform-origin: left;
              transform-origin: left;
  
    }
  }
  @media (min-width:720px){
    .scroll-indicator {
      position: fixed;
      left: calc(10px + 5px);
      left: calc(10px + 5px);
      left: calc(var(--global-padding-h) + 5px);
      bottom: 0px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 220px;
      -webkit-transform-origin: bottom left;
              transform-origin: bottom left;
      -webkit-transform: translateX(10px) rotate(-90deg);
              transform: translateX(10px) rotate(-90deg);
      -webkit-transition: all .3s ease;
      transition: all .3s ease
    }
  
      .scroll-indicator::before {
        content:'';
        display: block;
        height: 4px;
        width: 175px;
        background-color: #fcba28;
        background-color: #fcba28;
        background-color: var(--accent-color-1);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: 1;
                flex-flow: 1;
        -webkit-animation: scroll-indication-anim infinite 3s cubic-bezier(0.16, 1, 0.3, 1) both;
                animation: scroll-indication-anim infinite 3s cubic-bezier(0.16, 1, 0.3, 1) both;
      }
    
      .scroll-indicator::after {
        content:'Scroll';
      }
    
      .scroll-indicator.do-hide {
        opacity: 0;
        pointer-events: none;
      }
  }
  .slider-career {
    --value: 20px;
    --annotation-spacing: 20px
  }
  @media (min-width: 1300px) {
  .slider-career {
      --annotation-spacing: 30px
  }
    }
  .slider-career {
  
    display    : -webkit-box;
  
    display    : -ms-flexbox;
  
    display    : flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position   : relative;
    width      : 100%
  }
  .slider-career:before {
      content   : '';
      position  : absolute;
      height    : 80%;
      width     : 120vw;
      left      : 50%;
      -webkit-transform : translate(-50%, -50%);
              transform : translate(-50%, -50%);
      top       : 50%;
      background: #fcf7ef;
      background: #fcf7ef;
      background: var(--sand-color);
      z-index   : -1
    }
  @media (max-width: 899px) {
  .slider-career:before {
        height   : 90%;
        top       : 60%
    }
  
      }
  .slider-career__item {
      outline: none;
      position: relative
    }
  @media (max-width: 899px) {
  
    .slider-career__item {
        padding-top: 150px;
        padding-bottom: 50px
    }
      }
  @media (max-width: 719px) {
  
    .slider-career__item {
        padding-top: 250px
    }
  
      }
  .slider-career__item.f-layout.slick-slide {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
  .slider-career__title {
      margin-bottom: 10px;
      max-width    : 80%;
    }
  .slider-career__title strong {
        color: #25b3c3;
        color: #25b3c3;
        color: var(--secondary-color);
        text-transform: uppercase;
        
      }
  .slider-career__box {
        position : relative;
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
        margin   : 0 auto;
        padding  : 20px;
        -ms-flex-item-align: center;
            align-self: center
    }
  .slider-career__box:last-of-type {
          padding: 0 40px 0 20px
        }
  @media (max-width: 719px) {
  
        .slider-career__box:last-of-type {
            padding: 0 20px 0 20px
        }
          }
  @media (min-width: 1300px) {
  
        .slider-career__box:last-of-type {
            padding: 0 20px
        }
        .slider-career__item.f-layout.f-layout--reverse.slick-slide.slick-current.slick-active{
            flex-direction: row !important;
        }
          }
  @media (max-width: 899px) {
  
        .slider-career__box--human {
            position: absolute;
            top: 0;
            right: 20px
        }
          }
  @media (max-width: 719px) {
  
        .slider-career__box--human {
            right: 50%;
            -webkit-transform: translate(50%,0);
                    transform: translate(50%,0)
        }
          }
  .slider-career__image {
      height: 430px;
      width: 530px;
      display: block;
      -o-object-fit: cover;
         object-fit: cover;
      max-width: none
    }
  @media (max-width: 899px) {
  
    .slider-career__image {
        height: 200px;
        width: 200px;
        border-radius: 50%;
        -o-object-fit: cover;
           object-fit: cover
    }
      }
  @media (min-width: 1300px) {
  
    .slider-career__image {
        height: 630px
    }
      }
  .slider-career__description {
      margin-bottom: 40px;
    }
  .slider-career .js-slider-career {
      width: 100%;
    }
  .slider-career__annotation {
      position: relative;
  
      display         : -webkit-box;
  
      display         : -ms-flexbox;
  
      display         : flex;
      -webkit-box-orient       : horizontal;
      -webkit-box-direction       : normal;
          -ms-flex-flow       : row wrap;
              flex-flow       : row wrap;
      -webkit-box-align     : end;
          -ms-flex-align     : end;
              align-items     : flex-end;
      background-color: #25b3c3;
      background-color: #25b3c3;
      background-color: var(--secondary-color);
      color           : #fff;
      color           : #fff;
      color           : var(--light-color);
      padding         : var(--annotation-spacing);
      margin-top: -30px
    }
  @media (min-width: 1300px) {
    .slider-career__annotation {
        position        : absolute;
        bottom          : var(--value);
        left            : var(--value);
        opacity         : 0.9;
        width           : calc(100% - (2 * var(--value)));
        min-height:   160px;
        margin-top: 0
    }
        }
  @media (max-width: 899px) {
    .slider-career__annotation {
          display: none
    }
        }
  .slider-career__year {
      -webkit-box-flex            : 1;
          -ms-flex            : 1 100%;
              flex            : 1 100%;
      text-align      : right;
      color           : #fff;
      color           : #fff;
      color           : var(--light-color);
      -ms-writing-mode    : tb-rl;
          -webkit-writing-mode    : vertical-rl;
          writing-mode    : vertical-rl;
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
      -webkit-text-orientation: mixed;
              text-orientation: mixed;
      position: absolute;
      right: var(--annotation-spacing);
      top: var(--annotation-spacing);
    }
  .slider-career__profile {
      -webkit-box-flex: 1;
          -ms-flex: 1 50%;
              flex: 1 50%;
    }
  .slider-career__name {
      display    : block;
      font-size  : 2.4rem;
      font-family: 'blogger';
      font-weight: 600;
    }
  .slider-career__function {
      display    : block;
      font-size  : 1.4rem;
      font-family: 'circle';
    }
  .slider-career__city {
      display       : block;
      font-size     : 1.4rem;
      text-transform: uppercase;
      font-family   : 'circle';
      font-weight   : 600;
      margin-top: 4px;
    }
  .slider-career__link.btn--link {
      -webkit-box-flex     : 1;
          -ms-flex     : 1 50%;
              flex     : 1 50%;
      color    : #fff;
      color    : #fff;
      color    : var(--light-color);
      cursor: pointer;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
      padding: 0;
      margin-top: 30px;
      text-align: right;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding-right: 40px;
      font-size: 1.4rem
    }
  @media (max-width: 1299px) {
        .slider-career__link.btn--link br {
          display: none;
        }
      }
  @media (min-width: 1300px) {
  
    .slider-career__link.btn--link {
        position: absolute;
        bottom: var(--annotation-spacing);
        right: var(--annotation-spacing);
        max-width: 100px;
        margin-top: 0;
        text-align: left
    }
      }
  .slider-career__link.btn--link:hover {
        color: #fcba28;
        color: #fcba28;
        color: var(--accent-color-1);
      }
  .slider-career__link.btn--link::after {
        right: 0;
        bottom: 0;
        left: auto;
        top: auto;
        -webkit-transform: translateY(4px);
                transform: translateY(4px);
        background-image: url(assets/images/icons/arrow--yellow.svg);
      }
  .slider-career .btn--second {
      position: relative;
      text-align: left;
      -webkit-transform: translate(0, -8px);
              transform: translate(0, -8px);
      color: #250044;
      color: #250044;
      color: var(--main-font-color);
      min-width: auto
    }
  @media (max-width: 499px) {
  
    .slider-career .btn--second {
        display: block;
        margin-top: 30px
    }
      }
  @media (max-width: 719px) {
  
    .slider-career .js-slider-dots {
        position: absolute;
        top: calc(100% - 20px);
        right: 50%;
        -webkit-transform: translate(50%, 0) rotate(-90deg);
                transform: translate(50%, 0) rotate(-90deg)
    }
      }
  @media (min-width: 900px) {
  .slider-carrer-desktop-hidden {
      display: none !important
  }
    }
  @media (max-width: 1099px) {
  .slider-service-mobile-hidden {
          display: none!important
  }
      }
  @media (min-width: 1100px) {
  .slider-service-desktop-hidden {
          display: none!important
  }
      }
  .slider-service{
      white-space: no-wrap;
  
  }
  .slider-service__arrows {
          text-align: right;
          max-width: 1366px;
          max-width: 1366px;
          max-width: var(--wrapper-width);
          padding: 20px 0;
          padding-right: 10px;
          padding-right: 10px;
          padding-right: var(--global-padding-h);
      }
  .slider-service__list {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
      }
  .slider-service__slide {
          outline: none;
      }
  .slider-service__item {
          margin-right: 10px;
          margin-bottom: 10px;
          padding:40px 20px;
          color:#fff;
          color:#fff;
          color:var(--light-color);
          width: auto;
          color: white;
          background-color:#fcf7ef;
          background-color:#fcf7ef;
          background-color:var(--sand-color);
          -webkit-transition: all .3s ease;
          transition: all .3s ease
  
  
      }
  @media (min-width: 1100px) {
      .slider-service__item {
              height: 400px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: start;
                  -ms-flex-align: start;
                      align-items: flex-start
  
  
      }
          }
  @media (min-width: 1300px) {
      .slider-service__item {
              height: 300px
  
  
      }  
          }
  @media (min-width: 1100px) {
          .slider-service__item:not(.do-reveal) {
              opacity: 0
          }
              }
  .slider-service__r1 .slider-service__slide:nth-child(6n +1) .slider-service__item{
              color: white;
              background-color:#250044;
              background-color:#250044;
              background-color:var(--accent-color-2);
          }
  .slider-service__r1 .slider-service__slide:nth-child(6n +2) .slider-service__item{
              color:#250044;
              color:#250044;
              color:var(--main-font-color);
              background-color:#fcba28;
              background-color:#fcba28;
              background-color:var(--accent-color-1);
          }
  .slider-service__r1 .slider-service__slide:nth-child(6n +3) .slider-service__item{
              background-color:#25b3c3;
              background-color:#25b3c3;
              background-color:var(--secondary-color);
          }
  .slider-service__r1 .slider-service__slide:nth-child(6n +4) .slider-service__item{
              background-color:#ff0044;
              background-color:#ff0044;
              background-color:var(--primary-color);
          }
  .slider-service__r1 .slider-service__slide:nth-child(6n +5) .slider-service__item{
              color:#250044;
              color:#250044;
              color:var(--main-font-color);
              background-color:#fcf7ef;
              background-color:#fcf7ef;
              background-color:var(--sand-color);
          }
  .slider-service__r1 .slider-service__slide:nth-child(6n +6) .slider-service__item{
              background-color:#250044;
              background-color:#250044;
              background-color:var(--accent-color-2);
          }
  .slider-service__r2 .slider-service__slide:nth-child(6n +1) .slider-service__item{
              background-color:#25b3c3;
              background-color:#25b3c3;
              background-color:var(--secondary-color);
          }
  .slider-service__r2 .slider-service__slide:nth-child(6n +2) .slider-service__item{
              background-color:#ff0044;
              background-color:#ff0044;
              background-color:var(--primary-color);
          }
  .slider-service__r2 .slider-service__slide:nth-child(6n +3) .slider-service__item{
              color:#250044;
              color:#250044;
              color:var(--main-font-color);
              background-color:#fcf7ef;
              background-color:#fcf7ef;
              background-color:var(--sand-color);
          }
  .slider-service__r2 .slider-service__slide:nth-child(6n +4) .slider-service__item{
              background-color:#ff0044;
              background-color:#ff0044;
              background-color:var(--primary-color);
          }
  .slider-service__r2 .slider-service__slide:nth-child(6n +5) .slider-service__item{
              color:#250044;
              color:#250044;
              color:var(--main-font-color);
              background-color:#fcba28;
              background-color:#fcba28;
              background-color:var(--accent-color-1);
          }
  .slider-service__r2 .slider-service__slide:nth-child(6n +6) .slider-service__item{
              background-color:#250044;
              background-color:#250044;
              background-color:var(--accent-color-2);
          }
  .slider-service__title{
          width:100%
  
      }
  @media (min-width: 1100px) {
  
  
      .slider-service__title{
              max-width:200px;
              margin-right:20px
  
      }
  
          }
  .slider-service .slider-service__r1 .slick-list {
          padding-left: 10px;
          padding-left: 10px;
          padding-left: var(--global-padding-h)
      }
  @media (min-width: 1100px) {
  
      .slider-service .slider-service__r1 .slick-list {
              padding-left: 115px
      }
          }
  /*@import "components/_slider-usecase"; */
  /* .slider-articles {
    --slider-artcicles-width: calc(var(--wrapper-width) + (100vw - var(--wrapper-width)) / 2);
  
    --slider-articles-visible-blocks: 3;
    --slider-articles-item-size: calc(var(--slider-artcicles-width) / var(--slider-articles-visible-blocks));
  
  } */
  section.section--related-articles {
    position: relative;
  }
  @media (max-width: 719px) {
    section.section--related-articles h1,
    section.section--related-articles h2 {
        margin-left: 10px;
        margin-left: 10px;
        margin-left: var(--global-padding-h)
    }
      }
  .slider-articles {
    --max-height-item: 300px;
    --value: 20px;
    --arrows-offset: 45px
  }
  @media (min-width: 720px) {
  .slider-articles {
      --max-height-item: 400px
  }
    }
  .slider-articles {
    position: relative;
    color: #fff;
    color: #fff;
    color: var(--light-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    height: calc(var(--max-height-item) + var(--arrows-offset));
    padding-top: var(--arrows-offset);
    margin-top: calc(var(--arrows-offset) * -1);
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow: hidden;
    width: 100%;
  }
  .slider-articles__more {
      padding: 20px;
      display: none
    }
  @media (min-width: 1300px) {
  
    .slider-articles__more {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        display: block
    }
      }
  .slider-articles .blog-overview__list-item {
      position: relative;
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: max-content;
      margin: 0 auto;
      outline: none
    }
  .slider-articles .blog-overview__list-item[count="1"] {
        color: white;
      }
  .slider-articles .blog-overview__list-item[count="1"] .blog-overview__picture {
          background-color: #25b3c3;
          background-color: #25b3c3;
          background-color: var(--secondary-color);
        }
  .slider-articles .blog-overview__list-item[count="2"] {
        color: white;
      }
  .slider-articles .blog-overview__list-item[count="2"] .blog-overview__picture {
          background-color: #ff0044;
          background-color: #ff0044;
          background-color: var(--primary-color);
        }
  .slider-articles .blog-overview__list-item[count="3"] {
        color: #250044;
        color: #250044;
        color: var(--main-font-color);
      }
  .slider-articles .blog-overview__list-item[count="3"] .blog-overview__picture {
          background-color: #fcf7ef;
          background-color: #fcf7ef;
          background-color: var(--sand-color);
        }
  .slider-articles .blog-overview__list-item[count="3"] .blog-overview__picture .blog-overview__image {
            opacity: 0.17;
          }
  .slider-articles .blog-overview__list-item[count="4"] {
        color: white;
      }
  .slider-articles .blog-overview__list-item[count="4"] .blog-overview__picture {
          background-color: #fcba28;
          background-color: #fcba28;
          background-color: var(--accent-color-1);
        }
  .slider-articles .blog-overview__list-item[count="4"] .blog-overview__picture .blog-overview__image {
            opacity: 0.4;
          }
  .slider-articles .blog-overview__list-item[count="5"] .blog-overview__picture {
          background-color: #25b3c3;
          background-color: #25b3c3;
          background-color: var(--secondary-color);
        }
  .slider-articles .blog-overview__list-item[count="6"] {
        color: white;
      }
  .slider-articles .blog-overview__list-item[count="6"] .blog-overview__picture {
          background-color: #fcba28;
          background-color: #fcba28;
          background-color: var(--accent-color-1);
        }
  .slider-articles .blog-overview__list-item[count="6"] .blog-overview__picture .blog-overview__image {
            opacity: 0.4;
          }
  .slider-articles .blog-overview__list-item[count="7"] {
        color: #250044;
        color: #250044;
        color: var(--main-font-color);
      }
  .slider-articles .blog-overview__list-item[count="7"] .blog-overview__picture {
          background-color: #fcf7ef;
          background-color: #fcf7ef;
          background-color: var(--sand-color);
        }
  .slider-articles .blog-overview__list-item[count="7"] .blog-overview__picture .blog-overview__image {
            opacity: 0.17;
          }
  .slider-articles__slide {
      outline: none;
      padding: 0;
      margin: 0;
      padding: 5px;
    }
  .slider-articles__slide a {
        outline: none;
      }
  .slider-articles__slide .blog-overview__list-item--card {
        width: auto;
        max-width: none;
      }
  .slider-articles__more {
      width: calc(400px + 40px);
      -ms-flex-negative: 0;
          flex-shrink: 0;
      /* width: calc(var(--slider-articles-item-size) * 1); */
    }
  .slider-articles__arrows {
      position: absolute;
      z-index: 1;
      top: 0;
      text-align: right;
      max-width: 1366px;
      max-width: 1366px;
      max-width: var(--wrapper-width);
      /* padding: 20px 0; */
      right: 10px;
      right: 10px;
      right: var(--global-padding-h)
    }
  @media (min-width: 900px) {
        .slider-articles__arrows.desktop-slider-hidden {
          display: none;
        }
      }
  .js-slider-articles {
    display: block;
    width: 100%;
    position: relative
  }
  .js-slider-articles.s1 {
      width: 100%
    }
  @media (min-width: 1300px) {
  .js-slider-articles.s1 {
        /* width: calc(var(--slider-articles-item-size) * 2); */
        width: calc(100% - 500px)
    }
      }
  .js-slider-articles.s1 .slick-list {
        padding-left: 10px;
        padding-left: 10px;
        padding-left: var(--global-padding-h)
      }
  @media (min-width: 720px) {
      .js-slider-articles.s1 .slick-list {
          padding-left: 0
      }
        }
  .js-slider-articles.s2 {
      /* width: calc(var(--slider-articles-item-size) * 1); */
      display: none
    }
  @media (min-width: 1500px) {
  .js-slider-articles.s2 {
        display: block
    }
      }
  @media (min-width: 1300px) {
  .slider-articles-desktop-hidden {
      display: none !important
  }
    }
  @media (max-width: 1299px) {
  .slider-articles__btn-list {
      margin-top: 20px;
      margin-left: auto;
      display: block;
      text-align: right;
      padding-right: 10px;
      padding-right: 10px;
      padding-right: var(--global-padding-h)
  }
    }
  .blog-overview {
    --value: 20px;
    color  : #fff;
    color  : #fff;
    color  : var(--light-color);
     
  }
  .blog-overview__list {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      grid-gap: 10px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
  .blog-overview__list-item {
      position : relative;
      width: 100%;
      margin   : 0 auto;
      color: white;
      grid-column: span 6;
      display: block;
      height: 300px
     
    }
  @media (min-width: 1000px) {
  
    .blog-overview__list-item {
        grid-column: span 3;
        height: 400px
     
    }
      }
  @media (min-width: 1250px) {
  
    .blog-overview__list-item {
        grid-column: span 2
     
    }
      }
  .blog-overview__list-item--title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: auto
      }
  @media (min-width: 1000px) {
      
      .blog-overview__list-item--title {
          grid-column: span 3
      }
        }
  @media (min-width: 1250px) {
      
      .blog-overview__list-item--title {
          grid-column: span 2
      }
        }
  /* .blog-overview__list-item--card:nth-of-type(6n + 1) .blog-overview__picture {
            background-color: #25b3c3;
            background-color: #25b3c3;
            background-color: var(--secondary-color);
        }
  .blog-overview__list-item--card:nth-of-type(6n + 2) .blog-overview__picture,
        .blog-overview__list-item--card:nth-of-type(6n + 6) .blog-overview__picture {
          background-color: #ff0044;
          background-color: #ff0044;
          background-color: var(--primary-color);
      } */
  .blog-overview__list-item--card:nth-of-type(6n + 3),
        .blog-overview__list-item--card:nth-of-type(6n + 4) {
          color: #250044;
          color: #250044;
          color: var(--main-font-color);
        }
  .blog-overview__list-item--card:nth-of-type(6n + 3) .blog-overview__picture, .blog-overview__list-item--card:nth-of-type(6n + 4) .blog-overview__picture {
            background-color: #fcf7ef;
            background-color: #fcf7ef;
            background-color: var(--sand-color);
          }
  .blog-overview__list-item--card:nth-of-type(6n + 3) .blog-overview__picture .blog-overview__image, .blog-overview__list-item--card:nth-of-type(6n + 4) .blog-overview__picture .blog-overview__image {
              opacity: .17;
            }
  .blog-overview__list-item--card:nth-of-type(6n + 5) .blog-overview__picture {
            background-color: #fcba28;
            background-color: #fcba28;
            background-color: var(--accent-color-1);
            color: white;
        }
  .blog-overview__list-item--card:nth-of-type(6n + 5) .blog-overview__picture .blog-overview__image {
              opacity: .4;
            }
  .blog-overview__list-item--card{
  
        --blog_card_large : span 6;
        --blog_card_medium : span 6;
        --blog_card_small : span 6
      }
  @media (min-width: 1000px) {
      .blog-overview__list-item--card{
          --blog_card_large : span 3;
          --blog_card_medium : span 3;
          --blog_card_small : span 3
      }
        }
  @media (min-width: 1250px) {
      .blog-overview__list-item--card{
          --blog_card_large : span 4;
          --blog_card_medium : span 3;
          --blog_card_small : span 2
      }
        }
  .blog-overview__list-item--card:nth-of-type(6n + 1) {
          grid-column: var(--blog_card_large);
        }
  .blog-overview__list-item--card:nth-of-type(6n + 2),
        .blog-overview__list-item--card:nth-of-type(6n + 3) {
          grid-column: var(--blog_card_medium);
  
        }
  .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 1) {
            color: white ;
          }
  .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 1) .blog-overview__picture {
              background-color: #25b3c3;
              background-color: #25b3c3;
              background-color: var(--secondary-color);
            }
  .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 2),
          .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 6) {
            color: white;
          }
  .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 2) .blog-overview__picture, .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 6) .blog-overview__picture {
              background-color: #fcba28;
              background-color: #fcba28;
              background-color: var(--accent-color-1);
            }
  .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 2) .blog-overview__picture .blog-overview__image, .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 6) .blog-overview__picture .blog-overview__image {
                opacity: .4;
              }
  .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 4),
          .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 5) {
            color: #250044;
            color: #250044;
            color: var(--main-font-color);
          }
  .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 4) .blog-overview__picture, .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 5) .blog-overview__picture {
              background-color: #fcf7ef;
              background-color: #fcf7ef;
              background-color: var(--sand-color);
            }
  .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 4) .blog-overview__picture .blog-overview__image, .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 5) .blog-overview__picture .blog-overview__image {
                opacity: .17;
              }
  .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 3),
          .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 7) {
            color: white ;
          }
  .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 3) .blog-overview__picture, .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 7) .blog-overview__picture {
              background-color: #ff0044;
              background-color: #ff0044;
              background-color: var(--primary-color);
            }
  .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 1) {
            grid-column: var(--blog_card_large);
          }
  .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 2),
          .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 5),
          .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 6),
          .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 7) {
            grid-column: var(--blog_card_small);
          }
  .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 3),
          .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 4) {
            grid-column: var(--blog_card_medium);
          }
  .blog-overview__list-item--cta {
        height: 300px;
        grid-column: span 6
      }
  @media (min-width: 720px) {
  
      
  
      .blog-overview__list-item--cta {
          padding: 20px
      }
        }
  @media (min-width: 1000px) {
  
      
  
      .blog-overview__list-item--cta {
          grid-column: span 3;
          height: 400px
      }
  
        }
  @media (min-width: 1250px) {
  
    .blog-overview__list-item--cta {
          grid-column: span 2
      }
        }
  .blog-overview__title {
      font-size  : 2rem;
      font-family: 'blogger'
    }
  /* @media (min-width: 1300px) {
  
    .blog-overview__title {
        font-size  : 2rem
    }
      } */
  .blog-overview__link {
      text-decoration: none;
      color          : inherit;
    }
  .blog-overview__list.listing-result {
        margin-top: 50px;
      }
  .blog-overview__annotation {
      display  : -webkit-box;
      display  : -ms-flexbox;
      display  : flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      /*height: 100%;*/
      position : absolute;
      bottom   : var(--value);
      left     : var(--value);
      width    : calc(100% - (2 * var(--value)));
      height   : calc(100% - (2 * var(--value)));
      z-index  : 2;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between
    }
  @media (min-width: 600px) {
  
  
    .blog-overview__annotation {
    }
      
      }
  @media (min-width: 1000px) {
  
  
    .blog-overview__annotation {
        padding  : 20px 14px 20px 20px
    }
      }
  .blog-overview__picture {
      position        : relative;
      display         : block;
      background-color: #ff0044;
      background-color: #ff0044;
      background-color: var(--primary-color);
      overflow        : hidden;
      height: 100%
    }
  .blog-overview__picture:after {
        content         : '';
        background-color: inherit;
        mix-blend-mode  : darken;
        position        : absolute;
        height          : 100%;
        width           : 100%;
        left            : 0;
        top             : 0;
        z-index         : 1;
      }
  .blog-overview__image {
      display: block;
      opacity: .5;
      -o-object-fit: cover;
         object-fit: cover;
      width     : 100%;
      height    : 100%;
      max-height: 100%;
      max-width: 100%;
      margin-left: auto;
      width: 65%
    }
  @media (min-width: 1000px) {
  
  
  
    .blog-overview__image {
        width: 100%
    }
      }
  .blog-overview__date {
      text-align    : right;
      -ms-writing-mode  : tb-rl;
          -webkit-writing-mode  : vertical-rl;
          writing-mode  : vertical-rl;
      text-align    : left;
      text-transform: uppercase;
      -ms-flex-item-align    : start;
          align-self    : flex-start;
      font-family   : 'circle';
      font-size     : 1.4rem;
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
      line-height: 1.8rem;
  
    }
  .blog-overview__category {
      font-family: 'circle';
      font-size  : 1.4rem;
      line-height: 1.4em;
      margin-bottom: 8px;
  
    }
  .blog-overview__strong {
      text-transform: uppercase;
    }
  .blog-overview__header {
      -ms-flex-item-align: end;
          align-self: flex-end;
    }
  .blog-overview__image{
          -webkit-transition:all .5s;
          transition:all .5s;
          }
  .blog-overview__list-item:hover .blog-overview__image   {
              -webkit-transform:scale(1.1);
                      transform:scale(1.1);
              }
  /*@import "components/_article_result"; */
  .single-wrapper {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto
  }
  @media (min-width: 1300px) {
  .single-wrapper {
      width: 900px
  }
    }
  @media (max-width: 1299px) {
    .single-mobile-hidden {
      display: none !important;
    }
  }
  @media (min-width: 1300px) {
    .single-desktop-hidden {
      display: none !important;
    }
  }
  .single-article {
    position: relative
  }
  .single-article.hero {
      background-color: unset;
      height: auto;
      min-height: auto;
      margin-bottom: 40px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column
    }
  @media (max-width: 719px) {
  .single-article.hero {
        margin-bottom: 0px;
        padding-bottom: 0
    }
      }
  .single-article::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: var(--hero-height);
      border-bottom-left-radius: 80px;
      border-bottom-left-radius: 80px;
      border-bottom-left-radius: var(--hero-border-radius);
      background-color: #fcf7ef;
      background-color: #fcf7ef;
      background-color: var(--sand-color);
      z-index: -1;
    }
  .single-article.no-picture {
      padding-top: 50px;
      padding-bottom: 50px;
      margin-bottom: 100px
    }
  .single-article.no-picture::before {
        height: 100%;
      }
  .single-article__header {
      position: relative;
      margin-top: 30px;
      margin-bottom: 40px;
      padding-left: auto;
      padding-right: auto;
      text-align: center
    }
  @media (min-width: 720px) {
  
    .single-article__header {
        margin-top: 70px;
        padding-left: 60px;
        padding-right: 60px
    }
      }
  .single-article__category {
      color: #ff0044;
      color: #ff0044;
      color: var(--primary-color);
      margin-bottom: 25px;
    }
  .single-article__category span {
        color: #ff0044;
        color: #ff0044;
        color: var(--primary-color);
      }
  .single-article__category a {
        color: inherit;
        text-decoration: none;
      }
  .single-article__title {
      width: 100%;
      max-width: auto;
      position: relative;
      text-align: center;
    }
  .single-article__title strong {
        position: relative;
        z-index: 0
      }
  .single-article__title strong::before {
          content: "";
          display: block;
          position: absolute;
          top: 22px;
          left: -4px;
          right: 16px;
          bottom: 3px;
          z-index: -1;
          background-color: #fcba28;
          background-color: #fcba28;
          background-color: var(--accent-color-1);
          opacity: 0.8;
        }
  .single-article__title:after {
        content: "";
        display: block;
  
        background-color: #250044;
  
        background-color: #250044;
  
        background-color: var(--main-font-color);
        margin-top: 25px;
        margin-left: auto;
        margin-right: auto;
        height: 10px;
        width: 40px
      }
  @media (min-width: 720px) {
  
      .single-article__title:after {
          height: 15px;
          width: 78px;
          bottom: -15px
      }
        }
  .single-article__date {
      position: absolute;
      top: calc(100% - 20px);
      left: 0;
      text-align: left;
      -webkit-transform-origin: bottom left;
              transform-origin: bottom left
    }
  @media (min-width: 1300px) {
  
    .single-article__date {
        bottom: 0;
        top: auto;
        -webkit-transform: rotate(-90deg) translate(0, 100%);
                transform: rotate(-90deg) translate(0, 100%)
    }
      }
  .single-article__aside {
      position: absolute;
      bottom: 100%;
      right: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      white-space: nowrap;
      padding-bottom: 20px;
      text-align: left
    }
  @media (min-width: 1300px) {
  
    .single-article__aside {
        top: 0;
        left: 100%;
        right: auto;
        bottom: 0;
        margin-left: 30px;
        padding-bottom: 0
    }
      }
  .single-article__box {
      position: relative;
      width: 100%;
      text-align: center
    }
  @media (min-width: 720px and max-width: 1299px) {
  
    .single-article__box {
        width: auto
    }
      }
  .single-article__picture img {
        max-height: 300px
      }
  @media (min-width: 720px) {
      .single-article__picture img {
          max-height: 500px
      }
        }
  .single-article__credits {
      margin-top: 100px;
      padding-top: 75px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      /* max-width: 400px; */
      margin-left: auto;
      margin-right: auto;
  
      border-top: solid #25b3c3 4px;
  
      border-top: solid #25b3c3 4px;
  
      border-top: solid var(--secondary-color) 4px;
    }
  .single-article__content {
      margin-bottom: 50px
    }
  @media (max-width: 719px) {
  
    .single-article__content {
        padding-top: 50px
    } 
      }
  .single-article__content h2 {
        color: #ff0044;
        color: #ff0044;
        color: var(--primary-color);
        margin-bottom: 5px;
      }
  .single-article__content p {
        margin-top: 20px;
      }
  /* 
        p a {
          color: var(--secondary-color);
          font-weight: 600;
          font-style: italic;
          text-decoration: none;
          margin-left: 2px;
          margin-right: 3px;
          transition: all .3s ease;
  
          &:hover {
            color: var(--primary-color);
          }
  
          &[target="_blank"] {
            &:after{
              content:'';
              display: inline-block;
              width: 17px;
              height: 17px;
              background-image:url('assets/images/icons/arrow--blue.svg');
              background-size: contain;
              background-position: center center;
              background-repeat: no-repeat;
              margin-left: 5px;
              transform: translateY(3px) rotate(-45deg);
          }
          }
        } */
  .single-article__content h1:not(:first-child), .single-article__content h2:not(:first-child), .single-article__content h3:not(:first-child), .single-article__content h4:not(:first-child), .single-article__content h5:not(:first-child) {
          margin-top: 60px;
        }
  .single-article__content .wp-block-pullquote,
      .single-article__content .wp-block-quote {
        position: relative;
        margin-top: 50px;
        padding-top: 80px;
        padding-bottom: 80px
      }
  .single-article__content .wp-block-pullquote::before, .single-article__content .wp-block-quote::before {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          z-index: -1;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          display: block;
          width: 100vw;
          height: 100%;
          background-color: #fcf7ef;
          background-color: #fcf7ef;
          background-color: var(--sand-color);
        }
  .single-article__content .wp-block-pullquote p, .single-article__content .wp-block-quote p {
          margin-top: 0;
          font-family: "blogger";
          font-size: 2rem;
          font-weight: bold;
          font-style: italic;
          max-width: 600px;
          margin-left: auto;
          margin-right: auto;
          font-size: 2.6rem
        }
  .single-article__content .wp-block-pullquote p::before, .single-article__content .wp-block-quote p::before {
            content: "“";
          }
  .single-article__content .wp-block-pullquote p::after, .single-article__content .wp-block-quote p::after {
            content: "”";
          }
  .single-article__content .wp-block-pullquote cite, .single-article__content .wp-block-quote cite {
          font-size: 1.4rem;
          margin-top: 40px;
        }
  .single-article__content img {
        max-width: 100%;
        height: auto;
      }
  .single-article__content .wp-block-column figure:first-child {
          margin-top: 0;
        }
  @media (max-width: 599px) {
          .single-article__content .wp-block-column + .wp-block-column {
            margin-top: 40px;
          }
        }
  .single-article__content .wp-block-image {
        margin-bottom: 0;
      }
  .single-article__content .wp-block-image figcaption {
          display: none;
        }
  @media (max-width: 599px) {
  
      .single-article__content .wp-block-gallery {
          margin-top: 0;
      }
  
          .single-article__content .wp-block-gallery ul {
            margin-top: 0;
          }
        }
  .single-article__content .wp-block-gallery .blocks-gallery-grid {
          width: 100%
        }
  .single-article__content .wp-block-gallery .blocks-gallery-grid:not(.slick-slider) {
            display: none;
          }
  .single-article__content .wp-block-gallery .slick-list {
          width: 100%;
        }
  .single-article__content .wp-block-gallery .slick-track {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
        }
  .single-article__content .wp-block-gallery .slick-track li {
            display: block;
            padding: 0;
            margin: 0
          }
  .single-article__content .wp-block-gallery .slick-track li::before,
            .single-article__content .wp-block-gallery .slick-track li::after {
              display: none;
            }
  .single-article__content .wp-block-gallery .slick-track figure {
            display: block;
            width: 100%;
          }
  .single-article__content .wp-block-gallery .slick-track figcaption {
            display: none;
          }
  .single-article__content .wp-block-gallery .slick-track img {
            width: 100%;
            display: block;
            -o-object-fit: cover;
               object-fit: cover;
            height: 300px
          }
  @media (min-width: 720px) {
  
          .single-article__content .wp-block-gallery .slick-track img {
              height: 500px
          }
            }
  .single-article__content .wp-block-gallery__slider {
          width: 100%;
        }
  .single-article__content .wp-block-gallery__nav {
          width: 100%;
          margin-top: 10px
        }
  @media (min-width: 720px) {
  
        .single-article__content .wp-block-gallery__nav {
            margin-top: 40px
        }
          }
  .single-article__content .wp-block-gallery__nav .slick-track > * {
              outline: none;
            }
  .single-article__content .wp-block-gallery__nav .slick-track figure {
              padding: 0 5px
            }
  @media (min-width: 720px) {
  
            .single-article__content .wp-block-gallery__nav .slick-track figure {
                padding: 0 15px
            }
              }
  .single-article__content .wp-block-gallery__nav .slick-track img {
              cursor: pointer;
              height: 65px;
              width: 100%;
              display: block;
              -o-object-fit: cover;
                 object-fit: cover;
            }
  .single-article__content .content-block {
        margin-top: 50px;
        margin-bottom: 50px;
      }
  .single-article__content .content-block p {
          margin-top: 0;
        }
  .single-article__content .content-block form ul {
            margin-top: 0;
          }
  .single-article__content .content-block form ul li {
              margin-bottom: 0
            }
  .single-article__content .content-block form ul li::before,
              .single-article__content .content-block form ul li::after {
                display: none;
              }
  .mega-menu {
    position        : absolute;
    /* margin-top:120px; */
    overflow-y      : scroll;
    left            : 0;
    top             : 0;
    z-index:  -1;
    width           : 100%;
    background-color: transparent;
    height          : 74px;
    height          : 74px;
    height          : var(--menu-height);
    overflow: hidden; 
    -webkit-box-shadow    : 0 0 20px rgba(255, 0, 68, 0); 
            box-shadow    : 0 0 20px rgba(255, 0, 68, 0);
    pointer-events: none;
    -webkit-transition: all .3s ease, height .5s cubic-bezier(0.7, 0, 0.84, 0);
    transition: all .3s ease, height .5s cubic-bezier(0.7, 0, 0.84, 0);
  }
  .mega-menu__wrapper {
      padding-top: calc(74px);
      padding-top: calc(74px);
      padding-top: calc(var(--menu-height));
      padding-left: 10px;
      padding-left: 10px;
      padding-left: var(--global-padding-h);
      padding-right: 10px;
      padding-right: 10px;
      padding-right: var(--global-padding-h);
      padding-bottom  : 80px;
      display  : -webkit-box;
      display  : -ms-flexbox;
      display  : flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width    : 100%;
      opacity: 0;
      pointer-events: none;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
    }
  .mega-menu__list {
      /* background-color:pink; */
      display  : -webkit-box;
      display  : -ms-flexbox;
      display  : flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
  .mega-menu__item {
      padding-left: 40px;
      /* border:2px solid blue; */
      max-width   : 260px;
      width       : 100%
    }
  .mega-menu__item:last-of-type {
        margin-right: 35%;
      }
  .mega-menu__link {
      /* border:1px solid red; */
      color           : #ff0044;
      color           : #ff0044;
      color           : var(--primary-color);
      font-size       : 1.5rem;
      font-weight     : 600;
      text-transform  : uppercase;
      position        : relative;
      -webkit-box-align     : center;
          -ms-flex-align     : center;
              align-items     : center;
      display         : inline-block;
      margin-bottom   : 10px;
      max-width       : none;
      width           : auto;
      font-size       : 1.6rem;
      -webkit-box-shadow      : none;
              box-shadow      : none;
      background-color: transparent;
      text-decoration : none
    }
  .mega-menu__link:after {
        content         : '';
        background-size : cover;
        display         : block;
        position        : absolute;
        top             : 50%;
        -webkit-transform       : translateY(-50%);
                transform       : translateY(-50%);
        background-image: url("assets/images/icons/arrow--orange.svg");
        left            : -30px;
        width           : 25px;
        height          : 25px;
      }
  .mega-menu__sub-list {
    }
  .mega-menu__sub-item {
      line-height: 1.3
    }
  .mega-menu__sub-item + .mega-menu__sub-item {
        margin-top: 10px;
      }
  .mega-menu__sub-link {
      font-family    : circle;
      color          : #ff0044;
      color          : #ff0044;
      color          : var(--primary-color);
      font-size      : 1.5rem;
      text-decoration: none;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
    }
  .mega-menu__box {
      padding-right: 20px
    }
  .mega-menu__box:last-of-type {
        padding-left : 20px;
        padding-right: 0;
      }
  .mega-menu__box-link {
      color: inherit;
      text-decoration: none;
      display: grid;
      grid-template-columns: 45% 1fr;
      grid-gap: 40px;
      text-align: right;
      width: 100%;
    }
  .mega-menu__box-link .blog-overview__category {
        color: #250044;
        color: #250044;
        color: var(--main-font-color);
      }
  .mega-menu__box-link .svg--arrow {
        fill: #fcba28;
        fill: #fcba28;
        fill: var(--accent-color-1);
        font-size: 3rem;
        margin-top: 10px;
      }
  .mega-menu__box-link:hover .mega-menu__title {
          color: #25b3c3;
          color: #25b3c3;
          color: var(--secondary-color);
        }
  .mega-menu__box-link:hover .mega-menu__picture img {
          -webkit-transform: scale(1.1);
                  transform: scale(1.1);
        }
  .mega-menu__text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
    }
  .mega-menu__category {
      font-size: 1.4rem;
    }
  .mega-menu__title {
      color        : #ff0044;
      color        : #ff0044;
      color        : var(--primary-color);
      font-size: 3.5rem;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
    }
  .mega-menu__picture {
      background-color: #ff0044;
      background-color: #ff0044;
      background-color: var(--primary-color);
      position: relative;
      height: 100%;
      padding-top: 55%;
      overflow: hidden;
    }
  .mega-menu__picture img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        mix-blend-mode: darken;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
      }
  .mega-menu a {
      -webkit-transition: all .3s ease;
      transition: all .3s ease
    }
  .mega-menu a:hover {
        color: #25b3c3;
        color: #25b3c3;
        color: var(--secondary-color); 
      }
  @media (min-width:720px) {
  
      .mega-menu__wrapper {
        /* border:1px solid blue; */
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -ms-flex-wrap      : wrap;
            flex-wrap      : wrap;
      }
  
      .mega-menu__box {
        width      : 50%;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -ms-flex-wrap  : wrap;
            flex-wrap  : wrap
        /* border:1px solid red; */
        /*max-width  : 720px;*/
      }
        .mega-menu__box:first-child {
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
        }
        .mega-menu__box:last-of-type {
          max-width: 920px;
          /* padding-left:50px; */
          display  : -webkit-box;
          display  : -ms-flexbox;
          display  : flex;
          padding  : 0;
        }
  
      .mega-menu__image {
        max-width  : 100%;
        min-width  : none;
        margin-left: 0;
      }
  
      .mega-menu__list {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
      }
  
      .mega-menu__title-link {
        color          : inherit;
        text-transform : inherit;
        text-decoration: none;
      }
  }
  @media (min-width:920px) {
  
      .mega-menu__wrapper {
       /* padding: 80px; */
      }
  
      .mega-menu__item {
        width: 50%
      }
  
        .mega-menu__item:last-of-type {
          margin-right: 0;
        }
  
      .mega-menu__box {
        width: 50%
      }
  
        .mega-menu__box:last-of-type {
          padding-left : 40px;
          width        : 50%;
          border-left  : 4px solid #fcba28;
          border-left  : 4px solid #fcba28;
          border-left  : 4px solid var(--accent-color-1);
        }
  
      .mega-menu__image {
        margin-left: 0;
        width      : 420px;
      }
  
      .mega-menu__list {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center
      }
  
        .mega-menu__list + .mega-menu__list {
          margin-left: 30px;
        } 
  }
  li.menu__list-item[class*='mega-menu']:hover .mega-menu {
        pointer-events: auto;
        background-color: white;
        -webkit-box-shadow    : 0 0 20px rgba(255, 0, 68, .16);
                box-shadow    : 0 0 20px rgba(255, 0, 68, .16);
        -webkit-transition: all .3s ease, height .5s cubic-bezier(0.16, 1, 0.3, 1);
        transition: all .3s ease, height .5s cubic-bezier(0.16, 1, 0.3, 1);
      }
  li.menu__list-item[class*='mega-menu']:hover .mega-menu__wrapper {
          opacity: 1;
          pointer-events: auto;
          -webkit-transition: all .3s .3s ease;
          transition: all .3s .3s ease;
        }
  /*.mega-menu {
    height: auto !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    background-color: white !important;
  
    &__wrapper {
      height: auto !important;
      opacity: 1 !important;
      pointer-events: auto !important;  
    }
  } */
  .title{
      color:#ff0044;
      color:#ff0044;
      color:var(--primary-color);
      position: relative;
      margin-bottom: calc(25px + 0px); /* + 40px de marge*/
      margin-top: 10px;
      padding-bottom: 20px
  }
  @media (min-width: 720px) {
  .title{
          /* margin:var(--spacing); */
          max-width: 600px;
          margin-top: 0px;
          margin-bottom: calc(25px + 40px) /* + 40px de marge*/
  }
  
          .title:after{
              bottom:-25px;
          }
      }
  .title:after{
          content:'';
          height:10px;
          width: 40px;
          background-color: #ff0044;
          background-color: #ff0044;
          background-color: var(--primary-color);
          position:absolute;
          left:0;
          bottom: -5px
      }
  @media (min-width: 720px) {
  .title:after{
              height:12px;
              width: 78px;
              bottom: -15px
      }
            }
  .title.secondary-color::after {
          background-color: #25b3c3;
          background-color: #25b3c3;
          background-color: var(--secondary-color);
      }
  .title--full-width{
          width:100%;
          max-width:100%;
      }
  .title.white-color::after {
          background-color: white;
      }
  .subtitle {
      margin-bottom: 30px;
  }
  @media (min-width:720px){
  
          
      .title--full-width{
       
          max-width:100%
      }
  
          
          .title--full-width:after{
              width:80px;
          }
  
  }
  @media (min-width: 900px) {
  .partenar {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
  }
    }
  .partenar__wrap {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
    }
  .partenar__list {
      -webkit-box-flex            : 1;
          -ms-flex-positive            : 1;
              flex-grow            : 1;
      display              : grid;
      grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
      grid-gap             : 40px 30px;
      margin-bottom        : 80px
    }
  @media (min-width: 900px) {
  
    .partenar__list {
        padding-left: 150px;
        grid-gap    : 70px 50px
    }
      }
  .partenar header {
      white-space: nowrap;
    }
  .partenar__list-item {
      padding        : 10px;
      display        : -webkit-box;
      display        : -ms-flexbox;
      display        : flex;
      -webkit-box-align    : center;
          -ms-flex-align    : center;
              align-items    : center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
  .partenar__image {
      width     : auto;
      display   : block;
      max-height: 66px;
      max-width : 100%;
    }
  .partenar__label {
      margin        : 20px 0;
      text-transform: uppercase;
    }
  @media(min-width:900px) {
  
    .partenar__label {
        padding-left: 150px;
    }
      }
  .partenar__label {
      font-size     : 1.4rem;
      color         : #ff0044;
      color         : #ff0044;
      color         : var(--primary-color);
      font-family   : "circle";
    }
  .floating-card {
    position: relative;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: inherit;
    text-decoration: inherit;
  
  }
  .floating-card__list {
      display: grid;
      grid-template-columns: 1fr;
      grid-gap: 100px 0
    }
  @media (min-width: 600px) {
  
    .floating-card__list {
        grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
        grid-gap: 60px 0
    }
      }
  .floating-card__list--solutions {
        grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
        grid-gap: 100px 0;
  
      }
  .floating-card__cell {
      position: relative;
      width: 80%;
      padding-top: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
    }
  .floating-card__img {
      position: absolute;
      z-index: -1;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
  .floating-card__img img {
        position: absolute;
        top: 0;
        left: 0; 
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
      }
  .floating-card--solution .floating-card__img { 
         background-color: #25b3c3; 
         background-color: #25b3c3; 
         background-color: var(--secondary-color);
         opacity: .65;
        }
  .floating-card--solution .floating-card__img img {
            mix-blend-mode: darken;
          }
  .floating-card__content {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      padding-top: 10px;
    }
  .floating-card__text-overflow {
      height: 0px;
      overflow: hidden;
    }
  .floating-card__text {
      padding-bottom: 15px;
    }
  .floating-card__cta {
      top: calc(100% - 40px);
    }
  .floating-card--small .floating-card__cta {
        display: none;
      }
  .floating-card__cta {
      position: absolute;
      bottom: 0;
      left: 100%;
      white-space: nowrap;
      -webkit-transform-origin: bottom left;
              transform-origin: bottom left;
      -webkit-transform: rotate(-90deg) translate(0, calc(100% + 10px));
              transform: rotate(-90deg) translate(0, calc(100% + 10px));
      text-align: left;
      padding-left: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
  }
  .floating-card__cta .btn--link {
        padding-left: 0;
        min-width: auto
      }
  .floating-card__cta .btn--link::after {
          display: none;
        }
  .floating-card__cta .floating-card__icon {
        fill: #ff0044;
        fill: #ff0044;
        fill: var(--primary-color);
        font-size: 2.5rem;
        position: absolute;
        left: -5px;
        top: 50%;
        -webkit-transform: translate(0,-50%) rotate(90deg);
                transform: translate(0,-50%) rotate(90deg);
      }
  .floating-card__cta-second {
      position: absolute;
      bottom: -10px;
      right: 0;
    }
  .floating-card__cta-second svg {
        margin-left: 10px;
        fill: #ff0044;
        fill: #ff0044;
        fill: var(--primary-color);
        font-size: 2.2rem;
        -webkit-transform: translate(0, 7px);
                transform: translate(0, 7px)
      }
  .floating-card__cta-second {
      opacity: 0;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
  }
  /* Hover Animation */
  .no-touch .floating-card:not(.js-parallax-hover) .floating-card__img img {
        -webkit-transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
        transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
      }
  .no-touch .floating-card:not(.js-parallax-hover) .floating-card__content {
        -webkit-transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
        transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
      }
  .no-touch .floating-card:not(.js-parallax-hover) .floating-card__text-overflow {
        -webkit-transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
        transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
      }
  .no-touch .floating-card:not(.js-parallax-hover) .floating-card__cta {
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
      }
  .no-touch .floating-card:not(.js-parallax-hover) .floating-card__cta-second {
        -webkit-transition: all .3s 0s ease;
        transition: all .3s 0s ease;
      }
  .no-touch .floating-card:not(.js-parallax-hover):hover .floating-card__img img{
          opacity: .2;
          -webkit-transform: scale(.8);
                  transform: scale(.8)
        }
  .no-touch .floating-card:not(.js-parallax-hover):hover .floating-card__cta {
          opacity: 0;
          pointer-events: none;
          left: calc(100% + 4px);
        }
  .no-touch .floating-card:not(.js-parallax-hover):hover .floating-card__cta-second {
          opacity: 1;
          -webkit-transition: all .3s .5s ease;
          transition: all .3s .5s ease;
        }
  /* .card-expertise__item:hover{
      cursor: pointer;
      }
       */
  /*Left cell */
  /* .card-expertise__item:hover picture img{
          opacity: .3;
          transform-origin:center center;
          transform: scale(.8);
      }
  
       */
  /* .card-expertise__item:hover h3{
  
  
       transform: translatey(-60px)
  
      }
  
  
      .card-expertise__item:hover .card-expertise__description{
          visibility: visible;
          opacity: 1;
          height:auto;
          transform: translatey(-60px)
      }
  
  
      .card-expertise__item:hover{
      cursor: pointer;
      }
  
    */
  /*Right cell */
  /* .card-expertise__item:hover .card-expertise__keywords{
          animation: .3s ease-in-out forwards ce_anim_keyword;
      }
       */
  /* .card-expertise__item:hover .card-expertise__link{
  
      animation: .5s ease-in-out   both ce_anim_link ;
      }
       */
  /*animation setup*/
  /* .card-expertise__item picture img{transition:all .3s}
      .card-expertise__item h3{ transition: all .3s }
      .card-expertise__item .card-expertise__description{  transition: all .2s .3s  }
  
  
  
  
  
      @keyframes ce_anim_keyword {
        0% { opacity:1}
        30% {  }
        72% { opacity:.5; transform: rotate(-90deg) translate(132px, 154px);}
        100% { opacity:0; transform: rotate(-90deg) translate(132px, 154px);}
      }
  
  
      @keyframes ce_anim_link {
        0% { opacity:1;}
        25%{ opacity:0;transform: rotate(-90deg) translate(8px, 125px); }
        35% {opacity:0;  bottom: -70px; transform: rotate(0) translate(0px, 0px);}
        100% { opacity:1; bottom: -70px; transform: rotate(0) translate(0px, 0px);}
      } */
  .card-solution {
    padding: 20px;
  }
  /*
          &__cell {
     margin-top: 20px;
     } */
  .card-solution__list-item,
    .card-solution__content {
      margin-top : 0px;
      margin-bottom: 80px
    }
  @media (min-width: 1200px) {
  
    .card-solution__list-item,
    .card-solution__content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 60px;
        grid-auto-flow: column
    }
          .card-solution__list-item:nth-child(even) .card-solution__cell:first-child, .card-solution__content:nth-child(even) .card-solution__cell:first-child {
            grid-column: 2;
          }
      }
  .card-solution__picture {
      width: 100%;
      max-width: 500px;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: block
    }
  @media (min-width: 1200px) {
    .card-solution__picture {
        max-width: none
    }
      }
  .card-solution__image {
      width: 100%;
    }
  .card-solution__description {
      margin-bottom: 20px;
    }
  .card-solution__header {
      color: #ff0044;
      color: #ff0044;
      color: var(--primary-color);
      margin-bottom: 20px;
    }
  .card-solution__link {
      /*
          margin-right: 0;
          margin-left: auto;
        */
    }
  .card-solution__image {}
  .card-solution__list-item.accordion__item {
     grid-template-columns: 1fr;
     grid-auto-flow: row;
     grid-gap: 0;
     margin-bottom: -5px;
  
  }
  .card-solution__btn-overflow {
    margin: -30px;
    margin-top: 0;
    -webkit-transform: translate(0, -55px);
            transform: translate(0, -55px);
  }
  .card-solution__btn-container {
    padding: 30px;
  }
  .card-solution-btn {
    display: block;
    outline: none;
    border: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    max-width: 900px;
    height: 110px;
    padding: 10px 0;
    text-align: left;
    background: white;
    -webkit-box-shadow: 0 3px 18px rgba(0, 0, 0, 13%);
            box-shadow: 0 3px 18px rgba(0, 0, 0, 13%);
    cursor: pointer;
  }
  .card-solution-btn-title {
    font-family: "circle";
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 1.5rem;
  }
  .card-solution-btn-picture {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    display: block;
    width: 20%;
    margin-right: 2em;
    margin-top: -10px;  
    margin-bottom: -10px;  
    min-height: 110px
  }
  .card-solution-btn-picture::before {
      content:'';
      display: block;
      width: 100%;
      padding-top: 50%;
    }
  .card-solution-btn-picture img {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
    }
  /*section{
      background-color:pink;
      border:3px solid red;
  }
  */
  .card-search__item {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      padding: 50px 0;
      border-top: solid #ff0044 1px;
      border-top: solid #ff0044 1px;
      border-top: solid var(--primary-color) 1px
    }
  @media (min-width: 720px) {
    .card-search__item {
        border: none;
        padding: 50px;
        -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
                box-shadow: 0 0 0 rgba(255, 255, 255, 0)
    }
  
        .card-search__item:hover {
          /*  cursor    : pointer;*/
          -webkit-box-shadow: 0px 0px 16px rgba(255, 0, 68, 0.26);
                  box-shadow: 0px 0px 16px rgba(255, 0, 68, 0.26);
        }
  
          .card-search__item:hover .card-search__readmore {
            opacity: 1;
            -webkit-transform: translatex(0);
                    transform: translatex(0);
          }
      }
  .card-search__picture {
      display: none;
      position: relative;
      width: 360px;
      margin-right: 50px;
      -ms-flex-negative: 0;
          flex-shrink: 0
    }
  @media (max-width: 999px) {
  
    .card-search__picture {
        width: 200px;
        margin-right: 20px
    }
      }
  .card-search__picture img {
        display: block;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        height: 100%;
      }
  .card-search__picture svg {
        display: none;
      }
  .card-search__picture--resource::after {
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          display: block;
          background-color: #ff0044;
          background-color: #ff0044;
          background-color: var(--primary-color);
          mix-blend-mode: darken;
        }
  .card-search__picture--resource svg {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          display: block;
          fill: white;
          z-index: 1;
          font-size: 6rem
        }
  @media (max-width: 599px) {
  
        .card-search__picture--resource svg {
            font-size: 3.5rem
        }
          }
  .card-search__info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column
    }
  @media (min-width: 1000px) {
  
    .card-search__info {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between
    }
      }
  .card-search__category {
      margin-bottom: 10px;
    }
  .card-search__category a {
        text-decoration: none;
        color: inherit;
      }
  .card-search__category strong {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.4rem;
      }
  .card-search__datum {
      text-transform: uppercase;
      font-size: 1.4rem;
      margin-bottom: 0px
    }
  @media (max-width: 999px) {
  
    .card-search__datum {
        margin-bottom: 10px;
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
        opacity: 0.3
    }
      }
  .card-search__description {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
    }
  .card-search__title {
      max-width: 580px;
      font-size: 2.6rem;
    }
  .card-search__title-page {
        font-size: 3.5rem;
        text-transform: uppercase;
      }
  .card-search__title-product {
        font-size: 3.5rem;
        color: #fcba28;
        color: #fcba28;
        color: var(--accent-color-1);
      }
  .card-search__title-expertise {
        color: #ff0044;
        color: #ff0044;
        color: var(--primary-color);
      }
  .card-search__title-insight {
        color: #25b3c3;
        color: #25b3c3;
        color: var(--secondary-color);
      }
  .card-search__title.who-we-serve {
        color: #25b3c3;
        color: #25b3c3;
        color: var(--secondary-color);
      }
  .card-search__title.what-we-do {
        color: #ff0044;
        color: #ff0044;
        color: var(--primary-color);
      }
  .card-search__excerpt {
      margin-top: 10px;
    }
  .card-search__readmore {
      display: block;
      text-align: right;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      margin-top: 20px;
      text-decoration: none;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
    }
  @media (min-width: 720px) {
  
    .card-search__readmore {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transform: translatex(-10px);
                transform: translatex(-10px);
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding-bottom: 50px;
        padding-right: 46px
    }
      }
  .card-search__readmore svg {
        margin-left: 10px;
        fill: #ff0044;
        fill: #ff0044;
        fill: var(--primary-color);
        font-size: 2.2rem
      }
  @media (min-width: 720px) {
  
      .card-search__readmore svg {
          -webkit-transform: translate(0, 3px);
                  transform: translate(0, 3px)
      }
        }
  .card-search__readmore:after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        z-index: 10;
        position: absolute;
        top: 0;
        left: 0;
      }
  @media (min-width: 720px) {
      .card-search__picture {
        display: block;
      }
  }
  .resource-card__list {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
      grid-gap: 80px 65px
    }
  @media (max-width: 599px) {
    .resource-card__list {
        grid-gap: 100px 65px
    }
      }
  @media (max-width: 899px) {
    .resource-card__list {
        grid-template-columns: 1fr
    }
      }
  .resource-card__item {
      position: relative;
      height: 100%;
      color: #250044;
      color: #250044;
      color: var(--main-font-color);
      text-decoration: none;
      cursor: pointer
    }
  @media (max-width: 899px) {
  
    .resource-card__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
      }
  .resource-card__item::before {
        content: "";
        position: absolute;
        top: -28px;
        left: -28px;
        bottom: -28px;
        right: -28px;
        z-index: -1;
        background-color: white;
        -webkit-box-shadow: 0px 0px 16px rgba(255, 0, 68, 0);
                box-shadow: 0px 0px 16px rgba(255, 0, 68, 0);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        pointer-events: none
      }
  @media (max-width: 899px) {
  
      .resource-card__item::before {
          bottom: -50px
      }
        }
  .resource-card__item:hover::before {
          -webkit-box-shadow: 0px 0px 16px rgba(255, 0, 68, 0.26);
                  box-shadow: 0px 0px 16px rgba(255, 0, 68, 0.26);
        }
  .no-touch .resource-card__item:hover .resource-card__btn {
          opacity: 1;
          -webkit-transform: translatex(0);
                  transform: translatex(0);
        }
  .resource-card__date {
      position: absolute;
      top: 0;
      left: -3px
    }
  @media (max-width: 499px) {
  
    .resource-card__date {
        position: absolute;
        top: 140px;
        left: auto;
        -webkit-transform: none;
                transform: none;
        -ms-writing-mode: initial;
            -webkit-writing-mode: initial;
            writing-mode: initial
    }
      }
  @media (max-width: 499px) and (max-width: 399px) {
  
    .resource-card__date {
          top: 100px
    }
        }
  .resource-card__picture {
      position: relative;
      display: block;
      margin-left: 50px;
      height: 212px;
      width: 212px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin-right: 20px
    }
  @media (max-width: 599px) {
  
    .resource-card__picture {
        height: 130px;
        width: 130px;
        margin-left: 40px
    }
      }
  @media (max-width: 599px) and (max-width: 499px) {
  
    .resource-card__picture {
          margin-left: 0
    }
        }
  @media (max-width: 599px) and (max-width: 399px) {
  
    .resource-card__picture {
          height: 80px;
          width: 80px
    }
        }
  @media (min-width: 900px) {
  
    .resource-card__picture {
        margin-bottom: 30px
    }
      }
  .resource-card__picture img {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
      }
  .resource-card__picture:not(.resource-card__picture--no-filter)::after {
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          display: block;
          background-color: #ff0044;
          background-color: #ff0044;
          background-color: var(--primary-color);
          mix-blend-mode: darken;
        }
  .resource-card__picture svg {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        fill: white;
        z-index: 1;
        font-size: 6rem
      }
  @media (max-width: 599px) {
  
      .resource-card__picture svg {
          font-size: 3.5rem
      }
        }
  @media (max-width: 599px) {
  
      .resource-card__picture.resource-card__picture--no-filter {
          -webkit-transform: translate(-10px, 0);
                  transform: translate(-10px, 0)
      }
        }
  @media (min-width: 600px) {
  
      .resource-card__picture.resource-card__picture--no-filter {
          margin-left: 0
      }
        }
  @media (min-width: 900px) {
  
      .resource-card__picture.resource-card__picture--no-filter {
          width: 100%
      }
        }
  .resource-card__picture.resource-card__picture--no-filter img {
          position: relative;
          left: auto;
          right: auto;
          top: auto;
          height: calc(100% + 30px);
          width: auto;
          margin-top: -18px;
          margin-left: 10px;
          z-index: -1;
        }
  .resource-card__picture.resource-card__picture--no-filter svg {
          display: none;
        }
  .resource-card__btn {
      float: right;
      margin-top: 20px;
      min-width: auto;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      opacity: 0;
      -webkit-transform: translatex(-10px);
              transform: translatex(-10px)
    }
  @media (max-width: 899px) {
  
    .resource-card__btn {
        position: absolute;
        top: 100%;
        right: 0
    }
      }
  @media (min-width: 900px) {
  
    .resource-card__btn {
        float: right;
        margin-right: 10px
    }
      }
  .touch .resource-card__btn {
        opacity: 1;
        -webkit-transform: translatex(0px);
                transform: translatex(0px);
      }
  .card-solutions {
    padding: 20px;
  }
  .card-solutions__item {
      padding   : 10px;
      margin-top: 20px;
  
      color: inherit;
      text-decoration: none;
    }
  .card-solutions__keywords {
      visibility: hidden;
      opacity   : 0;
    }
  .card-solutions__link {}
  .card-solutions__title {
      margin-top: 15px;
    }
  @media (min-width:720px) {
    .card-solutions {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(calc((100% / 4) - (40px)), 1fr));
      grid-gap: 20px 40px;
    }
      
      .card-solutions__intro {
        margin-top: 40px;
      }
  
      .card-solutions__item {
        padding: 0;
        margin: 0;
      }
  
      .card-solutions__description {
        visibility: hidden;
        opacity   : 0;
        max-height: 0;
      }
        .card-solutions__link.btn.btn--link {}
  
        .card-solutions__link svg {}
        .card-solutions__cell .btn--link {}
  
      .card-solutions__img {
        display: block;
      }
  
      .card-solutions__picture--alt {
        position: relative;
        display : block
      }
  
        .card-solutions__picture--alt:after {
          content         : '';
          width           : 100%;
          height          : 100%;
          background-color: #25b3c3;
          background-color: #25b3c3;
          background-color: var(--secondary-color);
          mix-blend-mode  : screen;
          position        : absolute;
          top             : 0;
          left            : 0;
          right           : 0;
          bottom          : 0;
          display         : block;
        }
  }
  .tabs__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 20px
    }
  @media (min-width: 900px) {
    .tabs__list {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start
    }
  
      }
  .tabs__list {
      /* border-bottom:1px dashed #eee; */
    }
  .tabs.center .tabs__list {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
      }
  .tabs__item {
      font-size  : 2.2rem;
      font-family: 'blogger';
      color      : #250044;
      color      : #250044;
      color      : var(--main-font-color);
      font-weight: 600;
      margin-right: 10px;
      margin-left: 10px;
      margin-bottom: 20px;
      width: 40%;
      text-align: center;
      -ms-flex-negative: 0;
          flex-shrink: 0
    }
  @media (max-width: 600px) {
  
    .tabs__item {
        width: auto;
        margin: 5px
    }
      }
  .tabs__item:not(.tabs__item--active):hover a {
        color: #ff0044;
        color: #ff0044;
        color: var(--primary-color)
       }
  .tabs__item a {
        position: relative;
        -webkit-transition: color .3s ease;
        transition: color .3s ease
      }
  .tabs__item a:before {
            content         : '';
            position        : absolute;
            height          : 13px;
            -webkit-transform-origin: left center;
                    transform-origin: left center;
            -webkit-transform       : scaleX(1);
                    transform       : scaleX(1);
            background-color: transparent;
            bottom: 8px;
            left: -10px;
            right: calc(100% + 10px);
            z-index         : -1;
            -webkit-transition      : right 0.3s;
            transition      : right 0.3s;
          }
  .tabs.center .tabs__item {
        width: auto;
        text-align: center;
        margin-right: 20px;
        margin-left: 20px;
  
        /* @media (min-width: 500px) {
          width: 100px;
        } */
      }
  @media (min-width: 720px) {
  
    .tabs__item {
        font-size  : 2.6rem;
        width: auto;
        margin-right: 30px;
        margin-left: 0;
        text-align: left
    }
  
      }
  @media (min-width: 900px) {
  
    .tabs__item {
        margin-right: 70px
    }
      }
  .tabs__item:first-of-type a {
          padding-left: 0;
        }
  .tabs__item:last-of-type a {
          padding-right: 0;
        }
  .tabs__item--active a {
          color   : #ff0044;
          color   : #ff0044;
          color   : var(--primary-color)
        }
  .tabs__item--active a:before {
            right: 0px;
            background-color: #fcba28;
            background-color: #fcba28;
            background-color: var(--accent-color-1);
          }
  .tabs__link {
      /* border:1px solid red; */
      padding        : 10px;
      font-family    : 'blogger';
      font-weight    : 600;
      font-size      : inherit;
      text-decoration: none;
      color          : #250044;
      color          : #250044;
      color          : var(--main-font-color)
    }
  .tabs__link:hover {
        cursor: pointer;
      }
  .tabs__section {
      display: none
    }
  .tabs__section:first-of-type {
        display: block;
      }
  .tabs__body {
      padding: 20px;
    }
  .authors{
  
      font-size: 1.2rem;
      color: inherit;
      text-decoration: none;
  }
  .authors__list{
          /* display:flex;
          flex-flow: row wrap;
          justify-content: center; */
          
      }
  .authors__item{
      
          display: -webkit-box;
      
          display: -ms-flexbox;
      
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          margin:10px;
          margin-left:0;
      
  
      }
  .authors__picture{
  
          display: block;
    
          
      }
  .authors__image{
              width:40px;
              min-width:40px;
              border-radius: 50%;
  
          }
  .authors__fullname{
          font-size: 1.2rem;
          line-height: 1.4rem;
          font-family: 'circle';
          margin-left:15px;
  
  
  
      }
  .authors__fullname a {
              color: inherit;
              text-decoration: none;
              -webkit-transition: all .3s ease;
              transition: all .3s ease
          }
  .authors__fullname a::hover {
                  color: #ff0044;
                  color: #ff0044;
                  color: var(--primary-color);
              }
  .authors__title{
          font-size: 1.4rem;
          margin-bottom: 1rem;
          text-align: left;
      }
  .authors__title strong{
              text-transform: uppercase;
            }
  @media (min-width: 720px) {
    .leader__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap
    }
      }
  .leader__list.grid-expand {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
      grid-gap: 30px 15px;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease
    }
  .leader__list.grid-expand.is-loading {
        opacity: 0;
        pointer-events: none;
      }
  .no-touch .leader__list.grid-expand {
        grid-gap: 70px 15px;
      }
  @media (min-width: 600px) {
        .leader__list.grid-expand,
        .no-touch .leader__list.grid-expand {
          grid-gap: 70px 35px;
        }
      }
  @media (min-width: 900px) {
    .leader__list.grid-expand {
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr))
    }
      }
  .leader__item {
      position: relative;
    }
  .leader__card {
      color: inherit;
      text-decoration: none;
    }
  .leader__img,
    .leader__more a {
      position: relative;
      display: block;
      width: 100%;
      height: 250px
    }
  @media (min-width: 800px) {
  
    .leader__img,
    .leader__more a {
        height: 300px
    }
      }
  .leader__img img, .leader__more a img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover
      }
  .leader__img img.grayscale, .leader__more a img.grayscale {
          opacity: 0.6;
        }
  .leader__img img:not(:first-child), .leader__more a img:not(:first-child) {
          position: absolute;
          top: 0;
          left: 0;
          opacity: 0;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
        }
  .leader__item:hover .leader__img img:not(:first-child),
          .is-active .leader__img img:not(:first-child),
          .leader__item:hover .leader__more a img:not(:first-child),
          .is-active .leader__more a img:not(:first-child) {
            opacity: 1;
          }
  .leader__additional-img {
      margin-bottom: 30px;
      display: block
    }
  @media (max-width: 699px) {
        .leader__additional-img img {
          max-height: 300px;
        }
      }
  .leader__content {
      margin-top: 10px;
      position: relative;
    }
  .leader__content .icon {
        position: absolute;
        top: 2px;
        right: 3px;
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
        font-size: 2.3rem;
      }
  .leader__content .icon svg {
          fill: #ff0044;
          fill: #ff0044;
          fill: var(--primary-color);
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
        }
  .leader__item:hover .leader__content .icon svg {
            fill: #25b3c3;
            fill: #25b3c3;
            fill: var(--secondary-color);
          }
  .leader__content p {
        line-height: 1.4;
      }
  .leader__title {
      margin-right: 28px;
      margin-top: 15px;
    }
  .leader__desc-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start
    }
  @media (max-width: 719px) {
  
    .leader__desc-content {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center
    }
      }
  .leader__links {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 10px;
      padding-bottom: 5px;
      -webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
      transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
      -webkit-transform: translate(0, 10px);
              transform: translate(0, 10px)
    }
  @media (max-width: 719px) {
        .leader__desc .leader__links {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin-bottom: 40px;
          margin-top: -40px;
        }
          .leader__desc .leader__links a {
            margin-left: 10px;
            margin-right: 10px;
          }
      }
  @media (min-width: 720px) {
        .leader__desc .leader__links {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1;
        }
      }
  @media (min-width: 900px) {
    .leader__links {
        padding-top: 20px;
        padding-bottom: 10px
    }
      }
  .no-touch .leader__item .leader__links {
        /* position: absolute;
        top: 100%;
        left: 0;
        right: 0; */
        opacity: 0;
        pointer-events: none;
      }
  .leader__item:hover .leader__card:not(.is-active) + .leader__links {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
      }
  .leader__link {
      display: block;
      color: inherit;
      text-decoration: none;
      font-size: 1.8rem;
      margin-right: 24px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center
    }
  @media (min-width: 900px) {
  
    .leader__link {
        font-size: 2.3rem
    }
      }
  .leader__link svg {
        fill: #ff0044;
        fill: #ff0044;
        fill: var(--primary-color);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease
      }
  .leader__link svg.svg--mail {
          font-size: 1.1em;
          -webkit-transform: translate(0, 2px);
                  transform: translate(0, 2px);
        }
  .leader__link:hover svg {
          fill: #25b3c3;
          fill: #25b3c3;
          fill: var(--secondary-color);
        }
  .leader__more a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }
  /* max-width:360px; */
  .partner-brand__picture{
          display: block;
          text-align: center;
      }
  .partner-brand__logo{
  
      }
  .partner-brand__list{
          display: grid;
          grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
          grid-gap: 30px;
          max-width: 100%;
          margin-top: 50px;
      }
  .partner-brand__list-item{
          padding:17px 20px 17px 20px;
          color: inherit;
          text-decoration: none;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
      }
  .partner-brand__list-item--frame {
              border: solid 10px #25b3c3;
              border: solid 10px #25b3c3;
              border: solid 10px var(--secondary-color)
          }
  .partner-brand__link{
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          width: 100%;
          margin-top: 20px;
          min-width: auto
      }
  .partner-brand__link:after{
              background-image:url('assets/images/icons/arrow--yellow.svg');
              right: 0;
              -webkit-transform: translateY(-50%) rotate(-45deg) ;
                      transform: translateY(-50%) rotate(-45deg) ;
              }
  .partner-brand__picture {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          height: 110px;
          
      }
  .partner-brand__picture img {
              max-width: 100%;
              max-height: 100%;
          }
  .partner-brand__content{
  
          margin:20px 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
      }
  .partner-brand__content ul li{
                  font-family: 'circle';
                  font-size:1.5rem;
                  padding: 0;
                  font-weight: 100;
                  padding-left:40px
              }
  .partner-brand__content ul li::before{
                      content: '';
                      display: inline-block;
                      height: 10px;
                      width: 10px;
                      background-image: url('assets/images/cross.svg');
                      background-size: contain;
                      background-repeat: no-repeat;
                      margin-right:10px;   
                      -webkit-transform: scale(.5) rotate(45deg);   
                              transform: scale(.5) rotate(45deg);
                  }
  .partner-brand__content ul li ul {
                      margin-bottom: 10px;
                  }
  .partner-brand__content > ul > li{
              padding-left: 20px;
              text-indent: -20px;
              line-height: 1.6
   
          }
  .partner-brand__content > ul > li + li {
                  margin-top: 10px;
              }
  .partner-brand__content > ul > li::before{
                  background-image: url('assets/images/chevron.svg');  
                  -webkit-transform: scale(1) rotate(0);  
                          transform: scale(1) rotate(0);
              }
  .split{
  
      background-position: top 50%, bottom 50%;
      background-color:red;
  
      overflow: hidden;
  }
  .split__box{
          position: relative;
          padding:20px;
          color:white       
  }
  .split__box:before{
          content:'';
          position:absolute;
          top:0;
          left:0;
          display: block;
          background-color:#25b3c3;
          background-color:#25b3c3;
          background-color:var(--secondary-color);
          width:100vw;
          height:100%;
          z-index: -1;
          mix-blend-mode: darken;
  
          }
  .split__box:first-of-type{   
          color:#250044;   
          color:#250044;   
          color:var(--main-font-color)
      }
  .split__box:first-of-type:before{
              mix-blend-mode: unset;
              background-color:#fcba28;
              background-color:#fcba28;
              background-color:var(--accent-color-1);
                 
          }
  .split__image{
          display: block;
          -o-object-fit: cover;
             object-fit: cover;
          width:100%;
          height:100%;
          position: absolute;
          top:0;
          right:0;display:none;
      }
  .split__title{
          margin-bottom:50px;
          color:inherit
      }
  .split__title:after{
              background-color:currentColor;
          }
  .split__description{
          color:inherit;
          margin-bottom:30px;
      }
  .split__link{
          margin-left:auto;
          margin-right:auto;
      }
  @media (min-width:720px){
  
  
  
      .split__wrapper{
          max-width:1366px;
          width:100%;
          margin:0 auto;
          display:-webkit-box;
          display:-ms-flexbox;
          display:flex;
      }
  
      .split__box{
          width:50%;
  
          padding:50px 0;
          padding-left:50px
      }
  
          .split__box:first-of-type{
              padding-right:50px;
              padding-left:0
          }
     
              
              .split__box:first-of-type:before{
                  
                   background-color:#fcba28;
                  
                   background-color:#fcba28;
                  
                   background-color:var(--accent-color-1);
                  right:0;
                  left:unset;
              }
  
      .split__link{
          margin-right:0;
      }
  }
  .slider-1 {
    grid-column: center-start / 12;
    margin-top: -100px;
    /*12 or center end*/
    /* background-color:pink; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
  }
  @media (min-width: 1000px) {
  .slider-1 {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row
  }
    }
  .slider-1__nav {
      padding-top: 150px
  
    }
  @media (min-width: 1000px) {
  
    .slider-1__nav {
        margin-right: 50px
  
    }
      }
  @media (min-width: 1300px) {
  
    .slider-1__nav {
        margin-right: 150px
  
    }
      }
  .slider-1__nav .slick-dots {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%
      }
  @media (min-width: 1000px) {
  
      .slider-1__nav .slick-dots {
          display: block;
          width: 100%
      }
        }
  .slider-1__nav li {
        font-family: "blogger";
        font-size: 2rem;
        line-height: 1.1;
        font-weight: 600;
        padding: 14px 0 14px 0;
        margin: 10px;
        margin-right: 0;
        margin-left: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100px
      }
  @media (min-width: 600px) {
  
      .slider-1__nav li {
          margin-right: 30px;
          margin-left: 30px
      }
        }
  @media (min-width: 1000px) {
  
      .slider-1__nav li {
          margin-left: 0;
          margin-right: 0;
          width: auto
      }
        }
  .slider-1__nav li a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          text-align: center;
          opacity: 0.2
        }
  @media (min-width: 1000px) {
        
        .slider-1__nav li a {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            text-align: left;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start
        }
          }
  .slider-1__nav li.slick-active {
          opacity: 1;
        }
  .slider-1__nav li.slick-active a {
            opacity: 1;
          }
  .slider-1__nav li.slick-active a path {
              fill: #ff0044;
              fill: #ff0044;
              fill: var(--primary-color);
              opacity: 1;
            }
  .slider-1__nav a {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-decoration: none;
        height: 60px;
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease
      }
  @media (min-width: 1000px) {
  
      .slider-1__nav a {
          padding-left: 82px
      }
        }
  .slider-1__nav a:hover {
          opacity: .5;
        }
  .slider-1__nav a.active {
          background-color: var(--priamry-color);
          pointer-events: none;
        }
  .slider-1__nav a svg, .slider-1__nav a img {
          height: 30px;
          -ms-flex-negative: 0;
              flex-shrink: 0
        }
  @media (max-width: 1000px) {
  
        .slider-1__nav a svg, .slider-1__nav a img {
            margin-bottom: 20px
        }
          }
  @media (min-width: 600px) {
  
        .slider-1__nav a svg, .slider-1__nav a img {
            height: 60px
        }
          }
  @media (min-width: 1000px) {
  
        .slider-1__nav a svg, .slider-1__nav a img {
            position: absolute;
            left: 0;
            margin-right: 20px;
            margin-bottom: 0
        }
          }
  .slider-1__nav a svg path, .slider-1__nav a img path {
            fill: #250044;
            fill: #250044;
            fill: var(--main-font-color);
            opacity: 0.3;
            -webkit-transition: all 0.2s;
            transition: all 0.2s;
          }
  .slider-1__nav #scale svg,
      .slider-1__nav #scale img {
        height: 15px;
        -webkit-transform: scaleY(-1);
                transform: scaleY(-1)
      }
  @media (min-width: 600px) {
  
      .slider-1__nav #scale svg,
      .slider-1__nav #scale img {
          height: 30px
      }
        }
  .slider-1__container {
      width: calc(100%)
    }
  @media (min-width: 1000px) {
  
    .slider-1__container {
        max-width: 600px;
        width: auto
    }
      }
  @media (min-width: 1200px) {
  
    .slider-1__container {
        max-width: 800px;
        width: auto
    }
      }
  .slider-1__container .slick-slide {
        outline: none;
      }
  .slider-1__container .slide:first-of-type {
          background-color: orange;
        }
  .slider-1__container .slide.active {
          background-color: #ff0044;
          background-color: #ff0044;
          background-color: var(--primary-color);
        }
  .slider-1__svg {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      position: absolute;
      top: -90px;
      right: 0;
      height: 90px
    }
  @media (min-width: 600px) {
  
    .slider-1__svg {
        height: 130px
    }
      }
  @media (min-width: 1000px) {
  
    .slider-1__svg {
        height: 170px;
        top: -115px;
        right: 10%
    }
      }
  .slider-1__svg svg {
        width: auto;
        height: 100%;
      }
  .slider-1__svg svg path {
          mix-blend-mode: darken
        }
  @supports (-moz-appearance: none) {
  
        .slider-1__svg svg path {
            mix-blend-mode: normal
        }
          }
  .slider-1__svg svg#experience {
        height: 75%;
      }
  .slider-1__content {
      position: relative;
      margin-top: 150px;
    }
  .slider-1__content h2 {
        color: #ff0044;
        color: #ff0044;
        color: var(--primary-color);
        text-transform: uppercase;
        max-width: 300px;
      }
  .slider-1__content h3 {
        font-size: 1.8rem;
        margin-top: 20px;
        text-transform: uppercase;
        color: #ff0044;
        color: #ff0044;
        color: var(--primary-color);
        margin-top: 40px;
        font-family: "circle";
      }
  .slider-1__content h3 svg {
          fill: #fcba28;
          fill: #fcba28;
          fill: var(--accent-color-1);
          -webkit-transform: translate(0, 10px) rotate(90deg);
                  transform: translate(0, 10px) rotate(90deg);
          font-size: 1.4em;
          margin-right: 5px;
        }
  .slider-1__list-service {
      font-size: 1.7rem;
      font-weight: 600;
      margin-top: 15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: colum nowrap;
              flex-flow: colum nowrap;
      height: auto;
      -ms-flex-direction: column;
          flex-direction: column
    }
  @media (min-width: 1000px) {
  
    .slider-1__list-service {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row
    }
      }
  .slider-1__list-service li {
        margin-top: 10px;
      }
  @media (min-width: 720px) {
        .slider-1__nav li {
          font-size: 2.7rem
        }
  
          .slider-1__nav li:hover {
            cursor: pointer;
          }
      .slider-1__list-service {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column wrap;
                flex-flow: column wrap;
        height: 160px;
      }
  }
  .slider-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }
  .slider-2__nav {
      position: relative;
      max-width: 320px;
      width: 320px;
      height: auto;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      padding-top: 40px;
      -webkit-transition: all 3s;
      transition: all 3s
    }
  .slider-2__nav:before {
        content: "";
        width: 4px;
        height: 100%;
        background-color: #ff0044;
        background-color: #ff0044;
        background-color: var(--primary-color);
        position: absolute;
        left: 40px;
        top: 0;
  
        -webkit-transition: all 3s;
  
        transition: all 3s;
      }
  .slider-2__nav a {
        position: relative;
        display: inline-block;
        font-size: 1.7rem;
        margin-left: 30px;
        padding-left: 40px;
  
        color: #ddd;
  
        margin-bottom: 50px;
  
        -webkit-transition: all 0.3s;
  
        transition: all 0.3s
      }
  .slider-2__nav a:before {
          content: "";
          position: absolute;
          width: 25px;
          height: 25px;
          background-color: #25b3c3;
          background-color: #25b3c3;
          background-color: var(--secondary-color);
          mix-blend-mode: darken;
          left: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          border-radius: 50%;
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
        }
  .slider-2__nav li.slick-active a {
            padding-left: 80px;
            font-family: blogger;
            font-size: 2.6rem;
            font-weight: 600;
            color: #250044;
            color: #250044;
            color: var(--main-font-color)
          }
  .slider-2__nav li.slick-active a:before {
              left: -30px;
              width: 86px;
              height: 86px;
            }
  .slider-2__nav li:hover {
          cursor: pointer;
        }
  .slider-2__container {
      max-width: calc(100% - 320px);
      width: 100%;
    }
  .slider-2__item h3 {
        font-family: "blogger";
        font-size: 3.5rem;
        color: #ff0044;
        color: #ff0044;
        color: var(--primary-color);
        margin-bottom: 20px
      }
  @media (max-width: 1199px) {
      .slider-2__item h3 {
          font-size: 2.6rem
      }
        }
  @media (min-width: 920px) {
      .slider-2__nav {
        max-width: 420px;
        width: 420px;
      }
  
      .slider-2__container {
        max-width: calc(100% - 420px);
      }
  }
  .slider-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }
  @media (max-width: 1199px) {
  
    .slider-3-mobile-hidden {
        display: none !important
    }
      }
  @media (min-width: 1200px) {
  
    .slider-3-desktop-hidden {
        display: none !important
    }
      }
  .slider-3__nav {
      position: relative;
      max-width: 320px;
      width: 320px;
      height: auto;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      padding-top: 40px
      /* transition:all 3s; */
    }
  .slider-3__nav:before {
        content: "";
        width: 4px;
        height: 100%;
        background-color: #ff0044;
        background-color: #ff0044;
        background-color: var(--primary-color);
        position: absolute;
        left: 40px;
        top: 0;
  
        /* transition:all 3s; */
      }
  .slider-3__nav a {
        position: relative;
        display: inline-block;
        font-size: 1.7rem;
        margin-left: 30px;
        padding-left: 40px;
        color: rgba(75, 38, 106, 0.6);
        margin-bottom: 50px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
      }
  .slider-3__nav a:hover {
          color: rgba(75, 38, 106, 1);
        }
  .slider-3__nav a:before {
          content: "";
          position: absolute;
          width: 25px;
          height: 25px;
          background-color: #25b3c3;
          background-color: #25b3c3;
          background-color: var(--secondary-color);
          mix-blend-mode: darken;
          left: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          border-radius: 50%;
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
        }
  .slider-3__nav li.slick-active a {
            padding-left: 80px;
            font-family: blogger;
            font-size: 2.6rem;
            font-weight: 600;
            color: #250044;
            color: #250044;
            color: var(--main-font-color)
          }
  .slider-3__nav li.slick-active a:before {
              left: -30px;
              width: 86px;
              height: 86px;
            }
  .slider-3__nav li:hover {
          cursor: pointer;
        }
  .slider-3__label {
      position: relative;
      font-family: blogger;
      font-size: 2.6rem;
      font-weight: 600;
      color: #250044;
      color: #250044;
      color: var(--main-font-color);
      margin-bottom: 20px
    }
  @media (max-width: 1199px) {
  
    .slider-3__label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 55px;
        margin-bottom: 0;
        font-family: "circle";
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 1.5rem;
        cursor: pointer
    }
  
        .slider-3__label::after {
          content: "+";
          position: absolute;
          top: calc(50% + 4px);
          right: 10px;
          right: 10px;
          right: var(--global-padding-h);
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          font-family: "blogger";
          font-size: 2.8rem;
          color: #fcba28;
          color: #fcba28;
          color: var(--accent-color-1)
        }
      }
  @media (max-width: 1199px) and (max-width: 599px) {
  
        .slider-3__label::after {
            right: calc(10px + 30px);
            right: calc(10px + 30px);
            right: calc(var(--global-padding-h) + 30px)
        }
          }
  @media (max-width: 1199px) {
  
          .is-active.slider-3__label::after {
            content: "-";
          }
      }
  .slider-3__label:before {
        content: "";
        position: absolute;
        width: 25px;
        height: 25px;
        background-color: #25b3c3;
        background-color: #25b3c3;
        background-color: var(--secondary-color);
        mix-blend-mode: darken;
        right: calc(100% + 48px);
        top: 50%;
        -webkit-transform: translate(50%, -50%);
                transform: translate(50%, -50%);
        border-radius: 50%;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
      }
  @media (max-width: 599px) {
  
      .slider-3__label:before {
          right: calc(100% + 42px)
      }
        }
  @media (min-width: 1200px) {
  
      .slider-3__label:before {
          right: calc(100% + 50px - (4px / 2))
      }
        }
  .slider-3__container {
      width: 100%
    }
  @media (min-width: 1200px) {
  
    .slider-3__container {
        padding-left: 100px;
        max-width: calc(100% - 320px)
    }
      }
  .slider-3__container .slider-2__item {
        outline: none
      }
  @media (max-width: 1199px) {
      .slider-3__container .slider-2__item {
          position: relative;
          width: calc(100% + 20px);
          padding-bottom: 0px;
          padding-left: 20px;
          background: white;
          opacity: 1 !important;
          margin-left: 30px;
          margin-bottom: 14px;
          -webkit-box-shadow: 0 3px 18px rgba(0, 0, 0, 0.13);
                  box-shadow: 0 3px 18px rgba(0, 0, 0, 0.13)
      }
  
          .slider-3__container .slider-2__item:before {
            position: absolute;
            left: -30px;
            top: 0px;
            content: "";
            width: 4px;
            height: calc(100% + 14px);
            background-color: #ff0044;
            background-color: #ff0044;
            background-color: var(--primary-color)
          }
        }
  @media (max-width: 1199px) and (max-width: 599px) {
  
          .slider-3__container .slider-2__item:before {
              left: -24px
          }
            }
  @media (max-width: 1199px) {
  
          .slider-3__container .slider-2__item:last-child::before {
            height: 100%;
          }
  
          .slider-3__container .slider-2__item .slider-3__accordion {
            height: 0;
            overflow: hidden;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
          }
  
            .slider-3__container .slider-2__item .slider-3__accordion .slider-3__content {
              padding-bottom: 20px;
              margin-right: calc(10px + 10px);
              margin-right: calc(10px + 10px);
              margin-right: calc(10px + var(--global-padding-h))
            }
        }
  @media (max-width: 1199px) and (max-width: 599px) {
  
            .slider-3__container .slider-2__item .slider-3__accordion .slider-3__content {
                margin-right: calc(40px + 10px);
                margin-right: calc(40px + 10px);
                margin-right: calc(40px + var(--global-padding-h))
            }
              }
  @media (max-width: 1199px) {
  
              .slider-3__container .slider-2__item .slider-3__accordion .slider-3__content .sub-slider {
                margin-right: calc(10px * -1);
                margin-right: calc(10px * -1);
                margin-right: calc(var(--global-padding-h) * -1);
              }
        }
  .slider-3__container .slider-3__keywords {
        margin-bottom: 65px
      }
  @media (max-width: 800px) {
      .slider-3__container .slider-3__keywords {
          display: none
      }
        }
  .slider-3__container .slider-3__keywords strong {
          font-weight: 100;
        }
  .slider-3__item h3 {
        font-family: "blogger";
        font-size: 3.5rem;
        color: #ff0044;
        color: #ff0044;
        color: var(--primary-color);
        margin-bottom: 20px;
      }
  .js-prev,
  .js-next,
  .slider-arrow--next,
  .slider-arrow--prev {
    display: inline-block;
    padding: 5px;
    cursor: pointer;
    outline: none;
  }
  .js-prev svg, .js-next svg, .slider-arrow--next svg, .slider-arrow--prev svg {
      fill: #250044;
      fill: #250044;
      fill: var(--main-font-color);
      font-size: 1.6rem;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
    }
  .js-prev:hover svg, .js-next:hover svg, .slider-arrow--next:hover svg, .slider-arrow--prev:hover svg {
        fill: #ff0044;
        fill: #ff0044;
        fill: var(--primary-color);
  
      }
  .js-prev.is-disabled, .js-next.is-disabled, .slider-arrow--next.is-disabled, .slider-arrow--prev.is-disabled {
      pointer-events: none;
      opacity: .3;
    }
  .js-next,
  .slider-arrow--next {
    margin-left: 10px;
  }
  .slick-arrow {
    display: none!important;
  }
  .sub-slider .slick-track {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
    }
  .sub-slider__item {
      background-color: red;
      max-width: 320px;
      padding: 40px;
      outline: none;
      height: auto
    }
  .sub-slider__item:nth-of-type(4n + 1) {
        background-color: #ff0044;
        background-color: #ff0044;
        background-color: var(--primary-color);
        color: white;
      }
  .sub-slider__item:nth-of-type(4n + 2) {
        background-color: white;
        color: #250044;
        color: #250044;
        color: var(--main-font-color);
      }
  .sub-slider__item:nth-of-type(4n + 3) {
        background-color: #fcba28;
        background-color: #fcba28;
        background-color: var(--accent-color-1);
        color: #250044;
        color: #250044;
        color: var(--main-font-color);
      }
  .sub-slider__item:nth-of-type(4n + 4) {
        background-color: #25b3c3;
        background-color: #25b3c3;
        background-color: var(--secondary-color);
        color: white;
      }
  .sub-slider__item h3 {
        color: inherit;
        font-size: 1.5rem;
        text-transform: uppercase;
        font-weight: 600;
        font-family: circle;
      }
  .sub-slider__item p {
        font-size: 1.5rem;
        color: inherit;
      }
  .slider-radius{
      padding:20px;
      
      display:-webkit-box;
      
      display:-ms-flexbox;
      
      display:flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  }
  .slider-radius__box{
          border:2px solid red;
      }
  .slider-radius__title{
      }
  .slider-radius__list{
          margin-top:50px;
      }
  .slider-radius__item{
  
      }
  .social-share__list {
      position: absolute;
      top: 0%;
      left: -5px;
      padding-top: 40px;
      padding-left: 5px;
      padding-right: 5px;
      padding-bottom: 10px;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
  
  
    }
  .no-touch .social-share__list {
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translate(0, 5px);
                transform: translate(0, 5px);
      }
  .no-touch .social-share__container:hover .social-share__list {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
      }
  .social-share__list a {
        text-decoration: none;
        cursor: pointer;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        opacity: .6
      }
  .social-share__list a + a {
          margin-left: 10px;
        }
  .social-share__list a svg {
          fill: #250044;
          fill: #250044;
          fill: var(--main-font-color);
        }
  .social-share__list a:hover {
          opacity: 1;
        }
  .social-share__container {
      position: relative;
    }
  .superhero {
    --hero-svg-offset: var(--hero-border-radius);
  
  
    position        : relative;
    height      : calc(100vh - 74px);
    height      : calc(100vh - 74px);
    height      : calc(100vh - var(--menu-height)); 
    margin-top: 74px; 
    margin-top: 74px; 
    margin-top: var(--menu-height);
    display    : -webkit-box;
    display    : -ms-flexbox;
    display    : flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; 
    margin-bottom: calc(60px); 
    margin-bottom: calc(60px); 
    margin-bottom: calc(var(--section-spacer-v))
  }
  @media (min-width: 1000px) {
  .superhero {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: calc(60px * 2);
      margin-bottom: calc(60px * 2);
      margin-bottom: calc(var(--section-spacer-v) * 2)
  }
    }
  .superhero__header {
      margin  : 0 auto;
      position: relative;
      z-index : 9;
      padding-left: 10px;
      padding-left: 10px;
      padding-left: var(--global-padding-h);
      padding-right: 10px;
      padding-right: 10px;
      padding-right: var(--global-padding-h)
    }
  @media (min-width: 720px) {
  
    .superhero__header {
        padding-left: 0;
        padding-right: 0
    }
      }
  @media (min-width: 1000px) {
  
    .superhero__header {
        max-width: 720px;
        margin-left: 0
    }
      }
  .superhero__content{
      padding:20px;
      position: absolute;
      color:white;
      z-index: 9;
  }
  .superhero__picture {
        position: absolute;
        top: 0;
        bottom: calc(var(--hero-svg-offset) * -1);
        right: 0;
        width: 100%;
        border-bottom-left-radius: 80px;
        border-bottom-left-radius: 80px;
        border-bottom-left-radius: var(--hero-border-radius);
        overflow: hidden;
        z-index: 0;
        height: 80%;
        padding-top: 0%
  
  
    }
  @media (min-width: 1000px) {
  
    .superhero__picture {
          top: calc(74px * -1);
          top: calc(74px * -1);
          top: calc(var(--menu-height) * -1);
          width                    : 62.6vw;
          height: auto;
          padding-top: 0
  
  
    }
        }
  .superhero__picture:before {
            content                  : '';
            position                 : absolute;
            top                      : 0;
            right                    : 0;
            left: 0;
            bottom: 0;
            background-color         : #fcf7ef;
            background-color         : #fcf7ef;
            background-color         : var(--sand-color);
            border-bottom-left-radius: 80px;
            border-bottom-left-radius: 80px;
            border-bottom-left-radius: var(--hero-border-radius);
            -webkit-transform: translateZ(-300px);
                    transform: translateZ(-300px);
          }
  .superhero__svg {
      position: relative;
      float   : right;
      width   : 100%;
      height: 80%;
      margin-left: 10%;
      position: absolute
    }
  @media (min-width: 1000px) {
  
    .superhero__svg {
        margin-top: calc(74px - 50px);
        margin-top: calc(74px - 50px);
        margin-top: calc(var(--menu-height) - 50px);
        height: calc(100% - calc(74px - 50px));
        height: calc(100% - calc(74px - 50px));
        height: calc(100% - calc(var(--menu-height) - 50px))
    }
      }
  .superhero__svg * {
        display: block;
        /* margin-top: 50px; */
      }
  .superhero__svg .circle {
        mix-blend-mode: darken;
        -webkit-transform: translate(-10%, -20%);
                transform: translate(-10%, -20%)
      }
  @media (min-width: 1000px) {
      
      .superhero__svg .circle {
          -webkit-transform: translate(20%, -10%);
                  transform: translate(20%, -10%)
      }
  
        }
  @media (max-width: 999px) {
  .superhero-mobile-hidden {
      display: none !important
  }
    }
  @media (min-width: 1000px) {
  .superhero-desktop-hidden {
      display: none !important
  }
    }
  .partner__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 35px;
      padding-bottom: 15px;
      padding-left: 10px;
      padding-right: 10px;
      width: 100%;
      height: 100%;
      text-decoration: none
    }
  @media (min-width: 1000px) {
    .partner__item {
        min-height: 200px
    }
      }
  @media (max-width: 999px) {
    .partner__item {
        min-height: 150px
    }
      }
  .partner__img {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
    }
  .partner__img img {
        max-width: calc(100% - (20px * 2));
      }
  .partner__title {
      margin-top: 30px;
      text-align: center;
    }
  .partner__logo {
      display: block;
      margin-bottom: 30px;
    }
  .partner__logo img {
        max-width: 130px;
        max-height: 130px;
      }
  .partner__claim {
      margin-bottom: 20px;
    }
  .partner__content .btn-list {
        margin-top: 10px;
      }
  .partner__keywords {
      margin-bottom: 50px;
    }
  .grid-expand{
    /* width:800px; */
    display:grid;
    grid-auto-rows: minmax(100px, -webkit-max-content);
    grid-auto-rows: minmax(100px, max-content);
    grid-template-columns: repeat(auto-fit, minmax(160px,1fr));
    grid-template-rows:repeat(auto-fit, minmax(60px, -webkit-max-content)) [lrow-start]minmax(50px, 1fr)[lrow-end];
    grid-template-rows:repeat(auto-fit, minmax(60px, max-content)) [lrow-start]minmax(50px, 1fr)[lrow-end];
    margin-top: 80px;
  
  }
  .grid-expand__subtitle {
      margin-top: 10px;
      margin-bottom: 40px;
    }
  .grid-expand > div{
    }
  .grid-expand__img {
      width:160px;
      justify-self:center;
      -ms-flex-item-align:center;
          align-self:center;
      position: relative;
      background-color:#fff;
      text-align: center;
      display:inline-block;
      margin:10px;
      cursor: pointer;
      -webkit-box-shadow: -3px -3px 3px #eee;
              box-shadow: -3px -3px 3px #eee;
      padding:10px;
  
    }
  .grid-expand__img:before{
      content:"";
      display: block;
      position: absolute;
      bottom:-3px;
      left:-3px;
      width:100%;
      height: 100%;
      z-index: -1;
      background-color:#d9dde1;
    }
  .grid-expand__desc{
    
      position: absolute;
      top:0;
      left:0;
    
      opacity: 0;
      visibility: hidden;
      margin:20px 0;
    
      background-color:transparent;
      font-size:28px;
      text-align:center;
    
    
      grid-column:1 / -1;
    }
  .grid-expand__link{
      font-size:1.6rem;
    }
  @media (min-width:720px){
      .grid-expand__desc{
        text-align:left;
        padding:40px 50px;
        display: grid;
        grid-template-columns: 40% 1fr;
        grid-gap: 50px
  
      }
    }
  @media (min-width:720px) and (min-width: 1150px) {
      .grid-expand__desc{
          padding:50px 15rem
  
      }
        }
  @media (min-width:720px){
    
      .grid-expand{
            grid-gap: 70px;
      }
    }
  .grid-expand__title{
      font-size: 24px;
      line-height: 28px;
      color: #373D3F;
    }
  .grid-expand__text{
      margin:20px 0;
      font-size: 16px;
      line-height: 26px;
      color: #4A4A4A;
      text-align: left;
    }
  .show{
    
      position: relative;
      visibility: visible;
      top:-10px;
      opacity: 1;
      -webkit-transition: all .4s;
      transition: all .4s;
    }
  .svg-use {
    stroke-width: 1px;
    width: 1em;
    height: 1em
  }
  .svg-use.svg--play {
        width: 0.8em;
        height: 0.8em;
      }
  .svg-use.svg--micro {
        width: 1.1em;
        height: 1.1em;
      }
  .svg-use.svg--youtube {
        width       : 1.2em;
        height      : 1.2em;
      }
  .svg-use.svg--bulb {
        width       : 1.3em;
        height      : 1.3em;
      }
  .technology__list {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
      grid-gap: 50px 50px;
      justify-items: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
  .technology__list--partners {
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px 20px
      }
  @media (min-width: 500px) {
  
      .technology__list--partners {
          grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
          grid-gap: 30px 30px
      }
  
        }
  @media (min-width: 720px) {
  
      .technology__list--partners {
          grid-gap: 70px 4 0px
      }
        }
  .technology__list--partners .partner__img img {
            max-height: 100px
          }
  @media (max-width: 499px) {
          .technology__list--partners .partner__img img {
              max-height: 50px;
              max-width: 105px
          }
            }
  .technology__list img {
        max-width: 120px;
        height: auto;
        max-height: 120px;
      }
  .technology__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
  
    }
  .card-solution__description + ol,
    .card-solution__description + ol + ul,
    .card-solution__description + ul,
    .card-solution__description + ul + ol,
    .card-solution__description ol,
    .card-solution__description ul,
    .single-article__content + ol,
    .single-article__content + ol + ul,
    .single-article__content + ul,
    .single-article__content + ul + ol,
    .single-article__content ol,
    .single-article__content ul,
    .slider-3__text + ol,
    .slider-3__text + ol + ul,
    .slider-3__text + ul,
    .slider-3__text + ul + ol,
    .slider-3__text ol,
    .slider-3__text ul,
    p + ol,
    p + ol + ul,
    p + ul,
    p + ul + ol,
    p ol,
    p ul {
      margin-top: 25px;
    }
  .card-solution__description + ol li, .card-solution__description + ol + ul li, .card-solution__description + ul li, .card-solution__description + ul + ol li, .card-solution__description ol li, .card-solution__description ul li, .single-article__content + ol li, .single-article__content + ol + ul li, .single-article__content + ul li, .single-article__content + ul + ol li, .single-article__content ol li, .single-article__content ul li, .slider-3__text + ol li, .slider-3__text + ol + ul li, .slider-3__text + ul li, .slider-3__text + ul + ol li, .slider-3__text ol li, .slider-3__text ul li, p + ol li, p + ol + ul li, p + ul li, p + ul + ol li, p ol li, p ul li {
        position     : relative;
        margin-bottom: 15px;
        padding-left : 30px
      }
  @media (min-width: 720px) {
  
      .card-solution__description + ol li, .card-solution__description + ol + ul li, .card-solution__description + ul li, .card-solution__description + ul + ol li, .card-solution__description ol li, .card-solution__description ul li, .single-article__content + ol li, .single-article__content + ol + ul li, .single-article__content + ul li, .single-article__content + ul + ol li, .single-article__content ol li, .single-article__content ul li, .slider-3__text + ol li, .slider-3__text + ol + ul li, .slider-3__text + ul li, .slider-3__text + ul + ol li, .slider-3__text ol li, .slider-3__text ul li, p + ol li, p + ol + ul li, p + ul li, p + ul + ol li, p ol li, p ul li {
          padding-left: 50px
      }
        }
  .card-solution__description + ol li::after,
        .card-solution__description + ol li::before,
        .card-solution__description + ol + ul li::after,
        .card-solution__description + ol + ul li::before,
        .card-solution__description + ul li::after,
        .card-solution__description + ul li::before,
        .card-solution__description + ul + ol li::after,
        .card-solution__description + ul + ol li::before,
        .card-solution__description ol li::after,
        .card-solution__description ol li::before,
        .card-solution__description ul li::after,
        .card-solution__description ul li::before,
        .single-article__content + ol li::after,
        .single-article__content + ol li::before,
        .single-article__content + ol + ul li::after,
        .single-article__content + ol + ul li::before,
        .single-article__content + ul li::after,
        .single-article__content + ul li::before,
        .single-article__content + ul + ol li::after,
        .single-article__content + ul + ol li::before,
        .single-article__content ol li::after,
        .single-article__content ol li::before,
        .single-article__content ul li::after,
        .single-article__content ul li::before,
        .slider-3__text + ol li::after,
        .slider-3__text + ol li::before,
        .slider-3__text + ol + ul li::after,
        .slider-3__text + ol + ul li::before,
        .slider-3__text + ul li::after,
        .slider-3__text + ul li::before,
        .slider-3__text + ul + ol li::after,
        .slider-3__text + ul + ol li::before,
        .slider-3__text ol li::after,
        .slider-3__text ol li::before,
        .slider-3__text ul li::after,
        .slider-3__text ul li::before,
        p + ol li::after,
        p + ol li::before,
        p + ol + ul li::after,
        p + ol + ul li::before,
        p + ul li::after,
        p + ul li::before,
        p + ul + ol li::after,
        p + ul + ol li::before,
        p ol li::after,
        p ol li::before,
        p ul li::after,
        p ul li::before {
          content       : "";
          position      : absolute;
          top           : 10px;
          left          : 0;
          display       : block;
          border-radius : 50%;
          mix-blend-mode: darken;
        }
  .card-solution__description + ol li::before, .card-solution__description + ol + ul li::before, .card-solution__description + ul li::before, .card-solution__description + ul + ol li::before, .card-solution__description ol li::before, .card-solution__description ul li::before, .single-article__content + ol li::before, .single-article__content + ol + ul li::before, .single-article__content + ul li::before, .single-article__content + ul + ol li::before, .single-article__content ol li::before, .single-article__content ul li::before, .slider-3__text + ol li::before, .slider-3__text + ol + ul li::before, .slider-3__text + ul li::before, .slider-3__text + ul + ol li::before, .slider-3__text ol li::before, .slider-3__text ul li::before, p + ol li::before, p + ol + ul li::before, p + ul li::before, p + ul + ol li::before, p ol li::before, p ul li::before {
          width           : 10px;
          height          : 10px;
          background-color: #25b3c3;
          background-color: #25b3c3;
          background-color: var(--secondary-color)
        }
  @media (min-width: 720px) {
  
        .card-solution__description + ol li::before, .card-solution__description + ol + ul li::before, .card-solution__description + ul li::before, .card-solution__description + ul + ol li::before, .card-solution__description ol li::before, .card-solution__description ul li::before, .single-article__content + ol li::before, .single-article__content + ol + ul li::before, .single-article__content + ul li::before, .single-article__content + ul + ol li::before, .single-article__content ol li::before, .single-article__content ul li::before, .slider-3__text + ol li::before, .slider-3__text + ol + ul li::before, .slider-3__text + ul li::before, .slider-3__text + ul + ol li::before, .slider-3__text ol li::before, .slider-3__text ul li::before, p + ol li::before, p + ol + ul li::before, p + ul li::before, p + ul + ol li::before, p ol li::before, p ul li::before {
            width : 14px;
            height: 14px
        }
          }
  .card-solution__description + ol li::after, .card-solution__description + ol + ul li::after, .card-solution__description + ul li::after, .card-solution__description + ul + ol li::after, .card-solution__description ol li::after, .card-solution__description ul li::after, .single-article__content + ol li::after, .single-article__content + ol + ul li::after, .single-article__content + ul li::after, .single-article__content + ul + ol li::after, .single-article__content ol li::after, .single-article__content ul li::after, .slider-3__text + ol li::after, .slider-3__text + ol + ul li::after, .slider-3__text + ul li::after, .slider-3__text + ul + ol li::after, .slider-3__text ol li::after, .slider-3__text ul li::after, p + ol li::after, p + ol + ul li::after, p + ul li::after, p + ul + ol li::after, p ol li::after, p ul li::after {
          width           : 9px;
          height          : 9px;
          background-color: #ff0044;
          background-color: #ff0044;
          background-color: var(--primary-color);
          -webkit-transform       : translate(5px, 1px);
                  transform       : translate(5px, 1px)
        }
  @media (min-width: 720px) {
  
        .card-solution__description + ol li::after, .card-solution__description + ol + ul li::after, .card-solution__description + ul li::after, .card-solution__description + ul + ol li::after, .card-solution__description ol li::after, .card-solution__description ul li::after, .single-article__content + ol li::after, .single-article__content + ol + ul li::after, .single-article__content + ul li::after, .single-article__content + ul + ol li::after, .single-article__content ol li::after, .single-article__content ul li::after, .slider-3__text + ol li::after, .slider-3__text + ol + ul li::after, .slider-3__text + ul li::after, .slider-3__text + ul + ol li::after, .slider-3__text ol li::after, .slider-3__text ul li::after, p + ol li::after, p + ol + ul li::after, p + ul li::after, p + ul + ol li::after, p ol li::after, p ul li::after {
            -webkit-transform: translate(6px, 1px);
                    transform: translate(6px, 1px);
            width    : 12px;
            height   : 12px
        }
          }
  ol {
    list-style   : none;
    counter-reset: my-awesome-counter;
  }
  ol li {
      counter-increment: my-awesome-counter;
      margin           : 0.25rem
    }
  ol li::before {
        content        : counter(my-awesome-counter) !important;
        background     : #ff0044 !important;
        background     : #ff0044 !important;
        background     : var(--primary-color) !important;
        width          : 20px !important;
        height         : 20px !important;
        text-align     : center;
        border-radius  : 50% !important;
        line-height    : 2rem !important;
        color          : white !important;
        text-align     : center !important;
        margin-right   : 0.5rem !important;
        font-family    : "blogger";
        font-weight    : 700 !important;
        display        : -webkit-box !important;
        display        : -ms-flexbox !important;
        display        : flex !important;
        -webkit-box-align    : center;
            -ms-flex-align    : center;
                align-items    : center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        line-height    : 120px;
        padding-top    : 3px;
        margin-top     : -4px;
      }
  ol li::after {
        display: none !important;
      }
  /*.view-all {
    display    : flex;
    align-items: flex-end;
    padding    : 20px;
  
    &__link {
      color          : white;
      font-family    : 'circle';
      font-size      : 4rem;
      text-transform : uppercase;
      font-weight    : 600;
      text-decoration: none;
    }
  } */
  .facts {
    /* background-color: #99ccff; */
    /* border          : 3px solid blue; */
    display        : grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 40px 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
  }
  @media (min-width: 850px) {
  .facts {
        grid-gap: 70px 0;
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr))
  }
      }
  @media (max-width: 849px) {
  
    .facts header {
        grid-column: 1 / -1
    }
      }
  .facts__img {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-bottom: 20px;
      width: 100%;
    }
  .facts__img svg {
        max-width: 100px;
        max-height: 90px;
        width: auto;
        height: 120px
      }
  @media (min-width: 850px) {
  
      .facts__img svg {
          max-width: 140px;
          max-height: 120px
      }
        }
  .facts__item {
      width     : 100%;
      text-align: center;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
  .facts__label {
  
      display       : block;
    }
  @media (max-width:719px) {
  
    .our-values__header {
        padding-left: 10px;
        padding-left: 10px;
        padding-left: var(--global-padding-h)
    }
      }
  @media (max-width: 1199px) {
  
    .our-values__header {
        grid-column: 1 / -1
    }
      }
  .our-values__description {
      -webkit-transform-origin: top;
              transform-origin: top;
      -webkit-transition: opacity .3s .2s ease, -webkit-transform .3s ease;
      transition: opacity .3s .2s ease, -webkit-transform .3s ease;
      transition: transform .3s ease, opacity .3s .2s ease;
      transition: transform .3s ease, opacity .3s .2s ease, -webkit-transform .3s ease
    }
  @media (max-width:719px) {
  
    .our-values__description {
    }
      }
  .our-values__item {
      padding: 20px;
      color           : white
  
    }
  @media (max-width:719px) {
  
    .our-values__item {
        padding-left: 10px;
        padding-left: 10px;
        padding-left: var(--global-padding-h)
  
    }
  
        .our-values__item::before {
          display: none;
        }
  
        .our-values__item:nth-of-type(1) {
          background-color: #250044;
          background-color: #250044;
          background-color: var(--main-font-color);
          color           : white;
        }
    
        .our-values__item:nth-of-type(2) {
          background-color: #ff0044;
          background-color: #ff0044;
          background-color: var(--primary-color);
          color           : white;
        }
    
        .our-values__item:nth-of-type(3) {
          background-color: #fcba28;
          background-color: #fcba28;
          background-color: var(--accent-color-1);
          color           : white;
        }
    
        .our-values__item:nth-of-type(4) {
          background-color: #25b3c3;
          background-color: #25b3c3;
          background-color: var(--secondary-color);
          color           : white;
        }
      }
  .our-values__titles {
      position: relative
    }
  .our-values__titles:hover {
        cursor: pointer;
      }
  .our-values__titles:after {
        content  : '';
        position : absolute;
        right    : 10px;
        right    : 10px;
        right    : var(--global-padding-h);
        top      : 50%;
        color    : white;
        width: 15px;
        height: 15px;
        background-image:url('assets/images/icons/arrow-bottom-small--white.svg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
      }
  .our-values .js-hide {
      -webkit-transition: opacity .3s .3s ease, -webkit-transform .3s ease;
      transition: opacity .3s .3s ease, -webkit-transform .3s ease;
      transition: transform .3s ease, opacity .3s .3s ease;
      transition: transform .3s ease, opacity .3s .3s ease, -webkit-transform .3s ease
    }
  @media (min-width:720px) {
  
    .our-values .js-hide {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
        overflow: visible;
        height: auto;
        min-height: auto;
        visibility: visible
    }
      }
  @media (min-width:720px) {
  
    .our-values {
      display              : grid;
      grid-template-columns: [sub-full-start] minmax(calc(10px + 60px), 1fr) [sub-center-start] repeat(12, [sub-col-start] minmax(10px, 113px) [sub-col-end]) [sub-center-end] minmax(40px, 1fr) [sub-full-end];
      grid-template-columns: [sub-full-start] minmax(calc(10px + 60px), 1fr) [sub-center-start] repeat(12, [sub-col-start] minmax(10px, 113px) [sub-col-end]) [sub-center-end] minmax(40px, 1fr) [sub-full-end];
      grid-template-columns: [sub-full-start] minmax(calc(var(--global-padding-h) + 60px), 1fr) [sub-center-start] repeat(12, [sub-col-start] minmax(10px, 113px) [sub-col-end]) [sub-center-end] minmax(40px, 1fr) [sub-full-end];
      grid-template-rows   : repeat(6, minmax(50px, auto));
    }
  
      .our-values__header {
        grid-column: sub-center-start / 4 span;
        grid-row   : 1 / 1 span;
      }
        .our-values__titles:after {
          content: unset;
        }
  
        .our-values__titles:hover {
          cursor: auto;
        }
  
      .our-values__description {}
  
      .our-values__item {
        padding       : 50px;
        /* mix-blend-mode: multiply; */
        background-color: transparent;
        position: relative
      }
  }
  @media (min-width:720px) and (max-width: 1199px) {
  
      .our-values__item {
          padding-left: 20px;
          padding-right: 20px
      }
        }
  @media (min-width:720px) {
  
        .our-values__item::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-color: #25b3c3;
          background-color: #25b3c3;
          background-color: var(--secondary-color);
          z-index: -5;
          mix-blend-mode: darken;
        }
  
        .our-values__item:nth-of-type(1) {
          grid-column     : 5/ span 6;
          grid-row        : 1 / 3 span;
          color: #250044;
          color: #250044;
          color: var(--main-font-color)
        }
  
          .our-values__item:nth-of-type(1)::before {
            background-color: #fcba28;
            background-color: #fcba28;
            background-color: var(--accent-color-1);
          }
  }
  @media (min-width:720px) and (max-width: 1199px) {
  
        .our-values__item:nth-of-type(1) {
            grid-row        : 2 / 3 span;
            grid-column: sub-center-start/ 7 span;
            padding-right: 100px
        }
            }
  @media (min-width:720px) {
  
        .our-values__item:nth-of-type(2) {
          grid-column: sub-center-start / span 4;
          grid-row   : 4 / span 3;
          padding-right: 90px;
          margin-top: -70px
  
        }
  
          .our-values__item:nth-of-type(2)::before {
            background-color: #ff0044;
            background-color: #ff0044;
            background-color: var(--primary-color);
            bottom: -80px;
          }
  }
  @media (min-width:720px) and (max-width: 1199px) {
  
        .our-values__item:nth-of-type(2) {
            grid-column: sub-center-start / span 6;
            grid-row: 4 / span 2;
            padding-right: 50px;
            margin-top: 0;
            top: 150px;
            left: 20px
  
        }
  
            .our-values__item:nth-of-type(2)::before {
              background-color: #ff0044;
              background-color: #ff0044;
              background-color: var(--primary-color);
              bottom: -30px;
            }
            }
  @media (min-width:720px) {
  
        .our-values__item:nth-of-type(3) {
          margin-left     : 50px;
          margin-top      : 50px;
          padding-left    : 80px;
          padding-top     : 50px;
          grid-column: 5 / 11;
          grid-row: 4 / -1;
          padding-right: 150px
        }
  
          .our-values__item:nth-of-type(3)::before {
            top: -150px;
            right: -260px;
            background-color: #25b3c3;
            background-color: #25b3c3;
            background-color: var(--secondary-color);
          }
  }
  @media (min-width:720px) and (max-width: 1199px) {
  
        .our-values__item:nth-of-type(3) {
            grid-column: 7 / 6 span;
            grid-row: 4 / -1;
            padding-right: 0px;
            padding-left    : 50px
        }
  
            .our-values__item:nth-of-type(3)::before {
              top: -50px;
            }
          }
  @media (min-width:720px) {
  
        .our-values__item:nth-of-type(4) {
          grid-column     : 10/ sub-center-end;
          grid-row        : 3 / 5;
          padding-top: 170px;
          padding-right: 90px;    
          top: 60px
  
        }
            
          .our-values__item:nth-of-type(4)::before {
            background-color: #ff0044;
            background-color: #ff0044;
            background-color: var(--primary-color);
            border-bottom-right-radius: calc(80px / 2);
            border-bottom-right-radius: calc(80px / 2);
            border-bottom-right-radius: calc(var(--hero-border-radius) / 2);
          }
  }
  @media (min-width:720px) and (max-width: 1199px) {
  
        .our-values__item:nth-of-type(4) {
            top: -40px;
            grid-column: 8/ sub-center-end;
            grid-row: 2 / 4;
            padding-top: 50px;
            padding-right: 40px
  
        }    
  
            }
  .our-words.bandeau {
        padding-top: 80px;
      }
  @media (max-width: 1299px) {
    
    .our-words__wrapper {
        padding-left: calc(10px + 60px);
        padding-left: calc(10px + 60px);
        padding-left: calc(var(--global-padding-h) + 60px);
        padding-right: 10px;
        padding-right: 10px;
        padding-right: var(--global-padding-h)
    }
      }
  @media (max-width: 719px) {
    
    .our-words__wrapper {
        padding-left: 10px;
        padding-left: 10px;
        padding-left: var(--global-padding-h)
    }
      }
  @media (max-width: 999px) {
    
    .our-words__wrapper {
        display: block
    }
      }
  .our-words__picture {
      display   : block;
      width: 290px;
      height: 355px;
      position: relative;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin-right: 60px;
      margin-top: -110px
    }
  @media (max-width: 999px) {
  
    .our-words__picture {
        margin-bottom: 20px
    }
      }
  .our-words__picture img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
      }
  @media(min-width:1000px) {
  
    .our-words .title {
        margin-bottom: 120px
    }
      }
  .our-words__description {
      font-family: 'blogger';
      font-size: 2.1rem;
      font-style : italic
    }
  @media (min-width: 720px) {
  
    .our-words__description {
        font-size: 2.3rem;
        line-height: 1.5
    }
      }
  .our-words__mention {
      margin-top: 20px;
    }
  .our-words__mention span:first-child {
          font-weight: 600;
          display    : block;
        }
  @media(min-width:1000px) {
      .our-words__wrapper {
        display  : -webkit-box;
        display  : -ms-flexbox;
        display  : flex;
        margin   : 0 auto;
        max-width: 1366px;
        max-width: 1366px;
        max-width: var(--wrapper-width);
      }
  }
  /*  */
  .our-banner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
  .our-banner__picture {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      height: auto;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
    }
  @media (min-width: 1000px) {
  
    .our-banner__picture {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: 62%;
        height: auto
    }
      }
  @media (max-width: 719px) {
  
    .our-banner__picture {
        display: none
    }
      }
  .our-banner__img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      -o-object-fit: cover;
         object-fit: cover;
      width: 100%;
      height: 100%;
    }
  .our-banner__text {
      -ms-flex-negative: 1;
          flex-shrink: 1;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      position: relative;
      z-index: 0;
      height: 100%;
      opacity: 1;
      color: white;
      max-width: 600px;
      padding: 50px 30px
    }
  @media (min-width: 600px) {
  
    .our-banner__text {
        padding: 80px 60px
    }
      }
  @media (min-width: 720px) {
  
    .our-banner__text {
        margin-left: auto;
        padding: 100px 60px
    }
      }
  @media (min-width: 1300px) {
  
    .our-banner__text {
        padding: 100px
    }
      }
  .our-banner__text:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        background-color: #250044;
        background-color: #250044;
        background-color: var(--main-font-color);
        opacity: 0.9
      }
  @media (min-width: 1000px) {
  
      .our-banner__text:before {
          opacity: 1
      }
        }
  @media (max-width: 719px) {
  
      .our-banner__text:before {
          opacity: 1
      }
        }
  .our-banner--no-img .our-banner__text {
        max-width: none;
        display: grid;
        grid-gap: calc(var(--spacing) / 2) var(--spacing);
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        justify-items: start;
        padding: 60px
      }
  @media (min-width: 1200px) {
  
      .our-banner--no-img .our-banner__text {
          grid-template-columns: 1fr 350px
      }
        }
  .our-banner--no-img .our-banner__text:before {
          opacity: 1;
        }
  .our-banner--no-img .our-banner__text .our-banner__title:only-child {
          margin-bottom: 0;
        }
  @media (min-width: 1000px) {
  
        .our-banner--no-img .our-banner__text .btn {
            min-width: 350px
        }
          }
  .our-banner__text .btn[href^="#"]::after {
        -webkit-transform: translateY(calc(-50% + 3px)) rotate(90deg);
                transform: translateY(calc(-50% + 3px)) rotate(90deg);
      }
  .our-banner__title {
      margin-bottom: 20px;
    }
  .our-banner__description {
      margin-bottom: 20px;
    }
  .svg-404 {
    fill: #25b3c3;
    fill: #25b3c3;
    fill: var(--secondary-color);
    height: 200px;
  
  
  }
  .svg-404 path {
      mix-blend-mode: darken;
    }
  .svg-404__shape1 {
      fill: #ff0044;
      fill: #ff0044;
      fill: var(--primary-color);
    }
  .svg-404__shape3 {
      fill: #25b3c3;
      fill: #25b3c3;
      fill: var(--secondary-color);
    }
  .svg-404__shape2 {
      fill: #fcba28;
      fill: #fcba28;
      fill: var(--accent-color-1);
    }
  .svg-search {
    height: 250px;
    position: absolute;
    top: 27%;
    left: 35%;
  }
  .svg-search path {
      mix-blend-mode: darken;
    }
  .svg-search__shape1 {
      fill: #ff0044;
      fill: #ff0044;
      fill: var(--primary-color);
    }
  .svg-search__shape2 {
      fill: #25b3c3;
      fill: #25b3c3;
      fill: var(--secondary-color);
    }
  .video__vid{
          position: relative;
          display: block;
          width:100%;
          margin:0 auto;
          border-radius: 40px;
          -webkit-box-shadow: 3px 3px 60px rgba(255, 0, 68, .3);
                  box-shadow: 3px 3px 60px rgba(255, 0, 68, .3);
          max-width: 960px;
  
      }
  .video-card {
    --video-card-border-radius: 60px
  }
  @media (min-width: 720px) {
  .video-card {
      --video-card-border-radius: 92px
  }
    }
  .video-card {
    position                  : relative;
    overflow                  : hidden;
    border-radius             : var(--video-card-border-radius);
    max-width                 : 1000px;
    margin-left               : auto;
    margin-right              : auto;
    -webkit-box-shadow                : 10px 10px 40px rgba(255, 0, 68, .3);
            box-shadow                : 10px 10px 40px rgba(255, 0, 68, .3);
    cursor                    : pointer;
    width                     : 100%
  }
  @media (min-width: 720px) {
  .video-card {
      -webkit-box-shadow: 40px 40px 99px rgba(0, 75, 253, 0.3);
      box-shadow: 40px 40px 99px rgba(0, 75, 253, 0.3);
  }
    }
  .video-card::before {
      content         : "";
      position        : absolute;
      top             : 0;
      left            : 0;
      right           : 0;
      bottom          : 0;
      z-index         : 1;
      background-color: #ff0044;
      background-color: #ff0044;
      background-color: var(--primary-color);
      border-radius   : var(--video-card-border-radius);
      mix-blend-mode  : darken;
      pointer-events  : none;
      -webkit-transition      : all 0.3s 0.3s ease;
      transition      : all 0.3s 0.3s ease;
    }
  .video-card::after {
      content            : "";
      position           : absolute;
      top                : 50%;
      left               : 50%;
      z-index            : 2;
      -webkit-transform          : translate(-50%, -50%);
              transform          : translate(-50%, -50%);
      width              : 80px;
      height             : 80px;
      background-image   : url("assets/images/icons/play-white.svg");
      background-size    : contain;
      background-repeat  : no-repeat;
      background-position: center center;
      pointer-events     : none;
      -webkit-transition         : all 0.6s ease;
      transition         : all 0.6s ease;
    }
  .video-card.is-playing::before {
        opacity: 0;
      }
  .video-card.is-playing::after {
        -webkit-transform: translate(-50%, -50%) scale(4);
                transform: translate(-50%, -50%) scale(4);
        opacity  : 0;
      }
  .video-card__full {
      position  : absolute;
      width     : 30px;
      height    : 30px;
      top       : 14px;
      right     : 20px;
      cursor    : pointer;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease
    }
  @media (min-width: 720px) {
  
    .video-card__full {
        top  : 32px;
        right: 40px
    }
      }
  .video-card:not(.is-playing) .video-card__full {
        opacity       : 0;
        pointer-events: none;
      }
  .video-card__full::before {
        content            : '';
        display            : block;
        width              : 100%;
        height             : 100%;
        background-image   : url("assets/images/icons/arrow--red.svg");
        background-position: center center;
        background-repeat  : no-repeat;
        background-size    : contain;
        -webkit-transform          : rotate(-45deg);
                transform          : rotate(-45deg);
      }
  .video-card + div {
      pointer-events: none;
    }
  ul.continental {
    display    : -webkit-box;
    display    : -ms-flexbox;
    display    : flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient  : vertical;
    -webkit-box-direction  : normal;
        -ms-flex-flow  : column nowrap;
            flex-flow  : column nowrap;
    margin     : 0 auto 20px;
    -webkit-box-flex       : 1;
        -ms-flex       : 1 1 100%;
            flex       : 1 1 100%
  }
  @media(min-width:720px) {
  ul.continental {
      -webkit-box-flex     : initial;
          -ms-flex     : initial;
              flex     : initial;
      margin   : 0;
      margin   : initial;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap
  }
    }
  ul.continental {
    font-family: 'blogger';
  }
  ul.continental li {
      position   : relative;
      padding    : 0 10px;
      margin     : 0 10px;
      color      : var(--marine);
      font-weight: 600;
      font-size  : 2.4rem
    }
  ul.continental li:after {
        content         : '';
        position        : absolute;
        height          : 10px;
        right           : 10px;
        -webkit-transform-origin: left center;
                transform-origin: left center;
        -webkit-transform       : scaleX(0);
                transform       : scaleX(0);
        background-color: #fcba28;
        background-color: #fcba28;
        background-color: var(--accent-color-1);
        bottom          : 4px;
        left            : 0;
        z-index         : -1;
        -webkit-transition      : all 0.3s;
        transition      : all 0.3s;
      }
  ul.continental li:hover {
        cursor: pointer
      }
  ul.continental li:hover:after {
          -webkit-transform: scaleX(1);
                  transform: scaleX(1);
        }
  ul.continental .active:hover:after {
          -webkit-transform: scaleX(1) translate(0%);
                  transform: scaleX(1) translate(0%);
          left     : 0;
        }
  ul.continental .active:after {
        content         : '';
        width           : 80%;
        height          : 10px;
        background-color: #fcba28;
        background-color: #fcba28;
        background-color: var(--accent-color-1);
      }
  @media(min-width:720px) {
  
      ul.continental .active:after {
          -webkit-transform: translatex(-50%);
                  transform: translatex(-50%);
          left     : 50%;
      }
        }
  ul.continental .active:after {
        -webkit-transform       : translate(0%) scale(1);
                transform       : translate(0%) scale(1);
        left            : 0;
        position        : absolute;
        bottom          : 5px;
        z-index         : -1;
      }
  .our-offices {
    position      : relative;
    padding-top   : 80px;
    padding-bottom: 80px
  }
  .our-offices:before {
      content         : '';
      position        : absolute;
      display         : block;
      top             : 0;
      left            : 50%;
      -webkit-transform       : translatex(-50%);
              transform       : translatex(-50%);
      background-color: #fcf7ef;
      background-color: #fcf7ef;
      background-color: var(--sand-color);
      width           : 120vw;
      height          : 100%;
      z-index         : -1;
    }
  .our-offices__list {
      display              : grid;
      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
      grid-gap             : 50px 50px;
      justify-items        : center;
      -webkit-box-align          : center;
          -ms-flex-align          : center;
              align-items          : center;
    }
  .our-offices__item {
      display        : -webkit-box;
      display        : -ms-flexbox;
      display        : flex;
      -webkit-box-align    : center;
          -ms-flex-align    : center;
              align-items    : center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
  .our-offices__picture {
      position: relative;
      display : block
    }
  .our-offices__picture:after {
        content         : '';
        position        : absolute;
        top             : 0;
        left            : 0;
        width           : 100%;
        height          : 100%;
        background-color: #250044;
        background-color: #250044;
        background-color: var(--marine-color);
        z-index         : -1;
      }
  .our-offices__picture img {
        display: block;
        opacity: 0.5;
      }
  .our-offices__country {
      position: relative
      /*opacity : 0.5;*/
    }
  .our-offices__country:after {
        content   : url("assets/images/icons/arrow--red.svg");
        position  : absolute;
        bottom    : 0;
        right     : 10px;
        -webkit-transform : rotate(90deg) scale(.6);
                transform : rotate(90deg) scale(.6);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
      }
  .our-offices__country:hover {
        cursor: pointer;
      }
  .our-offices__country.is-active {
        opacity: 1
      }
  .our-offices__country.is-active:after {
          opacity: 0;
          bottom : -10px;
        }
  .our-offices__country-name {
      position   : absolute;
      top        : 50%;
      left       : 50%;
      -webkit-transform  : translate(-50%, -50%);
              transform  : translate(-50%, -50%);
      font-size  : 3.2rem;
      font-family: 'blogger';
      color      : white;
      line-height: 1.2;
      font-weight: 700;
    }
  .our-offices__desc {
      width  : 100%;
      display: block;
      padding: 0;
      margin : 0;
    }
  .our-offices__phone {
      position   : relative;
      font-weight: 600
    }
  .our-offices__phone:before {
        content      : url("assets/images/icons/phone--red.svg");
        position     : relative;
        top          : 4px;
        padding-right: 10px;
      }
  .our-offices__grid {
      display              : grid;
      grid-template-rows   : repeat(auto-fit, minmax(0, -webkit-max-content)) [lrow-start]minmax(0, 1fr)[lrow-end];
      grid-template-rows   : repeat(auto-fit, minmax(0, max-content)) [lrow-start]minmax(0, 1fr)[lrow-end]
    }
  @media(min-width:720px) {
  
    .our-offices__grid {
        /*grid-template-rows: repeat(auto-fit, minmax(280px, max-content));*/
        grid-template-rows: repeat(auto-fit, minmax(0, -webkit-max-content)) [lrow-start]minmax(0, 1fr)[lrow-end];
        grid-template-rows: repeat(auto-fit, minmax(0, max-content)) [lrow-start]minmax(0, 1fr)[lrow-end]
    }
      }
  .our-offices__grid {
      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
      grid-gap             : 50px 50px;
    }
  .our-offices__grid h4 {
        font-size: 3.2rem;
        color    : #250044;
        color    : #250044;
        color    : var(--marine-color);
      }
  .our-offices__country-title {
      font-size: 4.8rem;
      color    : #ff0044;
      color    : #ff0044;
      color    : var(--primary-color);
      grid-row : 1 / -1;
    }
  .our-offices__city .btn {
        margin-top: 3rem;
      }
  .link-label {
    display        : -webkit-box;
    display        : -ms-flexbox;
    display        : flex;
    -webkit-box-align    : center;
        -ms-flex-align    : center;
            align-items    : center;
    font-size      : 1.4rem;
    text-transform : uppercase;
    color          : #250044;
    color          : #250044;
    color          : var(--main-font-color);
    font-weight    : 600;
    letter-spacing : 1px;
    font-family    : "circle";
    text-decoration: none;
    margin-bottom  : 60px;
  }
  .link-label svg {
      -webkit-transform   : rotate(180deg);
              transform   : rotate(180deg);
      margin-right: 10px;
      fill        : #ff0044;
      fill        : #ff0044;
      fill        : var(--primary-color);
      font-size   : 2.2rem;
    }
  .s7reasons {
    display  : -webkit-box;
    display  : -ms-flexbox;
    display  : flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .s7reasons__column {
      width     : 33%;
      -webkit-box-flex : 1;
          -ms-flex-positive : 1;
              flex-grow : 1;
      -ms-flex-preferred-size: 400px;
          flex-basis: 400px
    }
  .s7reasons__column:first-child .s7reasons__item {
          color           : white;
          background-color: #ff0044;
          background-color: #ff0044;
          background-color: var(--primary-color);
          height          : auto;
        }
  .s7reasons__column:first-child .s7reasons__overflow {
          height: auto !important;
        }
  .s7reasons__item {
      border          : 5px solid white;
      background-color: #fcf7ef;
      background-color: #fcf7ef;
      background-color: var(--sand-color);
      position        : relative;
      padding         : 50px;
      min-height      : 120px;
      cursor          : pointer;
    }
  .s7reasons__overflow {
      height    : 0;
      overflow  : hidden;
      -webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
      transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    }
  .s7reasons__readmore {
      font-family    : 'circle';
      font-size      : 1.5rem;
      font-weight    : 600;
      -ms-writing-mode   : tb-rl;
          -webkit-writing-mode   : vertical-rl;
          writing-mode   : vertical-rl;
      text-transform : uppercase;
      text-decoration: none;
      -webkit-transform      : rotate(180deg);
              transform      : rotate(180deg);
      position       : absolute;
      right          : 20px;
      top            : 20px;
      color          : #250044;
      color          : #250044;
      color          : var(--main-font-color)
    }
  .s7reasons__readmore:before {
        content   : url("assets/images/icons/arrow--red.svg");
        display   : block;
        -webkit-transform : scale(.3) rotate(-90deg) translate(-50%, -50%);
                transform : scale(.3) rotate(-90deg) translate(-50%, -50%);
        position  : absolute;
        left      : -50%;
        top       : -50%;
        margin-top: -5px;
      }
  .s7reasons .js-s7reasons-open .s7reasons__readmore {
        top   : unset;
        bottom: 40px
      }
  .s7reasons .js-s7reasons-open .s7reasons__readmore:before {
          -webkit-transform: scale(.3) rotate(90deg) translate(50%, 50%);
                  transform: scale(.3) rotate(90deg) translate(50%, 50%);
        }
  @media(min-width:720px) {
    .s7reasons {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
    }
  }
  /*
  
  .s7reasons {
    display: flex;
  
    &__column {
      width    : 33%;
      flex-grow: 1;
  
      &:first-child {
        .s7reasons__item {
          color           : white;
          background-color: var(--primary-color);
          height          : auto;
  
          p {
            display: block;
          }
        }
      }
    }
  
    &__item {
      border          : 5px solid white;
      background-color: var(--sand-color);
      position        : relative;
      padding         : 40px 50px;
      min-height      : 120px;
  
      p {
        display: none;
      }
    }
  
    &__readmore {
      font-family    : 'circle';
      font-size      : 1.5rem;
      font-weight    : 600;
      writing-mode   : vertical-rl;
      text-transform : uppercase;
      text-decoration: none;
      transform      : rotate(180deg);
      position       : absolute;
      right          : 20px;
      top            : 20px;
  
      &:before {
        content: '+';
      }
    }
  
    .js-s7reasons-open {
      p {
        display: block;
      }
  
      .s7reasons__readmore {
        top   : unset;
        bottom: 20px;
  
        &:before {
          content: '-';
        }
      }
    }
  }
  
  */
  .card-list__container{
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
      grid-gap: 60px;
    }
  .card-list__container--cols-1 {
        grid-template-columns: 1fr;
      }
  .card-list__container--cols-2 {
        grid-template-columns: repeat(auto-fill, minmax(430px, 1fr));
      }
  .card-list__container--cols-4 {
        grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
        grid-gap: 20px;
      }
  @media (max-width: 719px) {
  
    .card-list__container{
        grid-gap: 20px
    }
  
      }
  .card-list__wrapper{
  
    }
  .card-list__item{
      padding: 20px;
    }
  .card-list__item h3{
        margin-bottom: 40px;
      }
  .card-list__item p{
        margin-bottom:40px;
      }
  @media (min-width: 720px) {
      .card-list__item{
        padding:40px;
      }
  
        .card-list__container--cols-4 .card-list__item {
          padding: 40px 20px
        }
    }
  .card-list__item-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      height: 100%; 
    }
  .card-list__item-content p {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
      }
  .card-list__item-img {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      margin-bottom: 40px;
      height: 120px;
    }
  .card-list__item-img img {
        max-height: 100%;
        max-width: 120px;
      }
  .card-list__b{
      max-width: 100%;
    }
  .card-list__link{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
      text-align: right;
    }
  .card-list__cover-link:before{
        content:'';
        display: block;
        height:100%;
        width:100%;
        background-color:transparent;
        position: absolute;
        top:0;
        left:0;
      }
  .card-list__shadowless{
      -webkit-box-shadow: none;
              box-shadow: none;
    }
  /******/
  @media (max-width: 719px) {
  
      .card-list--slider .slick-slider {
          margin-left: calc(10px * -1);
          margin-left: calc(10px * -1);
          margin-left: calc(var(--global-padding-h) * -1);
          margin-right: calc(10px * -1);
          margin-right: calc(10px * -1);
          margin-right: calc(var(--global-padding-h) * -1)
      }
        }
  .card-list--slider .slick-slide{
        opacity: .3;
        margin-right:20px;
        height: inherit !important;
      }
  .card-list--slider .slick-list{
        padding:0 10% 0 0;
      }
  .card-list--slider .slick-track{
        padding:20px;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
  
      }
  .card-list--slider .card-list__item{
            width:460px;
        border: 1px solid white;
      }
  .card-list--slider .slick-active{
        opacity: 1;
      }
  .card-list--slider .slider-cardlist{
        position: relative;
        color: #fff;
        color: #fff;
        color: var(--light-color);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        height: 30px;
        padding-top: var(--arrows-offset);
        margin-top: calc(var(--arrows-offset) * -1);
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        overflow: hidden;
        width: 100%;
      }
  .card-list--slider .slider-cardlist__arrows{
        position: absolute;
        z-index: 1;
        top: 0;
        text-align: right;
        max-width: 1366px;
        max-width: 1366px;
        max-width: var(--wrapper-width);
        right: 10px;
        right: 10px;
        right: var(--global-padding-h);
      }
  /******/
  .card-list--dark{
      background-color:#250044;
      background-color:#250044;
      background-color:var(--accent-color-2);
      padding:70px 0
  
  
  
    }
  /*DARK*/
  @media (min-width: 720px) {
    .card-list--dark{
        padding:120px 0
  
  
  
    }
        
      }
  /*SLIDER*/
  .card-list--dark{
  
      /*Slider dark*/
      /*************/
  
  
  
    }
  .card-list--dark .title{
        color:white
      }
  .card-list--dark .title:after{
          background-color:currentColor;
        }
  .card-list--dark h3{
        color:white;
      }
  .card-list--dark p{
        color:white;
      }
  .card-list--dark a{
        color:white;
      }
  .card-list--dark .card-list__item{
        background-color:transparent
      }
  .card-list--dark .card-list__item:before{
          background-color:#250044;
          /* background-color:#18002C; */
  
        }
  .card-list--dark .card-list__item:hover:before{
            background-color:#4b266a;
            background-color:#4b266a;
            background-color:var(--bg-field-color);
  
          }
  .card-list--dark .card-list__item .card-list__cover-link:before{
                 border:1px solid white;
          }
  .card-list--dark .card-list__item .card-list__link{
              color:white;
        }
  .card-list--dark .card-list__item.card-list__shadowless:before{
                background-color:#250044;
              }
  .card-list--dark .card-list__item.card-list__shadowless:hover:before{
                  background-color:#4b266a;
                  background-color:#4b266a;
                  background-color:var(--bg-field-color);
  
                }
  .card-list--dark .card-list__item.overlay-card{
          /* outline:1px solid white !important; */
          -webkit-box-shadow: 1px 1px 16px 2px rgba(255, 255, 255, 0.21);
                  box-shadow: 1px 1px 16px 2px rgba(255, 255, 255, 0.21);
  
        }
  .card-list--dark.card-list--slider .card-list__item{
          border: 1px solid #250044;
          border: 1px solid #250044;
          border: 1px solid var(--accent-color-2);
        }
  .card-list--dark.card-list--slider .svg-use.svg--arrow{
          fill:white;
        }
  .single-article__content table {
          border: 1px solid #25b3c3;
          border: 1px solid #25b3c3;
          border: 1px solid var(--secondary-color);
          border-collapse: collapse;
          border-spacing:0;
          padding: 0;
          margin-top: 3rem;
      }
  .single-article__content table thead {
              background: #25b3c3;
              background: #25b3c3;
              background: var(--secondary-color);
              color: white;
              
              text-transform: uppercase;
          }
  .single-article__content table thead, .single-article__content table thead th, .single-article__content table thead b, .single-article__content table thead strong {
                  font-weight: 100;
                  font-weight: .7em;
              }
  .single-article__content table thead th {
                  padding: .3rem 1em;
                  text-align: left;
              }
  .single-article__content table tbody tr:nth-child(even) {
                      background: #fcf7ef;
                      background: #fcf7ef;
                      background: var(--sand-color);
                  }
  .single-article__content table tbody tr td {
                      padding: .5rem 1em;
                      text-align: left;
                      vertical-align: top
  
                  }
  .single-article__content table tbody tr td:not(:last-child) {
                          border-right: solid 1px #25b3c3;
                          border-right: solid 1px #25b3c3;
                          border-right: solid 1px var(--secondary-color);
                      }
  .wp-block {
    background-color: red;
  }
  .wp-block-gallery {
      margin: 40px 0;
    }
  .wp-block-media-text {
      margin: 40px 0;
    }
  .wp-block-image {
      margin: 40px 0;
    }
  .wp-block-columns {
      margin: 40px 0;
    }
  .wp-block-quote {
      margin          : 40px 0;
      font-family     : 'blogger';
      padding         : 100px 0 70px;
      font-size       : 3.5rem;
      line-height     : 4.2rem;
      font-weight     : bold;
      background-color: #fcf7ef;
      background-color: #fcf7ef;
      background-color: var(--sand-color);
      text-align      : center;
      position        : relative
    }
  .wp-block-quote:before {
        content   : '';
        position  : absolute;
        top       : 0;
        left      : 50%;
        height    : 100%;
        background: #fcf7ef;
        background: #fcf7ef;
        background: var(--sand-color);
        width     : 100vw;
        -webkit-transform : translateX(-50%);
                transform : translateX(-50%);
        z-index   : -1;
      }
  .wp-block-quote cite {
        font-family: 'circle';
        font-size  : 1.7rem;
        padding    : 20px 0;
        font-weight: 100;
      }
  .wp-block-quote p {
        font-size  : inherit;
        line-height: inherit;
      }
  .ta-c {
    text-align: center;
  }
  .ta-l {
    text-align: left;
  }
  .ta-r {
    text-align: right;
  }
  .hidden, .is-hidden {
    display: none !important;
  }
  @media (max-width: 719px) {
  .mobile-hidden {
      display: none !important
  }
    }
  @media (min-width: 720px) {
  .desktop-hidden {
      display: none !important
  }
    }
  img.grayscale {
    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  }
  body.noScroll {
    position: fixed !important;
    overflow: hidden !important; 
  }
  .no-click {
    pointer-events: none;
  }
  .grid {
    display: grid;
    grid-gap: 20px;
  }
  @media (min-width: 1000px) {
  
    .grid-desktop-hidden {
        display: none!important
    }
      }
  @media (max-width: 999px) {
  
    .grid-mobile-hidden {
        display: none!important
    }
      }
  @media (min-width: 1000px) {
  .grid {
      display: grid;
      grid-gap: 80px;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start;
  }
      
      .grid--v-center {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
      }
      .grid--end {
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: end;
      }
  
      .grid-1-1 {
        grid-template-columns: 1fr 1fr
      }
  
        .grid-1-1 > .video-card:last-child {
          -webkit-transform: translate(0, -40px);
                  transform: translate(0, -40px);
        }
    
      .grid-1-2 {
        grid-template-columns: 33% 1fr;
      }
      .grid-2-1 {
        grid-template-columns: 1fr 33%
      }
  
        .grid-2-1 > .video-card:first-child {
          -webkit-transform: translate(0, 40px);
                  transform: translate(0, 40px);
        }
      .grid-1-3 {
        grid-template-columns: 25% 1fr;
      }
  
      .grid-3-2 {
        grid-template-columns: 1fr 40%;
      }
    }
  /*
  * https://epsi-rns.gitlab.io/frontend/2019/10/11/postcss-loop-spacing-class/
  */
  /**/
  /**/
  /**************************/
  /*Default spacing class */
  /**************************/
  /**/
  .m {
      margin: var(--spacing);
    }
  .mt {
        margin-top: var(--spacing);
      }
  .mb {
        margin-bottom: var(--spacing);
      }
  .ml {
        margin-left: var(--spacing);
      }
  .mr {
        margin-right: var(--spacing);
      }
  .mv {
        margin-top: var(--spacing);
        margin-bottom: var(--spacing)
    }
  .mh {
        margin-left: var(--spacing);
        margin-right: var(--spacing)
    }
  .p {
      padding: var(--spacing);
    }
  .pt {
        padding-top: var(--spacing);
      }
  .pb {
        padding-bottom: var(--spacing);
      }
  .pl {
        padding-left: var(--spacing);
      }
  .pr {
        padding-right: var(--spacing);
      }
  .pv {
        padding-top: var(--spacing);
        padding-bottom: var(--spacing)
    }
  .ph {
        padding-left: var(--spacing);
        padding-right: var(--spacing)
    }
  /**************************/
  /* Media query spacing Mobile First */
  /**************************/
  @media(min-width: 320px) {
          .m-half--sm {
            margin: calc(var(--spacing) * 1/2);
          }
            .mt-half--sm {
              margin-top: calc(var(--spacing) * 1/2);
            }
            .mb-half--sm {
              margin-bottom: calc(var(--spacing) * 1/2);
            }
            .ml-half--sm {
              margin-left: calc(var(--spacing) * 1/2);
            }
            .mr-half--sm {
              margin-right: calc(var(--spacing) * 1/2);
            }
  
          .mv-half--sm {
              margin-top: calc(var(--spacing) * 1/2);
              margin-bottom: calc(var(--spacing) * 1/2)
          }
  
          .mh-half--sm {
              margin-left: calc(var(--spacing) * 1/2);
              margin-right: calc(var(--spacing) * 1/2)
          }
          .p-half--sm {
            padding: calc(var(--spacing) * 1/2);
          }
            .pt-half--sm {
              padding-top: calc(var(--spacing) * 1/2);
            }
            .pb-half--sm {
              padding-bottom: calc(var(--spacing) * 1/2);
            }
            .pl-half--sm {
              padding-left: calc(var(--spacing) * 1/2);
            }
            .pr-half--sm {
              padding-right: calc(var(--spacing) * 1/2);
            }
  
          .pv-half--sm {
              padding-top: calc(var(--spacing) * 1/2);
              padding-bottom: calc(var(--spacing) * 1/2)
          }
  
          .ph-half--sm {
              padding-left: calc(var(--spacing) * 1/2);
              padding-right: calc(var(--spacing) * 1/2)
          }
          .m-double--sm {
            margin: calc(var(--spacing) * 2);
          }
            .mt-double--sm {
              margin-top: calc(var(--spacing) * 2);
            }
            .mb-double--sm {
              margin-bottom: calc(var(--spacing) * 2);
            }
            .ml-double--sm {
              margin-left: calc(var(--spacing) * 2);
            }
            .mr-double--sm {
              margin-right: calc(var(--spacing) * 2);
            }
  
          .mv-double--sm {
              margin-top: calc(var(--spacing) * 2);
              margin-bottom: calc(var(--spacing) * 2)
          }
  
          .mh-double--sm {
              margin-left: calc(var(--spacing) * 2);
              margin-right: calc(var(--spacing) * 2)
          }
          .p-double--sm {
            padding: calc(var(--spacing) * 2);
          }
            .pt-double--sm {
              padding-top: calc(var(--spacing) * 2);
            }
            .pb-double--sm {
              padding-bottom: calc(var(--spacing) * 2);
            }
            .pl-double--sm {
              padding-left: calc(var(--spacing) * 2);
            }
            .pr-double--sm {
              padding-right: calc(var(--spacing) * 2);
            }
  
          .pv-double--sm {
              padding-top: calc(var(--spacing) * 2);
              padding-bottom: calc(var(--spacing) * 2)
          }
  
          .ph-double--sm {
              padding-left: calc(var(--spacing) * 2);
              padding-right: calc(var(--spacing) * 2)
          }
          .m-triple--sm {
            margin: calc(var(--spacing) * 3);
          }
            .mt-triple--sm {
              margin-top: calc(var(--spacing) * 3);
            }
            .mb-triple--sm {
              margin-bottom: calc(var(--spacing) * 3);
            }
            .ml-triple--sm {
              margin-left: calc(var(--spacing) * 3);
            }
            .mr-triple--sm {
              margin-right: calc(var(--spacing) * 3);
            }
  
          .mv-triple--sm {
              margin-top: calc(var(--spacing) * 3);
              margin-bottom: calc(var(--spacing) * 3)
          }
  
          .mh-triple--sm {
              margin-left: calc(var(--spacing) * 3);
              margin-right: calc(var(--spacing) * 3)
          }
          .p-triple--sm {
            padding: calc(var(--spacing) * 3);
          }
            .pt-triple--sm {
              padding-top: calc(var(--spacing) * 3);
            }
            .pb-triple--sm {
              padding-bottom: calc(var(--spacing) * 3);
            }
            .pl-triple--sm {
              padding-left: calc(var(--spacing) * 3);
            }
            .pr-triple--sm {
              padding-right: calc(var(--spacing) * 3);
            }
  
          .pv-triple--sm {
              padding-top: calc(var(--spacing) * 3);
              padding-bottom: calc(var(--spacing) * 3)
          }
  
          .ph-triple--sm {
              padding-left: calc(var(--spacing) * 3);
              padding-right: calc(var(--spacing) * 3)
          }
          .m-quartuple--sm {
            margin: calc(var(--spacing) * 4);
          }
            .mt-quartuple--sm {
              margin-top: calc(var(--spacing) * 4);
            }
            .mb-quartuple--sm {
              margin-bottom: calc(var(--spacing) * 4);
            }
            .ml-quartuple--sm {
              margin-left: calc(var(--spacing) * 4);
            }
            .mr-quartuple--sm {
              margin-right: calc(var(--spacing) * 4);
            }
  
          .mv-quartuple--sm {
              margin-top: calc(var(--spacing) * 4);
              margin-bottom: calc(var(--spacing) * 4)
          }
  
          .mh-quartuple--sm {
              margin-left: calc(var(--spacing) * 4);
              margin-right: calc(var(--spacing) * 4)
          }
          .p-quartuple--sm {
            padding: calc(var(--spacing) * 4);
          }
            .pt-quartuple--sm {
              padding-top: calc(var(--spacing) * 4);
            }
            .pb-quartuple--sm {
              padding-bottom: calc(var(--spacing) * 4);
            }
            .pl-quartuple--sm {
              padding-left: calc(var(--spacing) * 4);
            }
            .pr-quartuple--sm {
              padding-right: calc(var(--spacing) * 4);
            }
  
          .pv-quartuple--sm {
              padding-top: calc(var(--spacing) * 4);
              padding-bottom: calc(var(--spacing) * 4)
          }
  
          .ph-quartuple--sm {
              padding-left: calc(var(--spacing) * 4);
              padding-right: calc(var(--spacing) * 4)
          }
          .m-quintuple--sm {
            margin: calc(var(--spacing) * 5);
          }
            .mt-quintuple--sm {
              margin-top: calc(var(--spacing) * 5);
            }
            .mb-quintuple--sm {
              margin-bottom: calc(var(--spacing) * 5);
            }
            .ml-quintuple--sm {
              margin-left: calc(var(--spacing) * 5);
            }
            .mr-quintuple--sm {
              margin-right: calc(var(--spacing) * 5);
            }
  
          .mv-quintuple--sm {
              margin-top: calc(var(--spacing) * 5);
              margin-bottom: calc(var(--spacing) * 5)
          }
  
          .mh-quintuple--sm {
              margin-left: calc(var(--spacing) * 5);
              margin-right: calc(var(--spacing) * 5)
          }
          .p-quintuple--sm {
            padding: calc(var(--spacing) * 5);
          }
            .pt-quintuple--sm {
              padding-top: calc(var(--spacing) * 5);
            }
            .pb-quintuple--sm {
              padding-bottom: calc(var(--spacing) * 5);
            }
            .pl-quintuple--sm {
              padding-left: calc(var(--spacing) * 5);
            }
            .pr-quintuple--sm {
              padding-right: calc(var(--spacing) * 5);
            }
  
          .pv-quintuple--sm {
              padding-top: calc(var(--spacing) * 5);
              padding-bottom: calc(var(--spacing) * 5)
          }
  
          .ph-quintuple--sm {
              padding-left: calc(var(--spacing) * 5);
              padding-right: calc(var(--spacing) * 5)
          }
          .m-sixtuple--sm {
            margin: calc(var(--spacing) * 6);
          }
            .mt-sixtuple--sm {
              margin-top: calc(var(--spacing) * 6);
            }
            .mb-sixtuple--sm {
              margin-bottom: calc(var(--spacing) * 6);
            }
            .ml-sixtuple--sm {
              margin-left: calc(var(--spacing) * 6);
            }
            .mr-sixtuple--sm {
              margin-right: calc(var(--spacing) * 6);
            }
  
          .mv-sixtuple--sm {
              margin-top: calc(var(--spacing) * 6);
              margin-bottom: calc(var(--spacing) * 6)
          }
  
          .mh-sixtuple--sm {
              margin-left: calc(var(--spacing) * 6);
              margin-right: calc(var(--spacing) * 6)
          }
          .p-sixtuple--sm {
            padding: calc(var(--spacing) * 6);
          }
            .pt-sixtuple--sm {
              padding-top: calc(var(--spacing) * 6);
            }
            .pb-sixtuple--sm {
              padding-bottom: calc(var(--spacing) * 6);
            }
            .pl-sixtuple--sm {
              padding-left: calc(var(--spacing) * 6);
            }
            .pr-sixtuple--sm {
              padding-right: calc(var(--spacing) * 6);
            }
  
          .pv-sixtuple--sm {
              padding-top: calc(var(--spacing) * 6);
              padding-bottom: calc(var(--spacing) * 6)
          }
  
          .ph-sixtuple--sm {
              padding-left: calc(var(--spacing) * 6);
              padding-right: calc(var(--spacing) * 6)
          }
    }
  @media(min-width: 720px) {
          .m-half--md {
            margin: calc(var(--spacing) * 1/2);
          }
            .mt-half--md {
              margin-top: calc(var(--spacing) * 1/2);
            }
            .mb-half--md {
              margin-bottom: calc(var(--spacing) * 1/2);
            }
            .ml-half--md {
              margin-left: calc(var(--spacing) * 1/2);
            }
            .mr-half--md {
              margin-right: calc(var(--spacing) * 1/2);
            }
  
          .mv-half--md {
              margin-top: calc(var(--spacing) * 1/2);
              margin-bottom: calc(var(--spacing) * 1/2)
          }
  
          .mh-half--md {
              margin-left: calc(var(--spacing) * 1/2);
              margin-right: calc(var(--spacing) * 1/2)
          }
          .p-half--md {
            padding: calc(var(--spacing) * 1/2);
          }
            .pt-half--md {
              padding-top: calc(var(--spacing) * 1/2);
            }
            .pb-half--md {
              padding-bottom: calc(var(--spacing) * 1/2);
            }
            .pl-half--md {
              padding-left: calc(var(--spacing) * 1/2);
            }
            .pr-half--md {
              padding-right: calc(var(--spacing) * 1/2);
            }
  
          .pv-half--md {
              padding-top: calc(var(--spacing) * 1/2);
              padding-bottom: calc(var(--spacing) * 1/2)
          }
  
          .ph-half--md {
              padding-left: calc(var(--spacing) * 1/2);
              padding-right: calc(var(--spacing) * 1/2)
          }
          .m-double--md {
            margin: calc(var(--spacing) * 2);
          }
            .mt-double--md {
              margin-top: calc(var(--spacing) * 2);
            }
            .mb-double--md {
              margin-bottom: calc(var(--spacing) * 2);
            }
            .ml-double--md {
              margin-left: calc(var(--spacing) * 2);
            }
            .mr-double--md {
              margin-right: calc(var(--spacing) * 2);
            }
  
          .mv-double--md {
              margin-top: calc(var(--spacing) * 2);
              margin-bottom: calc(var(--spacing) * 2)
          }
  
          .mh-double--md {
              margin-left: calc(var(--spacing) * 2);
              margin-right: calc(var(--spacing) * 2)
          }
          .p-double--md {
            padding: calc(var(--spacing) * 2);
          }
            .pt-double--md {
              padding-top: calc(var(--spacing) * 2);
            }
            .pb-double--md {
              padding-bottom: calc(var(--spacing) * 2);
            }
            .pl-double--md {
              padding-left: calc(var(--spacing) * 2);
            }
            .pr-double--md {
              padding-right: calc(var(--spacing) * 2);
            }
  
          .pv-double--md {
              padding-top: calc(var(--spacing) * 2);
              padding-bottom: calc(var(--spacing) * 2)
          }
  
          .ph-double--md {
              padding-left: calc(var(--spacing) * 2);
              padding-right: calc(var(--spacing) * 2)
          }
          .m-triple--md {
            margin: calc(var(--spacing) * 3);
          }
            .mt-triple--md {
              margin-top: calc(var(--spacing) * 3);
            }
            .mb-triple--md {
              margin-bottom: calc(var(--spacing) * 3);
            }
            .ml-triple--md {
              margin-left: calc(var(--spacing) * 3);
            }
            .mr-triple--md {
              margin-right: calc(var(--spacing) * 3);
            }
  
          .mv-triple--md {
              margin-top: calc(var(--spacing) * 3);
              margin-bottom: calc(var(--spacing) * 3)
          }
  
          .mh-triple--md {
              margin-left: calc(var(--spacing) * 3);
              margin-right: calc(var(--spacing) * 3)
          }
          .p-triple--md {
            padding: calc(var(--spacing) * 3);
          }
            .pt-triple--md {
              padding-top: calc(var(--spacing) * 3);
            }
            .pb-triple--md {
              padding-bottom: calc(var(--spacing) * 3);
            }
            .pl-triple--md {
              padding-left: calc(var(--spacing) * 3);
            }
            .pr-triple--md {
              padding-right: calc(var(--spacing) * 3);
            }
  
          .pv-triple--md {
              padding-top: calc(var(--spacing) * 3);
              padding-bottom: calc(var(--spacing) * 3)
          }
  
          .ph-triple--md {
              padding-left: calc(var(--spacing) * 3);
              padding-right: calc(var(--spacing) * 3)
          }
          .m-quartuple--md {
            margin: calc(var(--spacing) * 4);
          }
            .mt-quartuple--md {
              margin-top: calc(var(--spacing) * 4);
            }
            .mb-quartuple--md {
              margin-bottom: calc(var(--spacing) * 4);
            }
            .ml-quartuple--md {
              margin-left: calc(var(--spacing) * 4);
            }
            .mr-quartuple--md {
              margin-right: calc(var(--spacing) * 4);
            }
  
          .mv-quartuple--md {
              margin-top: calc(var(--spacing) * 4);
              margin-bottom: calc(var(--spacing) * 4)
          }
  
          .mh-quartuple--md {
              margin-left: calc(var(--spacing) * 4);
              margin-right: calc(var(--spacing) * 4)
          }
          .p-quartuple--md {
            padding: calc(var(--spacing) * 4);
          }
            .pt-quartuple--md {
              padding-top: calc(var(--spacing) * 4);
            }
            .pb-quartuple--md {
              padding-bottom: calc(var(--spacing) * 4);
            }
            .pl-quartuple--md {
              padding-left: calc(var(--spacing) * 4);
            }
            .pr-quartuple--md {
              padding-right: calc(var(--spacing) * 4);
            }
  
          .pv-quartuple--md {
              padding-top: calc(var(--spacing) * 4);
              padding-bottom: calc(var(--spacing) * 4)
          }
  
          .ph-quartuple--md {
              padding-left: calc(var(--spacing) * 4);
              padding-right: calc(var(--spacing) * 4)
          }
          .m-quintuple--md {
            margin: calc(var(--spacing) * 5);
          }
            .mt-quintuple--md {
              margin-top: calc(var(--spacing) * 5);
            }
            .mb-quintuple--md {
              margin-bottom: calc(var(--spacing) * 5);
            }
            .ml-quintuple--md {
              margin-left: calc(var(--spacing) * 5);
            }
            .mr-quintuple--md {
              margin-right: calc(var(--spacing) * 5);
            }
  
          .mv-quintuple--md {
              margin-top: calc(var(--spacing) * 5);
              margin-bottom: calc(var(--spacing) * 5)
          }
  
          .mh-quintuple--md {
              margin-left: calc(var(--spacing) * 5);
              margin-right: calc(var(--spacing) * 5)
          }
          .p-quintuple--md {
            padding: calc(var(--spacing) * 5);
          }
            .pt-quintuple--md {
              padding-top: calc(var(--spacing) * 5);
            }
            .pb-quintuple--md {
              padding-bottom: calc(var(--spacing) * 5);
            }
            .pl-quintuple--md {
              padding-left: calc(var(--spacing) * 5);
            }
            .pr-quintuple--md {
              padding-right: calc(var(--spacing) * 5);
            }
  
          .pv-quintuple--md {
              padding-top: calc(var(--spacing) * 5);
              padding-bottom: calc(var(--spacing) * 5)
          }
  
          .ph-quintuple--md {
              padding-left: calc(var(--spacing) * 5);
              padding-right: calc(var(--spacing) * 5)
          }
          .m-sixtuple--md {
            margin: calc(var(--spacing) * 6);
          }
            .mt-sixtuple--md {
              margin-top: calc(var(--spacing) * 6);
            }
            .mb-sixtuple--md {
              margin-bottom: calc(var(--spacing) * 6);
            }
            .ml-sixtuple--md {
              margin-left: calc(var(--spacing) * 6);
            }
            .mr-sixtuple--md {
              margin-right: calc(var(--spacing) * 6);
            }
  
          .mv-sixtuple--md {
              margin-top: calc(var(--spacing) * 6);
              margin-bottom: calc(var(--spacing) * 6)
          }
  
          .mh-sixtuple--md {
              margin-left: calc(var(--spacing) * 6);
              margin-right: calc(var(--spacing) * 6)
          }
          .p-sixtuple--md {
            padding: calc(var(--spacing) * 6);
          }
            .pt-sixtuple--md {
              padding-top: calc(var(--spacing) * 6);
            }
            .pb-sixtuple--md {
              padding-bottom: calc(var(--spacing) * 6);
            }
            .pl-sixtuple--md {
              padding-left: calc(var(--spacing) * 6);
            }
            .pr-sixtuple--md {
              padding-right: calc(var(--spacing) * 6);
            }
  
          .pv-sixtuple--md {
              padding-top: calc(var(--spacing) * 6);
              padding-bottom: calc(var(--spacing) * 6)
          }
  
          .ph-sixtuple--md {
              padding-left: calc(var(--spacing) * 6);
              padding-right: calc(var(--spacing) * 6)
          }
    }
  @media(min-width: 920px) {
          .m-half--lg {
            margin: calc(var(--spacing) * 1/2);
          }
            .mt-half--lg {
              margin-top: calc(var(--spacing) * 1/2);
            }
            .mb-half--lg {
              margin-bottom: calc(var(--spacing) * 1/2);
            }
            .ml-half--lg {
              margin-left: calc(var(--spacing) * 1/2);
            }
            .mr-half--lg {
              margin-right: calc(var(--spacing) * 1/2);
            }
  
          .mv-half--lg {
              margin-top: calc(var(--spacing) * 1/2);
              margin-bottom: calc(var(--spacing) * 1/2)
          }
  
          .mh-half--lg {
              margin-left: calc(var(--spacing) * 1/2);
              margin-right: calc(var(--spacing) * 1/2)
          }
          .p-half--lg {
            padding: calc(var(--spacing) * 1/2);
          }
            .pt-half--lg {
              padding-top: calc(var(--spacing) * 1/2);
            }
            .pb-half--lg {
              padding-bottom: calc(var(--spacing) * 1/2);
            }
            .pl-half--lg {
              padding-left: calc(var(--spacing) * 1/2);
            }
            .pr-half--lg {
              padding-right: calc(var(--spacing) * 1/2);
            }
  
          .pv-half--lg {
              padding-top: calc(var(--spacing) * 1/2);
              padding-bottom: calc(var(--spacing) * 1/2)
          }
  
          .ph-half--lg {
              padding-left: calc(var(--spacing) * 1/2);
              padding-right: calc(var(--spacing) * 1/2)
          }
          .m-double--lg {
            margin: calc(var(--spacing) * 2);
          }
            .mt-double--lg {
              margin-top: calc(var(--spacing) * 2);
            }
            .mb-double--lg {
              margin-bottom: calc(var(--spacing) * 2);
            }
            .ml-double--lg {
              margin-left: calc(var(--spacing) * 2);
            }
            .mr-double--lg {
              margin-right: calc(var(--spacing) * 2);
            }
  
          .mv-double--lg {
              margin-top: calc(var(--spacing) * 2);
              margin-bottom: calc(var(--spacing) * 2)
          }
  
          .mh-double--lg {
              margin-left: calc(var(--spacing) * 2);
              margin-right: calc(var(--spacing) * 2)
          }
          .p-double--lg {
            padding: calc(var(--spacing) * 2);
          }
            .pt-double--lg {
              padding-top: calc(var(--spacing) * 2);
            }
            .pb-double--lg {
              padding-bottom: calc(var(--spacing) * 2);
            }
            .pl-double--lg {
              padding-left: calc(var(--spacing) * 2);
            }
            .pr-double--lg {
              padding-right: calc(var(--spacing) * 2);
            }
  
          .pv-double--lg {
              padding-top: calc(var(--spacing) * 2);
              padding-bottom: calc(var(--spacing) * 2)
          }
  
          .ph-double--lg {
              padding-left: calc(var(--spacing) * 2);
              padding-right: calc(var(--spacing) * 2)
          }
          .m-triple--lg {
            margin: calc(var(--spacing) * 3);
          }
            .mt-triple--lg {
              margin-top: calc(var(--spacing) * 3);
            }
            .mb-triple--lg {
              margin-bottom: calc(var(--spacing) * 3);
            }
            .ml-triple--lg {
              margin-left: calc(var(--spacing) * 3);
            }
            .mr-triple--lg {
              margin-right: calc(var(--spacing) * 3);
            }
  
          .mv-triple--lg {
              margin-top: calc(var(--spacing) * 3);
              margin-bottom: calc(var(--spacing) * 3)
          }
  
          .mh-triple--lg {
              margin-left: calc(var(--spacing) * 3);
              margin-right: calc(var(--spacing) * 3)
          }
          .p-triple--lg {
            padding: calc(var(--spacing) * 3);
          }
            .pt-triple--lg {
              padding-top: calc(var(--spacing) * 3);
            }
            .pb-triple--lg {
              padding-bottom: calc(var(--spacing) * 3);
            }
            .pl-triple--lg {
              padding-left: calc(var(--spacing) * 3);
            }
            .pr-triple--lg {
              padding-right: calc(var(--spacing) * 3);
            }
  
          .pv-triple--lg {
              padding-top: calc(var(--spacing) * 3);
              padding-bottom: calc(var(--spacing) * 3)
          }
  
          .ph-triple--lg {
              padding-left: calc(var(--spacing) * 3);
              padding-right: calc(var(--spacing) * 3)
          }
          .m-quartuple--lg {
            margin: calc(var(--spacing) * 4);
          }
            .mt-quartuple--lg {
              margin-top: calc(var(--spacing) * 4);
            }
            .mb-quartuple--lg {
              margin-bottom: calc(var(--spacing) * 4);
            }
            .ml-quartuple--lg {
              margin-left: calc(var(--spacing) * 4);
            }
            .mr-quartuple--lg {
              margin-right: calc(var(--spacing) * 4);
            }
  
          .mv-quartuple--lg {
              margin-top: calc(var(--spacing) * 4);
              margin-bottom: calc(var(--spacing) * 4)
          }
  
          .mh-quartuple--lg {
              margin-left: calc(var(--spacing) * 4);
              margin-right: calc(var(--spacing) * 4)
          }
          .p-quartuple--lg {
            padding: calc(var(--spacing) * 4);
          }
            .pt-quartuple--lg {
              padding-top: calc(var(--spacing) * 4);
            }
            .pb-quartuple--lg {
              padding-bottom: calc(var(--spacing) * 4);
            }
            .pl-quartuple--lg {
              padding-left: calc(var(--spacing) * 4);
            }
            .pr-quartuple--lg {
              padding-right: calc(var(--spacing) * 4);
            }
  
          .pv-quartuple--lg {
              padding-top: calc(var(--spacing) * 4);
              padding-bottom: calc(var(--spacing) * 4)
          }
  
          .ph-quartuple--lg {
              padding-left: calc(var(--spacing) * 4);
              padding-right: calc(var(--spacing) * 4)
          }
          .m-quintuple--lg {
            margin: calc(var(--spacing) * 5);
          }
            .mt-quintuple--lg {
              margin-top: calc(var(--spacing) * 5);
            }
            .mb-quintuple--lg {
              margin-bottom: calc(var(--spacing) * 5);
            }
            .ml-quintuple--lg {
              margin-left: calc(var(--spacing) * 5);
            }
            .mr-quintuple--lg {
              margin-right: calc(var(--spacing) * 5);
            }
  
          .mv-quintuple--lg {
              margin-top: calc(var(--spacing) * 5);
              margin-bottom: calc(var(--spacing) * 5)
          }
  
          .mh-quintuple--lg {
              margin-left: calc(var(--spacing) * 5);
              margin-right: calc(var(--spacing) * 5)
          }
          .p-quintuple--lg {
            padding: calc(var(--spacing) * 5);
          }
            .pt-quintuple--lg {
              padding-top: calc(var(--spacing) * 5);
            }
            .pb-quintuple--lg {
              padding-bottom: calc(var(--spacing) * 5);
            }
            .pl-quintuple--lg {
              padding-left: calc(var(--spacing) * 5);
            }
            .pr-quintuple--lg {
              padding-right: calc(var(--spacing) * 5);
            }
  
          .pv-quintuple--lg {
              padding-top: calc(var(--spacing) * 5);
              padding-bottom: calc(var(--spacing) * 5)
          }
  
          .ph-quintuple--lg {
              padding-left: calc(var(--spacing) * 5);
              padding-right: calc(var(--spacing) * 5)
          }
          .m-sixtuple--lg {
            margin: calc(var(--spacing) * 6);
          }
            .mt-sixtuple--lg {
              margin-top: calc(var(--spacing) * 6);
            }
            .mb-sixtuple--lg {
              margin-bottom: calc(var(--spacing) * 6);
            }
            .ml-sixtuple--lg {
              margin-left: calc(var(--spacing) * 6);
            }
            .mr-sixtuple--lg {
              margin-right: calc(var(--spacing) * 6);
            }
  
          .mv-sixtuple--lg {
              margin-top: calc(var(--spacing) * 6);
              margin-bottom: calc(var(--spacing) * 6)
          }
  
          .mh-sixtuple--lg {
              margin-left: calc(var(--spacing) * 6);
              margin-right: calc(var(--spacing) * 6)
          }
          .p-sixtuple--lg {
            padding: calc(var(--spacing) * 6);
          }
            .pt-sixtuple--lg {
              padding-top: calc(var(--spacing) * 6);
            }
            .pb-sixtuple--lg {
              padding-bottom: calc(var(--spacing) * 6);
            }
            .pl-sixtuple--lg {
              padding-left: calc(var(--spacing) * 6);
            }
            .pr-sixtuple--lg {
              padding-right: calc(var(--spacing) * 6);
            }
  
          .pv-sixtuple--lg {
              padding-top: calc(var(--spacing) * 6);
              padding-bottom: calc(var(--spacing) * 6)
          }
  
          .ph-sixtuple--lg {
              padding-left: calc(var(--spacing) * 6);
              padding-right: calc(var(--spacing) * 6)
          }
    }
  @media(min-width: 1200px) {
          .m-half--xl {
            margin: calc(var(--spacing) * 1/2);
          }
            .mt-half--xl {
              margin-top: calc(var(--spacing) * 1/2);
            }
            .mb-half--xl {
              margin-bottom: calc(var(--spacing) * 1/2);
            }
            .ml-half--xl {
              margin-left: calc(var(--spacing) * 1/2);
            }
            .mr-half--xl {
              margin-right: calc(var(--spacing) * 1/2);
            }
  
          .mv-half--xl {
              margin-top: calc(var(--spacing) * 1/2);
              margin-bottom: calc(var(--spacing) * 1/2)
          }
  
          .mh-half--xl {
              margin-left: calc(var(--spacing) * 1/2);
              margin-right: calc(var(--spacing) * 1/2)
          }
          .p-half--xl {
            padding: calc(var(--spacing) * 1/2);
          }
            .pt-half--xl {
              padding-top: calc(var(--spacing) * 1/2);
            }
            .pb-half--xl {
              padding-bottom: calc(var(--spacing) * 1/2);
            }
            .pl-half--xl {
              padding-left: calc(var(--spacing) * 1/2);
            }
            .pr-half--xl {
              padding-right: calc(var(--spacing) * 1/2);
            }
  
          .pv-half--xl {
              padding-top: calc(var(--spacing) * 1/2);
              padding-bottom: calc(var(--spacing) * 1/2)
          }
  
          .ph-half--xl {
              padding-left: calc(var(--spacing) * 1/2);
              padding-right: calc(var(--spacing) * 1/2)
          }
          .m-double--xl {
            margin: calc(var(--spacing) * 2);
          }
            .mt-double--xl {
              margin-top: calc(var(--spacing) * 2);
            }
            .mb-double--xl {
              margin-bottom: calc(var(--spacing) * 2);
            }
            .ml-double--xl {
              margin-left: calc(var(--spacing) * 2);
            }
            .mr-double--xl {
              margin-right: calc(var(--spacing) * 2);
            }
  
          .mv-double--xl {
              margin-top: calc(var(--spacing) * 2);
              margin-bottom: calc(var(--spacing) * 2)
          }
  
          .mh-double--xl {
              margin-left: calc(var(--spacing) * 2);
              margin-right: calc(var(--spacing) * 2)
          }
          .p-double--xl {
            padding: calc(var(--spacing) * 2);
          }
            .pt-double--xl {
              padding-top: calc(var(--spacing) * 2);
            }
            .pb-double--xl {
              padding-bottom: calc(var(--spacing) * 2);
            }
            .pl-double--xl {
              padding-left: calc(var(--spacing) * 2);
            }
            .pr-double--xl {
              padding-right: calc(var(--spacing) * 2);
            }
  
          .pv-double--xl {
              padding-top: calc(var(--spacing) * 2);
              padding-bottom: calc(var(--spacing) * 2)
          }
  
          .ph-double--xl {
              padding-left: calc(var(--spacing) * 2);
              padding-right: calc(var(--spacing) * 2)
          }
          .m-triple--xl {
            margin: calc(var(--spacing) * 3);
          }
            .mt-triple--xl {
              margin-top: calc(var(--spacing) * 3);
            }
            .mb-triple--xl {
              margin-bottom: calc(var(--spacing) * 3);
            }
            .ml-triple--xl {
              margin-left: calc(var(--spacing) * 3);
            }
            .mr-triple--xl {
              margin-right: calc(var(--spacing) * 3);
            }
  
          .mv-triple--xl {
              margin-top: calc(var(--spacing) * 3);
              margin-bottom: calc(var(--spacing) * 3)
          }
  
          .mh-triple--xl {
              margin-left: calc(var(--spacing) * 3);
              margin-right: calc(var(--spacing) * 3)
          }
          .p-triple--xl {
            padding: calc(var(--spacing) * 3);
          }
            .pt-triple--xl {
              padding-top: calc(var(--spacing) * 3);
            }
            .pb-triple--xl {
              padding-bottom: calc(var(--spacing) * 3);
            }
            .pl-triple--xl {
              padding-left: calc(var(--spacing) * 3);
            }
            .pr-triple--xl {
              padding-right: calc(var(--spacing) * 3);
            }
  
          .pv-triple--xl {
              padding-top: calc(var(--spacing) * 3);
              padding-bottom: calc(var(--spacing) * 3)
          }
  
          .ph-triple--xl {
              padding-left: calc(var(--spacing) * 3);
              padding-right: calc(var(--spacing) * 3)
          }
          .m-quartuple--xl {
            margin: calc(var(--spacing) * 4);
          }
            .mt-quartuple--xl {
              margin-top: calc(var(--spacing) * 4);
            }
            .mb-quartuple--xl {
              margin-bottom: calc(var(--spacing) * 4);
            }
            .ml-quartuple--xl {
              margin-left: calc(var(--spacing) * 4);
            }
            .mr-quartuple--xl {
              margin-right: calc(var(--spacing) * 4);
            }
  
          .mv-quartuple--xl {
              margin-top: calc(var(--spacing) * 4);
              margin-bottom: calc(var(--spacing) * 4)
          }
  
          .mh-quartuple--xl {
              margin-left: calc(var(--spacing) * 4);
              margin-right: calc(var(--spacing) * 4)
          }
          .p-quartuple--xl {
            padding: calc(var(--spacing) * 4);
          }
            .pt-quartuple--xl {
              padding-top: calc(var(--spacing) * 4);
            }
            .pb-quartuple--xl {
              padding-bottom: calc(var(--spacing) * 4);
            }
            .pl-quartuple--xl {
              padding-left: calc(var(--spacing) * 4);
            }
            .pr-quartuple--xl {
              padding-right: calc(var(--spacing) * 4);
            }
  
          .pv-quartuple--xl {
              padding-top: calc(var(--spacing) * 4);
              padding-bottom: calc(var(--spacing) * 4)
          }
  
          .ph-quartuple--xl {
              padding-left: calc(var(--spacing) * 4);
              padding-right: calc(var(--spacing) * 4)
          }
          .m-quintuple--xl {
            margin: calc(var(--spacing) * 5);
          }
            .mt-quintuple--xl {
              margin-top: calc(var(--spacing) * 5);
            }
            .mb-quintuple--xl {
              margin-bottom: calc(var(--spacing) * 5);
            }
            .ml-quintuple--xl {
              margin-left: calc(var(--spacing) * 5);
            }
            .mr-quintuple--xl {
              margin-right: calc(var(--spacing) * 5);
            }
  
          .mv-quintuple--xl {
              margin-top: calc(var(--spacing) * 5);
              margin-bottom: calc(var(--spacing) * 5)
          }
  
          .mh-quintuple--xl {
              margin-left: calc(var(--spacing) * 5);
              margin-right: calc(var(--spacing) * 5)
          }
          .p-quintuple--xl {
            padding: calc(var(--spacing) * 5);
          }
            .pt-quintuple--xl {
              padding-top: calc(var(--spacing) * 5);
            }
            .pb-quintuple--xl {
              padding-bottom: calc(var(--spacing) * 5);
            }
            .pl-quintuple--xl {
              padding-left: calc(var(--spacing) * 5);
            }
            .pr-quintuple--xl {
              padding-right: calc(var(--spacing) * 5);
            }
  
          .pv-quintuple--xl {
              padding-top: calc(var(--spacing) * 5);
              padding-bottom: calc(var(--spacing) * 5)
          }
  
          .ph-quintuple--xl {
              padding-left: calc(var(--spacing) * 5);
              padding-right: calc(var(--spacing) * 5)
          }
          .m-sixtuple--xl {
            margin: calc(var(--spacing) * 6);
          }
            .mt-sixtuple--xl {
              margin-top: calc(var(--spacing) * 6);
            }
            .mb-sixtuple--xl {
              margin-bottom: calc(var(--spacing) * 6);
            }
            .ml-sixtuple--xl {
              margin-left: calc(var(--spacing) * 6);
            }
            .mr-sixtuple--xl {
              margin-right: calc(var(--spacing) * 6);
            }
  
          .mv-sixtuple--xl {
              margin-top: calc(var(--spacing) * 6);
              margin-bottom: calc(var(--spacing) * 6)
          }
  
          .mh-sixtuple--xl {
              margin-left: calc(var(--spacing) * 6);
              margin-right: calc(var(--spacing) * 6)
          }
          .p-sixtuple--xl {
            padding: calc(var(--spacing) * 6);
          }
            .pt-sixtuple--xl {
              padding-top: calc(var(--spacing) * 6);
            }
            .pb-sixtuple--xl {
              padding-bottom: calc(var(--spacing) * 6);
            }
            .pl-sixtuple--xl {
              padding-left: calc(var(--spacing) * 6);
            }
            .pr-sixtuple--xl {
              padding-right: calc(var(--spacing) * 6);
            }
  
          .pv-sixtuple--xl {
              padding-top: calc(var(--spacing) * 6);
              padding-bottom: calc(var(--spacing) * 6)
          }
  
          .ph-sixtuple--xl {
              padding-left: calc(var(--spacing) * 6);
              padding-right: calc(var(--spacing) * 6)
          }
    }
  svg.primary-color {
    fill: #ff0044;
    fill: #ff0044;
    fill: var(--primary-color);
  }
  svg.secondary-color {
    fill: #25b3c3;
    fill: #25b3c3;
    fill: var(--secondary-color);
  }
  svg.accent-color {
    fill: #fcba28;
    fill: #fcba28;
    fill: var(--accent-color-1);
  }
  .secondary-color {
    color: #25b3c3;
    color: #25b3c3;
    color: var(--secondary-color);
  }
  .primary-color {
    color: #ff0044;
    color: #ff0044;
    color: var(--primary-color);
  }
  .accent-color {
    color: #fcba28;
    color: #fcba28;
    color: var(--accent-color-1);
  }
  .white-color {
    color: white
  }
  .white-color:after {
      background-color: inherit;
    }
  .bg-accent-color {
    background-color: #250044;
  }
  .reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .row-normal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .space-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .ai-flex-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .ai-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .ai-flex-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  /* Les classes qui serviront pour les interactions avec le javascript */
  .navigation.js-stick {
    /*top : -150px;*/
    top    : -250px;
    opacity: 0;
  }
  .navigation.js-logo {
    background-color: white;
  }
  .navigation.js-logo .logo svg {
        position  : relative;
        height    : 70px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
      }
  .navigation.js-logo .logo svg .group-text {
          -webkit-transform: scale(0);
                  transform: scale(0);
          opacity  : 0;
        }
  body.js-open-mobile {
    overflow: hidden;
  }
  .navigation.js-open-mobile .menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
  .navigation.js-open-mobile .logo .group-text {
        opacity: 0;
      }
  .navigation.js-open-mobile .logo .group-logo path {
          fill: white
        }
  .navigation.js-open-mobile .logo .group-logo path:last-of-type {
            opacity: 0;
          }
  .navigation.js-open-mobile .hamburger svg path {
          fill: #fff;
        }
  .navigation.js-open-mobile .hamburger svg text {
          opacity   : 0;
          visibility: hidden;
        }
  @media (min-width: 1000px) {
  .js-filter {
      margin-top: 20px
  }
    }
  .js-filter .js-filter-select {
      font-family: 'circle';
      margin-top : 20px;
      font-size  : 1.6rem;
      max-width  : 100%;
    }
  .js-filter .ss-main .ss-multi-selected {
      padding: 7px 0 7px 10px;
    }
  .js-filter .ss-content .ss-list .ss-option {
      padding: 7px 10px;
    }
  .js-filter .ss-main .ss-multi-selected .ss-values .ss-value {
      background-color: #ff0044;
      background-color: #ff0044;
      background-color: var(--primary-color);
      padding         : 0 10px;
    }
  .js-filter .ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete {
      padding: 8px;
    }
  .js-hide {
    visibility      : hidden;
    opacity         : 0;
    min-height      : 0;
    height          : 0;
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform       : scaleY(0);
            transform       : scaleY(0);
  }
  .btn.js-load-more:hover {
      cursor: pointer;
    }
  @media(min-width: 720px) {
      .js-filter .js-filter-select {
        /* max-width: 320px; */
      }
  
    .js-ptc-checkbox {
      position: relative;
      /* width   : 45%; */
    }
  
    .js-ptc-default-label {
      position        : relative;
      padding         : 15px 20px;
      margin          : 10px 0;
      background-color: #4b266a;
      background-color: #4b266a;
      background-color: var(--bg-field-color);
      color           : white;
      font-size       : 1.4rem
    }
  
      .js-ptc-default-label:after {
        content  : '+';
        position : absolute;
        right    : 20px;
        top      : 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
      }
  
      .js-ptc-default-label:hover {
        cursor: pointer;
      }
        .js-ptc-default-label.js-ptc-open:after {
          content: '-';
        }
  
    .js-ptc-value {
      /* display         : none; */
      position        : absolute;
      z-index         : 99;
      top             : 43px;
      background-color: #25b3c3;
      background-color: #25b3c3;
      background-color: var(--secondary-color);
      opacity         : 0.9;
      width           : 100%;
      min-height      : 200px;
      overflow-y      : auto;
    }
  
      .js-ptc-value .wpcf7-list-item {
        display: block;
        padding: 0;
        margin : 0;
      }
  
    .js-ptc-value label {
      display      : block;
      padding      : 10px 20px;
      color        : white;
      font-size    : 1.7rem;
      border-bottom: 1px solid rgba(238,238,238,0.2);
    }
  
    .js-ptc-value input[type="checkbox"] {
      margin-right: 20px;
    }
  
    .js-ptc-item-value {
      display         : inline-block;
      color           : white;
      padding         : 12px 20px;
      background-color: #4B266A;
      border-bottom   : 2px solid #25b3c3;
      border-bottom   : 2px solid #25b3c3;
      border-bottom   : 2px solid var(--secondary-color);
    }
  }
  .wpcf7 input[type="text"].js-mandatory, .wpcf7 input[type="tel"].js-mandatory, .wpcf7 input[type="email"].js-mandatory {
        border-bottom: 2px solid #ff0044;
        border-bottom: 2px solid #ff0044;
        border-bottom: 2px solid var(--primary-color);
      }
  .wpcf7 input[type="text"].js-allright, .wpcf7 input[type="tel"].js-allright, .wpcf7 input[type="email"].js-allright {
        border-bottom: 2px solid #25b3c3;
        border-bottom: 2px solid #25b3c3;
        border-bottom: 2px solid var(--secondary-color);
      }
  .js-ptc select {
      display: none;
    }
  .js-ptc {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    grid-gap: 10px;
  }
  .js-ptc-select {
      /* max-width   : 420px; */
      min-width: 250px;
      width: 100%;
      margin-right: 10px;
      position: relative;
    }
  .js-ptc-select-button {
        min-width: auto;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 70px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 52px
      }
  .js-ptc-select-button:hover {
          cursor: pointer;
        }
  .js-ptc-select-label {
        /* border          : 1px solid red; */
        font-size: 1.7rem;
        padding: 15px 20px;
        background-color: #f4f2f5;
        width: 100%;
        display: block;
        position: relative;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        background-color: #4b266a;
        background-color: #4b266a;
        background-color: var(--bg-field-color);
        color: rgba(255,255,255, .5);
      }
  .has-value .js-ptc-select-label {
          color: rgba(255,255,255, 1);
        }
  .wpcf7--light .js-ptc-select-label,
        .js-filter .js-ptc-select-label {
          color: rgba(37,0,68,.5);
          background-color: #f6f4f7;
        }
  .wpcf7--light .has-value .js-ptc-select-label,
        .js-filter .has-value .js-ptc-select-label {
          color: var(--font-main-color);
        }
  .js-ptc-select-label:hover {
          cursor: pointer;
          border-radius: 3px;
        }
  .js-ptc-select-label:after {
          content: "";
          position: absolute;
          right: 20px;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          display: block;
          width: 16px;
          height: 16px;
          background-image: url("assets/images/icons/arrow-bottom-small--text-color.svg");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center center;
        }
  .is-active .js-ptc-select-label:after {
            -webkit-transform: translateY(-50%) scaleY(-1);
                    transform: translateY(-50%) scaleY(-1);
          }
  .bg-accent-color .js-ptc-select-label:after {
            background-image: url("assets/images/icons/arrow-bottom-small--white.svg");
          }
  .js-ptc-select-list {
        position: absolute;
        display: block;
        /* border : 1px solid blue; */
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        top: 152px;
        opacity: 0;
        visibility: hidden;
        width: 100%;
        pointer-events: none;
        max-height: 50vh;
       overflow-y: auto;
      }
  .js-ptc-select-list-item {
        font-size: 1.6rem;
        padding: 15px 30px;
        background-color: #f4f2f5;
        border-bottom: 1px solid #e0e0e0;
      }
  .bg-accent-color .js-ptc-select-list-item {
          background-color: #4b266a;
          background-color: #4b266a;
          background-color: var(--bg-field-color);
          color: white;
          border-bottom: 1px solid rgba(0, 0, 0, 0.3);
        }
  .js-ptc-select-list-item:hover {
          cursor: pointer;
          background-color: #ececec;
        }
  .bg-accent-color .js-ptc-select-list-item:hover {
            background-color: #3b1859;
            color: white;
          }
  .js-ptc-select-list-item:active {
          background-color: #ececec;
        }
  .bg-accent-color .js-ptc-select-list-item:active {
            background-color: #3b1859;
          }
  .js-ptc-select-list-item:focus {
          background-color: #ececec;
        }
  .bg-accent-color .js-ptc-select-list-item:focus {
            background-color: #3b1859;
          }
  .js-ptc-select-list-item-selected {
          background-color: #ececec;
        }
  .bg-accent-color .js-ptc-select-list-item-selected {
            background-color: #3b1859;
          }
  .js-ptc-select-list-item span {
          font-weight: bold;
        }
  .js-ptc-select-show {
        /* display: block; */
        top: 52px;
        opacity: 1;
        visibility: visible;
        z-index: 3;
        pointer-events: auto;
      }
  .js-ptc-select-puce,
      .js-ptc-select-clear {
        margin-top: 20px;
        background-color: #fcf7ef;
        background-color: #fcf7ef;
        background-color: var(--sand-color);
        position: relative;
        padding: 10px 40px 10px 20px;
        display: inline-block;
        margin-right: 15px;
        font-size: 1.5rem;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        cursor: pointer
      }
  .js-ptc-select-puce::after, .js-ptc-select-clear::after {
          content: "";
          position: absolute;
          right: 13px;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          display: block;
          width: 9px;
          height: 9px;
          background-image: url("assets/images/icons/close--text-color.svg");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center center;
        }
  .js-ptc-select-puce:hover::after, .js-ptc-select-clear:hover::after {
            background-image: url("assets/images/icons/close--red.svg");
          }
  .bg-accent-color .js-ptc-select-puce, .bg-accent-color .js-ptc-select-clear {
          background-color: #4b266a;
          background-color: #4b266a;
          background-color: var(--bg-field-color);
          color: white;
        }
  .js-ptc-select-clear {
        color: #ff0044;
        color: #ff0044;
        color: var(--primary-color);
        background-color: transparent
      }
  .js-ptc-select-clear::after {
          background-image: url("assets/images/icons/close--red.svg");
        }
  .js-ptc-select-clear:hover {
          background-color: #ff0044;
          background-color: #ff0044;
          background-color: var(--primary-color);
          color: white
        }
  .js-ptc-select-clear:hover::after {
            background-image: url("assets/images/icons/close--text-color.svg");
          }
  .language-switcher img {
      margin-right: 5px;
      border-radius: 50%;
      width: 32px;
    }
  .language-switcher .submenu__box {
      -webkit-box-pack: end !important;
          -ms-flex-pack: end !important;
              justify-content: flex-end !important;
      width: 100% !important;
    }
  .language-switcher .submenu__box li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
      }
  .language-switcher .submenu__box li h4 {
          color: #ff0044;
          color: #ff0044;
          color: var(--primary-color);
        }
  .language-switcher .submenu__box li ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
        }
  .language-switcher .submenu__box li li {
          margin-left: 35px;
          font-size: 1.5rem;
        }
  .language-switcher .submenu__box li li a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            text-decoration: none;
            color: #ff0044;
            color: #ff0044;
            color: var(--primary-color);
          }
  .language-switcher .submenu__box li li.wpml-active-lang a {
            position: relative;
            color: #250044;
            color: #250044;
            color: var(--marine-color)
          }
  .language-switcher .submenu__box li li.wpml-active-lang a:before {
              content: "";
              position: absolute;
              height: 10px;
              right: 10px;
              -webkit-transform-origin: left center;
                      transform-origin: left center;
              -webkit-transform: scaleX(1);
                      transform: scaleX(1);
              background-color: #fcba28;
              background-color: #fcba28;
              background-color: var(--accent-color-1);
              bottom: 4px;
              left: 0;
              z-index: -1;
            }
  .language-switcher .submenu__box li li.wpml-active-lang img {
            border: 3px solid #fcba28;
            border: 3px solid #fcba28;
            border: 3px solid var(--accent-color-1);
          }
  .language-switcher-footer {
      margin-top: 80px
    }
  @media (min-width: 720px) {
  
    .language-switcher-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end
    }
      }
  .language-switcher-footer h4 {
        font-family: circle;
        font-size: 1.5rem;
        letter-spacing: 1px;
        font-weight: 600;
        text-transform: uppercase;
        color: #fcba28;
        color: #fcba28;
        color: var(--accent-color-1)
      }
  @media (min-width: 720px) {
  
      .language-switcher-footer h4 {
          margin: 0 10px
      }
        }
  .language-switcher-footer a {
        color: #ff0044;
        color: #ff0044;
        color: var(--primary-color);
        display: block;
        text-decoration: none;
        font-size: 1.5rem;
        margin: 10px 0
      }
  @media (min-width: 720px) {
  
      .language-switcher-footer a {
          display: inline-block;
          margin: 0 10px
      }
        }
  body {
    padding: 0;
    margin : 0;
  }
  .main {
    padding: 20px;
  }
  /* Header Navigation */
  .navigation {
    position        : fixed;
    top             : 0;
    width           : 100%;
    opacity         : 1;
    visibility      : visible;
    /*height:78px; // old value */
    height          : 74px;
    height          : 74px;
    height          : var(--menu-height);
    -webkit-transition      : all 0.7s;
    transition      : all 0.7s;
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -webkit-box-pack : justify;
        -ms-flex-pack : justify;
            justify-content : space-between;
    -ms-flex-wrap       : nowrap;
        flex-wrap       : nowrap;
    -webkit-box-align     : start;
        -ms-flex-align     : start;
            align-items     : flex-start;
    background-color: transparent;
    color           : white;
    z-index         : 1000;
    padding         : 10px 10px 0;
    padding         : 10px 10px 0;
    padding         : 10px var(--global-padding-h) 0
  }
  @media (min-width: 720px) {
  .navigation {
      padding: 30px 10px 0;
      padding: 30px 10px 0;
      padding: 30px var(--global-padding-h) 0
  }
    }
  .blurme {
    -webkit-filter: url("#myblurfilter')");
            filter: url("#myblurfilter')")
  }
  @media (max-width:720px) {
    .svg-only-destop {
      display: none;
    }
  }
  section {
    margin-bottom: 60px;
    margin-bottom: 60px;
    margin-bottom: var(--section-spacer-v);
  }
  .g-layout__box.bg-accent-color {
    position: relative;
    background-color: transparent
  }
  .g-layout__box.bg-accent-color::before {
      content:'';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      width: 110vw;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      z-index: -1;
      background-color: #250044;
      background-color: #250044;
      background-color: var(--accent-color-2);
    }
  .g-layout__box.bg-accent-color.g-layout__box--right::before {
      -webkit-transform: none;
              transform: none;
      right: 0;
      left: auto;
    }
  @media (max-width:719px) {
    .g-layout__box {
      padding-left: 10px;
      padding-left: 10px;
      padding-left: var(--global-padding-h);
      padding-right: 10px;
      padding-right: 10px;
      padding-right: var(--global-padding-h);
    }
  }
  @media (min-width:720px) {
  
    .g-layout {
      display              : grid;
      grid-template-columns: [full-start] minmax(calc(10px + 60px), 1fr) [center-start] repeat(12, [col-start] minmax(10px, 113px) [col-end]) [center-end] minmax(10px , 1fr) [full-end];
      grid-template-columns: [full-start] minmax(calc(10px + 60px), 1fr) [center-start] repeat(12, [col-start] minmax(10px, 113px) [col-end]) [center-end] minmax(10px , 1fr) [full-end];
      grid-template-columns: [full-start] minmax(calc(var(--global-padding-h) + 60px), 1fr) [center-start] repeat(12, [col-start] minmax(10px, 113px) [col-end]) [center-end] minmax(var(--global-padding-h) , 1fr) [full-end]
    }
  }
  @media (min-width:720px) and (min-width:1300px) {
  
    .g-layout {
        grid-template-columns: [full-start] minmax(calc(10px + 80px), 1fr) [center-start] repeat(12, [col-start] minmax(10px, 113px) [col-end]) [center-end] minmax(10px , 1fr) [full-end];
        grid-template-columns: [full-start] minmax(calc(10px + 80px), 1fr) [center-start] repeat(12, [col-start] minmax(10px, 113px) [col-end]) [center-end] minmax(10px , 1fr) [full-end];
        grid-template-columns: [full-start] minmax(calc(var(--global-padding-h) + 80px), 1fr) [center-start] repeat(12, [col-start] minmax(10px, 113px) [col-end]) [center-end] minmax(var(--global-padding-h) , 1fr) [full-end]
    }
      }
  @media (min-width:720px) {
  
      .g-layout__box {
        /* background-color:#99ccff; */
        grid-column: center-start / center-end;
      }
  
        .g-layout__box--fluid {
          /* background-color:grey; */
          grid-column: full-start/full-end;
        }
  
        .g-layout__box--left {
          /* background-color:blanchedalmond; */
          grid-column: full-start / center-end;
        }
  
        .g-layout__box--right {
          /* background-color: greenyellow; */
          grid-column: center-start / full-end;
        }
  }
  .f-layout {
    display        : -webkit-box;
    display        : -ms-flexbox;
    display        : flex;
    -webkit-box-orient      : horizontal;
    -webkit-box-direction      : normal;
        -ms-flex-flow      : row wrap;
            flex-flow      : row wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align    : stretch;
        -ms-flex-align    : stretch;
            align-items    : stretch;
  }
  .f-layout__item {
      -webkit-box-flex: 1;
          -ms-flex: 1 320px;
              flex: 1 320px;
    }
  .f-layout--reverse {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-flow: row-reverse wrap;
              flex-flow: row-reverse wrap;
    }
  .wrapper--small {
      max-width: 900px;
      margin-left: auto;
      margin-right: auto;
    }
  body #tarteaucitronRoot #tarteaucitronAlertBig {
      background-color: white;
      color           : #250044;
      color           : #250044;
      color           : var(--main-font-color);
      padding         : 20px 10px 16px;
    }
  body #tarteaucitronRoot #tarteaucitronDisclaimerAlert {
      color: #250044;
      color: #250044;
      color: var(--main-font-color);
    }
  body #tarteaucitronRoot button#tarteaucitronPersonalize,
    body #tarteaucitronRoot button.tarteaucitronAllow {
      display         : inline-block;
      position        : relative;
      padding         : 16px 25px;
      text-transform  : uppercase;
      text-decoration : none;
      font-size       : 1.4rem;
      letter-spacing  : 1px;
      font-weight     : 600;
      text-align      : center;
      border          : none;
      outline         : none;
      font-family     : 'circle';
      background-color: #ff0044;
      background-color: #ff0044;
      background-color: var(--primary-color);
      color           : #fff;
      color           : #fff;
      color           : var(--light-color);
      -webkit-box-shadow      : 4px 3px 30px rgba(255, 0, 68, .41);
              box-shadow      : 4px 3px 30px rgba(255, 0, 68, .41);
      -webkit-transform       : scale(.8);
              transform       : scale(.8);
    }
  body #tarteaucitronRoot #tarteaucitronCloseAlert,
    body #tarteaucitronRoot #tarteaucitronClosePanel {
      font-size     : 1.4rem;
      text-transform: uppercase;
      color         : #250044;
      color         : #250044;
      color         : var(--main-font-color);
      font-weight   : 600;
      letter-spacing: 1px;
      font-family   : 'circle';
      -webkit-transform     : scale(.8);
              transform     : scale(.8);
      outline       : none;
      -webkit-transition    : all 0.3s ease;
      transition    : all 0.3s ease
    }
  body #tarteaucitronRoot #tarteaucitronCloseAlert:hover, body #tarteaucitronRoot #tarteaucitronClosePanel:hover {
        color: #ff0044;
        color: #ff0044;
        color: var(--primary-color);
      }
  /* overflow: hidden !important; */
  body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset {
          background-color: #250044;
          background-color: #250044;
          background-color: var(--accent-color-2);
          border          : none;
        }
  body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronBorder {
          border: none;
        }
  body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronInfo {
          background: transparent;
          border    : none;
        }
  body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronH1 {
          font-family   : 'blogger' !important;
          font-size     : 2.4rem;
          font-weight   : 600;
          letter-spacing: 1px;
        }
  body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine {
          background-color: #fcba28;
          background-color: #fcba28;
          background-color: var(--accent-color-1);
        }
  body #tarteaucitronRoot #tarteaucitronClosePanel {
      background-color: transparent;
    }
  body #tarteaucitronRoot .tarteaucitronHidden {
      padding: 0 20px;
    }
  .slick-dots button{
  
      border: none;
      width: 10px;
      height: 10px;
      background-color: #250044;
      background-color: #250044;
      background-color: var(--marine-color);
      font-size: 0;
      display: block;
      padding: 0;
      text-indent: 99999px;
      margin: 10px;
      border-radius: 50%;
      outline: none
  
      }
  .slick-dots button:hover{
          cursor: pointer;
      }
  .slick-dots .slick-active button{
              background-color: #ff0044;
              background-color: #ff0044;
              background-color: var(--primary-color);
  
          }
  .js-slider-dots {
      outline: none;
      display:none !important;
  }
  .modal-open {
    overflow: hidden;
    height  : 100%;
  }
  #contentWrapper {
    display: unset;
  }
  #tarteaucitronManager {
    display: none;
  }
  /***
  * Reset CSS
  */
  #tarteaucitronRoot a,
  #tarteaucitronRoot abbr,
  #tarteaucitronRoot acronym,
  #tarteaucitronRoot address,
  #tarteaucitronRoot applet,
  #tarteaucitronRoot article,
  #tarteaucitronRoot aside,
  #tarteaucitronRoot audio,
  #tarteaucitronRoot b,
  #tarteaucitronRoot big,
  #tarteaucitronRoot blockquote,
  #tarteaucitronRoot canvas,
  #tarteaucitronRoot caption,
  #tarteaucitronRoot center,
  #tarteaucitronRoot cite,
  #tarteaucitronRoot code,
  #tarteaucitronRoot dd,
  #tarteaucitronRoot del,
  #tarteaucitronRoot details,
  #tarteaucitronRoot dfn,
  #tarteaucitronRoot div,
  #tarteaucitronRoot dl,
  #tarteaucitronRoot dt,
  #tarteaucitronRoot em,
  #tarteaucitronRoot embed,
  #tarteaucitronRoot fieldset,
  #tarteaucitronRoot figcaption,
  #tarteaucitronRoot figure,
  #tarteaucitronRoot footer,
  #tarteaucitronRoot form,
  #tarteaucitronRoot h1,
  #tarteaucitronRoot h2,
  #tarteaucitronRoot h3,
  #tarteaucitronRoot h4,
  #tarteaucitronRoot h5,
  #tarteaucitronRoot h6,
  #tarteaucitronRoot header,
  #tarteaucitronRoot hgroup,
  #tarteaucitronRoot i,
  #tarteaucitronRoot iframe,
  #tarteaucitronRoot img,
  #tarteaucitronRoot ins,
  #tarteaucitronRoot kbd,
  #tarteaucitronRoot label,
  #tarteaucitronRoot legend,
  #tarteaucitronRoot li,
  #tarteaucitronRoot mark,
  #tarteaucitronRoot menu,
  #tarteaucitronRoot nav,
  #tarteaucitronRoot object,
  #tarteaucitronRoot ol,
  #tarteaucitronRoot output,
  #tarteaucitronRoot p,
  #tarteaucitronRoot pre,
  #tarteaucitronRoot q,
  #tarteaucitronRoot ruby,
  #tarteaucitronRoot s,
  #tarteaucitronRoot samp,
  #tarteaucitronRoot section,
  #tarteaucitronRoot small,
  #tarteaucitronRoot span,
  #tarteaucitronRoot strike,
  #tarteaucitronRoot strong,
  #tarteaucitronRoot sub,
  #tarteaucitronRoot summary,
  #tarteaucitronRoot sup,
  #tarteaucitronRoot table,
  #tarteaucitronRoot tbody,
  #tarteaucitronRoot td,
  #tarteaucitronRoot tfoot,
  #tarteaucitronRoot th,
  #tarteaucitronRoot thead,
  #tarteaucitronRoot time,
  #tarteaucitronRoot tr,
  #tarteaucitronRoot tt,
  #tarteaucitronRoot u,
  #tarteaucitronRoot ul,
  #tarteaucitronRoot var,
  #tarteaucitronRoot video {
    margin        : 0;
    padding       : 0;
    border        : 0;
    font-size     : 100%;
    font          : inherit;
    vertical-align: baseline;
    /*background: initial;*/
    text-align    : left;
    text-align    : initial;
    text-shadow   : none;
    text-shadow   : initial;
  }
  /* HTML5 display-role reset for older browsers */
  #tarteaucitronRoot article,
  #tarteaucitronRoot aside,
  #tarteaucitronRoot details,
  #tarteaucitronRoot figcaption,
  #tarteaucitronRoot figure,
  #tarteaucitronRoot footer,
  #tarteaucitronRoot header,
  #tarteaucitronRoot hgroup,
  #tarteaucitronRoot menu,
  #tarteaucitronRoot nav,
  #tarteaucitronRoot section {
    display: block;
  }
  #tarteaucitronRoot ol,
  #tarteaucitronRoot ul {
    list-style: none;
  }
  #tarteaucitronRoot blockquote,
  #tarteaucitronRoot q {
    quotes: none;
  }
  #tarteaucitronRoot blockquote:after,
  #tarteaucitronRoot blockquote:before,
  #tarteaucitronRoot q:after,
  #tarteaucitronRoot q:before {
    content: '';
    content: none;
  }
  #tarteaucitronRoot table {
    border-collapse: collapse;
    border-spacing : 0;
  }
  #tarteaucitronRoot a:focus,
  #tarteaucitronRoot button:focus {
    /*outline: 2px solid #cb3333;*/
  }
  /***
   * Better scroll management
   */
  div#tarteaucitronMainLineOffset {
    margin-top: 0!important;
  }
  div#tarteaucitronServices {
    margin-top: 21px!important;
  }
  #tarteaucitronServices::-webkit-scrollbar {
    width: 5px;
  }
  #tarteaucitronServices::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
  }
  #tarteaucitronServices::-webkit-scrollbar-thumb {
    background-color: #ddd;
    outline         : 0 solid slategrey;
  }
  div#tarteaucitronServices {
    -webkit-box-shadow: 0 0 35px #575757;
            box-shadow: 0 0 35px #575757;
  }
  /***
   * Responsive layout for the control panel
   */
  @media screen and (max-width:479px) {
    #tarteaucitron .tarteaucitronLine .tarteaucitronName {
      width: 90% !important;
    }
  
    #tarteaucitron .tarteaucitronLine .tarteaucitronAsk {
      float : left !important;
      margin: 10px 15px 5px;
    }
  }
  @media screen and (max-width:767px) {
    #tarteaucitron,
    #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer {
      background: #fff;
      border    : 0 !important;
      bottom    : 0 !important;
      height    : 100% !important;
      left      : 0 !important;
      margin    : 0 !important;
      max-height: 100% !important;
      max-width : 100% !important;
      top       : 0 !important;
      width     : 100% !important;
    }
  
    #tarteaucitron .tarteaucitronBorder {
      border: 0 !important;
    }
  
    #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
      border: 0 !important;
    }
  
    #tarteaucitron #tarteaucitronServices .tarteaucitronTitle {
      text-align: left !important;
    }
  
    .tarteaucitronName .tarteaucitronH2 {
      max-width: 80%;
    }
  
    #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
      text-align: center !important;
    }
  
    #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button {
      margin-bottom: 5px;
    }
  }
  @media screen and (min-width:768px) and (max-width:991px) {
    #tarteaucitron {
      border    : 0 !important;
      left      : 0 !important;
      margin    : 0 5% !important;
      max-height: 80% !important;
      width     : 90% !important;
    }
  }
  /***
   * Common value
   */
  #tarteaucitron * {
    zoom: 1;
  }
  #tarteaucitronRoot div#tarteaucitron {
    left  : 0;
    right : 0;
    margin: auto;
  }
  #tarteaucitronRoot button#tarteaucitronBack {
    background: #eee;
  }
  #tarteaucitron .clear {
    clear: both;
  }
  #tarteaucitron a {
    color          : rgb(66, 66, 66);
    font-size      : 11px;
    font-weight    : 700;
    text-decoration: none;
  }
  #tarteaucitronRoot button {
    background: transparent;
    border    : 0;
  }
  #tarteaucitronAlertBig a,
  #tarteaucitronAlertBig strong,
  #tarteaucitronAlertSmall a,
  #tarteaucitronAlertSmall strong {
    color: #fff;
  }
  #tarteaucitron strong {
    font-size  : 22px;
    font-weight: 500;
  }
  #tarteaucitron ul {
    padding: 0;
  }
  #tarteaucitron .tarteaucitronH1,
  #tarteaucitron .tarteaucitronH2,
  #tarteaucitron .tarteaucitronH3,
  #tarteaucitron .tarteaucitronH4,
  #tarteaucitron .tarteaucitronH5,
  #tarteaucitron .tarteaucitronH6 {
    display: block;
  }
  .cookie-list {
    list-style: none;
    padding   : 0;
    margin    : 0;
  }
  /***
   * Root div added just before </body>
   */
  #tarteaucitronRoot {
    left    : 0;
    position: absolute;
    right   : 0;
    top     : 0;
    width   : 100%;
  }
  #tarteaucitronRoot * {
    -webkit-box-sizing    : content-box;
            box-sizing    : content-box;
    -webkit-box-sizing    : initial;
            box-sizing    : initial;
    color         : #333;
    font-family   : sans-serif !important;
    font-size     : 14px;
    line-height   : normal;
    vertical-align: baseline;
    vertical-align: initial;
  }
  #tarteaucitronRoot .tarteaucitronH1 {
    font-size : 1.5em;
    text-align: center;
    color     : #fff;
    margin    : 15px 0 28px;
  }
  #tarteaucitronRoot .tarteaucitronH2 {
    display: inline-block;
    margin : 12px 0 0 10px;
    color  : #fff;
  }
  #tarteaucitronCookiesNumberBis.tarteaucitronH2 {
    margin-left: 0;
  }
  /***
   * Control panel
   */
  #tarteaucitronBack {
    background: #fff;
    display   : none;
    height    : 100%;
    left      : 0;
    opacity   : 0.7;
    position  : fixed;
    top       : 0;
    width     : 100%;
    z-index   : 2147483646;
  }
  #tarteaucitron {
    display   : none;
    max-height: 80%;
    left      : 50%;
    margin    : 0 auto 0 -430px;
    padding   : 0;
    position  : fixed;
    top       : 6%;
    width     : 860px;
    z-index   : 2147483647;
  }
  #tarteaucitron .tarteaucitronBorder {
    background: #fff;
    border    : 2px solid #333;
    border-top: 0;
    height    : auto;
    overflow  : auto;
  }
  #tarteaucitron #tarteaucitronClosePanel,
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie {
    background     : #333333;
    color          : #fff;
    cursor         : pointer;
    font-size      : 12px;
    font-weight    : 700;
    text-decoration: none;
    padding        : 4px 0;
    position       : absolute;
    right          : 0;
    text-align     : center;
    width          : 70px;
  }
  #tarteaucitron #tarteaucitronDisclaimer {
    color    : #555;
    font-size: 12px;
    margin   : 15px auto 0;
    width    : 80%;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronHidden,
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,
  .tarteaucitronSelfLink {
    background: rgba(51, 51, 51, 0.07);
  }
  a.tarteaucitronSelfLink {
    text-align: center!important;
    padding   : 7px!important !important;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
    display : none;
    position: relative;
  }
  #tarteaucitronCookiesList .tarteaucitronH3.tarteaucitronTitle {
    width     : 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #tarteaucitron #tarteaucitronInfo,
  #tarteaucitron #tarteaucitronServices .tarteaucitronDetails,
  #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {
    color      : #fff;
    display    : inline-block;
    font-size  : 14px;
    font-weight: 700;
    margin     : 20px 0 0;
    padding    : 5px 20px;
    text-align : left;
    width      : auto;
    background : #333;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a,
  #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
    color      : #fff;
    font-weight: 500;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a:hover,
  #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a:hover {
    text-decoration: none !important;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a {
    font-size: 22px;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
    font-size: 14px;
  }
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {
    padding: 5px 10px;
    margin : 0;
  }
  #tarteaucitron #tarteaucitronInfo,
  #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
    color      : #fff;
    display    : none;
    font-size  : 12px;
    font-weight: 500;
    margin-top : 0;
    max-width  : 270px;
    padding    : 20px;
    position   : absolute;
    z-index    : 2147483647;
  }
  #tarteaucitron #tarteaucitronInfo a {
    color          : #fff;
    text-decoration: underline;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {
    background: rgba(51, 51, 51, 0.2);
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine {
    background : rgba(51, 51, 51, 0.1);
    border-left: 5px solid transparent;
    margin     : 0;
    overflow   : hidden;
    padding    : 15px 5px;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed {
    border-color: #1B870B;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {
    border-color: #9C1A1A;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    background   : #333;
    border       : 3px solid #333;
    border-left  : 9px solid #333;
    border-top   : 5px solid #333;
    margin-bottom: 0;
    margin-top   : 21px;
    position     : relative;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
    background: #333;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName {
    margin-left: 15px;
    margin-top : 2px;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName button {
    color: #fff;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {
    margin-top: 0 !important;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
    display    : inline-block;
    float      : left;
    margin-left: 10px;
    text-align : left;
    width      : 50%;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a:hover {
    text-decoration: underline;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
    display   : inline-block;
    float     : right;
    margin    : 7px 15px 0;
    text-align: right;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
  .tac_activate .tarteaucitronAllow {
    background     : gray;
    border-radius  : 4px;
    color          : #fff;
    cursor         : pointer;
    display        : inline-block;
    padding        : 6px 10px;
    text-align     : center;
    text-decoration: none;
    width          : auto;
    border         : 0;
  }
  #tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected {
    background-color: #1B870B;
    opacity         : 1;
  }
  #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected {
    background-color: #9C1A1A;
    opacity         : 1;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow {
    background-color: #1B870B;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
    background-color: #9C1A1A;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {
    color    : #333;
    font-size: 12px;
  }
  #tarteaucitron .tarteaucitronH3 {
    font-size: 18px;
  }
  #tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName {
    width      : auto!important;
    margin-left: 0!important;
    font-size  : 14px;
  }
  /***
   * Big alert
   */
  .tarteaucitronAlertBigTop {
    top: 0;
  }
  .tarteaucitronAlertBigBottom {
    bottom: 0;
  }
  #tarteaucitronRoot #tarteaucitronAlertBig {
    background: #333;
    color     : #fff;
    display   : none;
    font-size : 15px !important;
    left      : 0;
    position  : fixed;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    z-index   : 2147483645;
    text-align: center;
    padding   : 10px;
    margin    : auto;
    width     : 100%;
  }
  #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
  #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong,
  #tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
  #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog {
    font : 15px verdana;
    color: #fff;
  }
  #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
    font-weight: 700;
  }
  #tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
  #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog {
    cursor: pointer;
  }
  #tarteaucitron #tarteaucitronPrivacyUrl,
  #tarteaucitron #tarteaucitronPrivacyUrlDialog,
  #tarteaucitronAlertBig #tarteaucitronCloseAlert,
  #tarteaucitronAlertBig #tarteaucitronPersonalize {
    background     : #008300;
    color          : #fff;
    cursor         : pointer;
    display        : inline-block;
    font-size      : 16px;
    padding        : 5px 10px;
    text-decoration: none;
    margin-left    : 7px;
  }
  #tarteaucitron #tarteaucitronPrivacyUrl,
  #tarteaucitron #tarteaucitronPrivacyUrlDialog,
  #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    background   : #fff;
    color        : #333;
    font-size    : 13px;
    margin-bottom: 3px;
    margin-left  : 7px;
    padding      : 4px 10px;
  }
  #tarteaucitronPercentage {
    background: #0A0!important;
    -webkit-box-shadow: 0 0 2px #fff, 0 1px 2px #555;
            box-shadow: 0 0 2px #fff, 0 1px 2px #555;
    height    : 5px;
    left      : 0;
    position  : fixed;
    width     : 0;
    z-index   : 2147483644;
  }
  /***
   * Small alert
   */
  .tarteaucitronAlertSmallBottom,
  .tarteaucitronAlertSmallTop {
    bottom: 0;
  }
  #tarteaucitronAlertSmall {
    background: #333;
    display   : none;
    padding   : 0;
    position  : fixed;
    right     : 0;
    text-align: center;
    width     : auto;
    z-index   : 2147483646;
  }
  #tarteaucitronAlertSmall #tarteaucitronManager {
    color    : #fff;
    cursor   : pointer;
    display  : inline-block;
    font-size: 11px !important;
    padding  : 8px 10px;
  }
  #tarteaucitronAlertSmall #tarteaucitronManager:hover {
    background: rgba(255, 255, 255, 0.05);
  }
  #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {
    background-color: gray;
    border-radius   : 5px;
    display         : block;
    height          : 8px;
    margin-bottom   : 1px;
    margin-top      : 5px;
    overflow        : hidden;
    width           : 100%;
  }
  #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen,
  #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed,
  #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow {
    display: block;
    float  : left;
    height : 100%;
    width  : 0;
  }
  #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {
    background-color: #1B870B;
  }
  #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow {
    background-color: #FBDA26;
  }
  #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
    background-color: #9C1A1A;
  }
  #tarteaucitronAlertSmall #tarteaucitronCookiesNumber {
    background    : rgba(255, 255, 255, 0.2);
    color         : #fff;
    cursor        : pointer;
    display       : inline-block;
    font-size     : 30px;
    padding       : 0 10px;
    vertical-align: top;
  }
  #tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover {
    background: rgba(255, 255, 255, 0.3);
  }
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer {
    display   : none;
    max-height: 70%;
    max-width : 500px;
    position  : fixed;
    right     : 0;
    width     : 100%;
  }
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
    background: #fff;
    border    : 2px solid #333;
    color     : #333;
    font-size : 11px;
    height    : auto;
    overflow  : auto;
    text-align: left;
  }
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList strong {
    color: #333;
  }
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle {
    background: #333;
    margin-top: 21px;
    padding   : 13px 0 9px 13px;
    text-align: left;
  }
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle strong {
    color    : #fff;
    font-size: 16px;
  }
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain {
    background: rgba(51, 51, 51, 0.1);
    padding   : 7px 5px 10px;
    word-wrap : break-word;
  }
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover {
    background: rgba(51, 51, 51, 0.2);
  }
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain a {
    color          : #333;
    text-decoration: none;
  }
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft {
    display: inline-block;
    width  : 50%;
  }
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft a strong {
    color: darkred;
  }
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListRight {
    color         : #333;
    display       : inline-block;
    font-size     : 11px;
    margin-left   : 10%;
    vertical-align: top;
    width         : 30%;
  }
  /***
   * Fallback activate link
   */
  .tac_activate {
    background : #333;
    color      : #fff;
    display    : table;
    font-size  : 12px;
    height     : 100%;
    line-height: normal;
    line-height: initial;
    margin     : auto;
    text-align : center;
    width      : 100%;
  }
  .tac_float {
    display       : table-cell;
    text-align    : center;
    vertical-align: middle;
  }
  .tac_activate .tac_float strong {
    color: #fff;
  }
  .tac_activate .tac_float .tarteaucitronAllow {
    background-color: #1B870B;
    display         : inline-block;
  }
  /***
   * CSS for services
   */
  ins.adsbygoogle,
  ins.ferank-publicite {
    text-decoration: none;
  }
  div.amazon_product {
    height: 240px;
    width : 120px;
  }
  .tarteaucitronIsAllowed .tarteaucitronDeny {
    opacity: 0.4!important;
  }
  .tarteaucitronIsDenied .tarteaucitronAllow {
    opacity: 0.4!important;
  }
  .tarteaucitronIsAllowed .tarteaucitronAllow {
    opacity: 1!important;
  }
  .tarteaucitronIsDenied .tarteaucitronDeny {
    opacity: 1!important;
  }
  .tarteaucitronLine .tarteaucitronAllow,
  .tarteaucitronLine .tarteaucitronDeny {
    opacity: 0.4;
  }
  div#tarteaucitronInfo {
    display      : block!important;
    position     : relative !important;
    text-align   : center!important;
    max-width    : 80%!important;
    padding      : 15px 0!important !important;
    margin       : -10px auto 40px!important !important;
    font-size    : 1em!important;
    border-bottom: 1px solid;
    border-top   : 1px solid;
    border-color : #555;
  }
  a.tarteaucitronSelfLink {
    position      : absolute;
    left          : 0;
    right         : 0;
    padding-top   : 13px!important;
    display       : block;
    text-shadow   : 0 0 14px white;
    text-transform: uppercase;
  }
  .tarteaucitronMainLine .tarteaucitronH2 {
    font-size : 1.2em!important;
    margin-top: 4px!important;
  }
  span.tarteaucitronTitle.tarteaucitronH3 {
    margin-top: 12px!important;
  }
  form select{
          max-width:320px;
      }
  /*Slim select*/
  /* .js-filter  .ss-content .ss-list .ss-option {
      padding: 16px 20px;
    }
  
    .js-filter  .ss-main .ss-multi-selected {
      padding: 10px 0 10px 3px;
    }
     */
  .full-width {
    width    : 100%;
    max-width: 100%;
  }
  .bandeau {
    position: relative;
    padding : 120px 0
  }
  .bandeau:after {
      content         : '';
      position        : absolute;
      width           : 100vw;
      height          : 100%;
      background-color: #fcf7ef;
      background-color: #fcf7ef;
      background-color: var(--sand-color);
      left            : 50%;
      top             : 50%;
      -webkit-transform       : translate(-50%, -50%);
              transform       : translate(-50%, -50%);
      z-index         : -1;
    }
  .text--uc {
    text-transform: uppercase;
  }
  .plyr {
    --plyr-color-main : var(--primary-color);
  }
  .plyr.plyr--stopped .plyr__controls { 
    display: none
   }
  /*
  .plyr--video {
    width        : 100%;
  }
  
  .plyr--video.half {
    max-width: 50%;
  }
  */
  .js-contact-forms-wrapper > div.wpcf7,
  .js-contact-forms-wrapper > div.hbspt-form-container {
    display  : none;
    margin   : 0 auto;
    max-width: 920px;
  }
  .js-contact-forms-wrapper > div.wpcf7.active,
  .js-contact-forms-wrapper > div.hbspt-form-container.active {
    display: block;
  }
  @media (min-width:720px) {
    .bg-image-multiple {
      /*double*/
      background-size    : cover !important;
      background-position: left top, right, top !important;
      background-repeat  : no-repeat !important;
      z-index            : -3;
    }
  
    .max-w-460 {
      max-width: 460px;
    }
  
    .max-w-container {
      width: 100%;
      max-width: 1366px;
      max-width: 1366px;
      max-width: var(--wrapper-width);
      padding-left: calc(10px + 60px);
      padding-left: calc(10px + 60px);
      padding-left: calc(var(--global-padding-h) + 60px);
      padding-right: 10px;
      padding-right: 10px;
      padding-right: var(--global-padding-h);
    }
  
    .center-auto {
      margin: 0 auto;
    }
  }
  .form__container {
    width: 100%;
    display: grid
  }
  @media (min-width: 1000px) {
  .form__container {
      grid-template-columns: 300px 1fr;
      grid-gap: var(--spacing)
  }
    }
  /* .wpcf7--light.g-layout__box {
    padding-top: 0;
    padding-bottom: 0;
  } */
  .wpcf7 {
    /* padding  : 20px; */
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .wpcf7__wrapper {
      display: grid;
      grid-template-columns: 100%;
      grid-gap: 20px
    }
  @media (min-width: 900px) {
  
    .wpcf7__wrapper {
        grid-gap: 40px
    }
      }
  @media (min-width: 600px) {
  
    .wpcf7__wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
      }
  .wpcf7__item--btn input {
          cursor: pointer;
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          border-radius: 0;
        }
  .wpcf7__item--btn::after {
          content: "";
          background-image: url("assets/images/icons/arrow--yellow.svg");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center center;
          width: 26px;
          height: 26px;
          display: block;
          position: absolute;
          left: 20px;
          top: 50%;
          z-index: 1;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          pointer-events: none;
        }
  .wpcf7__item--file label {
          position: relative;
          width: 100%;
          border: solid red;
          font-family: "circle";
          font-size: 1.6rem;
          line-height: 3rem;
        }
  .wpcf7__item--file .wpcf7-form-control-wrap,
        .wpcf7__item--file input[type="file"] {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          opacity: 0;
        }
  .wpcf7__item.full-width {
        grid-column: 1 / -1;
      }
  .wpcf7 input[type="text"],
    .wpcf7 input[type="email"],
    .wpcf7 input[type="tel"],
    .wpcf7 textarea,
    .wpcf7 .wpcf7__item--file label {
      width: 100%;
      display: block;
      padding: 15px 20px;
      background-color: #4b266a;
      background-color: #4b266a;
      background-color: var(--bg-field-color);
      color: #fff;
      color: #fff;
      color: var(--light-color);
      border: none;
      outline: none;
      margin: 0 0;
      -webkit-transition: border 0.3s;
      transition: border 0.3s
    }
  .wpcf7 input[type="text"]::-moz-placeholder, .wpcf7 input[type="email"]::-moz-placeholder, .wpcf7 input[type="tel"]::-moz-placeholder, .wpcf7 textarea::-moz-placeholder, .wpcf7 .wpcf7__item--file label::-moz-placeholder {
        font-weight: 100;
        font-family: "circle";
        color: #fff;
        color: #fff;
        color: var(--light-color);
        opacity: 0.5;
      }
  .wpcf7 input[type="text"]:-ms-input-placeholder, .wpcf7 input[type="email"]:-ms-input-placeholder, .wpcf7 input[type="tel"]:-ms-input-placeholder, .wpcf7 textarea:-ms-input-placeholder, .wpcf7 .wpcf7__item--file label:-ms-input-placeholder {
        font-weight: 100;
        font-family: "circle";
        color: #fff;
        color: #fff;
        color: var(--light-color);
        opacity: 0.5;
      }
  input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .wpcf7__item--file label::-webkit-input-placeholder {
        font-weight: 100;
        font-family: "circle";
        color: #fff;
        color: #fff;
        color: var(--light-color);
        opacity: 0.5;
      }
  input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, textarea::-moz-placeholder, .wpcf7__item--file label::-moz-placeholder {
        font-weight: 100;
        font-family: "circle";
        color: #fff;
        color: #fff;
        color: var(--light-color);
        opacity: 0.5;
      }
  input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, textarea:-ms-input-placeholder, .wpcf7__item--file label:-ms-input-placeholder {
        font-weight: 100;
        font-family: "circle";
        color: #fff;
        color: #fff;
        color: var(--light-color);
        opacity: 0.5;
      }
  input[type="text"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, textarea::-ms-input-placeholder, .wpcf7__item--file label::-ms-input-placeholder {
        font-weight: 100;
        font-family: "circle";
        color: #fff;
        color: #fff;
        color: var(--light-color);
        opacity: 0.5;
      }
  .wpcf7 input[type="text"]::placeholder, .wpcf7 input[type="email"]::placeholder, .wpcf7 input[type="tel"]::placeholder, .wpcf7 textarea::placeholder, .wpcf7 .wpcf7__item--file label::placeholder {
        font-weight: 100;
        font-family: "circle";
        color: #fff;
        color: #fff;
        color: var(--light-color);
        opacity: 0.5;
      }
  .wpcf7 select {
      display: none;
      /*select.js in use*/
      width: 100%;
    }
  .wpcf7 input[type="checkbox"] {
      color: #fff;
      color: #fff;
      color: var(--light-color);
      position: absolute;
      pointer-events: none;
      opacity: 0
    }
  .wpcf7 input[type="checkbox"] + .wpcf7-list-item-label {
        position: relative;
        display: block;
        padding-left: 50px;
        font-size: 0.8em;
        line-height: 1;
        cursor: pointer
      }
  @media (min-width: 700px) {
  
      .wpcf7 input[type="checkbox"] + .wpcf7-list-item-label {
          width: 80%
      }
        }
  .wpcf7 input[type="checkbox"] + .wpcf7-list-item-label::before {
          content: "";
          position: absolute;
          top: 5px;
          left: -5px;
          display: block;
          width: 40px;
          height: 20px;
          border-radius: 50px;
          background-color: #f4f2f5;
        }
  .wpcf7 input[type="checkbox"] + .wpcf7-list-item-label::after {
          content: "";
          position: absolute;
          top: 7px;
          left: -3px;
          display: block;
          width: 16px;
          height: 16px;
          border-radius: 50px;
          background-color: #ff0044;
          background-color: #ff0044;
          background-color: var(--primary-color);
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
        }
  .wpcf7 input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
            background-color: #25b3c3;
            background-color: #25b3c3;
            background-color: var(--secondary-color);
            left: 16px;
          }
  .bg-accent-color .wpcf7 input[type="checkbox"] + .wpcf7-list-item-label {
          color: white
        }
  .bg-accent-color .wpcf7 input[type="checkbox"] + .wpcf7-list-item-label:before {
            background-color: #4b266a;
            background-color: #4b266a;
            background-color: var(--bg-field-color);
          }
  .wpcf7__drag-drop {
      color: #fff;
      color: #fff;
      color: var(--light-color);
    }
  .wpcf7__drag-drop a {
        color: inherit;
        text-decoration: none;
      }
  /* h2 {
        color: var(--primary-color);
      } */
  .wpcf7--light input[type="text"],
      .wpcf7--light input[type="email"],
      .wpcf7--light input[type="tel"],
      .wpcf7--light textarea,
      .wpcf7--light .wpcf7__item--file label {
        background-color: #f6f4f7;
        color: var(--font-main-color)
      }
  .wpcf7--light input[type="text"]::-moz-placeholder, .wpcf7--light input[type="email"]::-moz-placeholder, .wpcf7--light input[type="tel"]::-moz-placeholder, .wpcf7--light textarea::-moz-placeholder, .wpcf7--light .wpcf7__item--file label::-moz-placeholder {
          color: var(--font-main-color) !important;
        }
  .wpcf7--light input[type="text"]:-ms-input-placeholder, .wpcf7--light input[type="email"]:-ms-input-placeholder, .wpcf7--light input[type="tel"]:-ms-input-placeholder, .wpcf7--light textarea:-ms-input-placeholder, .wpcf7--light .wpcf7__item--file label:-ms-input-placeholder {
          color: var(--font-main-color) !important;
        }
  input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .wpcf7__item--file label::-webkit-input-placeholder {
          color: var(--font-main-color) !important;
        }
  input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, textarea::-moz-placeholder, .wpcf7__item--file label::-moz-placeholder {
          color: var(--font-main-color) !important;
        }
  input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, textarea:-ms-input-placeholder, .wpcf7__item--file label:-ms-input-placeholder {
          color: var(--font-main-color) !important;
        }
  input[type="text"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, textarea::-ms-input-placeholder, .wpcf7__item--file label::-ms-input-placeholder {
          color: var(--font-main-color) !important;
        }
  .wpcf7--light input[type="text"]::placeholder, .wpcf7--light input[type="email"]::placeholder, .wpcf7--light input[type="tel"]::placeholder, .wpcf7--light textarea::placeholder, .wpcf7--light .wpcf7__item--file label::placeholder {
          color: var(--font-main-color) !important;
        }
  .wpcf7--light input[type="checkbox"] {
        color: black;
      }
  /* .js-ptc-default-label {
        background-color: #f6f4f7;
        color: var(--font-main-color);
      } */
  .wpcf7--light .js-ptc-value {
        background-color: #f6f4f7;
      }
  .wpcf7--light .js-ptc-value * {
          color: var(--font-main-color);
        }
  .wpcf7--light .js-ptc-value .wpcf7-list-item {
          border-bottom: 1px solid white
        }
  .wpcf7--light .js-ptc-value .wpcf7-list-item:hover {
            background-color: #f3f3f3;
          }
  .wpcf7--light .wpcf7__drag-drop {
        color: var(--font-main-color);
      }
  .wpcf7--light .wpcf7__drag-drop .codedropz-upload-handler {
          border-color: var(--font-main-color);
        }
  .wpcf7 p:empty {
      display: none !important;
    }
  .wpcf7 .wpcf7-form-control-wrap {
      position: relative;
      display: block;
    }
  /*CHANGE DEFAULT STYLE RULES TO A RESPONSE MESSAGE */
  .wpcf7 form .wpcf7-response-output {
      /* Blue */
      border: none;
      color: #250044;
      color: #250044;
      color: var(--main-font-color);
      font-size: 1.4rem;
      margin: 0;
      padding: 0;
      margin-top: 20px;
    }
  .bg-accent-color .wpcf7 form .wpcf7-response-output {
        color: white;
      }
  .wpcf7 form.invalid .wpcf7-response-output {
      color: #ff0044;
      color: #ff0044;
      color: var(--primary-color);
    }
  .wpcf7 form.sent .wpcf7-response-output {
      color: #25b3c3;
      color: #25b3c3;
      color: var(--secondary-color);
    }
  .wpcf7__item {
    position: relative;
  }
  .wpcf7__item span[role="alert"] {
      position: absolute;
      left: 0;
      top: 100%;
    }
  .wpcf7 form .wpcf7-not-valid-tip {
    font-size: 1.4rem;
    color: #ff0044;
    color: #ff0044;
    color: var(--primary-color);
  }
  .wpcf7--light .hbspt-form {
    --bg-field-color: #f6f4f7;
    color: var(--font-main-color);
  }
  .hbspt-form {
    color: white;
  }
  .wpcf7--light .hbspt-form-container .title {
        color: #ff0044;
        color: #ff0044;
        color: var(--primary-color);
      }
  .hbspt-form form {
      display: grid;
      grid-template-columns: 100%;
      grid-gap: 20px
    }
  .hbspt-form form > * {
        grid-column: 1 / -1;
      }
  .hbspt-form form {
  
      /* End <form> */
    }
  .hbspt-form form .form-columns-2 {
        display: grid;
        grid-template-columns: 100%;
        grid-gap: 20px
      }
  @media (min-width: 900px) {
  
      .hbspt-form form .form-columns-2 {
          grid-gap: 40px
      }
        }
  @media (min-width: 600px) {
  
      .hbspt-form form .form-columns-2 {
          grid-template-columns: repeat(2, 1fr)
      }
        }
  .hbspt-form form fieldset {
        border: none;
        padding: 0;
        margin: 0;
        position: relative;
        max-width: none;
      }
  .hbspt-form form fieldset .hs-field-desc {
          font-size: 1.4rem;
          opacity: 0.5;
          margin-top: -20px;
        }
  .hbspt-form form fieldset .input {
          margin-right: 0 !important;
        }
  .hbspt-form form fieldset .hs-form-field {
          width: 100% !important;
        }
  .hbspt-form form fieldset .hs-input {
          width: 100% !important;
        }
  .hbspt-form form h1 {
        display: none;
      }
  .hbspt-form form div:not(.hs-fieldtype-date) input[type="text"],
      .hbspt-form form input[type="email"],
      .hbspt-form form input[type="tel"],
      .hbspt-form form select,
      .hbspt-form form textarea {
        width: 100%;
        max-width: none;
        display: block;
        padding: 15px 20px;
        background-color: #4b266a;
        background-color: #4b266a;
        background-color: var(--bg-field-color);
        color: #fff;
        color: #fff;
        color: var(--light-color);
        border: none;
        outline: none;
        margin: 0 0;
        -webkit-transition: border 0.3s;
        transition: border 0.3s;
      }
  .wpcf7--light .hbspt-form form div:not(.hs-fieldtype-date) input[type="text"], .wpcf7--light .hbspt-form form input[type="email"], .wpcf7--light .hbspt-form form input[type="tel"], .wpcf7--light .hbspt-form form select, .wpcf7--light .hbspt-form form textarea {
          color: var(--font-main-color);
        }
  .hbspt-form form div:not(.hs-fieldtype-date) input[type="text"]::-moz-placeholder, .hbspt-form form input[type="email"]::-moz-placeholder, .hbspt-form form input[type="tel"]::-moz-placeholder, .hbspt-form form select::-moz-placeholder, .hbspt-form form textarea::-moz-placeholder {
          font-weight: 100;
          font-family: "circle";
          color: #fff;
          color: #fff;
          color: var(--light-color);
          opacity: 0.5;
        }
  .wpcf7--light .hbspt-form form div:not(.hs-fieldtype-date) input[type="text"]::-moz-placeholder, .wpcf7--light .hbspt-form form input[type="email"]::-moz-placeholder, .wpcf7--light .hbspt-form form input[type="tel"]::-moz-placeholder, .wpcf7--light .hbspt-form form select::-moz-placeholder, .wpcf7--light .hbspt-form form textarea::-moz-placeholder {
            color: var(--font-main-color);
          }
  .hbspt-form form div:not(.hs-fieldtype-date) input[type="text"]:-ms-input-placeholder, .hbspt-form form input[type="email"]:-ms-input-placeholder, .hbspt-form form input[type="tel"]:-ms-input-placeholder, .hbspt-form form select:-ms-input-placeholder, .hbspt-form form textarea:-ms-input-placeholder {
          font-weight: 100;
          font-family: "circle";
          color: #fff;
          color: #fff;
          color: var(--light-color);
          opacity: 0.5;
        }
  .wpcf7--light .hbspt-form form div:not(.hs-fieldtype-date) input[type="text"]:-ms-input-placeholder, .wpcf7--light .hbspt-form form input[type="email"]:-ms-input-placeholder, .wpcf7--light .hbspt-form form input[type="tel"]:-ms-input-placeholder, .wpcf7--light .hbspt-form form select:-ms-input-placeholder, .wpcf7--light .hbspt-form form textarea:-ms-input-placeholder {
            color: var(--font-main-color);
          }
  div:not(.hs-fieldtype-date) input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
          font-weight: 100;
          font-family: "circle";
          color: #fff;
          color: #fff;
          color: var(--light-color);
          opacity: 0.5;
        }
  div:not(.hs-fieldtype-date) input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
          font-weight: 100;
          font-family: "circle";
          color: #fff;
          color: #fff;
          color: var(--light-color);
          opacity: 0.5;
        }
  div:not(.hs-fieldtype-date) input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
          font-weight: 100;
          font-family: "circle";
          color: #fff;
          color: #fff;
          color: var(--light-color);
          opacity: 0.5;
        }
  div:not(.hs-fieldtype-date) input[type="text"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
          font-weight: 100;
          font-family: "circle";
          color: #fff;
          color: #fff;
          color: var(--light-color);
          opacity: 0.5;
        }
  .hbspt-form form div:not(.hs-fieldtype-date) input[type="text"]::placeholder, .hbspt-form form input[type="email"]::placeholder, .hbspt-form form input[type="tel"]::placeholder, .hbspt-form form select::placeholder, .hbspt-form form textarea::placeholder {
          font-weight: 100;
          font-family: "circle";
          color: #fff;
          color: #fff;
          color: var(--light-color);
          opacity: 0.5;
        }
  .wpcf7--light .hbspt-form form div:not(.hs-fieldtype-date) input[type="text"]::-webkit-input-placeholder, .wpcf7--light .hbspt-form form input[type="email"]::-webkit-input-placeholder, .wpcf7--light .hbspt-form form input[type="tel"]::-webkit-input-placeholder, .wpcf7--light .hbspt-form form select::-webkit-input-placeholder, .wpcf7--light .hbspt-form form textarea::-webkit-input-placeholder {
            color: var(--font-main-color);
          }
  .wpcf7--light .hbspt-form form div:not(.hs-fieldtype-date) input[type="text"]::-moz-placeholder, .wpcf7--light .hbspt-form form input[type="email"]::-moz-placeholder, .wpcf7--light .hbspt-form form input[type="tel"]::-moz-placeholder, .wpcf7--light .hbspt-form form select::-moz-placeholder, .wpcf7--light .hbspt-form form textarea::-moz-placeholder {
            color: var(--font-main-color);
          }
  .wpcf7--light .hbspt-form form div:not(.hs-fieldtype-date) input[type="text"]:-ms-input-placeholder, .wpcf7--light .hbspt-form form input[type="email"]:-ms-input-placeholder, .wpcf7--light .hbspt-form form input[type="tel"]:-ms-input-placeholder, .wpcf7--light .hbspt-form form select:-ms-input-placeholder, .wpcf7--light .hbspt-form form textarea:-ms-input-placeholder {
            color: var(--font-main-color);
          }
  .wpcf7--light .hbspt-form form div:not(.hs-fieldtype-date) input[type="text"]::-ms-input-placeholder, .wpcf7--light .hbspt-form form input[type="email"]::-ms-input-placeholder, .wpcf7--light .hbspt-form form input[type="tel"]::-ms-input-placeholder, .wpcf7--light .hbspt-form form select::-ms-input-placeholder, .wpcf7--light .hbspt-form form textarea::-ms-input-placeholder {
            color: var(--font-main-color);
          }
  .wpcf7--light .hbspt-form form div:not(.hs-fieldtype-date) input[type="text"]::placeholder, .wpcf7--light .hbspt-form form input[type="email"]::placeholder, .wpcf7--light .hbspt-form form input[type="tel"]::placeholder, .wpcf7--light .hbspt-form form select::placeholder, .wpcf7--light .hbspt-form form textarea::placeholder {
            color: var(--font-main-color);
          }
  .hbspt-form form textarea {
        height: 300px;
        resize: none;
      }
  .hbspt-form form select {
        /* display: none; */
        /*select.js in use*/
        width: 100%;
      }
  .hbspt-form form fieldset .field > label {
          font-family: "blogger";
          font-size: 2.3rem;
          font-weight: 700;
          display: block;
          margin-bottom: 10px;
        }
  .hbspt-form form fieldset .field > label .hs-form-required {
            display: inline-block;
            font-family: "circle";
            font-size: 1.4rem;
            color: #ff0044;
            color: #ff0044;
            color: var(--warning-color);
            font-weight: normal;
            margin-left: 6px;
            -webkit-transform: translate(0, -6px);
                    transform: translate(0, -6px);
          }
  .hbspt-form form .hs-fieldtype-text,
      .hbspt-form form .hs-fieldtype-select,
      .hbspt-form form .hs-fieldtype-booleancheckbox,
      .hbspt-form form .hs-fieldtype-checkbox,
      .hbspt-form form .hs-fieldtype-file {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
      }
  .hbspt-form form .hs-fieldtype-text .js-filter, .hbspt-form form .hs-fieldtype-select .js-filter, .hbspt-form form .hs-fieldtype-booleancheckbox .js-filter, .hbspt-form form .hs-fieldtype-checkbox .js-filter, .hbspt-form form .hs-fieldtype-file .js-filter {
          -webkit-box-ordinal-group: 201;
              -ms-flex-order: 200;
                  order: 200;
        }
  .hbspt-form form .hs-fieldtype-file .input {
          position: relative;
        }
  .hbspt-form form .hs-fieldtype-file .fake-btn {
          position: absolute;
          top: calc(50% + 2px);
          right: 40px;
          color: white;
          -webkit-transform: translate(0, -50%);
                  transform: translate(0, -50%);
          min-width: auto;
        }
  .wpcf7--light .hbspt-form form .hs-fieldtype-file .fake-btn {
            color: var(--font-main-color);
          }
  .hbspt-form form .hs-fieldtype-file input[type="file"] {
          position: absolute;
          top: 0;
          left: 0;
          display: block;
          width: 100%;
          height: 100%;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none;
          opacity: 0;
        }
  .hbspt-form form .hs-submit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }
  .hbspt-form form .hs-submit .actions {
          position: relative
        }
  .hbspt-form form .hs-submit .actions::after {
            content: "";
            background-image: url("assets/images/icons/arrow--yellow.svg");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
            width: 26px;
            height: 26px;
            display: block;
            position: absolute;
            left: 20px;
            top: 50%;
            z-index: 1;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            pointer-events: none;
          }
  .hbspt-form form .hs-submit input.hs-button {
          cursor: pointer;
          display: inline-block;
          position: relative;
          padding: 16px 50px 16px 40px;
          min-width: 230px;
          text-transform: uppercase;
          text-decoration: none;
          font-size: 1.6rem;
          font-weight: 600;
          text-align: center;
          border: none;
          outline: none;
          font-family: "circle";
          background-color: #ff0044;
          background-color: #ff0044;
          background-color: var(--primary-color);
          color: #fff;
          color: #fff;
          color: var(--light-color);
          -webkit-box-shadow: 4px 3px 30px rgba(255, 0, 68, 0.41);
                  box-shadow: 4px 3px 30px rgba(255, 0, 68, 0.41);
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease
        }
  .hbspt-form form .hs-submit input.hs-button:hover {
            background-color: #25b3c3;
            background-color: #25b3c3;
            background-color: var(--secondary-color);
            -webkit-box-shadow: 4px 3px 30px rgba(37, 179, 195, 0.4);
                    box-shadow: 4px 3px 30px rgba(37, 179, 195, 0.4);
          }
  .hbspt-form form .hs-fieldtype-file input {
        cursor: pointer;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
      }
  /* Select */
  .hbspt-form form .hs-fieldtype-select select {
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          cursor: pointer;
          background-image: url("assets/images/icons/arrow-bottom-small--white.svg");
          background-repeat: no-repeat;
          background-position: calc(100% - 20px) center;
          background-size: 16px;
        }
  .wpcf7--light .hbspt-form form .hs-fieldtype-select select {
            background-image: url("assets/images/icons/arrow-bottom-small--text-color.svg");
          }
  .hbspt-form form .hs-fieldtype-select .js-filter {
          margin-top: 0;
        }
  .hbspt-form form .hs-fieldtype-select .js-filter .js-ptc-select-puce {
            margin-top: 10px;
            background-color: #25b3c3;
            background-color: #25b3c3;
            background-color: var(--secondary-color);
            -webkit-box-shadow: 4px 3px 30px rgba(37, 179, 195, 0.4);
                    box-shadow: 4px 3px 30px rgba(37, 179, 195, 0.4);
          }
  .wpcf7--light .hbspt-form form .hs-fieldtype-select .js-filter .js-ptc-select-puce {
              background-color: #fcf7ef;
              background-color: #fcf7ef;
              background-color: var(--sand-color);
              -webkit-box-shadow: 4px 3px 20px rgba(0, 0, 0, 0.1);
                      box-shadow: 4px 3px 20px rgba(0, 0, 0, 0.1);
            }
  .hbspt-form form .hs-fieldtype-select .js-filter .js-ptc-select-puce::after {
              opacity: 0.5;
            }
  .hbspt-form form .hs-fieldtype-select .js-filter .js-ptc-select-puce:hover::after {
              opacity: 1;
            }
  .hbspt-form form .js-ptc-select:after {
          content: "";
          position: absolute;
          right: 20px;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          display: block;
          width: 16px;
          height: 16px;
          background-image: url("assets/images/icons/arrow-bottom-small--text-color.svg");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center center;
          pointer-events: none;
        }
  /* .is-active & {
            transform: translateY(-50%) scaleY(-1);
          } */
  .bg-accent-color .hbspt-form form .js-ptc-select:after {
            background-image: url("assets/images/icons/arrow-bottom-small--white.svg");
          }
  /* Checkboxes Styles */
  .hbspt-form form .hs-fieldtype-checkbox,
      .hbspt-form form .hs-fieldtype-booleancheckbox,
      .hbspt-form form .hs-fieldtype-radio {
        padding-bottom: 20px;
      }
  .hbspt-form form .hs-fieldtype-checkbox ul:not(.hs-error-msgs), .hbspt-form form .hs-fieldtype-booleancheckbox ul:not(.hs-error-msgs), .hbspt-form form .hs-fieldtype-radio ul:not(.hs-error-msgs) {
          margin-top: 10px;
          margin-bottom: 10px;
        }
  .hbspt-form form .hs-fieldtype-checkbox ul:not(.hs-error-msgs) li, .hbspt-form form .hs-fieldtype-booleancheckbox ul:not(.hs-error-msgs) li, .hbspt-form form .hs-fieldtype-radio ul:not(.hs-error-msgs) li {
            padding-left: 0
          }
  .hbspt-form form .hs-fieldtype-checkbox ul:not(.hs-error-msgs) li:not(:last-child), .hbspt-form form .hs-fieldtype-booleancheckbox ul:not(.hs-error-msgs) li:not(:last-child), .hbspt-form form .hs-fieldtype-radio ul:not(.hs-error-msgs) li:not(:last-child) {
              margin-bottom: 6px;
            }
  .hbspt-form form .hs-fieldtype-checkbox ul:not(.hs-error-msgs) li label input, .hbspt-form form .hs-fieldtype-booleancheckbox ul:not(.hs-error-msgs) li label input, .hbspt-form form .hs-fieldtype-radio ul:not(.hs-error-msgs) li label input {
                position: absolute;
                opacity: 0;
                -webkit-user-select: none;
                   -moz-user-select: none;
                    -ms-user-select: none;
                        user-select: none;
                pointer-events: none
              }
  .hbspt-form form .hs-fieldtype-checkbox ul:not(.hs-error-msgs) li label input:checked + span::after, .hbspt-form form .hs-fieldtype-booleancheckbox ul:not(.hs-error-msgs) li label input:checked + span::after, .hbspt-form form .hs-fieldtype-radio ul:not(.hs-error-msgs) li label input:checked + span::after {
                    opacity: 1;
                    -webkit-transform: scale(1);
                            transform: scale(1);
                  }
  .hbspt-form form .hs-fieldtype-checkbox ul:not(.hs-error-msgs) li label span, .hbspt-form form .hs-fieldtype-booleancheckbox ul:not(.hs-error-msgs) li label span, .hbspt-form form .hs-fieldtype-radio ul:not(.hs-error-msgs) li label span {
                position: relative;
                display: block;
                padding-left: 30px;
                cursor: pointer
                /* color: rgba(255, 255, 255, 0.5);
                transition: all 0.3s ease; */
              }
  .hbspt-form form .hs-fieldtype-checkbox ul:not(.hs-error-msgs) li label span::before,
                .hbspt-form form .hs-fieldtype-checkbox ul:not(.hs-error-msgs) li label span::after,
                .hbspt-form form .hs-fieldtype-booleancheckbox ul:not(.hs-error-msgs) li label span::before,
                .hbspt-form form .hs-fieldtype-booleancheckbox ul:not(.hs-error-msgs) li label span::after,
                .hbspt-form form .hs-fieldtype-radio ul:not(.hs-error-msgs) li label span::before,
                .hbspt-form form .hs-fieldtype-radio ul:not(.hs-error-msgs) li label span::after {
                  content: "";
                  position: absolute;
                  top: 6px;
                  left: 0;
                  display: block;
                  width: 20px;
                  height: 20px;
                  border-radius: 5px;
                  background-color: #4b266a;
                  background-color: #4b266a;
                  background-color: var(--bg-field-color);
                  -webkit-transition: all 0.3s ease;
                  transition: all 0.3s ease;
                }
  .hbspt-form form .hs-fieldtype-checkbox ul:not(.hs-error-msgs) li label span::after, .hbspt-form form .hs-fieldtype-booleancheckbox ul:not(.hs-error-msgs) li label span::after, .hbspt-form form .hs-fieldtype-radio ul:not(.hs-error-msgs) li label span::after {
                  width: 12px;
                  height: 12px;
                  border: none;
                  background-color: #25b3c3;
                  background-color: #25b3c3;
                  background-color: var(--secondary-color);
                  -webkit-box-shadow: 3px 3px 10px rgba(37, 179, 195, 0.51);
                          box-shadow: 3px 3px 10px rgba(37, 179, 195, 0.51);
  
                  text-align: 8px;
                  top: 10px;
                  left: 4px;
                  border-radius: 3px;
                  opacity: 0;
                  -webkit-transform: scale(0.5);
                          transform: scale(0.5);
                }
  /* Radio Styles */
  .hbspt-form form .hs-fieldtype-radio ul:not(.hs-error-msgs) li label span::before {
          border-radius: 50%;
          top: 5px;
        }
  .hbspt-form form .hs-fieldtype-radio ul:not(.hs-error-msgs) li label span::after {
          border-radius: 50%;
          width: 10px;
          height: 10px;
          left: 5px;
        }
  /* Error messages*/
  .hbspt-form form .hs-error-msgs {
        font-size: 1.4rem;
        color: #ff0044;
        color: #ff0044;
        color: var(--warning-color);
      }
  /* Legal */
  .hbspt-form form .legal-consent-container {
        padding-top: 30px;
        padding-bottom: 20px;
      }
  .hbspt-form form .legal-consent-container p {
          font-size: 1.4rem;
          line-height: 1.7;
          opacity: 0.5;
        }
  .hbspt-form form .legal-consent-container .hs-form-field {
          padding-bottom: 0;
        }
  .hbspt-form form .legal-consent-container .hs-fieldtype-booleancheckbox ul li label {
          display: block;
        }
  .hbspt-form form .legal-consent-container .hs-fieldtype-booleancheckbox ul li label input:checked + span::after {
              background-color: #25b3c3;
              background-color: #25b3c3;
              background-color: var(--secondary-color);
              left: 16px;
              -webkit-box-shadow: 3px 3px 10px rgba(37, 179, 195, 0.51);
                      box-shadow: 3px 3px 10px rgba(37, 179, 195, 0.51);
            }
  .hbspt-form form .legal-consent-container .hs-fieldtype-booleancheckbox ul li label span {
            padding-left: 50px;
            margin-left: 0;
            position: relative
          }
  .hbspt-form form .legal-consent-container .hs-fieldtype-booleancheckbox ul li label span::before {
              content: "";
              position: absolute;
              top: 5px;
              left: -5px;
              display: block;
              width: 40px;
              height: 20px;
              border-radius: 50px;
              background-color: #4b266a;
              background-color: #4b266a;
              background-color: var(--bg-field-color);
            }
  .hbspt-form form .legal-consent-container .hs-fieldtype-booleancheckbox ul li label span::after {
              content: "";
              position: absolute;
              top: 7px;
              left: -3px;
              display: block;
              width: 16px;
              height: 16px;
              border-radius: 50px;
              background-color: #ff0044;
              background-color: #ff0044;
              background-color: var(--primary-color);
              -webkit-transition: all 0.3s ease;
              transition: all 0.3s ease;
              -webkit-box-shadow: none;
                      box-shadow: none;
              -webkit-transform: none;
                      transform: none;
              opacity: 1;
            }
  /* Recaptacha */
  .hbspt-form form .hs-recaptcha {
        visibility: hidden;
        position: absolute;
      }
  .hbspt-form .submitted-message {
      font-size: medium;
      font-size: initial;
      border: solid #25b3c3;
      border: solid #25b3c3;
      border: solid var(--success-color);
      color: white;
      background: #25b3c3;
      background: #25b3c3;
      background: var(--success-color);
      text-align: center;
      padding: 30px;
      -webkit-box-shadow: 3px 3px 10px rgba(37, 179, 195, 0.51);
              box-shadow: 3px 3px 10px rgba(37, 179, 195, 0.51);
    }
  /* body {
    background-color: grey;
  }
  
  .block {
    display         : block;
    overflow        : hidden;
    background-color: orange;
  
    &--modifier {
      color: red;
    }
  
    &__element {
      color: green;
  
      &:hover {
        color: orange;
  
        & .test {
          display      : grid;
          grid-template: none;
        }
      }
    }
  } */