:root {
    --black: #000;
    --black-70: rgba(0,0,0,0.70);
    --black-60: rgba(0,0,0,0.60);
    --black-50: rgba(0,0,0,0.50);
    --black-40: rgba(0,0,0,0.40);
    --black-20: rgba(0,0,0,0.20);
    --black-15: rgba(0,0,0,0.15);
    --black-12: rgba(0,0,0,0.12);
    --black-10: rgba(0,0,0,0.10);
    --white: #fff;
    --white-alt: #F4F4F3;
    --white-alt-80: rgba(244,244,243,0.8);
    --white-alt-70: rgba(244,244,243,0.7);
    --white-alt-60: rgba(244,244,243,0.6);
    --white-alt-40: rgba(244,244,243,0.4);
    --white-alt-30: rgba(244,244,243,0.3);
    --white-alt-20: rgba(244,244,243,0.2);
    --white-alt-15: rgba(244,244,243,0.15);

    --grey: #E1E2E3;


    --deep-graphite: #354952;
    --cloud-graphite: #7098A9;

    --tesonet-green: #00DB4D;

    --red: #FF0000;
}

@font-face {
    font-family: "Euclid";
    src: url("../fonts/EuclidCircularB-Regular.otf");
}
@font-face {
    font-family: "Euclid";
    src: url("../fonts/EuclidCircularB-Medium.otf");
    font-weight: 500;
}
@font-face {
    font-family: "Euclid";
    src: url("../fonts/EuclidCircularB-Light.otf");
    font-weight: 300;
}

/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
    font-family: 'Euclid', sans-serif;
    line-height: 1.5;
    color: #000;
    background: var(--white-alt);
    line-height: 1.28;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.layouts-title {
	font-size: 26px;
	margin:15px 0px;
}
.layouts ul li {
	margin-bottom:5px;
}
.layouts ul li a {
	font-size: 17px;
	display: inline-block;
	padding:3px 10px;
}
.layouts ul li a:hover {
	background:#000;
	color:#fff;
}

/* -- END RESET -- */

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: left;
}
/* -- main styles -- */

.nopad {
	padding:0px;
}
.nopadleft {
	padding-left:0px;
}
.nopadright {
	padding-right:0px;
}
strong, b {
	font-weight: bold;
}
i {
	font-style: italic;
}
em {
	font-style: italic;
}
.clear {
	clear:both;
}
.left {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}
.right {
	float:right;
	margin-left:15px;
	margin-bottom:15px;
}
.alignleft {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}
.alignright {
	float:right;
	margin-left:15px;
	margin-bottom:15px;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
	max-width: 100%;
    margin-bottom: 15px;
}
.invi {
	visibility: hidden;
	opacity: 0;
}
.object-fit {
	position: relative;
}
.object-fit > img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100% !important;
	height: 100%;
	object-fit: cover;
	-o-object-fit: cover;
    object-fit: cover;
}
.object-fit.object-contain > img {
    -o-object-fit: contain;
    object-fit: contain;
}
.object-fit > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: none;
}

.submitting button,
.submitting input[type="button"] {
    pointer-events: none;
}
.submitting {
    position: relative;
}
.submitting::before {
    content: '';
    width: 100%; height: 100%;
    background: var(--white-alt-80);
    position: absolute;
    top: 0; left: 0;
    z-index: 11;
}
.submitting::after {
    content: '';
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border-top: 2px solid #000;
    border-right: 2px solid transparent;
    -webkit-animation: formSpinner .6s linear infinite;
    animation: formSpinner .6s linear infinite;
    z-index: 12;
}
@-webkit-keyframes formSpinner {
    to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes formSpinner {
    to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}

/* preloader */
.preloader {
    display: inline-block;
	width: 25px;
	height: 25px;
	border: 3px solid hsla(0,0%,100%,.3);
    border-top-color: rgba(255, 255, 255, 0.3);
    border-right-color: rgba(255, 255, 255, 0.3);
    border-bottom-color: rgba(255, 255, 255, 0.3);
    border-left-color: rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	border-top-color: #ccc !important;
	-webkit-animation: a 1s ease-in-out infinite;
	animation: a 1s ease-in-out infinite;
	z-index: 50;
}
@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

/*   hamburger   */
.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
	margin: 0;
	padding: 0;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity, filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
	float: right;

	display: none;
}
.hamburger:hover {
    opacity: 1;
}
.hamburger-box {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 20px;
    float: right;
}
.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
	border-radius: 2px;
    position: absolute;
    width: 28px;
    height: 2px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    background-color: #746f6c;
}
.hamburger-inner:after,
.hamburger-inner:before {
    display: block;
    content: "";
}
.hamburger-inner:before {
    top: -7px;
}
.hamburger-inner:after {
    bottom: -7px;
}
.hamburger--squeeze .hamburger-inner {
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration: 75ms;
}
.hamburger--squeeze .hamburger-inner:before {
    transition: top 75ms ease .12s, opacity 75ms ease;
}
.hamburger--squeeze .hamburger-inner:after {
    transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19);
}
.hamburger--squeeze.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: rotate(45deg);
}
.hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease, opacity 75ms ease .12s;
    opacity: 0;
}
.hamburger--squeeze.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
    transform: rotate(-90deg);
}

.dflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
}

.dflex-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dflex-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.dflex-between {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.dflex-cbetween {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.grid-container {
	width: 100%;
    max-width: 100%;
    padding-left: 5.555vw;
    padding-right: 5.555vw;
    position: relative;
    z-index: 10;
}

.grid-container.grid-container-sm {
    max-width: 676px;
    padding-left: 24px;
    padding-right: 24px;
}
.grid-container.grid-container-smd {
    max-width: 790px;
    padding-left: 24px;
    padding-right: 24px;
}
.grid-container.grid-container-md {
    max-width: 894px;
    max-width: 62%;
    padding-left: 24px;
    padding-right: 24px;
}
.grid-container.grid-container-lg {
    max-width: 77%;
    padding-left: 24px;
    padding-right: 24px;
}
.grid-container.nopad {
    padding-left: 0;
    padding-right: 0;
}

.title-120 {
    font-size: 120px;
    font-size: 8.333vw;
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -0.04em;
}
.title-108 {
    font-size: 108px;
    font-size: 7.5vw;
    font-weight: 500;
    line-height: 1.13;
    line-height: 1.08;
    letter-spacing: -0.02em;
}
.title-108.has-gradient {
    line-height: 1.16;
}
.title-64 {
    font-size: 64px;
    font-size: 4.444vw;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.title-42 {
    font-size: 42px;
    font-size: 2.917vw;
    font-weight: 500;
    line-height: 1.28;
    letter-spacing: -0.02em;
}

.title-40 {
    font-size: 40px;
    font-size: 2.778vw;
    line-height: 1.28;
}
.title-40 strong {
    font-weight: 400;
}
.title-40 strong span.char {
    color: #0E9D79;
    /* background: linear-gradient(180deg, #0064EF 0%, #04FF2A 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}

.title-32 {
    font-size: 32px;
    font-size: 2.222vw;
    font-weight: 500;
    line-height: 1.28;
}
.title-32.v2 {
    font-weight: 400;
    line-height: 1.4;
}
.title-28 {
    font-size: 28px;
    font-size: 1.944vw;
    font-weight: 500;
    line-height: 1.28;
}

.title-16 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
}

.text-28 {
    font-size: 28px;
    letter-spacing: 0.01em;
}

.text-18 {
    font-size: 18px;
    line-height: 1.64;
}
.text-18 p:not(:last-child) {
    margin-bottom: 28px;
}

.text-16 {
    font-size: 16px;
    line-height: 1.6;
}

.label-reg {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0.02em;
    margin-bottom: 16px;
}

.label-green {
    color: var(--tesonet-green);
}

.section-label {
    margin-bottom: 40px;
}
.section-label.mb-lg {
    margin-bottom: 64px;
}
.section-label > span {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    border-radius: 8px;
    background: rgba(53, 73, 82, 0.01);
    box-shadow: 0 0 6.6px 0 #DBDBDB inset;
    padding: 6px 12px;
    font-size: 16px;
    color: var(--cloud-graphite);
}
.section-label > span span {
    /* background: linear-gradient(90deg, #0064EF 39.89%, #04FF2A 122%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}

.section-label.v2 > span {
    box-shadow: 0 0 6.6px 0 rgba(0, 219, 77, 0.60) inset;
    color: var(--tesonet-green);
    color: #007d1e;
}

.gradient-label {
    margin-bottom: 32px;
}

.gradient-label > span {
    display: inline-block;
    background: linear-gradient(90deg, #0064EF 39.89%, #04FF2A 122%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    line-height: 1.6;
}

.b-24,
.b-24 img,
.b-24 video {
    border-radius: 24px;
}
.b-28,
.b-28 img,
.b-28 video {
    border-radius: 28px;
}
.b-32,
.b-32 img,
.b-32 video {
    border-radius: 32px;
}
.b-35,
.b-35 img,
.b-35 video {
    border-radius: 35px;
}

.bg-white {
    background: var(--white);
}


.bg-black {
    background: var(--black);
    color: var(--white-alt);
}

.mt-40 {
    margin-top: 40px;
}
.mt-48 {
    margin-top: 48px;
}
.mt-64 {
    margin-top: 64px;
}
.mt-80 {
    margin-top: 80px;
}

.oh {
    position: relative;
    overflow: hidden;
}

.has-gradient {
    position: relative;
    z-index: 5;
    /* filter: blur(15px); */
    /* opacity: 0; */
    transition: 1s;
}
.has-gradient.in-view {
    /* opacity: 1; */
    /* filter: blur(0px); */
}
.has-gradient span {
    position: relative;
    background: linear-gradient(90deg, #F6F9F0 0%, #04EC27 49.24%);
    background: linear-gradient(90deg,rgba(4, 255, 42, 1) 0%, rgba(99, 103, 211, 1) 25%, rgba(0, 0, 0, 1) 50%);
    background: linear-gradient(90deg,rgba(4, 255, 42, 1) 0%, rgba(28,30,88, 1) 25%, rgba(0, 0, 0, 1) 50%);
    background: linear-gradient(90deg, #03a46e 0%, #373878 30%, rgba(0, 0, 0, 1) 60%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.has-gradient span:before {
   content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 5;
    color: var(--black);
    -webkit-background-clip: unset;
    -webkit-text-fill-color: var(--black);
    transition: 1s;
}
.bg-black .has-gradient span:before {
    -webkit-text-fill-color: #F6F9F0;
}
.in-view.has-gradient span:before {
    opacity: 0;
}
.has-gradient span:before {
    /* content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    z-index: -4;

    background: linear-gradient(90deg,  #04EC27 0%, rgba(255,255,255,0) 33%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; */
}
.bg-black .has-gradient span {
    background: linear-gradient(90deg, #6FC1D4 12.58%, #CFD4E9 47.55%, #F6F9F0 69.73%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.title-before {
    position: absolute;
    left: 0;
    top: 8px;
    top: 0;
    right: 0;
    width: 100%;
    background: linear-gradient(90deg, #6367D3 0%, #000 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: -4;

    background: linear-gradient(90deg,  #04EC27 0%, rgba(255,255,255,0) 33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    /* opacity: 1; */
    transition: opacity 1s 0.5s;
}
.in-view.has-gradient .title-before {
    opacity: 1;
}

.title-before:after {
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    width: 33%;
    top: 0;
    bottom: 0;
    height: 100%;
    mask: linear-gradient(90deg, black, black, transparent);
    backdrop-filter: blur(4px);
    backdrop-filter: blur(5px);
    z-index: 10;
}

/* .title-before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    background: linear-gradient(90deg, #6367D3 0%, #000 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
    z-index: -4;
}
.title-after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
   background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 51.21%, #04FF2A 78.11%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
mix-blend-mode: overlay;
    z-index: -3;
} */

.has-gradient span:after {
    content: '';
    position: absolute;
    z-index: 2;
    left: -5px;
    width: 33%;
    top: 0;
    bottom: -10px;
    height: calc(100% + 10px);
    mask: linear-gradient(90deg, black, black, transparent);
    backdrop-filter: blur(4px);
    backdrop-filter: blur(3px);
    z-index: 10;
    opacity: 0;
    /* opacity: 1; */
    transition: 1.4s 0.7s;
}
.in-view.has-gradient span:after {
    opacity: 1;
}

.btn-black,
.btn-black:focus,
.btn-black:active {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    font-size: 16px;
    line-height: 1.1;
    font-weight: 500;
    letter-spacing: 0.02em;
    background: var(--black);
    color: var(--white-alt);
    padding: 16px 28px;
    border-radius: 50px;
    cursor: pointer;
    will-change: transform, background, color;
    transition: 0.2s ease-in-out;
}
.btn-black:hover {
    background: var(--black);
    color: var(--white-alt);
    transform: scale(1.03);
}

.btn-grey-white,
.btn-grey-white:focus,
.btn-grey-white:active {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    font-size: 16px;
    line-height: 1.1;
    font-weight: 500;
    letter-spacing: 0.02em;
    background: rgba(244, 243, 243, 0.15);
    backdrop-filter: blur(8px);
    color: var(--white-alt);
    padding: 16px 28px;
    border-radius: 50px;
    cursor: pointer;
    will-change: transform, background, color;
    transition: 0.2s ease-in-out;
}
.btn-grey-white:hover {
    transform: scale(1.03);
    background: var(--white-alt-80);
    color: var(--black);
}

.btn-grey-black,
.btn-grey-black:focus,
.btn-grey-black:active {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    font-size: 16px;
    line-height: 1.1;
    font-weight: 500;
    letter-spacing: 0.02em;
    background: var(--grey);
    backdrop-filter: blur(8px);
    color: var(--black);
    padding: 16px 28px;
    border-radius: 50px;
    cursor: pointer;
    will-change: transform, background, color;
    transition: 0.2s ease-in-out;
}
.btn-grey-black:hover {
    background: var(--black);
    color: var(--white-alt);
    /* background: var(--grey);
    color: var(--black); */
    transform: scale(1.03);
}

.btn-white-trans,
.btn-white-trans:focus,
.btn-white-trans:active {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    font-size: 16px;
    line-height: 1.1;
    font-weight: 500;
    letter-spacing: 0.02em;
    background: var(--white-alt-30);
    color: var(--black);
    backdrop-filter: blur(8px);
    padding: 16px 28px;
    border-radius: 50px;
    cursor: pointer;
    will-change: transform, background;
    transition: 0.2s ease-in-out;
}
.btn-white-trans:hover {
    background: var(--white-alt);
    color: var(--black);
    transform: scale(1.03);
}

.link-grey,
.link-grey:focus,
.link-grey:active {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--black-60);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0.02em;
    transition: 0.2s;
}
.link-grey:hover {
    color: var(--black);
}
a:hover .link-grey {
    color: var(--black);
}

.link-remote,
.link-remote:focus,
.link-remote:active {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--black);
    font-size: 14px;
    line-height: 1.28;
    transition: 0.2s;
}
.link-remote.fz-16,
.link-remote.fz-16:focus,
.link-remote.fz-16:active {
    font-size: 16px;
}
.link-remote:after {
    content: '';
    width: 7px;
    height: 7px;
    background: url(../img/link-remote-black-7px.svg) no-repeat center center;
    margin-left: 10px;
}
a:hover .link-remote {
    color: var(--black);
}

.link-scroll-down,
.link-scroll-down:focus,
.link-scroll-down:active {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--black);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.28;
    opacity: 0.7;
    transition: 0.2s;
}
.link-scroll-down:hover {
    color: var(--black);
    opacity: 1;
}
.link-scroll-down > span {
    width: 20px;
    height: 20px;
    margin-left: 4px;
    position: relative;
    overflow: hidden;
}
.link-scroll-down > span:before,
.link-scroll-down > span:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../img/link-scroll-down.svg) no-repeat center center;
    transition: 0.3s ease-out;
}
.link-scroll-down > span:before {
    transform: translateY(0);
}
.link-scroll-down > span:after {
    transform: translateY(-100%);
}
.link-scroll-down:hover > span:before {
    transform: translateY(100%);
}
.link-scroll-down:hover > span:after {
    transform: translateY(0%);
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

footer {
    /* margin-top: 17.5vh; */
    padding-bottom: 38px;
}


.footer-box {
    background: var(--white);
    padding: 15vh 5.555vw 48px;
    border-radius: 32px;
}

.footer-box .footer-box-top {
    max-width: 42%;
    max-width: 30%;
}

.footer-button {
    margin-top: 48px;
}

.footer-box-bottom {
    margin-top: 16vh;
    margin-top: 15vh;
    /* padding-top: 48px; */
    /* border-top: 1px solid rgba(152,152,152,0.26); */
}

.footer-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
}
.footer-nav ul li a {
    color: var(--black);
    font-size: 16px;
    /* opacity: 0.6; */
    transition: 0.2s;
}
.footer-nav ul li a:hover {
    opacity: 1;
    opacity: 0.6;
}

.socials ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}
.socials ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    width: 40px;
    height: 40px;
    border: 1px solid var(--black-12);
    border-radius: 12px;
    transition: 0.2s;
}
.socials ul li a:hover {
    border: 1px solid var(--black-40);
}

.footer-bottom {
    margin-top: 24px;
}

.copyrights {
    color: var(--black-40);
    font-size: 14px;
}

.footer-nav-sec ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
}
.footer-nav-sec ul li a {
    color: var(--black-40);
    font-size: 14px;
    transition: 0.2s;
}
.footer-nav-sec ul li a:hover {
    color: var(--black);
}

.featured-resources-section .title-108 {
    max-width: 45%;
    margin-bottom: 64px;
}

.fr-carousel-item {
    /* padding-top: 10px; */
}

.fr-carousel.owl-carousel .owl-stage-outer {
    overflow: visible;
}

.resource-item-details span {
    transition: 0.2s;
}

.fr-carousel-item a:hover .resource-item-details span {
    color: var(--black);
}

.resource-item-image {
    padding-bottom: 119.2%;
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
    will-change: transform;
    transform: scale(1);
    transition: 0.3s ease-in-out;
}
.resource-item-image > img {
    will-change: transform;
    transform: scale(1);
    transition: 0.3s ease-in-out;
}

a:hover .resource-item-image {
     transform: scale(1.02);
}
a:hover .resource-item-image > img {
     transform: scale(1.02);
}

.resource-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    gap: 8px;
}
.resource-item-info:not(:last-child) {
    margin-bottom: 16px;
}
.resource-item-info span {
    border-radius: 8px;
    background: rgba(53, 73, 82, 0.10);
    backdrop-filter: blur(12px);
    padding: 5px 11px;
    color: var(--deep-graphite);
    font-size: 14px;
}
.resource-item-info span:not(.highlighted) {
    position: relative;
    z-index: 6;
}
.resource-item-info span.highlighted {
    position: relative;
    background: linear-gradient(51deg, #836AFF 17.28%, #00DB4D 100%);
    box-shadow: 0 0 40.071px 0 rgba(0, 219, 77, 0.57) inset;
    z-index: 5;
    
}

.resource-item-info span.highlighted {
    color: var(--black);
}
.resource-item-info span.highlighted:after {
    display: none !important;
    content: '';
    position: absolute;
    width: 51px;
    height: 41px;
    top: -9px;
    right: -12px;
    z-index: -1;
    background: url(../img/orn-highlighted.png) no-repeat center center / 100% 100%;
}
.bg-white .resource-item-info span.highlighted:after {
    background: url(../img/orn-highlighted-white.png) no-repeat center center / 100% 100%;
}

.resource-item-title {
    color: var(--black);
}
.resource-item-title:not(:last-child) {
    margin-bottom: 16px;
}

.resource-item-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
}
.resource-item-details span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-size: 16px;
    color: var(--black-70);
}
.resource-item-details span:after {
    content: '';
    width: 1px;
    height: 14px;
    background: var(--black-20);
    margin: 0 8px;
}
.resource-item-details span:last-child:after {
    display: none;
}

.fr-tabs.fr-tabs-tabs {
    margin-bottom: 80px;
}

.fr-tabs .tabs {
    margin: 0;
    border: none;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
}
.fr-tabs .tabs-title {
    /* float: left; */
}

.fr-tabs .tabs-title>a {
    padding: 12px 0 17px;
    padding: 12px 0 13px;
    font-size: 14px;
    line-height: 1.1;
    font-weight: 500;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color: var(--black-40);
    transition: 0.2s;
    position: relative;
}
.fr-tabs .tabs-title>a:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--black);
    opacity: 0;
    transition: 0.2s;
}

