/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/styles/main.scss ***!
  \******************************************************************************************************************/
/**
** Sass utilities function inspired by : Locomotive Boilerplate
** https://github.com/locomotivemtl/locomotive-boilerplate
** --------------------------------------------
** You can add custtom and override here if necessary 
*/
/**
** Custom scss Mixins
*/
/** Colors
*** Color names must be seperate by '-' : Ex: blue-purple
**/
/** Config variables
*** Add new ones if needed
**/
/**
  * This file contains external font imports, or local custom font declarations
  */
@font-face {
  font-family: "Hind";
  src: url(../fonts/hind-light.woff2) format("woff2"), url(../fonts/hind-light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hind";
  src: url(../fonts/hind-regular.woff2) format("woff2"), url(../fonts/hind-regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hind";
  src: url(../fonts/hind-medium.woff2) format("woff2"), url(../fonts/hind-medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hind";
  src: url(../fonts/hind-semibold.woff2) format("woff2"), url(../fonts/hind-semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hind";
  src: url(../fonts/hind-bold.woff2) format("woff2"), url(../fonts/hind-bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Display";
  src: url(../fonts/FixelDisplay-Thin.woff) format("woff"), url(../fonts/FixelDisplay-Thin.woff2) format("woff2");
  font-style: normal;
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Display";
  src: url(../fonts/FixelDisplay-ThinItalic.woff) format("woff"), url(../fonts/FixelDisplay-ThinItalic.woff2) format("woff2");
  font-style: italic;
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Display";
  src: url(../fonts/FixelDisplay-ExtraLight.woff) format("woff"), url(../fonts/FixelDisplay-ExtraLight.woff2) format("woff2");
  font-style: normal;
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Display";
  src: url(../fonts/FixelDisplay-ExtraLightItalic.woff) format("woff"), url(../fonts/FixelDisplay-ExtraLightItalic.woff2) format("woff2");
  font-style: italic;
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Display";
  src: url(../fonts/FixelDisplay-Light.woff) format("woff"), url(../fonts/FixelDisplay-Light.woff2) format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Display";
  src: url(../fonts/FixelDisplay-LightItalic.woff) format("woff"), url(../fonts/FixelDisplay-LightItalic.woff2) format("woff2");
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Display";
  src: url(../fonts/FixelDisplay-Regular.woff) format("woff"), url(../fonts/FixelDisplay-Regular.woff2) format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Display";
  src: url(../fonts/FixelDisplay-RegularItalic.woff) format("woff"), url(../fonts/FixelDisplay-RegularItalic.woff2) format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Display";
  src: url(../fonts/FixelDisplay-Medium.woff) format("woff"), url(../fonts/FixelDisplay-Medium.woff2) format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Display";
  src: url(../fonts/FixelDisplay-MediumItalic.woff) format("woff"), url(../fonts/FixelDisplay-MediumItalic.woff2) format("woff2");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Display";
  src: url(../fonts/FixelDisplay-SemiBold.woff) format("woff"), url(../fonts/FixelDisplay-SemiBold.woff2) format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Display";
  src: url(../fonts/FixelDisplay-SemiBoldItalic.woff) format("woff"), url(../fonts/FixelDisplay-SemiBoldItalic.woff2) format("woff2");
  font-style: italic;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Display";
  src: url(../fonts/FixelDisplay-Bold.woff) format("woff"), url(../fonts/FixelDisplay-Bold.woff2) format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Display";
  src: url(../fonts/FixelDisplay-BoldItalic.woff) format("woff"), url(../fonts/FixelDisplay-BoldItalic.woff2) format("woff2");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Display";
  src: url(../fonts/FixelDisplay-ExtraBold.woff) format("woff"), url(../fonts/FixelDisplay-ExtraBold.woff2) format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Display";
  src: url(../fonts/FixelDisplay-ExtraBoldItalic.woff) format("woff"), url(../fonts/FixelDisplay-ExtraBoldItalic.woff2) format("woff2");
  font-style: italic;
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Display";
  src: url(../fonts/FixelDisplay-Black.woff) format("woff"), url(../fonts/FixelDisplay-Black.woff2) format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Display";
  src: url(../fonts/FixelDisplay-BlackItalic.woff) format("woff"), url(../fonts/FixelDisplay-BlackItalic.woff2) format("woff2");
  font-style: italic;
  font-weight: 900;
  font-display: swap;
}
@font-face {
  font-family: "antitroll";
  src: url(../fonts/antitroll.eot);
  src: url(../fonts/antitroll.eot#iefix) format("embedded-opentype"), url(../fonts/antitroll.ttf) format("truetype"), url(../fonts/antitroll.woff) format("woff"), url(../fonts/antitroll.534d85d88ad6b6d51776.svg?ba0o3o#antitroll) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
::-moz-selection {
  /* Code for Firefox */
  background: #89d0ff;
}

::selection {
  background: #89d0ff;
}

.sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  color: black;
  font-size: 12px;
  text-align: center;
  padding: 5px;
}

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/**
*** This file contains code to create dynamique css grid
*** with global params : $base-column-nb and $column-gap ( see config.scss )
*** This grid is base on CSS Grid guide : https://css-tricks.com/snippets/css/complete-guide-grid/
*** 
*** Sample:
*** 
*** ```html
*** <div class="grid">
        <div class="col-12 col-t-8 col-d-6">Col 12 on mobile / 8 on tablet / 6 on desktop</div>
        <div class="col-12 col-t-8 col-d-6">Col 12 on mobile / 8 on tablet / 6 on desktop</div>
*** </div>
*** ```
***
*** Unused generated style will be clean when compile with Purge CSS ( PurgeCSSPlugin)
*** See detail on webpack.config.js
***/
.grid {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), 1fr);
  grid-gap: var(--grid-gutter);
  gap: var(--grid-rows-gap) var(--grid-gutter);
}

.col-1 {
  grid-column-end: span 1;
}

.col-offset-1 {
  grid-column-start: 2;
}

.row-1 {
  grid-row-end: span 1;
}

.row-offset-1 {
  grid-row-start: 2;
}

.col-2 {
  grid-column-end: span 2;
}

.col-offset-2 {
  grid-column-start: 3;
}

.row-2 {
  grid-row-end: span 2;
}

.row-offset-2 {
  grid-row-start: 3;
}

.col-3 {
  grid-column-end: span 3;
}

.col-offset-3 {
  grid-column-start: 4;
}

.row-3 {
  grid-row-end: span 3;
}

.row-offset-3 {
  grid-row-start: 4;
}

.col-4 {
  grid-column-end: span 4;
}

.col-offset-4 {
  grid-column-start: 5;
}

.row-4 {
  grid-row-end: span 4;
}

.row-offset-4 {
  grid-row-start: 5;
}

.col-5 {
  grid-column-end: span 5;
}

.col-offset-5 {
  grid-column-start: 6;
}

.row-5 {
  grid-row-end: span 5;
}

.row-offset-5 {
  grid-row-start: 6;
}

.col-6 {
  grid-column-end: span 6;
}

.col-offset-6 {
  grid-column-start: 7;
}

.row-6 {
  grid-row-end: span 6;
}

.row-offset-6 {
  grid-row-start: 7;
}

.col-7 {
  grid-column-end: span 7;
}

.col-offset-7 {
  grid-column-start: 8;
}

.row-7 {
  grid-row-end: span 7;
}

.row-offset-7 {
  grid-row-start: 8;
}

.col-8 {
  grid-column-end: span 8;
}

.col-offset-8 {
  grid-column-start: 9;
}

.row-8 {
  grid-row-end: span 8;
}

.row-offset-8 {
  grid-row-start: 9;
}

.col-9 {
  grid-column-end: span 9;
}

.col-offset-9 {
  grid-column-start: 10;
}

.row-9 {
  grid-row-end: span 9;
}

.row-offset-9 {
  grid-row-start: 10;
}

.col-10 {
  grid-column-end: span 10;
}

.col-offset-10 {
  grid-column-start: 11;
}

.row-10 {
  grid-row-end: span 10;
}

.row-offset-10 {
  grid-row-start: 11;
}

.col-11 {
  grid-column-end: span 11;
}

.col-offset-11 {
  grid-column-start: 12;
}

.row-11 {
  grid-row-end: span 11;
}

.row-offset-11 {
  grid-row-start: 12;
}

.col-12 {
  grid-column-end: span 12;
}

.col-offset-12 {
  grid-column-start: 13;
}

.row-12 {
  grid-row-end: span 12;
}

.row-offset-12 {
  grid-row-start: 13;
}

@media (min-width: 319px) {
  .col-m-min-1 {
    grid-column-end: span 1;
  }

  .col-offset-m-min-1 {
    grid-column-start: 2;
  }

  .row-m-min-1 {
    grid-row-end: span 1;
  }

  .row-offset-m-min-1 {
    grid-row-start: 2;
  }

  .col-m-min-2 {
    grid-column-end: span 2;
  }

  .col-offset-m-min-2 {
    grid-column-start: 3;
  }

  .row-m-min-2 {
    grid-row-end: span 2;
  }

  .row-offset-m-min-2 {
    grid-row-start: 3;
  }

  .col-m-min-3 {
    grid-column-end: span 3;
  }

  .col-offset-m-min-3 {
    grid-column-start: 4;
  }

  .row-m-min-3 {
    grid-row-end: span 3;
  }

  .row-offset-m-min-3 {
    grid-row-start: 4;
  }

  .col-m-min-4 {
    grid-column-end: span 4;
  }

  .col-offset-m-min-4 {
    grid-column-start: 5;
  }

  .row-m-min-4 {
    grid-row-end: span 4;
  }

  .row-offset-m-min-4 {
    grid-row-start: 5;
  }

  .col-m-min-5 {
    grid-column-end: span 5;
  }

  .col-offset-m-min-5 {
    grid-column-start: 6;
  }

  .row-m-min-5 {
    grid-row-end: span 5;
  }

  .row-offset-m-min-5 {
    grid-row-start: 6;
  }

  .col-m-min-6 {
    grid-column-end: span 6;
  }

  .col-offset-m-min-6 {
    grid-column-start: 7;
  }

  .row-m-min-6 {
    grid-row-end: span 6;
  }

  .row-offset-m-min-6 {
    grid-row-start: 7;
  }

  .col-m-min-7 {
    grid-column-end: span 7;
  }

  .col-offset-m-min-7 {
    grid-column-start: 8;
  }

  .row-m-min-7 {
    grid-row-end: span 7;
  }

  .row-offset-m-min-7 {
    grid-row-start: 8;
  }

  .col-m-min-8 {
    grid-column-end: span 8;
  }

  .col-offset-m-min-8 {
    grid-column-start: 9;
  }

  .row-m-min-8 {
    grid-row-end: span 8;
  }

  .row-offset-m-min-8 {
    grid-row-start: 9;
  }

  .col-m-min-9 {
    grid-column-end: span 9;
  }

  .col-offset-m-min-9 {
    grid-column-start: 10;
  }

  .row-m-min-9 {
    grid-row-end: span 9;
  }

  .row-offset-m-min-9 {
    grid-row-start: 10;
  }

  .col-m-min-10 {
    grid-column-end: span 10;
  }

  .col-offset-m-min-10 {
    grid-column-start: 11;
  }

  .row-m-min-10 {
    grid-row-end: span 10;
  }

  .row-offset-m-min-10 {
    grid-row-start: 11;
  }

  .col-m-min-11 {
    grid-column-end: span 11;
  }

  .col-offset-m-min-11 {
    grid-column-start: 12;
  }

  .row-m-min-11 {
    grid-row-end: span 11;
  }

  .row-offset-m-min-11 {
    grid-row-start: 12;
  }

  .col-m-min-12 {
    grid-column-end: span 12;
  }

  .col-offset-m-min-12 {
    grid-column-start: 13;
  }

  .row-m-min-12 {
    grid-row-end: span 12;
  }

  .row-offset-m-min-12 {
    grid-row-start: 13;
  }
}
@media (min-width: 374px) {
  .col-m-sm-1 {
    grid-column-end: span 1;
  }

  .col-offset-m-sm-1 {
    grid-column-start: 2;
  }

  .row-m-sm-1 {
    grid-row-end: span 1;
  }

  .row-offset-m-sm-1 {
    grid-row-start: 2;
  }

  .col-m-sm-2 {
    grid-column-end: span 2;
  }

  .col-offset-m-sm-2 {
    grid-column-start: 3;
  }

  .row-m-sm-2 {
    grid-row-end: span 2;
  }

  .row-offset-m-sm-2 {
    grid-row-start: 3;
  }

  .col-m-sm-3 {
    grid-column-end: span 3;
  }

  .col-offset-m-sm-3 {
    grid-column-start: 4;
  }

  .row-m-sm-3 {
    grid-row-end: span 3;
  }

  .row-offset-m-sm-3 {
    grid-row-start: 4;
  }

  .col-m-sm-4 {
    grid-column-end: span 4;
  }

  .col-offset-m-sm-4 {
    grid-column-start: 5;
  }

  .row-m-sm-4 {
    grid-row-end: span 4;
  }

  .row-offset-m-sm-4 {
    grid-row-start: 5;
  }

  .col-m-sm-5 {
    grid-column-end: span 5;
  }

  .col-offset-m-sm-5 {
    grid-column-start: 6;
  }

  .row-m-sm-5 {
    grid-row-end: span 5;
  }

  .row-offset-m-sm-5 {
    grid-row-start: 6;
  }

  .col-m-sm-6 {
    grid-column-end: span 6;
  }

  .col-offset-m-sm-6 {
    grid-column-start: 7;
  }

  .row-m-sm-6 {
    grid-row-end: span 6;
  }

  .row-offset-m-sm-6 {
    grid-row-start: 7;
  }

  .col-m-sm-7 {
    grid-column-end: span 7;
  }

  .col-offset-m-sm-7 {
    grid-column-start: 8;
  }

  .row-m-sm-7 {
    grid-row-end: span 7;
  }

  .row-offset-m-sm-7 {
    grid-row-start: 8;
  }

  .col-m-sm-8 {
    grid-column-end: span 8;
  }

  .col-offset-m-sm-8 {
    grid-column-start: 9;
  }

  .row-m-sm-8 {
    grid-row-end: span 8;
  }

  .row-offset-m-sm-8 {
    grid-row-start: 9;
  }

  .col-m-sm-9 {
    grid-column-end: span 9;
  }

  .col-offset-m-sm-9 {
    grid-column-start: 10;
  }

  .row-m-sm-9 {
    grid-row-end: span 9;
  }

  .row-offset-m-sm-9 {
    grid-row-start: 10;
  }

  .col-m-sm-10 {
    grid-column-end: span 10;
  }

  .col-offset-m-sm-10 {
    grid-column-start: 11;
  }

  .row-m-sm-10 {
    grid-row-end: span 10;
  }

  .row-offset-m-sm-10 {
    grid-row-start: 11;
  }

  .col-m-sm-11 {
    grid-column-end: span 11;
  }

  .col-offset-m-sm-11 {
    grid-column-start: 12;
  }

  .row-m-sm-11 {
    grid-row-end: span 11;
  }

  .row-offset-m-sm-11 {
    grid-row-start: 12;
  }

  .col-m-sm-12 {
    grid-column-end: span 12;
  }

  .col-offset-m-sm-12 {
    grid-column-start: 13;
  }

  .row-m-sm-12 {
    grid-row-end: span 12;
  }

  .row-offset-m-sm-12 {
    grid-row-start: 13;
  }
}
@media (min-width: 419px) {
  .col-m-1 {
    grid-column-end: span 1;
  }

  .col-offset-m-1 {
    grid-column-start: 2;
  }

  .row-m-1 {
    grid-row-end: span 1;
  }

  .row-offset-m-1 {
    grid-row-start: 2;
  }

  .col-m-2 {
    grid-column-end: span 2;
  }

  .col-offset-m-2 {
    grid-column-start: 3;
  }

  .row-m-2 {
    grid-row-end: span 2;
  }

  .row-offset-m-2 {
    grid-row-start: 3;
  }

  .col-m-3 {
    grid-column-end: span 3;
  }

  .col-offset-m-3 {
    grid-column-start: 4;
  }

  .row-m-3 {
    grid-row-end: span 3;
  }

  .row-offset-m-3 {
    grid-row-start: 4;
  }

  .col-m-4 {
    grid-column-end: span 4;
  }

  .col-offset-m-4 {
    grid-column-start: 5;
  }

  .row-m-4 {
    grid-row-end: span 4;
  }

  .row-offset-m-4 {
    grid-row-start: 5;
  }

  .col-m-5 {
    grid-column-end: span 5;
  }

  .col-offset-m-5 {
    grid-column-start: 6;
  }

  .row-m-5 {
    grid-row-end: span 5;
  }

  .row-offset-m-5 {
    grid-row-start: 6;
  }

  .col-m-6 {
    grid-column-end: span 6;
  }

  .col-offset-m-6 {
    grid-column-start: 7;
  }

  .row-m-6 {
    grid-row-end: span 6;
  }

  .row-offset-m-6 {
    grid-row-start: 7;
  }

  .col-m-7 {
    grid-column-end: span 7;
  }

  .col-offset-m-7 {
    grid-column-start: 8;
  }

  .row-m-7 {
    grid-row-end: span 7;
  }

  .row-offset-m-7 {
    grid-row-start: 8;
  }

  .col-m-8 {
    grid-column-end: span 8;
  }

  .col-offset-m-8 {
    grid-column-start: 9;
  }

  .row-m-8 {
    grid-row-end: span 8;
  }

  .row-offset-m-8 {
    grid-row-start: 9;
  }

  .col-m-9 {
    grid-column-end: span 9;
  }

  .col-offset-m-9 {
    grid-column-start: 10;
  }

  .row-m-9 {
    grid-row-end: span 9;
  }

  .row-offset-m-9 {
    grid-row-start: 10;
  }

  .col-m-10 {
    grid-column-end: span 10;
  }

  .col-offset-m-10 {
    grid-column-start: 11;
  }

  .row-m-10 {
    grid-row-end: span 10;
  }

  .row-offset-m-10 {
    grid-row-start: 11;
  }

  .col-m-11 {
    grid-column-end: span 11;
  }

  .col-offset-m-11 {
    grid-column-start: 12;
  }

  .row-m-11 {
    grid-row-end: span 11;
  }

  .row-offset-m-11 {
    grid-row-start: 12;
  }

  .col-m-12 {
    grid-column-end: span 12;
  }

  .col-offset-m-12 {
    grid-column-start: 13;
  }

  .row-m-12 {
    grid-row-end: span 12;
  }

  .row-offset-m-12 {
    grid-row-start: 13;
  }
}
@media (min-width: 539px) {
  .col-m-lg-1 {
    grid-column-end: span 1;
  }

  .col-offset-m-lg-1 {
    grid-column-start: 2;
  }

  .row-m-lg-1 {
    grid-row-end: span 1;
  }

  .row-offset-m-lg-1 {
    grid-row-start: 2;
  }

  .col-m-lg-2 {
    grid-column-end: span 2;
  }

  .col-offset-m-lg-2 {
    grid-column-start: 3;
  }

  .row-m-lg-2 {
    grid-row-end: span 2;
  }

  .row-offset-m-lg-2 {
    grid-row-start: 3;
  }

  .col-m-lg-3 {
    grid-column-end: span 3;
  }

  .col-offset-m-lg-3 {
    grid-column-start: 4;
  }

  .row-m-lg-3 {
    grid-row-end: span 3;
  }

  .row-offset-m-lg-3 {
    grid-row-start: 4;
  }

  .col-m-lg-4 {
    grid-column-end: span 4;
  }

  .col-offset-m-lg-4 {
    grid-column-start: 5;
  }

  .row-m-lg-4 {
    grid-row-end: span 4;
  }

  .row-offset-m-lg-4 {
    grid-row-start: 5;
  }

  .col-m-lg-5 {
    grid-column-end: span 5;
  }

  .col-offset-m-lg-5 {
    grid-column-start: 6;
  }

  .row-m-lg-5 {
    grid-row-end: span 5;
  }

  .row-offset-m-lg-5 {
    grid-row-start: 6;
  }

  .col-m-lg-6 {
    grid-column-end: span 6;
  }

  .col-offset-m-lg-6 {
    grid-column-start: 7;
  }

  .row-m-lg-6 {
    grid-row-end: span 6;
  }

  .row-offset-m-lg-6 {
    grid-row-start: 7;
  }

  .col-m-lg-7 {
    grid-column-end: span 7;
  }

  .col-offset-m-lg-7 {
    grid-column-start: 8;
  }

  .row-m-lg-7 {
    grid-row-end: span 7;
  }

  .row-offset-m-lg-7 {
    grid-row-start: 8;
  }

  .col-m-lg-8 {
    grid-column-end: span 8;
  }

  .col-offset-m-lg-8 {
    grid-column-start: 9;
  }

  .row-m-lg-8 {
    grid-row-end: span 8;
  }

  .row-offset-m-lg-8 {
    grid-row-start: 9;
  }

  .col-m-lg-9 {
    grid-column-end: span 9;
  }

  .col-offset-m-lg-9 {
    grid-column-start: 10;
  }

  .row-m-lg-9 {
    grid-row-end: span 9;
  }

  .row-offset-m-lg-9 {
    grid-row-start: 10;
  }

  .col-m-lg-10 {
    grid-column-end: span 10;
  }

  .col-offset-m-lg-10 {
    grid-column-start: 11;
  }

  .row-m-lg-10 {
    grid-row-end: span 10;
  }

  .row-offset-m-lg-10 {
    grid-row-start: 11;
  }

  .col-m-lg-11 {
    grid-column-end: span 11;
  }

  .col-offset-m-lg-11 {
    grid-column-start: 12;
  }

  .row-m-lg-11 {
    grid-row-end: span 11;
  }

  .row-offset-m-lg-11 {
    grid-row-start: 12;
  }

  .col-m-lg-12 {
    grid-column-end: span 12;
  }

  .col-offset-m-lg-12 {
    grid-column-start: 13;
  }

  .row-m-lg-12 {
    grid-row-end: span 12;
  }

  .row-offset-m-lg-12 {
    grid-row-start: 13;
  }
}
@media (min-width: 599px) {
  .col-t-sm-1 {
    grid-column-end: span 1;
  }

  .col-offset-t-sm-1 {
    grid-column-start: 2;
  }

  .row-t-sm-1 {
    grid-row-end: span 1;
  }

  .row-offset-t-sm-1 {
    grid-row-start: 2;
  }

  .col-t-sm-2 {
    grid-column-end: span 2;
  }

  .col-offset-t-sm-2 {
    grid-column-start: 3;
  }

  .row-t-sm-2 {
    grid-row-end: span 2;
  }

  .row-offset-t-sm-2 {
    grid-row-start: 3;
  }

  .col-t-sm-3 {
    grid-column-end: span 3;
  }

  .col-offset-t-sm-3 {
    grid-column-start: 4;
  }

  .row-t-sm-3 {
    grid-row-end: span 3;
  }

  .row-offset-t-sm-3 {
    grid-row-start: 4;
  }

  .col-t-sm-4 {
    grid-column-end: span 4;
  }

  .col-offset-t-sm-4 {
    grid-column-start: 5;
  }

  .row-t-sm-4 {
    grid-row-end: span 4;
  }

  .row-offset-t-sm-4 {
    grid-row-start: 5;
  }

  .col-t-sm-5 {
    grid-column-end: span 5;
  }

  .col-offset-t-sm-5 {
    grid-column-start: 6;
  }

  .row-t-sm-5 {
    grid-row-end: span 5;
  }

  .row-offset-t-sm-5 {
    grid-row-start: 6;
  }

  .col-t-sm-6 {
    grid-column-end: span 6;
  }

  .col-offset-t-sm-6 {
    grid-column-start: 7;
  }

  .row-t-sm-6 {
    grid-row-end: span 6;
  }

  .row-offset-t-sm-6 {
    grid-row-start: 7;
  }

  .col-t-sm-7 {
    grid-column-end: span 7;
  }

  .col-offset-t-sm-7 {
    grid-column-start: 8;
  }

  .row-t-sm-7 {
    grid-row-end: span 7;
  }

  .row-offset-t-sm-7 {
    grid-row-start: 8;
  }

  .col-t-sm-8 {
    grid-column-end: span 8;
  }

  .col-offset-t-sm-8 {
    grid-column-start: 9;
  }

  .row-t-sm-8 {
    grid-row-end: span 8;
  }

  .row-offset-t-sm-8 {
    grid-row-start: 9;
  }

  .col-t-sm-9 {
    grid-column-end: span 9;
  }

  .col-offset-t-sm-9 {
    grid-column-start: 10;
  }

  .row-t-sm-9 {
    grid-row-end: span 9;
  }

  .row-offset-t-sm-9 {
    grid-row-start: 10;
  }

  .col-t-sm-10 {
    grid-column-end: span 10;
  }

  .col-offset-t-sm-10 {
    grid-column-start: 11;
  }

  .row-t-sm-10 {
    grid-row-end: span 10;
  }

  .row-offset-t-sm-10 {
    grid-row-start: 11;
  }

  .col-t-sm-11 {
    grid-column-end: span 11;
  }

  .col-offset-t-sm-11 {
    grid-column-start: 12;
  }

  .row-t-sm-11 {
    grid-row-end: span 11;
  }

  .row-offset-t-sm-11 {
    grid-row-start: 12;
  }

  .col-t-sm-12 {
    grid-column-end: span 12;
  }

  .col-offset-t-sm-12 {
    grid-column-start: 13;
  }

  .row-t-sm-12 {
    grid-row-end: span 12;
  }

  .row-offset-t-sm-12 {
    grid-row-start: 13;
  }
}
@media (min-width: 767px) {
  .col-t-1 {
    grid-column-end: span 1;
  }

  .col-offset-t-1 {
    grid-column-start: 2;
  }

  .row-t-1 {
    grid-row-end: span 1;
  }

  .row-offset-t-1 {
    grid-row-start: 2;
  }

  .col-t-2 {
    grid-column-end: span 2;
  }

  .col-offset-t-2 {
    grid-column-start: 3;
  }

  .row-t-2 {
    grid-row-end: span 2;
  }

  .row-offset-t-2 {
    grid-row-start: 3;
  }

  .col-t-3 {
    grid-column-end: span 3;
  }

  .col-offset-t-3 {
    grid-column-start: 4;
  }

  .row-t-3 {
    grid-row-end: span 3;
  }

  .row-offset-t-3 {
    grid-row-start: 4;
  }

  .col-t-4 {
    grid-column-end: span 4;
  }

  .col-offset-t-4 {
    grid-column-start: 5;
  }

  .row-t-4 {
    grid-row-end: span 4;
  }

  .row-offset-t-4 {
    grid-row-start: 5;
  }

  .col-t-5 {
    grid-column-end: span 5;
  }

  .col-offset-t-5 {
    grid-column-start: 6;
  }

  .row-t-5 {
    grid-row-end: span 5;
  }

  .row-offset-t-5 {
    grid-row-start: 6;
  }

  .col-t-6 {
    grid-column-end: span 6;
  }

  .col-offset-t-6 {
    grid-column-start: 7;
  }

  .row-t-6 {
    grid-row-end: span 6;
  }

  .row-offset-t-6 {
    grid-row-start: 7;
  }

  .col-t-7 {
    grid-column-end: span 7;
  }

  .col-offset-t-7 {
    grid-column-start: 8;
  }

  .row-t-7 {
    grid-row-end: span 7;
  }

  .row-offset-t-7 {
    grid-row-start: 8;
  }

  .col-t-8 {
    grid-column-end: span 8;
  }

  .col-offset-t-8 {
    grid-column-start: 9;
  }

  .row-t-8 {
    grid-row-end: span 8;
  }

  .row-offset-t-8 {
    grid-row-start: 9;
  }

  .col-t-9 {
    grid-column-end: span 9;
  }

  .col-offset-t-9 {
    grid-column-start: 10;
  }

  .row-t-9 {
    grid-row-end: span 9;
  }

  .row-offset-t-9 {
    grid-row-start: 10;
  }

  .col-t-10 {
    grid-column-end: span 10;
  }

  .col-offset-t-10 {
    grid-column-start: 11;
  }

  .row-t-10 {
    grid-row-end: span 10;
  }

  .row-offset-t-10 {
    grid-row-start: 11;
  }

  .col-t-11 {
    grid-column-end: span 11;
  }

  .col-offset-t-11 {
    grid-column-start: 12;
  }

  .row-t-11 {
    grid-row-end: span 11;
  }

  .row-offset-t-11 {
    grid-row-start: 12;
  }

  .col-t-12 {
    grid-column-end: span 12;
  }

  .col-offset-t-12 {
    grid-column-start: 13;
  }

  .row-t-12 {
    grid-row-end: span 12;
  }

  .row-offset-t-12 {
    grid-row-start: 13;
  }
}
@media (min-width: 991px) {
  .col-t-lg-1 {
    grid-column-end: span 1;
  }

  .col-offset-t-lg-1 {
    grid-column-start: 2;
  }

  .row-t-lg-1 {
    grid-row-end: span 1;
  }

  .row-offset-t-lg-1 {
    grid-row-start: 2;
  }

  .col-t-lg-2 {
    grid-column-end: span 2;
  }

  .col-offset-t-lg-2 {
    grid-column-start: 3;
  }

  .row-t-lg-2 {
    grid-row-end: span 2;
  }

  .row-offset-t-lg-2 {
    grid-row-start: 3;
  }

  .col-t-lg-3 {
    grid-column-end: span 3;
  }

  .col-offset-t-lg-3 {
    grid-column-start: 4;
  }

  .row-t-lg-3 {
    grid-row-end: span 3;
  }

  .row-offset-t-lg-3 {
    grid-row-start: 4;
  }

  .col-t-lg-4 {
    grid-column-end: span 4;
  }

  .col-offset-t-lg-4 {
    grid-column-start: 5;
  }

  .row-t-lg-4 {
    grid-row-end: span 4;
  }

  .row-offset-t-lg-4 {
    grid-row-start: 5;
  }

  .col-t-lg-5 {
    grid-column-end: span 5;
  }

  .col-offset-t-lg-5 {
    grid-column-start: 6;
  }

  .row-t-lg-5 {
    grid-row-end: span 5;
  }

  .row-offset-t-lg-5 {
    grid-row-start: 6;
  }

  .col-t-lg-6 {
    grid-column-end: span 6;
  }

  .col-offset-t-lg-6 {
    grid-column-start: 7;
  }

  .row-t-lg-6 {
    grid-row-end: span 6;
  }

  .row-offset-t-lg-6 {
    grid-row-start: 7;
  }

  .col-t-lg-7 {
    grid-column-end: span 7;
  }

  .col-offset-t-lg-7 {
    grid-column-start: 8;
  }

  .row-t-lg-7 {
    grid-row-end: span 7;
  }

  .row-offset-t-lg-7 {
    grid-row-start: 8;
  }

  .col-t-lg-8 {
    grid-column-end: span 8;
  }

  .col-offset-t-lg-8 {
    grid-column-start: 9;
  }

  .row-t-lg-8 {
    grid-row-end: span 8;
  }

  .row-offset-t-lg-8 {
    grid-row-start: 9;
  }

  .col-t-lg-9 {
    grid-column-end: span 9;
  }

  .col-offset-t-lg-9 {
    grid-column-start: 10;
  }

  .row-t-lg-9 {
    grid-row-end: span 9;
  }

  .row-offset-t-lg-9 {
    grid-row-start: 10;
  }

  .col-t-lg-10 {
    grid-column-end: span 10;
  }

  .col-offset-t-lg-10 {
    grid-column-start: 11;
  }

  .row-t-lg-10 {
    grid-row-end: span 10;
  }

  .row-offset-t-lg-10 {
    grid-row-start: 11;
  }

  .col-t-lg-11 {
    grid-column-end: span 11;
  }

  .col-offset-t-lg-11 {
    grid-column-start: 12;
  }

  .row-t-lg-11 {
    grid-row-end: span 11;
  }

  .row-offset-t-lg-11 {
    grid-row-start: 12;
  }

  .col-t-lg-12 {
    grid-column-end: span 12;
  }

  .col-offset-t-lg-12 {
    grid-column-start: 13;
  }

  .row-t-lg-12 {
    grid-row-end: span 12;
  }

  .row-offset-t-lg-12 {
    grid-row-start: 13;
  }
}
@media (min-width: 1023px) {
  .col-t-max-1 {
    grid-column-end: span 1;
  }

  .col-offset-t-max-1 {
    grid-column-start: 2;
  }

  .row-t-max-1 {
    grid-row-end: span 1;
  }

  .row-offset-t-max-1 {
    grid-row-start: 2;
  }

  .col-t-max-2 {
    grid-column-end: span 2;
  }

  .col-offset-t-max-2 {
    grid-column-start: 3;
  }

  .row-t-max-2 {
    grid-row-end: span 2;
  }

  .row-offset-t-max-2 {
    grid-row-start: 3;
  }

  .col-t-max-3 {
    grid-column-end: span 3;
  }

  .col-offset-t-max-3 {
    grid-column-start: 4;
  }

  .row-t-max-3 {
    grid-row-end: span 3;
  }

  .row-offset-t-max-3 {
    grid-row-start: 4;
  }

  .col-t-max-4 {
    grid-column-end: span 4;
  }

  .col-offset-t-max-4 {
    grid-column-start: 5;
  }

  .row-t-max-4 {
    grid-row-end: span 4;
  }

  .row-offset-t-max-4 {
    grid-row-start: 5;
  }

  .col-t-max-5 {
    grid-column-end: span 5;
  }

  .col-offset-t-max-5 {
    grid-column-start: 6;
  }

  .row-t-max-5 {
    grid-row-end: span 5;
  }

  .row-offset-t-max-5 {
    grid-row-start: 6;
  }

  .col-t-max-6 {
    grid-column-end: span 6;
  }

  .col-offset-t-max-6 {
    grid-column-start: 7;
  }

  .row-t-max-6 {
    grid-row-end: span 6;
  }

  .row-offset-t-max-6 {
    grid-row-start: 7;
  }

  .col-t-max-7 {
    grid-column-end: span 7;
  }

  .col-offset-t-max-7 {
    grid-column-start: 8;
  }

  .row-t-max-7 {
    grid-row-end: span 7;
  }

  .row-offset-t-max-7 {
    grid-row-start: 8;
  }

  .col-t-max-8 {
    grid-column-end: span 8;
  }

  .col-offset-t-max-8 {
    grid-column-start: 9;
  }

  .row-t-max-8 {
    grid-row-end: span 8;
  }

  .row-offset-t-max-8 {
    grid-row-start: 9;
  }

  .col-t-max-9 {
    grid-column-end: span 9;
  }

  .col-offset-t-max-9 {
    grid-column-start: 10;
  }

  .row-t-max-9 {
    grid-row-end: span 9;
  }

  .row-offset-t-max-9 {
    grid-row-start: 10;
  }

  .col-t-max-10 {
    grid-column-end: span 10;
  }

  .col-offset-t-max-10 {
    grid-column-start: 11;
  }

  .row-t-max-10 {
    grid-row-end: span 10;
  }

  .row-offset-t-max-10 {
    grid-row-start: 11;
  }

  .col-t-max-11 {
    grid-column-end: span 11;
  }

  .col-offset-t-max-11 {
    grid-column-start: 12;
  }

  .row-t-max-11 {
    grid-row-end: span 11;
  }

  .row-offset-t-max-11 {
    grid-row-start: 12;
  }

  .col-t-max-12 {
    grid-column-end: span 12;
  }

  .col-offset-t-max-12 {
    grid-column-start: 13;
  }

  .row-t-max-12 {
    grid-row-end: span 12;
  }

  .row-offset-t-max-12 {
    grid-row-start: 13;
  }
}
@media (min-width: 1279px) {
  .col-d-sm-1 {
    grid-column-end: span 1;
  }

  .col-offset-d-sm-1 {
    grid-column-start: 2;
  }

  .row-d-sm-1 {
    grid-row-end: span 1;
  }

  .row-offset-d-sm-1 {
    grid-row-start: 2;
  }

  .col-d-sm-2 {
    grid-column-end: span 2;
  }

  .col-offset-d-sm-2 {
    grid-column-start: 3;
  }

  .row-d-sm-2 {
    grid-row-end: span 2;
  }

  .row-offset-d-sm-2 {
    grid-row-start: 3;
  }

  .col-d-sm-3 {
    grid-column-end: span 3;
  }

  .col-offset-d-sm-3 {
    grid-column-start: 4;
  }

  .row-d-sm-3 {
    grid-row-end: span 3;
  }

  .row-offset-d-sm-3 {
    grid-row-start: 4;
  }

  .col-d-sm-4 {
    grid-column-end: span 4;
  }

  .col-offset-d-sm-4 {
    grid-column-start: 5;
  }

  .row-d-sm-4 {
    grid-row-end: span 4;
  }

  .row-offset-d-sm-4 {
    grid-row-start: 5;
  }

  .col-d-sm-5 {
    grid-column-end: span 5;
  }

  .col-offset-d-sm-5 {
    grid-column-start: 6;
  }

  .row-d-sm-5 {
    grid-row-end: span 5;
  }

  .row-offset-d-sm-5 {
    grid-row-start: 6;
  }

  .col-d-sm-6 {
    grid-column-end: span 6;
  }

  .col-offset-d-sm-6 {
    grid-column-start: 7;
  }

  .row-d-sm-6 {
    grid-row-end: span 6;
  }

  .row-offset-d-sm-6 {
    grid-row-start: 7;
  }

  .col-d-sm-7 {
    grid-column-end: span 7;
  }

  .col-offset-d-sm-7 {
    grid-column-start: 8;
  }

  .row-d-sm-7 {
    grid-row-end: span 7;
  }

  .row-offset-d-sm-7 {
    grid-row-start: 8;
  }

  .col-d-sm-8 {
    grid-column-end: span 8;
  }

  .col-offset-d-sm-8 {
    grid-column-start: 9;
  }

  .row-d-sm-8 {
    grid-row-end: span 8;
  }

  .row-offset-d-sm-8 {
    grid-row-start: 9;
  }

  .col-d-sm-9 {
    grid-column-end: span 9;
  }

  .col-offset-d-sm-9 {
    grid-column-start: 10;
  }

  .row-d-sm-9 {
    grid-row-end: span 9;
  }

  .row-offset-d-sm-9 {
    grid-row-start: 10;
  }

  .col-d-sm-10 {
    grid-column-end: span 10;
  }

  .col-offset-d-sm-10 {
    grid-column-start: 11;
  }

  .row-d-sm-10 {
    grid-row-end: span 10;
  }

  .row-offset-d-sm-10 {
    grid-row-start: 11;
  }

  .col-d-sm-11 {
    grid-column-end: span 11;
  }

  .col-offset-d-sm-11 {
    grid-column-start: 12;
  }

  .row-d-sm-11 {
    grid-row-end: span 11;
  }

  .row-offset-d-sm-11 {
    grid-row-start: 12;
  }

  .col-d-sm-12 {
    grid-column-end: span 12;
  }

  .col-offset-d-sm-12 {
    grid-column-start: 13;
  }

  .row-d-sm-12 {
    grid-row-end: span 12;
  }

  .row-offset-d-sm-12 {
    grid-row-start: 13;
  }
}
@media (min-width: 1439px) {
  .col-d-1 {
    grid-column-end: span 1;
  }

  .col-offset-d-1 {
    grid-column-start: 2;
  }

  .row-d-1 {
    grid-row-end: span 1;
  }

  .row-offset-d-1 {
    grid-row-start: 2;
  }

  .col-d-2 {
    grid-column-end: span 2;
  }

  .col-offset-d-2 {
    grid-column-start: 3;
  }

  .row-d-2 {
    grid-row-end: span 2;
  }

  .row-offset-d-2 {
    grid-row-start: 3;
  }

  .col-d-3 {
    grid-column-end: span 3;
  }

  .col-offset-d-3 {
    grid-column-start: 4;
  }

  .row-d-3 {
    grid-row-end: span 3;
  }

  .row-offset-d-3 {
    grid-row-start: 4;
  }

  .col-d-4 {
    grid-column-end: span 4;
  }

  .col-offset-d-4 {
    grid-column-start: 5;
  }

  .row-d-4 {
    grid-row-end: span 4;
  }

  .row-offset-d-4 {
    grid-row-start: 5;
  }

  .col-d-5 {
    grid-column-end: span 5;
  }

  .col-offset-d-5 {
    grid-column-start: 6;
  }

  .row-d-5 {
    grid-row-end: span 5;
  }

  .row-offset-d-5 {
    grid-row-start: 6;
  }

  .col-d-6 {
    grid-column-end: span 6;
  }

  .col-offset-d-6 {
    grid-column-start: 7;
  }

  .row-d-6 {
    grid-row-end: span 6;
  }

  .row-offset-d-6 {
    grid-row-start: 7;
  }

  .col-d-7 {
    grid-column-end: span 7;
  }

  .col-offset-d-7 {
    grid-column-start: 8;
  }

  .row-d-7 {
    grid-row-end: span 7;
  }

  .row-offset-d-7 {
    grid-row-start: 8;
  }

  .col-d-8 {
    grid-column-end: span 8;
  }

  .col-offset-d-8 {
    grid-column-start: 9;
  }

  .row-d-8 {
    grid-row-end: span 8;
  }

  .row-offset-d-8 {
    grid-row-start: 9;
  }

  .col-d-9 {
    grid-column-end: span 9;
  }

  .col-offset-d-9 {
    grid-column-start: 10;
  }

  .row-d-9 {
    grid-row-end: span 9;
  }

  .row-offset-d-9 {
    grid-row-start: 10;
  }

  .col-d-10 {
    grid-column-end: span 10;
  }

  .col-offset-d-10 {
    grid-column-start: 11;
  }

  .row-d-10 {
    grid-row-end: span 10;
  }

  .row-offset-d-10 {
    grid-row-start: 11;
  }

  .col-d-11 {
    grid-column-end: span 11;
  }

  .col-offset-d-11 {
    grid-column-start: 12;
  }

  .row-d-11 {
    grid-row-end: span 11;
  }

  .row-offset-d-11 {
    grid-row-start: 12;
  }

  .col-d-12 {
    grid-column-end: span 12;
  }

  .col-offset-d-12 {
    grid-column-start: 13;
  }

  .row-d-12 {
    grid-row-end: span 12;
  }

  .row-offset-d-12 {
    grid-row-start: 13;
  }
}
@media (min-width: 1599px) {
  .col-d-lg-1 {
    grid-column-end: span 1;
  }

  .col-offset-d-lg-1 {
    grid-column-start: 2;
  }

  .row-d-lg-1 {
    grid-row-end: span 1;
  }

  .row-offset-d-lg-1 {
    grid-row-start: 2;
  }

  .col-d-lg-2 {
    grid-column-end: span 2;
  }

  .col-offset-d-lg-2 {
    grid-column-start: 3;
  }

  .row-d-lg-2 {
    grid-row-end: span 2;
  }

  .row-offset-d-lg-2 {
    grid-row-start: 3;
  }

  .col-d-lg-3 {
    grid-column-end: span 3;
  }

  .col-offset-d-lg-3 {
    grid-column-start: 4;
  }

  .row-d-lg-3 {
    grid-row-end: span 3;
  }

  .row-offset-d-lg-3 {
    grid-row-start: 4;
  }

  .col-d-lg-4 {
    grid-column-end: span 4;
  }

  .col-offset-d-lg-4 {
    grid-column-start: 5;
  }

  .row-d-lg-4 {
    grid-row-end: span 4;
  }

  .row-offset-d-lg-4 {
    grid-row-start: 5;
  }

  .col-d-lg-5 {
    grid-column-end: span 5;
  }

  .col-offset-d-lg-5 {
    grid-column-start: 6;
  }

  .row-d-lg-5 {
    grid-row-end: span 5;
  }

  .row-offset-d-lg-5 {
    grid-row-start: 6;
  }

  .col-d-lg-6 {
    grid-column-end: span 6;
  }

  .col-offset-d-lg-6 {
    grid-column-start: 7;
  }

  .row-d-lg-6 {
    grid-row-end: span 6;
  }

  .row-offset-d-lg-6 {
    grid-row-start: 7;
  }

  .col-d-lg-7 {
    grid-column-end: span 7;
  }

  .col-offset-d-lg-7 {
    grid-column-start: 8;
  }

  .row-d-lg-7 {
    grid-row-end: span 7;
  }

  .row-offset-d-lg-7 {
    grid-row-start: 8;
  }

  .col-d-lg-8 {
    grid-column-end: span 8;
  }

  .col-offset-d-lg-8 {
    grid-column-start: 9;
  }

  .row-d-lg-8 {
    grid-row-end: span 8;
  }

  .row-offset-d-lg-8 {
    grid-row-start: 9;
  }

  .col-d-lg-9 {
    grid-column-end: span 9;
  }

  .col-offset-d-lg-9 {
    grid-column-start: 10;
  }

  .row-d-lg-9 {
    grid-row-end: span 9;
  }

  .row-offset-d-lg-9 {
    grid-row-start: 10;
  }

  .col-d-lg-10 {
    grid-column-end: span 10;
  }

  .col-offset-d-lg-10 {
    grid-column-start: 11;
  }

  .row-d-lg-10 {
    grid-row-end: span 10;
  }

  .row-offset-d-lg-10 {
    grid-row-start: 11;
  }

  .col-d-lg-11 {
    grid-column-end: span 11;
  }

  .col-offset-d-lg-11 {
    grid-column-start: 12;
  }

  .row-d-lg-11 {
    grid-row-end: span 11;
  }

  .row-offset-d-lg-11 {
    grid-row-start: 12;
  }

  .col-d-lg-12 {
    grid-column-end: span 12;
  }

  .col-offset-d-lg-12 {
    grid-column-start: 13;
  }

  .row-d-lg-12 {
    grid-row-end: span 12;
  }

  .row-offset-d-lg-12 {
    grid-row-start: 13;
  }
}
@media (min-width: 1919px) {
  .col-d-xlg-1 {
    grid-column-end: span 1;
  }

  .col-offset-d-xlg-1 {
    grid-column-start: 2;
  }

  .row-d-xlg-1 {
    grid-row-end: span 1;
  }

  .row-offset-d-xlg-1 {
    grid-row-start: 2;
  }

  .col-d-xlg-2 {
    grid-column-end: span 2;
  }

  .col-offset-d-xlg-2 {
    grid-column-start: 3;
  }

  .row-d-xlg-2 {
    grid-row-end: span 2;
  }

  .row-offset-d-xlg-2 {
    grid-row-start: 3;
  }

  .col-d-xlg-3 {
    grid-column-end: span 3;
  }

  .col-offset-d-xlg-3 {
    grid-column-start: 4;
  }

  .row-d-xlg-3 {
    grid-row-end: span 3;
  }

  .row-offset-d-xlg-3 {
    grid-row-start: 4;
  }

  .col-d-xlg-4 {
    grid-column-end: span 4;
  }

  .col-offset-d-xlg-4 {
    grid-column-start: 5;
  }

  .row-d-xlg-4 {
    grid-row-end: span 4;
  }

  .row-offset-d-xlg-4 {
    grid-row-start: 5;
  }

  .col-d-xlg-5 {
    grid-column-end: span 5;
  }

  .col-offset-d-xlg-5 {
    grid-column-start: 6;
  }

  .row-d-xlg-5 {
    grid-row-end: span 5;
  }

  .row-offset-d-xlg-5 {
    grid-row-start: 6;
  }

  .col-d-xlg-6 {
    grid-column-end: span 6;
  }

  .col-offset-d-xlg-6 {
    grid-column-start: 7;
  }

  .row-d-xlg-6 {
    grid-row-end: span 6;
  }

  .row-offset-d-xlg-6 {
    grid-row-start: 7;
  }

  .col-d-xlg-7 {
    grid-column-end: span 7;
  }

  .col-offset-d-xlg-7 {
    grid-column-start: 8;
  }

  .row-d-xlg-7 {
    grid-row-end: span 7;
  }

  .row-offset-d-xlg-7 {
    grid-row-start: 8;
  }

  .col-d-xlg-8 {
    grid-column-end: span 8;
  }

  .col-offset-d-xlg-8 {
    grid-column-start: 9;
  }

  .row-d-xlg-8 {
    grid-row-end: span 8;
  }

  .row-offset-d-xlg-8 {
    grid-row-start: 9;
  }

  .col-d-xlg-9 {
    grid-column-end: span 9;
  }

  .col-offset-d-xlg-9 {
    grid-column-start: 10;
  }

  .row-d-xlg-9 {
    grid-row-end: span 9;
  }

  .row-offset-d-xlg-9 {
    grid-row-start: 10;
  }

  .col-d-xlg-10 {
    grid-column-end: span 10;
  }

  .col-offset-d-xlg-10 {
    grid-column-start: 11;
  }

  .row-d-xlg-10 {
    grid-row-end: span 10;
  }

  .row-offset-d-xlg-10 {
    grid-row-start: 11;
  }

  .col-d-xlg-11 {
    grid-column-end: span 11;
  }

  .col-offset-d-xlg-11 {
    grid-column-start: 12;
  }

  .row-d-xlg-11 {
    grid-row-end: span 11;
  }

  .row-offset-d-xlg-11 {
    grid-row-start: 12;
  }

  .col-d-xlg-12 {
    grid-column-end: span 12;
  }

  .col-offset-d-xlg-12 {
    grid-column-start: 13;
  }

  .row-d-xlg-12 {
    grid-row-end: span 12;
  }

  .row-offset-d-xlg-12 {
    grid-row-start: 13;
  }
}
@media (min-width: 2559px) {
  .col-d-xxlg-1 {
    grid-column-end: span 1;
  }

  .col-offset-d-xxlg-1 {
    grid-column-start: 2;
  }

  .row-d-xxlg-1 {
    grid-row-end: span 1;
  }

  .row-offset-d-xxlg-1 {
    grid-row-start: 2;
  }

  .col-d-xxlg-2 {
    grid-column-end: span 2;
  }

  .col-offset-d-xxlg-2 {
    grid-column-start: 3;
  }

  .row-d-xxlg-2 {
    grid-row-end: span 2;
  }

  .row-offset-d-xxlg-2 {
    grid-row-start: 3;
  }

  .col-d-xxlg-3 {
    grid-column-end: span 3;
  }

  .col-offset-d-xxlg-3 {
    grid-column-start: 4;
  }

  .row-d-xxlg-3 {
    grid-row-end: span 3;
  }

  .row-offset-d-xxlg-3 {
    grid-row-start: 4;
  }

  .col-d-xxlg-4 {
    grid-column-end: span 4;
  }

  .col-offset-d-xxlg-4 {
    grid-column-start: 5;
  }

  .row-d-xxlg-4 {
    grid-row-end: span 4;
  }

  .row-offset-d-xxlg-4 {
    grid-row-start: 5;
  }

  .col-d-xxlg-5 {
    grid-column-end: span 5;
  }

  .col-offset-d-xxlg-5 {
    grid-column-start: 6;
  }

  .row-d-xxlg-5 {
    grid-row-end: span 5;
  }

  .row-offset-d-xxlg-5 {
    grid-row-start: 6;
  }

  .col-d-xxlg-6 {
    grid-column-end: span 6;
  }

  .col-offset-d-xxlg-6 {
    grid-column-start: 7;
  }

  .row-d-xxlg-6 {
    grid-row-end: span 6;
  }

  .row-offset-d-xxlg-6 {
    grid-row-start: 7;
  }

  .col-d-xxlg-7 {
    grid-column-end: span 7;
  }

  .col-offset-d-xxlg-7 {
    grid-column-start: 8;
  }

  .row-d-xxlg-7 {
    grid-row-end: span 7;
  }

  .row-offset-d-xxlg-7 {
    grid-row-start: 8;
  }

  .col-d-xxlg-8 {
    grid-column-end: span 8;
  }

  .col-offset-d-xxlg-8 {
    grid-column-start: 9;
  }

  .row-d-xxlg-8 {
    grid-row-end: span 8;
  }

  .row-offset-d-xxlg-8 {
    grid-row-start: 9;
  }

  .col-d-xxlg-9 {
    grid-column-end: span 9;
  }

  .col-offset-d-xxlg-9 {
    grid-column-start: 10;
  }

  .row-d-xxlg-9 {
    grid-row-end: span 9;
  }

  .row-offset-d-xxlg-9 {
    grid-row-start: 10;
  }

  .col-d-xxlg-10 {
    grid-column-end: span 10;
  }

  .col-offset-d-xxlg-10 {
    grid-column-start: 11;
  }

  .row-d-xxlg-10 {
    grid-row-end: span 10;
  }

  .row-offset-d-xxlg-10 {
    grid-row-start: 11;
  }

  .col-d-xxlg-11 {
    grid-column-end: span 11;
  }

  .col-offset-d-xxlg-11 {
    grid-column-start: 12;
  }

  .row-d-xxlg-11 {
    grid-row-end: span 11;
  }

  .row-offset-d-xxlg-11 {
    grid-row-start: 12;
  }

  .col-d-xxlg-12 {
    grid-column-end: span 12;
  }

  .col-offset-d-xxlg-12 {
    grid-column-start: 13;
  }

  .row-d-xxlg-12 {
    grid-row-end: span 12;
  }

  .row-offset-d-xxlg-12 {
    grid-row-start: 13;
  }
}
/**
  * This file contains code related to typography - titles, paragraphs, text modifiers, etc
  */
h1.-big, .gutenberg h1.has-large-font-size,
div.editor-styles-wrapper h1.has-large-font-size {
  font-size: clamp(3.25rem, 1.9735915493rem + 5.4460093897vw, 6.875rem);
  line-height: clamp(3.25rem, 2.1936619718rem + 4.5070422535vw, 6.25rem);
}
h1.-small, .parents-banner-ctn .author-ctn .author-presentation .gutenberg h1.has-large-font-size, .gutenberg .parents-banner-ctn .author-ctn .author-presentation h1.has-large-font-size,
.parents-banner-ctn .author-ctn .author-presentation div.editor-styles-wrapper h1.has-large-font-size,
div.editor-styles-wrapper .parents-banner-ctn .author-ctn .author-presentation h1.has-large-font-size, .parents-banner-ctn .author-ctn .author-presentation .gutenberg h1.has-small-font-size, .gutenberg .parents-banner-ctn .author-ctn .author-presentation h1.has-small-font-size,
.parents-banner-ctn .author-ctn .author-presentation div.editor-styles-wrapper h1.has-small-font-size,
div.editor-styles-wrapper .parents-banner-ctn .author-ctn .author-presentation h1.has-small-font-size, .gutenberg h1.has-small-font-size,
div.editor-styles-wrapper h1.has-small-font-size {
  font-size: clamp(3.25rem, 2.7218309859rem + 2.2535211268vw, 4.75rem);
  line-height: clamp(3.25rem, 2.6998239437rem + 2.3474178404vw, 4.8125rem);
}
@media (max-width: 420px) {
  h1 {
    font-size: 40px !important;
    line-height: 48px !important;
    letter-spacing: -1.5px !important;
  }
}
@media (max-width: 375px) {
  h1 {
    font-size: 32px !important;
    line-height: 36px !important;
    letter-spacing: -1px !important;
  }
}

h2.-big, .gutenberg h2.has-large-font-size,
div.editor-styles-wrapper h2.has-large-font-size {
  font-size: clamp(2.375rem, 1.4507042254rem + 3.9436619718vw, 5rem);
  line-height: clamp(2.5rem, 1.6197183099rem + 3.7558685446vw, 5rem);
  letter-spacing: -3px;
  font-weight: 800;
}
h2.-medium {
  font-size: clamp(2.375rem, 1.8028169014rem + 2.441314554vw, 4rem);
  line-height: clamp(2.75rem, 2.1778169014rem + 2.441314554vw, 4.375rem);
  letter-spacing: -3px;
  font-weight: 800;
}
@media (max-width: 768px) {
  h2.-big, .gutenberg h2.has-large-font-size,
div.editor-styles-wrapper h2.has-large-font-size {
    letter-spacing: -2px;
  }
  h2.-medium {
    font-weight: 900;
    letter-spacing: -2px;
  }
}

p.-big, .gutenberg .-big.has-small-font-size,
div.editor-styles-wrapper .-big.has-small-font-size, .gutenberg .has-large-font-size,
div.editor-styles-wrapper .has-large-font-size {
  font-size: var(--font-size-large);
  line-height: var(--line-height-large);
  font-weight: var(--font-weight-large);
  letter-spacing: var(--letter-spacing-large);
  font-family: var(--font-primary);
}
p.-small, .parents-banner-ctn .author-ctn .author-presentation p, .gutenberg .has-small-font-size,
div.editor-styles-wrapper .has-small-font-size, .gutenberg .-small.has-large-font-size, .parents-banner-ctn .author-ctn .author-presentation .gutenberg .has-large-font-size, .gutenberg .parents-banner-ctn .author-ctn .author-presentation .has-large-font-size,
div.editor-styles-wrapper .-small.has-large-font-size,
.parents-banner-ctn .author-ctn .author-presentation div.editor-styles-wrapper .has-large-font-size,
div.editor-styles-wrapper .parents-banner-ctn .author-ctn .author-presentation .has-large-font-size {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}

/**
  * This file contains code that overrides gutenberg blocks in admin and on pages
  * Gutenberg style must be inside theme.json :
  * https://developer.wordpress.org/block-editor/how-to-guides/themes/global-settings-and-styles/
  * --------------------------------------------
  * But can be override here if necessary
  */
.gutenberg > *:first-child {
  margin-top: 0;
}
.gutenberg > *:last-child {
  margin-bottom: 0;
}

.gutenberg,
div.editor-styles-wrapper {
  /* WP UL / OL */
  /**** Block quote ****/
  /**** Add default padding and radius on elements with background ****/
  /**** Block media and text ****/
  /**** Block column ****/
  /**** Block group ****/
  /**** Block gallery ****/
  /**** Block Youtube ****/
  /**** Block Image ****/
  /**** Block button ****/
}
.gutenberg p a, .gutenberg .has-small-font-size a, .gutenberg .has-large-font-size a,
div.editor-styles-wrapper p a,
div.editor-styles-wrapper .has-small-font-size a,
div.editor-styles-wrapper .has-large-font-size a {
  text-decoration: underline;
}
.gutenberg p.is-style-introduction-paragraph, .gutenberg .is-style-introduction-paragraph.has-small-font-size, .gutenberg .is-style-introduction-paragraph.has-large-font-size,
div.editor-styles-wrapper p.is-style-introduction-paragraph,
div.editor-styles-wrapper .is-style-introduction-paragraph.has-small-font-size,
div.editor-styles-wrapper .is-style-introduction-paragraph.has-large-font-size {
  color: var(--color-blue);
  font-family: var(--font-primary);
  font-size: clamp(1.625rem, 1.4049295775rem + 0.9389671362vw, 2.25rem);
  font-weight: 500;
  line-height: clamp(2.125rem, 1.7068661972rem + 1.7840375587vw, 3.3125rem);
  letter-spacing: -2px;
}
.gutenberg ul, .gutenberg ol,
div.editor-styles-wrapper ul,
div.editor-styles-wrapper ol {
  list-style: none;
  padding: 0;
}
.gutenberg ul li, .gutenberg ol li,
div.editor-styles-wrapper ul li,
div.editor-styles-wrapper ol li {
  margin: 1em 0;
  position: relative;
  padding-left: 1.5em;
}
.gutenberg ul li::before, .gutenberg ol li::before,
div.editor-styles-wrapper ul li::before,
div.editor-styles-wrapper ol li::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0.5em;
  height: 0.5em;
  border-radius: 10px;
  background: var(--primary-gradient);
}
.gutenberg ol,
div.editor-styles-wrapper ol {
  list-style: number;
}
.gutenberg .wp-block-quote,
div.editor-styles-wrapper .wp-block-quote {
  max-width: 1060px;
  position: relative;
  padding-left: clamp(4.375rem, 3.0545774648rem + 5.6338028169vw, 8.125rem);
}
.gutenberg .wp-block-quote::before,
div.editor-styles-wrapper .wp-block-quote::before {
  content: "";
  background-image: url(../images/orange-quote.ecdc6f6b4afeacda34bd.svg);
  background-size: contain;
  background-repeat: no-repeat;
  min-width: clamp(2.5rem, 1.8397887324rem + 2.8169014085vw, 4.375rem);
  max-width: clamp(2.5rem, 1.8397887324rem + 2.8169014085vw, 4.375rem);
  height: 60px;
  margin-right: clamp(1.875rem, 1.6549295775rem + 0.9389671362vw, 2.5rem);
  position: absolute;
  left: 0;
  top: 20px;
}
.gutenberg .wp-block-columns.has-background,
.gutenberg .wp-block-group.has-background,
.gutenberg .wp-block-column.has-background,
.gutenberg .wp-block-media-text.has-background,
div.editor-styles-wrapper .wp-block-columns.has-background,
div.editor-styles-wrapper .wp-block-group.has-background,
div.editor-styles-wrapper .wp-block-column.has-background,
div.editor-styles-wrapper .wp-block-media-text.has-background {
  border-radius: 32px;
  padding: clamp(2.5rem, 1.6197183099rem + 3.7558685446vw, 5rem) clamp(1.875rem, 0.8846830986rem + 4.2253521127vw, 4.6875rem);
}
.gutenberg .wp-block-columns.has-background .wp-block-button.is-style-outline .wp-element-button,
.gutenberg .wp-block-group.has-background .wp-block-button.is-style-outline .wp-element-button,
.gutenberg .wp-block-column.has-background .wp-block-button.is-style-outline .wp-element-button,
.gutenberg .wp-block-media-text.has-background .wp-block-button.is-style-outline .wp-element-button,
div.editor-styles-wrapper .wp-block-columns.has-background .wp-block-button.is-style-outline .wp-element-button,
div.editor-styles-wrapper .wp-block-group.has-background .wp-block-button.is-style-outline .wp-element-button,
div.editor-styles-wrapper .wp-block-column.has-background .wp-block-button.is-style-outline .wp-element-button,
div.editor-styles-wrapper .wp-block-media-text.has-background .wp-block-button.is-style-outline .wp-element-button {
  border: none;
  padding: var(--button-vertical-padding) var(--button-horizontal-padding);
}
.gutenberg .wp-block-media-text,
div.editor-styles-wrapper .wp-block-media-text {
  gap: 40px;
}
.gutenberg .wp-block-media-text.has-background,
div.editor-styles-wrapper .wp-block-media-text.has-background {
  padding: clamp(2.5rem, 2.2799295775rem + 0.9389671362vw, 3.125rem) clamp(1.875rem, 0.4504086181rem + 2.9717682021vw, 3.125rem) clamp(2.5rem, 2.2799295775rem + 0.9389671362vw, 3.125rem) clamp(1.875rem, -1.6864784547rem + 7.4294205052vw, 5rem);
}
.gutenberg .wp-block-media-text .wp-block-media-text__content,
div.editor-styles-wrapper .wp-block-media-text .wp-block-media-text__content {
  padding: 0;
}
.gutenberg .wp-block-media-text .wp-block-media-text__content > *,
div.editor-styles-wrapper .wp-block-media-text .wp-block-media-text__content > * {
  margin: 40px 0;
}
.gutenberg .wp-block-media-text .wp-block-media-text__content > *:first-child,
div.editor-styles-wrapper .wp-block-media-text .wp-block-media-text__content > *:first-child {
  margin-top: 0;
}
.gutenberg .wp-block-media-text .wp-block-media-text__content > *:last-child,
div.editor-styles-wrapper .wp-block-media-text .wp-block-media-text__content > *:last-child {
  margin-bottom: 0;
}
.gutenberg .wp-block-media-text .wp-block-media-text__media img,
div.editor-styles-wrapper .wp-block-media-text .wp-block-media-text__media img {
  border-radius: 24px;
}
@media (max-width: 781px) {
  .gutenberg .wp-block-media-text,
div.editor-styles-wrapper .wp-block-media-text {
    display: flex;
    flex-direction: column;
  }
}
.gutenberg .wp-block-gallery.has-nested-images .wp-block-image,
div.editor-styles-wrapper .wp-block-gallery.has-nested-images .wp-block-image {
  flex-grow: initial;
}
.gutenberg .wp-block-embed-youtube,
.gutenberg .wp-block-embed,
div.editor-styles-wrapper .wp-block-embed-youtube,
div.editor-styles-wrapper .wp-block-embed {
  max-width: 100%;
  margin: 0px auto;
}
.gutenberg .wp-block-embed-youtube .wp-block-embed__wrapper,
.gutenberg .wp-block-embed .wp-block-embed__wrapper,
div.editor-styles-wrapper .wp-block-embed-youtube .wp-block-embed__wrapper,
div.editor-styles-wrapper .wp-block-embed .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.gutenberg .wp-block-embed-youtube .wp-block-embed__wrapper iframe,
.gutenberg .wp-block-embed .wp-block-embed__wrapper iframe,
div.editor-styles-wrapper .wp-block-embed-youtube .wp-block-embed__wrapper iframe,
div.editor-styles-wrapper .wp-block-embed .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gutenberg .wp-block-image img,
div.editor-styles-wrapper .wp-block-image img {
  width: 100%;
}
.gutenberg .wp-block-button .wp-element-button,
div.editor-styles-wrapper .wp-block-button .wp-element-button {
  position: relative;
  max-width: fit-content;
  background: var(--primary-gradient);
  z-index: 1;
}
.gutenberg .wp-block-button .wp-element-button::before,
div.editor-styles-wrapper .wp-block-button .wp-element-button::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 24px;
  opacity: 0;
  z-index: -1;
  transition: var(--basic-transition);
  background-color: var(--color-blue);
}
.gutenberg .wp-block-button .wp-element-button::after,
div.editor-styles-wrapper .wp-block-button .wp-element-button::after {
  color: var(--color-blue);
}
.gutenberg .wp-block-button .wp-element-button:hover::before,
div.editor-styles-wrapper .wp-block-button .wp-element-button:hover::before {
  opacity: 1;
}
.gutenberg .wp-block-button .wp-element-button:hover::after,
div.editor-styles-wrapper .wp-block-button .wp-element-button:hover::after {
  color: var(--color-white);
}
.gutenberg .wp-block-button.is-style-outline .wp-element-button,
div.editor-styles-wrapper .wp-block-button.is-style-outline .wp-element-button {
  background: var(--color-white);
  border: 3px solid var(--color-blue);
  box-sizing: border-box;
  color: var(--color-blue);
  padding: clamp(0.9375rem, 0.8934859155rem + 0.1877934272vw, 1.0625rem) clamp(1.3125rem, 1.136443662rem + 0.7511737089vw, 1.8125rem);
}
.gutenberg .wp-block-button.is-style-outline .wp-element-button::before,
div.editor-styles-wrapper .wp-block-button.is-style-outline .wp-element-button::before {
  display: none;
}
.gutenberg .wp-block-button.is-style-outline .wp-element-button::after,
div.editor-styles-wrapper .wp-block-button.is-style-outline .wp-element-button::after {
  color: var(--color-blue);
}
.gutenberg .wp-block-button.is-style-outline .wp-element-button:hover,
div.editor-styles-wrapper .wp-block-button.is-style-outline .wp-element-button:hover {
  color: var(--color-white);
  background: var(--color-blue);
}
.gutenberg .wp-block-button.is-style-outline .wp-element-button:hover::after,
div.editor-styles-wrapper .wp-block-button.is-style-outline .wp-element-button:hover::after {
  color: var(--color-white);
}
.gutenberg .wp-block-button.is-style-warning a.wp-element-button,
div.editor-styles-wrapper .wp-block-button.is-style-warning a.wp-element-button {
  border-radius: 24px;
  background: var(--primary-gradient);
  padding: 24px 32px;
  color: #1A3675;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: -0.24px;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .gutenberg .wp-block-button.is-style-warning a.wp-element-button,
div.editor-styles-wrapper .wp-block-button.is-style-warning a.wp-element-button {
    padding: 24px 16px;
    font-size: 20px;
    line-height: 21px;
  }
}
.gutenberg .wp-block-button.is-style-warning a.wp-element-button:before,
div.editor-styles-wrapper .wp-block-button.is-style-warning a.wp-element-button:before {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: none;
  opacity: 1;
  position: unset;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNvbnRlbnRfY29weSI+CjxtYXNrIGlkPSJtYXNrMF8zMDE0XzE2OTUiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+CjxyZWN0IGlkPSJCb3VuZGluZyBib3giIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzAxNF8xNjk1KSI+CjxwYXRoIGlkPSJjb250ZW50X2NvcHlfMiIgZD0iTTEyIDI0LjAwMDNDMTEuMjY2NyAyNC4wMDAzIDEwLjYzODkgMjMuNzM5MiAxMC4xMTY3IDIzLjIxN0M5LjU5NDQ1IDIyLjY5NDggOS4zMzMzMyAyMi4wNjcgOS4zMzMzMyAyMS4zMzM3VjUuMzMzNjZDOS4zMzMzMyA0LjYwMDMzIDkuNTk0NDUgMy45NzI1NSAxMC4xMTY3IDMuNDUwMzNDMTAuNjM4OSAyLjkyODEgMTEuMjY2NyAyLjY2Njk5IDEyIDIuNjY2OTlIMjRDMjQuNzMzMyAyLjY2Njk5IDI1LjM2MTEgMi45MjgxIDI1Ljg4MzMgMy40NTAzM0MyNi40MDU2IDMuOTcyNTUgMjYuNjY2NyA0LjYwMDMzIDI2LjY2NjcgNS4zMzM2NlYyMS4zMzM3QzI2LjY2NjcgMjIuMDY3IDI2LjQwNTYgMjIuNjk0OCAyNS44ODMzIDIzLjIxN0MyNS4zNjExIDIzLjczOTIgMjQuNzMzMyAyNC4wMDAzIDI0IDI0LjAwMDNIMTJaTTEyIDIxLjMzMzdIMjRWNS4zMzM2NkgxMlYyMS4zMzM3Wk02LjY2NjY3IDI5LjMzMzdDNS45MzMzMyAyOS4zMzM3IDUuMzA1NTYgMjkuMDcyNiA0Ljc4MzMzIDI4LjU1MDNDNC4yNjExMSAyOC4wMjgxIDQgMjcuNDAwMyA0IDI2LjY2N1Y4LjAwMDMzSDYuNjY2NjdWMjYuNjY3SDIxLjMzMzNWMjkuMzMzN0g2LjY2NjY3WiIgZmlsbD0iIzFBMzY3NSIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==);
}
.gutenberg .wp-block-button.is-style-warning a.wp-element-button:hover,
div.editor-styles-wrapper .wp-block-button.is-style-warning a.wp-element-button:hover {
  background: var(--color-dark-blue);
  color: white;
}
.gutenberg .wp-block-button.is-style-warning a.wp-element-button:hover:before,
div.editor-styles-wrapper .wp-block-button.is-style-warning a.wp-element-button:hover:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMTRfMTY5NSIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDE0XzE2OTUpIj4KPHBhdGggZD0iTTEyIDI0LjAwMDNDMTEuMjY2NyAyNC4wMDAzIDEwLjYzODkgMjMuNzM5MiAxMC4xMTY3IDIzLjIxN0M5LjU5NDQ1IDIyLjY5NDggOS4zMzMzMyAyMi4wNjcgOS4zMzMzMyAyMS4zMzM3VjUuMzMzNjZDOS4zMzMzMyA0LjYwMDMzIDkuNTk0NDUgMy45NzI1NSAxMC4xMTY3IDMuNDUwMzNDMTAuNjM4OSAyLjkyODEgMTEuMjY2NyAyLjY2Njk5IDEyIDIuNjY2OTlIMjRDMjQuNzMzMyAyLjY2Njk5IDI1LjM2MTEgMi45MjgxIDI1Ljg4MzMgMy40NTAzM0MyNi40MDU2IDMuOTcyNTUgMjYuNjY2NyA0LjYwMDMzIDI2LjY2NjcgNS4zMzM2NlYyMS4zMzM3QzI2LjY2NjcgMjIuMDY3IDI2LjQwNTYgMjIuNjk0OCAyNS44ODMzIDIzLjIxN0MyNS4zNjExIDIzLjczOTIgMjQuNzMzMyAyNC4wMDAzIDI0IDI0LjAwMDNIMTJaTTEyIDIxLjMzMzdIMjRWNS4zMzM2NkgxMlYyMS4zMzM3Wk02LjY2NjY3IDI5LjMzMzdDNS45MzMzMyAyOS4zMzM3IDUuMzA1NTYgMjkuMDcyNiA0Ljc4MzMzIDI4LjU1MDNDNC4yNjExMSAyOC4wMjgxIDQgMjcuNDAwMyA0IDI2LjY2N1Y4LjAwMDMzSDYuNjY2NjdWMjYuNjY3SDIxLjMzMzNWMjkuMzMzN0g2LjY2NjY3WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K);
}
@media (max-width: 781px) {
  .gutenberg p.is-style-introduction-paragraph, .gutenberg .is-style-introduction-paragraph.has-large-font-size, .gutenberg .is-style-introduction-paragraph.has-small-font-size,
div.editor-styles-wrapper p.is-style-introduction-paragraph,
div.editor-styles-wrapper .is-style-introduction-paragraph.has-large-font-size,
div.editor-styles-wrapper .is-style-introduction-paragraph.has-small-font-size {
    letter-spacing: -1px;
  }
  .gutenberg .wp-block-column .wp-block-buttons.is-content-justification-right,
div.editor-styles-wrapper .wp-block-column .wp-block-buttons.is-content-justification-right {
    justify-content: flex-start;
  }
}

