/* Saudi & Middle East Green Initiatives  */
/* main.css */
/* Last modified - 14 Sep 2022 */
@font-face {
   font-family: "IvarFine";
   src: url("../fonts/IvarFine-Regular.woff2") format("woff2"),
      url("../fonts/IvarFine-Regular.woff") format("woff");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: "GT-america-std";
   src: url("../fonts/GT-America-Standard-Regular.woff2") format("woff2"),
      url("../fonts/GT-America-Standard-Regular.woff") format("woff");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: "GT-america-std";
   src: url("../fonts/GT-America-Standard-Bold.woff2") format("woff2"),
      url("../fonts/GT-America-Standard-Bold.woff") format("woff");
   font-weight: 700;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: "GT-america-exp";
   src: url("../fonts/GT-America-Expanded-Medium.woff2") format("woff2"),
      url("../fonts/GT-America-Expanded-Medium.woff") format("woff");
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: "GT-america-exp";
   src: url("../fonts/GT-America-Expanded-Bold.woff2") format("woff2"),
      url("../fonts/GT-America-Expanded-Bold.woff") format("woff");
   font-weight: 700;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: "GT-america-cond";
   src: url("../fonts/GT-America-Condensed-Regular.woff2") format("woff2"),
      url("../fonts/GT-America-Condensed-Regular.woff") format("woff");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

:root {
   --ff-ivar: "IvarFine";
   --GT-america-regular: "GT-america-std";
   --GT-america-expanded: "GT-america-exp";
   --GT-america-condensed: "GT-america-cond";

   --fw-bold: 700;
   --fw-medium: 500;
   --fw-regular: 400;

   --transition-01s: 0.1s;
   --transition-02s: 0.2s;
   --transition-03s: 0.3s;
   --transition-04s: 0.4s;
   --transition-05s: 0.5s;
   --transition-06s: 0.6s;

   --clr-brand: #48b190;
   --clr-brand-light: #47b291;
   --clr-brand-alt: #00472a;
   --clr-body-text: hsl(0, 0%, 19%);
   --clr-grey: #8b8b8b;
   --clr-light-grey-1: #f5f5f5;
   --clr-light-grey-2: #e5e5e5;
   --clr-light-grey-3: hsl(60, 3%, 94%);
   --clr-blue: #12274f;
   --clr-green: #004729;
   --clr-yellow: #ffbf00;
   --clr-yellow-light: #ead7b8;
   --clr-red: #ff6364;
   --clr-scroll-track: #00252e;
   --clr-scroll-thumb: var(--clr-brand);

   --btn-spacer: 50px;
   --btn-plus-size: 18px;

   --space-0: 0;
   --space-5: 5px;
   --space-10: 10px;
   --space-15: 15px;
   --space-20: 20px;
   --space-25: 25px;
   --space-30: 30px;
   --space-40: 40px;
   --space-50: 50px;
   --space-60: 60px;
   --space-70: 70px;
   --space-80: 80px;
   --space-90: 90px;
   --space-100: 100px;
   --space-110: 110px;
   --space-120: 120px;
   --space-130: 130px;
   --space-140: 140px;
   --space-150: 150px;

   --card-lg-padding: 70px;
   --card-sm-padding: 50px;

   --container-inline-padding: 140px;
   --container-inline-padding-lg: 260px;

   --swiper-pagination-bullet-width: 15px;
   --swiper-pagination-bullet-height: 15px;
   --swiper-pagination-color: white;
   --swiper-pagination-bullet-opacity: 1;
   --swiper-pagination-bullet-inactive-opacity: 1;

   --scroll-down-size: 120px;

   font-size: 16px;
}

*,
*::before,
*::after {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}

html {
   line-height: 1.5;
   -webkit-text-size-adjust: 100%;
   overflow-x: hidden;
}

body {
   position: relative;
   margin: 0;
   font-family: var(--GT-america-regular);
   font-weight: var(--fw-regular);
   color: var(--clr-body-text);
   font-size: 22px;
   line-height: 1.3;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

@media (prefers-reduced-motion: no-preference) {
   body {
      scroll-behavior: smooth;
   }
}

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

input:focus,
button:focus,
select:focus,
textarea:focus {
   outline: 0;
   outline-offset: 0;
   text-decoration: none;
}

input,
textarea,
select,
button {
   font-family: inherit;
}

a,
a:hover,
a:focus {
   text-decoration: none;
   cursor: pointer;
}

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

img {
   border: none;
   outline: 0;
   display: block;
}

img.fluid,
.fluid {
   width: 100%;
   height: auto;
}

h1,
h2,
h3 {
   line-height: 1.2;
}

/*-------------- Global ------------- */

.container,
.container__fluid {
   width: 100%;
   margin-inline: auto;
}
.container__fluid {
   padding-inline: var(--container-inline-padding);
}
.container {
   padding-inline: var(--container-inline-padding-lg);
}

@media (min-width: 2000px) {
   body {
      font-size: 24px;
   }
   :root {
      --container-inline-padding: 150px;
      --container-inline-padding-lg: 300px;
   }
}

@media (max-width: 1600px) {
   body {
      font-size: 20px;
   }
   :root {
      --container-inline-padding: 100px;
      --container-inline-padding-lg: 150px;
      --card-lg-padding: 50px;
      --card-sm-padding: 40px;
      --scroll-down-size: 100px;
   }
}

@media (max-width: 1460px) {
   :root {
      --scroll-down-size: 80px;
   }
   body {
      font-size: 18px;
      line-height: 1.4;
   }
}

@media (max-width: 1300px) {
   body {
      font-size: 16px;
   }
}
@media (max-width: 1200px) {
   :root {
      --container-inline-padding-lg: 100px;
      --card-lg-padding: 40px;
      --card-sm-padding: 30px;
   }
}
@media (max-width: 1024px) {
   :root {
      --container-inline-padding: 60px;
      --container-inline-padding-lg: 60px;
   }
}
@media (max-width: 992px) {
   :root {
      --card-lg-padding: 30px;
      --card-sm-padding: 20px;
   }
}
@media (max-width: 768px) {
   :root {
      --container-inline-padding: 50px;
      --container-inline-padding-lg: 50px;
      --swiper-pagination-bullet-width: 10px;
      --swiper-pagination-bullet-height: 10px;
      --card-lg-padding: 25px;
      --scroll-down-size: 60px;
   }
}
@media (max-width: 640px) {
   :root {
      --container-inline-padding: 20px;
      --container-inline-padding-lg: 20px;
      --scroll-down-size: 50px;
   }
}

.font--ivar {
   font-family: var(--ff-ivar);
   font-weight: var(--fw-regular);
}

.font--ivar.sub__heading {
   line-height: 1.1;
   font-size: 84px;
}

.clr__white {
   color: white;
}
.clr__brand {
   color: var(--clr-brand);
}
.clr__red {
   color: var(--clr-red);
}
.clr__yellow {
   color: var(--clr-yellow);
}
.clr__blue {
   color: var(--clr-blue);
}
.clr__darkgreen {
   color: var(--clr-green);
}
.grey__bg {
   background-color: var(--clr-light-grey-1);
}

.d__grid {
   display: grid;
}

.d__flex {
   display: flex;
}
.d__block {
   display: block;
}

@media (min-width: 772px) {
   .d__grid.two--col {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
   .d__grid.three--col {
      grid-template-columns: repeat(3, minmax(0, 1fr));
   }
}

.pos--relative {
   position: relative;
}

.hero__slider {
   opacity: 0;
   transition: opacity ease-in var(--transition-03s);
}
.hero__slider.swiper-initialized {
   opacity: 1;
}

.cover--img {
   position: absolute;
   display: block;
   width: auto;
   height: 100%;
   min-width: 100%;
   max-width: none;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: center;
   object-position: center;
}

.cover--video {
   position: absolute;
   top: 50%;
   left: 50%;
   min-width: 100%;
   min-height: 100%;
   width: 100%;
   height: 100%;
   z-index: -1;
   -o-object-fit: cover;
   object-fit: cover;
   -webkit-transform: translateX(-50%) translateY(-50%);
   -ms-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
}

.cover--img.center {
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

.full__screen {
   width: 100%;
   height: max(900px, 100vh);
}

@media (max-width: 1600px) {
   .full__screen {
      height: 720px;
   }
}

/*-------------- Header------------- */

header {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
}
header .sgi__logo {
   position: absolute;
   z-index: 10;
   top: 35px;
   left: var(--container-inline-padding);
   width: 165px;
   height: 80px;
}
body.rtl header .sgi__logo {
   left: auto;
   right: var(--container-inline-padding);
}
header .sgi__logo svg.sgi__logo--img {
   width: 100%;
   height: auto;
   display: block;
   color: white;
}

header nav {
   position: absolute;
   z-index: 9;
   top: 0;
   left: 0;
   right: 0;
   padding-inline: var(--container-inline-padding);
   padding-block: 72px;
   display: flex;
   justify-content: flex-end;
}

header nav a {
   color: white;
   font-size: 12px;
   font-family: var(--GT-america-expanded);
   font-weight: var(--fw-medium);
}

@media (max-width: 1600px) {
   header .sgi__logo {
      width: 145px;
      height: 70px;
   }
}
@media (max-width: 1460px) {
   header .sgi__logo {
      width: 125px;
      height: 60px;
   }
}
@media (max-width: 640px) {
   header .sgi__logo svg.sgi__logo--img .Middleeast {
      color: var(--clr-brand);
   }
}
/* 
.primary__nav {
    --nav-padding-start: 250px;

    display: grid;
    gap: 20px;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    padding-inline-start: var(--nav-padding-start);
}

.primary__nav .nav__item {
    width: 150px;
}

.primary__nav a.nav__item__main {
    position: relative;
    z-index: 3;
    display: block;
    padding-block: 12px;
    border-top: 2px solid white;
}

.primary__nav li.has--primarysub__menu a.nav__item__main {
    padding-inline-end: 15px;
}
.primary__nav li.has--primarysub__menu a.nav__item__main::after {
    position: absolute;
    content: "";
    top: 20px;
    right: 0;
    width: 14px;
    height: 8px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAXCAYAAABj7u2bAAAABHNCSVQICAgIfAhkiAAAAcVJREFUSEvNlo1NwzAQhckEsAFhAsoEwAYwAXQCYALoBMAEhAloJyAbtGyQEcoE4b3ornIin3/SVMKS1Si27z6/55xbHP2zVihP27YzPD+j83dZFMXToVgl1yvil+gVci00VwckE77xeOJAcOJ8aqhYLgWqkfjSk3xSKANG015DgFqBGrw9NdRYYOLLvkoBhvasBy64YW+RZ6lATMjzY7U5JldjoQDDo8AjwfPpa794WSLH1j3Ulm0aYBRUAgzjXwBmwwcXiLsg1Lmxiy3e0+duYWoD0Bfm3qSqvwPiAtkNE1rnKQsK8T4Q6z4VpqeQLpIvgUodB5Q6o98hlRDnDeMPgTnviPE4HO8plAFFFWmfFwowVIXqWO0Ta73KeYHEPvpO/63mhUqAWQHGPFMmkEDFdtornGI3a43VfjBwFbI7CCRQ9Jn3jtU6qEgV5tooDCdFgQSqwu9dCApjtMG9C93pLHwzgDeBGN1QElAilJWLMLQpqX4lAwkUg1qF0wLaVeGYOlkKCVCsmg9zZl83WQo5UKFqrlDZMNkKaaaEau6twpNb5gYMQJlV+KBAYh//39Toeu/tBTPasoFSJWsMepP6aYeU+gNdo7oYDb2cpwAAAABJRU5ErkJggg==");
    transition: transform ease-in-out var(--transition-02s);
    transform-origin: center;
}

.primary__nav .sub__menu {
    position: static;
    left: 0;
    right: 0;
    width: 100vw;
}
.primary__nav .sub__menu .sub__menu__overflow--wrapper {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    top: 0;
    transform: translateY(-100%);
    transition: transform ease-in-out var(--transition-03s);

    background-color: var(--clr-brand-alt);
    padding-inline-start: calc(
        var(--nav-padding-start) + var(--container-inline-padding)
    );
    padding-inline-end: var(--container-inline-padding);
    padding-block-start: var(--space-150);
    padding-block-end: var(--space-40);
    backface-visibility: hidden;
}


.primary__nav
    .has--primarysub__menu.drop--open
    .sub__menu
    .sub__menu__overflow--wrapper {
    transform: translateY(0);
}

.primary__nav li.has--primarysub__menu.drop--open a.nav__item__main::after {
    transform: rotate(180deg);
}

.primary__nav .sub__menu .sub__menu__container {
    border-top: 1px solid var(--clr-brand);
    align-items: flex-start;
    justify-content: space-between;
    padding-block-start: var(--space-30);
    pointer-events: all;
}

.sub__menu__container .sub__menu__nav {
    display: flex;
    gap: 15px;
}
.sub__menu__container .sub__menu__nav li {
    width: 150px;
}
.sub__menu__container .sub__menu__nav li a {
    display: block;
    line-height: 1.6;
    transition: color ease-in-out var(--transition-02s);
}
.sub__menu__container .sub__menu__nav li a.subnav__item__main {
    position: relative;
    padding-block: var(--space-10);
}

.sub__menu__container .sub__menu__nav li .child__navs {
    display: grid;
    margin-block-start: var(--space-10);
}
.sub__menu__container .sub__menu__nav li .child__navs a {
    padding-block: var(--space-10);
}

@media (hover: hover) {
    .sub__menu__container,
    .sub__menu__container .sub__menu__nav,
    .primary__nav .download__factsheet {
        opacity: 0;
        pointer-events: none;
        transform: translateY(-100px);
        transition: all ease-in-out var(--transition-05s);
    }
    .sub__menu__container .sub__menu__nav {
        transition-delay: 200ms;
    }
    .primary__nav .download__factsheet {
        transition-delay: 250ms;
    }

    .primary__nav li.has--primarysub__menu:hover .sub__menu__container,
    .primary__nav
        li.has--primarysub__menu:hover
        .sub__menu__container
        .sub__menu__nav,
    .primary__nav li.has--primarysub__menu:hover .download__factsheet,
    .primary__nav li.has--primarysub__menu.drop--open .sub__menu__container,
    .primary__nav
        li.has--primarysub__menu.drop--open
        .sub__menu__container
        .sub__menu__nav,
    .primary__nav li.has--primarysub__menu.drop--open .download__factsheet {
        transform: translateY(0);
        pointer-events: all;
        opacity: 1;
    }

    .primary__nav .sub__menu .sub__menu__overflow--wrapper {
        transition: transform ease-in-out var(--transition-04s);
    }

    .primary__nav
        li.has--primarysub__menu:hover
        .sub__menu
        .sub__menu__overflow--wrapper {
        transform: translateY(0);
    }

    .primary__nav li.has--primarysub__menu:hover a.nav__item__main::after {
        transform: rotate(180deg);
    }

    .sub__menu__container .sub__menu__nav li a:hover,
    .sub__menu__container .sub__menu__nav li:hover a.subnav__item__main {
        color: var(--clr-brand);
    }
    .sub__menu__container .sub__menu__nav li a.subnav__item__main::after {
        position: absolute;
        content: "";
        left: 0;
        bottom: 5px;
        width: 0;
        height: 1px;
        background-color: var(--clr-brand);
        transition: width ease-in-out var(--transition-03s);
    }
    .sub__menu__container .sub__menu__nav li a.subnav__item__main:hover::after,
    .sub__menu__container .sub__menu__nav li:hover a.subnav__item__main::after {
        width: 100%;
    }
    .sub__menu__container .sub__menu__nav li a.subnav__item__main:hover {
        color: var(--clr-brand);
    }

    .sub__menu__container .child__navs {
        opacity: 0;
        pointer-events: none;
        transition: opacity ease-in-out var(--transition-02s);
    }
    .sub__menu__container .sub__menu__nav li:hover .child__navs {
        opacity: 1;
        pointer-events: all;
    }
    .sub__menu__container .sub__menu__nav li .child__navs a {
        padding-block: var(--space-5);
    }
}

.primary__nav .download__factsheet {
    max-width: 495px;
    background-color: #48b291;
}
.primary__nav .download__factsheet .content {
    flex-direction: column;
    justify-content: space-between;
    padding: var(--space-20);
}
.primary__nav .download__factsheet .content h6 {
    font-family: var(--GT-america-expanded);
    font-weight: var(--fw-bold);
    font-size: 18px;
    color: var(--clr-brand-alt);
}
.primary__nav .download__factsheet .btn__cta {
    font-size: 10px;
}
.primary__nav .download__factsheet .btn__cta .plus__icon {
    --btn-plus-size: 9px;
}
.primary__nav .download__factsheet .btn__cta .plus__icon::before,
.primary__nav .download__factsheet .btn__cta .plus__icon::after {
    height: 1px;
}

.primary__nav .download__factsheet .btn__cta::after {
    height: 1px;
} */

/*-------------- Homepage // Hero------------- */

.hero {
   background-color: var(--clr-brand-alt);
}

.hero__slider__wrapper,
.hero__slider {
   width: 100%;
   height: 100vh;
}

.hero__slider__item::before {
   position: absolute;
   content: "";
   z-index: 1;
   left: 0;
   top: 0;
   bottom: 0;
   width: 100%;
   mix-blend-mode: multiply;
   background-color: hsla(0, 0%, 19%, 0.42);
   pointer-events: none;
}

.hero__slider__item.swiper-video--slider::before {
   mix-blend-mode: color;
   background-color: hsla(155, 100%, 14%, 0.3);
}
.hero__slider__item .cover--img {
   filter: saturate(1.2);
}

.banner__caption {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   bottom: 0;
   display: flex;
   align-items: flex-end;
   padding-block-end: 30vh;
   z-index: 2;
   color: hsl(0, 0%, 100%);
}
.banner__caption .headline,
.page__hero .headline {
   font-size: 110px;
   font-family: var(--ff-ivar);
   font-weight: var(--fw-regular);
   color: currentColor;
}

@media (min-width: 2000px) {
   .banner__caption .headline,
   .page__hero .headline {
      font-size: 120px;
   }
}

.banner__caption .banner__text {
   color: currentColor;
}

.hero__slider .banner__caption .container__fluid {
   display: grid;
   grid-template-columns: auto var(--scroll-down-size);
   gap: clamp(50px, 5vw, 150px);
   align-items: end;
}

.hero__slider .banner__caption .scroll-down {
   display: flex;
   justify-content: center;
   align-items: center;
   color: hsl(0, 0%, 100%);
   width: var(--scroll-down-size);
   height: var(--scroll-down-size);
   border-radius: 100%;
   border: 2px solid currentColor;
   background-color: transparent;
   transition: all ease-in-out var(--transition-02s);
}
.hero__slider .banner__caption .scroll-down:hover,
.hero__slider .banner__caption .scroll-down:focus-visible {
   border-color: var(--clr-brand);
   background-color: var(--clr-brand);
}

.hero__slider .banner__caption .headline {
   line-height: 1;
}

.hero__slider .banner__caption__content .line__one,
.hero__slider .banner__caption__content .line__two {
   width: 100%;
   display: block;
}

.hero__slider .banner__caption__content .banner__text--wrapper {
   width: 100%;
   padding-block-start: 25px;
   margin-block-start: 25px;
   border-top: 1px solid hsl(0, 0%, 100%);
   justify-content: space-between;
   align-items: flex-end;
}

.hero__slider .banner__caption__content .line__one,
.hero__slider .banner__caption__content .line__two,
.hero__slider .banner__caption__content .banner__text--wrapper,
.hero__slider .banner__caption .scroll__down__wrapper {
   transform: translateY(300px) scale(0.95);
   transform-origin: bottom;
   opacity: 0;
   transition: all ease-in-out var(--transition-04s);
   transition-duration: 800ms;
   will-change: transform;
}

.hero__slider .banner__caption .scroll__down__wrapper {
   transform: translateY(0) scale(0.6);
   transform-origin: center;
}

.hero__slider .swiper-slide-active .banner__caption__content .line__one,
.hero__slider .swiper-slide-active .banner__caption__content .line__two,
.hero__slider
   .swiper-slide-active
   .banner__caption__content
   .banner__text--wrapper,
.hero__slider .swiper-slide-active .scroll__down__wrapper {
   transform: translateY(0) scale(1);
   opacity: 1;
}

.hero__slider .swiper-slide-active .banner__caption__content .line__one {
   transition-delay: 200ms;
}
.hero__slider .swiper-slide-active .banner__caption__content .line__two {
   transition-delay: 300ms;
}
.hero__slider
   .swiper-slide-active
   .banner__caption__content
   .banner__text--wrapper {
   transition-delay: 400ms;
}
.hero__slider .swiper-slide-active .scroll__down__wrapper {
   transition-delay: 500ms;
}

.hero__slider__thumbnails {
   position: absolute;
   z-index: 3;
   bottom: var(--space-40);
   left: var(--container-inline-padding);
}
.slider__thumb__item {
   width: 260px !important;
   height: 140px !important;
   background: rgba(255, 255, 255, 0.2);
   backdrop-filter: blur(11px);
   -webkit-backdrop-filter: blur(11px);
   cursor: pointer;
}

.swiper-slide-thumb-active {
   display: none;
}

.slider__thumb__item .slider__thumb--img {
   transition: transform ease-in-out var(--transition-02s);
   transform: translateY(-60px);
}
.slider__thumb__item .content {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   display: flex;
   align-items: flex-end;
   padding: var(--space-15) var(--space-30);
}

.slider__thumb__item .content .btn__cta {
   font-size: 12px;
   text-transform: none;
   flex: 1;
   letter-spacing: 0;
}
.slider__thumb__item .content .btn__cta span {
   --btn-spacer: 20px;
   transition: all ease-in-out var(--transition-02s);
}
.slider__thumb__item .content .btn__cta .plus__icon {
   --btn-plus-size: 9px;
}
.slider__thumb__item .content .btn__cta .plus__icon::before,
.slider__thumb__item .content .btn__cta .plus__icon::after {
   height: 1px;
}

.slider__thumb__item .content .btn__cta::after {
   height: 1px;
}

@media (hover: hover) {
   .slider__thumb__item:hover .slider__thumb--img {
      transform: translateY(0);
   }
   .slider__thumb__item:hover .btn__cta span {
      padding-inline-end: 0;
      padding-inline-start: var(--btn-spacer);
   }
   .slider__thumb__item:hover .btn__cta .plus__icon.start {
      opacity: 1;
      transform: translateX(0);
   }
   .slider__thumb__item:hover .btn__cta .plus__icon.end {
      opacity: 0;
      transform: translateX(-20px);
   }
}

.swiper-pagination-bullet {
   background-color: transparent !important;
   border: 1px solid var(--swiper-pagination-color);
}
.swiper-pagination-bullet-active {
   background-color: var(--swiper-pagination-color) !important;
}

.hero__slider .swiper-pagination {
   bottom: var(--space-30) !important;
}

.slider__nav {
   align-items: center;
   gap: 20px;
}

.slider__nav svg {
   width: 60px;
   height: 30px;
   color: white;
}
.slider__nav .swiper-nav-prev,
.slider__nav .swiper-nav-next {
   padding-block: var(--space-10);
   align-items: center;
   cursor: pointer;
   transition: all ease-in-out var(--transition-02s);
}

@media (hover: hover) {
   .slider__nav .swiper-nav-prev:hover,
   .slider__nav .swiper-nav-next:hover {
      transform: scale(1.1);
   }
}

@media (max-width: 1800px) {
   .banner__caption .headline,
   .page__hero .headline {
      font-size: 100px;
   }
}

@media (max-width: 1600px) {
   .banner__caption .headline,
   .page__hero .headline {
      font-size: 80px;
   }
   .slider__thumb__item {
      width: 220px !important;
      height: 120px !important;
   }
   .slider__thumb__item .content .btn__cta {
      font-size: 10px;
   }
   .slider__thumb__item .content {
      padding-inline: var(--space-15);
   }
   .slider__thumb__item .slider__thumb--img {
      transform: translateY(-50px);
   }
}
@media (max-width: 1400px) {
   .banner__caption .headline,
   .page__hero .headline {
      font-size: 70px;
   }
   .slider__thumb__item {
      width: 180px !important;
      height: 100px !important;
   }
   .slider__thumb__item .content {
      padding-block: var(--space-5);
   }
   .slider__thumb__item .slider__thumb--img {
      transform: translateY(-40px);
   }
}

@media (max-width: 768px) {
   .hero__slider__thumbnails {
      left: auto;
      right: var(--container-inline-padding);
   }
   body.rtl {
      right: auto;
      left: var(--container-inline-padding);
   }

   .slider__thumb__item picture {
      display: none;
   }
   .slider__thumb__item {
      background-color: transparent;
      backdrop-filter: blur(1px);
      width: auto !important;
      height: auto !important;
   }
   .slider__thumb__item .content {
      position: relative;
      padding-inline: var(--space-0);
   }
   .slider__thumb__item .content .btn__cta .plus__icon.start,
   .slider__thumb__item .content .btn__cta .plus__icon::before {
      display: none;
   }
   .slider__thumb__item .content .btn__cta .plus__icon {
      --btn-plus-size: 11px;
   }
   .slider__thumb__item .content .btn__cta .plus__icon::after {
      border-color: transparent;
      background-color: transparent;
      border-bottom-color: white;
      content: "";
      display: inline-block;
      border-style: solid;
      border-width: 0 0 8px 8px;
      height: 0;
      width: 0;
      transform: rotate(315deg);
      position: relative;
      left: auto;
      top: auto;
   }

   .hero__slider .banner__caption__content {
      flex-direction: column;
      text-align: start;
      align-items: flex-start;
   }
   .hero__slider .banner__caption__content .line__one {
      text-align: start;
   }
   .hero__slider .banner__caption__content .line__one,
   .hero__slider .banner__caption__content .line__two {
      display: inline-block;
   }
   .banner__caption {
      padding-block-end: 50px;
   }
   .hero__slider .banner__caption .container__fluid {
      grid-template-columns: auto;
      grid-template-rows: auto var(--scroll-down-size);
      gap: 10vh;
   }
}

@media (min-width: 769px) {
   .hero__slider .swiper-pagination {
      left: auto !important;
      width: auto !important;
      right: var(--container-inline-padding);
   }
}

@media (max-width: 640px) {
   .banner__caption .headline,
   .page__hero .headline {
      font-size: 44px;
      line-height: 1;
   }
   .slider__nav svg {
      width: 30px;
   }
   .hero__slider__item.swiper-video--slider::before {
      background-color: hsla(155, 100%, 14%, 0.4);
   }
   .hero__slider .banner__caption .scroll-down svg {
      height: 30px;
      width: 25px;
   }
}

/*-------------- Globals------------- */

.btn__cta {
   display: flex;
   align-items: center;
   justify-items: flex-start;
   font-family: var(--GT-america-expanded);
   font-weight: var(--fw-medium);
   letter-spacing: -0.5px;
   color: white;
   padding-block: 10px;
   font-size: 18px;
   line-height: 1.2;
   text-transform: uppercase;
   cursor: pointer;
}
.btn__cta.btn--green {
   color: var(--clr-brand);
}
.btn__cta.btn--yellow {
   color: var(--clr-yellow);
}
.btn__cta.btn--yellow-light {
   color: var(--clr-yellow-light);
}
.btn__cta span {
   padding-inline-end: var(--btn-spacer);
   transition: padding ease-in-out var(--transition-02s);
}

.btn__cta::after {
   position: absolute;
   content: "";
   left: 0;
   bottom: 2px;
   width: 100%;
   height: 2px;
   background-color: currentColor;
}

.btn__cta .plus__icon {
   position: absolute;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-inline-start: auto;
   width: var(--btn-plus-size);
   height: var(--btn-plus-size);
   transition: all ease-in-out var(--transition-02s);
}
.btn__cta .plus__icon.start {
   left: 0;
   transform: translateX(20px);
   opacity: 0;
}
.btn__cta .plus__icon.end {
   right: 0;
}
.btn__cta .plus__icon::before,
.btn__cta .plus__icon::after {
   position: absolute;
   left: 50%;
   top: 50%;
   content: "";
   width: var(--btn-plus-size);
   height: 2px;
   background-color: currentColor;
   transform: translateX(-50%) translateY(-50%);
}
.btn__cta .plus__icon::after {
   transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(90deg);
}

@media (hover: hover) {
   .btn__cta:hover span {
      padding-inline-end: 0;
      padding-inline-start: var(--btn-spacer);
   }
   .btn__cta:hover .plus__icon.start {
      opacity: 1;
      transform: translateX(0);
   }
   .btn__cta:hover .plus__icon.end {
      opacity: 0;
      transform: translateX(-20px);
   }
}
@media (max-width: 1920px) {
   .btn__cta {
      font-size: 16px;
   }
}
@media (max-width: 1600px) {
   :root {
      --btn-plus-size: 15px;
   }
   .btn__cta {
      font-size: 14px;
   }
}
@media (max-width: 768px) {
   :root {
      --btn-plus-size: 12px;
   }
   .btn__cta {
      font-size: 12px;
   }
}

.title__tag {
   gap: var(--space-30);
}
.title__tag.space--lg {
   gap: var(--space-50);
}
.title__tag h6 {
   font-family: var(--GT-america-expanded);
   font-weight: var(--fw-bold);
   font-size: 36px;
   text-transform: uppercase;
   color: currentColor;
}

.title__tag.has__border::after {
   content: "";
   width: 100%;
   height: 2px;
   background-color: currentColor;
}
.title__tag.has__top--border::before {
   content: "";
   width: 100%;
   height: 2px;
   background-color: currentColor;
}
.block__title {
   font-family: var(--GT-america-expanded);
   font-weight: var(--fw-bold);
   font-size: 36px;
   text-transform: uppercase;
   color: currentColor;
}
.block__title.font--ivar {
   font-family: var(--ff-ivar);
   font-weight: var(--fw-regular);
   text-transform: none;
}

@media (max-width: 1600px) {
   .block__title {
      font-size: 28px;
   }
   .title__tag h6 {
      font-size: 24px;
   }
   .font--ivar.sub__heading {
      line-height: 1.1;
      font-size: 70px;
   }
}
@media (max-width: 1200px) {
   .block__title {
      font-size: 22px;
   }
   .title__tag h6 {
      font-size: 20px;
   }
   .title__tag.space--lg {
      gap: var(--space-30);
   }
}
@media (max-width: 768px) {
   .block__title .d__block {
      display: inline;
   }

   .title__tag.space--lg {
      gap: var(--space-20);
   }
   .font--ivar.sub__heading {
      font-size: 60px;
   }
}

@media (max-width: 640px) {
   .block__title {
      font-size: 20px;
   }
   .title__tag {
      gap: var(--space-15);
   }
   .title__tag h6 {
      font-size: 14px;
   }
   .font--ivar.sub__heading {
      line-height: 1.1;
      font-size: 36px;
   }
}

/* .parallax {
   position: relative;
   overflow: hidden;
}
.parallax .parallax--image {
   position: absolute;
   top: 0;
   width: 100%;
   height: auto;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: center;
   object-position: center;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
}
.parallax .parallax--content {
   position: relative;
   z-index: 2;
}

.parallax .container,
.parallax .container__fluid {
   height: 100%;
   display: flex;
}
@media (max-width: 1200px) {
   .parallax .parallax--image {
      top: 0 !important;
      height: 100%;
   }
} */

.card {
   display: block;
   position: relative;
   overflow: hidden;
   height: 100%;
   color: white;
}

.card::before {
   position: absolute;
   content: "";
   left: 0;
   top: 0;
   width: 100%;
   bottom: 0;
   z-index: 1;
   pointer-events: none;
   transition: background-color ease-in-out var(--transition-03s);
}

.card .card__overlay {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   top: auto;
   z-index: 2;
}

.card .card__header {
   padding: var(--card-sm-padding);
   padding-block-end: var(--space-20);
}
.card .card__content {
   flex: 1;
   display: flex;
   flex-direction: column;
   padding-inline: var(--card-sm-padding);
   padding-block-end: var(--card-sm-padding);
}

.card--lg .card__header {
   padding: var(--card-lg-padding);
   padding-block-end: var(--space-30);
}

.card--lg .card__content {
   padding-inline: var(--card-lg-padding);
   padding-block-end: var(--card-lg-padding);
}
.card .card__content .card__content--text {
   flex: 1;

   align-items: center;
   display: none;
}

@media (hover: hover) {
   .card .card__overlay {
      display: flex;
      flex-direction: column;
      top: 0;
      transform: translateY(100%);
      transition: var(--transition-04s) ease-in-out;
   }
   .card .card__content .card__content--text {
      display: grid;
   }
   .card .card__header {
      position: relative;
      transform: translateY(-100%);
      transition: var(--transition-04s) ease-in-out;
   }
   .card .card__header {
      padding-block-end: var(--card-sm-padding);
   }
   .card--lg .card__header {
      padding-block-end: var(--card-lg-padding);
   }
   .card .card__content > * {
      transition: transform ease var(--transition-05s);
      transform: translateY(200px);
   }
   .card .card__content > * + * {
      transition-delay: 100ms;
   }
   .card:hover .card__overlay,
   .card:hover .card__header,
   .card:hover .card__content > * {
      transform: translateY(0);
   }
}

.card--lg .card__header .title {
   text-transform: uppercase;
}
.card--lg .card__header .title .card--icon {
   display: block;
   position: absolute;
   top: 10px;
   right: 0;
   width: auto;
   height: 100%;
   max-height: 72px;
}

.card--lg .card__header .title .block__title {
   padding-inline-end: 100px;
}

.card--title--has--border .block__title {
   padding-inline-end: 0 !important;
   border-top: 2px solid var(--clr-red);
   padding-block-start: var(--space-30);
}
.card--title--has--border.green--border .block__title {
   border-color: var(--clr-brand-light);
}
.card--title--has--border .card__header .title {
   gap: var(--space-20);
}
.card--title--has--border .card--lg .card__header .title {
   gap: var(--space-30);
}

.card--title--has--border .card--lg .card__header .title .card--icon {
   position: relative;
   right: auto;
   top: auto;
   max-height: 80px;
}

.card--lg .card__header h4 {
   font-family: var(--GT-america-condensed);
   font-weight: var(--fw-regular);
   font-size: 36px;
}

.card--lg .card__header h4::before {
   display: block;
   width: 100%;
   height: 2px;
   content: "";
   background-color: var(--clr-brand);
   margin-block: 15px;
}
.mobile__bg,
.mobile__bg--img {
   display: none;
}

@media (max-width: 1920px) {
   .card--lg .card__header .title .block__title,
   .card--lg .card__header h4 {
      font-size: 30px;
   }
   .card--lg .card__header .title .card--icon {
      max-height: 60px;
   }
   .card--lg .card__header .title .block__title {
      padding-inline-end: 80px;
   }
}
@media (max-width: 1600px) {
   .card--lg .card__header .title .block__title,
   .card--lg .card__header h4 {
      font-size: 24px;
   }
   .card--lg .card__header .title .card--icon {
      max-height: 50px;
      top: 0;
   }
}
@media (max-width: 1200px) {
   .card--lg .card__header .title .block__title,
   .card--lg .card__header h4 {
      font-size: 20px;
   }
   .card--lg .card__header .title .card--icon {
      max-height: 45px;
      top: 0;
   }
}
@media (max-width: 768px) {
   .web__bg,
   .web__bg--img {
      display: none;
   }
   .mobile__bg,
   .mobile__bg--img {
      display: block;
   }
}
@media (max-width: 640px) {
   .card--lg .card__header .title .block__title,
   .card--lg .card__header h4 {
      font-size: 16px;
   }
   .card--lg .card__header .title .card--icon {
      max-height: 35px;
   }
   .card--lg .card__header h4::before {
      margin-block: 10px;
   }
   .card--lg .card__header {
      padding-block-end: var(--space-15);
   }
   .card--title--has--border .card--lg .card__header .title {
      gap: var(--space-15);
   }
   .card--title--has--border .block__title {
      padding-block-start: var(--space-15);
   }
   .card--title--has--border .card--lg .card__header .title .card--icon,
   .card--title--has--border .card__header .title .card--icon {
      max-height: 40px;
      width: auto;
   }
}

/*-------------- Section BG's ------------- */

.section--bg {
   position: absolute;
   z-index: 1;
   overflow: hidden;
}

.our__vm::before,
.our__vm::after,
.sustainable__future::before,
.sustainable__future::after {
   position: absolute;
   content: "";
   left: 0;
   width: 100%;
   z-index: 2;
}

.our__vm .vm--vision,
.our__vm .vm--mission,
.sustainable__future .container__fluid {
   position: relative;
   z-index: 3;
}
/*-------------- Homepage // Vision and Mission ------------- */

.our__vm {
   background-color: hsl(181, 23%, 66%);
   color: white;
}

.our__vm .section--bg {
   bottom: 0;
   left: 0;
   width: 100%;
   height: 80%;
}

.our__vm::before {
   top: 0;
   height: 40%;
   background: linear-gradient(
      180deg,
      rgba(242, 242, 237, 1) 0%,
      rgba(246, 246, 246, 0.5746892507002801) 50%,
      rgba(255, 255, 255, 0) 100%
   );
}
.our__vm::after {
   bottom: 0;
   height: 30%;
   background: linear-gradient(
      0deg,
      rgba(0, 71, 41, 1) 15%,
      rgba(251, 252, 251, 0) 100%
   );
   mix-blend-mode: multiply;
}
.our__vm .section--bg img {
   filter: saturate(1.2);
}

.our__vm .wrapper {
   align-content: start;
   padding-block-start: var(--space-80);
   row-gap: var(--space-80);
}
.our__vm .vm--vision h2 {
   color: var(--clr-brand-alt);
}
.our__vm .content__wrapper,
.greener--planet .content__wrapper {
   column-gap: var(--space-40);
}
.our__vm .content__wrapper .content {
   gap: var(--space-80);
}
.our__vm .vm--vision p {
   color: var(--clr-body-text);
}

.our__vm .vm--mission {
   padding-block-start: 420px;
   padding-block-end: var(--space-150);
}
.our__vm .vm--mission .title__tag.has__border::after,
.greener--planet .title__tag.has__border::after {
   background-color: var(--clr-brand);
}
.our__vm .vm--mission .content__wrapper {
   padding-block-start: var(--space-40);
   gap: var(--space-80);
}
.our__vm .vm--mission h4 {
   font-size: 120px;
   line-height: 1.1;
}
.our__vm .vm--mission p {
   max-width: 610px;
   margin-inline-start: calc(50% + var(--space-20));
}
@media (max-width: 1600px) {
   .our__vm .vm--mission {
      padding-block-start: 350px;
   }
   .our__vm .vm--mission h4 {
      font-size: 90px;
   }
}
@media (max-width: 1200px) {
   .our__vm .content__wrapper,
   .greener--planet .content__wrapper {
      column-gap: var(--space-20);
   }
}

@media (max-width: 1024px) {
   .our__vm .content__wrapper {
      grid-template-columns: auto;
      row-gap: var(--space-50);
   }
   .our__vm .content__wrapper .block__title span {
      display: inline;
   }
   .our__vm .wrapper,
   .our__vm .content__wrapper .content {
      row-gap: var(--space-40);
   }
}

@media (max-width: 768px) {
   .our__vm .vm--mission {
      padding-block-start: 250px;
      padding-block-end: var(--space-100);
   }
   .our__vm .vm--mission p {
      max-width: inherit;
      margin-inline-start: 0;
   }
}

@media (max-width: 640px) {
   .our__vm .wrapper {
      padding-block-start: var(--space-50);
      row-gap: var(--space-30);
   }
   .our__vm .content__wrapper {
      row-gap: var(--space-20);
   }
   .our__vm .content__wrapper .content {
      gap: var(--space-20);
   }
   .our__vm .vm--mission {
      padding-block-end: var(--space-50);
   }
   .our__vm .vm--mission h4 {
      font-size: 55px;
   }
   .our__vm .vm--mission .content__wrapper {
      padding-block-start: var(--space-20);
      gap: var(--space-40);
   }
   .our__vm .section--bg {
      height: 55%;
      bottom: 250px;
   }
   .our__vm::after {
      bottom: 250px;
   }
}

/*-------------- Homepage // sustainable future ------------- */

.sustainable__future {
   background-color: #8bbcbe;
}
.sustainable__future .block__cards__ui {
   padding-block-start: 0;
}

.sustainable__future .section--bg {
   bottom: 0;
   left: 0;
   width: 100%;
   height: 61%;
}

.sustainable__future::before {
   --shade-top: 100px;
   top: calc(var(--shade-top) * -1);
   height: calc(52% + var(--shade-top));
   /* background: linear-gradient(180deg, rgba(0,2,0,0) 0%, rgba(0,2,0,1) 10%, rgba(0,2,0,1) 20%, rgba(251,252,251,0) 100%); */
   background: linear-gradient(
      180deg,
      rgba(0, 2, 0, 0) 0%,
      rgba(0, 20, 0, 1) 10%,
      rgba(0, 20, 0, 1) 20%,
      rgba(251, 252, 251, 0) 100%
   );
}
.sustainable__future::after {
   bottom: 0;
   height: 45%;
   background: linear-gradient(
      0deg,
      rgba(0, 71, 41, 1) 0%,
      rgba(251, 252, 251, 0) 100%
   );
   mix-blend-mode: multiply;
}

.greener--planet {
   color: white;
   padding-block-start: var(--space-50);
   padding-block-end: var(--space-150);
}
.greener--planet .wrapper {
   gap: var(--space-100);
   padding-block-end: var(--space-50);
}
.greener--planet .content__wrapper .content {
   padding-block-start: var(--space-20);
   gap: var(--space-30);
}
.greener--planet .content__wrapper .content .cta__wrapper {
   margin-block-start: var(--space-60);
}

@media (max-width: 1600px) {
   .greener--planet .wrapper {
      gap: var(--space-50);
   }
}
@media (max-width: 1024px) {
   .greener--planet .wrapper {
      gap: var(--space-30);
   }
   .greener--planet .content__wrapper {
      grid-template-columns: auto;
      row-gap: var(--space-30);
   }
   .greener--planet .content__wrapper .content .cta__wrapper {
      margin-block-start: var(--space-20);
   }
}
@media (max-width: 768px) {
   .sustainable__future::before {
      --shade-top: 140px;
   }
   .sustainable__future .section--bg {
      height: 40%;
   }
   .greener--planet {
      padding-block-start: 0;
      padding-block-end: var(--space-100);
   }
}
@media (max-width: 640px) {
   .sustainable__future::before {
      --shade-top: 360px;
   }
   .greener--planet {
      padding-block-end: var(--space-20);
   }
   .greener--planet .content__wrapper {
      row-gap: var(--space-10);
   }
   .greener--planet .content__wrapper .content {
      gap: var(--space-20);
   }
   .sustainable__future::after {
      height: 60%;
   }
   .sustainable__future::after {
      background: linear-gradient(
         0deg,
         rgba(0, 71, 41, 0.8) 0%,
         rgba(251, 252, 251, 0) 100%
      );
   }
}

/*-------------- Block cards------------- */

.block__cards__ui {
   padding-block: var(--space-100);
}

.block__cards__ui .intro {
   border-top: 2px solid var(--clr-brand);
   padding-block: clamp(40px, 5vw, 100px);
   column-gap: var(--space-50);
}
.block__cards__ui .intro h4 {
   color: var(--clr-brand);
   text-transform: uppercase;
}

.block__cards__ui .block__cards {
   gap: var(--space-40);
}
.block__cards__ui .block__cards .card::before {
   background-color: rgba(49, 49, 49, 0.4);
}

.page__hero .block__cards__ui .block__cards .card::before {
   background-color: rgba(0, 0, 0, 0.2);
}

.block__cards__ui.mgi--cards .block__cards .card::before {
   background-color: rgba(18, 39, 79, 0.2);
   mix-blend-mode: multiply;
}
.block__cards__ui.sgi--cards .block__cards .card::before {
   background-color: rgba(0, 59, 74, 0.2);
}

@media (hover: hover) {
   .block__cards__ui .block__cards .card:hover::before {
      background-color: rgba(49, 49, 49, 0.8);
   }
   .page__hero .block__cards__ui .block__cards .card:hover::before {
      background-color: rgba(0, 0, 0, 0.6);
   }
   .block__cards__ui.mgi--cards .block__cards .card:hover::before {
      background-color: rgba(18, 39, 79, 0.6);
      mix-blend-mode: multiply;
   }
   .block__cards__ui.sgi--cards .block__cards .card:hover::before {
      background-color: rgba(0, 59, 74, 0.6);
   }
}

@media (max-width: 1600px) {
   .block__cards__ui {
      padding-block-start: var(--space-80);
   }
   .block__cards__ui .block__cards,
   .block__cards__ui .intro {
      gap: var(--space-30);
   }
}

@media (max-width: 1200px) {
   .block__cards__ui .block__cards,
   .block__cards__ui .intro {
      gap: var(--space-20);
   }
}

@media (max-width: 768px) {
   .sgi--targets .block__cards__ui .block__cards {
      display: flex;
      overflow-x: auto;
   }
   .sgi--targets .block__cards__ui .block__cards .card {
      width: 350px;
      flex-shrink: 0;
   }
}

@media (max-width: 640px) {
   .block__cards__ui {
      padding-block: var(--space-40);
   }
   .block__cards__ui .block__cards .card::before {
      background-color: rgba(49, 49, 49, 0.5);
   }
   .sgi--targets .block__cards__ui .block__cards {
      display: flex;
      flex-direction: column;
      overflow: inherit;
      gap: var(--space-30);
   }
   .sgi--targets .block__cards__ui .block__cards .card {
      width: auto;
      flex-shrink: 0;
      height: 350px;
   }
   .sgi--targets .block__cards__ui .block__cards .card .fluid {
      object-fit: cover;
      width: 100%;
      height: 100%;
   }
   .block__cards__ui.sgi--cards .block__cards .card::before {
      background-color: rgba(0, 0, 0, 0.3);
      mix-blend-mode: multiply;
   }
   .block__cards__ui.sgi--cards .block__cards .card .card__header,
   .block__cards__ui.sgi--cards .block__cards .card .card__content {
      --card-sm-padding: 30px;
   }
}

/*-------------- Parallax block------------ */
/* 
.parallax__block__ui {
   height: max(800px, 75vh);
   color: white;
}
.parallax__block__ui .content {
   align-content: center;
   width: 100%;
   gap: var(--space-40);
}
.parallax__block__ui .content h4 {
   text-transform: uppercase;
}

.parallax__block__ui .content--text {
   gap: var(--space-40);
}

.parallax__block__ui::before {
   position: absolute;
   content: "";
   z-index: 1;
   top: 0;
   left: 0;
   width: 70%;
   bottom: 0;
   background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.7) 0%,
      rgba(0, 0, 0, 0.4) 60%,
      rgba(0, 0, 0, 0) 100%
   );
}
.parallax__block__ui .parallax--image {
   filter: brightness(1.1) contrast(1.05);
}

@media (max-width: 1600px) {
   .parallax__block__ui {
      height: 700px;
   }
   .parallax__block__ui .content--text {
      gap: var(--space-30);
   }
}
@media (max-width: 1400px) {
   .parallax__block__ui {
      height: 600px;
   }
   .parallax__block__ui .content {
      gap: var(--space-30);
   }
}

@media (max-width: 640px) {
   .parallax__block__ui::before {
      width: 100%;
      background: linear-gradient(
         90deg,
         rgba(0, 0, 0, 0.5) 0%,
         rgba(0, 0, 0, 0.5) 100%
      );
   }

   .parallax__block__ui .content h4 {
      border-top: 2px solid var(--clr-brand);
      padding-block-start: var(--space-20);
   }

   .parallax__block__ui.global__leader {
      height: 720px;
   }

   .parallax__block__ui.global__leader .content {
      align-content: space-between;
      padding-block: var(--space-40) var(--space-50);
   }

   .parallax__block__ui .content--text {
      gap: var(--space-20);
   }
} */

/*-------------- Parallax block customization------------ */
/* 
.parallax__block__ui.global__leader .content {
   max-width: 630px;
}

.parallax__block__ui.climate__governces .content {
   max-width: 600px;
}
.parallax__block__ui.climate__governces .content p {
   margin-block: 20px 40px;
}

@media (max-width: 1200px) {
   .parallax__block__ui.global__leader .content {
      max-width: 500px;
   }
}

.mgi__init--parallax .block__title {
   border-bottom: 2px solid var(--clr-yellow);
   padding-block-end: 30px;
}
.mgi__init--parallax .short__caption {
   font-family: var(--GT-america-condensed);
   font-weight: var(--fw-medium);
   font-size: 36px;
   color: white;
   text-transform: uppercase;
}

@media (max-width: 1600px) {
   .mgi__init--parallax .short__caption {
      font-size: 30px;
   }
}
@media (max-width: 1200px) {
   .mgi__init--parallax .short__caption {
      font-size: 25px;
   }
}
@media (max-width: 640px) {
   .parallax__block__ui.global__leader.mgi__init--parallax::before {
      opacity: 0.3;
   }
   .mgi__init--parallax .short__caption {
      font-size: 20px;
   }
   .parallax__block__ui.global__leader.mgi__init--parallax .content {
      align-content: center;
      gap: var(--space-50);
   }
   .parallax__block__ui.global__leader.mgi__init--parallax .content h4 {
      border-top-width: 0;
   }
} */

/*-------------- Homepage // news list------------ */

.latest__news {
   padding-block: var(--space-100);
}
.mgi .latest__news {
   padding-block-start: 0;
}

.mgi .latest__news .title__tag {
   --clr-brand: var(--clr-blue);
}

.mgi .latest__news .btn__cta.btn--green {
   --clr-brand: var(--clr-red);
}

.latest__news--list {
   gap: var(--space-40);
   margin-block-start: var(--space-80);
   margin-block-end: var(--space-60);
}

.latest__news--list h5 {
   font-family: var(--GT-america-condensed);
   font-weight: var(--fw-regular);
   font-size: 24px;
   text-transform: uppercase;
   border-bottom: 2px solid #65af93;
   padding-block-end: var(--space-20);
}
.mgi .latest__news--list h5 {
   border-bottom-color: var(--clr-yellow);
}

.latest__news--list .card__content p {
   font-size: 18px;
}

.latest__news--list .card .card__content .card__content--text {
   align-items: flex-end;
   padding-block-end: var(--space-30);
}

.latest__news--list .card::before {
   background-color: rgba(49, 49, 49, 0.5);
}
@media (hover: hover) {
   .latest__news--list .card:hover::before {
      background-color: rgba(49, 49, 49, 0.9);
   }
}

@media (max-width: 1600px) {
   .latest__news {
      padding-block: var(--space-80);
   }
   .latest__news--list {
      gap: var(--space-30);
      margin-block-start: var(--space-50);
      margin-block-end: var(--space-40);
   }
   .latest__news--list h5 {
      font-size: 20px;
   }
   .latest__news--list .card__content p {
      font-size: 16px;
   }
}
@media (max-width: 1460px) {
   .latest__news--list .card__content p {
      display: none;
   }
}
@media (max-width: 1200px) {
   .d__grid.three--col {
      gap: var(--space-20);
   }
}
@media (max-width: 1025px) {
   .latest__news--list h5 {
      font-size: 16px;
   }
}
@media (max-width: 768px) {
   .latest__news--list {
      grid-auto-flow: column;
      overflow-x: auto;
      -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
      scroll-padding: var(--container-inline-padding);
      padding-inline: var(--container-inline-padding);
   }
   .latest__news--list .card {
      scroll-snap-align: start;
      width: 300px;
   }
   .latest__news .container__fluid {
      padding-inline: 0;
   }
   .latest__news .title__tag,
   .latest__news .cta__inline--margin {
      padding-inline: var(--container-inline-padding);
   }
}
@media (max-width: 640px) {
   .latest__news {
      padding-block: var(--space-50);
   }
}

/*-------------- Newsletter------------ */

.sgi__newsletter {
   background-color: white;
   padding-block-end: var(--space-100);
}
.sgi__newsletter.grey__bg {
   background-color: var(--clr-light-grey-1);
}

.mgi .sgi__newsletter,
.sgi .sgi__newsletter {
   padding-block-start: var(--space-100);
}
.mgi .sgi__newsletter .block__title {
   color: var(--clr-blue);
}
.mgi .sgi__newsletter .title__tag.has__border::after {
   background-color: var(--clr-blue);
}
.mgi .form input,
.mgi .form select,
.mgi .form textarea {
   border-bottom-color: var(--clr-blue);
}

.sgi__newsletter figure {
   overflow: hidden;
   display: flex;
   align-items: flex-end;
   background-color: #003b4a;
   min-height: 400px;
}

.sgi__newsletter figcaption {
   padding: var(--space-40);
   z-index: 2;
   color: white;
   max-width: 580px;
}
.sgi__newsletter figure img {
   opacity: 0.8;
   filter: brightness(1.1) contrast(1.1);
}

.sgi__newsletter .container__fluid {
   gap: var(--space-80);
}

.sgi__newsletter .custom__grid {
   gap: var(--space-80);
}
.newsletter__form__wrapper,
.newsletter__form__wrapper .d__grid.two--col {
   gap: var(--space-50);
}

.newsletter__form__wrapper .newsletter__form {
   gap: var(--space-20);
}
.newsletter__form__wrapper .cta__wrapper {
   margin-block-start: var(--space-50);
   align-items: center;
}

.newsletter__form__wrapper .select__wrapper::after {
   border-color: var(--clr-brand);
}
.mgi .newsletter__form__wrapper .select__wrapper::after {
   border-color: var(--clr-red);
}
.mgi .custom__checkbox label {
   color: var(--clr-blue);
   --clr-brand: var(--clr-red);
}
.mgi .newsletter__form .btn__cta.btn--green {
   color: var(--clr-red);
}

.newsletter__form .form__control {
   position: relative;
}

.newsletter__form span.required {
   position: absolute;
   right: 0;
   top: 15px;
}

@media (max-width: 1920px) {
   .newsletter__form__wrapper,
   .newsletter__form__wrapper .d__grid.two--col {
      gap: var(--space-30);
   }
   .sgi__newsletter .custom__grid {
      gap: var(--space-50);
   }
}

@media (max-width: 1600px) {
   .sgi__newsletter {
      padding-block-end: var(--space-80);
   }
   .sgi__newsletter .container__fluid,
   .sgi__newsletter .custom__grid {
      gap: var(--space-50);
   }
}
@media (max-width: 1460px) {
   .newsletter__form__wrapper .d__grid.two--col.checkbox__wrapper {
      grid-template-columns: auto;
      gap: var(--space-15);
   }
}
@media (max-width: 1200px) {
   .sgi__newsletter .container__fluid {
      gap: var(--space-40);
   }
   .latest__news--list {
      margin-block-start: var(--space-40);
   }
}

@media (max-width: 640px) {
   .sgi__newsletter {
      padding-block-end: var(--space-60);
   }
   .mgi .sgi__newsletter,
   .sgi .sgi__newsletter {
      padding-block-start: var(--space-50);
   }
   .sgi__newsletter figure img {
      display: none;
   }
   .sgi__newsletter figure {
      min-height: auto;
      background-color: transparent;
   }
   .sgi__newsletter figcaption {
      padding: 0;
      color: var(--clr-body-text);
   }
   .newsletter__form__wrapper .cta__wrapper {
      margin-block-start: var(--space-20);
   }
   .sgi__newsletter .custom__grid {
      gap: var(--space-30);
   }
   .sgi__newsletter .container__fluid {
      gap: var(--space-30);
   }
}

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

footer {
   background-color: var(--clr-brand-alt);
   padding-block: var(--space-70);
}
.mgi footer {
   --clr-brand-alt: var(--clr-blue);
}
footer .wrapper {
   grid-template-columns: 1fr auto;
   gap: var(--space-100);
}
footer .footer__nav {
   grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
   column-gap: var(--space-40);
   row-gap: var(--space-10);
}
footer .footer__nav a {
   display: inline-block;
   padding-block: 5px;
   color: white;
   font-size: 12px;
   font-family: var(--GT-america-expanded);
   font-weight: var(--fw-medium);
   transition: var(--transition-02s);
}
footer .footer__nav a:hover {
   color: var(--clr-brand);
}
footer .social__copyright {
   flex-direction: column;
   align-items: flex-end;
   justify-content: space-between;
   color: white;
}

footer .sgi__social {
   grid-auto-flow: column;
   gap: var(--space-10);
}
footer .sgi__social a {
   display: flex;
   justify-content: center;
   padding-block: var(--space-10);
   padding-inline: var(--space-20);
   transition: transform ease-in-out var(--transition-03s);
   transform-origin: center;
}
@media (hover: hover) {
   footer .sgi__social a:hover {
      transform: scale(1.3);
   }
}

footer .sgi__social li {
   display: flex;
   align-items: center;
}
footer .sgi__social a img {
   width: 100%;
   /* height: auto; */
   max-height: 22px;
   max-width: 25px;
}
footer .sgi__social li:last-child a {
   padding-inline-end: 0;
}

footer .social__copyright span {
   font-size: 12px;
   font-family: var(--GT-america-expanded);
   font-weight: var(--fw-medium);
}

@media (max-width: 1600px) {
   footer .wrapper {
      gap: var(--space-50);
   }
   footer .sgi__social {
      gap: var(--space-10);
   }
   footer .footer__nav {
      column-gap: var(--space-20);
   }
}

@media (max-width: 640px) {
   footer {
      padding-block: var(--space-30);
   }
   footer .wrapper {
      grid-template-columns: auto;
   }
   footer .footer__nav {
      display: none;
   }
   footer .social__copyright {
      align-items: center;
      text-align: center;
      gap: var(--space-20);
   }
   footer .sgi__social li:last-child a {
      padding-inline-end: 15px;
   }
   footer .sgi__social a img {
      min-height: 18px;
      max-width: 22px;
   }
   footer .social__copyright span {
      font-size: 10px;
   }
}

/*-------------- Form Elements------------ */

.form input,
.form select,
.form textarea {
   width: 100%;
   font-size: 18px;
   border: 0;
   border-bottom: 2px solid var(--clr-brand);
   padding-block: 10px;
   background-color: transparent;
   border-radius: 0;
   color: var(--clr-body-text);
}

.form input[aria-invalid="true"] {
   border-bottom-color: rgb(255, 0, 0);
}

.form input::placeholder,
.form select::placeholder,
.form textarea::placeholder,
.form select option:disabled,
.form select option:checked {
   color: #8b8b8b;
}

.form select {
   appearance: none;
}

.select__wrapper::after {
   position: absolute;
   content: "";
   right: 5px;
   top: 10px;
   height: 15px;
   width: 15px;
   display: inline-block;
   border-bottom-style: solid;
   border-bottom-width: 2px;
   border-right-style: solid;
   border-right-width: 2px;
   transform: rotate(45deg);
   pointer-events: none;
}

@media (max-width: 1024px) {
   .select__wrapper::after {
      top: 15px;
      height: 10px;
      width: 10px;
   }
}
body.rtl .select__wrapper::after {
   right: auto;
   left: 5px;
}

.custom__checkbox input {
   padding: 0;
   height: initial;
   width: initial;
   margin-bottom: 0;
   opacity: 0;
   cursor: pointer;
   position: absolute;
}
.custom__checkbox label {
   position: relative;
   margin: 0;
   display: flex;
   align-items: flex-start;
   font-size: 18px;
   color: var(--clr-brand-alt);
}
.custom__checkbox label a {
   text-decoration: underline;
}
.custom__checkbox label::before {
   content: "";
   -webkit-appearance: none;
   background-color: transparent;
   border: 2px solid var(--clr-brand);
   padding: 10px;
   display: inline-block;
   position: relative;
   vertical-align: middle;
   cursor: pointer;
   -webkit-margin-end: 5px;
   margin-inline-end: 5px;
}
.custom__checkbox input:checked + label:after {
   content: "";
   display: block;
   position: absolute;
   top: 4px;
   left: 9px;
   width: 6px;
   height: 12px;
   border: solid var(--clr-brand);
   border-width: 0 2px 2px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

span.required {
   color: red;
   font-size: 14px;
   text-transform: uppercase;
   pointer-events: none;
   user-select: none;
}

@media (max-width: 1600px) {
   .custom__checkbox label {
      font-size: 16px;
   }
}
@media (max-width: 1200px) {
   .form input,
   .form select,
   .form textarea {
      font-size: 16px;
   }
   span.required {
      font-size: 12px;
   }
}

.success-note,
.fail-note {
   padding: 1rem;
   color: green;
   width: 100%;
   border: green solid 1px;
   margin-block: 10px;
   background: rgba(64, 150, 64, 0.1);
}

.success-note h6,
.fail-note h6 {
   margin: 0;
   padding: 0;
   font-size: clamp(14px, 4vw, 18px);
   font-family: var(--GT-america-regular);
   font-weight: var(--fw-medium);
   color: green;
}

.success-note svg,
.fail-note svg {
   -webkit-margin-end: 10px;
   margin-inline-end: 10px;
   -ms-flex-negative: 0;
   flex-shrink: 0;
}

.fail-note {
   border: red solid 1px;
   background: rgba(199, 156, 156, 0.1);
}

.fail-note,
.fail-note h6 {
   color: red;
}

.spinner {
   width: 30px;
   height: 30px;
   margin-inline-start: var(--space-20);
   border-radius: 50%;
   border: 2px solid transparent;
   border-top-color: var(--clr-brand);
   -webkit-animation: 0.5s spin infinite linear;
   animation: 0.5s spin infinite linear;
}

@-webkit-keyframes spin {
   to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

@keyframes spin {
   to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

/*-------------- custom scrollbar ------------ */

/* Firefox */
html,
body {
   scrollbar-width: thin;
   scrollbar-color: var(--clr-scroll-track) var(--clr-scroll-thumb);
}

/* Chrome, Edge, Safari */
body::-webkit-scrollbar {
   width: 6px;
}

body::-webkit-scrollbar-track {
   background-color: var(--clr-scroll-track);
}

body::-webkit-scrollbar-thumb {
   background-color: var(--clr-scroll-thumb);
   border-radius: 12px;
}

body::-webkit-scrollbar-thumb:hover {
   background: var(--clr-brand);
}

::selection {
   background-color: var(--clr-brand);
   color: white;
}

/* AOS */
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
   transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
   transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
   transition-duration: 0.1s;
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
   transition-delay: 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
   transition-duration: 0.15s;
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
   transition-delay: 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
   transition-duration: 0.2s;
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
   transition-delay: 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
   transition-duration: 0.25s;
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
   transition-delay: 0.25s;
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
   transition-duration: 0.3s;
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
   transition-delay: 0.3s;
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
   transition-duration: 0.35s;
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
   transition-delay: 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
   transition-duration: 0.4s;
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
   transition-delay: 0.4s;
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
   transition-duration: 0.45s;
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
   transition-delay: 0.45s;
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
   transition-duration: 0.5s;
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
   transition-delay: 0.5s;
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
   transition-duration: 0.55s;
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
   transition-delay: 0.55s;
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
   transition-duration: 0.6s;
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
   transition-delay: 0.6s;
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
   transition-duration: 0.65s;
}
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
   transition-delay: 0.65s;
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
   transition-duration: 0.7s;
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
   transition-delay: 0.7s;
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
   transition-duration: 0.75s;
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
   transition-delay: 0.75s;
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
   transition-duration: 0.8s;
}
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
   transition-delay: 0.8s;
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
   transition-duration: 0.85s;
}
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
   transition-delay: 0.85s;
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
   transition-duration: 0.9s;
}
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
   transition-delay: 0.9s;
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
   transition-duration: 0.95s;
}
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
   transition-delay: 0.95s;
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
   transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
   transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
   transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
   transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
   transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
   transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
   transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
   transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
   transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
   transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
   transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
   transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
   transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
   transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
   transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
   transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
   transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
   transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
   transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
   transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
   transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
   transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
   transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
   transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
   transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
   transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
   transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
   transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
   transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
   transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
   transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
   transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
   transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
   transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
   transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
   transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
   transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
   transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
   transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
   transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
   transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
   transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
   transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
   transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
   transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
   transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
   transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
   transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
   transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
   transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
   transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
   transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
   transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
   transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
   transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
   transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
   transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
   transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
   transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
   transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
   transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
   transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
   transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
   transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
   transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
   transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
   transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
   transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
   transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
   transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
   transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
   transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
   transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
   transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
   transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
   transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
   transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
   transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
   transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
   transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
   transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
   transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
   transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing="linear"],
body[data-aos-easing="linear"] [data-aos] {
   transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
   transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing="ease-in"],
body[data-aos-easing="ease-in"] [data-aos] {
   transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing="ease-out"],
body[data-aos-easing="ease-out"] [data-aos] {
   transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-out"],
body[data-aos-easing="ease-in-out"] [data-aos] {
   transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-back"],
body[data-aos-easing="ease-in-back"] [data-aos] {
   transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-aos][data-aos][data-aos-easing="ease-out-back"],
body[data-aos-easing="ease-out-back"] [data-aos] {
   transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-back"],
body[data-aos-easing="ease-in-out-back"] [data-aos] {
   transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-aos][data-aos][data-aos-easing="ease-in-sine"],
body[data-aos-easing="ease-in-sine"] [data-aos] {
   transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-aos][data-aos][data-aos-easing="ease-out-sine"],
body[data-aos-easing="ease-out-sine"] [data-aos] {
   transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
body[data-aos-easing="ease-in-out-sine"] [data-aos] {
   transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-aos][data-aos][data-aos-easing="ease-in-quad"],
body[data-aos-easing="ease-in-quad"] [data-aos] {
   transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quad"],
body[data-aos-easing="ease-out-quad"] [data-aos] {
   transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
body[data-aos-easing="ease-in-out-quad"] [data-aos] {
   transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-cubic"],
body[data-aos-easing="ease-in-cubic"] [data-aos] {
   transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-cubic"],
body[data-aos-easing="ease-out-cubic"] [data-aos] {
   transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
   transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-quart"],
body[data-aos-easing="ease-in-quart"] [data-aos] {
   transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quart"],
body[data-aos-easing="ease-out-quart"] [data-aos] {
   transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
body[data-aos-easing="ease-in-out-quart"] [data-aos] {
   transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos^="fade"][data-aos^="fade"] {
   opacity: 0;
   transition-property: opacity, transform;
}
[data-aos^="fade"][data-aos^="fade"].aos-animate {
   opacity: 1;
   transform: translateZ(0);
}
[data-aos="fade-up"] {
   transform: translate3d(0, 100px, 0);
}
[data-aos="fade-down"] {
   transform: translate3d(0, -100px, 0);
}
[data-aos="fade-right"] {
   transform: translate3d(-100px, 0, 0);
}
[data-aos="fade-left"] {
   transform: translate3d(100px, 0, 0);
}
[data-aos="fade-up-right"] {
   transform: translate3d(-100px, 100px, 0);
}
[data-aos="fade-up-left"] {
   transform: translate3d(100px, 100px, 0);
}
[data-aos="fade-down-right"] {
   transform: translate3d(-100px, -100px, 0);
}
[data-aos="fade-down-left"] {
   transform: translate3d(100px, -100px, 0);
}
[data-aos^="zoom"][data-aos^="zoom"] {
   opacity: 0;
   transition-property: opacity, transform;
}
[data-aos^="zoom"][data-aos^="zoom"].aos-animate {
   opacity: 1;
   transform: translateZ(0) scale(1);
}
[data-aos="zoom-in"] {
   transform: scale(0.6);
}
[data-aos="zoom-in-up"] {
   transform: translate3d(0, 100px, 0) scale(0.6);
}
[data-aos="zoom-in-down"] {
   transform: translate3d(0, -100px, 0) scale(0.6);
}
[data-aos="zoom-in-right"] {
   transform: translate3d(-100px, 0, 0) scale(0.6);
}
[data-aos="zoom-in-left"] {
   transform: translate3d(100px, 0, 0) scale(0.6);
}
[data-aos="zoom-out"] {
   transform: scale(1.2);
}
[data-aos="zoom-out-up"] {
   transform: translate3d(0, 100px, 0) scale(1.2);
}
[data-aos="zoom-out-down"] {
   transform: translate3d(0, -100px, 0) scale(1.2);
}
[data-aos="zoom-out-right"] {
   transform: translate3d(-100px, 0, 0) scale(1.2);
}
[data-aos="zoom-out-left"] {
   transform: translate3d(100px, 0, 0) scale(1.2);
}
[data-aos^="slide"][data-aos^="slide"] {
   transition-property: transform;
}
[data-aos^="slide"][data-aos^="slide"].aos-animate {
   transform: translateZ(0);
}
[data-aos="slide-up"] {
   transform: translate3d(0, 100%, 0);
}
[data-aos="slide-down"] {
   transform: translate3d(0, -100%, 0);
}
[data-aos="slide-right"] {
   transform: translate3d(-100%, 0, 0);
}
[data-aos="slide-left"] {
   transform: translate3d(100%, 0, 0);
}
[data-aos^="flip"][data-aos^="flip"] {
   backface-visibility: hidden;
   transition-property: transform;
}
[data-aos="flip-left"] {
   transform: perspective(2500px) rotateY(-100deg);
}
[data-aos="flip-left"].aos-animate {
   transform: perspective(2500px) rotateY(0);
}
[data-aos="flip-right"] {
   transform: perspective(2500px) rotateY(100deg);
}
[data-aos="flip-right"].aos-animate {
   transform: perspective(2500px) rotateY(0);
}
[data-aos="flip-up"] {
   transform: perspective(2500px) rotateX(-100deg);
}
[data-aos="flip-up"].aos-animate {
   transform: perspective(2500px) rotateX(0);
}
[data-aos="flip-down"] {
   transform: perspective(2500px) rotateX(100deg);
}
[data-aos="flip-down"].aos-animate {
   transform: perspective(2500px) rotateX(0);
}