.fr-tabs .tabs-title>a:hover {
    background: transparent;
    color: var(--black);
}

.fr-tabs .tabs-title>a:focus, 
.fr-tabs .tabs-title>a[aria-selected=true],
.fr-tabs .tabs-title.active>a {
    background: transparent;
    color: var(--black);
}
.fr-tabs .tabs-title>a:focus:after, 
.fr-tabs .tabs-title>a[aria-selected=true]:after,
.fr-tabs .tabs-title.active>a:after {
    opacity: 1;
}

.bg-black .fr-tabs .tabs-title>a {
    color: var(--white-alt-40);
}
.bg-black .fr-tabs .tabs-title>a:after {
    background: var(--white-alt);
}

.bg-black .fr-tabs .tabs-title>a:hover {
    color: var(--white-alt);
}

.bg-black .fr-tabs .tabs-title>a:focus, 
.bg-black .fr-tabs .tabs-title>a[aria-selected=true],
.bg-black .fr-tabs .tabs-title.active>a {
    color: var(--white-alt);
}

.bg-black .fr-tabs .tabs-content {
    color: var(--white-alt);
}

.fr-tabs .tabs-content {
    border: none;
    background: transparent;
    color: var(--black);
}

.fr-tabs .tabs-panel {
    padding: 0;
    opacity: 0;
    display: none;
    transition: 0.3s;
}
.fr-tabs .tabs-panel.act {
    opacity: 1;
}
.fr-tabs .tabs-panel.active {
    display: block;
}

.fr-carousel.owl-carousel .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel button.owl-dot {
    outline: none;
}

.owl-has-nav.owl-carousel .owl-nav button.owl-next, 
.owl-has-nav.owl-carousel .owl-nav button.owl-prev {
    width: 34px;
    height: 28px;
    border-radius: 8px;
    background: rgba(244, 243, 243, 0.15);
    backdrop-filter: blur(8px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: all;
    transition: 0.2s;
}
.owl-has-nav.owl-carousel .owl-nav button.owl-next:hover, 
.owl-has-nav.owl-carousel .owl-nav button.owl-prev:hover {
    background: rgba(244, 243, 243, 0.25);
}

.owl-has-nav .owl-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


.fr-carousel .owl-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding-top: calc(13.8% - 14px);
    padding-left: 16px;
    padding-right: 16px;
    pointer-events: none;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.fr-two-carousel .owl-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding-top: calc(13.8% - 14px);
    padding-left: 16px;
    padding-right: 16px;
    pointer-events: none;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.focus-section,
.portfolio-section {
    /* padding: 550px 0; */
    margin: 550px 0;
    margin: 50vh 0;
    position: relative;
}

.portfolio-section.v2 {
    margin: 160px 0 130px;
}

.portfolio-section .title-108  {
    margin-bottom: 64px;
}

.portfolio-carousel-item {
    width: 28.5vw;
    width: 420px;
    border-radius: 32px;
    background: linear-gradient(0deg, rgba(87, 223, 195, 0.00) 0%, rgba(87, 223, 195, 0.10) 100%);
    border: 1px solid rgba(87, 223, 195, 0.10);;
    /* opacity: 0.8; */
    box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.40) inset;
    aspect-ratio: 0.79344;
    position: relative;
    
    background: rgba(47, 255, 212, 0.01);
    opacity: 0.8;
    box-shadow: 0 0 20px 0 rgba(246, 249, 240, 0.20) inset;

    background: linear-gradient(0deg, rgba(87, 223, 195, 0.00) 54.34%, rgba(87, 223, 195, 0.30) 100%);
    opacity: 0.8;
    box-shadow: 0 0 30px 0 rgba(136, 255, 178, 0.60) inset;
    filter: blur(0px);
    position: relative;
    /* box-shadow: none;
    background: transparent;
    border: 1px solid var(--white); */
}
.portfolio-carousel-item:before {
    border-radius: 32px;
    /* content: ''; */
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    fill: rgba(47, 255, 212, 0.01);
    /* opacity: 0.8; */
    box-shadow: 0 0 20px 0 rgba(246, 249, 240, 0.20) inset;
}
.portfolio-carousel-item:after {
    border-radius: 32px;
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);

    background: linear-gradient(0deg, rgba(87, 223, 195, 0.00) 0%, rgba(87, 223, 195, 0.30) 100%);
    border: 1px solid #57DFC3;
    opacity: 0.8;
    box-shadow: 0 0 20px 0 rgba(136, 255, 178, 0.40) inset;

    fill: linear-gradient(270deg, rgba(87, 223, 195, 0.00) 0.09%, rgba(87, 223, 195, 0.10) 42.77%);
    opacity: 0;
    box-shadow: 0 0 60px 20px rgba(93, 255, 117, 0.60) inset, 0 0 20px 0 rgba(47, 255, 212, 0.60) inset;

    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    opacity: 0;
    pointer-events: none;
    transition: 0.5s ease-in-out;
}
.portfolio-carousel-item:hover:after {
    opacity: 0.8;
}

.portfolio-carousel-item-label {
    position: absolute;
    top: 64px;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0 64px;
    /* opacity: 0; */
    /* visibility: hidden; */
    z-index: 5;
    color: transparent;
    transition: 0.2s ease-in-out;
}
.portfolio-carousel-item:hover .portfolio-carousel-item-label {
    /* opacity: 1; */
    color: var(--white);
}
.portfolio-carousel-item-logo {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0 64px;
    /* -webkit-filter: invert(1);
    filter: invert(1); */
}

body.bg-black .portfolio-carousel-item-logo {
    -webkit-filter: invert(1);
    filter: invert(1);
}
body.bg-black .portfiolio-button .btn-grey-black,
body.bg-black .portfiolio-button .btn-grey-black:focus,
body.bg-black .portfiolio-button .btn-grey-black:active {
    background: rgba(244, 243, 243, 0.15);
    color: var(--white-alt);
}
body.bg-black .portfiolio-button .btn-grey-black:hover {
    background: var(--white-alt-80);
    color: var(--black);
}
.pci-logo {
    text-align: center;
    transform: translate(0, -50%);
    transition: 0.2s 0.1s ease-in-out;
}

.portfolio-carousel-item-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.28;
    margin-bottom: 28px;
}
.portfolio-carousel-item:hover .pci-logo {
    transform: translate(-20px, -50%);
    transform: translate(0px, -50%);
    opacity: 0;
    transition: 0.2s ease-in-out;
}
/* .portfolio-carousel-item:hover .pci-logo-title {
    transform: translate(0px, -50%);
    opacity: 1;
    transition: 0.2s 0.1s ease-in-out;
} */

.portfolio-carousel-item-content {
    position: absolute;
    bottom: 64px;
    left: 0;
    right: 0;
    width: 100%;
    padding-left: 64px;
    padding-right: 48px;
    /* opacity: 0; */
    transition: 0.2s ease-in-out;;
    z-index: 5;
    /* color: transparent; */
}
.portfolio-carousel-item-text {
    /* position: absolute;
    bottom: 64px;
    left: 0;
    right: 0;
    width: 100%;
    padding-left: 64px;
    padding-right: 48px;
    opacity: 0;
    transition: 0.2s ease-in-out;; */
    font-size: 16px;
    line-height: 1.6;
    color: transparent;
    /* opacity: 0.7; */
}

.portfolio-carousel-item-title {
    color: transparent;
    transition: 0.2s ease-in-out
}

.portfolio-carousel-item-text {
    color: transparent;
    transition: 0.2s ease-in-out
}

.portfolio-carousel-item:hover .portfolio-carousel-item-title {
    /* opacity: 1; */
    color: var(--white);
}
.portfolio-carousel-item:hover .portfolio-carousel-item-text {
    /* opacity: 1; */
    color: var(--white-alt-70);
}

.owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
}

.portfolio-carousel.owl-carousel .owl-stage-outer {
    overflow: visible;
}

.text-section .title-40 {
    max-width: 71%;
}

.text-section.has-m-tb {
    margin-top: 200px;
    margin-top: 20vh;
    margin-top: 140px;
    margin-bottom: 188px;
    margin-bottom: 160px;
}
.text-section.has-m-tb.mb-lg {
    margin-bottom: 260px;
    margin-bottom: 160px;
}

.stories-intro-section.foundation-intro-section .text-section.has-m-tb {
    margin-bottom: 0;
}

.cta-section {
    margin-bottom: 188px;
    margin-bottom: 160px;
}

.cta-hold-holder {
    position: relative;
    margin-left: -15px;
    width: calc(100% + 30px);
}
.cta-hold-holder:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;  
    width: 100%;
    height: 100%;
    border: 2px solid var(--white-alt);
    z-index: 10;
    border-radius: 26px;
    border-radius: 32px;
    pointer-events: none;
}


.cta-hold {
    /* padding: 100px 10%;
    padding: 22vh 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: radial-gradient(193.11% 152.66% at 50% 122.42%, #04EC27 1.44%, #836AFF 66.83%, #CD80B4 100%);
    box-shadow: 0 0 40px 0 #00DB4D inset; */
    /* filter: blur(7.3416666984558105px); */

    /* position: relative;
    z-index: 5; */

    overflow: hidden;
    /* margin: 25px auto; */
    box-sizing: border-box;
    padding: 16px;
    background: var(--white-alt);
    position: relative;
    border-radius: 32px;
    z-index: 1;
}
.cta-hold:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    top: 50%;
    left: 50%;
    position: absolute;
    z-index: 0;
    background-image: linear-gradient(to right, #ff3935 0%, #fef233 100%);
    background-size: 100% 100%;
    -webkit-animation: pulse_transform 10s linear infinite, pulse_hue 10s linear infinite;
    animation: pulse_transform 10s linear infinite, pulse_hue 10s linear infinite;

    
}
.cta-hold:after {
        content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* top: 50%;
    left: 50%; */
    position: absolute;
    border-radius: 24px;
    border-radius: 32px;
    box-shadow: inset 0 0 40px 32px var(--white-alt);
    box-shadow: inset 0 0 14px 16px var(--white-alt);
}


.cta-hold-inner {
    padding: 100px 10%;
    padding: 22vh 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    border-radius: 32px;
    /* background: #000; */
    /* border: 1px solid rgba(255, 255, 255, 0.2); */
    background: radial-gradient(193.11% 152.66% at 50% 122.42%, #04EC27 1.44%, #836AFF 66.83%, #CD80B4 100%);
    background-clip: padding;
    /* box-shadow: 0 0 40px 0 #00DB4D inset; */
    width: 100%;
    height: 100%;
    overflow: hidden;
} 

.cta-hold-inner-bg {
     position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
     height: 160%;
    top: -30%;
    z-index: 1;

    background: radial-gradient(
        193.11% 152.66% at 50% 122.42%,
        #04EC27 1.44%,
        #836AFF 66.83%,
        #CD80B4 100%
    );

}

.cta-hold-inner-shadow {
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    border-radius: inherit;
    box-shadow: 0 0 40px 0 #00DB4D inset;
}



@-webkit-keyframes pulse_transform {
  0% {
    transform: translate(-50%, -50%) rotate(0deg) scale(3);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg) scale(3);
  }
}

@keyframes pulse_transform {
  0% {
    transform: translate(-50%, -50%) rotate(0deg) scale(3);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg) scale(3);
  }
}
@-webkit-keyframes pulse_hue {
  0% {
    filter: hue-rotate(0deg) grayscale(0%);
  }
  100% {
    filter: hue-rotate(360deg) grayscale(0%);
  }
}
@keyframes pulse_hue {
  0% {
    filter: hue-rotate(0deg) grayscale(0%);
  }
  100% {
    filter: hue-rotate(360deg) grayscale(0%);
  }
}

.cta-content-hold {
    width: 100%;
    position: relative;
    z-index: 5;
}

.home-intro-section {
    width: 100%;
    border-radius: 0;
    margin: 0 auto;
    position: relative;
    min-height: 100vh;
    min-height: 100svh;
    /* aspect-ratio: 1.674; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-intro-preloader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.home-intro-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.2s;
}
.home-intro-video.active {
    opacity: 1;
}

.home-intro-video.object-fit > video {  
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-fit: fill;
    object-fit: fill;
}
.home-intro-preloader.object-fit > video {  
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-fit: fill;
    object-fit: fill;
}

.animated-title .word, 
.intro-anim .word {
    overflow: hidden;
}

.animated-title, 
.intro-anim {
    opacity: 0;
}
.animated-title.in-view, 
.intro-anim.in-view {
    opacity: 1;
}
.animated-title .char, 
.intro-anim .char {
    transform: translateY(140%);
    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition-delay: calc(30ms * var(--word-index));
    padding-right: 0.001em;
}

.animated-title.in-view .char, 
.intro-anim.in-view .char {
    transform: translateY(0);
}

.home-intro-scroll {
    transform: translateY(140%);
    opacity: 0;
    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.home-intro-scroll.in-view {
    transform: translateY(0%);
    opacity: 1;
}

.animation-element.fade-up {
    transform: translateY(30px);
    opacity: 0;
    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.animation-element.fade-up.in-view {
    transform: translateY(0);
    opacity: 1;
}

.animation-element.fade-up-later {
    transform: translateY(30px);
    opacity: 0;
    transition: transform 1.5s 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.animation-element.fade-up-later.in-view {
    transform: translateY(0);
    opacity: 1;
}

.animation-element.fade-in {
    opacity: 0;
    transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.animation-element.fade-in.in-view {
    opacity: 1;
}
.animation-element.fade-in-later {
    opacity: 0;
    transition: opacity 1s 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.animation-element.fade-in-later.in-view {
    opacity: 1;
}

.title-64.animated-title {
    line-height: 1.06;
}
.title-64.animated-title .word {
    padding-bottom: 0.06em;
    margin-bottom: -0.06em;
} 
.title-120.animated-title,
.title-120.home-intro-title {
    line-height: 0.96;
}
.title-120.animated-title .word,
.title-120.home-intro-title .word {
    padding-bottom: 0.12em;
    margin-bottom: -0.12em;
} 

.home-intro-section-hold header {
    margin-top: 20px;
}
.home-intro-section-hold header:before,
.home-intro-section-hold header::after {
    display: none;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 500;
    padding: 24px 0;
    transform: translateY(-100%);
    transition: 0.6s;
}
header.active {
    transform: translateY(0%);
}

header.home-header {
    transform: translateY(-100%);
}
header.home-header.home-active {
    position: fixed;
    transform: translateY(0%);
}


header:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(244, 244, 243, 0.00) 0%, rgba(244, 244, 243, 0.64) 50.48%, #F4F4F3 81.25%);
    background: linear-gradient(180deg, #F4F3F3 0%, #F4F3F3 60.88%, rgba(244, 243, 243, 0.00) 100%);
    background: linear-gradient(180deg, rgba(244, 243, 243, 0.80) 0%, rgba(244, 243, 243, 0.00) 100%);
    background: var(--white-alt);
    opacity: 0;
    transition: 0.3s;
    transition: 1s;
}

header:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.64) 50.48%, #000 81.25%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.38) 50.48%, rgba(0, 0, 0, 0.60) 81.25%);
    background: var(--black);
    opacity: 0;
    transition: 0.3s;
    transition: 1s;
}

.scrolled:before {
    opacity: 1;
}
header.black-section:before {
    opacity: 0;
}
header.black-section:after {
    opacity: 1;
}

.logo {
    transition: 0.2s;
}
header.black-section .logo {
    filter: invert(1);
}
header.black-section .nav-trigger span:before, 
header.black-section .nav-trigger span:after {
    filter: invert(1);
}
header.black-section .nav ul li a {
    color: var(--white);
}
header.black-section .nav ul li a:before {
     background: rgba(255,255,255,0.2);
}
header.black-section .header-cta a {
    color: var(--white);
}
header.black-section .header-cta a:before {
    background: rgba(255,255,255,0.15);
}
header.black-section .header-cta a:hover {
    color: var(--black);
}
header.black-section .header-cta a:hover:before {
    background: var(--white);
}
header.black-section .nav-trigger span {
    background: var(--white);
}

header.nav-active:before {
    opacity: 1;
}
header.nav-active:after {
    opacity: 0;
}
header.nav-active .logo {
    filter: invert(0);
}

header.nav-active .nav-trigger span:before, 
header.nav-active .nav-trigger span:after {
    filter: invert(0);
}

.nav-trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}
.nav ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 32px;
    color: var(--black);
    font-weight: 500;
    line-height: 1.1;
    padding: 5px 16px;
    position: relative;
    z-index: 5;
    /* border-radius: 8px;
    letter-spacing: 0.02em;
    backdrop-filter: blur(7.8px);
    position: relative; */
    transition: 0.2s;
}
.nav ul li a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    letter-spacing: 0.02em;
    backdrop-filter: blur(7.8px);
    background: rgba(244, 244, 243, 0.20);
    background: rgba(53,73,82,0.2);
    background: rgba(53,73,82,0.14);
    opacity: 0;
    z-index: -1;
    transition: 0.2s;
}
.nav ul li a:hover {
    /* background: rgba(244, 244, 243, 0.20);
    backdrop-filter: blur(7.8px); */
    color: var(--black);
}
.nav ul li a:hover:before {
    opacity: 1;
}
.header-cta a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 34px;
    color: var(--black);
    font-weight: 500;
    line-height: 1.1;
    padding: 5px 16px;
    border-radius: 8px;
    letter-spacing: 0.02em;
    position: relative;
    z-index: 5;
    /* backdrop-filter: blur(0px); */
    transition: 0.2s;
}
.header-cta a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    letter-spacing: 0.02em;
    backdrop-filter: blur(7.8px);
    background: rgba(244, 244, 243, 0.20);
    background: rgba(53,73,82,0.2);

    background: rgba(53, 73, 82, 0.14);

    opacity: 0;
    opacity: 1;
    z-index: -1;
    transition: 0.2s;
}
.header-cta a:hover {
    /* background: rgba(244, 244, 243, 0.20);
    backdrop-filter: blur(7.8px); */
    color: var(--black);
    color: var(--white);
}
.header-cta a:hover:before {
    background: var(--black);
}

.home-intro-section .nav ul li a:before,
.home-intro-section .header-cta a:before {
    background: rgba(255,255,255,0.2);
}
.header-cta a:hover:before {
    opacity: 1;
}

.home-intro-section .header-cta a:hover {
    color: var(--black);
}
.home-intro-section .header-cta a:before {
    background: rgba(255, 255, 255, 0.2);
    opacity: 0;
}
.home-intro-section .header-cta a:hover:before {
    opacity: 1;
}

.logo {
    width: 150px;
    width: 170px;
}