body {
  background-color: var(--color-dark-blue);
}
body .main-content {
  position: relative;
  z-index: 50;
}
body.parents-style .main-content {
  background-color: var(--color-light-grey);
  border-radius: 20px 20px 0px 0px;
  position: relative;
  overflow: hidden;
}
body.teens-style .quick-links-ctn {
  display: block;
}
body.teens-style .main-content {
  background-color: var(--color-blue);
  border-radius: 20px 20px 0px 0px;
  position: relative;
  overflow: hidden;
}
body.kids-style .quick-links-ctn {
  display: block;
}
body.kids-style .main-content {
  background-color: var(--color-cool-blue);
  border-radius: 20px 20px 0px 0px;
  position: relative;
  overflow: hidden;
}
body.stakeholders-style .main-content {
  background-color: white;
  border-radius: 20px 20px 0px 0px;
  position: relative;
  overflow: hidden;
}

#cursorEffect {
  border-radius: 764px;
  opacity: 1;
  background: #FFF;
  mix-blend-mode: plus-lighter;
  filter: blur(200px);
  z-index: 1;
  width: 200px;
  height: 200px;
  pointer-events: none;
  position: absolute;
  transition: all linear 0.3s;
  top: 0;
  left: 0;
}
@media (max-width: 1024px) {
  #cursorEffect {
    display: none;
  }
}

.surtitre {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 11px 24px;
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: fit-content;
  border-radius: 100px;
  font-family: var(--font-primary);
}
.surtitre i {
  font-size: 16px;
  transition: var(--basic-transition);
  transform: translateX(0);
}
.surtitre.-left-animation:hover i {
  transform: translateX(-5px);
}

.tablet {
  color: white;
  font-size: 12px;
  font-weight: 700;
  line-height: 10px;
  border-radius: 9px;
  border: 1px solid #FFF;
  padding: 6px;
  font-family: var(--font-primary);
  transition: var(--basic-transition);
}
.tablet.-blue {
  border-color: var(--color-blue);
  color: var(--color-blue);
}
.tablet.-opacity {
  opacity: 0.6;
}

.full-background-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.full-background-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 992px) {
  .full-background-image {
    height: 55%;
  }
}

.grey-div {
  background-color: var(--color-beige);
  position: relative;
  padding-bottom: clamp(6.25rem, 5.1496478873rem + 4.6948356808vw, 9.375rem);
  margin-top: clamp(3.125rem, -7.559435364rem + 22.2882615156vw, 12.5rem);
}
.grey-div .wave-effect {
  background-image: url(../images/wave-beige.bd31884c116739a7d578.svg);
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 99%;
  left: 0;
  height: clamp(3.125rem, -0.176056338rem + 14.0845070423vw, 12.5rem);
  pointer-events: none;
}
.grey-div__content {
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .grey-div .grey-div {
    padding-top: 80px;
  }
}

.otgs-development-site-front-end {
  display: none;
}

#headerPlaceholder {
  transition: var(--basic-transition);
  height: 52px;
}
@media (max-width: 992px) {
  #headerPlaceholder {
    height: 34px;
  }
}

.content-accordion-ctn {
  margin-bottom: var(--bloc-spacing);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.content-accordion-ctn .accordion-ctn {
  width: 100%;
  overflow: hidden;
  transition: var(--basic-transition);
  display: flex;
  flex-direction: column;
  border-radius: 24px;
  background-color: var(--color-beige);
  padding: 0 clamp(0.9375rem, 0.1672535211rem + 3.2863849765vw, 3.125rem);
}
.content-accordion-ctn .accordion-ctn .inner {
  transition: var(--basic-transition);
}
.content-accordion-ctn .accordion-ctn .title {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  height: 90px;
}
@media (max-width: 768px) {
  .content-accordion-ctn .accordion-ctn .title {
    gap: 0;
    height: auto;
  }
}
.content-accordion-ctn .accordion-ctn .title-accordion {
  display: block;
  pointer-events: none;
  padding: clamp(0.9375rem, 0.7174295775rem + 0.9389671362vw, 1.5625rem) 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--grid-gutter);
  color: var(--color-blue);
  font-size: clamp(1.25rem, 1.073943662rem + 0.7511737089vw, 1.75rem);
  font-weight: 700;
  letter-spacing: -1px;
  line-height: clamp(1.625rem, 1.448943662rem + 0.7511737089vw, 2.125rem);
  margin: 0;
  width: 93%;
}
.content-accordion-ctn .accordion-ctn .toggler {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--grid-gutter);
  margin-left: 30px;
  min-width: 42px;
  max-width: 42px;
  min-height: 42px;
  max-height: 42px;
  pointer-events: none;
  background: var(--primary-gradient);
  border-radius: 50%;
}
.content-accordion-ctn .accordion-ctn .toggler::before, .content-accordion-ctn .accordion-ctn .toggler::after {
  position: absolute;
  display: block;
  content: "";
  width: 18px;
  height: 5px;
  transition: var(--basic-transition);
  pointer-events: none;
  background-color: var(--color-blue);
}
.content-accordion-ctn .accordion-ctn .toggler::after {
  transform: rotate(90deg);
}
.content-accordion-ctn .accordion-ctn a {
  display: inline;
}
.content-accordion-ctn .accordion-ctn p, .content-accordion-ctn .accordion-ctn .gutenberg .has-large-font-size, .gutenberg .content-accordion-ctn .accordion-ctn .has-large-font-size,
.content-accordion-ctn .accordion-ctn div.editor-styles-wrapper .has-large-font-size,
div.editor-styles-wrapper .content-accordion-ctn .accordion-ctn .has-large-font-size, .content-accordion-ctn .accordion-ctn .gutenberg .has-small-font-size, .gutenberg .content-accordion-ctn .accordion-ctn .has-small-font-size,
.content-accordion-ctn .accordion-ctn div.editor-styles-wrapper .has-small-font-size,
div.editor-styles-wrapper .content-accordion-ctn .accordion-ctn .has-small-font-size {
  color: #273042;
}
.content-accordion-ctn .accordion-ctn strong a,
.content-accordion-ctn .accordion-ctn a strong {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--grid-gutter);
  transition: var(--basic-transition);
  background-color: transparent;
  padding: 0 0 5px !important;
  max-width: fit-content;
  margin: 15px 0;
}
.content-accordion-ctn .accordion-ctn strong a[target=_blank]:after, .content-accordion-ctn .accordion-ctn strong a[href$=".pdf"]:after, .content-accordion-ctn .accordion-ctn strong a[href$=".doc"]:after,
.content-accordion-ctn .accordion-ctn a strong[target=_blank]:after,
.content-accordion-ctn .accordion-ctn a strong[href$=".pdf"]:after,
.content-accordion-ctn .accordion-ctn a strong[href$=".doc"]:after {
  font-family: "icomoon";
  content: "\e90d";
  position: relative;
  margin-left: 15px;
  display: inline-block;
  font-size: 12px;
  transition: var(--basic-transition);
}
.content-accordion-ctn .accordion-ctn strong a[href$=".pdf"]:after, .content-accordion-ctn .accordion-ctn strong a[href$=".doc"]:after, .content-accordion-ctn .accordion-ctn strong a[download]:after,
.content-accordion-ctn .accordion-ctn a strong[href$=".pdf"]:after,
.content-accordion-ctn .accordion-ctn a strong[href$=".doc"]:after,
.content-accordion-ctn .accordion-ctn a strong[download]:after {
  content: "\e908";
  font-weight: 700;
  font-size: 18px;
}
.content-accordion-ctn .accordion-ctn.open .toggler::after {
  transform: rotate(0deg);
}
.content-accordion-ctn .accordion-ctn.open .content {
  visibility: visible;
}
.content-accordion-ctn .accordion-ctn .content {
  margin: 0;
  padding: 25px 0 30px;
  visibility: hidden;
}
.content-accordion-ctn .accordion-ctn .content > *:first-child {
  margin-top: 0;
}
.content-accordion-ctn .accordion-ctn .content > *:last-child {
  margin-bottom: 0;
}

.content-troll-ctn {
  background-color: var(--color-fluo-green);
  border-radius: 32px;
  display: flex;
  justify-content: space-between;
  gap: clamp(1.25rem, 0.8098591549rem + 1.8779342723vw, 2.5rem);
}
.content-troll-ctn.-column-display {
  flex-direction: column;
  padding: 57px clamp(1.875rem, 1.6549295775rem + 0.9389671362vw, 2.5rem) 0;
  gap: 20px;
}
.content-troll-ctn.-column-display .text-ctn {
  max-width: 100%;
  padding: 0;
}
.content-troll-ctn.-column-display .img-ctn {
  padding: 0;
}
.content-troll-ctn.-column-display .img-ctn img {
  width: 100%;
  object-fit: contain;
  max-height: 200px;
}
.content-troll-ctn .text-ctn {
  max-width: 67%;
  padding: 57px 0 clamp(1.875rem, 1.2147887324rem + 2.8169014085vw, 3.75rem) clamp(1.875rem, 1.2147887324rem + 2.8169014085vw, 3.75rem);
}
.content-troll-ctn .text-ctn .title {
  margin: 0 0 40px;
}
.content-troll-ctn .img-ctn {
  padding: clamp(1.875rem, 1.2147887324rem + 2.8169014085vw, 3.75rem) clamp(1.875rem, 1.5669014085rem + 1.3145539906vw, 2.75rem) 0 0;
  display: flex;
  align-items: flex-end;
}
.content-troll-ctn .img-ctn img {
  width: 100%;
  object-fit: contain;
}
@media (max-width: 992px) {
  .content-troll-ctn {
    flex-direction: column;
    padding: clamp(1.875rem, 1.2147887324rem + 2.8169014085vw, 3.75rem) clamp(1.875rem, 1.2147887324rem + 2.8169014085vw, 3.75rem) 0;
  }
  .content-troll-ctn .text-ctn {
    max-width: 100%;
    padding: 0;
  }
  .content-troll-ctn .img-ctn {
    padding: 0;
  }
  .content-troll-ctn .img-ctn img {
    width: 100%;
    object-fit: contain;
    max-height: 200px;
  }
}

.content-file-ctn {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 30px 0;
}
.content-file-ctn .file {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 20px 30px;
  border-radius: 24px;
  background-color: var(--color-beige);
  font-size: clamp(1.25rem, 1.2059859155rem + 0.1877934272vw, 1.375rem);
  line-height: clamp(1.625rem, 1.5809859155rem + 0.1877934272vw, 1.75rem);
  font-family: var(--font-primary);
  transition: var(--basic-transition);
  text-decoration: none;
}
.content-file-ctn .file i {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--grid-gutter);
  font-size: 20px;
  margin-left: 10px;
  min-width: 42px;
  max-width: 42px;
  min-height: 42px;
  max-height: 42px;
  pointer-events: none;
  background: var(--primary-gradient);
  border-radius: 50%;
  transition: var(--basic-transition);
  color: var(--color-blue);
}
.content-file-ctn .file:hover, .content-file-ctn .file:focus-within {
  background-color: var(--color-blue);
  color: white;
}
.content-file-ctn .file:hover i, .content-file-ctn .file:focus-within i {
  color: var(--color-blue);
}

.animated-phone-ctn {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px 0 clamp(1.25rem, -1.5991827637rem + 5.9435364042vw, 3.75rem);
}
.animated-phone-ctn img {
  transition: var(--basic-transition);
}
.animated-phone-ctn .phone-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.animated-phone-ctn .phone-image img {
  animation: floating 4s ease-in-out infinite;
  transform: translate(0, 0);
  transition: var(--basic-transition);
}