.header-right {
    width: 150px;
    width: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.home-intro-scroll {
    position: absolute;
    /* width: 22; */
    z-index: 22;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 64px;
}
.home-intro-video,
.home-intro-preloader  {
    pointer-events: none;
}

.gradient {
    position: absolute;
    left: 0;
    width: 100%;
    pointer-events: none;
    height: 500px;
    overflow: hidden;
}

.gradient--bottom {
    top: calc(100% - 2px);
}

.gradient--top {
    bottom: calc(100% - 2px);
    /* transform: scaleY(-1); */
    /* transform-origin: center; */
}


canvas {
    width: 100%;
    height: 100%;
    display: block;
}

.home-intro-section-hold {
    width: 100%;
    overflow: hidden;
}

.fr-tabs .tabs::after, 
.fr-tabs .tabs::before {
    position: absolute;
}

.home-intro-section-padds {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
}

.w-full {
  width: 100%;
}
.h-full {
  height: 100%;
}

.origin-bottom {
    /* height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    transform: scaleY(0.5); */
}

.reveal-element svg {
    height: 48px;
    width: 48px;
}


 /* Reveal elementas */
.reveal-element {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 300px;
    height: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(2.5rem) scale(0.95);
    pointer-events: none;
    transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s ease;
}

.is-visible {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
}

#spacer {
    height: 110px;
    background: linear-gradient(180deg, #F4F3F3 0%, rgba(244, 243, 243, 0.00) 58.25%), linear-gradient(50deg, rgba(131, 106, 255, 0.59) 0%, rgba(0, 219, 77, 0.59) 100%);
    filter: blur(31px);
}

.mob-nav-hold {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background: var(--white-alt);
    padding: 140px 32px 56px;
    clip-path: inset(0 0 100% 0);
    -webkit-clip-path: inset(0 0 100% 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;

    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow: auto;
    gap: 40px;
    transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.mob-nav-hold.active {
    clip-path: inset(0 0 0% 0);
    -webkit-clip-path: inset(0 0 0% 0);
}

.mob-nav ul li:not(:last-child) {
    margin-bottom: 40px;
}
.mob-nav ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 32px;
    color: var(--black);
    font-weight: 500;
    line-height: 1.4;
}

.footer-logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.gradient-bg {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: var(--black);
}

.gradient-top-bg {
    top: 0;
}

.gradient-top-bottom {
    bottom: 0;
}

.fr-carousel:before,
.fr-carousel:after {
    content: '';
    position: absolute;
    top: -12px;
    bottom: -12px;
    height: calc(100% + 24px);
    width: 100vw;
    background: var(--white-alt);
    z-index: 5;
    transition: 1s;
}
body.bg-black .fr-carousel:before,
body.bg-black .fr-carousel:after {
    background: var(--black);
}
.fr-carousel:before {
    right: calc(100% + 12px);
}
.fr-carousel:after {
    left: calc(100% + 12px);
}

.fr-two-carousel:before,
.fr-two-carousel:after {
    content: '';
    position: absolute;
    top: -12px;
    bottom: -12px;
    height: calc(100% + 24px);
    width: 100vw;
    background: var(--white-alt);
    z-index: 5;
}
.fr-two-carousel:before {
    right: calc(100% + 12px);
}
.fr-two-carousel:after {
    left: calc(100% + 12px);
}

.bg-white .fr-carousel:before,
.bg-white .fr-carousel:after,
.bg-white .fr-two-carousel:before,
.bg-white .fr-two-carousel:after {
    background: var(--white);
}

.footer-blur {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 128px;
    z-index: 500;
    /* background: linear-gradient(90deg, rgb(255 255 255 / .5) 6.37%, #fff0 84.74%); */
    /* mask: linear-gradient(0deg, black, transparent);
    backdrop-filter: blur(12px); */
    pointer-events: none;
    transition: 0.2s;
}
.footer-blur.active {
    height: 0;
}
.footer-blur:before,
.footer-blur:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.footer-blur:before {
    backdrop-filter: blur(6px);
    /* background-color: rgba(0, 0, 0, 0.01); */
    mask: linear-gradient(0deg, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0) 50%);
    mask: linear-gradient(0deg, black, transparent)
}
.footer-blur:after {
    backdrop-filter: blur(6px);
    /* background-color: rgba(0, 0, 0, 0.01); */
    mask: linear-gradient(0deg rgba(0, 0, 0, 0) 76%, rgb(0, 0, 0) 100%,);
    mask: linear-gradient(0deg, black, transparent)
}

.featured-resources-section {
    padding-bottom: 10px;
}

.single-intro-section {
    padding-top: 144px;
}

.pt-160 {
    padding-top: 160px;
}
.pt-140 {
    padding-top: 140px;
}
.pt-120 {
    padding-top: 120px;
}
.pt-120 {
    padding-top: 120px;
}

.pb-160 {
    padding-bottom: 160px;
}
.pb-140 {
    padding-bottom: 140px;
}
.pb-120 {
    padding-bottom: 120px;
}
.pb-100 {
    padding-bottom: 100px;
}


.single-left {
    width: 50%;
    padding-right: 9.4%;
}

.single-image-holder {
    position: relative;
    margin-left: -15px;
    width: calc(100% + 30px);
    margin-top: -15px;
}
.single-image-holder:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: 2px solid var(--white-alt);
    border: 3px solid var(--white-alt);
    z-index: 10;
    border-radius: 26px;
    border-radius: 27px;
    pointer-events: none;
}

.single-image-hold {
        /* filter: blur(7.3416666984558105px); */
    overflow: hidden;
    /* margin: 25px auto; */
    box-sizing: border-box;
    padding: 16px;
    background: var(--white-alt);
    position: relative;
    border-radius: 28px;
    z-index: 1;
}
.single-image-hold:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    top: 50%;
    left: 50%;
    position: absolute;
    z-index: 0;
    background-image: linear-gradient(to right, #ff3935 0%, #fef233 100%);
    background-size: 100% 100%;
    opacity: 1;
    -webkit-animation: pulse_transform 10s linear infinite, pulse_hue 10s linear infinite;
    animation: pulse_transform 10s linear infinite, pulse_hue 10s linear infinite;
}
.single-image-hold:after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    border-radius: 24px;
    border-radius: 32px;
    box-shadow: inset 0 0 40px 32px var(--white-alt);
    box-shadow: inset 0 0 14px 16px var(--white-alt);
}

.has-shadow:after {
    content: '';
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    border-radius: inherit;
    box-shadow: 0 0 40px 0 #ffd297 inset;
}

/* .single-image-inner {
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    border-radius: 28px;
    overflow: hidden;
} */

.single-image {
    padding-bottom: 115.385%;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    border-radius: 28px;
    overflow: hidden;
}

.single-right {
    width: 50%;
    padding-left: 12px;
    padding-top: 28px;
}
.single-story .single-right {
    padding-bottom: calc(28px + 16px);
}
.single-story .single-right .text-18 {
    max-width: 84%;
    max-width: 435px;
}

.single-content-width {
    max-width: 520px;
    max-width: 83%;
}

.single-right .title-40:not(:last-child),
.single-right .title-64:not(:last-child) {
    margin-bottom: 40px;
}
.single-right .text-18:not(:last-child) {
    margin-bottom: 40px;
}

.single-right .resource-item-details {
    margin-bottom: 16px;
}

.single-info ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    gap: 24px;
}
.single-info ul li {
    color: var(--black-70);
    font-size: 18px;
    line-height: 1.28;
    width: calc(46% - 24px);
}
.single-info ul li span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: var(--black);
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 16px;
}

.entry {
    font-size: 18px;
    line-height: 1.64;
}

.entry p {
    margin-bottom: 1.5em;
}

.entry h5,
.entry h4 {
    font-size: 18px;
    line-height: 1.28;
    font-weight: 500;
    margin-bottom: 32px;
}
.entry h5:not(:first-child),
.entry h4:not(:first-child),
.entry h3:not(:first-child),
.entry h2:not(:first-child) {
    margin-top: 104px;
    margin-top: 96px;
}

.entry h2,
.entry h3 {
    font-size: 32px;
    line-height: 1.4;
    margin-bottom: 40px;
}
.entry h2 + h2,
.entry h3 + h3 {
   margin-top: 1.4em !important;
}

.entry ul {
    margin-bottom: 32px;
}
.entry ul li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 17px;
}
.entry ul li:before {
    content: '•';
    position: absolute;
    top: 0;
    left: 7px;
}

.entry a {
    color: var(--black);
    text-decoration: underline;
    text-underline-offset: 4px;
}

.entry .table-scroll:not(:first-child) {
    margin-top: 32px;
}

.entry tbody, 
.entry tfoot, 
.entry thead {
    border: none;
    background-color: transparent;
}
.entry tbody tr:nth-child(even) {
    background-color: transparent;
}
.entry tbody td, 
.entry tbody th {
    padding: 32px 12px;
    border-bottom: 1px solid rgba(53, 73, 82, 0.20);
    vertical-align: top;
}
.entry tbody th {
    padding-top: 0;
    padding-bottom: 16px;
    text-align: left;

    border-bottom: 1px solid var(--black-40);
    color: var(--black-70);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0.02em;
}
.entry tbody th p {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}
.entry tbody tr td:first-child, 
.entry tbody tr th:first-child {
    padding-left: 0;
}
.entry tbody tr td:last-child, 
.entry tbody tr th:last-child {
    padding-right: 0;
}
.entry tbody tr td > *:last-child, 
.entry tbody tr th > *:last-child {
    margin-bottom: 0;
}

.entry > *:last-child {
    margin-bottom: 0;
}

.single-gallery-image {
    padding-bottom: 66.2%;
    transition: 0.3s;
}



.swiper {
    overflow: visible;
}

.swiper-slide-next .single-gallery-image {
    transform: scale(0.74);
    transform-origin: left center;
}
.swiper-slide-prev .single-gallery-image {
    transform: scale(0.74);
    transform-origin: right center;
}

.single-gallery .swiper-slide-shadow-left {
    background: transparent !important;
}
.single-gallery .swiper-slide-shadow-right {
    background: transparent !important;
}
.single-gallery-title {
    margin-top: 8px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    opacity: 0;
    transition: 0.1s;
}

.swiper-slide-active .single-gallery-title {
    opacity: 1;
    transition: 0.3s 0.2s;
}

.single-gallery .swiper-button-prev,
.single-gallery .swiper-button-next {
    width: 34px;
    height: 28px;
    border-radius: 8px;
    background: rgba(244, 243, 243, 0.15);
    backdrop-filter: blur(8px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: all;
    top: 50%;
    margin-top: 0;
    transform: translateY(calc(-50% - 14px - 18px));
    transition: 0.2s;
}
.single-gallery .swiper-button-prev:hover,
.single-gallery .swiper-button-next:hover {
    background: rgba(244, 243, 243, 0.25);
}
.single-gallery .swiper-button-prev svg,
.single-gallery .swiper-button-next svg {
    width: 11px;
    height: 9px;
}

.single-gallery .swiper-button-prev {
    left: -96px;
}

.single-gallery .swiper-button-next {
    right: -96px;
}

.career-single-form-section .section-top {
     margin-bottom: 120px;
}

.form-element {
    margin-bottom: 20px;
}

.form-element input,
.form-element input:focus {
    outline: none;
    margin: 0;
    box-shadow: none;
    border-radius: 16px;
    background: var(--white);
    height: 52px;
    padding: 2px 20px;
    border: none;
    font-size: 16px;
    color: var(--black);
}
.form-element textarea,
.form-element textarea:focus {
    outline: none;
    margin: 0;
    box-shadow: none;
    border-radius: 16px;
    background: var(--white);
    height: 140px;
    padding: 16px 20px;
    border: none;
    font-size: 16px;
    color: var(--black);
    resize: none;
}

.form-element label {
    font-size: 14px;
    line-height: 1.28;
    text-indent: 16px;
}
.form-element label input,
.form-element label input:focus,
.form-element label textarea,
.form-element label textarea:focus {
    margin-top: 8px;
}

.form-element textarea::-webkit-input-placeholder,
.form-element input::-webkit-input-placeholder {
	color: var(--black-50);
	opacity: 1;
}
.form-element textarea::-moz-placeholder,
.form-element input::-moz-placeholder {
	color: var(--black-50);
	opacity: 1;
}
.form-element textarea:-ms-input-placeholder,
.form-element input:-ms-input-placeholder {
	color: var(--black-50);
	opacity: 1;
}
.form-element textarea:-moz-placeholder,
.form-element input:-moz-placeholder {
	color: var(--black-50);
	opacity: 1;
}

.form-element label span {
    /* display: block; */
    /* padding-left: 16px; */
    /* */
    /* font-size: 14px;
    line-height: 1.28; */
}

.form-element-file input[type="file"],
.form-element-file input[type="file"]:focus {
    display: none;
}

.form-element-file-pretend {
    outline: none;
    margin: 0;
    box-shadow: none;
    border-radius: 16px;
    background: var(--white);
    height: 52px;
    padding: 2px 20px;
    border: none;
    font-size: 16px;
    color: var(--black);
    margin: 8px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.form-checkbox {
    margin-top: 28px;
}

.form-checkbox label input {
    display: none;
    
}
.form-checkbox label span {
    display: block;
    padding-left: 36px;
    position: relative;
    color: var(--black-70);
    font-size: 14px;
    line-height: 1.6;
    cursor: pointer;
}
.form-checkbox label span a {
    color: var(--black-70);
    text-decoration: underline;
}
.form-checkbox label span a:hover {
    color: var(--black-70);
    text-decoration: none;
}
.form-checkbox label span:before,
.form-checkbox label span:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 16px;
    height: 16px;
    transition: 0.2s;
}
.form-checkbox label span:before {
    border-radius: 4px;
    border: 1px solid var(--black-40);
}
.form-checkbox label span:hover:before {
    border: 1px solid var(--black);
}
.form-checkbox label input:checked + span:before {
    border: 1px solid var(--black);
    background-color: var(--black);
}

.form-checkbox label span:after {
    background: url(../img/checkmark.svg) no-repeat center center;
}
.form-checkbox label input:checked + span:after {
    opacity: 1;
}

.form-submit {
    margin-top: 56px;
}

.stories-intro-section {
    padding-top: 180px;
}
.stories-intro-section.vvv {
    padding-bottom: 140px;
    padding-bottom: 120px;
}
.stories-intro-section .section-top {
    max-width: 60vw;
    margin-bottom: 16vh;
    margin-bottom: 120px;
}

.stories-intro-section.vvv .stories-intro-custom-grid-col:nth-child(2), 
.stories-intro-section.vvv .stories-intro-custom-grid-col:nth-child(4) {
        padding-top: 10.333vw;
}

.stories-intro-section.vvv .stories-intro-custom-grid-col:nth-child(1), 
.stories-intro-section.vvv .stories-intro-custom-grid-col:nth-child(5) {
    padding-top: 30.361vw;
}

.stories-intro-custom-grid-box {
    width: 100%;
    border-radius: 28px;
    background: rgba(87, 223, 195, 0.01);
    box-shadow: 0 0 40px 0 #DBDBDB inset;
    box-shadow: 0 0 40px 0 #d9e8e5 inset;
}
.stories-intro-custom-grid-box img {
    border-radius: inherit;
}

.stories-intro-custom-grid-box.object-fit:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border-radius: 28px;
    background: radial-gradient(193.11% 152.66% at 50% 122.42%, #ffd18f 1.44%, #ff8aa1 100%);
    background: linear-gradient(-120deg, rgba(255, 138, 161, 1) 0%, rgba(255, 209, 143, 1) 100%);
     filter: blur(10px);
     animation: myAnimation 4s ease-in infinite;
}

@keyframes myAnimation {
  0% {
    transform: translate(5px,-5px);
  }
  25% {
    transform: translate(5px, 5px);
  }
  50% {
    transform: translate(-5px,5px);
  }
  75% {
    transform: translate(-5px,-5px);
  }
  100% {
    transform: translate(5px,-5px);
  }
}


.stories-intro-custom-grid-box.image-has-gradient:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    right: 4px;
    bottom: 0;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: inherit;
    border-radius: 28px;
    background: linear-gradient(253deg, #63FC66 -1.24%, rgba(94, 253, 87, 0.00) 30.5%);
     mix-blend-mode: difference; 
     filter: blur(12px);
}


.stories-intro-custom-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -9.5%;
    width: calc(100% + 19% + 24px);
}

.stories-intro-custom-grid-col {
    width: 20%;
    margin-right: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap: 24px;
}
.stories-intro-custom-grid-col:nth-child(3) {
    width: 27%;
}

.stories-intro-custom-grid-box-link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    gap: 40px;
    color: var(--black);
    border-radius: 35px;
    padding: 40px 17%;
    padding: 58px 14%;
    position: relative;
    min-height: 28.2vw;
}
.stories-intro-custom-grid-box-link a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: rgba(87, 223, 195, 0.01);
    box-shadow: 0 0 40px 0 #57DFC3 inset;
    will-change: transform;
    transform: scale(1);
    pointer-events: none;
    transition: 0.3s;
}
.stories-intro-custom-grid-box-link a:hover:before {
    transform: scale(1.02);
}

.stories-intro-custom-grid-box-link .section-label {
    margin-bottom: 0;
    position: relative;
    z-index: 2;
}

.stories-intro-custom-grid-box-link-text  {
    position: relative;
    z-index: 2;
}


.stories-intro-custom-grid-col:nth-child(3) .stories-intro-custom-grid-box-link a {
    min-height: 31.5vw;
    padding: 40px 17%;
}
.stories-intro-custom-grid-col:nth-child(2),
.stories-intro-custom-grid-col:nth-child(4) {
    padding-top: 8.333vw;
}
.stories-intro-custom-grid-col:nth-child(1),
.stories-intro-custom-grid-col:nth-child(5) {
    padding-top: 36.361vw;
}

.stories-intro-custom-grid-col:nth-child(3) .stories-intro-custom-grid-box-link.v2 a {
    min-height: 36vw;
    padding-top: 56px;
    padding-bottom: 56px;
}
.stories-intro-custom-grid-box-link.v2 a {
    padding: 56px 3.889vw;
}
.stories-intro-custom-grid-box-link.v2 a {
    background: var(--white);
    border-radius: 28px;
    z-index: 5;
}
.stories-intro-custom-grid-box-link.v2 a:before {
    border-radius: inherit;
    background: radial-gradient(193.11% 152.66% at 50% 122.42%, #ffd18f 1.44%, #ff8aa1 100%);
    background: linear-gradient(-120deg, rgba(255, 138, 161, 1) 0%, rgba(255, 209, 143, 1) 100%);
    background: linear-gradient(-120deg, rgba(4,255,42,0.5) 0%, rgba(0,100,239,0.5) 100%);
    filter: blur(10px);
    animation: myAnimation 4s ease-in infinite;
    z-index: -1;
    box-shadow: none;
    opacity: 0;
    transition: 0.2s;
}
.stories-intro-custom-grid-box-link.v2 a:hover:before {
    opacity: 1;
}
.stories-intro-custom-grid-box-link.v2 a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: var(--white);
}

.stories-intro-custom-grid-box-link-title {
    position: absolute;
    top: 51%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 100%;
    padding-left: inherit;
    padding-right: inherit;
    z-index: 2;
    transition: 0.4s;
}

.stories-intro-custom-grid-box-text {
    position: absolute;
    top: 75%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 100%;
    padding-left: inherit;
    padding-right: inherit;
    z-index: 2;
    opacity: 0;
    transition: 0.4s; 
}

.page-template-tp-foundation .stories-intro-custom-grid-col:nth-child(2) .stories-intro-custom-grid-box-text, 
.page-template-tp-foundation .stories-intro-custom-grid-col:nth-child(4) .stories-intro-custom-grid-box-text {
    padding-left: 24px;
    padding-right: 24px;
}

.stories-intro-custom-grid-box-text .text-16 {
    color: var(--black-70);
}

.stories-intro-custom-grid-box-link.v2 a:hover .stories-intro-custom-grid-box-link-title {
    top: 35%;
}
.stories-intro-custom-grid-box-link.v2 a:hover .stories-intro-custom-grid-box-text {
    top: 58%;
    opacity: 1;
}

.initiatives-custom-grid .stories-intro-custom-grid-col:nth-child(1), 
.initiatives-custom-grid .stories-intro-custom-grid-col:nth-child(5) {
    padding-top: 30.3vw;
}

.stories-featured-section .section-top {
    margin-bottom: 104px;
}

.fr-two-carousel .resource-item-image {
    padding-bottom: 57.325%;
}

.fr-two-carousel.owl-carousel .owl-stage-outer {
    overflow: visible;
}

.stories-featured-section .fr-two-carousel + .fr-carousel {
    margin-top: 140px;
}

.fr-list-of-four ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    width: calc(100% + 24px);
    margin-bottom: -104px;
}
.fr-list-of-four ul li {
    width: calc(25% - 24px);
    min-width: calc(25% - 24px);
    margin-right: 24px;
    margin-bottom: 104px;
}
.fr-list-of-two ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    width: calc(100% + 24px);
    margin-bottom: -80px;
}
.fr-list-of-two ul li {
    width: calc(50% - 24px);
    min-width: calc(50% - 24px);
    margin-right: 24px;
    margin-bottom: 80px;
}
.fr-list-of-two .resource-item-image {
    padding-bottom: 57.325%;
}

.inline-filter-style ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
}
.inline-filter-style ul li input {
    display: none;
}
.inline-filter-style ul li label {
    display: block;
    padding: 12px 0 17px;
    padding: 12px 0 13px;
    font-size: 14px;
    line-height: 1.1;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--black-40);
    margin: 0;
    position: relative;
    white-space: nowrap;
    transition: 0.2s;
}
.inline-filter-style ul li label:hover {
    color: var(--black);
}
.inline-filter-style ul li label:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--black);
    opacity: 0;
    transition: 0.2s;
}
.inline-filter-style ul li input:checked + label {
    color: var(--black);
}
.inline-filter-style ul li input:checked + label:after {
    opacity: 1;
}


.stories-more-button {
    margin-top: 104px;
}


.all-stories-section .section-top {
    margin-bottom: 64px;
}
.all-stories-section .inline-filter-style {
    margin-bottom: 120px;
}

.fr-two-carousel .resource-item-title,
.fr-carousel .resource-item-title,
.fr-list-of-four .resource-item-title {
    padding-right: 28px;
}