.basic-banner-ctn {
  z-index: 2;
  position: relative;
}
.basic-banner-ctn.-more-margin .banner-text-ctn {
  padding-top: clamp(7.5rem, 6.8397887324rem + 2.8169014085vw, 9.375rem);
}
.basic-banner-ctn.-parents-style .banner-text-ctn h1 {
  color: var(--color-orange-dark);
}
.basic-banner-ctn.-teens-style .banner-text-ctn h1 {
  color: var(--color-fluo-green);
}
.basic-banner-ctn.-stakeholders-style .banner-text-ctn h1 {
  color: var(--color-purple-dark);
}
.basic-banner-ctn.-stakeholders-style .banner-text-ctn .banner-excerpt {
  max-width: 822px;
}
.basic-banner-ctn .banner-text-ctn {
  padding-top: 120px;
  max-width: 965px;
  margin-right: auto;
  margin-left: auto;
}
.basic-banner-ctn .banner-text-ctn p, .basic-banner-ctn .banner-text-ctn .gutenberg .has-large-font-size, .gutenberg .basic-banner-ctn .banner-text-ctn .has-large-font-size,
.basic-banner-ctn .banner-text-ctn div.editor-styles-wrapper .has-large-font-size,
div.editor-styles-wrapper .basic-banner-ctn .banner-text-ctn .has-large-font-size, .basic-banner-ctn .banner-text-ctn .gutenberg .has-small-font-size, .gutenberg .basic-banner-ctn .banner-text-ctn .has-small-font-size,
.basic-banner-ctn .banner-text-ctn div.editor-styles-wrapper .has-small-font-size,
div.editor-styles-wrapper .basic-banner-ctn .banner-text-ctn .has-small-font-size, .basic-banner-ctn .banner-text-ctn h1 {
  text-align: center;
}
.basic-banner-ctn .banner-text-ctn h1 {
  margin: 0 0 40px;
}
.basic-banner-ctn .banner-text-ctn .banner-ontitle,
.basic-banner-ctn .banner-text-ctn .banner-excerpt {
  margin-right: auto;
  margin-left: auto;
}
.basic-banner-ctn .banner-text-ctn .banner-ontitle p, .basic-banner-ctn .banner-text-ctn .banner-ontitle .gutenberg .has-large-font-size, .gutenberg .basic-banner-ctn .banner-text-ctn .banner-ontitle .has-large-font-size,
.basic-banner-ctn .banner-text-ctn .banner-ontitle div.editor-styles-wrapper .has-large-font-size,
div.editor-styles-wrapper .basic-banner-ctn .banner-text-ctn .banner-ontitle .has-large-font-size, .basic-banner-ctn .banner-text-ctn .banner-ontitle .gutenberg .has-small-font-size, .gutenberg .basic-banner-ctn .banner-text-ctn .banner-ontitle .has-small-font-size,
.basic-banner-ctn .banner-text-ctn .banner-ontitle div.editor-styles-wrapper .has-small-font-size,
div.editor-styles-wrapper .basic-banner-ctn .banner-text-ctn .banner-ontitle .has-small-font-size,
.basic-banner-ctn .banner-text-ctn .banner-excerpt p,
.basic-banner-ctn .banner-text-ctn .banner-excerpt .gutenberg .has-large-font-size,
.gutenberg .basic-banner-ctn .banner-text-ctn .banner-excerpt .has-large-font-size,
.basic-banner-ctn .banner-text-ctn .banner-excerpt div.editor-styles-wrapper .has-large-font-size,
div.editor-styles-wrapper .basic-banner-ctn .banner-text-ctn .banner-excerpt .has-large-font-size,
.basic-banner-ctn .banner-text-ctn .banner-excerpt .gutenberg .has-small-font-size,
.gutenberg .basic-banner-ctn .banner-text-ctn .banner-excerpt .has-small-font-size,
.basic-banner-ctn .banner-text-ctn .banner-excerpt div.editor-styles-wrapper .has-small-font-size,
div.editor-styles-wrapper .basic-banner-ctn .banner-text-ctn .banner-excerpt .has-small-font-size {
  font-family: var(--font-primary);
  color: var(--color-blue);
  margin: 0;
}
.basic-banner-ctn .banner-text-ctn .banner-ontitle {
  display: flex;
  justify-content: center;
  margin-bottom: clamp(2.5rem, 2.2799295775rem + 0.9389671362vw, 3.125rem);
}
.basic-banner-ctn .banner-text-ctn .banner-ontitle p, .basic-banner-ctn .banner-text-ctn .banner-ontitle .gutenberg .has-large-font-size, .gutenberg .basic-banner-ctn .banner-text-ctn .banner-ontitle .has-large-font-size,
.basic-banner-ctn .banner-text-ctn .banner-ontitle div.editor-styles-wrapper .has-large-font-size,
div.editor-styles-wrapper .basic-banner-ctn .banner-text-ctn .banner-ontitle .has-large-font-size, .basic-banner-ctn .banner-text-ctn .banner-ontitle .gutenberg .has-small-font-size, .gutenberg .basic-banner-ctn .banner-text-ctn .banner-ontitle .has-small-font-size,
.basic-banner-ctn .banner-text-ctn .banner-ontitle div.editor-styles-wrapper .has-small-font-size,
div.editor-styles-wrapper .basic-banner-ctn .banner-text-ctn .banner-ontitle .has-small-font-size {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1px;
  font-weight: 700;
  padding: 13px 24px;
  background-color: var(--color-beige);
  border-radius: 100px;
}
.basic-banner-ctn .banner-text-ctn .banner-excerpt {
  max-width: 622px;
}
.basic-banner-ctn .banner-img-ctn {
  width: 100%;
  margin-top: clamp(5rem, 4.8459507042rem + 0.6572769953vw, 5.4375rem);
}
.basic-banner-ctn .banner-img-ctn img {
  width: 100%;
  height: 75vh;
  object-fit: cover;
}

.home-teens-banner-ctn {
  position: relative;
}
.home-teens-banner-ctn .main-banner-ctn {
  padding-top: clamp(8.125rem, 6.5845070423rem + 6.5727699531vw, 12.5rem);
  padding-bottom: clamp(12.5rem, 6.9982394366rem + 23.4741784038vw, 28.125rem);
  z-index: 2;
}
.home-teens-banner-ctn .gradients {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.home-teens-banner-ctn .gradients::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #1A3675 31.22%, rgba(26, 54, 117, 0) 82.8%);
}
.home-teens-banner-ctn .gradients::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #1A3675 5.22%, rgba(26, 54, 117, 0) 82.8%);
}
.home-teens-banner-ctn .text-ctn {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(1.875rem, 1.6549295775rem + 0.9389671362vw, 2.5rem);
}
.home-teens-banner-ctn .text-ctn h1 {
  color: var(--color-fluo-green);
  margin: 0;
}
.home-teens-banner-ctn .play-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.home-teens-banner-ctn .play-button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 135px;
  height: 135px;
  background: var(--primary-gradient);
  border-radius: 50%;
  z-index: 1;
  transition: var(--basic-transition);
  transform: scale(1);
}
.home-teens-banner-ctn .play-button a i {
  font-size: 40px;
  color: var(--color-blue);
  transition: var(--basic-transition);
}
.home-teens-banner-ctn .play-button a:hover {
  width: 155px;
  height: 155px;
}
.home-teens-banner-ctn .play-button a:hover i {
  font-size: 45px;
}
.home-teens-banner-ctn .video-ctn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.home-teens-banner-ctn .video-ctn video,
.home-teens-banner-ctn .video-ctn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-teens-banner-ctn .video-ctn img {
  display: none;
}
.home-teens-banner-ctn .wave-effect {
  background-image: url(../images/wave-white.eeb926a8e12ebb27961e.svg);
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: -2px;
  left: 0;
  height: clamp(3.125rem, -0.176056338rem + 14.0845070423vw, 12.5rem);
  pointer-events: none;
}
@media (max-width: 992px) {
  .home-teens-banner-ctn .grid {
    row-gap: 100px;
  }
}
@media (max-width: 768px) {
  .home-teens-banner-ctn .play-button {
    display: none;
  }
  .home-teens-banner-ctn .video-ctn img {
    display: block;
  }
  .home-teens-banner-ctn .video-ctn video {
    display: none;
  }
}

.teens-banner-ctn {
  position: relative;
}
.teens-banner-ctn .white-blur-circle {
  border-radius: 764px;
  opacity: 0.05;
  background: #FFF;
  mix-blend-mode: plus-lighter;
  filter: blur(200px);
  z-index: 1;
  width: 954px;
  height: 954px;
  pointer-events: none;
  position: absolute;
  transition: all linear 0.3s;
  top: -300px;
  left: -150px;
}
.teens-banner-ctn .main-banner-ctn {
  padding-top: clamp(2.5rem, 1.7297535211rem + 3.2863849765vw, 4.6875rem);
  padding-bottom: clamp(8.125rem, 5.3301056338rem + 11.9248826291vw, 16.0625rem);
  z-index: 2;
}
.teens-banner-ctn .gradients {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.teens-banner-ctn .gradients::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #1A3675 31.22%, rgba(26, 54, 117, 0) 82.8%);
}
.teens-banner-ctn .gradients::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #1A3675 5.22%, rgba(26, 54, 117, 0) 82.8%);
}
.teens-banner-ctn .text-ctn {
  position: relative;
  z-index: 1;
  display: flex;
  margin-top: 90px;
  height: 100%;
  flex-direction: column;
  gap: clamp(1.25rem, 0.8098591549rem + 1.8779342723vw, 2.5rem);
}
.teens-banner-ctn .text-ctn p, .teens-banner-ctn .text-ctn .gutenberg .has-large-font-size, .gutenberg .teens-banner-ctn .text-ctn .has-large-font-size,
.teens-banner-ctn .text-ctn div.editor-styles-wrapper .has-large-font-size,
div.editor-styles-wrapper .teens-banner-ctn .text-ctn .has-large-font-size, .teens-banner-ctn .text-ctn .gutenberg .has-small-font-size, .gutenberg .teens-banner-ctn .text-ctn .has-small-font-size,
.teens-banner-ctn .text-ctn div.editor-styles-wrapper .has-small-font-size,
div.editor-styles-wrapper .teens-banner-ctn .text-ctn .has-small-font-size {
  margin: 0;
}
.teens-banner-ctn .text-ctn h1 {
  color: var(--color-fluo-green);
  margin: 0;
}
.teens-banner-ctn .text-ctn .surtitre {
  background-color: var(--color-dark-blue);
  color: white;
}
.teens-banner-ctn .text-ctn .introduction {
  color: white;
}
.teens-banner-ctn .wave-effect {
  background-image: url(../images/wave-white.eeb926a8e12ebb27961e.svg);
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: -2px;
  left: 0;
  height: clamp(3.125rem, -0.176056338rem + 14.0845070423vw, 12.5rem);
  pointer-events: none;
}
@media (max-width: 992px) {
  .teens-banner-ctn .grid {
    gap: clamp(3.125rem, 2.0246478873rem + 4.6948356808vw, 6.25rem);
    display: flex;
    flex-direction: column-reverse;
  }
  .teens-banner-ctn .text-ctn {
    margin-top: 0;
  }
  .teens-banner-ctn .gradients::after {
    background: linear-gradient(0deg, #1A3675 50%, rgba(26, 54, 117, 0) 80%);
  }
}
@media (max-width: 768px) {
  .teens-banner-ctn .text-ctn .surtitre {
    margin-bottom: 20px;
  }
}

.parents-banner-ctn {
  position: relative;
  background-color: var(--color-light-grey);
  z-index: 2;
}
.parents-banner-ctn .main-banner-ctn {
  padding: clamp(4.375rem, 3.8248239437rem + 2.3474178404vw, 5.9375rem) 0;
}
.parents-banner-ctn .banner-title {
  color: var(--color-orange-dark);
  margin: clamp(2.1875rem, 1.9674295775rem + 0.9389671362vw, 2.8125rem) auto 0;
  max-width: 900px;
  text-align: center;
}
.parents-banner-ctn .author-ctn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1.25rem, 1.0299295775rem + 0.9389671362vw, 1.875rem);
  margin-top: clamp(2.5rem, 2.0598591549rem + 1.8779342723vw, 3.75rem);
}
.parents-banner-ctn .author-ctn .author-image {
  min-width: clamp(3.75rem, 3.3098591549rem + 1.8779342723vw, 5rem);
  max-width: clamp(3.75rem, 3.3098591549rem + 1.8779342723vw, 5rem);
  min-height: clamp(3.75rem, 3.3098591549rem + 1.8779342723vw, 5rem);
  max-height: clamp(3.75rem, 3.3098591549rem + 1.8779342723vw, 5rem);
  border-radius: 50%;
  object-fit: cover;
}
.parents-banner-ctn .author-ctn .author-presentation {
  max-width: 540px;
}
.parents-banner-ctn .banner-img-ctn {
  width: 100%;
}
.parents-banner-ctn .banner-img-ctn img {
  width: 100%;
  height: 75vh;
  object-fit: cover;
}
@media (max-width: 420px) {
  .parents-banner-ctn .author-ctn {
    flex-direction: column;
  }
}

.hub-banner-ctn {
  z-index: 2;
  position: relative;
}
.hub-banner-ctn .text-ctn {
  gap: clamp(1.875rem, 1.6549295775rem + 0.9389671362vw, 2.5rem);
  padding: clamp(5.625rem, 3.8644366197rem + 7.5117370892vw, 10.625rem) 0 clamp(2.5rem, 0.2992957746rem + 9.3896713615vw, 8.75rem);
}
.hub-banner-ctn .text-ctn .banner-title {
  color: var(--color-fluo-green);
  margin: 0;
  font-size: clamp(2.375rem, 1.2306338028rem + 4.882629108vw, 5.625rem);
  line-height: clamp(2.375rem, 1.2966549296rem + 4.6009389671vw, 5.4375rem);
  letter-spacing: -4px;
}
.hub-banner-ctn .text-ctn .banner-introduction {
  color: white;
  font-size: clamp(1.125rem, 1.0589788732rem + 0.2816901408vw, 1.3125rem);
  line-height: clamp(1.75rem, 1.661971831rem + 0.3755868545vw, 2rem);
  margin: 0;
}
.hub-banner-ctn.-parents-style .text-ctn {
  gap: clamp(1.875rem, 0.9947183099rem + 3.7558685446vw, 4.375rem);
}
.hub-banner-ctn.-parents-style .banner-title {
  color: var(--color-orange-dark);
}
.hub-banner-ctn.-parents-style .banner-introduction {
  color: var(--color-blue);
}
@media (max-width: 992px) {
  .hub-banner-ctn .text-ctn .banner-title {
    letter-spacing: -2px;
  }
}
@media (max-width: 768px) {
  .hub-banner-ctn .text-ctn {
    display: flex;
    flex-direction: column;
  }
  .hub-banner-ctn .text-ctn .banner-title {
    letter-spacing: -1px;
  }
}

.home-banner-bento-ctn {
  margin-bottom: clamp(1.5625rem, -1.1883802817rem + 11.7370892019vw, 9.375rem);
  padding-top: clamp(3.125rem, 2.9049295775rem + 0.9389671362vw, 3.75rem);
  position: relative;
}
.home-banner-bento-ctn .white-blur-circle {
  border-radius: 764px;
  opacity: 0.05;
  background: #FFF;
  mix-blend-mode: plus-lighter;
  filter: blur(200px);
  z-index: 1;
  width: 954px;
  height: 954px;
  pointer-events: none;
  position: absolute;
  transition: all linear 0.3s;
  top: -300px;
  left: -150px;
}
.home-banner-bento-ctn .first-column,
.home-banner-bento-ctn .second-column {
  display: flex;
  flex-direction: column;
}
.home-banner-bento-ctn .banner-gap {
  gap: clamp(1.875rem, 1.6549295775rem + 0.9389671362vw, 2.5rem);
}
.home-banner-bento-ctn .logo-ctn {
  background-color: var(--color-fluo-green);
  padding: 68px;
  border-radius: 32px;
  display: flex;
  justify-content: center;
}
.home-banner-bento-ctn .logo-ctn img {
  object-fit: cover;
  height: 100%;
  width: 520px;
  max-width: 100%;
}
.home-banner-bento-ctn .page-title {
  display: block;
  text-align: center;
  color: var(--color-fluo-green);
  font-size: 38px;
  font-style: normal;
  font-weight: 800;
  line-height: 38px;
  letter-spacing: -1px;
  margin: 0;
}
@media (min-width: 768px) {
  .home-banner-bento-ctn .page-title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    color: black;
    font-size: 12px;
    text-align: center;
    padding: 5px;
  }
}
@media (max-width: 1280px) {
  .home-banner-bento-ctn .bento-ctn {
    display: flex;
    flex-direction: column;
  }
  .home-banner-bento-ctn .second-column {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .home-banner-bento-ctn .white-blur-circle {
    display: none;
  }
  .home-banner-bento-ctn .bento-ctn {
    gap: 35px;
  }
  .home-banner-bento-ctn .first-column {
    gap: 50px;
  }
  .home-banner-bento-ctn .first-column .home-cards-list {
    gap: 25px;
    display: flex;
    flex-direction: column;
  }
  .home-banner-bento-ctn .second-column {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .home-banner-bento-ctn .logo-ctn {
    display: none;
  }
}
@media (max-width: 320px) {
  .home-banner-bento-ctn .page-title {
    font-size: 32px;
    line-height: 32px;
  }
}

.kids-kit-banner-ctn {
  position: relative;
  background-color: var(--color-cool-blue);
}
.kids-kit-banner-ctn.-no-video {
  padding-bottom: clamp(3.125rem, -0.176056338rem + 14.0845070423vw, 12.5rem);
}
.kids-kit-banner-ctn.-no-video .wave-effect {
  height: clamp(3.125rem, -0.176056338rem + 14.0845070423vw, 12.5rem);
}
.kids-kit-banner-ctn .white-blur-circle {
  border-radius: 764px;
  opacity: 0.1;
  background: #FFF;
  mix-blend-mode: plus-lighter;
  filter: blur(200px);
  z-index: 1;
  width: 954px;
  height: 954px;
  pointer-events: none;
  position: absolute;
  transition: all linear 0.3s;
  top: -300px;
  left: -150px;
}
.kids-kit-banner-ctn .banner-title {
  color: var(--color-white);
  max-width: 998px;
  margin: 0 auto;
  text-align: center;
  padding: clamp(2.6875rem, 1.6531690141rem + 4.4131455399vw, 5.625rem) 0 clamp(3.3125rem, 2.7183098592rem + 2.5352112676vw, 5rem);
}
.kids-kit-banner-ctn .presentation-wrapper {
  position: relative;
  z-index: 2;
  margin-bottom: 100px;
}
.kids-kit-banner-ctn .presentation-wrapper .absolute-circle {
  position: absolute;
}
.kids-kit-banner-ctn .presentation-wrapper .absolute-circle.-purple {
  top: -64px;
  right: -110px;
}
.kids-kit-banner-ctn .presentation-wrapper .absolute-circle.-orange {
  top: 50%;
  left: -95px;
  transform: translateY(-50%);
}
.kids-kit-banner-ctn .presentation-wrapper .banner-video-wrapper {
  background-color: var(--color-white);
  display: flex;
  padding: 19px 16px;
  gap: clamp(1.875rem, -1.6864784547rem + 7.4294205052vw, 5rem);
  border-radius: 32px;
  box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 2;
}
.kids-kit-banner-ctn .presentation-wrapper .banner-video-wrapper .banner-introduction {
  max-width: 440px;
  margin: clamp(1.875rem, 1.1267605634rem + 3.1924882629vw, 4rem) 0;
  font-family: var(--font-primary);
  font-size: clamp(1.375rem, 0.9476225854rem + 0.8915304606vw, 1.75rem);
  font-weight: 500;
  line-height: clamp(1.875rem, 1.3051634473rem + 1.1887072808vw, 2.375rem);
  color: var(--color-blue);
}
.kids-kit-banner-ctn .wave-effect {
  background-image: url(../images/wave-white.eeb926a8e12ebb27961e.svg);
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: -2px;
  left: 0;
  height: clamp(12.5rem, 9.198943662rem + 14.0845070423vw, 21.875rem);
  pointer-events: none;
  bottom: 0;
}
@media (max-width: 768px) {
  .kids-kit-banner-ctn .white-blur-circle {
    display: none;
  }
  .kids-kit-banner-ctn .presentation-wrapper .absolute-circle {
    display: none;
  }
  .kids-kit-banner-ctn .presentation-wrapper .banner-video-wrapper {
    flex-direction: column;
    padding: 0;
    box-shadow: none;
    background-color: transparent;
  }
  .kids-kit-banner-ctn .presentation-wrapper .banner-video-wrapper .banner-video {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .kids-kit-banner-ctn .presentation-wrapper .banner-video-wrapper .banner-video .video-portrait-ctn {
    padding: 16px;
    border-radius: 16px;
    background-color: #FFF;
    width: 100%;
  }
  .kids-kit-banner-ctn .presentation-wrapper .banner-video-wrapper .banner-introduction {
    margin: 0 auto;
    font-weight: 600;
    padding-top: 30px;
    color: var(--color-white);
  }
  .kids-kit-banner-ctn .wave-effect {
    height: 100vh;
  }
}

.kids-landing-kit-banner-ctn {
  position: relative;
  background-color: var(--color-cool-blue);
  padding-bottom: 250px;
}
.kids-landing-kit-banner-ctn .white-blur-circle {
  border-radius: 764px;
  opacity: 0.1;
  background: #FFF;
  mix-blend-mode: plus-lighter;
  filter: blur(200px);
  z-index: 1;
  width: 954px;
  height: 954px;
  pointer-events: none;
  position: absolute;
  transition: all linear 0.3s;
  top: -300px;
  right: -150px;
}
.kids-landing-kit-banner-ctn .banner-background-img {
  position: absolute;
  left: clamp(0.9375rem, 0.1672535211rem + 3.2863849765vw, 3.125rem);
  bottom: 0;
  opacity: 0.2;
}
.kids-landing-kit-banner-ctn .banner-background-img img {
  width: clamp(25rem, 16.1091549296rem + 37.9342723005vw, 50.25rem);
}
.kids-landing-kit-banner-ctn .banner-wrapper {
  padding-top: 75px;
  position: relative;
  z-index: 2;
}
.kids-landing-kit-banner-ctn .banner-wrapper .banner-grid {
  gap: 60px;
}
.kids-landing-kit-banner-ctn .text-wrapper {
  display: flex;
  flex-direction: column;
  margin: auto 0;
  gap: clamp(2.5rem, 2.0598591549rem + 1.8779342723vw, 3.75rem);
  justify-content: center;
  height: 100%;
  position: relative;
  z-index: 5;
}
.kids-landing-kit-banner-ctn .text-wrapper .banner-title {
  color: var(--color-white);
  max-width: 998px;
  margin: 0;
}
.kids-landing-kit-banner-ctn .text-wrapper .banner-introduction {
  color: var(--color-white);
  margin: 0;
}
.kids-landing-kit-banner-ctn .banner-video-wrapper {
  position: relative;
  z-index: 2;
  width: fit-content;
}
.kids-landing-kit-banner-ctn .banner-video-wrapper .absolute-circle {
  position: absolute;
  object-fit: contain;
}
.kids-landing-kit-banner-ctn .banner-video-wrapper .absolute-circle.-purple {
  top: -64px;
  left: -103px;
  width: clamp(9.5rem, 7.7174295775rem + 7.6056338028vw, 14.5625rem);
}
.kids-landing-kit-banner-ctn .banner-video-wrapper .absolute-circle.-orange {
  bottom: -58px;
  right: -100px;
  width: clamp(16.25rem, 13.1690140845rem + 13.1455399061vw, 25rem);
}
.kids-landing-kit-banner-ctn .banner-video-wrapper .banner-video {
  display: flex;
  padding: 19px 16px;
  gap: clamp(1.875rem, -1.6864784547rem + 7.4294205052vw, 5rem);
  border-radius: 32px;
  background-color: #FFF;
  position: relative;
  z-index: 2;
  width: fit-content;
}
.kids-landing-kit-banner-ctn .wave-effect {
  background-image: url(../images/wave-white.eeb926a8e12ebb27961e.svg);
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: -2px;
  left: 0;
  height: clamp(3.125rem, -0.176056338rem + 14.0845070423vw, 12.5rem);
  pointer-events: none;
  bottom: 0;
}
@media (max-width: 850px) {
  .kids-landing-kit-banner-ctn {
    padding-bottom: 120px;
  }
  .kids-landing-kit-banner-ctn .white-blur-circle {
    display: none;
  }
  .kids-landing-kit-banner-ctn .banner-grid {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
  .kids-landing-kit-banner-ctn .banner-background-img {
    display: none;
  }
  .kids-landing-kit-banner-ctn .text-wrapper .banner-introduction {
    font-size: 18px;
    line-height: 28px;
    font-family: var(--font-secondary);
    letter-spacing: 0;
  }
  .kids-landing-kit-banner-ctn .banner-video-wrapper {
    position: relative;
    z-index: 2;
    width: fit-content;
  }
  .kids-landing-kit-banner-ctn .banner-video-wrapper .absolute-circle.-purple {
    top: -40px;
    left: -54px;
  }
  .kids-landing-kit-banner-ctn .banner-video-wrapper .absolute-circle.-orange {
    bottom: 0;
    right: -77px;
  }
  .kids-landing-kit-banner-ctn .banner-video-wrapper .banner-video {
    display: flex;
    padding: 19px 16px;
    gap: clamp(1.875rem, -1.6864784547rem + 7.4294205052vw, 5rem);
    border-radius: 32px;
    background-color: #FFF;
    position: relative;
    z-index: 2;
    width: fit-content;
  }
}
@media (max-width: 420px) {
  .kids-landing-kit-banner-ctn .width-100 {
    width: 100% !important;
  }
}

body.admin-bar header .header-navigation {
  top: 32px;
}
@media (max-width: 992px) {
  body.admin-bar .header-navigation {
    top: 32px !important;
  }
}
@media (max-width: 782px) {
  body.admin-bar .header-navigation {
    top: 46px !important;
  }
}

header {
  transition: var(--basic-transition);
}
header .header-navigation {
  padding: 8px clamp(0.9375rem, 0.6073943662rem + 1.4084507042vw, 1.875rem);
  background-color: var(--color-dark-blue);
  display: flex;
  justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  transition: var(--basic-transition);
}
header .header-navigation ul {
  list-style: none;
}
header .header-navigation .menu-items {
  display: flex;
  align-items: center;
}
header .header-navigation .menu-items.-primary {
  gap: clamp(1.5625rem, 1.2323943662rem + 1.4084507042vw, 2.5rem);
  visibility: visible;
}
header .header-navigation .menu-items.-primary .main-item {
  height: 100%;
}
header .header-navigation .menu-items.-primary .main-item a {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 100%;
  color: white;
  text-transform: uppercase;
  font-size: clamp(0.9375rem, 0.9154929577rem + 0.0938967136vw, 1rem);
  line-height: 18px;
  font-weight: 700;
  transition: var(--basic-transition);
  font-family: var(--font-primary);
}
header .header-navigation .menu-items.-primary .main-item a:hover {
  color: var(--color-global);
}
header .header-navigation .menu-items.-primary .main-item a:hover span {
  color: var(--color-global);
  border-color: var(--color-global);
  opacity: 1;
}
header .header-navigation .menu-items.-primary .current-menu-item a,
header .header-navigation .menu-items.-primary .current-page-ancestor a {
  color: var(--color-global);
  position: relative;
}
header .header-navigation .menu-items.-primary .current-menu-item a span,
header .header-navigation .menu-items.-primary .current-page-ancestor a span {
  color: var(--color-global);
  border-color: var(--color-global);
  opacity: 1;
}
header .header-navigation .menu-items.-primary .current-menu-item a::after,
header .header-navigation .menu-items.-primary .current-page-ancestor a::after {
  content: "";
  position: absolute;
  background-color: var(--color-global);
  height: 4px;
  width: 100%;
  left: 0;
  top: -8px;
}
header .header-navigation .menu-items.-secondary {
  gap: clamp(1.25rem, 1.0299295775rem + 0.9389671362vw, 1.875rem);
  visibility: visible;
}
header .header-navigation .menu-items.-secondary .main-item a {
  display: flex;
  color: white;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.7904929577rem + 0.0938967136vw, 0.875rem);
  line-height: 16px;
  font-weight: 500;
}
header .header-navigation .menu-items.-secondary .main-item a:hover {
  color: var(--color-global);
}
header .header-navigation .menu-items.-secondary .main-button {
  visibility: visible;
}
header .header-navigation .menu-items.-secondary .main-button a {
  padding: 4px 16px;
  border-width: 2px;
  font-size: 14px;
  font-weight: 700;
  gap: 8px;
}
header .header-navigation .menu-items.-secondary .main-button a i {
  font-size: 24px;
}
header .header-navigation .menu-items.-secondary .main-button a::after {
  font-size: 24px;
  margin-left: 8px;
}
header.-stakeholders-style {
  --color-global: #C9B9F5;
}
header.-parents-style {
  --color-global: #FFB55F;
}
header.-kids-style {
  --color-global: #50BAFF;
}
@media (max-width: 1100px) {
  header .header-navigation .menu-items.-secondary .main-button {
    max-width: 200px;
  }
}
@media (max-width: 992px) {
  header .header-navigation {
    position: absolute;
    top: 0 !important;
  }
  header .header-navigation .menu-items.-primary {
    display: none;
    visibility: hidden;
  }
  header .header-navigation .menu-items.-secondary {
    visibility: initial;
  }
  header .header-navigation .menu-items.-secondary .main-item {
    display: none;
    visibility: hidden;
  }
  header .header-navigation .menu-items.-secondary .main-item:first-child, header .header-navigation .menu-items.-secondary .main-item.-logout {
    display: flex;
    visibility: visible;
  }
  header .header-navigation .menu-items.-secondary .main-button {
    display: none;
    visibility: hidden;
  }
}

footer {
  background-color: #1A3675;
  padding: clamp(6.75rem, 6.485915493rem + 1.1267605634vw, 7.5rem) 0 40px;
  position: relative;
  overflow: hidden;
}
footer ul {
  list-style: none;
}
footer .main-footer-ctn,
footer .sub-footer {
  z-index: 3;
  position: relative;
}
footer .main-footer-ctn {
  padding-bottom: clamp(3.125rem, -45.8777777778rem + 102.2222222222vw, 17.5rem);
}
footer .main-footer-ctn .logo-ctn img {
  max-width: 400px;
  width: 100%;
}
footer .main-footer-ctn .footer-text {
  font-family: var(--font-secondary);
  color: white;
  margin: 60px 0 0;
  width: 95%;
}
@media (max-width: 768px) {
  footer .main-footer-ctn .footer-text {
    width: 100%;
  }
}
footer .main-footer-ctn .last-column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
footer .main-footer-ctn .last-column .partner-ctn {
  margin-top: auto;
}
footer .main-footer-ctn .last-column .partner-ctn img {
  margin-top: 50px;
}
footer .main-footer-ctn .column-title {
  color: #DEF450;
  margin-top: 0;
  margin-bottom: clamp(1.5625rem, 1.4524647887rem + 0.4694835681vw, 1.875rem);
  font-size: clamp(1.5625rem, 1.4524647887rem + 0.4694835681vw, 1.875rem);
  line-height: clamp(1.6875rem, 1.5774647887rem + 0.4694835681vw, 2rem);
  font-weight: 800;
  letter-spacing: -0.9px;
}
footer .main-footer-ctn .footer-menu {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
footer .main-footer-ctn .footer-menu .footer-link {
  display: flex;
}
footer .main-footer-ctn .footer-menu .footer-link a {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  font-family: var(--font-primary);
}
footer .main-footer-ctn .footer-menu .footer-link a:hover {
  color: var(--color-fluo-green);
}
footer .main-footer-ctn .footer-menu .footer-link a:hover span {
  color: var(--color-fluo-green);
  border-color: var(--color-fluo-green);
}
footer .main-footer-ctn .footer-menu .main-button {
  margin-top: 10px;
}
footer .main-footer-ctn .footer-menu .main-button a {
  width: min-content;
}
footer .main-footer-ctn .footer-menu .main-button i {
  font-size: 32px;
}
footer .sub-footer {
  display: flex;
  gap: clamp(0.625rem, -0.1347244733rem + 3.2414910859vw, 1.875rem);
}
footer .sub-footer .sub-footer-item {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  display: flex;
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
  font-family: var(--font-primary);
}
footer .sub-footer .sub-footer-item.-link,
footer .sub-footer .sub-footer-item .-link {
  font-weight: 600;
  text-decoration: underline;
  color: rgba(255, 255, 255, 0.7);
}
footer .sub-footer .sub-footer-item.-link:hover,
footer .sub-footer .sub-footer-item .-link:hover {
  color: white;
}
footer .footer-background-img {
  position: absolute;
  bottom: 0;
  right: 0;
  pointer-events: none;
  z-index: 2;
}
footer .white-blur-circle {
  border-radius: 764px;
  opacity: 0.1;
  background: #FFF;
  mix-blend-mode: plus-lighter;
  filter: blur(200px);
  z-index: 1;
  width: clamp(25.375rem, 21.1056338028rem + 18.2159624413vw, 37.5rem);
  height: clamp(25.375rem, 21.1056338028rem + 18.2159624413vw, 37.5rem);
  pointer-events: none;
  position: absolute;
  transition: all linear 0.3s;
  right: -100px;
  bottom: -220px;
}
@media (max-width: 768px) {
  footer {
    padding-bottom: 0;
  }
  footer .main-footer-ctn div:last-child {
    margin-top: 30px;
  }
  footer .sub-footer {
    flex-direction: column;
    align-items: center;
  }
  footer .footer-background-img {
    position: initial;
    margin-top: 15px;
  }
}

.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  background-color: var(--color-fluo-green);
  padding: 30px clamp(0.9375rem, 0.6073943662rem + 1.4084507042vw, 1.875rem) 60px;
  overflow: hidden;
  overscroll-behavior: contain;
  transition: var(--basic-transition);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.mobile-menu.-opened {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
  overflow-y: auto;
}
.mobile-menu .menu-actions-ctn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.mobile-menu .menu-actions-ctn #closeChildMenu {
  visibility: hidden;
  opacity: 0;
}
.mobile-menu .menu-actions-ctn #closeChildMenu::before {
  display: none;
}
.mobile-menu .menu-actions-ctn #closeChildMenu a {
  font-family: var(--font-primary);
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  color: var(--color-blue);
  background: linear-gradient(149deg, #E9FF5B 52.5%, #BDD42B 87.48%);
}
.mobile-menu .menu-actions-ctn #closeChildMenu a i {
  color: var(--color-blue);
}
.mobile-menu .menu-actions-ctn #closeChildMenu.-display {
  visibility: visible;
  opacity: 1;
}
.mobile-menu ul {
  list-style: none;
}
.mobile-menu .warning-button {
  margin-top: 24px;
  max-width: 100%;
}
.mobile-menu .warning-button a {
  min-width: 100%;
  border-radius: 32px !important;
  padding: 12px 16px !important;
  width: 100%;
  max-width: 100%;
  justify-content: center;
}
.mobile-menu .warning-button i {
  font-size: 28px;
}
.mobile-menu .close-menu {
  width: 50px;
  height: 50px;
  border-radius: 16px;
  position: relative;
  background-color: white;
  transition: var(--basic-transition);
  cursor: pointer;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.12);
}
.mobile-menu .close-menu span {
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: var(--color-blue);
  width: 25px;
  height: 3px;
  transition: var(--basic-transition);
}
.mobile-menu .close-menu span:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
}
.mobile-menu .close-menu span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.mobile-menu .close-menu:hover {
  background-color: var(--color-blue);
}
.mobile-menu .close-menu:hover span {
  background-color: white;
}
.mobile-menu .logo-ctn {
  display: flex;
  justify-content: center;
}
.mobile-menu .logo-ctn img {
  max-width: 100%;
}
.mobile-menu .menu-items {
  position: relative;
}
.mobile-menu .menu-items.-primary {
  margin-top: 40px;
  margin-bottom: 40px;
  transform: translateX(0);
  transition: var(--basic-transition);
}
.mobile-menu .menu-items.-primary .main-item {
  display: flex;
  flex-direction: column;
}
.mobile-menu .menu-items.-primary .main-item .main-link {
  display: flex;
  align-items: center;
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
  color: var(--color-blue);
  margin-bottom: 20px;
  letter-spacing: -1px;
  gap: 16px;
  padding: 20px 24px;
  background-color: #FFF;
  border-radius: 32px;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.12);
  width: 100%;
  max-width: 100%;
  font-family: var(--font-primary);
}
.mobile-menu .menu-items.-primary .main-item .main-link i {
  margin-left: auto;
  font-size: 22px;
}
.mobile-menu .menu-items.-primary .main-item.-has-child-link:hover {
  cursor: pointer;
}
.mobile-menu .menu-items.-primary .child-menu {
  display: flex;
  flex-direction: column;
  gap: 20px;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: calc(100% + clamp(0.9375rem, 0.6073943662rem + 1.4084507042vw, 1.875rem));
  top: 0;
  height: 100%;
  width: 100%;
}
.mobile-menu .menu-items.-primary .child-menu .child-menu-title {
  font-family: var(--font-primary);
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-bottom: 23px;
  color: var(--color-blue);
}
.mobile-menu .menu-items.-primary .child-menu .sub-item {
  display: flex;
}
.mobile-menu .menu-items.-primary .child-menu .sub-item a {
  color: var(--color-blue);
  font-family: var(--font-primary);
  font-size: 22px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: -1px;
}
.mobile-menu .menu-items.-primary .child-menu.-open {
  visibility: visible;
  opacity: 1;
}
.mobile-menu .menu-items.-primary.-open {
  transform: translateX(calc(-100% - clamp(0.9375rem, 0.6073943662rem + 1.4084507042vw, 1.875rem)));
}
.mobile-menu .menu-items.-secondary {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 20px;
  margin-top: 32px;
  max-width: fit-content;
}
.mobile-menu .menu-items.-secondary a {
  max-width: fit-content;
  font-size: 15px;
  font-family: var(--font-primary);
  font-weight: 600;
  line-height: 15px;
  color: var(--color-blue);
}
.mobile-menu .menu-items a:hover {
  opacity: 0.7;
}

.quick-links-ctn {
  display: none;
}
.quick-links-ctn .quick-links {
  position: fixed;
  right: 0;
  bottom: 60px;
  z-index: 500;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
  transition: var(--basic-transition);
}
@media (max-width: 768px) {
  .quick-links-ctn .quick-links {
    bottom: 0;
    right: clamp(0.9375rem, -0.4929577465rem + 6.103286385vw, 5rem);
    flex-direction: row-reverse;
  }
}

.global-cta-ctn {
  padding: clamp(3.125rem, 2.1346830986rem + 4.2253521127vw, 5.9375rem) clamp(1.875rem, -0.2618870728rem + 4.4576523031vw, 3.75rem) clamp(2.5rem, 1.0754086181rem + 2.9717682021vw, 3.75rem) clamp(1.875rem, -1.6864784547rem + 7.4294205052vw, 5rem);
  background-color: var(--color-orange);
  border-radius: 32px;
}
.global-cta-ctn .text-ctn {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.global-cta-ctn .text-ctn h2,
.global-cta-ctn .text-ctn p,
.global-cta-ctn .text-ctn .gutenberg .has-large-font-size,
.gutenberg .global-cta-ctn .text-ctn .has-large-font-size,
.global-cta-ctn .text-ctn div.editor-styles-wrapper .has-large-font-size,
div.editor-styles-wrapper .global-cta-ctn .text-ctn .has-large-font-size,
.global-cta-ctn .text-ctn .gutenberg .has-small-font-size,
.gutenberg .global-cta-ctn .text-ctn .has-small-font-size,
.global-cta-ctn .text-ctn div.editor-styles-wrapper .has-small-font-size,
div.editor-styles-wrapper .global-cta-ctn .text-ctn .has-small-font-size {
  margin: 0;
}
.global-cta-ctn .image-ctn {
  display: flex;
}
.global-cta-ctn .image-ctn img {
  width: 100%;
  object-fit: contain;
}
@media (max-width: 768px) {
  .global-cta-ctn .grid {
    display: flex;
    flex-direction: column-reverse;
  }
  .global-cta-ctn .text-ctn {
    margin-top: 10px;
  }
  .global-cta-ctn .text-ctn .main-button {
    max-width: 100%;
  }
  .global-cta-ctn .text-ctn .main-button a {
    width: 100%;
  }
  .global-cta-ctn .image-ctn {
    justify-content: center;
  }
  .global-cta-ctn .image-ctn img {
    max-width: 300px;
  }
}

.sms-cta-ctn {
  max-width: 840px;
  margin: clamp(6.25rem, 5.1496478873rem + 4.6948356808vw, 9.375rem) auto;
}
.sms-cta-ctn .introduction {
  font-family: var(--font-primary);
  color: var(--color-blue);
  font-size: clamp(1.875rem, 1.6549295775rem + 0.9389671362vw, 2.5rem);
  line-height: clamp(2.5rem, 2.235915493rem + 1.1267605634vw, 3.25rem);
  font-weight: 500;
  letter-spacing: -2px;
  text-align: center;
  margin-bottom: clamp(5rem, 3.8996478873rem + 4.6948356808vw, 8.125rem);
}
.sms-cta-ctn ul {
  list-style: none;
}
.sms-cta-ctn .main-ctn {
  position: relative;
}
.sms-cta-ctn .sentences-ctn {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  z-index: 1;
}
.sms-cta-ctn .sentences-ctn li {
  display: flex;
}
.sms-cta-ctn .sentences-ctn li p, .sms-cta-ctn .sentences-ctn li .gutenberg .has-large-font-size, .gutenberg .sms-cta-ctn .sentences-ctn li .has-large-font-size,
.sms-cta-ctn .sentences-ctn li div.editor-styles-wrapper .has-large-font-size,
div.editor-styles-wrapper .sms-cta-ctn .sentences-ctn li .has-large-font-size, .sms-cta-ctn .sentences-ctn li .gutenberg .has-small-font-size, .gutenberg .sms-cta-ctn .sentences-ctn li .has-small-font-size,
.sms-cta-ctn .sentences-ctn li div.editor-styles-wrapper .has-small-font-size,
div.editor-styles-wrapper .sms-cta-ctn .sentences-ctn li .has-small-font-size {
  margin: 0;
}
.sms-cta-ctn .sentences-ctn li:last-child .answer {
  border-radius: 20px 20px 0px 20px;
}
.sms-cta-ctn .sentences-ctn .sentence {
  display: flex;
  align-items: center;
  font-family: var(--font-primary);
  color: var(--color-blue);
  font-size: clamp(1.125rem, 1.036971831rem + 0.3755868545vw, 1.375rem);
  font-weight: 600;
  line-height: clamp(1.375rem, 1.286971831rem + 0.3755868545vw, 1.625rem);
  padding: 16px 24px;
  gap: 15px;
}
.sms-cta-ctn .sentences-ctn .sentence i {
  font-size: 18px;
  color: var(--color-blue);
  position: relative;
  transform: translateX(0);
  transition: var(--basic-transition);
}
.sms-cta-ctn .sentences-ctn .question {
  border-radius: 20px 20px 20px 0px;
  background-color: var(--color-lavender);
  max-width: 328px;
  margin-bottom: 30px;
}
.sms-cta-ctn .sentences-ctn .answer {
  border-radius: 20px;
  background: var(--primary-gradient);
  margin-top: 20px;
  align-self: flex-end;
  margin-left: auto;
  transition: var(--basic-transition);
  transform: scale(1);
}
.sms-cta-ctn .sentences-ctn .answer:hover {
  transform: scale(1.05);
}
.sms-cta-ctn .sentences-ctn .answer:hover i {
  transform: translateX(10px);
}
.sms-cta-ctn .parallax-image {
  position: absolute;
}
.sms-cta-ctn .parallax-image.-right {
  top: 10px;
  right: -100px;
}
.sms-cta-ctn .parallax-image.-left {
  bottom: 40px;
  left: -50px;
}
.sms-cta-ctn .image-ctn {
  display: flex;
  justify-content: center;
  overflow: hidden;
  border-radius: 32px;
}
.sms-cta-ctn .image-ctn img {
  max-width: 438px;
  object-fit: contain;
  border-radius: 32px;
}
@media (max-width: 1280px) {
  .sms-cta-ctn .parallax-image img {
    max-width: 90px;
  }
  .sms-cta-ctn .parallax-image.-right {
    right: 0;
  }
  .sms-cta-ctn .parallax-image.-left {
    left: 0;
  }
}
@media (max-width: 992px) {
  .sms-cta-ctn .parallax-image img {
    max-width: 90px;
  }
}
@media (max-width: 768px) {
  .sms-cta-ctn .introduction {
    letter-spacing: -1px;
  }
  .sms-cta-ctn .parallax-image {
    display: none;
  }
}
@media (max-width: 420px) {
  .sms-cta-ctn .sentences-ctn {
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
  }
}

.centered-cta-ctn {
  padding: 123px 30px 74px;
  background-color: var(--color-lavender);
  border-radius: 32px;
  position: relative;
}
.centered-cta-ctn .text-ctn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 60px;
  max-width: 700px;
  margin: 0 auto;
}
.centered-cta-ctn .text-ctn .cta-title {
  font-family: var(--font-primary);
}
.centered-cta-ctn .text-ctn .cta-text {
  max-width: 652px;
}
.centered-cta-ctn .text-ctn .main-button a {
  gap: 16px;
}
.centered-cta-ctn .text-ctn .main-button i {
  font-size: 22px;
  transform: translateX(0);
}
.centered-cta-ctn .text-ctn .main-button:hover i {
  transform: translate(5px);
}
.centered-cta-ctn .text-ctn h2,
.centered-cta-ctn .text-ctn p,
.centered-cta-ctn .text-ctn .gutenberg .has-large-font-size,
.gutenberg .centered-cta-ctn .text-ctn .has-large-font-size,
.centered-cta-ctn .text-ctn div.editor-styles-wrapper .has-large-font-size,
div.editor-styles-wrapper .centered-cta-ctn .text-ctn .has-large-font-size,
.centered-cta-ctn .text-ctn .gutenberg .has-small-font-size,
.gutenberg .centered-cta-ctn .text-ctn .has-small-font-size,
.centered-cta-ctn .text-ctn div.editor-styles-wrapper .has-small-font-size,
div.editor-styles-wrapper .centered-cta-ctn .text-ctn .has-small-font-size {
  margin: 0 auto;
  text-align: center;
}
.centered-cta-ctn .parallax-image {
  position: absolute;
}
.centered-cta-ctn .parallax-image img {
  object-fit: contain;
}
.centered-cta-ctn .parallax-image.-eyes {
  bottom: clamp(0.625rem, -4.2186106984rem + 10.1040118871vw, 4.875rem);
  left: clamp(0.625rem, -7.0677934621rem + 16.0475482912vw, 7.375rem);
}
.centered-cta-ctn .parallax-image.-eyes img {
  width: clamp(6.25rem, 3.1158989599rem + 6.5378900446vw, 9rem);
}
.centered-cta-ctn .parallax-image.-green-bubble {
  top: clamp(0.625rem, -2.9364784547rem + 7.4294205052vw, 3.75rem);
  left: clamp(0.625rem, -3.0789375929rem + 7.7265973254vw, 3.875rem);
}
.centered-cta-ctn .parallax-image.-green-bubble img {
  width: clamp(7.9375rem, 6.3704494799rem + 3.2689450223vw, 9.3125rem);
}
.centered-cta-ctn .parallax-image.-orange-bubble {
  bottom: clamp(3.125rem, -1.1487741456rem + 8.9153046062vw, 6.875rem);
  right: clamp(0.625rem, -3.0789375929rem + 7.7265973254vw, 3.875rem);
}
.centered-cta-ctn .parallax-image.-orange-bubble img {
  width: clamp(6.5rem, 3.0809806835rem + 7.132243685vw, 9.5rem);
}
.centered-cta-ctn .parallax-image.-thumb {
  top: -100px;
  right: clamp(0.9375rem, -5.2594725111rem + 12.927191679vw, 6.375rem);
}
.centered-cta-ctn .parallax-image.-thumb img {
  transform: rotate(200deg);
  width: clamp(4.25rem, 2.9678677563rem + 2.6745913819vw, 5.375rem);
}
@media (max-width: 768px) {
  .centered-cta-ctn {
    padding: 135px 30px 93px;
  }
  .centered-cta-ctn .parallax-image.-eyes {
    bottom: clamp(0.625rem, -4.2186106984rem + 10.1040118871vw, 4.875rem);
    left: clamp(0.625rem, -7.0677934621rem + 16.0475482912vw, 7.375rem);
  }
  .centered-cta-ctn .parallax-image.-green-bubble {
    top: -20px;
    left: 24px;
  }
  .centered-cta-ctn .parallax-image.-orange-bubble {
    bottom: -35px;
    right: 25px;
  }
  .centered-cta-ctn .parallax-image.-thumb {
    top: -60px;
    right: clamp(0.9375rem, -5.2594725111rem + 12.927191679vw, 6.375rem);
  }
}
@media (max-width: 320px) {
  .centered-cta-ctn .text-ctn {
    gap: 40px;
  }
}

.home-cta-ctn {
  padding: 60px clamp(1.875rem, 0.3079494799rem + 3.2689450223vw, 3.25rem) 60px clamp(1.875rem, -1.6864784547rem + 7.4294205052vw, 5rem);
  background-color: var(--color-lavender);
  border-radius: 32px;
}
.home-cta-ctn .text-ctn {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 638px;
}
.home-cta-ctn .text-ctn h2,
.home-cta-ctn .text-ctn p,
.home-cta-ctn .text-ctn .gutenberg .has-large-font-size,
.gutenberg .home-cta-ctn .text-ctn .has-large-font-size,
.home-cta-ctn .text-ctn div.editor-styles-wrapper .has-large-font-size,
div.editor-styles-wrapper .home-cta-ctn .text-ctn .has-large-font-size,
.home-cta-ctn .text-ctn .gutenberg .has-small-font-size,
.gutenberg .home-cta-ctn .text-ctn .has-small-font-size,
.home-cta-ctn .text-ctn div.editor-styles-wrapper .has-small-font-size,
div.editor-styles-wrapper .home-cta-ctn .text-ctn .has-small-font-size {
  margin: 0;
}
.home-cta-ctn .animated-phone-ctn {
  padding: 0;
}
.home-cta-ctn .main-button.-white a {
  padding-right: 24px;
  padding-left: 24px;
}
@media (max-width: 768px) {
  .home-cta-ctn .grid {
    display: flex;
    flex-direction: column;
    gap: 65px;
  }
  .home-cta-ctn .text-ctn {
    margin-top: 10px;
  }
  .home-cta-ctn .text-ctn .main-button {
    max-width: 100%;
  }
  .home-cta-ctn .text-ctn .main-button a {
    width: 100%;
  }
}

.educaloir-cta-ctn {
  padding: clamp(2.5rem, 1.6197183099rem + 3.7558685446vw, 5rem) clamp(1.875rem, 0.8846830986rem + 4.2253521127vw, 4.6875rem);
  background-color: var(--color-beige);
  border-radius: 32px;
  margin-bottom: 50px;
}
.educaloir-cta-ctn .text-ctn {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.educaloir-cta-ctn .text-ctn h3 {
  margin: 0;
}
.educaloir-cta-ctn .image-ctn {
  display: flex;
}
.educaloir-cta-ctn .image-ctn img {
  width: 100%;
  object-fit: contain;
}
@media (max-width: 768px) {
  .educaloir-cta-ctn {
    margin-top: 50px;
    margin-bottom: 0;
  }
  .educaloir-cta-ctn .grid {
    display: flex;
    flex-direction: column-reverse;
  }
  .educaloir-cta-ctn .text-ctn {
    margin-top: 10px;
  }
  .educaloir-cta-ctn .text-ctn .main-button {
    max-width: 100%;
  }
  .educaloir-cta-ctn .text-ctn .main-button a {
    width: 100%;
  }
  .educaloir-cta-ctn .image-ctn {
    justify-content: center;
  }
  .educaloir-cta-ctn .image-ctn img {
    max-width: 300px;
  }
}

.post-card-ctn {
  position: relative;
  border-radius: 32px;
  overflow: hidden;
  transform: scale(1);
  transition: var(--basic-transition);
  width: 100%;
  height: 100%;
  min-height: clamp(22.5rem, 19.8591549296rem + 11.2676056338vw, 30rem);
}
.post-card-ctn *:focus-visible {
  outline-color: transparent !important;
  outline-width: 0px !important;
}
.post-card-ctn.-no-video .video-ctn {
  display: none;
}
.post-card-ctn.-no-video:hover .image-ctn, .post-card-ctn.-no-video:focus-within .image-ctn {
  opacity: 1;
}
.post-card-ctn.-no-thumbnail {
  background-color: var(--color-fluo-green);
}
.post-card-ctn.-no-thumbnail .card-title {
  color: var(--color-blue);
}
.post-card-ctn.-no-thumbnail .video-ctn,
.post-card-ctn.-no-thumbnail .image-ctn {
  display: none;
}
.post-card-ctn:hover {
  box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  transform: scale(1.1);
}
.post-card-ctn:hover .video-ctn {
  opacity: 1;
}
.post-card-ctn:hover .image-ctn {
  opacity: 1;
}
.post-card-ctn .image-ctn {
  display: flex;
  opacity: 1;
  transition: var(--basic-transition);
  height: 100%;
  position: relative;
}
.post-card-ctn .image-ctn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.post-card-ctn .image-ctn img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  min-height: clamp(22.5rem, 19.8591549296rem + 11.2676056338vw, 30rem);
}
.post-card-ctn .card-title {
  position: absolute;
  left: clamp(1.25rem, 1.0299295775rem + 0.9389671362vw, 1.875rem);
  right: clamp(1.25rem, 1.0299295775rem + 0.9389671362vw, 1.875rem);
  bottom: clamp(1.25rem, 1.0299295775rem + 0.9389671362vw, 1.875rem);
  color: var(--color-fluo-green);
  font-size: clamp(1.375rem, 1.1549295775rem + 0.9389671362vw, 2rem);
  font-weight: 800;
  font-family: var(--font-primary);
  z-index: 1;
}
.post-card-ctn .video-ctn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: var(--basic-transition);
}
@media (max-width: 768px) {
  .post-card-ctn .video-ctn {
    display: none;
  }
}
@media (max-width: 320px) {
  .post-card-ctn .card-title {
    font-size: 20px;
  }
}

.bento-card-ctn {
  position: relative;
  overflow: hidden;
  transition: var(--basic-transition);
  width: 100%;
  height: 100%;
  min-height: clamp(8.75rem, 6.1091549296rem + 11.2676056338vw, 16.25rem);
  border-radius: clamp(1rem, 0.6478873239rem + 1.5023474178vw, 2rem);
  background-color: var(--color-fluo-green);
}
.bento-card-ctn:hover, .bento-card-ctn:focus-within {
  cursor: pointer;
}
.bento-card-ctn:hover .image-ctn img, .bento-card-ctn:focus-within .image-ctn img {
  transform: scale(1.05);
}
.bento-card-ctn:hover .card-title i, .bento-card-ctn:focus-within .card-title i {
  transform: translateX(10px);
}
.bento-card-ctn.-no-thumbnail .card-title {
  color: var(--color-blue);
}
.bento-card-ctn.-no-thumbnail:hover {
  opacity: 0.75;
}
.bento-card-ctn .image-ctn {
  display: flex;
  transition: var(--basic-transition);
  height: 100%;
  position: relative;
}
.bento-card-ctn .image-ctn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.bento-card-ctn .image-ctn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: lightgray;
}
.bento-card-ctn .image-ctn img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transform: scale(1);
  min-height: clamp(8.75rem, 3.2482394366rem + 23.4741784038vw, 24.375rem);
  transition: var(--basic-transition);
}
.bento-card-ctn .card-title {
  position: absolute;
  display: flex;
  align-items: flex-end;
  gap: clamp(2.5rem, 1.8397887324rem + 2.8169014085vw, 4.375rem);
  justify-content: space-between;
  left: clamp(1.25rem, 1.0299295775rem + 0.9389671362vw, 1.875rem);
  right: clamp(1.25rem, 1.0299295775rem + 0.9389671362vw, 1.875rem);
  bottom: clamp(1.25rem, 1.0299295775rem + 0.9389671362vw, 1.875rem);
  color: var(--color-fluo-green);
  font-size: clamp(1.5rem, 1.1478873239rem + 1.5023474178vw, 2.5rem);
  line-height: clamp(1.5625rem, 1.2323943662rem + 1.4084507042vw, 2.5rem);
  font-weight: 800;
  font-family: var(--font-primary);
  z-index: 1;
}
.bento-card-ctn .card-title i {
  font-size: 46px;
  transition: var(--basic-transition);
}
@media (max-width: 768px) {
  .bento-card-ctn {
    max-height: clamp(8.75rem, 6.1091549296rem + 11.2676056338vw, 16.25rem);
  }
  .bento-card-ctn .image-ctn img {
    max-height: clamp(8.75rem, 6.1091549296rem + 11.2676056338vw, 16.25rem);
    min-height: clamp(8.75rem, 6.1091549296rem + 11.2676056338vw, 16.25rem);
  }
  .bento-card-ctn .card-title i {
    display: none;
  }
  .bento-card-ctn:hover, .bento-card-ctn:focus-within {
    transform: scale(1);
  }
}

.infos-card-ctn {
  padding: clamp(1.25rem, 0.8098591549rem + 1.8779342723vw, 2.5rem) clamp(1.25rem, 0.5897887324rem + 2.8169014085vw, 3.125rem) clamp(1.25rem, 0.5897887324rem + 2.8169014085vw, 3.125rem);
  background-color: white;
  border-radius: 32px;
  position: relative;
}
.infos-card-ctn .green-bubble,
.infos-card-ctn .blue-bubble {
  display: none;
}
.infos-card-ctn .green-bubble {
  position: absolute;
  right: -50px;
  top: -80px;
}
.infos-card-ctn .green-bubble img {
  object-fit: contain;
  width: clamp(6.25rem, 4.3133802817rem + 8.2629107981vw, 11.75rem);
}
.infos-card-ctn .blue-bubble {
  position: absolute;
  left: -40px;
  top: -80px;
}
.infos-card-ctn .blue-bubble img {
  object-fit: contain;
  width: clamp(5rem, 3.3054577465rem + 7.2300469484vw, 9.8125rem);
}
.infos-card-ctn.-green-bubble .green-bubble {
  display: block;
}
.infos-card-ctn.-blue-bubble .blue-bubble {
  display: block;
}
.infos-card-ctn .image-ctn {
  width: 100%;
  height: clamp(12.5rem, 11.6197183099rem + 3.7558685446vw, 15rem);
  background-color: var(--color-beige);
  padding: clamp(1.5625rem, 1.0123239437rem + 2.3474178404vw, 3.125rem);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  margin: 0 0 clamp(2.5rem, 2.0598591549rem + 1.8779342723vw, 3.75rem);
}
.infos-card-ctn .image-ctn img {
  object-fit: contain;
  max-height: 100%;
  width: 100%;
  max-width: 300px;
}
.infos-card-ctn .card-title {
  margin: 0 0 clamp(2.5rem, 2.2799295775rem + 0.9389671362vw, 3.125rem);
}
.infos-card-ctn .contact-wrapper {
  gap: clamp(1.25rem, 0.8098591549rem + 1.8779342723vw, 2.5rem);
  margin-bottom: 30px;
}
.infos-card-ctn .contact-wrapper .contact-label {
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.infos-card-ctn .contact-wrapper .contact-link {
  font-family: var(--font-primary);
  font-size: clamp(1.25rem, 1.161971831rem + 0.3755868545vw, 1.5rem);
  line-height: clamp(1.375rem, 1.286971831rem + 0.3755868545vw, 1.625rem);
  font-weight: 700;
  margin: 0;
}
.infos-card-ctn .contact-wrapper p.contact-link, .infos-card-ctn .contact-wrapper .gutenberg .contact-link.has-large-font-size, .gutenberg .infos-card-ctn .contact-wrapper .contact-link.has-large-font-size,
.infos-card-ctn .contact-wrapper div.editor-styles-wrapper .contact-link.has-large-font-size,
div.editor-styles-wrapper .infos-card-ctn .contact-wrapper .contact-link.has-large-font-size, .infos-card-ctn .contact-wrapper .gutenberg .contact-link.has-small-font-size, .gutenberg .infos-card-ctn .contact-wrapper .contact-link.has-small-font-size,
.infos-card-ctn .contact-wrapper div.editor-styles-wrapper .contact-link.has-small-font-size,
div.editor-styles-wrapper .infos-card-ctn .contact-wrapper .contact-link.has-small-font-size {
  color: var(--color-blue);
}
.infos-card-ctn .cards-links-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: clamp(2.5rem, 2.2799295775rem + 0.9389671362vw, 3.125rem);
}
.infos-card-ctn .cards-links-wrapper .img-link {
  height: 50px;
  max-height: 50px;
  width: 171px;
  max-width: 171px;
}
.infos-card-ctn .card-description {
  color: var(--color-blue);
  margin: 0 0 30px;
}
@media (max-width: 1280px) {
  .infos-card-ctn .green-bubble,
.infos-card-ctn .blue-bubble {
    top: -65px;
  }
}
@media (max-width: 992px) {
  .infos-card-ctn .green-bubble,
.infos-card-ctn .blue-bubble {
    top: -50px;
  }
  .infos-card-ctn .green-bubble {
    right: 0;
  }
  .infos-card-ctn .blue-bubble {
    left: 0;
  }
}
@media (max-width: 768px) {
  .infos-card-ctn .main-button.-fluo-green {
    max-width: 100%;
    width: 100%;
  }
  .infos-card-ctn .main-button.-fluo-green a {
    justify-content: center;
  }
}
@media (max-width: 540px) {
  .infos-card-ctn .blue-bubble {
    top: -40px;
  }
}