.single-module-block:not(:last-child) {
    margin-bottom: 120px;
}

.single-content-quote {
    border-radius: 35px;
    background: rgba(87, 223, 195, 0.01);
    box-shadow: 0 0 40px 0 #DBDBDB inset;
    padding: 64px 10%;
}

.single-content-quote.v2 {
    padding-left: 8%;
    padding-right: 8%;
    display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
    min-height: 506px;
    border-radius: 28px;
    background: radial-gradient(278.86% 220.45% at 50% -62.45%, #04EC27 0%, #57DFC3 49.34%, #DBDBDB 74.25%);
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dbdbdb+0,57dfc3+62,04ec27+100 */
    background: linear-gradient(to bottom,  #dbdbdb 0%,#57dfc3 62%,#04ec27 170%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    box-shadow: 0 0 40px 0 #00DB4D inset;
    /* filter: blur(7.3416666984558105px); */
}

.single-content-quote-content {
    width: 100%;
    max-width: 90%;
}

.single-content-quote .text-18 {
    margin-top: 24px;
    font-weight: 300;
}

.single-content-quote-text.title-32 {
    font-weight: 400;
}

.wp-caption {
    margin-left: -17%;
    width: calc(100% + 34%);
    min-width: calc(100% + 34%);
    margin-top: 88px;
    margin-bottom: 88px;
}
.wp-caption:first-child {
    margin-top: 0px;
}
.wp-caption:last-child {
    margin-bottom: 0px;
}

.grid-container-md .wp-caption {
    margin-left: 0%;
    width: 100%;
    min-width: 100%;
}


.entry img {
    border-radius: 28px;
    width: 100%;;
}
.wp-caption p.wp-caption-text {
    margin-bottom: 0;
    margin-top: 8px;
    font-weight: 300;
}


.stories-related-section .section-top {
    margin-bottom: 80px;
}

.single-video-hold a {
    display: block;
    position: relative;
}
.single-video-hold a:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(244, 243, 243, 0.15);
    background-image: url(../img/icon-play-white.svg);
    background-repeat: no-repeat;
    background-position: 56% 50%;
    backdrop-filter: blur(8px);
    transition: 0.2s;
}
.single-video-hold a:hover:after {
    background-color: rgba(244, 243, 243, 0.25);
}

.single-video-hold-image {
    padding-bottom: 66.2%;
}

.single-video-hold-title {
    margin-top: 8px;
    color: var(--black);
    font-weight: 300;
    font-size: 18px;
    line-height: 1.6;

}

.resource-item-image.has-video:after {
    content: '';
    position: absolute;
    bottom: 16px;
    left: 16px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(244, 243, 243, 0.15);
    background-image: url(../img/icon-play-white.svg);
    background-repeat: no-repeat;
    background-position: 56% 50%;
    backdrop-filter: blur(8px);
    transition: 0.2s;
}
a:hover .resource-item-image.has-video:after {
    background-color: rgba(244, 243, 243, 0.3);
}

.tp-intro-section {
    padding: 180px 0 148px;
}

.tp-intro-text {
    /* color: var(--black-70); */
    /* font-size: 16px; */
    /* font-size: 18px; */
    /* font-weight: 400; */
    /* line-height: 1.28; */
    margin-top: 64px;
}

.single-image-mob {
    width: 100%;
}

.single-content-logo {
    margin-bottom: 16px;
    margin-bottom: 32px;
}
.single-content-logo img {
    max-height: 28px;
}

.single-right.nopadtop {
    padding-top: 0;
}
.stories-intro-carousel-item {
    height: 100%;
}

.stories-intro-carousel-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    gap: 48px;
    color: var(--black);
    border-radius: 35px;
    padding: 40px 17%;
    padding: 60px 40px;
    padding: 60px 18%;
    position: relative;
    min-height: 100%;
}
.stories-intro-carousel-item a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: rgba(87, 223, 195, 0.01);
    box-shadow: 0 0 40px 0 #57DFC3 inset;
    will-change: transform;
    transform: scale(1);
    pointer-events: none;
    transition: 0.3s;
}
.stories-intro-carousel-item .section-label {
    margin-bottom: 0;
}

.stories-intro-carousel.owl-carousel .owl-stage-outer {
    overflow: visible;
}

.stories-intro-carousel.owl-carousel .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.stats-columns-list {
    padding-left: 5.5%;
    padding-right: 5.5%;
}

.stats-columns-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.stats-columns-list ul li {
    text-align: center;
}

.stats-columns-text {
    margin-top: 32px;
    opacity: 0.7;
}

.stats-columns-title {
     display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    /* min-width: 11vw; */
}

.count {
  display: flex;
}

.digit {
  overflow: hidden;
  height: 1em;
}

.digit-inner {
  display: flex;
  flex-direction: column;
}

.digit-inner span {
  height: 1em;
  line-height: 1em;
}

.mb-200 {
    margin-bottom: 25vh;
    margin-bottom: 160px;
}

.overlaping-cards-section .section-top {
    max-width: 65vw;
}

.faq-acc .accordion {
    background: transparent;
}

.faq-acc .accordion-item {
    position: relative;
    border-bottom: 1px solid var(--black-10);
}
.faq-acc .accordion-item:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 1px;
    width: 0;
    background: var(--black-70);
    transition: 0.3s;
}
.faq-acc .accordion-item:focus:after,
.faq-acc .accordion-item:hover:after,
.faq-acc .accordion-item.is-active:after {
    width: 100%;
}
.faq-acc .accordion-title {
    padding: 40px 64px 40px 0;
    border: none;
    /* border-top: 1px solid var(--black-10); */
    font-size: 18px;
    line-height: 1.64;
    color: var(--black);
    position: relative;
}
.faq-acc .accordion-title:after {
    /* content: '';
    position: absolute;
    left: 0;
    top: -1px;
    height: 1px;
    width: 0;
    background: var(--black-70);
    transition: 0.3s; */
}

.faq-acc .accordion-title:focus:after, 
.faq-acc .accordion-title:hover:after {
    width: 100%;
}

.faq-acc .accordion-title:focus, 
.faq-acc .accordion-title:hover {
    background-color: transparent;
}

.faq-acc .accordion-title::before {
    content: "";
    width: 24px;
    height: 24px;
    background: url(../img/chev-down-black-24px.svg) no-repeat center center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 24px;
    margin-top: 0;
}
.faq-acc .is-active>.accordion-title:before {
    content: "";
    transform: translateY(-50%) rotate(180deg);
}
.faq-acc .is-active>.accordion-title:after {
    width: 100%;
}

.faq-acc .accordion-content {
    padding: 0 24px 40px 0;
    border: none;;
    background-color: transparent;
    color: var(--black-60)
}
.faq-acc .accordion-content .text-18 {
    max-width: 78%;
}

:last-child:not(.is-active)>.accordion-title {
    border-bottom: none;
}
:last-child>.accordion-content:last-child {
    border-bottom: none;
}


.investment-section .section-top {
    max-width: 53vw;
}

.mb-120 {
    margin-bottom: 120px;
}
.mb-140 {
    margin-bottom: 140px;
}

.section-has-top-gradient {
    position: relative;
    padding-top: 25vh;
    padding-top: 160px;
}
.section-has-top-gradient:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    top: 60px;
    height: 100%;
    border-radius: 120px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    /* border-right: 115px solid rgba(0, 100, 239, 0.61); */
    /* border-bottom: 115px solid rgba(0, 100, 239, 0.61); */
    /* border-left: 115px solid rgba(0, 100, 239, 0.61); */
    background: linear-gradient(181deg, #63FC66 -24.23%, rgba(94, 253, 87, 0.00) 31.04%);
    filter: blur(23.039714813232422px);
}

.page-template-tp-contact .section-has-top-gradient:before {
    background: linear-gradient(181deg, #63FC66 -24.23%, rgba(94, 253, 87, 0.00) 21.04%);
}
.section-has-top-gradient:after {
    content: '';
    position: absolute;
    /* left: 0;
    right: 0;
    width: 100%; */
    left: -30px;
    right: -30px;
    width: calc(100% + 60px);
    left: -40px;
    right: -40px;
    width: calc(100% + 80px);
    top: 0;
    height: 100%;
    border-radius: 120px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 24px solid rgba(0, 100, 239, 0.61);
    border-bottom: none;
    background: linear-gradient(180deg, #63FC66 -25.93%, rgba(94, 253, 87, 0.00) 22.62%);
    filter: blur(23.039714813232422px); 
    transform: perspective(25vh) rotateX(1deg);
    transform: perspective(25vh) rotateX(0.7deg);
}

.investment-boxes {
    padding: 0 8.6%;
}
.investment-boxes:not(:last-child) {
    margin-bottom: 120px;
    margin-bottom: 64px;
}

.investment-boxes ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
}
.investment-boxes ul li {
    width: 33.333%;
    min-width: 33.333%;
    aspect-ratio: 1.12;
    padding: 30px 42px;
    border-radius: 35px;
    background: rgba(87, 223, 195, 0.01);
    box-shadow: 0 0 40px 0 #DBDBDB inset;
    box-shadow: 0 0 40px 0 #d9e8e5 inset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    line-height: 1.6;
    color: var(--deep-graphite);
}

.investment-box-content {
    max-width: 200px;
}

.investment-section .section-label {
    margin-bottom: 80px;
}

.investment-bottom {
    max-width: 724px;
}

main {
    padding-bottom: 17.5vh;
    padding-bottom: 140px;
}

.portfolio-cards > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: calc(100% + 24px);
    margin-bottom: -24px;
}
.portfolio-cards > ul > li {
    width: calc(33.333% - 24px);
    min-width: calc(33.333% - 24px);
    margin-right: 24px;
    margin-bottom: 24px;
    border-radius: 28px;
    border: 1px solid rgba(207, 207, 207, 0.50);
    position: relative;
}

.portfolio-card-top {
    border-radius: 28px;
    position: relative;
    z-index: 10;
}
.portfolio-card-top a {
    display: block;
    min-height: 302px;
    background-color: var(--white-alt);
    border-radius: inherit;
    position: relative;
    z-index: 10;
}
li.no-products .portfolio-card-bottom {
    opacity: 0;
}
.portfolio-card-top:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 28px;
    background: radial-gradient(193.11% 152.66% at 50% 122.42%, #ffd18f 1.44%, #ff8aa1 100%);
    background: linear-gradient(-120deg, rgba(255, 138, 161, 1) 0%, rgba(255, 209, 143, 1) 100%);
    background: linear-gradient(45deg,#6367D3 0%, #03a46e 100%);
    filter: blur(10px);
    opacity: 0;
    border-radius: inherit;
    z-index: -2;
    transition: 0.2s;
}
.portfolio-card-top:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: var(--white-alt);
    border-radius: inherit;
    z-index: -1;
}

/* .portfolio-cards ul li:hover .portfolio-card-top:before {
    opacity: 0.5;
} */
.portfolio-card-top:hover:before {
    opacity: 0.5;
}

.link-plus,
.link-plus:focus,
.link-plus:active {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
     font-size: 16px;
    line-height: 1.28;
    color: var(--deep-graphite);
    transition: 0.2s;
}
.link-plus:hover {
    color: var(--black);
}
.link-plus:after {
    content: '';
    width: 20px;
    height: 20px;
    background: url(../img/link-plus.svg) no-repeat center center;
    margin-left: 4px;
    transition: 0.2s;
}
.link-plus:hover:after {
    filter: brightness(0);
}
a:hover .link-plus {
    color: var(--black);
}
a:hover .link-plus:after {
    filter: brightness(0);
}


.portfolio-card-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -20px;
    padding: 31px 0 11px;
    position: relative;
    z-index: 1;
    background: rgba(207,207,207,0.2);
    background: rgba(112, 152, 169, 0.10);
    border-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 16px;
    line-height: 1.28;
    color: var(--deep-graphite);
    transition: 0.2s;
}
.portfolio-card-bottom:hover {
    background: rgba(112, 152, 169, 0.20);
    background: #d9e1e4;
}
.portfolio-card-bottom:after {
    content: '';
    width: 20px;
    height: 20px;
    background: url(../img/link-plus.svg) no-repeat center center;
    margin-left: 4px;
}

.portfolio-card-bottom-list {
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    border-radius: inherit;
    background: #d9e1e4;
    background: #e7ebec;
    padding: 52px 24px 32px;
    transform: translateY(-100%);
    will-change: transform;
    transition: 0.3s;
}
.portfolio-card-bottom:hover .portfolio-card-bottom-list {
    transform: translateY(0%);
}
.portfolio-card-bottom-list ul {
    margin: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    margin-bottom: -32px;
}
.portfolio-card-bottom-list ul li {
    width: 33.333%;
    min-width: 33.333%;
    margin-bottom: 32px;
    padding: 0 12px;
    text-align: center;
}
.portfolio-card-bottom-list ul li img {
    max-height: 24px;
    opacity: 0.5;
}



.intro-custom-grid-box-logo {
    aspect-ratio: 0.8282;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 40px 40px;
}
.intro-custom-grid-box-logo img {
    border-radius: 0 !important;
    max-width: 90%;
}

.portfolio-intro-custom-grid .stories-intro-custom-grid-col:nth-child(2), 
.portfolio-intro-custom-grid .stories-intro-custom-grid-col:nth-child(4) {
        padding-top: 21.2vw;
}

.portfolio-intro-custom-grid .stories-intro-custom-grid-col:nth-child(1), 
.portfolio-intro-custom-grid .stories-intro-custom-grid-col:nth-child(5) {
    padding-top: 34.375vw;
}

.portfolio-card-details {
    font-size: 16px;
    line-height: 1.28;
    color: var(--black-70);
    padding: 0 24px;
}
.portfolio-card-details strong {
    font-weight: 400;
    color: var(--black);
}
.portfolio-card-details p:not(:last-child) {
    margin-bottom: 10px;
}

.portfolio-card-logo {
    position: absolute;
    left: 0;
    right: 0;
    top: 48%;
    transform: translateY(-50%);
    transition: 0.2s;
}
.portfolio-card-logo img {
    max-width: 126px;
    max-height: 32px;
}
/* .portfolio-cards ul li:hover .portfolio-card-logo { */
.portfolio-card-top:hover .portfolio-card-logo {
    top: 32px;
    transform: translateY(0%);
}

.portfolio-card-details {
    position: absolute;
    left: 0;
    right: 0;
    top: 68%;
    transform: translateY(-50%);
    opacity: 0;
    transition: 0.2s;
}
/* .portfolio-cards ul li:hover .portfolio-card-details { */
.portfolio-card-top:hover .portfolio-card-details {
    top: 52%;
    opacity: 1;
    transition: 0.2s;
}

.portfolio-card-link {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 32px;
}

.title-32.overlaping-card-box-title {
    color: var(--deep-graphite);
    /* font-size: 32px; */
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 24px;
    position: relative;
    z-index: 2;
}