.home-card-ctn {
  position: relative;
  border-radius: 32px;
  overflow: hidden;
  transform: scale(1);
  transition: var(--basic-transition);
  width: 100%;
  height: 100%;
  height: clamp(18.75rem, 14.1945422535rem + 19.4366197183vw, 31.6875rem);
}
.home-card-ctn.-linked:hover, .home-card-ctn.-linked:focus-within {
  box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  transform: scale(1.05);
}
.home-card-ctn.-linked:hover .card-title i, .home-card-ctn.-linked:focus-within .card-title i {
  right: -7px;
}
.home-card-ctn.-no-link .image-ctn {
  opacity: 0.5;
}
.home-card-ctn .image-ctn {
  display: flex;
  opacity: 1;
  transition: var(--basic-transition);
  height: 100%;
  position: relative;
}
.home-card-ctn .image-ctn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.home-card-ctn .image-ctn img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  height: clamp(18.75rem, 14.1945422535rem + 19.4366197183vw, 31.6875rem);
}
.home-card-ctn .card-tablet {
  position: absolute;
  left: clamp(1.5625rem, 1.4524647887rem + 0.4694835681vw, 1.875rem);
  top: clamp(1.6875rem, 1.6214788732rem + 0.2816901408vw, 1.875rem);
  background-color: var(--color-fluo-green);
  color: var(--color-blue);
  font-size: clamp(1rem, 0.8899647887rem + 0.4694835681vw, 1.3125rem);
  line-height: clamp(1rem, 0.8899647887rem + 0.4694835681vw, 1.3125rem);
  font-weight: 700;
  font-family: var(--font-primary);
  z-index: 1;
  border-radius: 12px;
  padding: clamp(0.375rem, 0.3089788732rem + 0.2816901408vw, 0.5625rem) clamp(1rem, 0.823943662rem + 0.7511737089vw, 1.5rem);
}
.home-card-ctn .card-title {
  position: absolute;
  left: 35px;
  right: 40px;
  bottom: clamp(1.875rem, 1.7649647887rem + 0.4694835681vw, 2.1875rem);
  color: var(--color-fluo-green);
  font-size: clamp(3.125rem, 2.860915493rem + 1.1267605634vw, 3.875rem);
  line-height: clamp(3.125rem, 2.860915493rem + 1.1267605634vw, 3.875rem);
  letter-spacing: -2px;
  font-weight: 800;
  font-family: var(--font-primary);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
}
.home-card-ctn .card-title i {
  font-size: clamp(1.75rem, 1.5299295775rem + 0.9389671362vw, 2.375rem);
  position: relative;
  right: 0;
  transition: var(--basic-transition);
}
@media (max-width: 768px) {
  .home-card-ctn .card-title i {
    display: none;
  }
}

.colored-card-ctn {
  border-radius: 32px;
  padding: 20px 20px 32px;
  transition: var(--basic-transition);
}
.colored-card-ctn.-parents {
  background-color: var(--color-orange);
}
.colored-card-ctn.-stakeholders {
  background-color: var(--color-lavender);
}
.colored-card-ctn.-teens {
  background-color: var(--color-fluo-green);
}
.colored-card-ctn.-teens .image-ctn .card-tablet {
  background-color: var(--color-fluo-green);
  color: var(--color-blue);
}
.colored-card-ctn.-kids {
  background-color: var(--color-cool-blue);
}
.colored-card-ctn.-kids .image-ctn .card-tablet {
  background-color: var(--color-cool-blue);
  color: var(--color-white);
}
.colored-card-ctn.-kids .card-title {
  color: var(--color-white);
}
.colored-card-ctn.-kids .card-title i {
  color: var(--color-white);
}
.colored-card-ctn.-kids .card-title:hover {
  color: var(--color-white);
}
.colored-card-ctn.-kids:hover .card-title, .colored-card-ctn.-kids:focus-within .card-title, .colored-card-ctn.-kids:focus .card-title {
  color: var(--color-white);
}
.colored-card-ctn.-alternative .image-ctn img {
  height: clamp(15.75rem, -1103.375rem + 1400vw, 16.625rem);
}
.colored-card-ctn.-alternative .card-title {
  margin-top: 32px;
  font-size: clamp(1.75rem, 1.573943662rem + 0.7511737089vw, 2.25rem);
  line-height: clamp(1.75rem, 1.573943662rem + 0.7511737089vw, 2.25rem);
  letter-spacing: -1px;
  font-weight: 700;
}
.colored-card-ctn:hover, .colored-card-ctn:focus-within, .colored-card-ctn:focus {
  box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  transform: scale(1.05);
}
.colored-card-ctn:hover .card-title, .colored-card-ctn:focus-within .card-title, .colored-card-ctn:focus .card-title {
  color: var(--color-blue);
}
.colored-card-ctn:hover .image-ctn img, .colored-card-ctn:focus-within .image-ctn img, .colored-card-ctn:focus .image-ctn img {
  transform: scale(1);
}
.colored-card-ctn:hover .card-title i, .colored-card-ctn:focus-within .card-title i, .colored-card-ctn:focus .card-title i {
  right: -7px;
}
.colored-card-ctn .image-ctn {
  width: 100%;
  display: flex;
  overflow: hidden;
  border-radius: 24px;
  position: relative;
  flex-shrink: 0;
}
.colored-card-ctn .image-ctn img {
  height: clamp(11.25rem, -5.943957115rem + 35.8674463938vw, 22.75rem);
  width: 100%;
  object-fit: cover;
  transform: scale(1.1);
  transition: var(--long-transition);
}
.colored-card-ctn .image-ctn .card-tablet {
  position: absolute;
  left: clamp(1rem, 1rem + 0vw, 1rem);
  top: clamp(1rem, 1rem + 0vw, 1rem);
  font-size: clamp(1rem, 0.8899647887rem + 0.4694835681vw, 1.3125rem);
  line-height: clamp(1rem, 0.8899647887rem + 0.4694835681vw, 1.3125rem);
  font-weight: 700;
  font-family: var(--font-primary);
  z-index: 1;
  border-radius: 12px;
  padding: clamp(0.375rem, 0.3089788732rem + 0.2816901408vw, 0.5625rem) clamp(1rem, 0.823943662rem + 0.7511737089vw, 1.5rem);
  text-align: center;
}
.colored-card-ctn .card-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--font-primary);
  margin-top: 36px;
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  letter-spacing: var(--h2-letter-spacing);
  font-weight: var(--h2-font-weight);
  font-family: var(--font-primary);
}
.colored-card-ctn .card-title i {
  font-size: clamp(1.5625rem, 1.474471831rem + 0.3755868545vw, 1.8125rem);
  position: relative;
  right: 0;
  transition: var(--basic-transition);
}
.colored-card-ctn .card-title:hover {
  color: var(--color-blue);
}
@media (max-width: 768px) {
  .colored-card-ctn {
    display: flex;
    flex-direction: column;
    padding: 15px 15px 25px;
  }
  .colored-card-ctn .card-title {
    margin-top: 19px;
  }
  .colored-card-ctn.-alternative {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: 15px 15px 15px 20px;
  }
  .colored-card-ctn.-alternative .image-ctn {
    width: fit-content;
  }
  .colored-card-ctn.-alternative .image-ctn img {
    border-radius: 16px;
    min-height: clamp(6.25rem, 4.0492957746rem + 9.3896713615vw, 12.5rem);
    min-width: clamp(6.25rem, 4.0492957746rem + 9.3896713615vw, 12.5rem);
    max-height: clamp(6.25rem, 4.0492957746rem + 9.3896713615vw, 12.5rem);
    max-width: clamp(6.25rem, 4.0492957746rem + 9.3896713615vw, 12.5rem);
    object-fit: cover;
  }
  .colored-card-ctn.-alternative .card-title {
    margin: 0;
  }
  .colored-card-ctn.-alternative .card-title i {
    display: none;
  }
}
@media (max-width: 375px) {
  .colored-card-ctn.-alternative .image-ctn img {
    min-width: 60px;
    max-width: 60px;
    min-height: 60px;
    max-height: 60px;
  }
}
@media (max-width: 320px) {
  .colored-card-ctn.-alternative .card-title {
    font-size: 22px;
  }
}

.kids-card-ctn {
  padding: clamp(1.125rem, 0.9929577465rem + 0.5633802817vw, 1.5rem) clamp(1.125rem, 0.9929577465rem + 0.5633802817vw, 1.5rem) clamp(2.5rem, 2.323943662rem + 0.7511737089vw, 3rem);
  border-radius: 32px;
  transition: var(--basic-transition);
  display: flex;
  flex-direction: column;
  gap: clamp(1.0625rem, 0.7764084507rem + 1.220657277vw, 1.875rem);
}
.kids-card-ctn.-image-only:hover .card-video .card-image {
  opacity: 1;
}
.kids-card-ctn.-image-only:hover .card-video .video {
  opacity: 0;
}
.kids-card-ctn .card-video {
  position: relative;
  display: flex;
  padding-bottom: 116%;
  height: 0;
  pointer-events: none;
}
.kids-card-ctn .card-video .card-image {
  opacity: 1;
  object-fit: cover;
}
.kids-card-ctn .card-video .video {
  opacity: 0;
}
.kids-card-ctn .card-video .video,
.kids-card-ctn .card-video .card-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
  transition: var(--basic-transition);
}
.kids-card-ctn .card-video .play-button-ctn {
  position: absolute;
  bottom: clamp(1.25rem, 0.985915493rem + 1.1267605634vw, 2rem);
  right: clamp(1.25rem, 0.985915493rem + 1.1267605634vw, 2rem);
}
.kids-card-ctn .card-title {
  font-family: var(--font-primary);
  font-size: clamp(1.5rem, 1.323943662rem + 0.7511737089vw, 2rem);
  line-height: clamp(2rem, 1.8679577465rem + 0.5633802817vw, 2.375rem);
  letter-spacing: -0.96px;
  color: #04285F;
  flex-grow: 1;
}
.kids-card-ctn:hover {
  cursor: pointer;
  background-color: #DEF450;
}
.kids-card-ctn:hover .card-video .card-image {
  opacity: 0;
}
.kids-card-ctn:hover .card-video .video {
  opacity: 1;
}
.kids-card-ctn:hover .play-button-ctn {
  transform: scale(1.2);
}
@media (max-width: 768px) {
  .kids-card-ctn {
    background-color: #DEF450;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 20px;
    position: relative;
    border-radius: 24px;
  }
  .kids-card-ctn .card-video {
    min-width: 31%;
    width: 31%;
    padding: 0;
    height: initial;
    padding: 0;
    min-height: 100px;
  }
  .kids-card-ctn .card-video .video {
    opacity: 0;
    display: none;
  }
  .kids-card-ctn .card-video .card-image {
    opacity: 1;
    object-fit: cover;
  }
  .kids-card-ctn .card-video .video,
.kids-card-ctn .card-video .card-image {
    border-radius: 16px;
  }
  .kids-card-ctn .card-video .play-button-ctn {
    bottom: -10px;
    right: -10px;
  }
  .kids-card-ctn .card-title {
    font-weight: 600;
  }
  .kids-card-ctn:hover .play-button-ctn {
    transform: scale(1);
  }
  .kids-card-ctn:hover .card-video .card-image {
    opacity: 1;
  }
}
@media (max-width: 320px) {
  .kids-card-ctn .card-title {
    font-size: 20px;
    line-height: 22px;
  }
}

.stakeholders-content-ctn .basic-banner-ctn .banner-text-ctn {
  max-width: 1120px;
}
.stakeholders-content-ctn .basic-banner-ctn .banner-text-ctn h1 {
  color: var(--color-blue);
}
.stakeholders-content-ctn .gutenberg-ctn {
  padding-top: clamp(2.5rem, 1.6197183099rem + 3.7558685446vw, 5rem);
  margin-bottom: clamp(5.625rem, 4.0845070423rem + 6.5727699531vw, 10rem);
}
.stakeholders-content-ctn .bottom-page-ctas {
  margin-bottom: clamp(5rem, 3.6795774648rem + 5.6338028169vw, 8.75rem);
}
.stakeholders-content-ctn .bottom-page-ctas h2 {
  text-align: center;
  max-width: 1112px;
  margin: 0 auto clamp(3.75rem, 3.3098591549rem + 1.8779342723vw, 5rem);
}
.stakeholders-content-ctn .bottom-page-ctas .grid {
  gap: 40px;
}
@media (max-width: 992px) {
  .stakeholders-content-ctn .bottom-page-ctas .grid {
    display: flex;
    flex-direction: column;
  }
}

.stakeholders-login-ctn .page-content-ctn {
  padding-top: clamp(6.25rem, 4.9955985915rem + 5.3521126761vw, 9.8125rem);
  padding-bottom: clamp(8.75rem, 6.7693661972rem + 8.4507042254vw, 14.375rem);
}
.stakeholders-login-ctn .page-content-ctn .ontitle {
  display: flex;
  margin-bottom: clamp(2.5rem, 2.2799295775rem + 0.9389671362vw, 3.125rem);
}
.stakeholders-login-ctn .page-content-ctn .ontitle p, .stakeholders-login-ctn .page-content-ctn .ontitle .gutenberg .has-large-font-size, .gutenberg .stakeholders-login-ctn .page-content-ctn .ontitle .has-large-font-size,
.stakeholders-login-ctn .page-content-ctn .ontitle div.editor-styles-wrapper .has-large-font-size,
div.editor-styles-wrapper .stakeholders-login-ctn .page-content-ctn .ontitle .has-large-font-size, .stakeholders-login-ctn .page-content-ctn .ontitle .gutenberg .has-small-font-size, .gutenberg .stakeholders-login-ctn .page-content-ctn .ontitle .has-small-font-size,
.stakeholders-login-ctn .page-content-ctn .ontitle div.editor-styles-wrapper .has-small-font-size,
div.editor-styles-wrapper .stakeholders-login-ctn .page-content-ctn .ontitle .has-small-font-size {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1px;
  font-weight: 700;
  padding: 16px 24px;
  font-family: var(--font-primary);
  background-color: var(--color-beige);
  color: var(--color-blue);
  border-radius: 100px;
  margin: 0;
}
.stakeholders-login-ctn .page-content-ctn h1 {
  margin: 0;
}
.stakeholders-login-ctn .form-ctn {
  background-color: var(--color-lavender);
  padding: clamp(1.875rem, 1.4348591549rem + 1.8779342723vw, 3.125rem);
  border-radius: 32px;
  display: flex;
  flex-direction: column;
  gap: 35px;
}
.stakeholders-login-ctn .form-ctn h2 {
  margin: 0;
  font-size: var(--h5-font-size);
  line-height: var(--h5-line-height);
  font-weight: var(--h5-font-weight);
  letter-spacing: var(--h5-letter-spacing);
}
.stakeholders-login-ctn .form-ctn .form-field {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.stakeholders-login-ctn .form-ctn .form-field label {
  font-size: clamp(0.875rem, 0.8309859155rem + 0.1877934272vw, 1rem);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--color-blue);
  font-family: var(--font-primary);
}
.stakeholders-login-ctn .form-ctn .form-field input {
  border: none;
  padding: 9px 16px;
  border-radius: 6px;
  color: var(--color-blue);
  font-size: clamp(1.125rem, 1.0809859155rem + 0.1877934272vw, 1.25rem);
}
.stakeholders-login-ctn .form-ctn .form-field input::placeholder {
  color: var(--color-blue);
  font-size: clamp(1.125rem, 1.0809859155rem + 0.1877934272vw, 1.25rem);
}
.stakeholders-login-ctn .form-ctn .main-button button {
  border: 2px solid var(--color-blue);
}
.stakeholders-login-ctn .form-ctn .infos-wrapper p, .stakeholders-login-ctn .form-ctn .infos-wrapper .gutenberg .has-large-font-size, .gutenberg .stakeholders-login-ctn .form-ctn .infos-wrapper .has-large-font-size,
.stakeholders-login-ctn .form-ctn .infos-wrapper div.editor-styles-wrapper .has-large-font-size,
div.editor-styles-wrapper .stakeholders-login-ctn .form-ctn .infos-wrapper .has-large-font-size, .stakeholders-login-ctn .form-ctn .infos-wrapper .gutenberg .has-small-font-size, .gutenberg .stakeholders-login-ctn .form-ctn .infos-wrapper .has-small-font-size,
.stakeholders-login-ctn .form-ctn .infos-wrapper div.editor-styles-wrapper .has-small-font-size,
div.editor-styles-wrapper .stakeholders-login-ctn .form-ctn .infos-wrapper .has-small-font-size {
  margin: 0;
  color: var(--color-blue);
}
.stakeholders-login-ctn .form-ctn .infos-wrapper a {
  display: flex;
  align-items: center;
  color: var(--color-blue);
}
.stakeholders-login-ctn .form-ctn .infos-wrapper a i {
  margin-left: 10px;
  position: relative;
  right: 0;
  transition: var(--basic-transition);
}
.stakeholders-login-ctn .form-ctn .infos-wrapper a:hover {
  opacity: 0.7;
  color: var(--color-blue);
}
.stakeholders-login-ctn .form-ctn .infos-wrapper a:hover i {
  right: -8px;
}

.troll-definition-ctn .text-ctn {
  max-width: 570px;
  gap: clamp(1.875rem, 1.2147887324rem + 2.8169014085vw, 3.75rem);
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  top: 50px;
}
.troll-definition-ctn .text-ctn h2 {
  font-weight: 900;
  color: var(--color-fluo-green);
  margin: 0;
}
.troll-definition-ctn .text-ctn p, .troll-definition-ctn .text-ctn .gutenberg .has-large-font-size, .gutenberg .troll-definition-ctn .text-ctn .has-large-font-size,
.troll-definition-ctn .text-ctn div.editor-styles-wrapper .has-large-font-size,
div.editor-styles-wrapper .troll-definition-ctn .text-ctn .has-large-font-size, .troll-definition-ctn .text-ctn .gutenberg .has-small-font-size, .gutenberg .troll-definition-ctn .text-ctn .has-small-font-size,
.troll-definition-ctn .text-ctn div.editor-styles-wrapper .has-small-font-size,
div.editor-styles-wrapper .troll-definition-ctn .text-ctn .has-small-font-size {
  color: white;
  font-family: var(--font-primary);
  margin: 0;
  max-width: 490px;
}
.troll-definition-ctn .canvas-ctn {
  display: flex;
  position: relative;
}
.troll-definition-ctn .canvas-ctn canvas {
  width: clamp(18.75rem, 12.1478873239rem + 28.1690140845vw, 37.5rem);
  height: clamp(18.75rem, 12.1478873239rem + 28.1690140845vw, 37.5rem);
  position: relative;
  bottom: -100px;
  z-index: 1;
}
.troll-definition-ctn .canvas-ctn .white-blur-circle {
  border-radius: 764px;
  opacity: 0.15;
  background: #FFF;
  mix-blend-mode: plus-lighter;
  filter: blur(200px);
  z-index: 1;
  width: clamp(22.5rem, 9.4278169014rem + 55.7746478873vw, 59.625rem);
  height: clamp(22.5rem, 9.4278169014rem + 55.7746478873vw, 59.625rem);
  pointer-events: none;
  position: absolute;
  transition: all linear 0.3s;
  top: 30%;
  left: 0;
}
@media (max-width: 768px) {
  .troll-definition-ctn .definition-ctn {
    display: flex;
    flex-direction: column-reverse;
    gap: 30px;
    margin-top: 70px;
  }
  .troll-definition-ctn .text-ctn {
    top: 0;
  }
  .troll-definition-ctn .canvas-ctn {
    display: flex;
    justify-content: center;
  }
}

.troll-definition-alt-ctn {
  margin-bottom: 160px;
}
.troll-definition-alt-ctn .text-ctn {
  max-width: 570px;
  gap: clamp(1.875rem, 1.2147887324rem + 2.8169014085vw, 3.75rem);
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.troll-definition-alt-ctn .text-ctn .definition-title {
  margin: 0;
}
.troll-definition-alt-ctn .text-ctn .definition-text {
  color: #1A3675;
  margin: 0;
  max-width: 510px;
  font-size: clamp(1.125rem, 0.9929577465rem + 0.5633802817vw, 1.5rem);
  line-height: clamp(1.75rem, 1.6179577465rem + 0.5633802817vw, 2.125rem);
  font-family: var(--font-secondary);
  letter-spacing: -1px;
  opacity: 0.8;
}
.troll-definition-alt-ctn .definition-cta {
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  gap: clamp(1.875rem, 1.6549295775rem + 0.9389671362vw, 2.5rem);
  border-radius: 32px;
  padding: 46px clamp(3.125rem, 2.2447183099rem + 3.7558685446vw, 5.625rem) clamp(2.3125rem, 2.2024647887rem + 0.4694835681vw, 2.625rem) clamp(2.25rem, 1.6558098592rem + 2.5352112676vw, 3.9375rem);
  margin-top: 60px;
}
.troll-definition-alt-ctn .definition-cta .cta-title {
  margin: 0;
  font-size: var(--h5-font-size);
  line-height: var(--h5-line-height);
  font-weight: var(--h5-font-weight);
  letter-spacing: var(-h5-letter-spacing);
}
.troll-definition-alt-ctn .definition-cta .main-button a {
  padding: 20px 32px;
  gap: 16px;
  text-align: center;
}
.troll-definition-alt-ctn .definition-cta .main-button a i {
  transform: translateX(0);
}
.troll-definition-alt-ctn .definition-cta .main-button a:hover i {
  transform: translateX(5px);
}
.troll-definition-alt-ctn .canvas-ctn {
  display: flex;
  position: relative;
  margin: auto clamp(0rem, -2.8491827637rem + 5.9435364042vw, 2.5rem);
  height: 100%;
}
.troll-definition-alt-ctn .canvas-ctn .canvas {
  position: relative;
  object-fit: contain;
}
@media (max-width: 850px) {
  .troll-definition-alt-ctn .definition-ctn {
    display: flex;
    flex-direction: column;
    gap: 100px;
  }
  .troll-definition-alt-ctn .text-ctn .definition-text {
    font-family: var(--font-secondary);
    letter-spacing: 0;
  }
  .troll-definition-alt-ctn .canvas-ctn {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 320px) {
  .troll-definition-alt-ctn .definition-cta {
    padding: 40px 20px;
  }
}

.bento-list-ctn .grid {
  gap: clamp(1.25rem, 0.8098591549rem + 1.8779342723vw, 2.5rem);
}
.bento-list-ctn .-height-limit {
  max-height: 600px;
}

.boxes-ctn {
  display: flex;
  flex-direction: column;
}
.boxes-ctn .first-row {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-bottom: clamp(7.0625rem, 5.2799295775rem + 7.6056338028vw, 12.125rem);
  gap: 40px;
}
.boxes-ctn .second-row {
  position: relative;
}
.boxes-ctn .box {
  padding: 124px clamp(1.875rem, 1.6549295775rem + 0.9389671362vw, 2.5rem) 40px;
  border-radius: 32px;
}
.boxes-ctn .box p, .boxes-ctn .box .gutenberg .has-large-font-size, .gutenberg .boxes-ctn .box .has-large-font-size,
.boxes-ctn .box div.editor-styles-wrapper .has-large-font-size,
div.editor-styles-wrapper .boxes-ctn .box .has-large-font-size, .boxes-ctn .box .gutenberg .has-small-font-size, .gutenberg .boxes-ctn .box .has-small-font-size,
.boxes-ctn .box div.editor-styles-wrapper .has-small-font-size,
div.editor-styles-wrapper .boxes-ctn .box .has-small-font-size {
  font-size: clamp(1.5rem, 1.323943662rem + 0.7511737089vw, 2rem);
  line-height: clamp(2rem, 1.8459507042rem + 0.6572769953vw, 2.4375rem);
  font-weight: 500;
  font-family: var(--font-primary);
  color: var(--color-blue);
  margin: 0;
}
.boxes-ctn .box.-purple {
  padding-top: clamp(6.75rem, 6.3978873239rem + 1.5023474178vw, 7.75rem);
  background-color: var(--color-lavender);
  max-width: clamp(18.625rem, 16.3802816901rem + 9.5774647887vw, 25rem);
  margin-left: clamp(0rem, -2.2007042254rem + 9.3896713615vw, 6.25rem);
}
.boxes-ctn .box.-orange {
  background-color: var(--color-orange);
  max-width: clamp(18.625rem, 13.9595070423rem + 19.9061032864vw, 31.875rem);
  position: relative;
  top: clamp(3.75rem, 2.8697183099rem + 3.7558685446vw, 6.25rem);
}
.boxes-ctn .box.-green {
  padding-top: clamp(5.9375rem, 5.2992957746rem + 2.7230046948vw, 7.75rem);
  background-color: var(--color-fluo-green);
  max-width: clamp(17.5rem, 10.0176056338rem + 31.9248826291vw, 38.75rem);
  margin-left: clamp(0rem, -4.8415492958rem + 20.6572769953vw, 13.75rem);
}
.boxes-ctn .parallax-image {
  position: absolute;
}
.boxes-ctn .parallax-image.-face {
  top: 40px;
  right: clamp(0.9375rem, -0.889084507rem + 7.79342723vw, 6.125rem);
}
.boxes-ctn .parallax-image.-face img {
  width: clamp(5.75rem, 5.0897887324rem + 2.8169014085vw, 7.625rem);
}
.boxes-ctn .parallax-image.-eyes {
  bottom: -30px;
  left: clamp(1.875rem, -0.3477112676rem + 9.4835680751vw, 8.1875rem);
  z-index: 1;
}
.boxes-ctn .parallax-image.-eyes img {
  width: clamp(6.375rem, 5.9788732394rem + 1.6901408451vw, 7.5rem);
}
.boxes-ctn .parallax-image.-thumb {
  bottom: -30px;
  right: clamp(0.9375rem, -1.6813380282rem + 11.1737089202vw, 8.375rem);
}
.boxes-ctn .parallax-image.-thumb img {
  width: clamp(4.9375rem, 4.6294014085rem + 1.3145539906vw, 5.8125rem);
}
@media (max-width: 768px) {
  .boxes-ctn .first-row {
    flex-direction: column;
    margin-bottom: 130px;
    gap: 130px;
    padding: 0;
  }
  .boxes-ctn .box.-orange {
    top: 0;
    margin-left: auto;
  }
  .boxes-ctn .box.-green {
    z-index: 1;
    position: relative;
  }
  .boxes-ctn .parallax-image {
    z-index: 1;
  }
  .boxes-ctn .parallax-image.-face {
    bottom: 100%;
    top: initial;
  }
  .boxes-ctn .parallax-image.-eyes {
    bottom: 46%;
  }
  .boxes-ctn .parallax-image.-thumb {
    top: -75px;
  }
}
@media (max-width: 540px) {
  .boxes-ctn .parallax-image.-eyes {
    bottom: 50%;
  }
}

.page-menu-ctn {
  display: flex;
  padding: 40px clamp(0.9375rem, 0.6073943662rem + 1.4084507042vw, 1.875rem) 0;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  z-index: 100;
  position: relative;
}
.page-menu-ctn ul {
  list-style: none;
}
.page-menu-ctn.-blue-logo .page-menu-list li a {
  color: var(--color-blue);
}
.page-menu-ctn .main-button.-gradient-fluo-green a {
  height: 45px;
}
.page-menu-ctn .main-button.-gradient-fluo-green a i {
  transform: translateX(0);
}
.page-menu-ctn .main-button.-gradient-fluo-green a:hover i {
  transform: translateX(-5px);
}
.page-menu-ctn .page-menu-list {
  display: flex;
  gap: clamp(0.625rem, -1.6826923077rem + 3.6057692308vw, 1.5625rem);
}
.page-menu-ctn .page-menu-list li {
  display: flex;
}
.page-menu-ctn .page-menu-list li.current-menu-item a {
  color: var(--color-global);
  position: relative;
}
.page-menu-ctn .page-menu-list li.current-menu-item a::after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 0;
  height: 4px;
  width: 100%;
  background-color: var(--color-global);
}
.page-menu-ctn .page-menu-list li.current-menu-item a {
  pointer-events: none;
}
.page-menu-ctn .page-menu-list li.current-page-ancestor {
  opacity: 1;
}
.page-menu-ctn .page-menu-list li.current-page-ancestor:hover {
  opacity: 0.7;
}
.page-menu-ctn .page-menu-list li a {
  font-size: clamp(0.875rem, 0.2596153846rem + 0.9615384615vw, 1.125rem);
  line-height: clamp(1.25rem, 0.6346153846rem + 0.9615384615vw, 1.5rem);
  font-family: var(--font-primary);
  font-weight: 700;
  display: flex;
  color: white;
  text-align: center;
}
.page-menu-ctn .page-menu-list li a:hover {
  color: var(--color-global);
}
.page-menu-ctn.-parents-style {
  --color-global: #E06A15;
}
.page-menu-ctn.-parents-style .page-menu-list li:first-child.current-page-ancestor a {
  color: var(--color-blue);
}
.page-menu-ctn.-parents-style .page-menu-list li:first-child.current-page-ancestor a::after {
  display: none;
}
.page-menu-ctn.-parents-style .page-menu-list li:first-child.current-page-ancestor:hover {
  opacity: 1;
}
.page-menu-ctn.-parents-style .page-menu-list li:first-child.current-page-ancestor:hover a {
  color: var(--color-global);
}
.page-menu-ctn.-stakeholders-style {
  --color-global: #886BD5;
}
@media (min-width: 992px) and (max-width: 1100px) {
  .page-menu-ctn {
    gap: 30px;
  }
  .page-menu-ctn .logos-switcher-ctn .logo-img {
    max-width: 195px;
    min-width: 195px;
  }
}
@media (max-width: 992px) {
  .page-menu-ctn {
    display: none;
  }
}

/**
*** This file contains code to make animated Open/Close humburger menu
***/
.mobile-header {
  z-index: 1500;
  display: none;
  padding: 30px clamp(0.9375rem, 0.6073943662rem + 1.4084507042vw, 1.875rem) 0;
  gap: 20px;
  justify-content: space-between;
  background-color: transparent;
}
.mobile-header .hamburger {
  z-index: 1500;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  border-radius: 16px;
  gap: 4px;
  background-color: var(--color-fluo-green);
  transition: var(--basic-transition);
  cursor: pointer;
  right: clamp(0.9375rem, 0.6073943662rem + 1.4084507042vw, 1.875rem);
  top: 30px;
  visibility: hidden;
  pointer-events: none;
}
.mobile-header .hamburger__span {
  display: flex;
  height: 3px;
  background-color: var(--color-dark-blue);
  width: 45%;
  border-radius: 100px;
  transition: var(--basic-transition);
}
.mobile-header .hamburger:hover {
  background-color: white;
}
@media (max-width: 992px) {
  .mobile-header {
    display: flex;
    position: relative;
  }
  .mobile-header .hamburger {
    visibility: visible;
    pointer-events: all;
  }
}
@media (max-width: 320px) {
  .mobile-header .hamburger {
    height: 40px;
    width: 40px;
    border-radius: 12px;
  }
}

.marquee-ctn {
  transform: rotate(-5deg);
  background-color: var(--color-lavender);
  width: 110%;
  margin-top: clamp(3.125rem, 2.4647887324rem + 2.8169014085vw, 5rem);
  margin-bottom: clamp(1.25rem, 0.3697183099rem + 3.7558685446vw, 3.75rem);
  position: relative;
  left: -30px;
}
.marquee-ctn .marquee {
  display: flex;
  position: relative;
  height: clamp(3.75rem, 3.1998239437rem + 2.3474178404vw, 5.3125rem);
  animation-name: marquee;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.marquee-ctn .marquee__inner {
  display: flex;
  padding-right: 30px;
  left: 0;
  top: 50%;
  position: absolute;
  transform: translate3d(0, -50%, 0);
  margin: 0;
}
.marquee-ctn .marquee__inner:last-child {
  left: calc(-1 * var(--marquee-width));
}
.marquee-ctn .marquee__inner span {
  white-space: nowrap;
  font-size: clamp(1.75rem, 1.573943662rem + 0.7511737089vw, 2.25rem);
  line-height: clamp(1.75rem, 1.573943662rem + 0.7511737089vw, 2.25rem);
  font-weight: 700;
  letter-spacing: -1px;
  font-family: var(--font-primary);
  color: var(--color-blue);
  padding-right: 30px;
}

.basic-slider-ctn {
  margin-bottom: clamp(1.875rem, 0.3345070423rem + 6.5727699531vw, 6.25rem);
}
.basic-slider-ctn.-alternative {
  margin-top: 25px;
  margin-bottom: clamp(1.875rem, 0.3345070423rem + 6.5727699531vw, 6.25rem);
}
.basic-slider-ctn.-alternative .title-ctn {
  margin-bottom: clamp(0rem, -0.4401408451rem + 1.8779342723vw, 1.25rem);
}
.basic-slider-ctn .-mobile {
  display: none;
}
.basic-slider-ctn .title-ctn {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: clamp(0rem, -0.8802816901rem + 3.7558685446vw, 2.5rem);
}
.basic-slider-ctn .title-ctn .slider-title {
  margin: 0;
  font-size: clamp(2.375rem, 2.0228873239rem + 1.5023474178vw, 3.375rem);
  line-height: clamp(2.75rem, 2.3098591549rem + 1.8779342723vw, 4rem);
  font-weight: 800;
  letter-spacing: -2px;
}
.basic-slider-ctn .title-ctn .slider-introduction {
  color: var(--color-blue);
  max-width: 500px;
  margin: 0 0 0 auto;
}
.basic-slider-ctn .title-ctn .main-button {
  margin-left: auto;
}
.basic-slider-ctn .nav-element {
  font-size: clamp(1.5625rem, 1.2544014085rem + 1.3145539906vw, 2.4375rem);
  color: var(--color-fluo-green);
  position: absolute;
  top: 50px;
  bottom: 50px;
  transition: var(--basic-transition);
  width: clamp(2.5rem, 0.7394366197rem + 7.5117370892vw, 7.5rem);
  z-index: 1;
  display: flex;
  align-items: center;
}
.basic-slider-ctn .nav-element::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  pointer-events: none;
  opacity: 0.5;
}
.basic-slider-ctn .nav-element i {
  transform: scale(1);
  transition: var(--basic-transition);
}
.basic-slider-ctn .nav-element.next {
  right: 0;
}
.basic-slider-ctn .nav-element.next::after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}
.basic-slider-ctn .nav-element.next i {
  z-index: 2;
  margin-left: clamp(0.625rem, 0.1848591549rem + 1.8779342723vw, 1.875rem);
}
.basic-slider-ctn .nav-element.prev {
  left: 0;
  justify-content: flex-end;
}
.basic-slider-ctn .nav-element.prev i {
  z-index: 2;
  margin-right: clamp(0.625rem, 0.1848591549rem + 1.8779342723vw, 1.875rem);
}
.basic-slider-ctn .nav-element.swiper-button-disabled {
  display: none;
}
.basic-slider-ctn .nav-element:hover {
  cursor: pointer;
}
.basic-slider-ctn .nav-element:hover i {
  transform: scale(1.2);
  color: var(--color-blue);
}
.basic-slider-ctn .horizontal-slider {
  position: relative;
}
.basic-slider-ctn .swiper-container {
  display: flex;
  position: relative;
  margin-left: auto;
  padding: 50px 0;
}
.basic-slider-ctn .swiper-wrapper {
  display: flex;
  width: 100%;
}
.basic-slider-ctn .swiper-wrapper .swiper-slide {
  display: flex;
  position: relative;
  min-width: 22.2222222222%;
  max-width: 22.2222222222%;
  padding-right: 40px;
}
@media (max-width: 1511px) {
  .basic-slider-ctn .swiper-wrapper .swiper-slide {
    min-width: 28.9855072464%;
    max-width: 28.9855072464%;
  }
}
@media (max-width: 1100px) {
  .basic-slider-ctn .swiper-wrapper .swiper-slide {
    min-width: 40%;
    max-width: 40%;
  }
}
@media (max-width: 850px) {
  .basic-slider-ctn .title-ctn {
    flex-direction: column;
    justify-content: initial;
    align-items: initial;
  }
  .basic-slider-ctn .title-ctn .slider-introduction {
    margin: 0;
  }
  .basic-slider-ctn .swiper-wrapper .swiper-slide {
    min-width: 50%;
    max-width: 50%;
  }
}
@media (max-width: 768px) {
  .basic-slider-ctn .-mobile {
    display: block;
  }
  .basic-slider-ctn .title-ctn .slider-title {
    font-weight: 900;
  }
  .basic-slider-ctn .title-ctn .main-button {
    display: none;
  }
  .basic-slider-ctn .swiper-wrapper .swiper-slide {
    min-width: 71.4285714286%;
    max-width: 71.4285714286%;
  }
  .basic-slider-ctn .nav-element i {
    display: none;
  }
}
@media (max-width: 320px) {
  .basic-slider-ctn .swiper-wrapper .swiper-slide {
    min-width: 83.3333333333%;
    max-width: 83.3333333333%;
    padding-right: 25px;
  }
}

/**
  * This file contains code related links and buttons
  */
a,
button,
input[type=submit] {
  transition: var(--basic-transition);
  position: relative;
  display: inline-block;
  outline: none;
  border: 0 none;
  background: none;
  text-decoration: none;
}
a::before, a::after,
button::before,
button::after,
input[type=submit]::before,
input[type=submit]::after {
  transition: var(--basic-transition);
}
a.disabled,
button.disabled,
input[type=submit].disabled {
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
}
a.disabled:hover,
button.disabled:hover,
input[type=submit].disabled:hover {
  color: inherit !important;
}

.main-button a[target=_blank], .main-button a[href$=".pdf"], .main-button a[href$=".doc"], .main-button input[target=_blank], .main-button input[href$=".pdf"], .main-button input[href$=".doc"], .main-button div[target=_blank], .main-button div[href$=".pdf"], .main-button div[href$=".doc"], .main-button .wp-block-file__button[target=_blank], .main-button .wp-block-file__button[href$=".pdf"], .main-button .wp-block-file__button[href$=".doc"], .wp-block-button a[target=_blank], .wp-block-button a[href$=".pdf"], .wp-block-button a[href$=".doc"], .wp-block-button input[target=_blank], .wp-block-button input[href$=".pdf"], .wp-block-button input[href$=".doc"], .wp-block-button div[target=_blank], .wp-block-button div[href$=".pdf"], .wp-block-button div[href$=".doc"], .wp-block-button .wp-block-file__button[target=_blank], .wp-block-button .wp-block-file__button[href$=".pdf"], .wp-block-button .wp-block-file__button[href$=".doc"] {
  display: flex;
  align-items: center;
}
.main-button a[target=_blank]:after, .main-button a[href$=".pdf"]:after, .main-button a[href$=".doc"]:after, .main-button input[target=_blank]:after, .main-button input[href$=".pdf"]:after, .main-button input[href$=".doc"]:after, .main-button div[target=_blank]:after, .main-button div[href$=".pdf"]:after, .main-button div[href$=".doc"]:after, .main-button .wp-block-file__button[target=_blank]:after, .main-button .wp-block-file__button[href$=".pdf"]:after, .main-button .wp-block-file__button[href$=".doc"]:after, .wp-block-button a[target=_blank]:after, .wp-block-button a[href$=".pdf"]:after, .wp-block-button a[href$=".doc"]:after, .wp-block-button input[target=_blank]:after, .wp-block-button input[href$=".pdf"]:after, .wp-block-button input[href$=".doc"]:after, .wp-block-button div[target=_blank]:after, .wp-block-button div[href$=".pdf"]:after, .wp-block-button div[href$=".doc"]:after, .wp-block-button .wp-block-file__button[target=_blank]:after, .wp-block-button .wp-block-file__button[href$=".pdf"]:after, .wp-block-button .wp-block-file__button[href$=".doc"]:after {
  font-family: "antitroll";
  content: "\e902";
  position: relative;
  margin-left: 10px;
  display: inline-block;
  font-size: 10px;
  transition: var(--basic-transition);
}
.main-button a[href$=".pdf"]:after, .main-button a[href$=".doc"]:after, .main-button a[download]:after, .main-button input[href$=".pdf"]:after, .main-button input[href$=".doc"]:after, .main-button input[download]:after, .main-button div[href$=".pdf"]:after, .main-button div[href$=".doc"]:after, .main-button div[download]:after, .main-button .wp-block-file__button[href$=".pdf"]:after, .main-button .wp-block-file__button[href$=".doc"]:after, .main-button .wp-block-file__button[download]:after, .wp-block-button a[href$=".pdf"]:after, .wp-block-button a[href$=".doc"]:after, .wp-block-button a[download]:after, .wp-block-button input[href$=".pdf"]:after, .wp-block-button input[href$=".doc"]:after, .wp-block-button input[download]:after, .wp-block-button div[href$=".pdf"]:after, .wp-block-button div[href$=".doc"]:after, .wp-block-button div[download]:after, .wp-block-button .wp-block-file__button[href$=".pdf"]:after, .wp-block-button .wp-block-file__button[href$=".doc"]:after, .wp-block-button .wp-block-file__button[download]:after {
  content: "\e903";
  font-size: 16px;
}

.main-button {
  max-width: fit-content;
}
.main-button a {
  font-family: var(--font-primary);
  font-size: clamp(1.0625rem, 0.9964788732rem + 0.2816901408vw, 1.25rem);
  line-height: clamp(1.25rem, 1.1399647887rem + 0.4694835681vw, 1.5625rem);
}
.main-button i {
  transition: var(--basic-transition);
}
.main-button button {
  cursor: pointer;
}
.main-button.-icon a,
.main-button.-icon button {
  gap: 12px;
  display: flex;
  align-items: center;
}
.main-button.-white a,
.main-button.-white button {
  text-align: center;
  border-radius: 24px;
  background: white;
  color: #062C65;
  font-weight: 700;
  padding: 18px 32px;
  position: relative;
  z-index: 2;
}
.main-button.-white a i,
.main-button.-white button i {
  color: #062C65;
}
.main-button.-white a::after,
.main-button.-white button::after {
  color: #062C65;
}
.main-button.-white:hover a,
.main-button.-white:hover button, .main-button.-white:focus-within a,
.main-button.-white:focus-within button {
  color: white;
  background-color: #062C65;
}
.main-button.-white:hover a i,
.main-button.-white:hover button i, .main-button.-white:focus-within a i,
.main-button.-white:focus-within button i {
  color: white;
}
.main-button.-white:hover a::after,
.main-button.-white:hover button::after, .main-button.-white:focus-within a::after,
.main-button.-white:focus-within button::after {
  color: white;
}
.main-button.-outlined-white a,
.main-button.-outlined-white button {
  border: 3px solid white;
  border-radius: 16px;
  background: transparent;
  font-size: clamp(1rem, 0.9559859155rem + 0.1877934272vw, 1.125rem);
  line-height: 19px;
  font-weight: 800;
  color: white;
  padding: clamp(0.75rem, 0.661971831rem + 0.3755868545vw, 1rem) 32px;
  position: relative;
  z-index: 2;
}
.main-button.-outlined-white a i,
.main-button.-outlined-white button i {
  color: white;
}
.main-button.-outlined-white:hover a,
.main-button.-outlined-white:hover button, .main-button.-outlined-white:focus-within a,
.main-button.-outlined-white:focus-within button {
  color: var(--color-blue);
  border-color: transparent;
}
.main-button.-outlined-white:hover a i,
.main-button.-outlined-white:hover button i, .main-button.-outlined-white:focus-within a i,
.main-button.-outlined-white:focus-within button i {
  color: var(--color-blue);
}
.main-button.-outlined-white:hover a::after,
.main-button.-outlined-white:hover button::after, .main-button.-outlined-white:focus-within a::after,
.main-button.-outlined-white:focus-within button::after {
  color: --color-blue;
}
.main-button.-outlined-blue a,
.main-button.-outlined-blue button {
  font-weight: 700;
  padding: 18px clamp(1.5rem, 1.323943662rem + 0.7511737089vw, 2rem);
  border: 3px solid var(--color-blue);
  color: var(--color-blue);
  background-color: transparent;
  gap: 10px;
  border-radius: 24px;
}
.main-button.-outlined-blue a i,
.main-button.-outlined-blue button i {
  color: var(--color-blue);
}
.main-button.-outlined-blue:hover a,
.main-button.-outlined-blue:hover button, .main-button.-outlined-blue:focus-within a,
.main-button.-outlined-blue:focus-within button {
  color: white;
  background-color: var(--color-blue);
}
.main-button.-outlined-blue:hover a i,
.main-button.-outlined-blue:hover button i, .main-button.-outlined-blue:focus-within a i,
.main-button.-outlined-blue:focus-within button i {
  color: white;
}
.main-button.-outlined-blue:hover a::after,
.main-button.-outlined-blue:hover button::after, .main-button.-outlined-blue:focus-within a::after,
.main-button.-outlined-blue:focus-within button::after {
  color: white;
}
.main-button.-gradient-hover {
  position: relative;
  max-width: fit-content;
}
.main-button.-gradient-hover::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 16px;
  opacity: 0;
  background: var(--primary-gradient);
  z-index: 1;
  transition: var(--basic-transition);
}
.main-button.-gradient-hover:hover::before, .main-button.-gradient-hover:focus-within::before {
  opacity: 1;
}
.main-button.-gradient-fluo-green {
  position: relative;
  max-width: fit-content;
}
.main-button.-gradient-fluo-green a,
.main-button.-gradient-fluo-green button {
  font-size: clamp(1.0625rem, 1.0404929577rem + 0.0938967136vw, 1.125rem);
  line-height: clamp(1.0625rem, 1.0404929577rem + 0.0938967136vw, 1.125rem);
  padding: 11px 24px 10px;
  background: var(--primary-gradient);
  border-radius: 24px;
  z-index: 2;
  display: flex;
  align-items: center;
}
.main-button.-gradient-fluo-green a i,
.main-button.-gradient-fluo-green button i {
  font-size: 22px;
  margin-right: 16px;
  color: var(--color-blue);
  transition: var(--basic-transition);
}
.main-button.-gradient-fluo-green::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 24px;
  opacity: 0;
  background: var(--color-blue);
  z-index: 1;
  transition: var(--basic-transition);
}
.main-button.-gradient-fluo-green:hover a,
.main-button.-gradient-fluo-green:hover button, .main-button.-gradient-fluo-green:focus-within a,
.main-button.-gradient-fluo-green:focus-within button {
  color: var(--color-white);
  background: transparent;
}
.main-button.-gradient-fluo-green:hover a i,
.main-button.-gradient-fluo-green:hover button i, .main-button.-gradient-fluo-green:focus-within a i,
.main-button.-gradient-fluo-green:focus-within button i {
  color: var(--color-white);
}
.main-button.-gradient-fluo-green:hover::before, .main-button.-gradient-fluo-green:focus-within::before {
  opacity: 1;
}
.main-button.-fluo-green {
  position: relative;
  max-width: fit-content;
}
.main-button.-fluo-green a,
.main-button.-fluo-green button {
  padding: 18px clamp(1.5rem, 1.323943662rem + 0.7511737089vw, 2rem);
  line-height: clamp(1.1875rem, 1.1654929577rem + 0.0938967136vw, 1.25rem);
  background: var(--primary-gradient);
  z-index: 1;
  border-radius: 24px;
  color: var(--color-blue);
  display: flex;
}
.main-button.-fluo-green a::after,
.main-button.-fluo-green button::after {
  color: var(--color-blue);
  font-size: 10px;
  transition: var(--basic-transition);
}
.main-button.-fluo-green a::before,
.main-button.-fluo-green button::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 24px;
  opacity: 0;
  z-index: -1;
  transition: var(--basic-transition);
  background-color: var(--color-blue);
}
.main-button.-fluo-green:hover a,
.main-button.-fluo-green:hover button, .main-button.-fluo-green:focus-within a,
.main-button.-fluo-green:focus-within button {
  color: var(--color-white);
}
.main-button.-fluo-green:hover a::before,
.main-button.-fluo-green:hover button::before, .main-button.-fluo-green:focus-within a::before,
.main-button.-fluo-green:focus-within button::before {
  opacity: 1;
}
.main-button.-fluo-green:hover a::after,
.main-button.-fluo-green:hover button::after, .main-button.-fluo-green:focus-within a::after,
.main-button.-fluo-green:focus-within button::after {
  color: var(--color-white);
}

.back-button {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.7059859155rem + 0.1877934272vw, 0.875rem);
  font-weight: 700;
  line-height: clamp(0.75rem, 0.7059859155rem + 0.1877934272vw, 0.875rem);
  letter-spacing: 1px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 24px;
  background-color: var(--color-beige);
  max-width: fit-content;
  border-radius: 100px;
  position: relative;
  margin: 0 auto;
}
.back-button i {
  transition: var(--basic-transition);
  transform: translateX(0);
  font-size: 16px;
  color: var(color-blue);
}
.back-button:hover, .back-button:focus-within {
  color: var(--color-white);
  background-color: var(--color-blue);
}
.back-button:hover i, .back-button:focus-within i {
  transform: translateX(-5px);
  color: var(--color-white);
}

.selection-ctn {
  position: relative;
  visibility: hidden;
  display: none;
}
.selection-ctn.-opened .selector i {
  transform: rotate(180deg);
}
.selection-ctn.-opened .selection-list {
  pointer-events: all;
  opacity: 1;
  transition: all 0.25s ease 0.1s;
  visibility: visible;
}
.selection-ctn .selector {
  position: relative;
  display: flex;
  align-items: center;
}
.selection-ctn .selector i {
  font-size: 7px;
  color: white;
  transition: var(--basic-transition);
  margin-left: 5px;
  margin-bottom: 3px;
}
.selection-ctn .selection-item {
  font-size: 15px;
  color: white;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  text-transform: uppercase;
}
.selection-ctn .selection-item .selected-item {
  pointer-events: none;
}
.selection-ctn .selection-list {
  padding: 30px 0 18px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: absolute;
  top: 100%;
  left: 0;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  background-color: var(--color-main-bg);
}
.selection-ctn .selection-list .main-item a {
  color: white;
  gap: 8px;
  display: flex;
  align-items: center;
}
.selection-ctn .selection-list .main-item.current-menu-item a, .selection-ctn .selection-list .main-item.current-page-ancestor a {
  opacity: 0.33;
}
@media (max-width: 992px) {
  .selection-ctn {
    visibility: visible;
    display: block;
  }
}

.quick-link-ctn {
  background: var(--primary-gradient);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  max-width: 186px;
  min-width: 186px;
  max-height: 60px;
  min-height: 60px;
  border-radius: 24px 0px 0px 24px;
  padding: 10px;
  transition: var(--basic-transition);
  transform: translateX(126px);
}
.quick-link-ctn .image-ctn {
  min-width: 40px;
  max-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quick-link-ctn .image-ctn img {
  max-width: 40px;
}
.quick-link-ctn .quick-link-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -1px;
  color: var(--color-blue);
}
.quick-link-ctn:hover {
  cursor: pointer;
  transform: translateX(0);
}
@media (max-width: 768px) {
  .quick-link-ctn {
    max-width: 60px;
    min-width: 60px;
    max-height: 50px;
    min-height: 50px;
    transform: translateX(0);
    border-radius: 24px 24px 0px 0px;
  }
  .quick-link-ctn .quick-link-title {
    display: none;
  }
}

.video-portrait-ctn {
  --video-portrait-width: clamp(22.5rem, 21.6197183099rem + 3.7558685446vw, 25rem);
  --video-portrait-height: clamp(39.5rem, 37.849471831rem + 7.0422535211vw, 44.1875rem);
  z-index: 1;
  position: relative;
  justify-content: center;
  display: flex;
}
.video-portrait-ctn.-large-format {
  --video-portrait-width: clamp(20.75rem, 8.2135958395rem + 26.1515601783vw, 31.75rem);
  --video-portrait-height: clamp(29.6875rem, 16.5812592868rem + 27.3402674591vw, 41.1875rem);
}
.video-portrait-ctn .video-ctn {
  position: relative;
  display: flex;
  min-width: var(--video-portrait-width);
  max-width: var(--video-portrait-width);
  height: var(--video-portrait-height);
  box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.35);
  border-radius: 16px;
  overflow: hidden;
}
.video-portrait-ctn .video-ctn .video, .video-portrait-ctn .video-ctn iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 420px) {
  .video-portrait-ctn {
    width: 100%;
  }
  .video-portrait-ctn .video-ctn {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 177%;
    overflow: hidden;
    min-width: auto;
    max-width: 100%;
  }
  .video-portrait-ctn .video-ctn iframe, .video-portrait-ctn .video-ctn video {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
  }
}

.logos-switcher-ctn {
  display: flex;
  align-items: center;
  gap: clamp(1.875rem, 1.6549295775rem + 0.9389671362vw, 2.5rem);
}
.logos-switcher-ctn .logo-img {
  display: none;
  max-width: 239px;
  min-width: 239px;
  object-fit: contain;
  visibility: hidden;
}
.logos-switcher-ctn.-white-logo .white-logo {
  display: flex;
  visibility: visible;
}
.logos-switcher-ctn.-green-logo .green-logo {
  display: flex;
  visibility: visible;
}
.logos-switcher-ctn.-blue-logo .blue-logo {
  display: flex;
  visibility: visible;
}
@media (max-width: 992px) {
  .logos-switcher-ctn .logo-img {
    max-width: 211px;
    object-fit: contain;
  }
}
@media (max-width: 992px) {
  .logos-switcher-ctn {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 320px) {
  .logos-switcher-ctn .logo-img {
    max-width: 200px;
    min-width: 200px;
  }
}

.play-button-ctn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(3.25rem, 2.5677816901rem + 2.9107981221vw, 5.1875rem);
  min-height: clamp(3.25rem, 2.5677816901rem + 2.9107981221vw, 5.1875rem);
  background: var(--primary-gradient);
  border-radius: 50%;
  z-index: 1;
  transition: var(--basic-transition);
  transform: scale(1);
}
.play-button-ctn i {
  font-size: clamp(1.25rem, 1.073943662rem + 0.7511737089vw, 1.75rem);
  color: var(--color-blue);
  transition: var(--basic-transition);
}

.socials-share-ctn {
  display: flex;
  gap: 30px;
}
.socials-share-ctn .share-label {
  font-family: var(--font-primary);
  font-size: clamp(1.25rem, 1.2059859155rem + 0.1877934272vw, 1.375rem);
  font-weight: 800;
  line-height: clamp(1.25rem, 1.2059859155rem + 0.1877934272vw, 1.375rem);
  letter-spacing: -0.88px;
  color: var(--color-blue);
}
.socials-share-ctn .list-ctn {
  display: flex;
  gap: 20px;
}
.socials-share-ctn i {
  font-size: clampc-calc(22, 24);
  color: var(--color-blue);
  transition: var(--basic-transition);
}
.socials-share-ctn i:hover {
  color: var(--color-orange-dark);
  cursor: pointer;
}

.cookie-video-ctn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #DEF450;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.cookie-video-ctn p, .cookie-video-ctn .gutenberg .has-large-font-size, .gutenberg .cookie-video-ctn .has-large-font-size,
.cookie-video-ctn div.editor-styles-wrapper .has-large-font-size,
div.editor-styles-wrapper .cookie-video-ctn .has-large-font-size, .cookie-video-ctn .gutenberg .has-small-font-size, .gutenberg .cookie-video-ctn .has-small-font-size,
.cookie-video-ctn div.editor-styles-wrapper .has-small-font-size,
div.editor-styles-wrapper .cookie-video-ctn .has-small-font-size {
  margin: 0 auto;
  margin-bottom: 24px;
  color: #1A3675;
  font-size: 23px;
  font-weight: 500;
  line-height: 28px;
  width: 70%;
}
.cookie-video-ctn a {
  margin: 0 auto;
  padding: 8px 24px;
  height: 43px;
  border-radius: 16px;
  border: 3px solid #1A3675;
  color: #1A3675;
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
  transition: all 0.3s ease-in-out;
}
.cookie-video-ctn a:hover {
  background-color: #1A3675;
  color: #FFF;
}

#smooth-content {
  background-color: #04285F;
}

body.page-template-default .main-content {
  background-color: white;
  border-radius: 20px 20px 0px 0px;
  position: relative;
  overflow: hidden;
}
body.page-template-default .gutenberg-ctn {
  padding-top: clamp(5rem, 4.1197183099rem + 3.7558685446vw, 7.5rem);
  padding-bottom: clamp(5.625rem, 4.3045774648rem + 5.6338028169vw, 9.375rem);
}

body.page-template-home-teens .home-teens-ctn .white-blur-circle {
  border-radius: 764px;
  opacity: 0.05;
  background: #FFF;
  mix-blend-mode: plus-lighter;
  filter: blur(200px);
  z-index: 1;
  width: 954px;
  height: 954px;
  pointer-events: none;
  position: absolute;
  transition: all linear 0.3s;
  top: -100px;
  left: -150px;
}
body.page-template-home-teens .main-content-ctn {
  background-color: white;
  padding-bottom: clamp(6.25rem, 5.1496478873rem + 4.6948356808vw, 9.375rem);
  padding-top: 40px;
}
@media (max-width: 768px) {
  body.page-template-home-teens .main-content-ctn {
    padding-top: 60px;
  }
}

body.page-template-home-teens-v2 .home-teens-ctn .white-blur-circle {
  border-radius: 764px;
  opacity: 0.05;
  background: #FFF;
  mix-blend-mode: plus-lighter;
  filter: blur(200px);
  z-index: 1;
  width: 954px;
  height: 954px;
  pointer-events: none;
  position: absolute;
  transition: all linear 0.3s;
  top: -100px;
  left: -150px;
}
body.page-template-home-teens-v2 .main-content .gutenberg-ctn {
  background-color: white;
  padding-bottom: 300px;
}
@media (max-width: 768px) {
  body.page-template-home-teens-v2 .main-content .gutenberg-ctn {
    padding-bottom: 100px;
  }
}
body.page-template-home-teens-v2 .grey-div {
  margin-top: 0;
}
body.page-template-home-teens-v2 .main-content-ctn {
  padding-top: 40px;
  padding-bottom: 60px;
}
@media (max-width: 768px) {
  body.page-template-home-teens-v2 .main-content-ctn {
    padding-top: 60px;
  }
}
body.page-template-home-teens-v2 .global-cta-ctn {
  margin-top: 200px;
}
@media (max-width: 768px) {
  body.page-template-home-teens-v2 .global-cta-ctn {
    margin-top: 100px;
  }
}