.overlaping-card-box {
    border-radius: 48px;
    padding: 44px 32px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.overlaping-card-box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    filter: blur(7.5px);
}
.overlaping-card-box:nth-child(1) {
    height: 70vh;
}
.overlaping-card-box:nth-child(2) {
    margin-top: calc(-70vh + 130px);
    height: 61vh;
    width: 90%;
    z-index: 2;
}
.overlaping-card-box:nth-child(3) {
    margin-top: calc(-61vh + 130px);
    height: 52vh;
    width: 78%;
    z-index: 3;
}
.overlaping-card-box:nth-child(4) {
    margin-top: calc(-52vh + 130px);
    height: 43vh;
    width: 66.8%;
    z-index: 4;
}
.overlaping-card-box:nth-child(1):before {
    background: linear-gradient(50deg, rgba(4, 255, 42, 0.00) 0%, #04FF2A 100%), #F4F4F3;
    box-shadow: 0 0 20px 0 rgba(87, 49, 213, 0.50) inset;
}
.overlaping-card-box:nth-child(2):before {
    background: linear-gradient(50deg, #FFF0F7 0%, rgba(255, 237, 176, 0.70) 100%), #F4F4F3;
    box-shadow: 0 0 20px 0 rgba(62, 83, 225, 0.50) inset;
}
.overlaping-card-box:nth-child(3):before {
    background: linear-gradient(-75deg, #8142F6 0%, rgba(218, 153, 252, 0.20) 100%), #F4F4F3;
    box-shadow: 0 0 20px 0 #DC9BFC inset;
}
.overlaping-card-box:nth-child(4):before {
    background: linear-gradient(50deg, #DEF4FF 0%, #DEF4FF 100%), #F4F4F3;
    box-shadow: 0 0 20px 0 #A9E2FF inset;
}
.overlaping-card-box:nth-child(5):before {
    background: linear-gradient(50deg, rgba(4, 255, 42, 0.00) 0%, #04FF2A 100%), #F4F4F3;
    box-shadow: 0 0 20px 0 rgba(87, 49, 213, 0.50) inset;
}
.overlaping-card-box:nth-child(6):before {
    background: linear-gradient(50deg, #FFF0F7 0%, rgba(255, 237, 176, 0.70) 100%), #F4F4F3;
    box-shadow: 0 0 20px 0 rgba(62, 83, 225, 0.50) inset;
}
.overlaping-card-box:nth-child(7):before {
    background: linear-gradient(-75deg, #8142F6 0%, rgba(218, 153, 252, 0.20) 100%), #F4F4F3;
    box-shadow: 0 0 20px 0 #DC9BFC inset;
}
.overlaping-card-box:nth-child(8):before {
    background: linear-gradient(50deg, #DEF4FF 0%, #DEF4FF 100%), #F4F4F3;
    box-shadow: 0 0 20px 0 #A9E2FF inset;
}

.overlaping-cards-section-title {
    position: sticky;
    top: 0;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.stats-section {
    /* margin-bottom: 40px; */
}


.section-has-top-gradient-holder {
    position: relative;
    overflow: hidden;
    padding-top: 50px;
    margin-top: -50px;
    padding-bottom: 30px;
}

.about-intro-image {
    padding-bottom: 48.44%;
}

.about-intro-section .text-18 {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
}


.about-intro-section.stories-intro-section .section-top {
    margin-bottom: 140px;
    margin-bottom: 120px;
    max-width: 90vw;
}

.about-ic-left {
    width: 50%;
    padding-right: 8px;
}
.about-ic-right {
    width: 50%;
    padding-left: 7.8%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.about-ic-right .text-18 {
    color: var(--black-70);
    max-width: 76%;
}

.about-ic-image {
    padding-bottom: 96.7%;
}
.has-bg-shadow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border-radius: 28px;
    background: radial-gradient(193.11% 152.66% at 50% 122.42%, #ffd18f 1.44%, #ff8aa1 100%);
    background: linear-gradient(-120deg, rgba(255, 138, 161, 1) 0%, rgba(255, 209, 143, 1) 100%);
    filter: blur(10px);
    animation: myAnimation 4s ease-in infinite;
}

.about-section {
    margin-bottom: 32vh;
    margin-bottom: 160px;
}

.about-stats-section .section-top {
    max-width: 52vw;
}

.stats-inline-list {
    padding: 0 20px;
}

.stats-inline-list ul {
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; */
    display: grid;
    grid-template-columns: repeat(3, auto);
}
.stats-inline-list ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0 4.444vw;
}
.stats-inline-list ul li:nth-child(3n+1) {
    padding-left: 0;
}
.stats-inline-list ul li:nth-child(3n) {
    padding-right: 0;
}
.stats-inline-list ul li:nth-child(3n+2):before,
.stats-inline-list ul li:nth-child(3n+2):after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 90%;
    background: var(--black-20)
}
.stats-inline-list ul li:nth-child(3n+2):before {
    left: 0;
}
.stats-inline-list ul li:nth-child(3n+2):after {
    right: 0;
}
.stats-inline-list ul li .text-16 {
    max-width: 160px;
    text-wrap: balance;
}
.stats-inline-list ul li .stats-columns-text {
    margin-top: 0;
    margin-left: 40px;
    margin-left: 2.778vw;
}

.image-has-gradient:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    right: 4px;
    bottom: 0;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: inherit;
    border-radius: 28px;
    background: linear-gradient(253deg, #63FC66 -1.24%, rgba(94, 253, 87, 0.00) 30.5%);
    mix-blend-mode: difference;
    filter: blur(12px);
}

.about-intro-image-text {
    position: absolute;
    top: 42px;
    left: 5.555vw;
    color: var(--white);
    width: 31.25%;
    z-index: 5;
}
.about-stats-image-text {
    position: absolute;
    bottom: 4.444vw;
    left: 5.555vw;
    color: var(--white);
    width: 31.25%;
    width: 34%;
    z-index: 5;
}

.about-stats-image-text .title-40 {
    margin-bottom: 32px;
}

.about-intro-image-ba:before {
     content: '';
        position: absolute;
        top: 0px;
        left: 0;
        right: 0px;
        bottom: 0;
        width: 100%;
        height: 100%;
        border-radius: inherit;
        /* border-radius: 32px; */
        background: linear-gradient(74deg, #0C161C 11.79%, rgba(12, 22, 28, 0.00) 53.66%);
        background: linear-gradient(100deg, #0C161C 11.79%, rgba(12, 22, 28, 0.00) 53.66%);
        z-index: 1;
}

.about-stats-section .stats-inline-list {
    margin-top: 22.5vh;
    margin-top: 160px;
}

.section-has-tb-gradient {
    position: relative;
    padding-top: 25vh;
    padding-top: 160px;
}
.section-has-tb-gradient:before {
    content: '';
    position: absolute;
    left: -30px;
    right: -30px;
    width: calc(100% + 60px);
    top: 0;
    height: 100%;
    border-radius: 120px 120px 200px 200px;
    /* border-right: 115px solid rgba(0, 100, 239, 0.61);
    border-bottom: 115px solid rgba(0, 100, 239, 0.61);
    border-left: 115px solid rgba(0, 100, 239, 0.61); */
    background: linear-gradient(181deg, #63FC66 -24.23%, rgba(94, 253, 87, 0.00) 31.04%);
    filter: blur(23.039714813232422px);
}
.section-has-tb-gradient:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    left: -25px;
    right: -25px;
    width: calc(100% + 50px);
    top: 0;
    top: 0px;
    height: 100%;
    border-radius: 120px;
    border: 24px solid rgba(0, 100, 239, 0.61);
    border: 24px solid rgba(0, 100, 239, 1);
    background: linear-gradient(180deg, #63FC66 -25.93%, rgba(94, 253, 87, 0.00) 22.62%);
    filter: blur(23.039714813232422px);
}

.section-has-tb-gradient-holder {
    position: relative;
    overflow: hidden;
    padding-top: 60px;
    margin-top: -60px;
    padding-bottom: 300px;
}
.section-has-tb-gradient-holder:before {
    content: '';
    position: absolute;
    bottom: 326px;
    left: 0;
    right: 0;
    width: 100%;
    height: 93px;
    background: linear-gradient(0deg, rgba(131, 106, 255, 0.00) 36.54%, #836AFF 100%);
    background: radial-gradient(136.91% 100% at 50% 100%, rgba(131, 106, 255, 0.00) 36.54%, #836AFF 100%);
    transform: scale(-1);
    z-index: 2;
} 
.section-has-tb-gradient-holder:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 327px;
    background: linear-gradient(0deg, #F4F3F3 36.54%, #836AFF 92.79%);
    background: radial-gradient(136.91% 100% at 50% 100%, #F4F3F3 36.54%, #836AFF 92.79%);
} 

.about-stats-section {
    padding-bottom: 300px;
    padding-bottom: 32vh;
    padding-bottom: 200px;
}

.team-section .section-top {
    max-width: 62vw;
}

.team-grid {
    padding: 0 12.5%;
}

.team-grid-left {
    width: 50%;
    padding-right: 7%;
}

.team-grid-left-paralax {
    position: relative;
}
.team-grid-left-paralax .team-grid-list {
    padding-top: 30vw;
    padding-top: 10vw;
    padding-bottom: 20vw;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.team-grid-right {
    width: 50%;
    padding-left: 7%;
}

.team-grid-item {
    text-align: center;
}
.team-grid-item:not(:last-child) {
    margin-bottom: 64px;
}

.team-grid-item a {
    display: block;
    color: var(--black);
}

.team-grid-item-image {
    padding-bottom: 119.76%;
    margin-bottom: 24px;
    position: relative;
    /* overflow: hidden; */
    will-change: transform;
    transform: scale(1);
    transition: 0.3s ease-in-out;
}
.team-grid-item-image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border-radius: 28px;
    background: radial-gradient(193.11% 152.66% at 50% 122.42%, #ffd18f 1.44%, #ff8aa1 100%);
    background: linear-gradient(-120deg, rgba(255, 138, 161, 1) 0%, rgba(255, 209, 143, 1) 100%);
    filter: blur(10px);
    /* animation: myAnimation 4s ease-in infinite; */
}
.team-grid-item-image img {
    will-change: transform;
    transform: scale(1);
    transition: 0.3s ease-in-out;
}

a:hover .team-grid-item-image {
    transform: scale(1.02);
}
a:hover .team-grid-item-image img {
    /* transform: scale(1.02); */
}

.team-grid-item-name span {
    display: block;
    opacity: 0.5;
}

.team-grid-item-link {
    margin-top: 16px;
    opacity: 0.5;
    transition: 0.2s;
}
a:hover .team-grid-item-link {
    opacity: 1;
}

.team-list ul li:not(:last-child) {
    margin-bottom: 48px;
}
.team-list ul li a {
    display: block;
    text-align: center;
    color: var(--black);
}

.team-grid-content {
    margin-bottom: 140px;
    max-width: 94%;
}

.team-grid-content .title-32 {
    font-weight: 400;
    line-height: 1.4;
}
.team-grid-content .text-18 {
    margin-top: 40px;
    color: var(--black-60);
    max-width: 300px;
}

.team-section .section-top {
    margin-bottom: 200px;
    margin-bottom: 160px;
}

.about-intro-image-text-mobile {
    margin-top: 48px;
    color: var(--black-60);
    padding-right: 32px;
    padding-left: 16px;
}
.about-stats-section .about-intro-image-text-mobile {
    margin-top: 64px;
}

.team-more-button {
    margin-top: 48px;
}

.stories-intro-section.career-intro-section {
    padding-top: 0;
}
.stories-intro-section.career-intro-section .section-top {
    max-width: 55vw;
    margin-bottom: 140px;
}

.text-section.has-m-tb.has-pb {
    margin-bottom: 0;
    padding-bottom: 280px;
    padding-bottom: 240px;
}

.images-reveal-list {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.images-reveal-list ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 4px;
}
.images-reveal-list ul li {
    transform: translateY(50px);
    opacity: 0;
    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 1.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.images-reveal-list.in-view ul li {
    transform: translateY(0px);
    opacity: 1;
}
.images-reveal-list ul li:nth-child(1) {
    transition-delay: 0.3s;
}
.images-reveal-list ul li:nth-child(2) {
    transition-delay: 0.4s;
}
.images-reveal-list ul li:nth-child(3) {
    transition-delay: 0.5s;
}
.images-reveal-list ul li:nth-child(4) {
    transition-delay: 0.6s;
}
.images-reveal-list ul li:nth-child(5) {
    transition-delay: 0.7s;
}

.images-reveal-list-item {
    padding-bottom: 100%;

}
.images-reveal-list-item:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    right: 0;
    bottom: 0;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    border-radius: 24px;
    border: 2.964px solid #0064EF;
    background: linear-gradient(145deg, #63FC66 -13.32%, rgba(94, 253, 87, 0.00) 42.22%);
    mix-blend-mode: difference;
    filter: blur(4.86px);
    z-index: 5;
}
.images-reveal-list-item:after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    box-shadow: 0 0 6px 6px var(--white-alt) inset;
    z-index: 6;
    border-radius: 24px;
}
.images-reveal-list-item > span {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    box-shadow: 0 0 10px 10px var(--white-alt) inset, 0 0 6px 6px var(--white-alt);
    z-index: 5;
    border: 3px solid rgba(0, 100, 239, 0.61);
    filter: blur(4.86px);
    border-radius: 24px;
}

.positions-section .section-top {
    margin-bottom: 80px;
}

.section-has-tb-gradient-holder:first-child .section-has-tb-gradient {
    padding-top: 176px;
}
.section-has-tb-gradient-holder:first-child .section-has-tb-gradient:after {
    top: -100px;
    height: calc(100% + 100px);
    top: -40px;
    height: calc(100% + 40px);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.section-has-top-gradient-holder:first-child {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0;
}
.section-has-top-gradient-holder:first-child .section-has-top-gradient {
    padding-top: 176px;
}
.section-has-top-gradient-holder:first-child .section-has-top-gradient:after {
    top: -70px;
    top: -50px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.contact-intro-image {
    margin-top: 22vh;
    margin-top: 140px;
}

.contact-intro-section {
    padding-bottom: 30px;
}

.stories-intro-section.foundation-intro-section {
    padding-top: 0;
    margin-bottom: 30vh;
    margin-bottom: 20vh;
    margin-bottom: 160px;
}

.focus-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    width: calc(100% + 24px);
    margin-bottom: -24px;
}
.focus-list ul li {
    width: calc(33.333% - 24px);
    min-width: calc(33.333% - 24px);
    margin-right: 24px;
    margin-bottom: 24px;
}
.focus-list ul li a {
    display: block;
    width: 100%;
    border-radius: 32px;
    background: linear-gradient(0deg, rgba(87, 223, 195, 0.00) 0%, rgba(87, 223, 195, 0.10) 100%);
    border: 1px solid rgba(87, 223, 195, 0.10);
    /* opacity: 0.8; */
    box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.40) inset;
    aspect-ratio: 0.79344;
    position: relative;
    background: rgba(47, 255, 212, 0.01);
    opacity: 0.8;
    box-shadow: 0 0 20px 0 rgba(246, 249, 240, 0.20) inset;
    background: linear-gradient(0deg, rgba(87, 223, 195, 0.00) 54.34%, rgba(87, 223, 195, 0.30) 100%);
    background: linear-gradient(0deg, rgba(87, 223, 195, 0.00) 54.34%, rgba(87, 223, 195, 0.20) 100%);
    opacity: 1;
    box-shadow: 0 0 30px 0 rgba(136, 255, 178, 0.60) inset;
    filter: blur(0px);
    position: relative;

    padding: 3.889vw 3.889vw 4.444vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: var(--white-alt);
    color: var(--black);
    transition: color 0.3s;
}
body.bg-black .focus-list ul li a {
    color: var(--white-alt);
}
.focus-list ul li a:after {
    position: absolute;
    border-radius: 32px;
    content: '';
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: linear-gradient(0deg, rgba(87, 223, 195, 0.00) 0%, rgba(87, 223, 195, 0.30) 100%);
    border: 1px solid #57DFC3;
    opacity: 0.8;
    box-shadow: 0 0 20px 0 rgba(136, 255, 178, 0.40) inset;
    fill: linear-gradient(270deg, rgba(87, 223, 195, 0.00) 0.09%, rgba(87, 223, 195, 0.10) 42.77%);
    opacity: 0;
    box-shadow: 0 0 60px 20px rgba(93, 255, 117, 0.60) inset, 0 0 20px 0 rgba(47, 255, 212, 0.60) inset;
    box-shadow: 0 0 60px 20px rgba(93, 255, 117, 0.50) inset, 0 0 20px 0 rgba(47, 255, 212, 0.50) inset;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    opacity: 0;
    pointer-events: none;
    transition: 0.5s ease-in-out;
}
.focus-list ul li a:hover:after {
    opacity: 1;
}

.focus-list-item-content {
    width: 100%;
}
.focus-list-item-content .text-16 {
    margin-top: 66px;
    color: var(--white-alt-70);
    color: var(--black-70);
    transition: color 0.3s;
}
body.bg-black .focus-list-item-content .text-16 {
    color: var(--white-alt-70);
}

.focus-list-item-nr {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding-top: inherit;
    padding-left: inherit;
    padding-right: inherit;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
}

.initiatives-section .section-top {
    max-width: 45vw;
}

.initiatives-section {
    padding-bottom: 30vh;
    padding-bottom: 180px;
}

.title-cta-section .section-top {
    max-width: 50vw;
}

.title-cta-section {
    margin-bottom: 25vh;
    margin-bottom: 160px;
}

.logos-carousel-item {
    text-align: center;
    min-height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.logos-carousel-item img {
    max-height: 30px;
    max-width: 160px;
}

.logos-carousel.owl-carousel .owl-stage-outer {
    overflow: visible;
}

.foundation-intro-section.stories-intro-section .section-top {
    max-width: 50vw;
}

.initiatives-carousel-item {
    position: relative;
    height: 100%;
}

.initiatives-carousel-item a {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    gap: 48px;
    color: var(--black);
    border-radius: 35px;
    padding: 40px 17%;
    padding: 58px 14%;
    position: relative;
    background: var(--white);
    /* aspect-ratio: 0.7; */
}
.initiatives-carousel-item:before {
        content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    filter: blur(10px);
    z-index: -1;
    box-shadow: none;
    background: linear-gradient(-120deg, rgba(4,255,42,0.5) 0%, rgba(0,100,239,0.5) 100%);
    opacity: 0;
    transition: 0.3s;
}

.initiatives-carousel .owl-item.active  {
    z-index: 5;
}
.owl-item.active .initiatives-carousel-item:before {
    opacity: 1;
}

.initiatives-carousel-hold {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.initiatives-carousel.owl-carousel .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.initiatives-carousel-item a .text-16 {
    margin-top: 40px;
    color: var(--black-70);
}

.initiatives-carousel-item .section-label {
    margin-bottom: 44px;
}

.initiatives-carousel.owl-carousel .owl-stage-outer {
    overflow: visible;
}

.contact-form-hold {
    margin-top: 80px;
}

.form-radios .wpcf7-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px 8px;
}

.form-radios .wpcf7-radio .wpcf7-list-item input {
    display: none;
}

.form-radios .wpcf7-radio .wpcf7-list-item span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    min-height: 40px;
    border-radius: 20px;
    /* border: 1px solid rgba(207, 207, 207, 0.50);
     */
    box-shadow: 0 0 6.9px 0 #DBDBDB inset;
    padding: 6px 40px;

    cursor: pointer;
    font-size: 14px;
    line-height: 1.28;
    color: var(--black);
    position: relative;
    z-index: 2;
    transition: 0.2s;
}
.form-radios .wpcf7-radio .wpcf7-list-item input:checked + span {
    box-shadow: 0 0 10px 0 #57DFC3 inset;
}
.form-radios .wpcf7-radio .wpcf7-list-item span:before {
    display: none;
    opacity: 0;
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    border: solid 1px transparent;
    z-index: -1;
    background: 
      linear-gradient(var(--white-alt) 0 0) padding-box,  linear-gradient(to bottom right in oklab,#04FF2A,rgba(207, 207, 207, 0.50), rgba(207, 207, 207, 0.50),#04FF2A,#04FF2A) border-box;
    background: 
      linear-gradient(var(--white-alt) 0 0) padding-box,  linear-gradient(to bottom right in oklab,#04FF2A,#3F3667, #3F3667,#04FF2A,#04FF2A) border-box;
    background: 
      linear-gradient(var(--white-alt) 0 0) padding-box,  linear-gradient(to bottom right in oklab,#04FF2A,#86829d, #86829d,#04FF2A,#04FF2A) border-box;
    background: 
      linear-gradient(var(--white-alt) 0 0) padding-box,  linear-gradient(to bottom right in oklab,#04FF2A, rgba(0,219,77,0.4),  rgba(0,219,77,0.4),#04FF2A,#04FF2A) border-box;
    transition: 0.2s;
}
.form-radios .wpcf7-radio .wpcf7-list-item span:hover:before,
.form-radios .wpcf7-radio .wpcf7-list-item input:checked + span:before {
    opacity: 1;
}
.form-steps-hold {
    border-radius: 64px;
    /* background: #E1E1E1; */
    /* backdrop-filter: blur(12px); */
    height: 60px;
    position: relative;
}

.form-step {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    /* padding: 6px; */
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
}
.form-step.active {
    opacity: 1;
    visibility: visible;
}

.form-step.form-step-3 {
    border-radius: 30px;
    padding: 6px;
    background: #e0e2e1;
}

.contact-intro-section .form-radios {
    margin-bottom: 64px;
    margin-left: -8%;
    width: 116%;
}
.contact-intro-section .reg-form-hold {
    margin-top: 80px;
    padding: 0 8%;
}

.contact-form-hold .form-radios {
    margin-bottom: 90px;
}
.contact-form-hold .form-element {
    margin-bottom: 0px;
}
.contact-form-hold .form-element input, 
.contact-form-hold .form-element input:focus {
    background: transparent;
    height: 60px;
    padding-left: 32px;
    border-radius: 24px;
    padding-right: 80px;
    border-radius: 30px;
    background: rgba(53,73,82,0.1);
    transition: 0.2s;
}
.contact-form-hold .form-element input:hover,
.contact-form-hold .form-element input:focus {
    background: rgba(53,73,82,0.2);
}
.contact-form-hold .has-error .form-element input, 
.contact-form-hold .has-error .form-element input:focus {
    /* background: rgba(255,0,0,0.08); */
}
.contact-form-hold .has-error .form-element input, 
.contact-form-hold .has-error .form-element input:focus {
    color: var(--red);
}

.contact-form-hold .has-error input::-webkit-input-placeholder {
	color: var(--red);
	opacity: 1;
}
.contact-form-hold .has-error input::-moz-placeholder {
	color: var(--red);
	opacity: 1;
}
.contact-form-hold .has-error input:-ms-input-placeholder {
	color: var(--red);
	opacity: 1;
}
.contact-form-hold .has-error input:-moz-placeholder {
	color: var(--red);
	opacity: 1;
}

.has-error .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--red);
}

.form-element select.wpcf7-not-valid + .select2-container {
    border-radius: 16px;
    box-shadow: 0px 0px 0px 1px var(--red) inset;
    -webkit-box-shadow: 0px 0px 0px 1px var(--red);
    -moz-box-shadow: 0px 0px 0px 1px var(--red) inset;
}

.form-next-button {
    position: absolute;
    width: 68px;
    height: 48px;
    top: 6px;
    right: 6px;
    background: var(--white);
    border-radius: 24px;
    cursor: pointer;
    transition: 0.2s;
}
.form-next-button:hover {
    background: var(--black);
}
.form-next-button.disabled {
    cursor: not-allowed;
}
.form-next-button:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: url(../img/arrow-right.svg) no-repeat center center;
    opacity: 0.6;
    transition: 0.2s;
}
.form-next-button.disabled:hover {
    background: var(--white);
}
.form-next-button.disabled:hover:after {
    opacity: 0.6;
    filter: invert(0);
}
.form-next-button:hover:after {
    opacity: 1;
    filter: invert(1);
}

.contact-select {
    width: calc(100% - 131px);
    width: 100%;
}

.contact-select label {
    margin-bottom: 6px;
}

.select2-container--default .select2-selection--single {
    border-radius: 24px;
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border: none;
    background: #E1E1E1;
    background: #e0e2e1;
    background: var(--white);
    transition: background 0.2s;
}
.select2-container--default .select2-selection--single:hover {
    background: #ced2d3;
    background: var(--white);
}
.select2-container .select2-selection--single {
    height: 48px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--black-60);
    line-height: 46px;
    padding-left: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--black-60);
    color: var(--black-50);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px;
    right: 28px;
    width: 8px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transform: rotate(180deg);
    background: url(../img/chev-down-black-8px.svg) no-repeat center center;
    opacity: 0.6;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after {
    transform: rotate(0deg);
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, 
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: rgba(244, 244, 243, 0.60);
    background: var(--white);
    border-bottom: 1px solid transparent;
    border-bottom: none;
    backdrop-filter: blur(8px);
}

.select2-container--default .select2-results>.select2-results__options {
    padding: 4px 8px 7px;
}
.select2-dropdown {
    border-radius: 24px;
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border: none;
    border-top: none !important;
    background: rgba(244, 244, 243, 0.60);
    background: var(--white);
    backdrop-filter: blur(8px);
}

.select2-results__option {
    padding: 14px 16px;
    font-size: 16px;
    line-height: 1.2;
    color: var(--black-60);
    border-radius: 16px;
    transition: 0.2s;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: #E1E1E1;
    color: var(--black)
}

.form-cantact-submit {
    position: absolute;
    width: 125px;
    top: 6px;
    right: 6px;
}
.form-cantact-submit button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 48px;
    width: 100%;
    background: var(--white-alt);
    border-radius: 24px;
    color: var(--black-60);
    line-height: 11;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    transition: 0.2s;
}
.form-cantact-submit button:hover {
    color: var(--white);
    background: var(--black);
}

.fr-list-of-two + .fr-carousel-holder {
    margin-top: 140px;
}

.no-link {
    pointer-events: none;
}

div.wpcf7-validation-errors, 
div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ng {
    border: none !important;
    float: left !important;
    margin: 10px 0 !important;
    padding: 0 !important;
    color: #ef586b !important;
}

div.wpcf7-mail-sent-ok {
    float: left !important;
    border: none !important;
    padding: 0 !important;
    margin: 10px 0 !important;
}

span.wpcf7-not-valid-tip {
	/* display: none !important; */
    font-size: 14px;
    margin-top: 8px;
    line-height: 1.28;
    color: var(--red);
}
.contact-select span.wpcf7-not-valid-tip {
	padding-left: 16px;
}
.form-checkbox span.wpcf7-not-valid-tip {
	padding-left: 36px;
}

span.wpcf7-list-item {
    margin: 0 !important;
}

.form-element input.wpcf7-not-valid,
.form-element input.wpcf7-not-valid:focus,
.form-element textarea.wpcf7-not-valid,
.form-element textarea.wpcf7-not-valid:focus {
    border-color:  var(--red);
    box-shadow: 0px 0px 0px 1px var(--red) inset;
    -webkit-box-shadow: 0px 0px 0px 1px var(--red) inset;
    -moz-box-shadow: 0px 0px 0px 1px var(--red) inset;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    float: left;
    width: 100%;
    text-align: center;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 24px !important;
    display: none !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    float: left;
    width: 100%;
    text-align: center;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 24px !important;
}

.wpcf7 form .wpcf7-response-output {
    float: left;
    width: 100%;
    text-align: center;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 24px !important;
}

.form-checkbox .wpcf7-not-valid  label span:before {
    border-color: #ff0000;
}

.portfiolio-button {
    padding-bottom: 30px;
}



/* Add separator only after workplace-type (first item) */
.small-category-label.workplace-type::after {
    content: '\00A0—\00A0'; /* Non-breaking space + em dash + non-breaking space */
}
.small-category-label.workplace-type:last-child::after {
    display: none;
}

/* Don't add separator after commitment (last item) */
.small-category-label.commitment::after {
    content: none;
}

/* Different weights for visual hierarchy */
.small-category-label.workplace-type {
    /* color: #000; */
    /* font-weight: 500; */
}



/* ============================================
   SEARCH INPUT
   ============================================ */

.jobs-search {
    margin-bottom: 80px;
    width: 100%;
    max-width: 410px;
    margin-left: auto;
    margin-right: auto;
}


.jobs-search input.search,
.jobs-search input.search:focus {
    margin: 0;
    width: 100%;
    padding: 2px 32px;
    padding-right: 64px;
    font-size: 16px;
    border: 1px solid var(--black-15);
    border-radius: 30px;
    height: 56px;
    outline: none;
    background: transparent url(../img/icon-search.svg) no-repeat center right 32px;
    box-shadow: none;
    color: var(--black);
    transition: border-color 0.2s ease;
}

.jobs-search input.search:focus {
    border: 1px solid var(--black-40);
}

.jobs-search input.search::placeholder {
    color: var(--black);
}

/* ============================================
   LOAD MORE BUTTON
   ============================================ */

.jobs-load-more {
    text-align: center;
    margin-top: 64px;
}


/* ============================================
   JOBS LIST - PAGINATION SUPPORT
   ============================================ */

.job-item.hidden-item {
    display: none !important;
}

/* ============================================
   FILTER DROPDOWNS STYLING
   ============================================ */

.jobs-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    align-items: center;
    gap: 28px;
    margin-bottom: 80px;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.filter-dropdown {
    position: relative;
    min-width: 120px;
}

.filter-dropdown > span {
    display: block;
    padding: 8px 28px 8px 12px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.8px;
    position: relative;
    user-select: none;
    color: var(--black-40);
    text-transform: uppercase;
    transition: all 0.2s;
}

.filter-dropdown.active > span {
    color: var(--black);
    background: rgba(112, 152, 169, 0.10);
}

.filter-dropdown > span:hover {
    color: var(--black);
    background: rgba(112, 152, 169, 0.10);
}

.filter-dropdown > span::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 16px;
    width: 8px;
    height: 5px;
    background: url(../img/filter-chev.svg) no-repeat center center;
    opacity: 0.6;
    transition: transform 0.2s;
}
.filter-dropdown > span:hover:after {
    opacity: 1;
}

.filter-dropdown.active > span::after {
    transform: translateY(-50%) rotate(180deg);
}

.filter-dropdown-list {
    position: absolute;
    top: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%);
    min-width: 267px;
    border-radius: 28px;
    background: rgba(112, 152, 169, 0.10);
    backdrop-filter: blur(100px);
    padding: 32px 28px;
    padding-right: 16px;
    opacity: 0;
    visibility: hidden;
    z-index: 100;

}

.filter-dropdown ul {
    max-height: 300px;
    overflow-y: auto;
    padding-right: 16px;
    transition: all 0.2s ease;
    margin: 0;
    list-style: none;
}



.filter-dropdown.active .filter-dropdown-list {
    opacity: 1;
    visibility: visible;
}

/* .filter-dropdown.active ul {
    opacity: 1;
    visibility: visible;
} */

.filter-dropdown ul li {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

.filter-dropdown ul li:last-child {
    margin-bottom: 0px;
}

.filter-dropdown ul li label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.28;
    padding-left: 24px;
    position: relative;
    color: var(--black-70);
    margin: 0;
    transition: 0.2s;
}
.filter-dropdown ul li label:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid var(--black-20);
    transition: 0.2s;
}
.filter-dropdown ul li label:hover:hover {
    color: var(--black);
}
.filter-dropdown ul li label:hover:before {
    border: 1px solid var(--black);
}
.filter-dropdown ul li input:checked + label:hover {
    color: var(--black);
}
.filter-dropdown ul li input:checked + label:before {
    border: 1px solid var(--black);
    background: var(--black);
}


.filter-dropdown ul li input[type="radio"] {
    display: none;
}


.logos-list ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px;
}
.logos-list ul li {
    text-align: center;
    min-height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.logos-list ul li img {
    max-height: 30px;
    max-width: 160px;
}

.fr-tabs-preloader-hold {
    position: relative;
}

.fr-tabs-preloader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    pointer-events: none;
    opacity: 0;
}
.fr-tabs-preloader.active {
    opacity: 1;
}
.fr-tabs-preloader ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.fr-tabs-preloader ul .resource-item-image {
    background: rgba(53,73,82,0.05);
}

.fr-portfolios-tabs {
    height: calc(420px / 0.79);
    /* background: rgba(255,255,255,0.5); */
}

.portfiolio-button.abs {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.single-intro-scroll {
    margin-top: 28px;
}

.key-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.key-card {
    border-radius: 32px;
    padding: 44px 32px;
    position: relative;
    min-height: 300px;
    text-align: center;
    color: var(--deep-graphite);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.key-card:nth-child(1) {
    aspect-ratio: 1.73;
    width: 40.48%;
}
.key-card:nth-child(2) {
    width: 29.22%;
    transition-delay: 0.15s;
}
.key-card:nth-child(3) {
    width: 15.15%;
    transition-delay: 0.3s;
}
.key-card:nth-child(4) {
    width: 15.15%;
    transition-delay: 0.45s;
}

.key-card:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    filter: blur(6px);
}

.key-card:nth-child(1):before {
    background: linear-gradient(50deg, rgba(4, 255, 42, 0.00) 0%, #04FF2A 100%), #F4F4F3;
    box-shadow: 0 0 20px 0 rgba(87, 49, 213, 0.50) inset;

    background: linear-gradient(140deg, rgba(4, 255, 42, 0.00) 0%, #04FF2A 100%), #F4F4F3;
    box-shadow: 0 0 20px 0 rgba(87, 49, 213, 0.50) inset;
}
.key-card:nth-child(2):before {
    background: linear-gradient(50deg, #FFF0F7 0%, rgba(255, 237, 176, 0.70) 100%), #F4F4F3;
    box-shadow: 0 0 20px 0 rgba(62, 83, 225, 0.50) inset;

    background: linear-gradient(212deg, #FFF0F7 0%, rgba(255, 237, 176, 0.70) 100%), #F4F4F3;
    box-shadow: 0 0 20px 0 rgba(62, 83, 225, 0.50) inset;
}
.key-card:nth-child(3):before {
    background: linear-gradient(-75deg, #8142F6 0%, rgba(218, 153, 252, 0.20) 100%), #F4F4F3;
    box-shadow: 0 0 20px 0 #DC9BFC inset;

    background: linear-gradient(180deg, rgba(131, 106, 255, 0.05) -0.12%, rgba(131, 106, 255, 0.60) 79.94%, #836AFF 99.95%);
    box-shadow: 0 22.025px 36.708px 0 #836AFF inset;
    filter: blur(11);
}
.key-card:nth-child(4):before {
    background: linear-gradient(50deg, #DEF4FF 0%, #DEF4FF 100%), #F4F4F3;
    box-shadow: 0 0 20px 0 #A9E2FF inset;
    
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 100%), linear-gradient(90deg, #DEF4FF 0%, #DEF4FF 100%), #F4F4F3;
    box-shadow: 0 0 20px 0 #A9E2FF inset;
    filter: blur(4px);
}

.key-card .text-18 {
    position: relative;
    z-index: 2;
}

.overlaping-cards-section .section-top {
    margin-bottom: 15vh;
}

.footprint-acc-item {
    border-bottom: 1px solid var(--black-15);
    transition: 0.2s;
}
.footprint-acc-item.active {
    border-bottom: 1px solid var(--black);
}

.footprint-acc-title {
    padding: 40px 0 45px;
    padding: 40px 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 56px;
    /* padding-right: 56px; */
    position: relative;
    cursor: pointer;
}
.footprint-acc-title:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url(../img/chev-down-black-24px.svg) no-repeat center center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    right: 0px;
}
.footprint-acc-item.active .footprint-acc-title:after {
    transform: translateY(-50%) rotate(180deg);
}
.footprint-acc-title > span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    font-size: 16px;
    line-height: 1.28;
}

.footprint-acc-title-cat {
    padding-right: 56px;
    line-height: 1.28;
}

.footprint-acc-title-text {
    width: 70%;
}

.footprint-acc-content-image {
    padding-bottom: 80.66%;
}
.footprint-acc-content-image > img {
    border-radius: 14px;
}

.foodprint-acc-content-hold {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    padding-left: 56px;
    padding-bottom: 40px;

}

.footprint-acc-content-left {
    width: 42%;
}

.footprint-acc-content-right {
    width: 30%;
}

.footprint-acc-content-link {
    margin-top: 28px;
}

.footprint-acc-content {
    display: none;
}

.footprint-acc-title-text.title-32 {
    font-weight: 400;
}

.foundation-intro-images ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.foundation-intro-images ul li:nth-child(1) {
    width: 21.875%;
}
.foundation-intro-images ul li:nth-child(2) {
    width: 14.22%;
    transition-delay: 0.1s;
}
.foundation-intro-images ul li:nth-child(2) .foundation-intro-image {
    background: linear-gradient(302deg, #FFF0F7 0%, rgba(255, 237, 176, 0.70) 100%);
    box-shadow: 0 0 76.3px 0 rgba(62, 83, 225, 0.50) inset;
    filter: blur(6px);
}
.foundation-intro-images ul li:nth-child(3) {
    width: 27.34%;
    transition-delay: 0.2s;
}
.foundation-intro-images ul li:nth-child(4) {
    width: 6.64%;
    transition-delay: 0.3s;
}
.foundation-intro-images ul li:nth-child(4)  .foundation-intro-image {
    background: linear-gradient(50deg, #836AFF 0%, #00DB4D 100%);
    background: linear-gradient(100deg, #836AFF 0%, #00DB4D 100%);
    box-shadow: 0 0 34.528px 0 #00DB4D inset;
    filter: blur(6px);
}
.foundation-intro-images ul li:nth-child(5) {
    width: 29.53%;
    transition-delay: 0.4s;
}
.foundation-intro-images ul li .foundation-intro-image {
    height: 100%;
}
.foundation-intro-images ul li:nth-child(1) .foundation-intro-image {
    aspect-ratio: 0.9333;
}

.stories-intro-section.foundation-intro-section .section-top {
    margin-bottom: 120px;
}

.no-ba .section-has-top-gradient:before,
.no-ba .section-has-top-gradient:after {
    opacity: 0;
}

.select2-container {
    width: 100% !important;
}

.faq-section .section-top {
    margin-bottom: 104px;
}

.page-template-tp-contact main {
    padding-bottom: 110px;
}

.swiper-blur {
    position: absolute;
    top: -50px;
    bottom: -50px;
    height: calc(100% + 100px);
    top: 0;
    bottom: 0;
    height: 100%;
    /* width: calc((100vw - 84.859vw + 5.555vw + 5.555vw) / 2 - 3px); */
    width: 80px;
    /* backdrop-filter: blur(20px); */
    right: 100%;
    z-index: 25;
    pointer-events: none;
    /* background: var(--white-alt); */
}
.swiper-blur.v2 {
    backdrop-filter: blur(10px);
    width: 120px;
}
.swiper-blur.swiper-blur-left {
    /* mask: linear-gradient(90deg, black, black, transparent 90%); */
    /* background: linear-gradient(270deg, rgba(244, 243, 243, 0) 0%, rgba(244, 243, 243, 0.6) 100%); */
}
.swiper-blur.v2.swiper-blur-left {
    mask: linear-gradient(90deg, black, black, transparent 90%);
    /* background: linear-gradient(270deg, rgba(244, 243, 243, 0) 0%, rgba(244, 243, 243, 0.6) 100%); */
}
.swiper-blur-left {
    /* right: calc(100% + 2px); */
    left: 0;
}

.swiper-blur.swiper-blur-right {
    /* background: linear-gradient(90deg, rgba(244, 243, 243, 0) 0%, rgba(244, 243, 243, 0.6) 100%); */
    /* mask: linear-gradient(-90deg, black, black, transparent 90%); */
}
.swiper-blur.v2.swiper-blur-right {
    /* background: linear-gradient(90deg, rgba(244, 243, 243, 0) 0%, rgba(244, 243, 243, 0.6) 100%); */
    mask: linear-gradient(-90deg, black, black, transparent 90%);
}
.swiper-blur-right {
    /* left: calc(100% + 2px); */
    right: 0;
}

.jobs-count {
    font-size: 16px;
    line-height: 1.28;
    color: var(--black-70 );
}

.single-news-right {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;

    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    gap: 56px;
}
.single-news-right .single-intro-scroll {
    margin-top: 0;
}

.open-positions {
    min-height: 520px;
}

.portfolio-filter-sticky {
    position: sticky;
    top: 82px;
    background: #F4F4F3;
    z-index: 1;
    padding-bottom: 16px;
    margin-bottom: 104px;
}

.portfolio-v2-section .title-108 {
    position: relative;
}

#pfs {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    /* background: red; */
}

/* medias  */


.multi-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    gap: 40px;

}

body {
    transition: background 1s;
    transition: background 0.7s;
}

/* Clear filters button */
#jobs-clear-filters {
    font-size: 16px;
    padding-left: 24px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    position: relative;
    color: var(--black);
}

#jobs-clear-filters:hover {
    color: var(--black);
    opacity: 0.6;
}

#jobs-clear-filters::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(../img/icon-filter-clear.svg) no-repeat center center;
    margin-right: 4px;
}

/* Scrollbar styling for dropdown */
.filter-dropdown ul::-webkit-scrollbar {
    width: 2px;
    /* width: 4px; */
}

.filter-dropdown ul::-webkit-scrollbar-track {
    background: var(--black-10);
    border-radius: 8px;
}

.filter-dropdown ul::-webkit-scrollbar-thumb {
    background: var(--black);
    border-radius: 8px;
}

.filter-dropdown ul::-webkit-scrollbar-thumb:hover {
    background: var(--black);
}

/* ============================================
   JOB LISTING STYLING (REORDERED)
   ============================================ */

.jobs-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.job-item {
    border-bottom: 1px solid var(--black-15);
    position: relative;
    transition: 0.3s;
}
.job-item:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: var(--white-alt);
    opacity: 0;
    transition: 0.3s;
}
.job-item:hover:before {
    opacity: 1;
}
.job-item:hover {
    border-bottom: 1px solid transparent;
    transition: 0.3s;
}

.job-item:last-child {
    /* border-bottom: none; */
}

.job-item:hover {
    /* background-color: #f9f9f9; */
}

.posting-categories {
    font-size: 14px;
    line-height: 1.28;
}

.job-item a {
    display: block;
    padding: 40px 0;
    text-decoration: none;
    color: var(--black-40);
    color: var(--black);
    border-radius: 16px;
    transition: 0.3s;
}
.job-item a:hover {
    color: var(--white-alt);
    background: var(--black);
    padding: 40px 24px;
}

.job-item-content {
    display: flex;
    align-items: center;
    gap: 24px;
}

.job-item-middle img {
    /* opacity: 0.4; */
    transition: 0.3s;
}

.job-item a:hover .job-item-middle img {
    opacity: 1;
    filter: invert(1);
}

/* Title first */
.job-item-left {
    flex: 1;
}

.job-title {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
}

/* Logo second */
.job-item-middle {
    flex: 0 0 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.job-company-logo {
    max-width: 100%;
    height: auto;
    max-height: 28px;
    object-fit: contain;
}

.job-company-name {
    font-weight: 600;
    font-size: 14px;
}

/* Type/commitment third */
.job-item-right {
    flex: 0 0 200px;
    text-align: right;
}

.job-commitment {
    display: inline-block;
    padding: 6px 14px;
    background: #f0f0f0;
    border-radius: 6px;
    font-size: 13px;
    color: #666;
    font-weight: 500;
}

/* No results message */
#jobs-no-results {
    text-align: center;
    padding: 60px 20px;
    color: #999;
    font-size: 16px;
}



/* Medias */

@media only screen and (min-width: 1800px) {
    .team-grid-content .text-18 {
        max-width: 80%;
    }
}

@media only screen and (max-width: 1400px) {
    .all-stories-section .inline-filter-style {
        margin-bottom: 120px;
    }
}

@media only screen and (max-width: 1300px) {
    .footprint-acc-title-text {
        width: 68%;
    }
    .footprint-acc-content-left {
        width: 48%;
    }
    .footprint-acc-content-right {
        width: 32%;
    }
    .page-template-tp-foundation .stories-intro-custom-grid-col:nth-child(2) .stories-intro-custom-grid-box-text, 
    .page-template-tp-foundation .stories-intro-custom-grid-col:nth-child(4) .stories-intro-custom-grid-box-text {
        padding-left: 16px;
        padding-right: 16px;
    }
    .page-template-tp-foundation .stories-intro-custom-grid-col:nth-child(2) .stories-intro-custom-grid-box-link a, 
    .page-template-tp-foundation .stories-intro-custom-grid-col:nth-child(4) .stories-intro-custom-grid-box-link a {
            min-height: 32vw;
    }
    .footer-nav ul li a {
        font-size: 14px;
    }
    .stats-inline-list ul li {
        padding: 0 3vw;
    }
    .about-ic-right .text-18 {
        max-width: 84%;
    }
    .focus-list-item-content .text-16 {
        margin-top: 32px;
    }
    .stories-intro-custom-grid-col:nth-child(3) .stories-intro-custom-grid-box-link.v2 a {
        padding: 48px 3vw;
    }
    .stories-intro-custom-grid-box-link.v2 a {
        padding: 48px 3vw;
    }
    .stories-intro-custom-grid-box-link.v2 a:hover .stories-intro-custom-grid-box-link-title {
        top: 32%;
    }   
    .stories-intro-custom-grid-box-link.v2 a:hover .stories-intro-custom-grid-box-text {
        top: 60%;
    }

    .stories-intro-custom-grid-col:nth-child(2) .stories-intro-custom-grid-box-link.v2 a:hover .stories-intro-custom-grid-box-link-title,
    .stories-intro-custom-grid-col:nth-child(4) .stories-intro-custom-grid-box-link.v2 a:hover .stories-intro-custom-grid-box-link-title {
        top: 38%;
    }
    .overlaping-cards-section .section-top {
        margin-bottom: 100px;
    }
}

@media only screen and (max-width: 1199px) {
    .portfolio-filter-sticky {
        margin-bottom: 84px;
    }
    .stories-intro-section.foundation-intro-section {
        margin-bottom: 140px;
    }
    .stories-intro-section.foundation-intro-section .section-top {
        margin-bottom: 104px;
    }
    .footprint-acc-title-text {
        width: 64%;
    }
    .footprint-acc-content-right {
        width: 36%;
    }
    .footprint-acc-content-left {
        width: 54%;
    }
    .footprint-acc-title {
        padding-left: 48px;
    }
    .foodprint-acc-content-hold {
        padding-left: 48px;
    }
    .key-card:nth-child(1) {
        width: 38.48%;
    }
    .key-card:nth-child(2) {
        width: 28.22%;
    }
    .key-card:nth-child(3) {
        width: 18.15%;
    }
    .key-card:nth-child(4) {
        width: 15.15%;
    }
    .page-template-tp-foundation .stories-intro-custom-grid-col:nth-child(2) .stories-intro-custom-grid-box-link.v2 a:hover .stories-intro-custom-grid-box-link-title, 
    .page-template-tp-foundation .stories-intro-custom-grid-col:nth-child(4) .stories-intro-custom-grid-box-link.v2 a:hover .stories-intro-custom-grid-box-link-title {
        top: 32%;
    }

    .page-template-tp-foundation .stories-intro-custom-grid-col:nth-child(2) .stories-intro-custom-grid-box-link a, 
    .page-template-tp-foundation .stories-intro-custom-grid-col:nth-child(4) .stories-intro-custom-grid-box-link a {
        min-height: 40vw;
    }
    .page-template-tp-foundation .stories-intro-custom-grid-col:nth-child(2) .stories-intro-custom-grid-box-text, 
    .page-template-tp-foundation .stories-intro-custom-grid-col:nth-child(4) .stories-intro-custom-grid-box-text {
        padding-left: 12px;
        padding-right: 12px;
    }
    .fr-portfolios-tabs {
        height: calc(36vw / 0.79);
    }
    .positions-section .grid-container.grid-container-lg {
        max-width: 100%;
    }
    .fr-tabs-preloader ul {
        grid-template-columns: repeat(3, 1fr);
    }
    .fr-tabs-preloader ul li:nth-child(4) {
        display: none;
    }
    .fr-list-of-two + .fr-carousel-holder {
        margin-top: 100px;
    }
    .contact-form-hold .form-radios {
        margin-bottom: 64px;
    }   
    .contact-intro-image {
        margin-top: 120px;
    }
    .initiatives-custom-grid .stories-intro-custom-grid-col:nth-child(2), 
    .initiatives-custom-grid .stories-intro-custom-grid-col:nth-child(4) {
        padding-top: 12vw;
    }
    .stories-intro-custom-grid-box-link.v2 a {
        padding: 40px 24px;
    }
    .initiatives-custom-grid .stories-intro-custom-grid-box-link a {
        min-height: 34vw;
    }
    .initiatives-custom-grid .stories-intro-custom-grid-box.object-fit {
        height: 30vw !important
    }

    .stories-intro-custom-grid-col:nth-child(3) .stories-intro-custom-grid-box-link.v2 a {
        min-height: 46vw;
    }
    .focus-list ul li a {
        aspect-ratio: 0.7;
        padding: 32px 32px;
    }
    .foundation-intro-section.stories-intro-section .section-top {
        max-width: 60vw;
    }
    .initiatives-section .section-top {
        max-width: 52vw;
    }
    .title-cta-section .section-top {
        max-width: 60vw;
    }
    .text-section.has-m-tb.has-pb {
        /* padding-bottom: 250px; */
    }
    .stories-intro-section.career-intro-section .section-top {
        max-width: 66vw;
        margin-bottom: 120px;
    }
    .team-section .section-top {
        margin-bottom: 140px;
    }
    .team-grid-content {
        margin-bottom: 100px;
        max-width: 100%;
    }
    .team-grid {
        padding: 0 9%;
    }
    .about-stats-section .stats-inline-list {
        margin-top: 140px;
    }
    .stats-inline-list {
        padding: 0;
    }
    .about-stats-section .single-image-hold {
        box-shadow: 0 0 14px 4px var(--white-alt);
    }
    .about-stats-image-text {
        bottom: 40px;
        left: 4vw;
        width: 38%;
        width: 43%;
    }
    .mb-140 {
        margin-bottom: 120px;
    }
    .about-stats-section .section-top {
        max-width: 62vw;
    }
    .about-section {
        margin-bottom: 140px;
    }
    .about-ic-right .text-18 {
        max-width: 100%;
    }
    .section-has-tb-gradient:before {
        border-radius: 100px;
    }
    .section-has-tb-gradient:after {
        border-radius: 100px;
    }
    .about-intro-section.stories-intro-section .section-top {
        margin-bottom: 120px;
        margin-bottom: 100px;
        max-width: 100vw;
    }
    .about-intro-image-text {
        top: 40px;
        left: 4vw;
        width: 38%;
    }
    .portfolio-card-bottom-list {
        padding: 52px 12px 32px;
    }
    .section-has-top-gradient:before {
        border-radius: 100px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .section-has-top-gradient:after {
        border-radius: 100px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .investment-boxes:not(:last-child) {
        /* margin-bottom: 100px; */
    }
    .investment-boxes {
        padding: 0;
    }
    .mb-120 {
        margin-bottom: 100px;
    }
    .investment-section .section-top {
        max-width: 72vw;
    }
    .overlaping-cards-section .section-top {
        max-width: 85vw;
    }
    .mb-200 {
        margin-bottom: 160px;
        margin-bottom: 140px;
    }
    .portfolio-section.v2 {
        margin: 140px 0 110px;
    }
    .stats-columns-list {
        padding-left: 0;
        padding-right: 0;
    }
    .stories-intro-section .section-top {
        max-width: 80vw;
    }
    .single-gallery .swiper-button-next {
        right: -80px;
    }
    .single-gallery .swiper-button-prev {
        left: -80px;
    }
    .grid-container.grid-container-md {
        max-width: 82%;
    }
    .stories-intro-section .section-top {
        margin-bottom: 120px;
    }
    .pt-160 {
        padding-top: 140px;
    }
    .stories-featured-section .fr-two-carousel + .fr-carousel {
        margin-top: 100px;
    }
    .single-left {
        padding-right: 6%;
    }
    .stories-intro-custom-grid-box-link a {
        padding: 40px 24px;
        gap: 32px;
    }
    .stories-intro-custom-grid-col:nth-child(3) .stories-intro-custom-grid-box-link a {
        padding: 40px 40px;
    }
    .title-32 {
        font-size: 2.8vw;
    }
    .title-28 {
        font-size: 2.4vw;
    }
    .stories-intro-custom-grid {
        margin-left: -13%;
        width: calc(100% + 26% + 24px);
    }
    .stories-more-button {
        margin-top: 80px;
    }
    .all-stories-section .inline-filter-style {
        margin-bottom: 100px;
    }
    .stories-featured-section .section-top {
        margin-bottom: 80px;
    }
    .fr-list-of-four ul {
        margin-bottom: -80px;
    }
    .fr-list-of-four ul li {
        width: calc(33.333% - 24px);
        min-width: calc(33.333% - 24px);
        margin-bottom: 80px;
    }
    #spacer {
        /* height: 0; */
    } 
    .footer-nav ul {
        gap: 24px;
    }
    .footer-box {
        padding: 86px 4vw 48px;
    }
    .footer-box-bottom {
        margin-top: 100px;
    }
    .footer-box .footer-box-top {
        max-width: 55%;
        max-width: 40%;
    }
    .portfolio-carousel-item-content {
        bottom: 48px;
        padding: 0 48px;
    }
    .portfolio-carousel-item-logo {
        padding: 0 48px;
    }
    .portfolio-carousel-item-label {
        top: 48px;
        padding: 0 48px;
    }
    .portfolio-carousel-item {
        width: 36vw;
    }
    .fr-tabs.fr-tabs-tabs {
        margin-bottom: 64px;
    }
    .cta-hold-inner {
        padding: 20vh 10%;
    }
    .text-section.has-m-tb {
        margin-top: 160px;
        margin-top: 140px;
        margin-bottom: 160px;
        margin-bottom: 140px;
    }
    .cta-section {
        margin-bottom: 160px;
        margin-bottom: 140px;
    }
    .focus-section,
    .portfolio-section {
        /* padding: 450px 0; */
        margin: 450px 0;
    }
    .gradient {
        height: 400px;
    }
    .text-28 {
        font-size: 24px;
    }
    .grid-container {
        padding-left: 4vw;
        padding-right: 4vw;
    }
    .nav ul {
        gap: 32px;
    }
    .fr-carousel .owl-nav {
        padding-top: calc(19% - 14px);
    }
    .text-section .title-40 {
        max-width: 82%;
    }
    .title-40 {
        font-size: 3.8vw;
    }
    .title-42 {
        font-size: 3.8vw;
    }
    .title-64 {
        font-size: 6vw;
    }
    .title-108 {
        font-size: 9vw;
    }
    .title-120 {
        font-size: 10vw;
    }
    footer {
        /* margin-top: 160px; */
    }
    .section-has-top-gradient {
        /* padding-top: 200px; */
    }
    .section-has-top-gradient:after {
        filter: blur(16px);
    }
    .images-reveal-list {
        max-width: 74%;
    }
} 

@media only screen and (min-width: 1024px) {
    .mob-nav-hold {
        display: none !important;
    }
}

@media only screen and (max-width: 1023px) {
    .single-right .resource-item-details {
        margin-bottom: 24px;
    }
    .single-right .title-40:not(:last-child), 
    .single-right .title-64:not(:last-child) {
        margin-bottom: 48px;
    }
    .swiper-blur.v2 {
        width: 80px;
    }
    .swiper-blur {
        width: 50px;
    }
    .page-template-tp-contact main {
        padding-bottom: 74px;
    }
    .about-stats-section .stats-inline-list {
        margin-top: 120px;
    }
    .about-intro-section .text-18 {
        margin-top: 64px;
    }
    .about-intro-image-ba:before {
        background: linear-gradient(133deg, #0C161C 11.79%, rgba(12, 22, 28, 0.00) 53.66%);

    }
    .foundation-intro-images {
        margin-left: -20%;
        width: 140%;
    }
    .footprint-acc {
        padding-bottom: 50px;
    }
    .footprint-acc-content-right {
        width: 100%;
        margin-bottom: 28px;
    }
    .footprint-acc-content-left {
        width: 100%;
        order: 2;
    }
    .foodprint-acc-content-hold {
        padding-left: 0;
    }
    .footprint-acc-title > span {
        display: block;
        position: relative;
        top: auto;
        transform: translateY(0);
        left: auto;
        margin-bottom: 16px;
        color: var(--black-70);
    }
    .footprint-acc-title-text {
        width: 100%;
    }
    .footprint-acc-title-cat {
        width: 100%;
        margin-top: 16px;
        padding-right: 0;
        color: var(--black-70);
    }
    .footprint-acc-title {
        padding: 32px 0;
        padding-right: 40px;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap:wrap;
        flex-wrap: wrap;
    }
    .key-cards {
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap:wrap;
        flex-wrap: wrap;
    }
    .key-card {
        min-height: 1px
    }
    .key-card:nth-child(1) {
        width: 100%;
    }
    .key-card:nth-child(2) {
        width: 100%;
        aspect-ratio: 2.5;
        transition-delay: 0s;
    }
    .key-card:nth-child(3) {
        width: 100%;
        aspect-ratio: 4;
        transition-delay: 0s;
    }
    .key-card:nth-child(4) {
        width: 100%;
        aspect-ratio: 4;
        transition-delay: 0s;
    }
    .job-item-middle img {
        opacity: 1;
    }
    .fr-portfolios-tabs {
        height: calc(44vw / 0.79);
    }
    .job-item a {
        padding: 32px 0;
        color: var(--black);
    }
    .posting-categories {
        color: var(--black-70);
        transition: 0.2s;
    }
    .job-item a:hover .posting-categories {
        color: var(--white-alt-70);
    }
    .job-item a:hover {
        padding: 32px 24px;
    }
    .jobs-search {
        margin-bottom: 56px;
        width: 100%;
        max-width: 410px;
        margin-left: auto;
        margin-right: auto;
    }
    .job-item-content {
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .job-item-right {
        flex: 1 1 auto;
        text-align: left;
        order: 3;
    }
    .job-item-right {
        order: 3;
    }
    .job-item-left {
        width: 100%;
        order: 2;

        flex: 1 1 auto;
        justify-content: flex-start;
    }

    .job-item-middle {
        order: 1;
    }
    
    header.nav-active {
        transform: translateY(0%);
    }
    .home-intro-section-hold header {
        margin-top: 0;
    }
    .footer-blur {
        display: none;
    }
    .fr-tabs-preloader ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .fr-tabs-preloader ul li:nth-child(3) {
        display: none;
    }
    .fr-tabs-preloader {
        /* display: none; */
        padding-right: 10%;
    }
    .footer-nav ul li a {
        font-size: 16px;
    }
    .text-section.has-m-tb.mb-lg {
        margin-bottom: 140px;
    }
    .images-reveal-list-item:after {
        box-shadow: 0 0 6px 6px var(--white-alt) inset, 0 0 15px 6px var(--white-alt);
    }
    .fr-list-of-two .resource-item-image {
        padding-bottom: 119.2%;
    }
    .contact-intro-image {
        margin-top: 100px;
    }
    .title-cta-section {
        margin-bottom: 120px;
    }
    .initiatives-section {
        padding-bottom: 140px;
    }
    .foundation-intro-section.stories-intro-section .section-top {
        max-width: 66vw;
    }
    .initiatives-section .section-top {
        max-width: 60vw;
    }
    .title-cta-section .section-top {
        max-width: 65vw;
    }
    .images-reveal-list {
        max-width: 120%;
        margin-left: -10%;
        width: calc(100% + 20%);
    }
    .stories-intro-section.career-intro-section .section-top {
        max-width: 72vw;
        margin-bottom: 100px;
    }
    .team-grid-left {
        padding-right: 6%;
    }
    .team-grid-right {
        padding-left: 6%;
    }
    .team-grid {
        padding: 0 5%;
    }
    .team-section .section-top {
        max-width: 78vw;
        margin-bottom: 120px;
    }
    .stats-inline-list ul li .stats-columns-text > div {
        max-width: 160px;
    }
    .stats-inline-list ul li .stats-columns-text {
        margin-left: 0;
        width: 50%;
        padding-left: 12px;
        max-width: 100%;
    }
    .stats-inline-list .stats-columns-title {
        width: 50%;
        padding-right: 12px;
        -webkit-box-pack: end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        text-align: right;
    }
    .stats-inline-list ul li {
        padding: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 48px;
    }
    .stats-inline-list ul li:last-child {
        margin-bottom: 0px;
    }
    .stats-inline-list ul li:nth-child(3n+2):before, .stats-inline-list ul li:nth-child(3n+2):after {
        display: none;
    }
    .stats-inline-list ul {
        display: block;
    }
    .about-stats-image-text .title-40 {
        margin-bottom: 24px;
    }
    .about-stats-image-text {
        top: 32px;
        bottom: auto;
        left: 32px;
        width: 44%;
        width: 58%;
    }
    .mb-140 {
        margin-bottom: 100px;
    }
    .about-ic-hold {
        padding: 0 5%;
    }
    .about-ic-right {
        width: 100%;
        padding-left: 0%;
    }
    .about-ic-left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 64px;
    }
    .section-has-tb-gradient {
        padding-top: 160px;
    }
    .about-intro-image-text {
        top: 32px;
        left: 32px;
        width: 44%;
    }
    .about-intro-section.stories-intro-section .section-top {
        margin-bottom: 100px;
    }
    .about-intro-image {
        padding-bottom: 100%;
    }
    .investment-boxes {
        padding: 0 8.6%;
    }
    .investment-boxes:not(:last-child) {
        /* margin-bottom: 80px; */
    }
    .investment-box-content {
        max-width: 300px;
    }
    .investment-boxes ul li {
        width: 100%;
        min-width: 100%;
        aspect-ratio: 3;
    }
    .investment-section .section-top {
        max-width: 85vw;
    }
    .faq-acc .accordion-content .text-18 {
        max-width: 85%;
    }
    .faq-acc .accordion-content {
        padding: 8px 24px 40px 0;
        border: none;
        background-color: transparent;
        color: var(--black-60);
    }
    .faq-acc .accordion-title {
        padding: 32px 64px 32px 0;
    }
    .stats-columns-text {
        margin-top: 24px;
    }
    .stats-columns-list ul {
        margin-bottom: -64px;
    }
    .stats-columns-list ul li {
        padding: 0 24px;
        width: 50%;
        margin-bottom: 64px;
    }
    .portfolio-cards > ul > li {
        width: calc(50% - 24px);
        min-width: calc(50% - 24px);
    }
    .single-content-quote.v2 {
        padding: 80px 40px;
        min-height: 1px;
    }
    .single-module-block:not(:last-child) {
        margin-bottom: 100px;
    }
    .single-gallery-title {
        margin-top: 16px;
        text-align: center;
    }
    .single-gallery-hold  {
        padding: 0 32px;
    }
    .entry h2,
    .entry h3 {
        font-size: 28px;
    }

    .grid-container.grid-container-md {
        max-width: 100%;
    }
    .pb-140 {
        padding-bottom: 120px;
    }
    .pt-140 {
        padding-top: 120px;
    }
    .stories-intro-section {
        padding-top: 160px;
    }
    .stories-intro-section .section-top {
        max-width: 75vw;
        margin-bottom: 100px;
    }
    .stories-intro-custom-grid {
        margin-left: -22%;
        width: calc(100% + 44% + 24px);
    }
    .all-stories-section .inline-filter-style {
        margin-bottom: 80px;
    }
    .single-image-mob {
        margin-bottom: 64px;
    }
    .single-button-mob {
        margin-bottom: 64px;
    }
    .single-content-width {
        max-width: 100%;
    }
    .single-right {
        width: 100%;
        padding-left: 0;
        padding-top: 0;
    }
    .single-story .single-right {
        padding-bottom: 0;
    }
    .fr-list-of-four ul li {
        width: calc(50% - 24px);
        min-width: calc(50% - 24px);
    }
    .fr-tabs {
        position: relative;
    }
    .fr-carousel:after {
        opacity: 0;
    }
    .fr-two-carousel:after {
        opacity: 0;
    }
    .fr-two-carousel .resource-item-image {
        padding-bottom: 119.2%;
    }
    
    .nav-trigger span {
        display: -webkit-inline-box;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 8px;
        background: var(--white-alt-20);
        background: rgba(53, 73, 82, 0.1);
        cursor: pointer;
        position: relative;
        transition: background 0.2s;
    }

    .home-intro-section .nav-trigger span {
        background: var(--white-alt-20);
    }
    .nav-trigger span:before,
    .nav-trigger span:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }
    .nav-trigger span:before {
        background: url(../img/hamb-open.svg) no-repeat center center;
    }
    .nav-trigger span:after {
        background: url(../img/hamb-close.svg) no-repeat center center;
        opacity: 0;
    }
    .nav-trigger span.active:before {
        opacity: 0;
    }
    .nav-trigger span.active:after {
        opacity: 1;
    }
    .text-section .title-40 {
        max-width: 94%;
    }
    .fr-carousel.owl-carousel .owl-stage-outer {
        overflow: visible;
    }
    .fr-carousel .owl-nav {
        display: none !important;
    }
    .fr-two-carousel .owl-nav {
        display: none !important;
    }
    .featured-resources-section .fr-tabs .tabs-panel {
        padding-right: 10%;
    }
    .portfolio-carousel-item-content {
        bottom: 32px;
        padding: 0 32px;
    }
    .portfolio-carousel-item-logo {
        padding: 0 32px;
    }
    .portfolio-carousel-item-label {
        top: 32px;
        padding: 0 32px;
    }
    .portfolio-carousel-item {
        width: 44vw;
    }
    .gradient {
        height: 300px;
    }
    .focus-section,
    .portfolio-section {
        /* padding: 350px 0; */
        margin: 350px 0;
    }
    .socials ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .footer-box-bottom-right {
        width: 100%;
        margin-bottom: 80px;
    }
    .footer-nav ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .footer-box-bottom-left {
        width: 100%;
        order: 3;
        text-align: center;
    }
    .footer-logo {
        text-align: center;
    }
    .footer-logo img {
        width: 165px;
        height: auto;
    }
    .cta-hold-inner {
        padding: 120px 32px;
    }
    .header-middle {
        display: none;
    }
    header {
        padding: 20px 0;
    }
    .grid-container {
        padding-left: 32px;
        padding-right: 32px;
    }
    .footer-box {
        padding: 86px 32px 48px;
        padding: 86px 32px 80px;
    }
    .footer-box-bottom-middle {
        width: 100%;
        margin-bottom: 80px;
    }
    .home-intro-content {
        max-width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
    .title-28 {
        font-size: 24px;
    }
    .title-32 {
        font-size: 3.5vw;
    }
    .title-40 {
        font-size: 4.5vw;
    }
    .title-42 {
        font-size: 4.5vw;
    }
    .title-64 {
        font-size: 7vw;
    }
    .title-108 {
        font-size: 10vw;
    }
    .title-120 {
        font-size: 12vw;
    }
    .socials ul {
        gap: 24px;
    }
    .footer-logo a {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .single-right .text-18:not(:last-child) {
        margin-bottom: 64px;
    }
    .single-content-quote-content {
        max-width: 100%;
    }
    .single-video-hold-title {
        text-align: center;
    }
    .about-stats-section .section-top {
        max-width: 70vw;
    }
    .foundation-top-gradient-holder .section-has-top-gradient {
        padding-top: 0 !important; 
    }

    .stories-intro-section.foundation-intro-section {
        margin-bottom: 0;
        padding-bottom: 0px;
        min-height: calc(100vh - 100px);
        padding: 100px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .foundation-intro-section.stories-intro-section .section-top {
        /* margin-bottom: 0; */
    }
    .foundation-top-gradient-holder .foundation-intro-section + .text-section {
        margin-top: 0;
    }
    .focus-list ul  {
        width: 100%;
    }
    .focus-list ul li {
        width: 100%;
        min-width: 100%;
        margin-right: 0;
        margin-bottom: 24px;
    }
    .focus-list ul li a {
        aspect-ratio: 2;
        padding: 40px 40px;
    }
} 

@media screen and (max-width:639px) {
    .portfolio-filter-sticky {
        top: 80px;
        margin-bottom: 64px;
    }
    .open-positions {
        min-height: 560px;
    }
    .swiper-blur {
        display: none;
    }
    .stories-intro-section.foundation-intro-section {
        margin-bottom: 104px;
        margin-bottom: 0px;
        padding-bottom: 104px;
    }
    .about-stats-section {
        padding-bottom: 160px;
    }
    .about-stats-section .stats-inline-list {
        margin-top: 104px;
    }
    .section-has-top-gradient {
        padding-top: 140px;
    }
    .faq-section .section-top {
        margin-bottom: 64px;
    }
    .contact-intro-section .form-radios {
        margin-left: -16px;
        width: calc(100% + 32px);
    }
    .contact-intro-section .reg-form-hold {
        margin-top: 64px;
        padding: 0 16px;
    }
    .foundation-intro-images {
        margin-left: -100%;
        width: calc(300%);
    }
    .footprint-acc-content-left .text-
    .footprint-acc-title-text.title-32 {
        font-size: 24px;
    }
    .initiatives-section .grid-container.grid-container-lg {
        max-width: 92%;
    }
    .footprint-acc-title > span {
        font-size: 14px;
    }
    .key-card:nth-child(1) {
        aspect-ratio: 1.225;
    }
    .key-card:nth-child(2) {
        aspect-ratio: 1.572;
    }
    .key-card:nth-child(3) {
        aspect-ratio: unset;
    }
    .key-card:nth-child(4) {
        aspect-ratio: unset;
    }
    .overlaping-cards-section .section-top {
        margin-bottom: 60px;
    }
    .single-content-logo {
        margin-bottom: 24px;
    }
    .overlaping-card-box:nth-child(1) {
        margin-top: -150px;
    }
    .overlaping-cards-section-title {
        padding-top: 100px;
        padding-bottom: 64px;
        top: 0;
        height: auto;
    }
    .overlaping-cards-hold {
        margin-left: -20px;
        width: calc(100% + 40px);
    }
    .fr-portfolios-tabs {
        height: calc(52vw / 0.655);
    }
    .filter-dropdown > span::after {
        right: 24px;
        top: 24px;
        right: 0;
        top: 32px;
        opacity: 1;
    }
    .filter-dropdown-list {
        left: 0;
        right: 0;
        top: 100%;
        transform: translateX(-0%);
        min-width: 100%;
        width: 100%;
        padding: 28px 24px;
        padding-right: 16px;
        background: var(--white-alt);
        border-radius: 0;
                padding: 0px 0 24px;
    }
    .jobs-search {
        margin-bottom: 16px;
    }
    .filter-dropdown > span {
        color: var(--black);
        /* background: rgba(112, 152, 169, 0.10); */
        padding: 16px 40px 16px 32px;
        border-radius: 30px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

        padding: 24px 40px 24px 0px;
        border-radius: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.15);
    }
    .filter-dropdown.active > span {
        color: var(--black);
        background: transparent;
        border-color: var(--black);
    }
    .filter-dropdown > span:hover {
        background: transparent;
    }
    .filter-dropdown:first-child > span {
        border-top: none;
    }
    .jobs-filters {
        gap: 12px;
        gap: 0px;
        margin-bottom: 40px;
        margin-bottom: 32px;
    }
    .filter-dropdown {
    position: relative;
    min-width: 100%;
}
    .mob-nav-hold {
        padding: 140px 24px 56px;
    }
    .logo a img {
        max-height: 30px;
    }
    .mt-80 {
        margin-top: 64px;
    } 
    .fr-tabs-preloader ul {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .fr-tabs-preloader ul li:nth-child(2) {
        display: none;
    }
    .fr-tabs-preloader {
        padding-right: 25%;
    }
    .socials ul {
        gap: 16px;
    }
    .socials ul li a {
        width: 48px;
        height: 48px;
    }
    .tp-intro-section {
        padding: 144px 0 80px;
    }
    .tp-intro-text {
        color: var(--black-70);
        margin-top: 56px;
    }
    .footer-blur {
        display: none;
    }
    .text-section.has-m-tb.mb-lg {
        margin-bottom: 120px;
        margin-bottom: 100px;
    }
    .contact-form-hold .form-element input, .contact-form-hold .form-element input:focus {
        padding-left: 20px;
    }
    .portfolio-carousel-item-logo.pci-logo img {
        max-width: 112px;
        max-height: 36px;
    }
    .fr-list-of-two + .fr-carousel-holder {
        margin-top: 80px;
    }
    .fr-list-of-two ul {
        width: 100%;
        margin-bottom: -64px;
    }
    .fr-list-of-two ul li {
        width: 100%;
        min-width: 100%;
        margin-right: 0;
        margin-bottom: 64px;
    }
    .section-has-top-gradient-holder:first-child .section-has-top-gradient:after {
        top: -80px;
    }
    .contact-form-hold {
        margin-top: 60px;
    }
    .contact-intro-section .section-top {
        max-width: 60%;
    }
    .contact-select {
        /* width: calc(100% - 106px); */
    }
    .form-cantact-submit {
        width: 100px;
    }
    .contact-intro-image {
        margin-top: 80px;
    } 
    .select2-container {
        width: 100% !important;
    }
    .form-radios .wpcf7-radio {
        gap: 8px;
    }
    .form-radios .wpcf7-radio .wpcf7-list-item span {
        padding: 6px 24px;
    }
    .logos-section {
        padding-bottom: 40px;
    }
    .title-cta-section {
        margin-bottom: 104px;
    }
    .initiatives-section {
        padding-bottom: 100px;
    }
    .initiatives-carousel-hold {
        max-width: 100%;
        padding-left: 24px;
        padding-right: 24px;
    }
    .initiatives-carousel-item a .text-16 {
        margin-top: 32px;
    }
    .initiatives-carousel-item a {
        gap: 44px;
        padding: 40px 10%;
    }
    .section-label.mb-lg {
        margin-bottom: 40px;
    }
    .focus-list ul {
        margin-bottom: -20px;
    }
    .focus-list ul li {
        margin-bottom: 20px;
    }
    .focus-section .section-top {
        max-width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
    .focus-list ul li a {
        aspect-ratio: 0.945;
    }
    .focus-list-item-content .text-16 {
        margin-top: 24px;
    }
    .stories-intro-section.foundation-intro-section {
        min-height: calc(100vh - 50px);
        min-height: calc(100svh - 50px);
    }
    .foundation-intro-section .mt-64 {
        margin-top: 56px;
    }
    .foundation-intro-section .title-32 {
        font-size: 24px;
    }
    .section-has-top-gradient-holder:first-child .section-has-top-gradient {
        padding-top: 144px;
    }
    .foundation-intro-section.stories-intro-section .section-top {
        max-width: 100%;
    }
    .initiatives-section .section-top {
        max-width: 100%;
    }
    .title-cta-section .section-top {
        max-width: 100%;
    }
    .logos-carousel-item img {
        max-height: 26px;
        max-width: 120px;
    }
    .stories-intro-section.career-intro-section {
        padding-bottom: 0;
    }
    .text-section.has-m-tb.has-pb {
        padding-bottom: 210px;
        padding-bottom: 180px;
        margin-top: 64px;
    }
    .images-reveal-list {
        max-width: 280%;
        margin-left: -90%;
        width: calc(100% + 180%);
    }
    .stories-intro-section.career-intro-section .section-top {
        max-width: 100%;
        margin-bottom: 80px;
    }
    .section-has-tb-gradient-holder:first-child .section-has-tb-gradient {
        padding-top: 144px;
    }
    .career-single-form-section .section-top {
        margin-bottom: 80px;
    }
    .career-single-form-section .grid-container,
    .career-single-content-section .grid-container,
    .stories-single-content-section .grid-container {
        padding-left: 40px;
        padding-right: 40px;
    }
    .single-content-width .single-info,
    .single-content-width .text-18,
    .investment-bottom,
    .faq-acc,
    .single-news-right-bottom,
    .portfolio-cards {
        padding-left: 16px;
        padding-right: 16px;
    }
    .team-section .section-top {
        max-width: 100%;
        margin-bottom: 80px;
    }
    .stats-inline-list ul li .stats-columns-text {
        margin-left: 0;
        width: 100%;
        padding-left: 0;
        max-width: 100%;
        text-align: center;
        margin-top: 16px;
    }
    .stats-inline-list ul li .stats-columns-text > div {
        max-width: 100%;
    }
    .stats-inline-list ul li .stats-columns-text br {
        display: none;
    }
    .stats-inline-list .stats-columns-title {
        width: 100%;
        padding-right: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
    .stats-inline-list ul li {
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap:wrap;
        flex-wrap: wrap;
        margin-bottom: 40px;
    }
    .about-section {
        margin-bottom: 120px;
        margin-bottom: 104px;
    }
    .about-intro-image-text-mobile .title-40 {
        margin-bottom: 24px;
        color: var(--black);
    }
    .mb-140 {
        margin-bottom: 80px;
    }
    .title-108.mob-48 {
        font-size: 48px;
        font-size: 12.85vw;
    }
    .about-stats-section .section-top {
        max-width: 100%;
    }
    .about-section .section-top {
        max-width: 95%;
    }
    .about-ic-right .text-18 {
        padding-left: 16px;
        padding-right: 32px;
    }
    .text-18.mob-16 {
        font-size: 16px;
    }
    .text-18.mob-16 p:not(:last-child) {
        margin-bottom: 20px;
    }
    .about-ic-hold {
        padding: 0;
    }
    .section-has-tb-gradient {
        padding-top: 104px;
    }
    .about-ic-image {
        padding-bottom: 119.57%;
    }
    .text-section.has-m-tb.mob-mb-lg {
        margin-bottom: 200px;
        margin-bottom: 104px;
    }
    .about-intro-image {
        padding-bottom: 146.8%;
    }
    .about-intro-section.stories-intro-section .section-top {
        margin-bottom: 80px;
    }
    .about-intro-section .text-18 {
        margin-top: 56px;
    }
    .investment-section {
        padding-bottom: 40px;
    }
    .investment-box-content {
        max-width: 200px;
    }
    .investment-boxes ul li {
        aspect-ratio: unset;
        min-height: 240px;
    }
    .investment-boxes {
        padding: 0 16px;
    }
    .investment-section .section-label {
        margin-bottom: 64px;
    }
    .faq-section.mb-200 {
        margin-bottom: 100px;
    }
    .faq-acc .accordion-content .text-18 {
        max-width: 100%;
        font-size: 16px;
    }
    .faq-acc .accordion-content {
        padding: 8px 0px 40px 0;
    }
    .faq-acc .accordion-title {
        padding: 32px 40px 32px 0;
    }
    .faq-acc .accordion-title::before {
        right: 0;
    }
    .mb-120 {
        margin-bottom: 80px;
    }
    .overlaping-card-box:nth-child(4) {
        margin-top: calc(-52vh + 100px);
    }
    .overlaping-card-box:nth-child(3) {
        margin-top: calc(-61vh + 100px);
    }
    .overlaping-card-box:nth-child(2) {
        margin-top: calc(-70vh + 100px);
    }
    .overlaping-card-box:before {
        filter: blur(6px);
    }
    .overlaping-card-box {
        border-radius: 32px;
        padding: 32px 24px;
    }
    .title-32.overlaping-card-box-title {
        font-size: 24px;
    }
    .text-section.v2 .grid-container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .portfolio-cards > ul {
        width: 100%;
        margin-bottom: -20px;
    }
    .portfolio-cards > ul > li {
        width: 100%;
        min-width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .mb-200 {
        margin-bottom: 120px;
        margin-bottom: 100px;
    }

    .portfolio-section.v2 {
        margin: 100px 0 70px;
    }
    .overlaping-cards-section .section-top {
        max-width: 100vw;
    }
    .stats-columns-text {
        margin-top: 16px;
        font-size: 16px;
    }
    .stats-columns-list ul {
        margin-bottom: -40px;
    }
    .stats-columns-list ul li {
        padding: 0 24px;
        width: 100%;
        margin-bottom: 40px;
    }
    .stories-intro-section.portfolio-intro-section {
        padding-bottom: 0;
    }
    .stories-intro-custom-grid-col:nth-child(3) {
        width: 20%;
    }
    .stories-intro-custom-grid {
        margin-left: -94%;
        width: calc(100% + 188% + 20px);
    }
    .stories-intro-custom-grid-col {
        margin-right: 20px;
        gap: 20px;
    }
    .stories-intro-carousel-item a {
        padding: 60px 40px;
    }
    .stories-intro-section {
        padding-top: 144px;
        padding-bottom: 40px;
    }
    .title-32 {
        font-size: 28px;
    }
    .stories-intro-section .section-top {
        max-width: 100%;
        margin-bottom: 100px;
    }
    .single-gallery-hold {
        padding: 0 20px;
        padding: 0 4px;
    }
    .entry h2,
    .entry h3 {
        font-size: 24px;
    }
    .single-content-quote-text.title-32 {
        font-size: 24px;
        line-height: 1.4;
    }
    .single-module-block:not(:last-child) {
        margin-bottom: 80px;
    }
    .single-content-quote {
        margin-left: -24px;
        margin-left: -40px;
        width: calc(100% + 48px);
        width: calc(100% + 80px);
        padding: 80px 32px;
    }
    .stories-featured-section .fr-two-carousel + .fr-carousel {
        margin-top: 80px;
    }
    .fr-carousel-holder {
        padding-right: 25%;
    }
    .inline-filter-style {
        overflow: auto;
        margin-left: -24px;
        width: calc(100% + 48px);
        padding-left: 24px;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .inline-filter-style ul {
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        gap: 40px;
    }
    .inline-filter-style ul li:last-child {
        padding-right: 24px;
    }
    .all-stories-section .inline-filter-style {
        margin-bottom: 56px;
    }
    .all-stories-section .section-top {
        margin-bottom: 52px;
    }
    .stories-more-button {
        margin-top: 64px;
    }
    .fr-list-of-four ul {
        margin-bottom: -64px;
        width: 100%;
    }
    .fr-list-of-four ul li {
        width: 100%;
        min-width: 100%;
        margin-right: 0;
        margin-bottom: 64px;
    }
    .career-single-form-section {
        padding-bottom: 40px;
    }
    .btn-small-full,
    .btn-small-full:focus,
    .btn-small-full:active {
        width: 100%;
    }
    .entry h5:not(:first-child), 
    .entry h4:not(:first-child), 
    .entry h3:not(:first-child), 
    .entry h2:not(:first-child) {
        margin-top: 80px;
    }
    .pb-120 {
        padding-bottom: 80px;
    }
    .pt-120 {
        padding-top: 80px;
    }
    .pb-140 {
        padding-bottom: 80px;
    }
    .pt-140 {
        padding-top: 80px;
    }
    .single-info ul li span {
        font-size: 18px;
    }
    .single-info ul li {
        font-size: 16px;
    }
    .single-info ul {
        gap: 40px;
    }
    .single-info ul li {
        width: 100%;
    }
    .single-image {
        padding-bottom: 146.8%;
    }
    .single-intro-section {
        padding-top: 104px;
    }   
    .portfolio-carousel-item-title {
        font-size: 20px;
        margin-bottom: 16px;
    }
    .portfolio-carousel-item-text {
        font-size: 14px;
    }
    .fr-tabs .tabs-title:last-child {
        padding-right: 24px;
    }
    .fr-tabs.fr-tabs-tabs {
        overflow: auto;
        margin-left: -24px;
        width: calc(100% + 48px);
        padding-left: 24px;
    }
    .fr-tabs .tabs {
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        gap: 40px;
    }


    .fr-tabs .tabs-title>a{
        white-space: nowrap;
    }
    .cta-hold-inner {
        padding: 115px 32px;
    }
    .cta-section {
        margin-bottom: 100px;
    }
    .text-section.has-m-tb {
        margin-top: 104px;
        margin-bottom: 100px;
    }
    .text-section .title-40 {
        max-width: 100%;
    }
    .portfolio-section .title-108 {
        margin-bottom: 48px;
    }
    .portfolio-carousel-item-content {
        bottom: 20px;
        padding: 0 20px;
    }
    .portfolio-carousel-item-logo {
        padding: 0 20px;
    }
    .portfolio-carousel-item-label {
        top: 20px;
        padding: 0 20px;
    }
    .portfolio-carousel-item:after {
        border-radius: 16px;
    }
    .portfolio-carousel-item {
        width: 52vw;
        aspect-ratio: 0.66;
        border-radius: 16px;
    }
    .gradient {
        height: 225px;
    }
    .focus-section,
    .portfolio-section {
        /* padding: 250px 0; */
        /* margin: 30px 0; */
        margin: 250px 0;
        margin: 120px 0;
    }

    .focus-section {
        margin-top: 20px;
    }
    .featured-resources-section .title-108 {
        max-width: 100%;
        margin-bottom: 32px;
    }
    .fr-tabs.fr-tabs-tabs {
        margin-bottom: 56px;
    }
    .featured-resources-section .fr-tabs .tabs-panel {
        padding-right: 25%;
    }
    footer {
        /* margin-top: 80px; */
        padding-bottom: 40px;
    }
    main {
        padding-bottom: 80px;
    }
    .footer-nav-sec ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .footer-bottom-right {
        width: 100%;
        margin-bottom: 10px;
    }
    .footer-bottom-left {
        width: 100%;
        text-align: center;
        order: 2;
    }
    .footer-bottom {
        margin-top: 48px;
    }
    .footer-box-bottom {
        margin-top: 80px;
    }
    .footer-box .footer-box-top {
        max-width: 100%;
    }
    .footer-box {
        padding: 80px 28px 80px;
    }
    .footer-nav ul {
        display: block;
        text-align: center;
    }
    .footer-nav ul li:not(:last-child) {
        margin-bottom: 20px;
    }
    .grid-container {
        padding-left: 24px;
        padding-right: 24px;
    }
    .home-intro-content {
        margin-left: -24px;
        width: calc(100% + 48px);
        max-width: calc(100% + 48px);
        margin-left: 0px;
        width: calc(100% + 0px);
        max-width: calc(100% + 0px);
    }
    .mt-48 {
        margin-top: 40px;
    }
    .text-28 {
        font-size: 20px;
    }
    .title-40 {
        font-size: 24px;
        font-size: 6.4vw;
    }
    .title-42 {
        font-size: 24px;
        font-size: 6.4vw;
    }
    .title-64 {
        font-size: 48px;
        font-size: 12.8vw;
        line-height: 1.1;
    }
    .title-108 {
        font-size: 64px;
        font-size: 17vw;
        line-height: 1.07;
    }
    .title-120 {
        font-size: 17vw;
    }

	.entry iframe {
		max-width: 100%;
	}

}