body.page-template-teens-kit .main-content-ctn {
  background-color: white;
  padding-top: 15px;
}
body.page-template-teens-kit .main-content-ctn .gutenberg-ctn {
  padding-top: clamp(1.875rem, 1.2147887324rem + 2.8169014085vw, 3.75rem);
  padding-bottom: clamp(6.25rem, 4.7535211268rem + 6.3849765258vw, 10.5rem);
}

body.page-template-teens-landing-kit .main-content-ctn {
  background-color: white;
  padding-top: 15px;
}
body.page-template-teens-landing-kit .main-content-ctn .gutenberg-ctn {
  padding-top: clamp(1.875rem, 1.2147887324rem + 2.8169014085vw, 3.75rem);
  padding-bottom: clamp(6.25rem, 4.7535211268rem + 6.3849765258vw, 10.5rem);
}
body.page-template-teens-landing-kit .main-content-ctn .basic-slider-ctn:last-child {
  margin-bottom: 0;
}

body.page-template-parents-kit {
  background-color: var(--color-dark-blue);
}
body.page-template-parents-kit .main-content {
  background-color: white;
  border-radius: 20px 20px 0px 0px;
  position: relative;
  overflow: hidden;
}
body.page-template-parents-kit .gutenberg-ctn {
  padding-top: clamp(5rem, 4.1197183099rem + 3.7558685446vw, 7.5rem);
  padding-bottom: clamp(3.75rem, 3.3098591549rem + 1.8779342723vw, 5rem);
}
body.page-template-parents-kit .socials-share-ctn {
  padding-bottom: clamp(5rem, 4.1197183099rem + 3.7558685446vw, 7.5rem);
}
body.page-template-parents-kit .grey-div {
  padding: clamp(6.25rem, 5.1936619718rem + 4.5070422535vw, 9.25rem) 0 clamp(6.25rem, 4.775528169rem + 6.2910798122vw, 10.4375rem);
  margin: 0;
}
body.page-template-parents-kit .grey-div .basic-slider {
  margin-bottom: 50px;
}

body.page-template-parents-landing-kit {
  background-color: var(--color-dark-blue);
}
body.page-template-parents-landing-kit .main-content {
  background-color: var(--color-light-grey);
  border-radius: 20px 20px 0px 0px;
  position: relative;
  overflow: hidden;
}
body.page-template-parents-landing-kit .main-content-ctn {
  margin-bottom: clamp(6.25rem, 5.1496478873rem + 4.6948356808vw, 9.375rem);
}
body.page-template-parents-landing-kit .gutenberg-ctn {
  padding: clamp(3.4375rem, 2.5572183099rem + 3.7558685446vw, 5.9375rem) 0;
}

body.page-template-guide {
  background-color: var(--color-dark-blue);
}
body.page-template-guide h1 {
  color: var(--color-orange-dark);
}
body.page-template-guide .main-content {
  background-color: white;
  border-radius: 20px 20px 0px 0px;
  position: relative;
  overflow: hidden;
}
body.page-template-guide .gutenberg-ctn {
  padding-top: clamp(5rem, 4.2957746479rem + 3.0046948357vw, 7rem);
  padding-bottom: clamp(5.625rem, 4.3045774648rem + 5.6338028169vw, 9.375rem);
}

body.page-template-hub .hub-page-ctn .white-blur-circle {
  border-radius: 764px;
  opacity: 0.05;
  background: #FFF;
  mix-blend-mode: plus-lighter;
  filter: blur(200px);
  z-index: 1;
  width: 954px;
  height: 954px;
  pointer-events: none;
  position: absolute;
  transition: all linear 0.3s;
  top: -50px;
  right: -100px;
}
body.page-template-hub .bento-list-ctn {
  margin-bottom: clamp(0rem, -2.7508802817rem + 11.7370892019vw, 7.8125rem);
}
body.page-template-hub .cta-container {
  margin-top: clamp(6.25rem, 5.1496478873rem + 4.6948356808vw, 9.375rem);
  margin-bottom: clamp(6.25rem, 5.1496478873rem + 4.6948356808vw, 9.375rem);
}
body.page-template-hub.parents-style .quick-links-ctn {
  display: none;
}
body.page-template-hub.parents-style .bento-list-ctn {
  margin-bottom: clamp(3.125rem, 1.474471831rem + 7.0422535211vw, 7.8125rem);
}

body.error404 .main-content {
  background-color: var(--color-blue);
  border-radius: 20px 20px 0px 0px;
  position: relative;
  overflow: hidden;
}
body.error404 .page-404-ctn {
  position: relative;
  overflow: hidden;
}
body.error404 .page-404-ctn .white-blur-circle {
  border-radius: 764px;
  opacity: 0.05;
  background: #FFF;
  mix-blend-mode: plus-lighter;
  filter: blur(200px);
  z-index: 1;
  width: clamp(37.5rem, 29.7095070423rem + 33.2394366197vw, 59.625rem);
  height: clamp(37.5rem, 29.7095070423rem + 33.2394366197vw, 59.625rem);
  pointer-events: none;
  position: absolute;
  transition: all linear 0.3s;
  top: -450px;
  right: -150px;
}
body.error404 .page-404-ctn .wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
body.error404 .page-404-ctn .page-404 {
  padding-top: 25px;
}
body.error404 .page-404-ctn h1 {
  color: var(--color-fluo-green);
  font-family: var(--font-primary);
  font-size: clamp(9.375rem, 4.7535211268rem + 19.7183098592vw, 22.5rem);
  line-height: clamp(10.625rem, 7.323943662rem + 14.0845070423vw, 20rem);
  font-weight: 400;
  margin: 0;
}
body.error404 .page-404-ctn p, body.error404 .page-404-ctn .gutenberg .has-large-font-size, .gutenberg body.error404 .page-404-ctn .has-large-font-size,
body.error404 .page-404-ctn div.editor-styles-wrapper .has-large-font-size,
div.editor-styles-wrapper body.error404 .page-404-ctn .has-large-font-size, body.error404 .page-404-ctn .gutenberg .has-small-font-size, .gutenberg body.error404 .page-404-ctn .has-small-font-size,
body.error404 .page-404-ctn div.editor-styles-wrapper .has-small-font-size,
div.editor-styles-wrapper body.error404 .page-404-ctn .has-small-font-size {
  color: white;
  margin: 0 0 30px;
}
body.error404 .page-404-ctn .image-ctn {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 992px) {
  body.error404 .page-404-ctn {
    position: relative;
  }
  body.error404 .page-404-ctn .page-404 {
    padding: 80px 0 50px;
  }
  body.error404 .page-404-ctn .image-ctn {
    display: none;
  }
}

body.page-template-resources.parents-style .main-content-ctn .page-title {
  color: var(--color-orange-dark);
}
body.page-template-resources.parents-style .main-content-ctn .page-introduction {
  color: var(--color-blue);
}
body.page-template-resources.kids-style .main-content-ctn .page-title {
  color: var(--color-white);
}
body.page-template-resources .white-blur-circle {
  border-radius: 764px;
  opacity: 0.05;
  background: #FFF;
  mix-blend-mode: plus-lighter;
  filter: blur(200px);
  z-index: 1;
  width: 954px;
  height: 954px;
  pointer-events: none;
  position: absolute;
  transition: all linear 0.3s;
  top: 0;
  right: -50px;
}
body.page-template-resources .resources-page-ctn {
  position: relative;
  z-index: 2;
}
body.page-template-resources .main-content-ctn {
  padding: clamp(8.125rem, 6.2544014085rem + 7.9812206573vw, 13.4375rem) 0 clamp(5rem, 3.8996478873rem + 4.6948356808vw, 8.125rem);
}
body.page-template-resources .main-content-ctn .resources-list {
  column-gap: clamp(3.75rem, 3.3098591549rem + 1.8779342723vw, 5rem);
  row-gap: clamp(5rem, 4.5598591549rem + 1.8779342723vw, 6.25rem);
}
body.page-template-resources .main-content-ctn .resources-list .text-wrapper {
  margin-bottom: clamp(0rem, -1.1003521127rem + 4.6948356808vw, 3.125rem);
}
body.page-template-resources .main-content-ctn .left-column,
body.page-template-resources .main-content-ctn .right-column {
  display: flex;
  flex-direction: column;
  gap: clamp(5rem, 4.5598591549rem + 1.8779342723vw, 6.25rem);
}
body.page-template-resources .main-content-ctn .page-title {
  color: var(--color-fluo-green);
  margin: 0;
}
body.page-template-resources .main-content-ctn .page-introduction {
  color: white;
  margin: clamp(2.5rem, 2.0598591549rem + 1.8779342723vw, 3.75rem) 0 0;
}
@media (max-width: 1024px) {
  body.page-template-resources .main-content-ctn {
    padding: clamp(8.125rem, 6.2544014085rem + 7.9812206573vw, 13.4375rem) 0 clamp(5rem, 3.8996478873rem + 4.6948356808vw, 8.125rem);
  }
  body.page-template-resources .main-content-ctn .resources-list {
    display: flex;
    flex-direction: column;
  }
}
body.page-template-resources .video-portrait-ctn.--mobile {
  display: none;
}
@media (max-width: 1024px) {
  body.page-template-resources .video-portrait-ctn.--mobile {
    display: block;
    margin: auto;
  }
  body.page-template-resources .video-portrait-ctn.--desktop {
    display: none;
  }
}
body.page-template-resources .bubbles-ctn {
  text-align: center;
}
@media (max-width: 1024px) {
  body.page-template-resources .bubbles-ctn {
    display: none;
  }
}

body.page-template-resources.parents-style .main-content-ctn .page-title {
  color: var(--color-orange-dark);
}
body.page-template-resources.parents-style .main-content-ctn .page-introduction {
  color: var(--color-blue);
}
body.page-template-resources.kids-style .main-content-ctn .page-title {
  color: var(--color-white);
}
body.page-template-resources .white-blur-circle {
  border-radius: 764px;
  opacity: 0.05;
  background: #FFF;
  mix-blend-mode: plus-lighter;
  filter: blur(200px);
  z-index: 1;
  width: 954px;
  height: 954px;
  pointer-events: none;
  position: absolute;
  transition: all linear 0.3s;
  top: 0;
  right: -50px;
}
body.page-template-resources .resources-page-ctn {
  position: relative;
  z-index: 2;
}
body.page-template-resources .main-content-ctn {
  padding: clamp(8.125rem, 6.2544014085rem + 7.9812206573vw, 13.4375rem) 0 clamp(5rem, 3.8996478873rem + 4.6948356808vw, 8.125rem);
}
body.page-template-resources .main-content-ctn .resources-list {
  column-gap: clamp(3.75rem, 3.3098591549rem + 1.8779342723vw, 5rem);
  row-gap: clamp(5rem, 4.5598591549rem + 1.8779342723vw, 6.25rem);
}
body.page-template-resources .main-content-ctn .resources-list .text-wrapper {
  margin-bottom: clamp(0rem, -1.1003521127rem + 4.6948356808vw, 3.125rem);
}
body.page-template-resources .main-content-ctn .left-column,
body.page-template-resources .main-content-ctn .right-column {
  display: flex;
  flex-direction: column;
  gap: clamp(5rem, 4.5598591549rem + 1.8779342723vw, 6.25rem);
}
body.page-template-resources .main-content-ctn .page-title {
  color: var(--color-fluo-green);
  margin: 0;
}
body.page-template-resources .main-content-ctn .page-introduction {
  color: white;
  margin: clamp(2.5rem, 2.0598591549rem + 1.8779342723vw, 3.75rem) 0 0;
}
@media (max-width: 1024px) {
  body.page-template-resources .main-content-ctn {
    padding: clamp(8.125rem, 6.2544014085rem + 7.9812206573vw, 13.4375rem) 0 clamp(5rem, 3.8996478873rem + 4.6948356808vw, 8.125rem);
  }
  body.page-template-resources .main-content-ctn .resources-list {
    display: flex;
    flex-direction: column;
  }
}
body.page-template-resources .video-portrait-ctn.--mobile {
  display: none;
}
@media (max-width: 1024px) {
  body.page-template-resources .video-portrait-ctn.--mobile {
    display: block;
    margin: auto;
  }
  body.page-template-resources .video-portrait-ctn.--desktop {
    display: none;
  }
}
body.page-template-resources .bubbles-ctn {
  text-align: center;
}
@media (max-width: 1024px) {
  body.page-template-resources .bubbles-ctn {
    display: none;
  }
}

body.page-template-stakeholders-landing {
  background-color: var(--color-dark-blue);
}
body.page-template-stakeholders-landing .main-content {
  background-color: white;
  border-radius: 20px 20px 0px 0px;
  position: relative;
  overflow: hidden;
}
body.page-template-stakeholders-landing .gutenberg-ctn {
  padding-top: clamp(5rem, 4.7799295775rem + 0.9389671362vw, 5.625rem);
  padding-bottom: clamp(5.625rem, 4.3045774648rem + 5.6338028169vw, 9.375rem);
}

body.page-template-stakeholders-page .page-menu-ctn .page-menu-list li.current-page-ancestor {
  opacity: 1;
}
body.page-template-stakeholders-page .page-menu-ctn .page-menu-list li.current-page-ancestor a {
  color: var(--color-blue);
  transition: var(--basic-transition);
}
body.page-template-stakeholders-page .page-menu-ctn .page-menu-list li.current-page-ancestor a:hover {
  color: var(--color-purple-dark);
}
body.page-template-stakeholders-page .page-menu-ctn .page-menu-list li.current-page-ancestor a::after {
  display: none;
}

body.page-template-warning .white-blur-circle {
  border-radius: 764px;
  opacity: 0.05;
  background: #FFF;
  mix-blend-mode: plus-lighter;
  filter: blur(200px);
  z-index: 1;
  width: 954px;
  height: 954px;
  pointer-events: none;
  position: absolute;
  transition: all linear 0.3s;
  top: -50px;
  right: -100px;
  z-index: 0;
}
body.page-template-warning .white-blur-circle.--left {
  border-radius: 764px;
  opacity: 0.05;
  background: #FFF;
  mix-blend-mode: plus-lighter;
  filter: blur(200px);
  z-index: 1;
  width: 954px;
  height: 954px;
  pointer-events: none;
  position: absolute;
  transition: all linear 0.3s;
  top: -50px;
  left: 100px;
  z-index: 0;
}
body.page-template-warning .main-content {
  background-color: var(--color-blue);
  border-radius: 20px 20px 0px 0px;
  position: relative;
  overflow: hidden;
}
body.page-template-warning .page-header {
  padding-top: 35px;
  padding-bottom: clamp(4.375rem, 2.7904929577rem + 6.7605633803vw, 8.875rem);
}
body.page-template-warning .page-header h1 {
  text-align: center;
  color: var(--color-fluo-green);
  font-size: clamp(2.3125rem, 1.014084507rem + 5.5399061033vw, 6rem);
  line-height: clamp(2.5rem, 1.3556338028rem + 4.882629108vw, 5.75rem);
  max-width: 1000px;
  margin: 0 auto clamp(2.1875rem, 0.448943662rem + 7.4178403756vw, 7.125rem);
}
body.page-template-warning .page-header .explanations {
  color: white;
  font-size: clamp(1.125rem, 1.036971831rem + 0.3755868545vw, 1.375rem);
  line-height: clamp(1.75rem, 1.6179577465rem + 0.5633802817vw, 2.125rem);
  font-weight: 500;
  margin: clamp(0rem, -0.4401408451rem + 1.8779342723vw, 1.25rem) 0;
}
body.page-template-warning .page-header .gutenberg {
  color: white;
}
body.page-template-warning .documents-ctn {
  padding: clamp(5.3125rem, 4.1021126761rem + 5.1643192488vw, 8.75rem) 0 clamp(3.4375rem, 2.4471830986rem + 4.2253521127vw, 6.25rem);
  background-color: var(--color-lavender);
}
body.page-template-warning .documents-ctn h2 {
  text-align: center;
  margin: 0 auto clamp(0rem, -0.6602112676rem + 2.8169014085vw, 1.875rem);
  max-width: 930px;
}
@media (max-width: 768px) {
  body.page-template-warning .page-header h1 {
    letter-spacing: -2px;
  }
  body.page-template-warning .page-header .explanations {
    font-weight: 400;
  }
  body.page-template-warning .page-header .grid {
    display: flex;
    flex-direction: column-reverse;
    gap: 53px;
  }
}

@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes floating {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(20px, -20px);
  }
  100% {
    transform: translate(0, 0);
  }
}
body.page-template-warning-link .white-blur-circle {
  border-radius: 764px;
  opacity: 0.05;
  background: #FFF;
  mix-blend-mode: plus-lighter;
  filter: blur(200px);
  z-index: 1;
  width: 954px;
  height: 954px;
  pointer-events: none;
  position: absolute;
  transition: all linear 0.3s;
  top: -50px;
  right: -100px;
  z-index: 0;
}
body.page-template-warning-link .white-blur-circle.--left {
  border-radius: 764px;
  opacity: 0.05;
  background: #FFF;
  mix-blend-mode: plus-lighter;
  filter: blur(200px);
  z-index: 1;
  width: 954px;
  height: 954px;
  pointer-events: none;
  position: absolute;
  transition: all linear 0.3s;
  top: -50px;
  left: 100px;
  z-index: 0;
}
body.page-template-warning-link .white-blur-circle.--explanations {
  border-radius: 764px;
  opacity: 0.05;
  background: #FFF;
  mix-blend-mode: plus-lighter;
  filter: blur(200px);
  z-index: 1;
  width: 550px;
  height: 550px;
  pointer-events: none;
  position: absolute;
  transition: all linear 0.3s;
  top: 100px;
  right: 60px;
  z-index: 0;
}
body.page-template-warning-link .main-content {
  background-color: var(--color-blue);
  border-radius: 20px 20px 0px 0px;
  position: relative;
  overflow: hidden;
}
body.page-template-warning-link .page-header {
  padding-top: 80px;
  padding-bottom: clamp(4.375rem, 2.7904929577rem + 6.7605633803vw, 8.875rem);
}
body.page-template-warning-link .page-header h1 {
  text-align: center;
  color: var(--color-fluo-green);
  font-size: clamp(2.125rem, 0.8705985915rem + 5.3521126761vw, 5.6875rem);
  line-height: clamp(2.5rem, 1.3556338028rem + 4.882629108vw, 5.75rem);
  max-width: 1000px;
  margin: 0 auto clamp(2.1875rem, 0.448943662rem + 7.4178403756vw, 7.125rem);
}
body.page-template-warning-link .page-header h2 {
  font-size: clamp(1.5rem, 1.235915493rem + 1.1267605634vw, 2.25rem);
  font-weight: 600;
  line-height: clamp(2rem, 1.6919014085rem + 1.3145539906vw, 2.875rem);
  letter-spacing: -1.44px;
}
body.page-template-warning-link .page-header .grid {
  margin-top: 100px;
  position: relative;
}
body.page-template-warning-link .page-header .explanations {
  text-align: left;
  padding: 50px;
}
@media (max-width: 768px) {
  body.page-template-warning-link .page-header .explanations {
    padding: 30px 0;
  }
}
body.page-template-warning-link .page-header .explanations p, body.page-template-warning-link .page-header .explanations .gutenberg .has-large-font-size, .gutenberg body.page-template-warning-link .page-header .explanations .has-large-font-size,
body.page-template-warning-link .page-header .explanations div.editor-styles-wrapper .has-large-font-size,
div.editor-styles-wrapper body.page-template-warning-link .page-header .explanations .has-large-font-size, body.page-template-warning-link .page-header .explanations .gutenberg .has-small-font-size, .gutenberg body.page-template-warning-link .page-header .explanations .has-small-font-size,
body.page-template-warning-link .page-header .explanations div.editor-styles-wrapper .has-small-font-size,
div.editor-styles-wrapper body.page-template-warning-link .page-header .explanations .has-small-font-size {
  color: white;
  font-size: clamp(1.125rem, 0.9929577465rem + 0.5633802817vw, 1.5rem);
  line-height: clamp(1.75rem, 1.6179577465rem + 0.5633802817vw, 2.125rem);
  font-weight: 500;
  margin: clamp(0rem, -0.4401408451rem + 1.8779342723vw, 1.25rem) 0;
  letter-spacing: -1px;
}
body.page-template-warning-link .page-header .gutenberg {
  color: white;
}
body.page-template-warning-link .animated-phone-ctn img path {
  stroke: var(--color-fluo-green);
}
body.page-template-warning-link .warning-link-cta-ctn {
  padding: 60px clamp(1.875rem, 0.3079494799rem + 3.2689450223vw, 3.25rem) 60px clamp(1.875rem, -1.6864784547rem + 7.4294205052vw, 5rem);
  background-color: var(--color-lavender);
  border-radius: 32px;
  margin-bottom: 120px;
}
body.page-template-warning-link .warning-link-cta-ctn .text-ctn {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 638px;
}
body.page-template-warning-link .warning-link-cta-ctn .text-ctn h2,
body.page-template-warning-link .warning-link-cta-ctn .text-ctn p,
body.page-template-warning-link .warning-link-cta-ctn .text-ctn .gutenberg .has-large-font-size,
.gutenberg body.page-template-warning-link .warning-link-cta-ctn .text-ctn .has-large-font-size,
body.page-template-warning-link .warning-link-cta-ctn .text-ctn div.editor-styles-wrapper .has-large-font-size,
div.editor-styles-wrapper body.page-template-warning-link .warning-link-cta-ctn .text-ctn .has-large-font-size,
body.page-template-warning-link .warning-link-cta-ctn .text-ctn .gutenberg .has-small-font-size,
.gutenberg body.page-template-warning-link .warning-link-cta-ctn .text-ctn .has-small-font-size,
body.page-template-warning-link .warning-link-cta-ctn .text-ctn div.editor-styles-wrapper .has-small-font-size,
div.editor-styles-wrapper body.page-template-warning-link .warning-link-cta-ctn .text-ctn .has-small-font-size {
  margin: 0;
}
body.page-template-warning-link .warning-link-cta-ctn .image-ctn {
  height: 100%;
}
body.page-template-warning-link .warning-link-cta-ctn .image-ctn img {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  object-fit: cover;
}
body.page-template-warning-link .warning-link-cta-ctn .main-button.-white a {
  padding-right: 24px;
  padding-left: 24px;
}
@media (max-width: 768px) {
  body.page-template-warning-link .warning-link-cta-ctn .grid {
    display: flex;
    flex-direction: column;
    gap: 65px;
  }
  body.page-template-warning-link .warning-link-cta-ctn .text-ctn {
    margin-top: 10px;
  }
  body.page-template-warning-link .warning-link-cta-ctn .text-ctn .main-button {
    max-width: 100%;
  }
  body.page-template-warning-link .warning-link-cta-ctn .text-ctn .main-button a {
    width: 100%;
  }
}
@media (max-width: 768px) {
  body.page-template-warning-link .page-header h1 {
    letter-spacing: -2px;
  }
  body.page-template-warning-link .page-header .explanations p, body.page-template-warning-link .page-header .explanations .gutenberg .has-large-font-size, .gutenberg body.page-template-warning-link .page-header .explanations .has-large-font-size,
body.page-template-warning-link .page-header .explanations div.editor-styles-wrapper .has-large-font-size,
div.editor-styles-wrapper body.page-template-warning-link .page-header .explanations .has-large-font-size, body.page-template-warning-link .page-header .explanations .gutenberg .has-small-font-size, .gutenberg body.page-template-warning-link .page-header .explanations .has-small-font-size,
body.page-template-warning-link .page-header .explanations div.editor-styles-wrapper .has-small-font-size,
div.editor-styles-wrapper body.page-template-warning-link .page-header .explanations .has-small-font-size {
    font-weight: 400;
  }
}

@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes floating {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(20px, -20px);
  }
  100% {
    transform: translate(0, 0);
  }
}
body.home .main-content {
  background-color: var(--color-blue);
  border-radius: 20px 20px 0px 0px;
  position: relative;
  overflow: hidden;
}
body.home .content-ctn {
  position: relative;
  background-color: white;
  padding-bottom: clamp(7.875rem, 6.8186619718rem + 4.5070422535vw, 10.875rem);
  margin-top: clamp(4.375rem, 1.514084507rem + 12.20657277vw, 12.5rem);
  z-index: 1;
}
body.home .content-ctn .wave-effect {
  background-image: url(../images/wave-white.eeb926a8e12ebb27961e.svg);
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 99%;
  left: 0;
  height: clamp(3.125rem, -0.176056338rem + 14.0845070423vw, 12.5rem);
  pointer-events: none;
  bottom: 100%;
}
body.home .content-ctn .container {
  z-index: 1;
  position: relative;
}
body.home .content-ctn .section-title {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 100px;
  padding-top: clamp(0rem, -1.1003521127rem + 4.6948356808vw, 3.125rem);
}
body.home .content-ctn .home-cta-ctn {
  margin-top: clamp(8.625rem, 7.8327464789rem + 3.3802816901vw, 10.875rem);
}
@media (max-width: 768px) {
  body.home .content-ctn {
    padding-top: 80px;
  }
  body.home .content-ctn .section-title {
    margin-bottom: 130px;
  }
}

.kids-kit-page-ctn {
  background-color: #FFF;
}
.kids-kit-page-ctn .content-wrapper {
  background-color: var(--color-white);
  padding: clamp(6.25rem, 5.3697183099rem + 3.7558685446vw, 8.75rem) 0;
}
.kids-kit-page-ctn .content-wrapper .centered-cta-ctn {
  margin-top: clamp(10rem, 9.3397887324rem + 2.8169014085vw, 11.875rem);
}
.kids-kit-page-ctn .grey-div .section-title {
  margin-bottom: clamp(3.625rem, 2.5466549296rem + 4.6009389671vw, 6.6875rem);
  text-align: center;
}
@media (max-width: 768px) {
  .kids-kit-page-ctn .grey-div .section-title {
    padding-top: 90px;
  }
  .kids-kit-page-ctn .grey-div .mobile-gap-20 {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}

.kids-landing-kit-page-ctn {
  background-color: #FFF;
}
.kids-landing-kit-page-ctn .related-themes-ctn {
  padding-bottom: 90px;
}
.kids-landing-kit-page-ctn .related-themes-ctn .section-title {
  margin: 0 auto clamp(2.5rem, 1.6197183099rem + 3.7558685446vw, 5rem);
  text-align: center;
}
.kids-landing-kit-page-ctn .grey-div {
  margin-top: clamp(6.875rem, 4.4542253521rem + 10.3286384977vw, 13.75rem);
}
.kids-landing-kit-page-ctn .grey-div .section-title {
  margin-bottom: clamp(3.625rem, 2.5466549296rem + 4.6009389671vw, 6.6875rem);
  text-align: center;
}
@media (max-width: 768px) {
  .kids-landing-kit-page-ctn .related-themes-ctn .section-title {
    margin-top: 70px;
  }
  .kids-landing-kit-page-ctn .related-themes-ctn .mobile-gap-20 {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
@media (max-width: 992px) {
  .kids-landing-kit-page-ctn .banner-wrapper .banner-grid {
    gap: 0;
    margin-bottom: 60px;
  }
  .kids-landing-kit-page-ctn .banner-wrapper .banner-grid .banner-video-wrapper {
    display: none;
  }
}
@media (max-width: 540px) {
  .kids-landing-kit-page-ctn .banner-wrapper .banner-grid {
    margin-bottom: 0;
  }
}

/**
  * This file contains code overriding style for printing purposes
  */
@media print {
  @page {
    size: auto;
    margin: 0.5cm;
  }
  html,
body {
    width: 210mm;
    height: 297mm;
  }

  * {
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  img {
    display: block;
    max-width: 100% !important;
    page-break-inside: avoid;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
  }

  p, .gutenberg .has-large-font-size,
div.editor-styles-wrapper .has-large-font-size, .gutenberg .has-small-font-size,
div.editor-styles-wrapper .has-small-font-size,
h1,
h2,
h3,
h4 {
    orphans: 3;
    widows: 3;
  }

  h1,
h2,
h3 {
    page-break-after: avoid;
  }

  hr {
    margin: 20px 0 !important;
  }

  ul {
    list-style: square !important;
    padding: 0 !important;
    margin-left: 10px !important;
  }
  ul li {
    padding: 0 !important;
    font-size: 12px !important;
  }
  ul li:before {
    display: none;
  }

  form {
    display: none;
  }

  .container {
    width: 100%;
    max-width: 100%;
  }

  .primary-menu,
.secondary-menu,
.menu-mobile-ctn,
.main-footer,
.pretty-embed,
.footer-cta {
    display: none !important;
  }
}
/**
  * This file contains temporary css code that should probably be put elsewhere.
  * To enforce good coding practices, keep it as empty as possible.
  * For more information: https://csswizardry.com/2013/04/shame-css/
  */