.wave,
.bg-deco,
.bg-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: -1;
}

[data-animate],
[data-animate] path {
	transition: all .2s;
	transition-delay: 0s;
}

.picture {
    display: flex;
    background-color: #F7F7F7;
    border-radius: 80px 20px;
    overflow: hidden;
    user-select: none;
}

.picture > img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

:not(.page-home) .hero .container > div {
    margin-top: 34px;
}

/* Home */
.page-home .hero {
    margin-top: 10px;
}

.page-home .hero .container {
    position: relative;
    max-width: 1140px;
}

.page-home .hero .side-content {
    justify-content: flex-start;
    z-index: 3;
}

.page-home .hero .content {
    padding-top: 5rem;
}

.page-home .hero .content h1,
.page-home .hero .content .subtitle,
.page-home .hero .content .buttons {
	position: relative;
	/* left: 100px; */
	opacity: 0;
	transition: all 1s ease-in-out;
}

.page-home .hero.active .content h1,
.page-home .hero.active .content .subtitle,
.page-home .hero.active .content .buttons {
	left: 0;
	opacity: 1;
	transition-delay: 0;
}

.page-home .hero.active .content h1 {
	transition-delay: .4s;
}

.page-home .hero.active .content .subtitle {
	transition-delay: .6s;
}

.page-home .hero .content .buttons {
	transform: translate3d(0, -10px, 0);
}

.page-home .hero.active .content .buttons {
	transition-delay: 1s;
	transform: translate3d(0, 0, 0);
}

.page-home .hero .main-circle {
    position: relative;
    width: 480px;
    height: 480px;
    z-index: 1;
}

.page-home .hero .main-circle .inner-circle {
    position: absolute;
    top: 12.5%;
    right: 20.833%;
    width: 37.1%;
    height: 38.75%;
    background: linear-gradient(179.91deg,
        rgba(230, 230, 230, 0.56) -45.23%,
        rgba(55, 180, 167, 0.8) 130.25%
    );
    mix-blend-mode: normal;
    z-index: 1;
}

.page-home .hero .main-circle .inner-circle .deco-line {
    top: 48%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.page-home .hero .main-circle .text-circle {
    position: absolute;
    top: 33%;
    right: -9%;
    width: 48.5%;
    height: 50%;
    background-image: url(../../images/deco/text-circle-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: translate3d(-50%, -50%, 0);
    z-index: 2;
}

.page-home .hero .main-circle .char {
    position: absolute;
    top: 18.5%;
    left: 19.5%;
    width: 14.583%;
    height: 13.75%;
    background-image: url(../../images/deco/text-bracket-white.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
	animation: littledance 20s infinite;
    z-index: 2;
}

.page-home .hero .main-circle .picture {
    display: block;
    position: absolute;
    left: 9%;
    bottom: 36.25%;
    width: 29.2%;
    height: 17.1%;
    background-color: #FFFFFF;
    box-shadow: 0px 2.28081px 4.56161px rgba(0, 0, 0, 0.25);
    border-radius: 0.725rem;
    overflow: hidden;
}

.page-home .hero .main-circle .picture .mountains {
    position: relative;
    z-index: 2;
}

.page-home .hero .main-circle .picture .circle {
    position: absolute;
    bottom: 0px;
    right: 70px;
    width: 19px;
    height: 19px;
    background-color: var(--color-secondary-orange);
    opacity: 0.4;
    animation: sunrise 6s forwards;
    transition: all .4s;
    z-index: 1;
}

@keyframes sunrise {
    to {
        bottom: 29px;
        right: 50px;
        opacity: 1;
    }
}

.page-home .hero .main-circle .spectrum li:nth-child(5) {
    animation-delay: .6s;
}

.page-home .hero .main-circle .spectrum li:nth-child(4) {
    animation-delay: .5s;
}

.page-home .hero .main-circle .spectrum li:nth-child(3) {
    animation-delay: .4s;
}

.page-home .hero .main-circle .spectrum li:nth-child(2) {
    animation-delay: .3s;
}

.page-home .hero .main-circle .spectrum li:nth-child(1) {
    animation-delay: .2s;
}


.page-home .hero .main-circle .arrows .arrow {
	position: absolute;
	display: block;
	left: 39%;
	bottom: 8.75%;
	width: 5.5%;
	height: 7%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	animation: littledance 20s infinite;
	transition: all 1s;
	z-index: 2;
}

.page-home .hero .main-circle .arrows .arrow.left {
	bottom: 12.3%;
	background-image: url(../../images/deco/arrow-bold-left.png);
	animation-delay: .2s;
}

.page-home .hero .main-circle .arrows .arrow.right {
	left: 49.2%;
	background-image: url(../../images/deco/arrow-bold-right.png);
	animation-delay: 5s;
}

.page-home .hero .main-circle .circle.orange-big,
.page-home .hero .main-circle .circle.orange-small {
	position: absolute;
	background-color: var(--color-secondary-orange);
	z-index: 1;
}

.page-home .hero .main-circle .circle.orange-big {
	top: 28.75%;
	left: 15.625%;
	width: 1.5%;
	height: 1.5%;
	animation: littledance 6s infinite ease-in-out;
	opacity: 0;
	transition: all 4s;
}

.page-home .hero.active .main-circle .circle.orange-big {
	width: 12.5%;
	height: 12.5%;
	opacity: 1;
}

.page-home .hero .main-circle .circle.orange-small {
	bottom: 11.0416%;
	right: 20.416%;
	width: 0.416%;
	height: 0.416%;
	animation: littledance 12s infinite ease-in-out;
	transition: all 4s;
	transition-delay: 1s;
	opacity: 0;
}

.page-home .hero.active .main-circle .circle.orange-small {
	width: 5.416%;
	height: 5.416%;
	opacity: 1;
}

@keyframes littledance {
	  0% { transform: translate3d(0, 0, 0) scale(1); }
	 25% { transform: translate3d(-5px, 2px, 0) scale(0.98); }
	 50% { transform: translate3d(5px, -5px, 0) scale(1.1); }
	 75% { transform: translate3d(-3px, 3px, 0) scale(0.98); }
	100% { transform: translate3d(0, 0, 0) scale(1); }
}

.page-home .hero .main-circle .waves-light-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: inherit;
	overflow: hidden;
	z-index: 1;
}

.page-home .hero .main-circle .waves-light {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	bottom: -7%;
	left: 50%;
	height: 100%;
	width: 100%;
	transform: translateX(-50%);
}

.page-home .hero .main-circle .waves-light svg {
	transform: scale(1) rotate(40deg) skew(150deg, -40deg);
	animation: waves-move 12s infinite;
}

@keyframes waves-move {
	  0% { transform: scale(1) rotate(0deg) skew(0deg, 0deg); }
	 50% { transform: scale(1.1) rotate(20deg) skew(10deg, -10deg); }
	100% { transform: scale(1) rotate(0deg) skew(0deg, 0deg); }
}


.page-home .hero .main-circle .waves-light svg .svg-elem-1 {
	stroke-dashoffset: 1071.1158447265625px;
	stroke-dasharray: 1071.1158447265625px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 1s, opacity 1.6s ease-in-out 1s;
			transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 1s, opacity 1.6s ease-in-out 1s;
}

.page-home .hero .main-circle .waves-light svg .svg-elem-2 {
	stroke-dashoffset: 1056.71484375px;
	stroke-dasharray: 1056.71484375px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 1.12s, opacity 1.6s ease-in-out 1s;
			transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 1.12s, opacity 1.6s ease-in-out 1s;
}

.page-home .hero .main-circle .waves-light svg .svg-elem-3 {
	stroke-dashoffset: 1042.59619140625px;
	stroke-dasharray: 1042.59619140625px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 1.24s, opacity 1.6s ease-in-out 1s;
			transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 1.24s, opacity 1.6s ease-in-out 1s;
}

.page-home .hero .main-circle .waves-light svg .svg-elem-4 {
	stroke-dashoffset: 1029.2203369140625px;
	stroke-dasharray: 1029.2203369140625px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 1.36s, opacity 1.6s ease-in-out 1s;
			transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 1.36s, opacity 1.6s ease-in-out 1s;
}

.page-home .hero .main-circle .waves-light svg .svg-elem-5 {
	stroke-dashoffset: 1016.1370239257812px;
	stroke-dasharray: 1016.1370239257812px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 1.48s, opacity 1.6s ease-in-out 1s;
			transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 1.48s, opacity 1.6s ease-in-out 1s;
}

.page-home .hero .main-circle .waves-light svg .svg-elem-6 {
	stroke-dashoffset: 1003.7852783203125px;
	stroke-dasharray: 1003.7852783203125px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 1.6s, opacity 1.6s ease-in-out 1s;
			transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 1.6s, opacity 1.6s ease-in-out 1s;
}

.page-home .hero .main-circle .waves-light svg .svg-elem-7 {
	stroke-dashoffset: 991.9693603515625px;
	stroke-dasharray: 991.9693603515625px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 1.72s, opacity 1.6s ease-in-out 1s;
			transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 1.72s, opacity 1.6s ease-in-out 1s;
}

.page-home .hero .main-circle .waves-light svg .svg-elem-8 {
	stroke-dashoffset: 980.7070922851562px;
	stroke-dasharray: 980.7070922851562px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 1.84s, opacity 1.6s ease-in-out 1s;
			transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 1.84s, opacity 1.6s ease-in-out 1s;
}

.page-home .hero .main-circle .waves-light svg .svg-elem-9 {
	stroke-dashoffset: 970.0169677734375px;
	stroke-dasharray: 970.0169677734375px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 1.96s, opacity 1.6s ease-in-out 1s;
			transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 1.96s, opacity 1.6s ease-in-out 1s;
}

.page-home .hero .main-circle .waves-light svg .svg-elem-10 {
	stroke-dashoffset: 960.0639038085938px;
	stroke-dasharray: 960.0639038085938px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 2.08s, opacity 1.6s ease-in-out 1s;
			transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 2.08s, opacity 1.6s ease-in-out 1s;
}

.page-home .hero .main-circle .waves-light svg .svg-elem-11 {
	stroke-dashoffset: 950.8696899414062px;
	stroke-dasharray: 950.8696899414062px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 2.2s, opacity 1.6s ease-in-out 1s;
			transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 2.2s, opacity 1.6s ease-in-out 1s;
}

.page-home .hero .main-circle .waves-light svg .svg-elem-12 {
	stroke-dashoffset: 942.3010864257812px;
	stroke-dasharray: 942.3010864257812px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 2.3199999999999998s, opacity 1.6s ease-in-out 1s;
			transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 2.3199999999999998s, opacity 1.6s ease-in-out 1s;
}

.page-home .hero .main-circle .waves-light svg .svg-elem-13 {
	stroke-dashoffset: 934.6473388671875px;
	stroke-dasharray: 934.6473388671875px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 2.44s, opacity 1.6s ease-in-out 1s;
			transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 2.44s, opacity 1.6s ease-in-out 1s;
}

.page-home .hero .main-circle .waves-light svg .svg-elem-14 {
	stroke-dashoffset: 927.8869018554688px;
	stroke-dasharray: 927.8869018554688px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 2.56s, opacity 1.6s ease-in-out 1s;
			transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 2.56s, opacity 1.6s ease-in-out 1s;
}

.page-home .hero .main-circle .waves-light svg .svg-elem-15 {
	stroke-dashoffset: 921.9931640625px;
	stroke-dasharray: 921.9931640625px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 2.68s, opacity 1.6s ease-in-out 1s;
			transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 2.68s, opacity 1.6s ease-in-out 1s;
}

.page-home .hero .main-circle .waves-light svg .svg-elem-16 {
	stroke-dashoffset: 917.2333374023438px;
	stroke-dasharray: 917.2333374023438px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 2.7999999999999998s, opacity 1.6s ease-in-out 1s;
			transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 2.7999999999999998s, opacity 1.6s ease-in-out 1s;
}

.page-home .hero .main-circle .waves-light svg .svg-elem-17 {
	stroke-dashoffset: 913.4984741210938px;
	stroke-dasharray: 913.4984741210938px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 2.92s, opacity 1.6s ease-in-out 1s;
			transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 2.92s, opacity 1.6s ease-in-out 1s;
}

.page-home .hero .main-circle .waves-light svg .svg-elem-18 {
	stroke-dashoffset: 911.05615234375px;
	stroke-dasharray: 911.05615234375px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 3.04s, opacity 1.6s ease-in-out 1s;
			transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 3.04s, opacity 1.6s ease-in-out 1s;
}

.page-home .hero .main-circle .waves-light svg .svg-elem-19 {
	stroke-dashoffset: 909.796630859375px;
	stroke-dasharray: 909.796630859375px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 3.16s, opacity 1.6s ease-in-out 1s;
			transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 3.16s, opacity 1.6s ease-in-out 1s;
}

.page-home .hero .main-circle .waves-light svg .svg-elem-20 {
	stroke-dashoffset: 909.8576049804688px;
	stroke-dasharray: 909.8576049804688px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 3.28s, opacity 1.6s ease-in-out 1s;
			transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 3.28s, opacity 1.6s ease-in-out 1s;
}

.page-home .hero .main-circle .waves-light svg .svg-elem-21 {
	stroke-dashoffset: 911.22021484375px;
	stroke-dasharray: 911.22021484375px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 3.4s, opacity 1.6s ease-in-out 1s;
			transition: stroke-dashoffset 1s cubic-bezier(0.19, 1, 0.22, 1) 3.4s, opacity 1.6s ease-in-out 1s;
}

.page-home .hero .main-circle .waves-light svg path {
	opacity: 0;
}

.page-home .hero.active .main-circle .waves-light svg path {
	stroke-dashoffset: 0;
	opacity: 1;
}

.page-home .hero .main-circle .waves-orange {
	position: absolute;
	top: 48%;
	left: -70px;
	height: 100%;
	width: calc(100vw + 130px);
	transform: translate3d(-50vw, -50%, 0);
	pointer-events: none;
	z-index: -1;
}

.page-home .hero .main-circle .waves-orange .svg-elem-1 {
	stroke-dashoffset: 2026.424560546875px;
	stroke-dasharray: 2026.424560546875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.page-home .hero.active .main-circle .waves-orange .svg-elem-1 {
	stroke-dashoffset: 4052.84912109375px;
}

.page-home .hero .bg-text {
	position: absolute;
	top: -25%;
	left: 50%;
	width: 116% !important;
	height: 100%;
	background-image: url(../../images/deco/text-bg-videotech.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: translateX(-50%);
	transition: 1s;
	opacity: 0.5;
	z-index: -1;
}

.page-home .hero.active .bg-text {
	top: -31%;
	opacity: 1;
}

.page-home .hero .bg-circles {
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0;
	width: 100%;
	height: 100%;
	transform: translateX(-50%);
	z-index: -1;
}

.page-home .hero .bg-circles .circle {
	position: absolute;
}

.page-home .hero .bg-circles .circle.left {
    top: -15px;
    left: -6.7%;
    width: 346px;
    height: 346px;
    background-color: transparent;
    border: 4px solid var(--color-primary-light-green);
    opacity: 0.1;
}

.page-home .hero .bg-circles .circle.right {
    top: -30px;
    right: -60px;
    width: 46px;
    height: 46px;
    background-color: var(--color-primary-light-green);
	animation: littledance 10s infinite;
    opacity: 0.1;
}

.page-home .why {
    margin-top: 70px;
}

.page-home .why .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1140px;
    margin: 0 auto;
}

.page-home .why .container > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    flex-grow: 1;
}

.page-home .why .bg-circles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.page-home .why .bg-circles .circle {
    position: absolute;
}

.page-home .why .bg-circles .circle.orange {
    bottom: -80px;
    right: 21vw;
    width: 28px;
    height: 28px;
    background-color: var(--color-secondary-orange-100);
	animation: littledance 16s infinite;
}

.page-home .why .bg-circles .circle.green {
    top: 60%;
    right: -218px;
    width: 368px;
    height: 368px;
    background-color: transparent;
    border: 6px solid var(--color-primary-light-green-100);
    transform: translateY(-50%);
}

.page-home .partner .container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 75px;
}

.page-home .partner .side-image {
    position: relative;
    margin-left: -70px;
}

.page-home .partner .side-image .picture {
    position: relative;
    width: calc(100vw - 40px);
    height: min(452px, 50vw);
    min-width: 334px;
    max-width: 422px;
    min-height: 360px;
    max-height: 452px;
    box-shadow: 0px 2.15821px 4.31643px rgba(0, 0, 0, 0.25);
    border-radius: 80px 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

.page-home .partner .side-image::after {
    content: '';
    position: absolute;
    bottom: -22%;
    left: -36%;
    width: 328px;
    height: 328px;
    border-radius: 50%;
    background-color: var(--color-primary-light-green);
    opacity: 0.35;
    z-index: -1;
}

.page-home .partner .side-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 440px;
}

.page-home .partner .side-content h2 {
    margin-bottom: 0.6em;
}

.page-home .partner .side-content p {
    line-height: 1.75;
}

.page-home .partner .side-content .buttons  {
    margin-top: 2.75em;
}

.page-home .partner .bg-circles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.page-home .partner .bg-circles .circle.left {
    position: absolute;
    left: 50%;
    margin-left: calc(-550px - 3.1vw);
    width: 46px;
    height: 46px;
    background-color: var(--color-secondary-orange);
    transform: translate3d(-50%, 0, 0);
	transition: all 6s;
	opacity: 0.6;
	animation: littledance 14s infinite;
}

.page-home .partner .bg-circles.active .circle.left {
	opacity: 1;
}

.page-home .partner .bg-circles .circle.right {
    position: absolute;
    bottom: -40px;
    right: -80px;
    width: 158px;
    height: 158px;
    background-color: var(--color-secondary-orange-100);
	animation: littledance 10s infinite;
}

.page-home .highlights {
    margin-top: 130px;
}

.page-home .highlights h2 {
    text-align: center;
    margin-bottom: 1.1em;
}

.page-home .highlights .highlights-items {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    margin: 0 auto;
    width: 100%;
    max-width: 942px;
}

.page-home .highlights .item-box {
    padding: 24px;
    padding-top: 27px;
    padding-bottom: 52px;
    width: 90%;
    max-width: 260px;
    max-height: 344px;
    text-align: center;
    background-color: #FFFFFF;
	box-shadow: 0 0 0 3px var(--color-primary-green-200);
    border-radius: 1.375rem;
	transform: translate3d(0, 30px, 0);
	opacity: 0;
	transition: all .6s ease-in-out;
}

.page-home .highlights.active .item-box {
	transform: translate3d(0, 0, 0);
	transition-delay: 0 !important;
	opacity: 1;
}

.page-home .highlights .item-box:nth-child(1) {
	transition-delay: .2s;
}

.page-home .highlights .item-box:nth-child(2) {
	transition-delay: .5s;
}

.page-home .highlights .item-box:nth-child(3) {
	transition-delay: .9s;
}

.page-home .highlights .item-box h4 {
    margin-bottom: 0.5em;
    color: var(--color-primary-green);
}

.page-home .highlights .item-box p {
    font-size: 14px;
    line-height: 1.7;
}

.page-home .highlights .item-box .icon {
    margin-bottom: 8px;
    max-width: 52px;
    max-height: 44px;
}

.page-home .highlights .item-box .icon-recycle {
    background-image: url(../../images/icons/recycle.svg);
}

.page-home .highlights .item-box .icon-monitor {
    background-image: url(../../images/icons/monitor.svg);
}

.page-home .highlights .item-box .icon-world {
    background-image: url(../../images/icons/world.svg);
}

.page-home .highlights .buttons {
    margin-top: 2.75rem;
    text-align: center;
}

.page-home .highlights .buttons {
    transform: translate3d(0, -10px, 0);
	transition: all .4s;
	transition-delay: 1.6s;
	opacity: 0;
}

.page-home .highlights.active .buttons {
    transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-home .highlights .bg-line {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	z-index: -1;
}

.page-home .highlights .bg-line svg {
	position: relative;
	display: block;
	width: 100vw;
	top: 50%;
	transform: translateY(-50%);
}

.page-home .highlights .bg-line svg .svg-elem-1 {
	stroke-dashoffset: 2016.386474609375px;
	stroke-dasharray: 2016.386474609375px;
	-webkit-transition: stroke-dashoffset 2s ease-out 0s;
			transition: stroke-dashoffset 2s ease-out 0s;
}

.page-home .highlights .bg-line svg.active .svg-elem-1 {
	stroke-dashoffset: 4032.77294921875px;
}

.page-home .services {
    margin-top: 70px;
}

.page-home .services .container {
    position: relative;
}

.page-home .services h2 {
    margin-bottom: 1.3em;
    text-align: center;
}

.page-home .services .services-items {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    max-width: 900px;
    margin: 0 auto;
	pointer-events: none;
}

.page-home .services .services-items .item-box {
    position: relative;
    display: block;
    padding: 16px;
    width: 394px;
    height: 208px;
    text-align: center;
    color: var(--color-primary-green);
    background-color: #FFFFFF;
    box-shadow: -1.82172px 1.82172px 14.5737px rgba(0, 0, 0, 0.1);
    border: 2.8px solid var(--color-secondary-orange-100);
    border-radius: 18px;
    transition: all .4s;
    user-select: none;
	pointer-events: all !important;
}

.page-home .services .services-items .item-box.active {
    color: #FFFFFF;
    background-color: var(--color-primary-green);
    box-shadow: -1.82172px 1.82172px 14.5737px rgba(0, 0, 0, 0);
    border-color: transparent;
}

.page-home .services .services-items .item-box .item-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    user-select: none;
}

.page-home .services .services-items .item-box .item-cover::after {
    content: '';
    position: absolute;
    display: block;
    top: 56px;
    left: 16px;
    width: 0;
    height: 1px;
    background-color: #FFFFFF;
    transform: translate3d(0, -50%, 0);
    transition: 0.85s;
}

.page-home .services .services-items .item-box.active .item-cover::after {
    width: calc(100% - 32px);
}

.page-home .services .services-items .item-box .item-cover .arrow {
    display: none;
}

.page-home .services .services-items .item-box .item-cover .item-icon {
    position: absolute;
    top: calc(50% - 32px);
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    transition: all .6s;
}

.page-home .services .services-items .item-box.active .item-cover .item-icon {
    top: 28px;
    left: 32px;
    width: 38px;
    height: 38px;
}

.page-home .services .services-items .item-box .item-cover .item-icon path {
    transition: all .6s;
}

.page-home .services .services-items .item-box.active .item-cover .item-icon path {
    fill: #FFFFFF !important;
}

.page-home .services .services-items .item-box .item-cover h4 {
    position: absolute;
    top: calc(50% + 20px);
    left: 50%;
    display: inline-block;
    font-size: var(--size-xl);
    color: inherit;
    transform: translate3d(-50%, -50%, 0);
    transition: all .6s;
}

.page-home .services .services-items .item-box.active .item-cover h4 {
    top: 16px;
    left: 68px;
    transform: translate3d(0, 0, 0);
}

.page-home .services .services-items .item-box .item-logos {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 32px;
    padding-top: 76px;
    padding-bottom: 22px;
    opacity: 0;
    transition: all .9s;
}

.page-home .services .services-items .item-box .item-logos.custom-padding {
    justify-content: space-around;
    padding: 62px;
    padding-top: 76px;
}

.page-home .services .services-items .item-box .item-logos.custom-basis img {
    flex-basis: 117px;
    max-height: 54px;
}

.page-home .services .services-items .item-box.active .item-logos {
    opacity: 1;
}

.page-home .services .services-items .item-box .item-logos.one-row {
    padding: 22px;
    padding-top: 56px;
}

.page-home .services .bg-circles .circle.left {
    position: absolute;
    left: 0;
    top: 45%;
    width: 68px;
    height: 68px;
    background-color: var(--color-primary-light-green-100);
	animation: littledance 10s infinite;
}

.page-home .expertise {
    margin-top: 120px;
}

.page-home .expertise .container {
    position: relative;
}

.page-home .expertise h2 {
    margin-bottom: 70px;
    text-align: center;
}

.page-home .expertise .expertise-items {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: 20px;
    height: 290px;
    user-select: none;
}

.page-home .expertise .item-box {
    position: relative;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 30px;
    width: 248px;
    color: var(--color-primary-green);
    background-color: transparent;
    border: 2px solid transparent;
    border-radius: var(--size-sm);
    box-shadow: 0 4px 18px rgba(37, 150, 138, 0);
    transition: all .4s;
    z-index: 1;
}

.page-home .expertise .wrapper.only-desktop .item-box {
	top: 20px;
	opacity: 0;
}

.page-home .expertise .wrapper.only-desktop.active .item-box {
	top: 0;
	opacity: 1;
	transition-delay: unset !important;
}

.page-home .expertise .expertise-items:nth-child(1) .item-box:nth-child(1) {
	transition-delay: .2s;
}

.page-home .expertise .expertise-items:nth-child(1) .item-box:nth-child(2) {
	transition-delay: .3s;
}

.page-home .expertise .expertise-items:nth-child(1) .item-box:nth-child(3) {
	transition-delay: .4s;
}

.page-home .expertise .expertise-items:nth-child(1) .item-box:nth-child(4) {
	transition-delay: .5s;
}

.page-home .expertise .expertise-items:nth-child(2) .item-box:nth-child(1) {
	transition-delay: .6s;
}

.page-home .expertise .expertise-items:nth-child(2) .item-box:nth-child(2) {
	transition-delay: .7s;
}

.page-home .expertise .expertise-items:nth-child(2) .item-box:nth-child(3) {
	transition-delay: .8s;
}

.page-home .expertise .expertise-items:nth-child(2) .item-box:nth-child(4) {
	transition-delay: .9s;
}

.page-home .expertise .item-box > * {
    position: relative;
    z-index: 2;
}

.page-home .expertise .item-box::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 50%;
    background-color: transparent;
    border: 2px solid transparent;
    border-radius: var(--size-sm);
    box-shadow: 0 4px 18px rgba(37, 150, 138, 0);
    transition: all .4s;
    z-index: 1;
}

.page-home .expertise .item-box .top {
    cursor: pointer;
    padding-bottom: 8px;
}

.page-home .expertise .item-box.hover {
    z-index: 2;
}

.page-home .expertise .item-box.hover::after {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    border-color: var(--color-primary-green);
    box-shadow: 0px 4px 18px rgba(37, 150, 138, 0.2);
    z-index: 1;
    transition: all .4s;
}

.page-home .expertise .item-box h5 {
    margin-top: 0;
    font-family: var(--font-poppins);
    font-weight: normal;
    line-height: 1.4;
    text-shadow: 0 0 1px transparent;
}

.page-home .expertise .item-box.hover h5 {
    text-shadow: 0 0 1.2px var(--color-primary-green);
}

.page-home .expertise .item-box ul {
    font-size: var(--size-xs);
    line-height: 2;
    list-style: outside;
    padding-left: 1.25em;
    opacity: 0;
    pointer-events: none;
}

.page-home .expertise .item-box.hover ul {
    opacity: 1;
}

.page-home .expertise .item-box,
.page-home .expertise .item-box h5,
.page-home .expertise .item-box ul {
    transition: all .4s;
}

.page-home .expertise .icon {
    max-width: 60px;
    max-height: 60px;
}

.page-home .expertise .icon-cloud {
    background-image: url(../../images/icons/green-cloud.svg);
}

.page-home .expertise .icon-monitor {
    background-image: url(../../images/icons/green-monitor.svg);
}

.page-home .expertise .icon-lock {
    background-image: url(../../images/icons/green-lock.svg);
}

.page-home .expertise .icon-stats {
    background-image: url(../../images/icons/green-stats.svg);
}

.page-home .expertise .icon-graph {
    background-image: url(../../images/icons/green-graph.svg);
}

.page-home .expertise .icon-stream {
    background-image: url(../../images/icons/green-stream.svg);
}

.page-home .expertise .icon-ott {
    background-image: url(../../images/icons/green-ott.svg);
}

.page-home .expertise .icon-user {
    background-image: url(../../images/icons/green-user.svg);
}

.page-home .expertise .bg-text {
    position: absolute;
    top: 0;
    left: 50%;
    width: 98%;
    height: 100%;
    max-width: 1200px;
    background-image: url(../../images/deco/text-bg-experts.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: translateX(-50%);
    z-index: -1;
}

.page-home .expertise .bg-circles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.page-home .expertise .bg-circles .circle {
    position: absolute;
}

.page-home .expertise .bg-circles .circle.small {
    bottom: 70px;
    left: 70px;
    width: 68px;
    height: 68px;
    background-color: var(--color-secondary-orange-100);
	animation: littledance 20s infinite;
}


.page-home .clients .container {
    position: relative;
}

.page-home .clients h2 {
    text-align: center;
}

.page-home .clients .clients-items {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 60px;
    margin: 0 auto;
    margin-top: 70px;
    width: 100%;
    max-width: 1140px;
    user-select: none;
}

.page-home .clients .clients-items.only-desktop {
	display: flex !important;
}

.page-home .clients .item-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 164px;
    height: 44px;
}

.page-home .clients .item-box img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.page-home .clients .item-box img.smaller {
    max-width: 84%;
    max-height: 70%;
}

.page-home .clients .item-box img.bigger {
    max-height: 110%;
}

/* hotfix! TODO elección por panel */
.page-home .clients .item-box img[alt="AMD"] {
    max-width: 142px;
}

.page-home .clients .bg-circles .circle {
    position: absolute;
    bottom: -10px;
    right: -62px;
    width: 44px;
    height: 44px;
    background-color: var(--color-secondary-orange-100);
	animation: littledance 16s infinite;
}

.page-home .testimonials {
    margin-top: 170px;
    margin-bottom: 20px;
}

.page-home .testimonials h2 {
    text-align: center;
}

.page-home .testimonial-slider .slider {
    margin-top: 60px;
}

.page-home .testimonials .video-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
}

.page-home .testimonials .video-wrapper iframe,
.page-home .testimonials .video-wrapper video,
.page-home .testimonials .video-wrapper .video-iframe-cover {
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

.page-home .testimonials .video-wrapper .video-iframe-cover,
.page-work .testimonials .video-wrapper .video-iframe-cover {
    position: absolute;
    display: block;
    background-image: url('https://www.qualabs.com/uploads/testimonial-scott_addison_clay-cover.png');
    background-size: cover;
    pointer-events: none;
    z-index: 222;
}

.page-home .testimonials .video-wrapper .video-iframe-cover::before,
.page-work .testimonials .video-wrapper .video-iframe-cover::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 72px;
    height: 72px;
    background-image: url('https://ssl.gstatic.com/s2/tt/images/play-overlay.png');
    transform: translate3d(-50%, -50%, 0);
    background-repeat: no-repeat;
    background-size: contain;
}

.page-home .testimonials .buttons {
    margin-top: 60px;
    text-align: center;
}

.page-home .testimonials .bg-text {
    position: absolute;
    top: -42%;
    left: 50%;
    width: 120%;
    height: 100%;
    max-width: 1200px;
    background-image: url(../../images/deco/text-bg-our-clients.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: translateX(-50%);
    z-index: -1;
}

.page-home .labs .bg-deco .our-labs {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.page-home .labs .container .labs-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    max-width: 942px;
    margin: 0 auto;
}

.page-home .labs .container .labs-container .lab {
    border-radius: 20px;
    border: 3px solid #FF8D4E;
    padding: 20px;
    display: flex;
    flex-direction: column;
    max-width: 290px;
	max-height: 290px;
    gap: 10px;
	background: #FFF;
	text-decoration: none;
	transition: all 0.1s ease-in-out;
	justify-content: space-between;
}

.page-home .labs .labs-container a picture {
	display: block;
	width: 80px;
}

.page-home .labs .container .labs-container a h4 {
	text-transform: uppercase;
	color: #36B4A7;
    font-size: var(--size-xl);
}

.page-home .labs .container .labs-container a p {
    font-size: 14px;
}

.page-home .labs .container .labs-container .lab:hover  {
	color: unset;
}

.page-home .labs .container .labs-container .lab:hover {
	box-shadow: 0 10px 40px 0 rgba(255, 141, 78, 0.24), 0 20px 60px 0px rgba(255, 141, 78, 0.2)
}

.page-home .labs .container .buttons {
    text-align: center;
    margin-top: 50px;
}

.page-home .labs .bg-text {
	left: 50%;
    width: 110% !important;
    background-image: url(../../images/deco/text-labs.png);
    transform: translate(-50%, 0);
}

.page-home .labs .bg-deco .circle.left {
    position: absolute;
	top: 38%;
    left: -100px;
    width: 185px;
    height: 185px;
    background-color: var(--color-secondary-orange-100);
    animation: littledance 32s infinite;
}

.page-home .labs h2 {
    margin-bottom: 1.3em;
    text-align: center;
}

.page-about .hero .container {
    max-width: 1140px;
}

.page-about .side-text p {
    margin-top: 24px;
}

.page-about .side-text ul {
    padding-left: 0.5rem;
    list-style: inside;
    line-height: 1.75;
    font-weight: bold;
}

.page-about .hero,
.page-about .hero .container {
    position: relative;
}

.page-about .hero h1 {
	transform: translate3d(0, -40px, 0);
	transition: all 1s ease-in-out;
	transition-delay: .4s;
	opacity: 0;
}

.page-about .hero.active h1 {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-about .hero .headline {
    margin-bottom: 1rem;
    font-family: var(--font-rubik);
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 1.5px;
	transform: translate3d(0, 20px, 0);
	transition: all 1s ease-in-out;
	transition-delay: .8s;
	opacity: 0;
}

.page-about .hero.active .headline {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-about .hero .side-deco {
	align-items: flex-end;
}

.page-about .hero .main-circle {
	position: relative;
	width: 404px;
	height: 404px;
	z-index: 1;
}

.page-about .hero .main-circle .char {
	position: absolute;
	top: -40px;
	left: -80px;
	width: 40px;
	height: 86px;
	background-image: url(../../images/deco/text-bracket-green.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: contain;
	z-index: 2;
}

.page-about .hero .main-circle .illustration {
	user-select: none;
}

.page-about .hero .main-circle .illustration img {
	position: absolute;
	bottom: 42px;
	left: -10px;
}

.page-about .hero .main-circle .deco-line {
	position: absolute;
	bottom: -30px;
	left: -30px;
	transform: scale(1.5);
}

.page-about .hero .main-circle .circle.dot {
	position: absolute;
	bottom: 34px;
	right: 160px;
	width: 16px;
	height: 16px;
	background-color: var(--color-primary-green-200);
}

.page-about .hero .container .bg-deco .circle.orange {
	position: absolute;
	top: 50%;
	left: -60px;
	width: 28px;
	height: 28px;
	background-color: var(--color-secondary-orange-100);
	animation: littledance 6s infinite;
	transition: all 4s ease-in-out;
	opacity: 0;
}

.page-about .hero.active .container .bg-deco .circle.orange {
	width: 34px;
	height: 34px;
	opacity: 1;
}

.page-about .hero .bg-deco .wave {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.page-about .hero + .bg-deco .wave.light {
	top: 50px;
	height: 100%;
	background-position-y: top;
	z-index: -1;
}

.page-about .hero + .bg-deco .wave.light svg path {
	opacity: 0;
}

.page-about .hero + .bg-deco.active .wave.light svg path {
	opacity: 1;
}

.page-about .hero + .bg-deco .wave.light svg .svg-elem-1 {
	stroke-dashoffset: 2082.664794921875px;
	stroke-dasharray: 2082.664794921875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.page-about .hero + .bg-deco.active .wave.light svg .svg-elem-1 {
	stroke-dashoffset: 4165.32958984375px;
}

.page-about .hero + .bg-deco .wave.light svg .svg-elem-2 {
	stroke-dashoffset: 2046.4986572265625px;
	stroke-dasharray: 2046.4986572265625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.12s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.12s;
}

.page-about .hero + .bg-deco.active .wave.light svg .svg-elem-2 {
	stroke-dashoffset: 4092.997314453125px;
}

.page-about .hero + .bg-deco .wave.light svg .svg-elem-3 {
	stroke-dashoffset: 2012.7108154296875px;
	stroke-dasharray: 2012.7108154296875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.24s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.24s;
}

.page-about .hero + .bg-deco.active .wave.light svg .svg-elem-3 {
	stroke-dashoffset: 4025.421630859375px;
}

.page-about .hero + .bg-deco .wave.light svg .svg-elem-4 {
	stroke-dashoffset: 1982.11083984375px;
	stroke-dasharray: 1982.11083984375px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.36s;
          transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.36s;
}

.page-about .hero + .bg-deco.active .wave.light svg .svg-elem-4 {
	stroke-dashoffset: 3964.2216796875px;
}

.page-about .hero + .bg-deco .wave.light svg .svg-elem-5 {
	stroke-dashoffset: 1953.6396484375px;
	stroke-dasharray: 1953.6396484375px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.48s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.48s;
}

.page-about .hero + .bg-deco.active .wave.light svg .svg-elem-5 {
	stroke-dashoffset: 3907.279296875px;
}

.page-about .hero + .bg-deco .wave.light svg .svg-elem-6 {
	stroke-dashoffset: 1927.8367919921875px;
	stroke-dasharray: 1927.8367919921875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
}

.page-about .hero + .bg-deco.active .wave.light svg .svg-elem-6 {
	stroke-dashoffset: 3855.673583984375px;
}

.page-about .hero + .bg-deco .wave.light svg .svg-elem-7 {
	stroke-dashoffset: 1904.183837890625px;
	stroke-dasharray: 1904.183837890625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.72s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.72s;
}

.page-about .hero + .bg-deco.active .wave.light svg .svg-elem-7 {
	stroke-dashoffset: 3808.36767578125px;
}

.page-about .hero + .bg-deco .wave.light svg .svg-elem-8 {
	stroke-dashoffset: 1885.1298828125px;
	stroke-dasharray: 1885.1298828125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.84s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.84s;
}

.page-about .hero + .bg-deco.active .wave.light svg .svg-elem-8 {
	stroke-dashoffset: 3770.259765625px;
}

.page-about .hero + .bg-deco .wave.light svg .svg-elem-9 {
	stroke-dashoffset: 1866.0841064453125px;
	stroke-dasharray: 1866.0841064453125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.96s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.96s;
}

.page-about .hero + .bg-deco.active .wave.light svg .svg-elem-9 {
	stroke-dashoffset: 3732.168212890625px;
}

.page-about .hero + .bg-deco .wave.light svg .svg-elem-10 {
	stroke-dashoffset: 1849.476318359375px;
	stroke-dasharray: 1849.476318359375px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.08s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.08s;
}

.page-about .hero + .bg-deco.active .wave.light svg .svg-elem-10 {
	stroke-dashoffset: 3698.95263671875px;
}

.page-about .hero + .bg-deco .wave.light svg .svg-elem-11 {
	stroke-dashoffset: 1835.0106201171875px;
	stroke-dasharray: 1835.0106201171875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.2s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.2s;
}

.page-about .hero + .bg-deco.active .wave.light svg .svg-elem-11 {
	stroke-dashoffset: 3670.021240234375px;
}

.page-about .hero + .bg-deco .wave.light svg .svg-elem-12 {
	stroke-dashoffset: 1822.685546875px;
	stroke-dasharray: 1822.685546875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.3199999999999998s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.3199999999999998s;
}

.page-about .hero + .bg-deco.active .wave.light svg .svg-elem-12 {
	stroke-dashoffset: 3645.37109375px;
}

.page-about .hero + .bg-deco .wave.light svg .svg-elem-13 {
	stroke-dashoffset: 1812.8123779296875px;
	stroke-dasharray: 1812.8123779296875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.44s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.44s;
}

.page-about .hero + .bg-deco.active .wave.light svg .svg-elem-13 {
	stroke-dashoffset: 3625.624755859375px;
}

.page-about .hero + .bg-deco .wave.light svg .svg-elem-14 {
	stroke-dashoffset: 1804.49609375px;
	stroke-dasharray: 1804.49609375px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.56s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.56s;
}

.page-about .hero + .bg-deco.active .wave.light svg .svg-elem-14 {
	stroke-dashoffset: 3608.9921875px;
}

.page-about .hero + .bg-deco .wave.light svg .svg-elem-15 {
	stroke-dashoffset: 1799.855712890625px;
	stroke-dasharray: 1799.855712890625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.68s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.68s;
}

.page-about .hero + .bg-deco.active .wave.light svg .svg-elem-15 {
	stroke-dashoffset: 3599.71142578125px;
}

.page-about .hero + .bg-deco .wave.light svg .svg-elem-16 {
	stroke-dashoffset: 1797.73095703125px;
	stroke-dasharray: 1797.73095703125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.7999999999999998s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.7999999999999998s;
}

.page-about .hero + .bg-deco.active .wave.light svg .svg-elem-16 {
	stroke-dashoffset: 3595.4619140625px;
}

.page-about .hero + .bg-deco .wave.light svg .svg-elem-17 {
	stroke-dashoffset: 1798.32080078125px;
	stroke-dasharray: 1798.32080078125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.92s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.92s;
}

.page-about .hero + .bg-deco.active .wave.light svg .svg-elem-17 {
	stroke-dashoffset: 3596.6416015625px;
}

.page-about .hero + .bg-deco .wave.light svg .svg-elem-18 {
	stroke-dashoffset: 1801.6192626953125px;
	stroke-dasharray: 1801.6192626953125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.04s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.04s;
}

.page-about .hero + .bg-deco.active .wave.light svg .svg-elem-18 {
	stroke-dashoffset: 3603.238525390625px;
}

.page-about .hero + .bg-deco .wave.light svg .svg-elem-19 {
	stroke-dashoffset: 1808.04345703125px;
	stroke-dasharray: 1808.04345703125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.16s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.16s;
}

.page-about .hero + .bg-deco.active .wave.light svg .svg-elem-19 {
	stroke-dashoffset: 3616.0869140625px;
}

.page-about .hero + .bg-deco .wave.light svg .svg-elem-20 {
	stroke-dashoffset: 1817.34228515625px;
	stroke-dasharray: 1817.34228515625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.28s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.28s;
}

.page-about .hero + .bg-deco.active .wave.light svg .svg-elem-20 {
	stroke-dashoffset: 3634.6845703125px;
}

.page-about .hero + .bg-deco .wave.light svg .svg-elem-21 {
	stroke-dashoffset: 1829.9500732421875px;
	stroke-dasharray: 1829.9500732421875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.4s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.4s;
}

.page-about .hero + .bg-deco.active .wave.light svg .svg-elem-21 {
	stroke-dashoffset: 3659.900146484375px;
}

.page-about .hero + .bg-deco .wave.light svg .svg-elem-22 {
	stroke-dashoffset: 1845.27734375px;
	stroke-dasharray: 1845.27734375px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.52s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.52s;
}

.page-about .hero + .bg-deco.active .wave.light svg .svg-elem-22 {
	stroke-dashoffset: 3690.5546875px;
}

.page-about .hero .bg-deco .waves-orange {
	position: absolute;
	top: unset;
	left: 0;
	bottom: -30px;
	z-index: -2;
}

.page-about .hero .bg-deco .waves-orange .svg-elem-1 {
	stroke-dashoffset: 1885.755126953125px;
	stroke-dasharray: 1885.755126953125px;
	-webkit-transition: stroke-dashoffset 5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
			transition: stroke-dashoffset 5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.page-about .hero.active .bg-deco .waves-orange .svg-elem-1 {
	stroke-dashoffset: 3771.51025390625px;
}

.page-about .solutions {
	margin-top: 130px;
}

.page-about .solutions .container {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 80px;
}

.page-about .solutions .container > div {
    width: 50%;
}

.page-about .solutions .side-picture {
    position: relative;
}

.page-about .solutions .side-picture .picture {
    max-width: 574px;
	max-height: 372px;
}

.page-about .solutions .side-picture .bg-deco .circle {
	position: absolute;
	top: -72px;
	left: 10px;
	width: 42px;
	height: 42px;
	border: 3px solid var(--color-primary-green);
	animation: littledance 14s infinite;
}

.page-about .solutions .side-text {
    flex-grow: 1;
    max-width: 400px;
}

.page-about .side-text p {
    margin-top: 24px;
}

.page-about .solutions .bg-text {
	position: absolute;
	top: unset;
	bottom: -20px;
	left: 0;
	width: 100% !important;
	height: 100%;
	background-image: url(../../images/deco/text-bg-solutions.svg);
	background-repeat: no-repeat;
	background-position-y: bottom;
	background-position-x: center;
	background-size: contain;
	z-index: -1;
	transition: all 1s ease-in-out;
	opacity: 0;

}

.page-about .numbers .container {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	padding-top: 90px;
}

.page-about .numbers .container .box-wrapper {
	flex-grow: 1;
	flex-basis: 33%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.page-about .numbers .container .box {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	height: 170px;
	row-gap: 24px;
	color: var(--color-primary-green);
}

.page-about .numbers .container .box .headline {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	transition: all 1s ease-out;
	opacity: 0;
}

.page-about .numbers.active .container .box .headline {
	opacity: 1;
}

.page-about .numbers .container .box .headline .icon-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	background-color: var(--color-primary-green);
	transform: translate3d(0, -20px, 0);
	transition: all 1s ease-out;
	border-radius: 8px;
}

.page-about .numbers.active .container .box .headline .icon-wrapper {
	transform: translate3d(0, 0, 0);
}

.page-about .numbers .container .box .headline .icon {
	max-width: 24px;
	max-height: 24px;
}

.page-about .numbers .container .box .headline .icon.rate {
	background-image: url(../../images/icons/icon-broken-heart.svg);
}

.page-about .numbers .container .box .headline .icon.nps-1 {
	background-image: url(../../images/icons/icon-nps-1.svg);
}

.page-about .numbers .container .box .headline .icon.nps-2 {
	background-image: url(../../images/icons/icon-nps-2.svg);
}

.page-about .numbers .container .box .headline .icon.like {
	background-image: url(../../images/icons/icon-satisfaction.svg);
}

.page-about .numbers .container .box .headline .title {
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	transform: translate3d(0, 20px, 0);
	transition: all 1s ease-out;
}

.page-about .numbers.active .container .box .headline .title {
	transform: translate3d(0, 0, 0);
}

.page-about .numbers.active .container .box .headline,
.page-about .numbers.active .container .box .headline .icon-wrapper,
.page-about .numbers.active .container .box .headline .title {
	transition-delay: .4s;
}

.page-about .numbers .container .box .number-wrapper {
	width: 100%;
	height: 500px;
	max-height: 0;
	border-bottom: 3px solid transparent;
	transition: all 3s cubic-bezier(0, 0, 0, 0.98);
	overflow: hidden;
}

.page-about .numbers.active .container .box .number-wrapper {
	max-height: 140px;
	border-bottom-color: var(--color-primary-green);
}

.page-about .numbers .container .box .number-wrapper p {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	font-weight: 700;
	font-size: 100px;
	line-height: 1;
}

.page-about .numbers .container .box .number-wrapper p .number {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.page-about .numbers .container .box .number-wrapper p .number span {
	width: 0.9ch;
}

.page-about .numbers .container .box .number-wrapper p .symbol {
	margin-left: 10px;
	transform: translate3d(0, 0, 0) scale(0.25);
	transition: all .4s cubic-bezier(0, 0, 0.15, 0.9);
	transition-delay: .6s;
	opacity: 0;
}

.page-about .numbers.active .container .box .number-wrapper p .symbol {
	transform: translate3d(0, 0, 0) scale(1);
	opacity: 1;
}

.page-about .solutions .container.active .bg-text {
	bottom: -80px;
	opacity: 1;
}

.page-about .framework {
    margin-top: 120px;
}

.page-about .framework .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.page-about .framework h2 {
    text-align: center;
}

.page-about .framework .cycle {
    display: grid;
    grid-template-columns: 320px 320px 320px;
    grid-template-rows: 220px 220px 220px;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
        "top-left top top-right"
        "left center right"
        "bottom-left bottom bottom-right";
    /* height: 790px; */
}

.page-about .framework .cycle.vertical {
    grid-template-columns: 220px 220px 220px;
    grid-template-rows: 320px 320px 320px;
}

.page-about .framework .cycle > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.page-about .framework .cycle .top { grid-area: top; }
.page-about .framework .cycle .bottom { grid-area: bottom; }
.page-about .framework .cycle .left { grid-area: left; }
.page-about .framework .cycle .right { grid-area: right; }
.page-about .framework .cycle .center { grid-area: center; }
.page-about .framework .cycle .top-left { grid-area: top-left; }
.page-about .framework .cycle .top-right { grid-area: top-right; }
.page-about .framework .cycle .bottom-left { grid-area: bottom-left; }
.page-about .framework .cycle .bottom-right { grid-area: bottom-right; }

.page-about .framework .cycle .item {
    position: relative;
    padding: 20px;
    width: 237px;
    height: 148px;
    background-color: #FFFFFF;
    border: 1px solid var(--color-primary-green-200);
    outline: 2px solid transparent;
    border-radius: 20px;
    box-shadow: 0px 1px 3px rgba(37, 150, 138, 0);
    cursor: pointer;
    user-select: none;
}

.page-about .framework .cycle .item:hover {
    border-color: var(--color-primary-green-400);
    box-shadow: 0px 4px 18px rgba(37, 150, 138, 0.2);
}

.page-about .framework .cycle .item.active {
    width: 310px;
    border-color: var(--color-primary-green-700);
    outline-color: transparent !important;
    box-shadow: 0 0 0 2px var(--color-primary-green);
}

.page-about .framework .cycle .item.lines-2.active {
    height: 134px;
}

.page-about .framework .cycle .item .icon {
    position: absolute;
    top: calc(50% - 20px);
    left: 50%;
    margin-bottom: 8px;
    width: 60px;
    height: 60px;
    transform: translate3d(-50%, -50%, 0);
}

.page-about .framework .cycle .item.active .icon {
    left: 20px;
    top: 20px;
    margin-bottom: 0;
    width: 36px;
    height: 36px;
    transform: translate3d(0, 0, 0);
}

.page-about .framework .cycle .item .icon.evolve {
    background-image: url(../../images/icons/framework-evolve.svg);
}

.page-about .framework .cycle .item .icon.connect {
    background-image: url(../../images/icons/framework-connect.svg);
}

.page-about .framework .cycle .item .icon.inspire {
    background-image: url(../../images/icons/framework-inspire.svg);
}

.page-about .framework .cycle .item .icon.create-value {
    background-image: url(../../images/icons/framework-create-value.svg);
}

.page-about .framework .cycle .item h3 {
    position: absolute;
    top: calc(50% + 34px);
    left: 50%;
    width: max-content;
    line-height: 1;
    transform: translate3d(-50%, -50%, 0);
    transition: var(--item-transition);
}

.page-about .framework .cycle .item.active h3 {
    top: 22px;
    left: 72px;
    font-size: var(--size-2xl);
    transform: translate3d(0, 0, 0);
}

.page-about .framework .cycle .item p {
    position: absolute;
    top: 62px;
    left: 0;
    width: 310px;
    padding-left: inherit;
    padding-right: inherit;
    font-size: var(--size-sm);
    line-height: 1.7;
    opacity: 0;
}

.page-about .framework .cycle .item.active p {
    opacity: 1;
}

.page-about .framework .cycle .corner {
    position: relative;
    z-index: -1;
}

.page-about .framework .cycle .corner p {
    font-size: var(--size-xl);
    line-height: 1.4;
    color: var(--color-primary-black-400);
}

.page-about .framework .cycle .corner .icon.arrow {
    position: absolute;
    height: 160px;
    max-width: 160px;
    max-height: 100%;
    background-image: url(../../images/icons/arrow-curved-orange-sq.svg?v=1);
}

.page-about .framework .cycle .corner.top-left .icon.arrow {
    bottom: 0;
    right: 0;
}

.page-about .framework .cycle .corner.top-right .icon.arrow {
    bottom: 0;
    left: 0;
    transform: rotate(90deg);
}

.page-about .framework .cycle .corner.bottom-left .icon.arrow {
    top: 0;
    right: 0;
    transform: rotate(-90deg);
}

.page-about .framework .cycle .corner.bottom-right .icon.arrow {
    top: 0;
    left: 0;
    transform: rotate(180deg);
}

.page-about .framework .cycle .corner.top-left p {
    margin-bottom: 0;
    margin-right: 0;
}

.page-about .framework .cycle .corner.top-right p {
    margin-bottom: 0;
    margin-left: 0;
}

.page-about .framework .cycle .corner.bottom-left p {
    margin-top: 0;
    margin-right: 0;
}

.page-about .framework .cycle .corner.bottom-right p {
    margin-top: 0;
    margin-left: 0;
}

.page-about .framework .cycle-container {
	position: relative;
	display: block;
    height: 700px;
	width: 100%;
	background-image: url(../../images/logos/qualabs-min.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 186px;
}

.page-about .framework .cycle-wrapper {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
}

.page-about .framework .cycle {
    transition: all 1.2s ease-out !important;
}

.page-about .framework .cycle .item,
.page-about .framework .cycle .item > *,
.page-about .framework .corner p {
    transition: all 1.2s ease-out;
}

.page-about .framework .cycle .item .icon {
    transition: all .6s;
}

.page-about .framework .cycle[data-focus="top"] {
    transform: rotate(0deg);
}

.page-about .framework .cycle[data-focus="top"] .item,
.page-about .framework .cycle[data-focus="top"] .center,
.page-about .framework .cycle[data-focus="top"] .corner p {
    transform: rotate(0deg);
}


.page-about .framework .cycle[data-focus="right"] {
    transform: rotate(-90deg);
}

.page-about .framework .cycle[data-focus="right"] .item,
.page-about .framework .cycle[data-focus="right"] .center,
.page-about .framework .cycle[data-focus="right"] .corner p {
    transform: rotate(90deg);
}


.page-about .framework .cycle[data-focus="bottom"] {
    transform: rotate(-180deg);
}

.page-about .framework .cycle[data-focus="bottom"] .item,
.page-about .framework .cycle[data-focus="bottom"] .center,
.page-about .framework .cycle[data-focus="bottom"] .corner p {
    transform: rotate(180deg);
}


.page-about .framework .cycle[data-focus="left"] {
    transform: rotate(-270deg);
}

.page-about .framework .cycle[data-focus="left"] .item,
.page-about .framework .cycle[data-focus="left"] .center,
.page-about .framework .cycle[data-focus="left"] .corner p {
    transform: rotate(270deg);
}


@media screen and (max-width: 900px){
	.page-about .framework .cycle-container {
		height: 440px;
	}
    .page-about .framework .cycle,
	.page-about .framework .cycle.vertical {
        grid-template-columns: 260px 260px 260px;
        grid-template-rows: 260px 260px 260px;
    }
}

@media screen and (max-width: 700px){
	.page-about .framework .cycle {
		transition: all 0.6s ease-out !important;
	}

	.page-about .framework .cycle .item,
	.page-about .framework .cycle .item > *,
	.page-about .framework .corner p {
		transition: all 0.6s ease-out;
	}

	.page-about .framework .cycle .item .icon {
		transition: all .3s;
	}

	.page-about .framework .cycle-container {
		background-size: 76px;
		background-position-y: 74%;
	}

    .page-about .framework .cycle,
	.page-about .framework .cycle.vertical {
        margin-top: 180px;
        grid-template-columns: 114px 114px 114px;
        grid-template-rows: 114px 114px 114px;
    }

    .page-about .framework .cycle[data-focus="top"] .active {
        margin-top: -270px;
    }

    .page-about .framework .cycle[data-focus="right"] .active {
        margin-right: -270px;
    }

    .page-about .framework .cycle[data-focus="bottom"] .active {
        margin-bottom: -270px;
    }

    .page-about .framework .cycle[data-focus="left"] .active {
        margin-left: -270px;
    }

    .page-about .framework .cycle .item {
        padding: 12px;
        width: 94px;
        height: 94px;
        border-radius: 20px;
    }

    .page-about .framework .cycle .item.active {
        min-height: 140px;
    }

    .page-about .framework .cycle .item h3 {
        display: inline-block;
        text-align: center;
        word-break: break-word;
        text-transform: uppercase;
        font-size: 16px;
        width: 100%;
        top: calc(50% + 24px);
    }

    .page-about .framework .cycle .item.active h3 {
		text-align: left;
		text-transform: unset;
    }

    .page-about .framework .cycle .item p {
		transition: none;
    }

    .page-about .framework .cycle .corner p {
        font-size: 12px;
        font-weight: bold;
    }

    .page-about .framework .cycle .corner .icon.arrow {
        width: 50px;
        height: 50px;
    }

    .page-about .framework .cycle .item .icon {
        margin-bottom: 0;
        width: 50px;
        height: 50px;
    }

    .page-about .framework .cycle .top.active {
		margin-top: -200px;
    }

    .page-about .framework .cycle .right.active {
		margin-right: -200px;
    }

    .page-about .framework .cycle .bottom.active {
		margin-bottom: -200px;
    }

    .page-about .framework .cycle .left.active {
		margin-left: -200px;
    }
}


.page-about .scale {
    margin-top: 120px;
}

.page-about .scale .container {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 44px;
}

.page-about .scale .container > div {
    width: 50%;
    flex-grow: 1;
}

.page-about .scale .side-picture .picture {
    height: 570px;
    max-width: 510px;
}

.page-about .scale .side-picture .picture img {
    object-position: 90%;
}

.page-about .scale .side-text h2,
.page-about .scale .side-text p {
    max-width: 430px;
}

.page-about .scale .scale-items-wrapper {
    height: 220px;
}

.page-about .scale .scale-items {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 28px;
	gap: 20px;
}

.page-about .scale .scale-items .item-box {
	position: relative;
	padding: 12px;
	left: -20px;
	width: 165px;
	height: 104px;
	text-align: center;
	background-color: #FFFFFF;
	border: 2px solid transparent;
	box-shadow: 0px 4px 18px rgba(37, 150, 138, 0.2);
	border-radius: 20px;
	transition: all .3s ease-out;
	overflow: hidden;
	opacity: 0;
}

.page-about .scale .scale-items.active .item-box {
	left: 0;
	opacity: 1;
}

.page-about .scale .scale-items .item-box:nth-child(1) {
	transition-delay: .2s;
}

.page-about .scale .scale-items .item-box:nth-child(2) {
	transition-delay: .3s;
}

.page-about .scale .scale-items .item-box:nth-child(3) {
	transition-delay: .4s;
}

.page-about .scale .scale-items .item-box .top {
	cursor: pointer;
}

.page-about .scale .scale-items .item-box.unloaded {
	height: 100%;
}

.page-about .scale .scale-items .item-box.active {
	border-color: #C2E0DE;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0);
}

.page-about .scale .scale-items .item-box.hover,
.page-about .scale .scale-items .item-box.active {
	height: var(--og-height);
}

.page-about .scale .scale-items .item-box svg path {
	transition: all .3s ease-out;
}

.page-about .scale .scale-items .item-box.hover svg path,
.page-about .scale .scale-items .item-box.active svg path {
	stroke: var(--color-secondary-orange);
}

.page-about .scale .scale-items .item-box h5 {
	color: var(--color-primary-green);
}

.page-about .scale .scale-items .item-box p {
	margin-top: 12px;
	font-size: var(--size-xs);
	line-height: 1.5;
	cursor: default;
}

.page-about .scale .bg-deco .bg-text {
	position: absolute;
	top: -75px;
	left: 50%;
	width: 110% !important;
	height: 100%;
	background-image: url(../../images/deco/text-bg-scaleup.svg);
	background-repeat: no-repeat;
	background-position-y: top;
	background-position-x: center;
	background-size: contain;
	transform: translateX(-50%);
	transition: all 1s ease-in-out;
	opacity: 0;
}

.page-about .scale.active .bg-deco .bg-text {
	top: -105px;
	opacity: 1;
}

.page-about .scale .bg-deco .circle {
	position: absolute;
	bottom: 90px;
	right: -143px;
	width: 327px;
	height: 327px;
	background-color: var(--color-primary-light-green);
	animation: littledance 20s infinite;
	opacity: 0.3;
}



.page-about .benefits {
    margin-top: 110px;
    text-align: center;
}

.page-about .benefits .container {
    position: relative;
}

.page-about .benefits h2 {
    margin-bottom: 64px;
}

.page-about .benefits .benefits-items {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 80px;
}

.page-about .benefits .item-box {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0;
	top: 30px;
	padding: 22px;
	width: 100vw;
	height: 100vh;
	max-width: 282px;
	max-height: 220px;
	background-color: var(--color-primary-green);
	border: 3px solid var(--color-primary-green);
	border-radius: 80px 20px;
	box-shadow: 0px 12px 20px #F7F7F7;
	transition: all 1s ease-in-out;
	opacity: 0;
}

.page-about .benefits.active .item-box {
	top: 0;
	opacity: 1;
}

.page-about .benefits .item-box:nth-child(1) {
	transition-delay: .4s;
}

.page-about .benefits .item-box:nth-child(2) {
	transition-delay: .8s;
}

.page-about .benefits .item-box:nth-child(3) {
	transition-delay: 1s;
}

.page-about .benefits .item-box .icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    background-color: #FFFFFF;
    border-radius: 16px;
}

.page-about .benefits .item-box .icon {
    width: 28px;
    height: 28px;
}

.page-about .benefits .item-box .icon-time {
    background-image: url(../../images/icons/graph-cake.svg);
}

.page-about .benefits .item-box .icon-speed {
    background-image: url(../../images/icons/graph-up.svg);
}

.page-about .benefits .item-box .icon-cost {
    background-image: url(../../images/icons/filter-cost.svg);
}

.page-about .benefits .item-box .icon.arrow-down {
    width: 36px;
    height: 42px;
    background-image: url(../../images/icons/benefits-arrow-down.svg);
}

.page-about .benefits .item-box .text {
    margin-top: 18px;
    text-align: center;
    color: #FFFFFF;
}

.page-about .benefits .item-box h3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 3.25rem;
    line-height: 1;
    color: #FFFFFF;
}

.page-about .benefits .item-box h3.poppins {
    font-family: var(--font-poppins);
}

.page-about .benefits .item-box h3.smaller {
    font-size: 3rem;
}

.page-about .benefits .item-box h3 svg {
    margin-top: 3px;
    margin-left: 6px;
}

.page-about .benefits .item-box p {
    margin-top: 10px;
    font-size: var(--size-xl);
    font-weight: 600;
    line-height: 1;
}

.page-about .benefits .bg-deco .circle {
    position: absolute;
}

.page-about .benefits .bg-deco .circle.left {
    top: calc(50% + 20px);
    left: -107px;
    width: 223px;
    height: 223px;
    border: 5px solid var(--color-secondary-orange-100);
    transform: translateY(-50%);
}

.page-about .benefits .bg-deco .circle.right {
	top: 0;
	right: 0;
	width: 27px;
	height: 27px;
	background-color: var(--color-secondary-orange);
	animation: littledance 12s infinite;
	transition: all 3s ease-in-out;
	transition-delay: 1s;
	opacity: 0;
}

.page-about .benefits.active .bg-deco .circle.right {
	width: 37px;
	height: 37px;
	opacity: 1;
}

.page-about .benefits > .bg-deco {
	z-index: -2;
}

.page-about .benefits .bg-deco .wave {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}

.page-about .benefits .bg-deco .wave svg .svg-elem-1 {
	stroke-dashoffset: 2024.694580078125px;
	stroke-dasharray: 2024.694580078125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.page-about .benefits.active .bg-deco .wave svg .svg-elem-1 {
	stroke-dashoffset: 4049.38916015625px;
}




.page-about .methodology {
    margin-top: 120px;
}

.page-about .methodology .container {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
    max-width: 1140px;
}

.page-about .methodology .container > div {
    width: 50%;
    flex-grow: 1;
}

.page-about .methodology .container .side-text {
    width: 40%;
    max-width: 332px;
}

.page-about .methodology .container .side-graph {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 60%;
    width: 742px;
}

.page-about .methodology .container .side-graph .illu {
	position: relative;
	object-fit: contain;
	right: -80px;
}

.page-about .methodology .bg-deco .circle {
	position: absolute;
}

.page-about .methodology .bg-deco .circle.left {
	top: 0;
	left: -21px;
	width: 16px;
	height: 16px;
	background-color: var(--color-primary-light-green-100);
	animation: littledance 10s infinite;
	transition: all 1s ease-in-out;
	transition-delay: .2s;
	opacity: 0;
}

.page-about .methodology.active .bg-deco .circle.left {
	width: 21px;
	height: 21px;
	opacity: 1;
}

.page-about .methodology .bg-deco .circle.right {
	top: -28px;
	right: -40px;
	width: 21px;
	height: 21px;
	background-color: var(--color-primary-light-green);
	animation: littledance 12s infinite;
	transition: all 1s ease-in-out;
	transition-delay: .6s;
	opacity: 0;
}

.page-about .methodology.active .bg-deco .circle.right {
	width: 21px;
	height: 21px;
	opacity: 1;
}

.page-about .methodology > .bg-deco .wave {
	position: absolute;
	top: -272px;
	left: 0;
	width: 100vw !important;
	height: calc(100vh + 272px);
	background-image: url(../../images/deco/wave-lines-faded-4.svg);
	background-repeat: no-repeat;
	background-position-y: top;
	background-position-x: center;
	background-size: cover;
}




.page-about .partner {
	margin-top: 190px;
}

.page-about .partner .container {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 80px;
}

.page-about .partner .container > div {
	width: 50%;
	flex-grow: 1;
}

.page-about .partner .side-picture {
	position: relative;
	max-width: 585px;
}

.page-about .partner .side-picture img {
	object-fit: cover;
	max-width: 585px;
	max-height: 434px;
}

.page-about .partner .side-picture .bg-deco .circle {
	position: absolute;
}

.page-about .partner .side-picture .bg-deco .circle.green {
	bottom: -90px;
	left: -244px;
	width: 308px;
	height: 308px;
	background-color: var(--color-primary-green-100);
	transition: all 1s ease-in-out;
	transition-delay: .6s;
	opacity: 0;
}

.page-about .partner .container.active .side-picture .bg-deco .circle.green {
	width: 328px;
	height: 328px;
	opacity: 1;
}

.page-about .partner .side-picture .bg-deco .circle.gray {
	bottom: -160px;
	right: -100px;
	width: 308px;
	height: 308px;
	background-color: var(--color-primary-black-100);
	transition: all 1.2s ease-in-out;
	transition-delay: .2s;
	opacity: 0;
}

.page-about .partner .container.active .side-picture .bg-deco .circle.gray {
	width: 328px;
	height: 328px;
	opacity: 1;
}

.page-about .partner .side-text {
	max-width: 430px;
}




.page-about .process {
    position: relative;
    margin-top: 236px;
    text-align: center;
}

.page-about .process .container {
    position: relative;
    max-width: 1140px;
}

.page-about .process h2 {
    margin: 0 auto;
    margin-bottom: 92px;
    max-width: 695px;
    text-align: center;
    font-size: var(--size-6xl);
    line-height: 1.25;
}

.page-about .process h3 {
	margin-bottom: 12px;
	font-size: var(--size-5xl);
}

.page-about .process h3 + p {
    margin: 0 auto;
    max-width: 740px;
}

.page-work.inside .process .content div.side-content .side-top.with-picture > div.side-illustration video {
    width: 100%;
}

.page-about .process .bg-text {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../../images/deco/text-bg-5-years.svg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	z-index: -1;
}

.page-about .process .graph {
    position: relative;
    margin-top: 70px;
    margin-bottom: 100px;
    user-select: none;
}

.page-about .process .graph img {
	margin: 0 auto;
}

.page-about .process .graph img.only-desktop {
	width: 100vw;
}

.page-about .process .graph .button-initial-call {
	position: absolute;
	display: flex;
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 5px;
	width: 101px;
	height: 101px;
	font-size: var(--size-lg);
	font-weight: 500;
	line-height: 1.2;
	box-shadow: 0px 6.8px 27.3px rgba(11, 103, 93, 0.45);
	border-radius: 50%;
}

.page-about .process .bg-deco .circle.right {
	position: absolute;
	top: calc(50% - 50px);
	right: -70px;
	width: 34px;
	height: 34px;
	background-color: var(--color-secondary-orange-100);
	transition: all 1s ease-in-out;
	transition-delay: .6s;
	opacity: 0;
}

.page-about .process .container.active .bg-deco .circle.right {
	opacity: 1;
}

.page-about .process .container > .bg-deco {
	position: relative;
	height: 130px;
}

.page-about .process .bg-deco .circle.left {
	position: absolute;
	bottom: 0;
	left: -70px;
	width: 60px;
	height: 60px;
	background-color: var(--color-primary-green-200);
	animation: littledance 9s infinite;
	transition: all .8s ease-in-out;
	transition-delay: .2s;
	opacity: 0;
}

.page-about .process .container.active .bg-deco .circle.left {
	opacity: 1;
}

.page-about .process .bg-deco .wave {
	position: absolute;
	width: 100%;
	height: 100%;
}

.page-about .process .bg-deco .wave svg {
	position: relative;
	top: 49%;
}

.page-about .process .bg-deco .wave svg .svg-elem-1 {
	stroke-dashoffset: 2504.0048828125px;
	stroke-dasharray: 2504.0048828125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.page-about .process .bg-deco .wave.active svg .svg-elem-1 {
	stroke-dashoffset: 0;
}

.page-about .process .bg-deco .deco-circle-bars {
	position: absolute;
	bottom: 0;
	right: 100px;
}

/* Our Work */
.page-work .headline {
    margin-bottom: 15px;
    font-family: var(--font-rubik);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 1.12px;
    text-transform: uppercase;
}

.page-work .hero h1 {
	margin-bottom: 34px;
	max-width: 520px;
	transform: translate3d(0, -20px, 0);
	transition: all 1s ease-in-out;
	transition-delay: .1s;
	opacity: 0;
}

.page-work .hero.active h1 {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-work .hero p {
	max-width: 430px;
}

.page-work .hero p.subtitle {
	transform: translate3d(0, -20px, 0);
	transition: all 1s ease-in-out;
	transition-delay: .8s;
	opacity: 0;
}

.page-work .hero.active p.subtitle {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-work .hero .side-deco {
	align-items: flex-end;
}

.page-work .hero .side-deco .circle.main-circle {
	position: relative;
	width: 440px;
	height: 440px;
	background: linear-gradient(180deg, #37B4A7 0%, #2D998E 100%);
}

.page-work .hero .side-deco .main-circle .illu {
	position: absolute;
	top: calc(50% + 20px);
	left: calc(50% + 15px);
	width: 370px;
	transform: translate3d(-50%, -54%, 0) rotateY(-4deg);
	transition: all 4s ease-in-out;
	z-index: 2;
}

.page-work .hero.active .side-deco .main-circle .illu {
	transform: translate3d(-50%, -50%, 0) rotateY(0deg);
}

.page-work .hero .side-deco .main-circle .waves-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	overflow: hidden;
	z-index: 1;
}

.page-work .hero .side-deco .main-circle .waves {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	z-index: 1;
}

.page-work .hero .side-deco .main-circle .waves svg {
	animation: waves-move 16s infinite;
}

.page-work .hero .side-deco .main-circle .waves svg > path {
	opacity: 0;
}

.page-work .hero.active .side-deco .main-circle .waves svg > path {
	opacity: 1;
}

.page-work .hero .side-deco .main-circle .waves svg .svg-elem-1 {
	stroke-dashoffset: 1843.200429533132px;
	stroke-dasharray: 1843.200429533132px;
	fill: transparent;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s,
						  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s,
				  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

.page-work .hero.active .side-deco .main-circle .waves svg .svg-elem-1 {
	stroke-dashoffset: 3686.400859066264px;
	fill: rgb(55, 180, 167);
}

.page-work .hero .side-deco .main-circle .waves svg .svg-elem-2 {
	stroke-dashoffset: 1304.3587646484375px;
	stroke-dasharray: 1304.3587646484375px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.12s,
						  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.12s,
				  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

.page-work .hero.active .side-deco .main-circle .waves svg .svg-elem-2 {
	stroke-dashoffset: 2608.717529296875px;
}

.page-work .hero .side-deco .main-circle .waves svg .svg-elem-3 {
	stroke-dashoffset: 1286.7813720703125px;
	stroke-dasharray: 1286.7813720703125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.24s,
						  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.24s,
				  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

.page-work .hero.active .side-deco .main-circle .waves svg .svg-elem-3 {
	stroke-dashoffset: 2573.562744140625px;
}

.page-work .hero .side-deco .main-circle .waves svg .svg-elem-4 {
	stroke-dashoffset: 1269.5416259765625px;
	stroke-dasharray: 1269.5416259765625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.36s,
						fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
		  transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.36s,
				fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

.page-work .hero.active .side-deco .main-circle .waves svg .svg-elem-4 {
	stroke-dashoffset: 2539.083251953125px;
}

.page-work .hero .side-deco .main-circle .waves svg .svg-elem-5 {
	stroke-dashoffset: 1253.209228515625px;
	stroke-dasharray: 1253.209228515625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.48s,
						  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.48s,
				  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

.page-work .hero.active .side-deco .main-circle .waves svg .svg-elem-5 {
	stroke-dashoffset: 2506.41845703125px;
}

.page-work .hero .side-deco .main-circle .waves svg .svg-elem-6 {
	stroke-dashoffset: 1237.2335205078125px;
	stroke-dasharray: 1237.2335205078125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.6s,
						  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.6s,
				  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

.page-work .hero.active .side-deco .main-circle .waves svg .svg-elem-6 {
	stroke-dashoffset: 2474.467041015625px;
}

.page-work .hero .side-deco .main-circle .waves svg .svg-elem-7 {
	stroke-dashoffset: 1222.1480712890625px;
	stroke-dasharray: 1222.1480712890625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.72s,
						  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.72s,
				  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

.page-work .hero.active .side-deco .main-circle .waves svg .svg-elem-7 {
	stroke-dashoffset: 2444.296142578125px;
}

.page-work .hero .side-deco .main-circle .waves svg .svg-elem-8 {
	stroke-dashoffset: 1207.7154541015625px;
	stroke-dasharray: 1207.7154541015625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.84s,
						  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.84s,
				  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

.page-work .hero.active .side-deco .main-circle .waves svg .svg-elem-8 {
	stroke-dashoffset: 2415.430908203125px;
}

.page-work .hero .side-deco .main-circle .waves svg .svg-elem-9 {
	stroke-dashoffset: 1193.962646484375px;
	stroke-dasharray: 1193.962646484375px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.96s,
						  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.96s,
				  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

.page-work .hero.active .side-deco .main-circle .waves svg .svg-elem-9 {
	stroke-dashoffset: 2387.92529296875px;
}

.page-work .hero .side-deco .main-circle .waves svg .svg-elem-10 {
	stroke-dashoffset: 1180.9100341796875px;
	stroke-dasharray: 1180.9100341796875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.08s,
						  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.08s,
				  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

.page-work .hero.active .side-deco .main-circle .waves svg .svg-elem-10 {
	stroke-dashoffset: 2361.820068359375px;
}

.page-work .hero .side-deco .main-circle .waves svg .svg-elem-11 {
	stroke-dashoffset: 1168.7589111328125px;
	stroke-dasharray: 1168.7589111328125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.2s,
						  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.2s,
				  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

.page-work .hero.active .side-deco .main-circle .waves svg .svg-elem-11 {
	stroke-dashoffset: 2337.517822265625px;
}

.page-work .hero .side-deco .main-circle .waves svg .svg-elem-12 {
	stroke-dashoffset: 1157.5355224609375px;
	stroke-dasharray: 1157.5355224609375px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.3199999999999998s,
						  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.3199999999999998s,
				  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
}

.page-work .hero.active .side-deco .main-circle .waves svg .svg-elem-12 {
	stroke-dashoffset: 2315.071044921875px;
}

.page-work .hero .side-deco .main-circle .waves svg .svg-elem-13 {
	stroke-dashoffset: 1147.084716796875px;
	stroke-dasharray: 1147.084716796875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.44s,
						  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.44s,
				  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

.page-work .hero.active .side-deco .main-circle .waves svg .svg-elem-13 {
	stroke-dashoffset: 2294.16943359375px;
}

.page-work .hero .side-deco .main-circle .waves svg .svg-elem-14 {
	stroke-dashoffset: 1137.7528076171875px;
	stroke-dasharray: 1137.7528076171875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.56s,
						  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.56s,
				  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}

.page-work .hero.active .side-deco .main-circle .waves svg .svg-elem-14 {
	stroke-dashoffset: 2275.505615234375px;
}

.page-work .hero .side-deco .main-circle .waves svg .svg-elem-15 {
	stroke-dashoffset: 1129.5185546875px;
	stroke-dasharray: 1129.5185546875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.68s,
						  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.68s,
				  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}

.page-work .hero.active .side-deco .main-circle .waves svg .svg-elem-15 {
	stroke-dashoffset: 2259.037109375px;
}

.page-work .hero .side-deco .main-circle .waves svg .svg-elem-16 {
	stroke-dashoffset: 1122.3482666015625px;
	stroke-dasharray: 1122.3482666015625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.7999999999999998s,
						  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.7999999999999998s,
				  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
}

.page-work .hero.active .side-deco .main-circle .waves svg .svg-elem-16 {
	stroke-dashoffset: 2244.696533203125px;
}

.page-work .hero .side-deco .main-circle .waves svg .svg-elem-17 {
	stroke-dashoffset: 1116.5706787109375px;
	stroke-dasharray: 1116.5706787109375px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.92s,
						  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.92s,
				  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
}

.page-work .hero.active .side-deco .main-circle .waves svg .svg-elem-17 {
	stroke-dashoffset: 2233.141357421875px;
}

.page-work .hero .side-deco .main-circle .waves svg .svg-elem-18 {
	stroke-dashoffset: 1112.0494384765625px;
	stroke-dasharray: 1112.0494384765625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.04s,
						  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.04s,
				  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
}

.page-work .hero.active .side-deco .main-circle .waves svg .svg-elem-18 {
	stroke-dashoffset: 2224.098876953125px;
}

.page-work .hero .side-deco .main-circle .waves svg .svg-elem-19 {
	fill: 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
	stroke-dashoffset: 1109.114013671875px;
	stroke-dasharray: 1109.114013671875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.16s,
						  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.16s,
}

.page-work .hero.active .side-deco .main-circle .waves svg .svg-elem-19 {
	stroke-dashoffset: 2218.22802734375px;
}

.page-work .hero .side-deco .main-circle .waves svg .svg-elem-20 {
	stroke-dashoffset: 1107.6259765625px;
	stroke-dasharray: 1107.6259765625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.28s,
						  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.28s,
				  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
}

.page-work .hero.active .side-deco .main-circle .waves svg .svg-elem-20 {
	stroke-dashoffset: 2215.251953125px;
}

.page-work .hero .side-deco .main-circle .waves svg .svg-elem-21 {
	stroke-dashoffset: 1107.757568359375px;
	stroke-dasharray: 1107.757568359375px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.4s,
						  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.4s,
				  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
}

.page-work .hero.active .side-deco .main-circle .waves svg .svg-elem-21 {
	stroke-dashoffset: 2215.51513671875px;
}

.page-work .hero .side-deco .main-circle .waves svg .svg-elem-22 {
	stroke-dashoffset: 1109.4801025390625px;
	stroke-dasharray: 1109.4801025390625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.52s,
						  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.52s,
				  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
}

.page-work .hero.active .side-deco .main-circle .waves svg .svg-elem-22 {
	stroke-dashoffset: 2218.960205078125px;
}

.page-work .hero .side-deco .main-circle .char {
	position: absolute;
	top: 60px;
	left: -57px;
	width: 22px;
	height: 67px;
	background-image: url(../../images/deco/text-bracket-green.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	animation: littledance 10s infinite;
}

.page-work .hero .side-deco .main-circle .circle {
	position: absolute;
	transition: all .8s ease-out;
	opacity: 0;
}

.page-work .hero.active .side-deco .main-circle .circle {
	opacity: 1;
}

.page-work .hero .side-deco .main-circle .circle.circle-1 {
	top: -9px;
	right: -9px;
	width: 23px;
	height: 23px;
	background-color: var(--color-primary-light-green-100);
	animation: littledance 14s infinite;
	transition-delay: .8s;
}

.page-work .hero .side-deco .main-circle .circle.circle-2 {
	top: 29px;
	right: 18px;
	width: 13px;
	height: 13px;
	border: 1px solid var(--color-primary-green);
	animation: littledance 14s infinite;
	animation-delay: .6s;
	transition-delay: .5s;
}

.page-work .hero .side-deco .main-circle .circle.circle-3 {
	bottom: 20px;
	right: -90px;
	width: 26px;
	height: 26px;
	border: 1px solid var(--color-primary-green);
	animation: littledance 18s infinite;
	transition-delay: .9s;
}

.page-work .hero .container {
	position: relative;
}

.page-work .hero .container .bg-text {
	background-image: url(../../images/deco/text-bg-teamwork.svg);
	background-position-y: calc(100% - 85px);
	transform: translate3d(0, 60px, 0);
	transition: all 1s ease-out;
	opacity: 0;
}

.page-work .hero.active .container .bg-text {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-work .hero .bg-deco .bg-wave {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position-y: 65%;
	background-position-x: center;
	background-size: contain;
}

.page-work .hero .bg-deco .bg-wave svg {
	position: relative;
	top: 39%;
	left: 0;
}

.page-work .hero .bg-deco .bg-wave svg .svg-elem-1 {
	stroke-dashoffset: 1814.6781005859375px;
	stroke-dasharray: 1814.6781005859375px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.page-work .hero.active .bg-deco .bg-wave svg .svg-elem-1 {
	stroke-dashoffset: 3629.356201171875px;
}


.page-work .hero .bg-deco .circle.left {
	position: absolute;
	top: calc(50% - 34px);
	left: -22px;
	width: 68px;
	height: 68px;
	background-color: var(--color-secondary-orange-100);
	transform: translateY(-50%);
	animation: littledance 18s infinite;
	transition: all 1s ease-out;
	opacity: 0;
}

.page-work .hero.active .bg-deco .circle.left {
	opacity: 1;
}

.page-work .hero .bg-deco .circle.right {
	position: absolute;
	top: 0;
	right: -146px;
	width: 223px;
	height: 223px;
	background-color: var(--color-secondary-orange-100);
	animation: littledance 20s infinite;
	transition: all 1s ease-out;
	transition-delay: 1s;
	opacity: 0;
}

.page-work .hero.active .bg-deco .circle.right {
	opacity: 1;
}

.page-work .picture {
	background-color: transparent;
}

.page-work .feed {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 36px;
    padding: 0;
    margin-bottom: 200px;
}

.page-work .box {
    padding: 16px;
    border: 1px solid var(--color-primary-black-200);
    border-radius: 10px;
}

.page-work .filters {
    width: 100%;
    max-width: 276px;
}

.page-work .filters .box {
    box-shadow: 2px 8px 10px 0px #0A595100;
    transition: all .4s;
}

.page-work .filters .box:hover {
    box-shadow: 4px 8px 25px 0px #0a595121;
}

.page-work .filters a {
    text-decoration: none;
    color: inherit;
    user-select: none;
}

.page-work .filters .headline {
    padding-left: 16px;
    font-size: 15px;
    font-weight: 700;
    color: var(--color-primary-green);
}

.page-work .filters .filter-type + .filter-type {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--color-primary-green-400);
}

.page-work .filters .filter-type .title {
    padding-top: 4px;
    padding-bottom: 8px;
    color: var(--color-secondary-orange);
    font-weight: 400;
    text-transform: uppercase;
}

.page-work .filters .filter-tag li {
    color: var(--color-primary-black-400);
    background-color: transparent;
    border-radius: 8px;
    transition: all .125s;
    user-select: none;
}

.page-work .filters .filter-tag li:hover {
    background-color: #f3f3f3;
}

.page-work .filters .filter-tag li {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.02em;
    cursor: pointer !important;
}

.page-work .filters .filter-tag li.active {
    font-weight: 600;
    background-color: #ECECEC;
}

.page-work .filters .filter-tag li.active + li.active {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.page-work .filters .filter-tag li.active:has(+ li.active) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.page-work .filters .filter-tag li.active::after {
    content: '×';
    position: absolute;
    top: calc(50% + 2px);
    right: 10px;
    font-family: var(--font-rubik);
    font-size: 18px;
    font-weight: 300;
    transform: translateY(-50%);
    opacity: 0.5;
    transition: all .2s;
}

.page-work .filters .filter-tag li.active:hover::after {
    opacity: 0.75;
}
.page-work .cases {
    flex-grow: 1;
}

.page-work .feed .cases .top-bar .search {
    margin-bottom: 34px;
    max-width: unset !important;
}

.page-work .feed .cases .buttons {
    margin-top: 60px;
    text-align: center;
}

.page-work .feed .cases .buttons .btn::after {
    height: 32px;
    transform: translate3d(0, -4px, 0) rotate(90deg);
}

.page-work .feed .cases .buttons .btn:hover::after,
.page-work .feed .cases .buttons .btn:active::after {
    transform: translate3d(-10px, 4px, 0) rotate(90deg);
}

.page-work .feed .results {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 28px;
    max-width: 800px
}

.page-work .feed .cases .case {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-grow: 1;
    flex-basis: 40%;
    height: 450px;
    max-width: 400px;
    box-shadow: 0px 2px 20px 0px #0A595100;
    transition: all .2s;
    overflow: hidden;
}

.page-work .feed .cases .case:hover {
    box-shadow: 0px 8px 45px 0px #0A59512E;
}

.page-work .feed .cases .case::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    border-radius: inherit;
    transition: all .2s;
    z-index: 1;
}

.page-work .feed .cases .case:hover::after {
    border-width: 1.5px;
    border-color: var(--color-primary-green);
    box-shadow: 0px 8px 45px 0px #0A59512E;
}

.page-work .feed .cases .case a {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-decoration: none !important;
    cursor: pointer;
    z-index: 5;
}

.page-work .feed .cases .case .cover {
    margin-bottom: 16px;
    /* height: 230px; */
    /* height: 210px; */
    aspect-ratio: 16 / 9;
    min-height: 182.64px;
    overflow: hidden;
    border-radius: 10px;
    background-color: #F3F3F3;
}

.page-work .feed .cases .case .cover img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.page-work .feed .cases .case h4 {
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-secondary-orange);
}

.page-work .feed .cases .case .summary {
    flex-grow: 1;
    margin-bottom: 16px;
    font-size: 14px;
    color: var(--color-primary-black-700);
    overflow: hidden;
}

.page-work .feed .cases .case .summary p {
    max-height: 5em;
    overflow: hidden;
    font-size: inherit;
}

.page-work .feed .cases .case .tags {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: wrap;
    font-family: var(--font-rubik);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--color-primary-black-400);
    transition: all .2s;
    opacity: 1;
}

.page-work .feed .cases .case .tags.unloaded {
    opacity: 0;
}

.page-work .feed .cases .case .tags li {
    display: inline-block;
    padding: 4px 8px;
    line-height: 1;
    background-color: var(--color-primary-black-100);
    border: 1px solid var(--color-primary-black-200);
    border-radius: 5px;
    overflow: hidden;
}

.page-work .feed .cases .testimonial {
    margin-top: 40px;
    margin-bottom: 30px;
    width: 100%;
}

.page-work .feed .cases .testimonial .profile-card .picture {
    width: 88px;
    height: 88px;
}

.page-work .feed .cases .testimonial .quote {
    font-size: 14px;
    line-height: 1.5;
}

.page-work .feed .cases .testimonial .quote img {
    margin-top: 20px;
}

/*
.page-work .experience .container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 52px;
}

.page-work .experience .container > div {
	width: 50%;
	flex-grow: 1;
}

.page-work .experience h2 {
	margin-bottom: 24px;
}

.page-work .experience .side-text {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

.page-work .experience .side-picture + .side-text {
	justify-content: flex-start;
}

.page-work .experience .side-text .buttons {
	margin-top: 20px;
}

.page-work .experience.verimatrix {
	position: relative;
}

.page-work .experience.verimatrix .bg-deco .circle {
	position: absolute;
	right: -160px;
	top: -40px;
	width: 280px;
	height: 280px;
	background-color: var(--color-primary-light-green-100);
	animation: littledance 20s infinite;
}

.page-work .experience.verimatrix .side-picture .picture {
	flex-direction: row;
	justify-content: flex-end;
}

.page-work .experience.verimatrix .side-picture img {
	max-height: 437px;
}

.page-work .experience.verimatrix .side-text .content {
	max-width: 518px;
}

.page-work .experience.verimatrix .side-text .logo {
	margin-bottom: 25px;
	max-width: 234px;
	max-height: 42px;
}

.page-work .experience.verimatrix .side-text p {
	max-width: 423px;
}

.page-work .experience .side-picture {
	position: relative;
}

.page-work .experience.security {
	margin-top: 110px;
}

.page-work .experience.security .side-picture {
	position: relative;
}

.page-work .experience.system {
	margin-top: 150px;
}

.page-work .experience.system .side-picture .bg-deco {
	position: relative;
}

.page-work .experience.system .side-picture .bg-deco .circle {
	position: absolute;
	background-color: var(--color-primary-green);
}

.page-work .experience.system .side-picture .bg-deco .circle.big {
	bottom: -73px;
	left: -61px;
	width: 159px;
	height: 159px;
	animation: littledance 14s infinite;
}

.page-work .experience.system .side-picture .bg-deco .circle.small {
	bottom: -103px;
	left: -72px;
	width: 28px;
	height: 28px;
	animation: littledance 10s infinite;
	animation-delay: .8s;
}

.page-work .experience.system .bg-deco .circle.right {
	position: absolute;
	top: -300px;
	right: -200px;
	width: 449px;
	height: 449px;
	background-color: var(--color-primary-light-green-400);
	animation: littledance 36s infinite;
	opacity: 0.3;
}

.page-work .experience.analytics {
	margin-top: 140px;
}

.page-work .experience.analytics.first {
	margin-top: 80px;
	padding-bottom: 100px;
}

.page-work .experience.analytics:nth-child(odd) .container {
    flex-direction: row-reverse;
}

.page-work .experience.analytics .bg-deco .circle.left {
	position: absolute;
	top: -190px;
	left: -300px;
	width: 457px;
	height: 457px;
	background-color: var(--color-primary-green-100);
	animation: littledance 42s infinite;
}

.page-work .experience.analytics .side-picture .bg-deco .circle {
	position: absolute;
	bottom: -141px;
	right: -141px;
	width: 312px;
	height: 312px;
	background-color: var(--color-primary-green-200);
	animation: littledance 24s infinite;
}

.page-work #cases-container .experience.analytics:nth-child(odd) .bg-deco {
	display: none;
}


.page-work .experience.analytics #paginator {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	margin-top: 90px;
}

.page-work .experience.analytics #paginator button {
	border: none;
	background: none;
	cursor: pointer;

}

.page-work .experience.analytics #paginator button.prev,
.page-work .experience.analytics #paginator button.next {
	width: 30px;
	height: 30px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 10px;
	box-shadow: 0px 4.65px 13.1px rgba(7, 99, 89, 0.2);
	border-radius: 50%;
	transition: all .2s ease-out;
	z-index: 2;
	background-size: 6px;
}

.page-work .experience.analytics #paginator button.prev:hover,
.page-work .experience.analytics #paginator button.next:hover {
	background-color: var(--color-primary-green-100);
}

.page-work .experience.analytics #paginator button.prev:active,
.page-work .experience.analytics #paginator button.next:active {
	background-color: var(--color-primary-green-4000);
}

.page-work .experience.analytics #paginator button.prev::before,
.page-work .experience.analytics #paginator button.next::before {
	content: unset;
}

.page-work .experience.analytics #paginator button.prev:hover {
	background-position-x: calc(50% - 4px);
}

.page-work .experience.analytics #paginator button.next:hover {
	background-position-x: calc(50% + 4px);
}

.page-work .experience.analytics #paginator button.prev:active {
	background-image: url(../../images/icons/arrow-left-white.svg);
	background-position-x: center;
}

.page-work .experience.analytics #paginator button.next:hover {
	background-position-x: calc(50% + 4px);
}

.page-work .experience.analytics #paginator button.next:active {
	background-image: url(../../images/icons/arrow-right-white.svg);
	background-position-x: center;
}


.page-work .experience.analytics #paginator button.prev {
	background-image: url(../../images/icons/arrow-left-green.svg);
	margin-right: 15px;
}

.page-work .experience.analytics #paginator button.next {
	background-image: url(../../images/icons/arrow-right-green.svg);
	margin-left: 15px;
}

.page-work .experience.analytics #paginator button.prev.disabled,
.page-work .experience.analytics #paginator button.next.disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.page-work .experience.analytics #paginator button.prev.disabled:hover,
.page-work .experience.analytics #paginator button.next.disabled:hover {
	background-color: unset;
}

.page-work .experience.analytics #paginator button.prev.disabled {
	background-position-x: center;
}

.page-work .experience.analytics #paginator button.next.disabled {
	background-position-x: center;

}

.page-work .experience.analytics #paginator .circle-dot {
	width: 30px;
	height: 30px;
	background-color: var(--color-primary-black-200);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition: all .2s ease-out;
	z-index: 2;
	margin: 0 5px;
	box-shadow: 0px 4.65px 13.1px rgba(7, 99, 89, 0.2);
}

.page-work .experience.analytics #paginator .circle-dot.active {
	background-color: var(--color-primary-green);
}

.page-work .experience.analytics #paginator .loader {
	display: flex;
	justify-content: center;
	align-items: center;
}
*/

.testimonial .content {
	position: relative;
	margin: 0 auto;
	max-width: 652px;
}

.testimonial .quote {
	font-style: italic;
	font-size: 15px;
	line-height: 2;
    font-weight: 300;
}

.testimonial .logo {
	display: block;
	max-height: 40px;
}

.testimonial .logo.bigger {
	max-height: 76px;
}

.testimonial .centered .logo {
	margin: 0 auto;
}

.testimonial .logo,
.testimonial .centered .logo {
	margin-top: 24px;
}

.testimonial .centered {
	text-align: center;
}

.testimonial .centered .role,
.testimonial .centered .location {
	text-align: left;
}

.testimonial .bg-deco .quote {
	position: absolute;
	display: block;
	width: 250px;
	height: 200px;
}

.page-work .testimonial.testimonial-01 {
	margin-top: 135px;
}

.testimonial,
.page-work .testimonial.testimonial-01 .content,
.page-work .testimonial.testimonial-01 .container .content {
	position: relative;
}

.page-work .testimonial.testimonial-01 .circle {
	position: absolute;
}

.page-work .testimonial.testimonial-01 .content .bg-deco .quote {
	top: 50%;
	left: 50%;
	width: 380px;
	height: 303px;
	background-image: url(../../images/deco/quote-gray.svg);
	transform: translate3d(-50%, -50%, 0);
}

.page-work .testimonial.testimonial-01 .bg-deco .circle.circle-1 {
	bottom: 160px;
	right: 60px;
	width: 42px;
	height: 42px;
	background-color: var(--color-primary-light-green-100);
	animation: littledance 14s infinite;
}

.page-work .testimonial.testimonial-01 .bg-deco .circle.circle-2 {
	bottom: 100px;
	right: 33px;
	width: 21px;
	height: 21px;
	background-color: var(--color-primary-green-200);
	animation: littledance 14s infinite;
	animation-delay: .8s;
}

.page-work .testimonial.testimonial-01 .bg-deco .circle.circle-3 {
	top: 20px;
	left: -164px;
	width: 395px;
	height: 395px;
	border: 6px solid var(--color-primary-light-green-100);
	animation: littledance 46s infinite;
}

.page-work .testimonial.testimonial-01 .bg-deco .circle.circle-4 {
	top: -50px;
	right: -45px;
	width: 124px;
	height: 124px;
	background-color: var(--color-primary-green-100);
	animation: littledance 8s infinite;
}

.page-work .testimonial.testimonial-02 {
	margin-top: 150px;
}

.page-work .testimonial.testimonial-02 .container {
	position: relative;
}

.page-work .testimonial.testimonial-02 .content {
	max-width: 570px;
}

.page-work .testimonial.testimonial-02 .bg-deco .circle {
	position: absolute;
	top: -80px;
	left: -140px;
	width: 351px;
	height: 351px;
	background-color: var(--color-primary-black-100);
}

.page-work .testimonial.testimonial-03 {
    margin-top: 120px;
}

.page-work .testimonial.testimonial-03 .content .bg-deco .quote {
	top: 50%;
	left: -90px;
	background-image: url(../../images/deco/quote-green.svg);
	transform: translateY(-50%);
}

.page-work .testimonial.testimonial-03 .bg-deco .circle {
	position: absolute;
	bottom: 10px;
	right: -80px;
	width: 179px;
	height: 179px;
	border: 6px solid var(--color-primary-light-green-100);
	background-color: transparent;
	animation: littledance 20s infinite;
}

.page-work .testimonial-slider {
	margin-top: 200px;
	padding-bottom: 42px;
}

.testimonial-slider .container {
	position: relative;
	margin: 0 auto;
	width: 90vw;
	max-width: 840px;
	background-color: #FFFFFF;
	box-shadow: 0px 8px 45px rgba(10, 89, 81, 0.15);
	border-radius: 60px 20px;
}

.page-work .testimonial-slider .container {
    max-width: 1100px;
    border-radius: 10px 50px;
}

.page-work .testimonial-slider .testimonial {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    padding-top: 50px;
}

.page-work .testimonial-slider .testimonial .profile-card {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-basis: 40%;
    min-width: 350px;
    margin-bottom: 0;
}

.page-work .testimonial-slider .testimonial .profile-card .profile {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: inherit;
}

.page-work .testimonial-slider .testimonial .profile-card .logo {
    margin-top: 15px;
    max-width: 206px;
}

.page-work .testimonial-slider .slick-arrow,
.page-work .testimonial-slider .slick-arrow.slick-prev,
.page-work .testimonial-slider .slick-arrow.slick-next {
    display: none !important;
}

.testimonial-slider .container.title {
	position: relative;
	margin: 0 auto;
    padding-bottom: 10px;
	width: 90vw;
	max-width: 1140px;
	background-color: unset;
	box-shadow: unset;
	border-radius: unset;
}

.testimonial-slider .testimonial {
	padding: 32px;
}

.testimonial-slider .testimonial p {
	line-height: 1.8;
}

.testimonial-slider .testimonial .profile-card p {
    margin-top: 8px;
	line-height: 1.3;
}

.testimonial-slider .testimonial .logo {
	max-height: 70px;
    max-width: 240px;
}

.page-home .testimonial-slider .testimonial .logo {
	max-height: 44px;
    max-width: 114px;
}

.testimonial-slider .slider {
	margin-bottom: 0;
	height: 670px;
	transition: all .4s;
}

.testimonial-slider .slick-dots {
	width: auto;
	left: 32px;
	bottom: 32px;
}

.page-work .testimonial-slider .slick-dots {
    left: unset;
    right: 32px;
}

.testimonial-slider .slick-dots li {
	margin: 0 6px;
}

.testimonial-slider .slick-dots li button:before {
	width: 14px;
	height: 14px;
}

.testimonial-slider .slick-dots li.slick-active button:before {
	width: 18px;
	height: 18px;
}

.testimonial-slider .slick-arrow {
	top: unset;
	bottom: 12px;
	width: 42px;
	height: 42px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 8px;
	box-shadow: 0px 4.65px 13.1px rgba(7, 99, 89, 0.2);
	border-radius: 50%;
	transition: all .2s ease-out;
	z-index: 2;
}

.testimonial-slider .slick-arrow:active {
	background-color: var(--color-primary-green);
}

.testimonial-slider .slick-arrow::before {
	content: none !important;
}

.testimonial-slider .slick-arrow.slick-prev {
	left: unset;
	right: 123px;
	background-image: url(../../images/icons/arrow-left-green.svg);
}

.testimonial-slider .slick-arrow.slick-next {
	right: 52px;
	background-image: url(../../images/icons/arrow-right-green.svg);
}

.testimonial-slider .slick-arrow.slick-prev:hover {
	background-position-x: calc(50% - 4px);
}

.testimonial-slider .slick-arrow.slick-prev:active {
	background-image: url(../../images/icons/arrow-left-white.svg);
	background-position-x: center;
}

.testimonial-slider .slick-arrow.slick-next:hover {
	background-position-x: calc(50% + 4px);
}

.testimonial-slider .slick-arrow.slick-next:active {
	background-image: url(../../images/icons/arrow-right-white.svg);
	background-position-x: center;
}

.page-work .testimonial-slider .bg-deco .circle.left {
	position: absolute;
	top: -72px;
	left: -96px;
	width: 221px;
	height: 221px;
	border: 2px solid var(--color-primary-light-green-400);
}

.page-work .testimonial-slider .bg-deco .circle.right {
	position: absolute;
	bottom: -124px;
	right: -67px;
	width: 285px;
	height: 285px;
	background-color: var(--color-secondary-orange-100);
	animation: littledance 32s infinite;
}

.page-work .testimonial-slider .bg-deco .wave {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position-y: 70%;
	background-position-x: center;
	background-size: contain;
}

.page-work .testimonial-slider .bg-deco .wave svg {
	position: relative;
	top: 155px;
	left: 0;
}

.page-work .testimonial-slider .bg-deco .wave svg .svg-elem-1 {
	stroke-dashoffset: 2366.650390625px;
	stroke-dasharray: 2366.650390625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.page-work .testimonial-slider .bg-deco.active .wave svg .svg-elem-1 {
	stroke-dashoffset: 0;
}

.page-work .testimonials {
	margin-top: 170px;
	margin-bottom: 20px;
}

.page-work .testimonials h2 {
	text-align: center;
}

.page-work .testimonials .video-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 60px;
}

.page-work .testimonials .video-wrapper iframe,
.page-work .testimonials .video-wrapper video,
.page-work .testimonials .video-wrapper .video-iframe-cover {
	width: max(70%, 350px);
	height: 100%;
	border-radius: 12px;
}

.page-work .testimonials .slick-dots {
	margin-top: 30px;
	position: relative;
}

.page-work .testimonials .bg-text {
	position: absolute;
	top: -42%;
	left: 50%;
	width: 120%;
	height: 100%;
	max-width: 1200px;
	background-image: url(../../images/deco/text-bg-our-clients.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: translateX(-50%);
	z-index: -1;
}

/* Our work: case */
.page-work.inside .container {
	max-width: 1100px;
}

.page-work.inside .container .container {
	width: 100%;
	padding: 0;
}

.page-work.inside section > .container > section:first-of-type {
	padding-right: var(--bs-gutter-x,.75rem);
}

.page-work.inside section > .container > section:last-of-type {
	padding-left: var(--bs-gutter-x,.75rem);
}

.page-work.inside .hero .container > div {
	margin-top: 70px;
	margin-bottom: 0px;
	min-height: 340px;
	width: 100%;
}

.page-work.inside .hero .container > div.side-logo {
	width: 30vw;
	max-width: 310px;
	max-height: 60px;
	transform: translateX(-2vw);
}

.page-work.inside .hero .container > div.side-logo > img {
	max-height: 60px !important;
}

.page-work.inside .hero .side-content {
	align-items: flex-start;
}

.page-work.inside .hero .side-content h1 {
	max-width: 820px;
}

.page-work.inside .hero.with-profile .side-content h1,
.page-work.inside .hero.with-logo .side-content h1 {
	max-width: 630px;
}

.page-work.inside .hero.with-profile .side-content h1 {
	max-width: 442px;
}

.page-work.inside .hero .profile-card {
	padding: 20px;
	background-color: #FFFFFF;
	box-shadow: 0px 4px 18px rgba(37, 150, 138, 0.2);
	border-radius: 28px;
	transform: translate3d(20px, 0, 0);
	transition: all 1s ease-in-out;
	opacity: 0;
}

.page-work.inside .hero.active .profile-card {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-work.inside .hero .profile-card .picture {
	box-shadow: 0px 6px 24px rgba(11, 103, 93, 0.2);
	border-radius: 14px;
}

.page-work.inside .hero .bg-deco .circle {
	position: absolute;
	top: calc(50% - 20px);
	right: -162px;
	width: 280px;
	height: 280px;
	background-color: var(--color-secondary-orange-100);
	transform: translateY(-50%);
}

.page-work.inside .hero .bg-deco .wave {
	position: absolute;
	top: 63px;
	min-height: 740px;
	background-image: url(../../images/deco/wave-lines-faded-6.svg);
	background-size: cover;
}

.page-work.inside .content {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 45px;
}

.page-work.inside .column-view .solution {
	display: flex;
	flex-direction: row;
	/* margin-top: -50px; */
}

.page-work.inside .column-view .solution > div {
	width: 50%;
	flex-basis: 50%;
	flex-grow: 1;
}

.page-work.inside .column-view .solution > div.spacer {
	display: none;
}

.page-work.inside .column-view .solution .container .content:not(:has(.side-picture .picture video)) {
	gap: 10px;
}

.page-work.inside .column-view .solution .container .content > div {
	width: 100%;
}

.page-work.inside .column-view .solution .container .content > div .items-container {
	max-width: 390px;
}

.page-work.inside .column-view .solution .container .content > div.side-picture .bg-deco {
	display: none;
}

.page-work.inside .column-view .solution .comment-results section.quote {
	margin-top: 0;
}

.page-work.inside .solution.two-col .content .picture {
	margin-left: auto;
	margin-right: auto;
	max-width: 380px;
}

.page-work.inside .solution.two-col .content .picture:has(video) {
	max-width: 100%;
}

.page-work.inside .solution.two-col .content .picture img,
.page-work.inside .solution.two-col .content .picture video {
	width: 100%;
	height: 100%;
	max-height: 100%;
	transform: scale(1.02);
}

.page-work.inside .solution.two-col .content .picture video {
	transform: scale(1);
}

.page-work.inside .solution.two-col .content .picture {
	box-shadow: 0px 8px 45px rgba(10, 89, 81, 0.1);
}

.page-work.inside .solution.two-col .content.bottom .picture {
	box-shadow: unset;
}

.page-work.inside .solution.two-col .content.bottom {
	margin-top: 30px;
}

.page-work.inside .column-view .solution .comment-results .user-comment {
	margin-left: auto;
	margin-right: 0;
}

.page-work.inside .column-view .solution .comment-results .user-comment::after {
	left: unset;
	right: -121px;
}

.page-work.inside section.results.no-margin-top {
	margin-top: 0;
}

.page-work.inside section a {
	position: relative;
	text-decoration: none;
	font-weight: inherit;
	color: var(--color-primary-green);
	transition: all .2s ease-out;
}

.page-work.inside section a:hover {
	color: var(--color-secondary-orange);
}

.page-work.inside section a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: var(--color-primary-green);
	transition: all .2s ease-out;
}

.page-work.inside section a:hover::after {
	height: 3px;
	background-color: var(--color-secondary-orange);
}

.page-work.inside .content > div {
	width: 50%;
	flex-grow: 1;
}

.page-work.inside .content .text-columns {
    display: flex;
    flex-direction: row;
    gap: 30px;
    margin-top: 1em;
}

.page-work.inside .content .text-columns > p {
    flex-basis: 50%;
    width: 50%;
}

.page-work.inside .process .content div.side-content .side-top.with-picture {
    display: flex;
    gap: 30px;
}

.page-work.inside .process .content div.side-content .side-top.with-picture.reverse {
	flex-direction: row-reverse;
	margin-top: 50px;
}

.page-work.inside .process .content div.side-content .side-top.with-picture > div {
    width: 50%;
}

.page-work.inside .process .content div.side-content .side-top.with-picture > div.side-illustration {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.page-work.inside .process .content div.side-content .side-top.with-picture > div.side-illustration img {
	max-height: 380px;
}

.page-work.inside .content .side-text.narrow p {
	max-width: 422px;
}

.page-work.inside .container h3,
.page-work.inside .content .side-text h3 {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	column-gap: 24px;
	margin-bottom: 32px;
}

.page-work.inside h3 .icon {
	width: 40px;
	height: 40px;
	background-color: var(--color-primary-green);
	border-radius: 11px;
}

.page-work.inside .challenge h3 .icon {
	background-image: url(../../images/icons/work-challenge.svg);
}

.page-work.inside .solution h3 .icon {
	background-image: url(../../images/icons/work-solution.svg);
}

.page-work.inside .solution.alt h3 .icon {
	background-image: url(../../images/icons/work-solution-2.svg);
	background-size: 18px;
}

.page-work.inside .results h3 .icon {
	background-image: url(../../images/icons/work-results.svg);
}

.page-work.inside .process h3 .icon {
	background-image: url(../../images/icons/work-process.svg);
	background-size: 26px;
}

.page-work.inside .team-comment h3 .icon,
.page-work.inside .extended-team h3 .icon {
	background-image: url(../../images/icons/work-person.svg);
	background-size: 20px;
}

.page-work.inside .content .side-text p,
.page-work.inside .container-text p {
	margin-bottom: 24px;
	font-size: 1rem;
	line-height: 1.75;
}

.page-work.inside .container.row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	padding-left: 0;
	padding-right: 0;
}

.page-work.inside .container.row > * {
	flex-grow: 1;
	flex-basis: 40%;
	width: 40%;
}

.page-work.inside .container.row .side-illustration video {
	width: 100%;
}

.page-work.inside .row.align-top {
	align-items: flex-start;
}

.page-work.inside .row.align-top .solution {
	padding-right: 40px;
}

.page-work.inside .row.align-top .results .content > div {
	width: 100%;
}

.page-work.inside .row.align-top .results .content {
	flex-direction: column-reverse;
}

.page-work.inside .row.align-top .results .content .picture img {
	max-width: 100%;
}

.page-work.inside .row.align-bottom {
	align-items: flex-end;
}

.page-work.inside .row.align-bottom .results .container {
	padding: 0;
}

.page-work.inside .row > section {
	flex-basis: 40%;
	flex-grow: 1;
	width: 40%;
}

.page-work.inside .row > section > .container {
	width: 100%;
}

.page-work.inside .row > section.alt > .container {
	padding-left: 0;
}

.page-work.inside section {
	position: relative;
}

.page-work.inside section.process {
	margin-top: 40px;
}

.page-work.inside section.solution .side-text.text-2 {
	padding-top: 72px;
}

.page-work.inside section.solution.vertical > .container > .content {
	flex-direction: column;
}

.page-work.inside section.solution.vertical > .container > .content > div {
	width: 100%;
}

.page-work.inside section.solution.vertical > .container > .content .text-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
}

.page-work.inside section.solution.vertical > .container > .content .text-container > div {
	width: 100%;
}

.page-work.inside ul.list {
	margin-bottom: 0.25em;
	padding-left: 18px;
	line-height: 28px;
}

.page-work.inside ul.list li {
	position: relative;
}

.page-work.inside ul.list li::before {
	position: absolute;
	display: block;
	content: '';
	left:  -10px;
	top: 0.65em;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: var(--color-primary-dark);
}

.page-work.inside .use-cases-container {
	width: 390px;
}

.page-work.inside .use-cases-container.slick-slider {
	width: unset;
}

.page-work.inside ul.items-container {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 18px;
	margin-top: 20px;
	margin-bottom: 30px;
}

.page-work.inside .multiples ul.items-container {
	margin-bottom: 30px;
}

.page-work.inside ul.items-container > li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 5px 10px;
	width: 120px;
	height: 90px;
	font-size: 12px;
	font-weight: 500;
	line-height: 15px;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: var(--color-secondary-orange-700);
	box-shadow: 0px 12px 20px #8f9e9757;
	border-radius: 40px 20px;
}

.page-work.inside section.process ul.items-container {
	position: relative;
}

.page-work.inside section.process ul.items-container::after {
	position: absolute;
	display: block;
	content: '';
	top: unset;
	bottom: -220px;
	right: -140px;
	width: 351px;
	height: 351px;
	background-color: var(--color-primary-light-green-400);
	border-radius: 50%;
	opacity: 0.3;
	z-index: -1;
}

.user-comment {
	margin: 0 auto;
	padding: 41px;
	padding-top: 22px;
	background-color: #FFFFFF;
	box-shadow: 0px 8px 45px rgba(10, 89, 81, 0.15);
	border-radius: 60px 20px;
	max-width: 466px;
}

.user-comment .logo {
	display: block;
	margin: 0 auto;
	margin-bottom: 14px;
	height: 100px;
	max-width: 212px;
}

.user-comment > p {
	text-align: center;
}

.user-comment .profile-card {
	justify-content: center;
	margin-bottom: 18px;
}

.user-comment .profile-card .picture {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #EAEAEA;
	box-shadow: 0px 6px 24px rgba(55, 180, 167, 0.15);
}

.user-comment .profile-card h5 {
	font-weight: bold;
	font-size: 16px;
	line-height: 28px;
}

.user-comment .profile-card .role {
	color: var(--color-primary-black-400);
}

.page-work.inside section.intro {
	margin-top: 10px;
    margin-bottom: 40px;
}

.page-work.inside section.intro .top {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	z-index: 3;
}

.page-work.inside section.intro .top > div {
	flex-basis: 40%;
	flex-grow: 1;
	width: 40%;
}

.page-work.inside section.intro .top > div.side-text.narrow {
	max-width: 430px;
}

.page-work.inside section.intro .top > div.side-items {
	max-width: 450px;
}

.page-work.inside section.intro .top > div.side-right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}

.page-work.inside section.intro .top > div.side-right img {
	display: block;
	width: 100%;
	max-width: 440px;
}

.page-work.inside section.intro .bottom {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	z-index: 1;
}

.page-work.inside section.intro .bottom > div {
	flex-basis: 50%;
	width: 50%;
	flex-grow: 1;
}

.page-work.inside section.intro .bottom .steps,
.page-work.inside section.intro .bottom .profiles {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 75px;
}

.page-work.inside section.intro .bottom .steps {
	padding-left: 10px;
	gap: 62px;
}

.page-work.inside section.intro .bottom .steps li {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.page-work.inside section.intro .bottom .steps li + li::before {
	position: absolute;
	display: block;
	content: '';
	top: 50%;
	left: -25%;
	width: 22px;
	height: 22px;
	background-image: url(../../images/deco/arrow-right-orange.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: translate3d(0, -50%, 0);
}

.page-work.inside section.intro .bottom .steps li > div {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 6px;
}

.page-work.inside section.intro .bottom .steps li .picture {
	height: 116px;
	border-radius: 0;
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-work.inside section.intro .bottom .steps li .picture img {
	object-fit: contain;
}

.page-work.inside section.intro .bottom .steps li span {
	font-weight: bold;
	font-size: 14px;
	width: 117%;
	text-align: center;
}

.page-work.inside section.intro .bottom .profiles {
	justify-content: space-between;
	gap: 18px;
	filter: saturate(0);
}

.page-work.inside section.intro .bottom .profiles li {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.page-work.inside section.intro .bottom .profiles li .picture {
	margin-bottom: 8px;
	width: 90px;
	height: 90px;
	border-radius: 28px;
	background-color: #F3F3F3;
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-work.inside section.intro .bottom .profiles li .name {
	margin-bottom: 0;
	font-weight: bold;
	font-size: 12px;
}

.page-work.inside section.intro .bottom .profiles li .role {
	font-weight: 400;
	font-size: 12px;
	color: var(--color-primary-black-400);
}

.page-work.inside section.intro .bottom .side-right {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 518px;
}

.page-work.inside section.challenge {
	margin-top: 55px;
}

.page-work.inside section.challenge .with-illustration .side-right {
	display: flex;
	justify-content: center;
	align-items: center;
}

.page-work.inside section.intro + section.challenge .with-illustration video,
.page-work.inside section.illu-paragraph .side-illustration video,
.page-work.inside section.intro + section.challenge .with-illustration img[src$="gif"],
.page-work.inside section.illu-paragraph .side-illustration img[src$="gif"],
.page-work.inside section .picture video,
.page-work.inside section .side-text + .side-picture .picture video,
.page-work.inside section .picture img[src$="gif"],
.page-work.inside section .side-text + .side-picture .picture img[src$="gif"],
.page-work.inside section.process .content div.side-content .side-top.with-picture > div.side-illustration video {
	border-radius: 10px;
	max-height: 380px;
}

/* .page-work.inside section.intro + section.challenge .with-illustration video.with-border, */
/* .page-work.inside section.illu-paragraph .side-illustration video.with-border { */
.page-work.inside section.intro + section.challenge .with-illustration video,
.page-work.inside section.illu-paragraph .side-illustration video,
.page-work.inside section.intro + section.challenge .with-illustration img[src$="gif"],
.page-work.inside section.illu-paragraph .side-illustration img[src$="gif"],
.page-work.inside section .picture video,
.page-work.inside section .side-text + .side-picture .picture video,
.page-work.inside section .picture img[src$="gif"],
.page-work.inside section .side-text + .side-picture .picture img[src$="gif"],
.page-work.inside section.process .content div.side-content .side-top.with-picture > div.side-illustration video {
	box-shadow: 0px 8px 45px rgba(10, 89, 81, 0.25);
	border: 3px solid rgba(55, 180, 167, 0.5);
}

.page-work.inside section.challenge .content.brand {
	margin-bottom: 96px;
}

.page-work.inside section.challenge .content.brand .logo {
	display: block;
	margin: 0 auto;
	max-width: 393px;
}

.page-work.inside section.process p {
	margin-bottom: 1em;
}

.page-work.inside section .picture {
	border-radius: 20px 80px;
	transform: translate3d(20px, 0, 0);
	transition: all 1s ease-in-out;
	opacity: 0.8;
}

.page-work.inside section .picture.no-transform {
	padding-right: 30px !important;
	transform: translate3d(0, 0, 0);
	opacity: 1 !important;
}

.page-work.inside section .profile-card .picture {
	border-radius: 50%;
}

.page-work.inside section .picture.alt {
	border-radius: 80px 20px;
}

.page-work.inside section .picture:has(video),
.page-work.inside section .picture.alt:has(video) {
    width: 100% !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.page-work.inside section .side-text + .side-picture .picture {
	transform: translate3d(-20px, 0, 0);
}

.page-work.inside section.active .picture,
.page-work.inside section.active .side-text + .side-picture .picture {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-work.inside section.results .picture {
	display: flex;
	justify-content: center;
	align-items: center;
}

.page-work.inside section.results .picture img {
	max-width: 460px;
}

.page-work.inside section.results .picture video {
    width: 100%;
}

.page-work.inside section.results .side-text ul,
.page-work.inside section.results .side-text .logos {
	margin-bottom: 25px;
}

.page-work.inside section.results .side-text .logos {
	max-width: 250px;
}

.page-work.inside section.results .side-text .side-picture .logos {
	margin: 0 auto;
	max-width: 460px;
}

.page-work.inside section .side-picture {
	position: relative;
    margin-bottom: 40px;
}

.page-work.inside section.solution .side-picture .bg-deco .circle {
	position: absolute;
	bottom: -134px;
	right: -234px;
	width: 346px;
	height: 346px;
	background-color: var(--color-primary-light-green-100);
	animation: littledance 14s infinite;
}

.page-work.inside section.results .bg-deco .circle {
	position: absolute;
	top: -25px;
	left: -158px;
	width: 258px;
	height: 258px;
	border: 6px solid var(--color-primary-light-green-100);
}

.page-work.inside .row.align-top section.results .bg-deco .circle {
	top: unset;
	bottom: -20px;
	left: -390px;
	background-color: var(--color-primary-light-green-100);
}

.page-work.inside section.illu-paragraph {
	margin-top: 20px;
	margin-bottom: 60px;
}

.page-work.inside section.illu-paragraph .side-illustration {
	padding: 0;
}

.page-work.inside section.illu-paragraph .side-illustration video {
	transform: translateX(-30px) scale(1.05);
}

.page-work.inside section.illu-paragraph .side-text {
	padding-left: 40px;
}
.page-work.inside section.illu-paragraph .side-text ul {
	list-style: initial;
	padding-left: 18px;
}
.page-work.inside section.illu-paragraph .side-text ul li {
	margin-bottom: 10px;
}
.page-work.inside .row.align-bottom .comment-results {
	padding-bottom: 40px;
}

.quote.left .user-comment {
	position: relative;
	margin-left: 0;
	margin-right: auto;
}

.page-work.inside .comment-results.center .user-comment {
    margin-left: auto;
    margin-right: auto;
}

.page-work.inside .comment-results .user-comment::after {
	content: '';
	display: block;
	position: absolute;
	bottom: -141px;
	left: -141px;
	width: 312px;
	height: 312px;
	background-color: var(--color-primary-green-200);
	animation: littledance 24s infinite;
	border-radius: 50%;
	z-index: -1;
}

.page-work.inside .team-comment {
	padding-top: 45px;
}

.page-work.inside section.team .profiles {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 26px;
	margin-top: 45px;
}

.page-work.inside section.team .profiles .profile {
	width: 90px;
	height: 90px;
	background-color: #EEEEEE;
	box-shadow: 0px 6px 24px rgba(55, 180, 167, 0.15);
	border-radius: 28px;
	overflow: hidden;
}

.page-work.inside section.extended-team {
	margin-top: 75px;
}

.page-work.inside section.extended-team .row {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
}

.page-work.inside section.extended-team .row::before {
	position: absolute;
	display: block;
	content: '';
	top: 0;
	left: calc(50% - 2px);
	width: 4px;
	height: 100%;
	border-radius: 6px;
	background-color: var(--color-secondary-orange-700);
}

.page-work.inside section.extended-team .row .column {
	flex-basis: 40%;
	flex-grow: 1;
	width: 40%;
	max-width: 450px;
}

.page-work.inside section.extended-team .row .column p + p {
	margin-top: 40px;
}

.page-work.inside section.related {
	margin-top: -40px;
}

.page-work.inside section.related .container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;
	gap: 40px;
	text-align: center;
	min-height: 450px;
}

.page-work.inside section.related .button {
	display: inline-block;
	padding: 20px;
	text-align: left;
	text-decoration: none !important;
	width: 311px;
	background-color: #FFFFFF;
	border: 2px solid var(--color-primary-green-200);
	box-shadow: 0px 2px 4px rgba(37, 150, 138, 0);
	border-radius: 20px;
	transition: all .3s;
}

.page-work.inside section.related .button::after {
	display: none;
	content: unset;
}

.page-work.inside section.related .button:hover,
.page-work.inside section.related .button:focus {
	border: 2px solid var(--color-primary-green-400);
	box-shadow: 0px 4px 18px rgba(37, 150, 138, 0.2);
}

.page-work.inside section.related .button span {
	display: block;
	width: 100%;
}

.page-work.inside section.related .button span.headline {
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
	width: auto;
	margin-bottom: 8px;
	text-transform: uppercase;
	font-size: 1rem;
	line-height: 1.75;
	color: var(--color-primary-black);
	transition: all .3s;
}

.page-work.inside section.related .button span.headline span {
	position: relative;
}

.page-work.inside section.related .button span.headline span::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background-color: transparent;
	transition: all .3s;
}

.page-work.inside section.related .button:hover span.headline span::after,
.page-work.inside section.related .button:active span.headline span::after {
	width: 100%;
	background-color: var(--color-secondary-orange);
}

.page-work.inside section.related .button.prev:hover span.headline span::after,
.page-work.inside section.related .button.prev:active span.headline span::after {
	left: unset;
	right: 0;
}

.page-work.inside section.related .button span.headline svg {
	stroke: var(--color-primary-black-700);
	transform: translate3d(0, 0, 0);
	transition: all .3s;
}

.page-work.inside section.related .button:hover span.headline svg,
.page-work.inside section.related .button:active span.headline svg {
	stroke: var(--color-secondary-orange);
}

.page-work.inside section.related .button.prev:hover span.headline svg,
.page-work.inside section.related .button.prev:active span.headline svg {
	transform: translate3d(-3px, 0, 0);
}

.page-work.inside section.related .button.next:hover span.headline svg,
.page-work.inside section.related .button.next:active span.headline svg {
	transform: translate3d(3px, 0, 0);
}

.page-work.inside section.related .button:hover span.headline,
.page-work.inside section.related .button:active span.headline {
	color: var(--color-secondary-orange);
}

.page-work.inside section.related .button span.title {
	font-size: var(--size-xl);
	line-height: 1.33;
	font-weight: 700;
	color: var(--color-primary-green);
}

.page-work.inside section.related .bg-deco .wave {
	position: relative;
}

.page-work.inside section.related .bg-deco .wave svg {
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.page-work.inside section.related .bg-deco .wave svg .svg-elem-1 {
  stroke-dashoffset: 2158.926513671875px;
  stroke-dasharray: 2158.926513671875px;
  -webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
          transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.page-work.inside section.related.active .bg-deco .wave svg .svg-elem-1 {
  stroke-dashoffset: 0;
}


.page-contact .hero {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
    margin-top: -90px;
	border-bottom-left-radius: 60px;
	border-bottom-right-radius: 60px;
	overflow: hidden;
}

.page-contact .hero::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset 0px 4px 60px #002917;
	z-index: 2;
}

.page-contact .hero .video {
	height: 100%;
    width: 100%;
	z-index: 1;
}

.page-contact .specialists .container {
	position: relative;
	max-width: 1090px;
}

.page-contact .specialists .profiles {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	column-gap: 20px;
	row-gap: 32px;
	flex-wrap: wrap;
	margin-top: 77px;
}

.page-contact .specialists .profiles .profile {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	flex-grow: 1;
	flex-basis: calc(50% - 40px);
	width: calc(50% - 40px);
	padding: 20px;
	background-color: #FFFFFF;
	box-shadow: 0px 4px 18px rgba(37, 150, 138, 0.2);
	border-radius: 20px;
}

.page-contact .specialists .profiles .profile > div {
	flex-grow: 1;
	flex-basis: 50%;
	width: 50%;
}

.page-contact .specialists .profiles .profile > .left {
	margin-right: 16px;
	padding-right: 20px;
	max-width: 220px;
	border-right: 1px solid #C2E0DE;
}

.page-contact .specialists .profiles .profile > .right {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
}

.page-contact .specialists .profiles .profile > .right .picture {
	min-width: 116px;
	min-height: 116px;
	max-width: 116px;
	max-height: 116px;
	border-radius: 20px;
}

.page-contact .specialists .profiles .profile > .right .info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	min-width: 120px;
}

.page-contact .specialists .profiles .profile .title {
	font-family: var(--font-rubik);
	color: var(--color-primary-green);
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
}

.page-contact .specialists .profiles .profile .subtitle {
	font-size: 16px;
	line-height: 28px;
	font-weight: 400;
}

.page-contact .specialists .profiles .profile .name {
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
}

.page-contact .specialists .profiles .profile .area {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
}

.page-contact .specialists .profiles .profile .bottom .btn {
	font-size: 12px;
}

.page-contact .specialists .profiles .profile .bottom .btn.collapsed:hover {
	min-width: 120px;
}

.page-contact .specialists .profiles .profile .bottom .btn.collapsed > span {
	min-width: 88px;
}

.page-contact .specialists .profiles .profile > .left,
.page-contact .specialists .profiles .profile > .right .info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	height: 100%;
	min-height: 110px;
}

.page-contact .specialists .bg-deco {
	top: 0;
}

.page-contact .specialists .bg-deco .circle {
	position: absolute;
}

.page-contact .specialists .bg-deco .circle.circle-1 {
	top: -70px;
	left: -110px;
	width: 60px;
	height: 60px;
	background-color: transparent;
	border: 3px solid var(--color-secondary-orange);
	animation: littledance 16s infinite;
}

.page-contact .specialists .bg-deco .circle.circle-2 {
	bottom: -180px;
	left: -200px;
	width: 412px;
	height: 412px;
	background-color: var(--color-primary-green-100);
	animation: littledance 20s infinite;
}

.page-contact .specialists .bg-deco .circle.circle-3 {
	top: -510px;
	right: -250px;
	width: 642px;
	height: 642px;
	background-color: var(--color-primary-black-100);
	animation: littledance 40s infinite;
}

.page-contact .specialists .bg-deco .circle.circle-4 {
	top: 50%;
	right: -52px;
	width: 126px;
	height: 126px;
	background-color: var(--color-primary-light-green-400);
	opacity: 0.8;
	animation: littledance 18s infinite;
}

.page-contact .specialists .bg-deco .circle.circle-5 {
	top: -20px;
	right: -30px;
	width: 24px;
	height: 24px;
	background-color: var(--color-primary-light-green-100);
	z-index: 5;
	animation: littledance 12s infinite;
}

.page-contact .specialists .bg-deco .circle.circle-6 {
	top: -50px;
	right: -160px;
	width: 30px;
	height: 30px;
	background-color: transparent;
	border: 1.6px solid var(--color-primary-green-200);
	animation: littledance 14s infinite;
}

.page-contact .specialists .bg-deco.wave {
	top: -20vh;
	height: 100vh;
	background-image: url(../../images/deco/wave-lines-faded-12.svg);
}

.page-contact .content {
    margin: 0;
}

.page-contact .contact .container .content {
    position: relative;
    margin: 0 auto;
    margin-bottom: 40px;
    padding: 60px 44px;
    max-width: 972px;
    background-color: #FFFFFF;
    box-shadow: 0px 12px 45px rgba(0, 0, 0, 0.08);
    border-radius: 80px 20px;
}

.page-contact .content h1,
.page-contact .content h2 {
    color: var(--color-primary-green);
}

.page-contact .content .subtitle {
	margin-top: 12px;
	font-size: 14px;
	line-height: 24px;
}

.page-contact .content .form-section-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    margin-top: 48px;
}

.page-contact .content .form-section-container > div {
    width: 50%;
}

.page-contact .contact .form .message-sent {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: -40px;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 60px 44px;
    text-align-last: center;
    background-color: #FFFFFF;
    pointer-events: none;
    transition: all .5s;
    opacity: 0;
    z-index: -1;
}

.page-contact .contact .form .message-sent h2,
.page-contact .contact .form .message-sent p {
    text-align: center;
}

.page-contact .contact .form.success .message-sent {
    top: 0;
    opacity: 1;
    z-index: 3;
}

.page-contact .contact .form.success {
    max-height: 10vh;
    pointer-events: none;
}

.page-contact .content .form .input {
    margin-top: 20px;
}

.page-contact .content .form .input .error-message {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    margin-top: 5px;
    font-size: var(--size-sm);
    color: var(--color-status-error-500);
    opacity: 0;
    transition: all .2s;
    z-index: 1;
}

.page-contact .content .form .input .error-message::before {
    content: '';
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../../images/icons/attention.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.page-contact .content .form .input.error .error-message {
    opacity: 1;
}

.page-contact .content .form .input:first-of-type {
    margin-top: 0;
}

.page-contact .content .form label {
    display: block;
    margin-bottom: 8px;
    width: 100%;
    font-size: 1rem;
    line-height: 1.75;
    z-index: 2;
}

.page-contact .content .form .files .attach .label {
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: auto;
	max-width: 70%;
	gap: 12px;
}

.page-contact .content .form .files .attach.error .label {
	fill: var(--color-status-error-500);
	color: var(--color-status-error-500);
}

.page-contact .content .form .files .attach input {
	display: none;
	opacity: 0;
	z-index: -1;
}

.page-contact .content .form .files .attach .delete {
	position: relative;
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url(../../images/icons/icon-close.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	filter: saturate(0);
	opacity: 0;
	pointer-events: none;
}

.page-contact .content .form .files .attach.attached .delete {
	opacity: 1;
	pointer-events: all;
	transition: all .3s;
}

.page-contact .content .form .files .attach:hover .delete {
	filter: hue-rotate(180deg) saturate(1);
}

.page-contact .content .form input,
.page-contact .content .form textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    padding: 10px 12px;
    width: 100%;
    min-height: 48px;
    font-family: var(--font-poppins);
    font-size: 1rem;
    background-color: #FFFFFF;
    border: 1px solid #D4D4D4;
    border-radius: 8px;
    transition: all .3s;
    z-index: 2;
}

.page-contact .content .form input:focus,
.page-contact .content .form textarea:focus {
    border-color: var(--color-primary-green);
    outline-color: var(--color-primary-green);
}

.page-contact .content .form .input.error input,
.page-contact .content .form .input.error textarea {
    border-color: var(--color-status-error-500);
}

.page-contact .content .files {
    margin-top: 8px;
}

.page-contact .content .files .link.attach,
.page-contact .content .files .link.attach svg path {
    transition: all .2s;
    cursor: pointer;
}

.page-contact .content .files .link.attach:hover,
.page-contact .content .files .link.attach:hover svg path {
    color: var(--color-secondary-orange);
    fill: var(--color-secondary-orange);
}

.page-contact .content .buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 8px;
}

.page-contact .content .buttons .submit {
    padding: 10px 40px;
}

.page-contact .content .info {
    padding-top: 6px;
    max-width: 342px;
}

.page-contact .content .info .icon {
    margin-top: 32px;
    width: 24px;
    height: 24px;
}

.page-contact .content .info .icon.icon-home {
    background-image: url(../../images/icons/home.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.page-contact .content .info .icon.icon-phone {
    background-image: url(../../images/icons/phone.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.page-contact .content .info p {
    font-size: 1rem;
    line-height: 1.75;
}

.page-contact .bg-deco {
    top: 172px;
}

.page-contact .bg-deco .circle {
    position: absolute;
}

.page-contact .bg-deco .circle.left-orange {
    top: 35px;
    left: -180px;
    width: 56px;
    height: 56px;
    background-color: transparent;
    border: 2px solid var(--color-primary-light-green-100);
}

.page-contact .bg-deco .circle.left-green {
	display: none;
    top: 92px;
    left: -130px;
    width: 16px;
    height: 16px;
    background-color: var(--color-primary-light-green);
}

.page-contact .bg-deco .circle.right-green-small {
	display: none;
    top: 82px;
    right: -86px;
    width: 24px;
    height: 24px;
    background-color: var(--color-primary-light-green-100);
}

.page-contact .bg-deco .circle.right-green-big {
    bottom: 70px;
    right: -240px;
    width: 264px;
    height: 264px;
    background-color: var(--color-primary-light-green-100);
    transform: translateX(-50%);
}

.page-contact .bg-deco .wave-line {
    position: absolute;
	top: -30vh;
    left: 0;
    width: 100%;
	height: 100vh;
    background-color: transparent;
    background-image: url(../../images/deco/wave-line-green.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}



.page-services .slider .container {
    max-width: 1000px;
}

.page-services .slider .slick-list {
    margin: 0 auto;
    width: 90%;
    max-width: 740px;
}

.page-services .slider .slick-dots {
    bottom: -57px;
}

.page-services .slider .slick-arrow {
    width: 52px;
    height: 52px;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    box-shadow: 0px 4.65px 13.1px rgba(7, 99, 89, 0.2);
    border-radius: 50%;
    transition: all .2s ease-out;
    z-index: 2;
}

.page-services .slider .slick-arrow:hover {
    background-color: var(--color-primary-green-100);
}

.page-services .slider .slick-arrow:active {
    background-color: var(--color-primary-green-400);
}

.page-services .slider .slick-arrow::before {
    content: unset;
}

.page-services .slider .slick-arrow.slick-prev {
    background-image: url(../../images/icons/arrow-left-green.svg);
}

.page-services .slider .slick-arrow.slick-prev:hover {
    background-position-x: calc(50% - 4px);
}

.page-services .slider .slick-arrow.slick-prev:active {
    background-image: url(../../images/icons/arrow-left-white.svg);
    background-position-x: center;
}

.page-services .slider .slick-arrow.slick-next {
    background-image: url(../../images/icons/arrow-right-green.svg);
}

.page-services .slider .slick-arrow.slick-next:hover {
    background-position-x: calc(50% + 4px);
}

.page-services .slider .slick-arrow.slick-next:active {
    background-image: url(../../images/icons/arrow-right-white.svg);
    background-position-x: center;
}

.page-services .slider .slide p {
    font-family: var(--font-rubik);
    font-weight: bold;
    font-size: var(--size-5xl);
    line-height: 1.3;
    text-align: center;
    color: var(--color-primary-green);
}

.page-services .what-we-do {
    margin-top: 40px;
}

.page-services .what-we-do .container .content h2 {
	text-align: center;
    font-size: var(--size-5xl);
}

.page-services .what-we-do .container .content .subtitle {
	font-size: 16px;
	margin-top: 20px;
	text-align: center;
}

.page-services .what-we-do .container .content .cards-container {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
	gap: 49px;
	min-height: 300px;
}

.page-services .what-we-do .container .content .cards-container .card {

	max-width: 250px;
	max-height: 250px;
	width: 100%;
	height: 250px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	padding: 9px 20px;
	flex-grow: 1;
	text-decoration: none;
	transition: all .2s ease-out;
	text-wrap: pretty;

	border-radius: 20px;
	border: 3px solid #FF8D4E;
	background: #FFF;
}

.page-services .what-we-do .container .content .cards-container .card p {
	text-align: center;
}

.page-services .what-we-do .container .content .cards-container .card:hover {
	color: unset;
	box-shadow: 0 10px 40px 0 rgba(255, 141, 78, 0.24), 0 20px 60px 0px rgba(255, 141, 78, 0.2);
}

.page-services .what-we-do .container .content .cards-container .card.selected {
	background: #FF8D4E;
	color: #F9F9F9 !important;
	max-width: 276px;
	max-height: 276px;
	height: 276px;
	padding: 18px 30px;
}

.page-services .what-we-do .container .content .cards-container .card.selected .title {
	color: #F9F9F9 !important;
}

.page-services .what-we-do .container .content .cards-container .card.selected:hover {
	box-shadow: unset;
}

.page-services .what-we-do .container .content .cards-container .card .title {
    display: flex;
    justify-self: center;
    align-items: center;
    flex-grow: 1;
    margin-bottom: 6px;
	font-family: var(--font-rubik);
	font-weight: 700;
	font-size: 24px;
    line-height: 1.33;
	color: #36B4A7;
}

.page-services .what-we-do .container .content .cards-container .card .text {
    flex-grow: 1;
}

.page-services .what-we-do .container .content .cards-container .card .bottom-text {
    margin-bottom: 5px;
	font-family: var(--font-rubik);
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0.98px;
    text-transform: uppercase;
}

.page-services .sections-container {
	display: none;
}

.page-services .sections-container.displayed {
	display: block;
}

.page-services .work-with-teams {
    margin-top: 0;
}

.page-services .work-with-teams .container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.page-services .work-with-teams .container > div {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    margin: 80px auto;
    margin-bottom: 20px;
    width: 50%;
    min-height: 480px;
}

.page-services .work-with-teams .container > .side-content {
    align-items: flex-start;
    width: 45%;
}

.page-services .work-with-teams .container > .side-content p {
	margin-top: 21px;
}

.page-services .work-with-teams .container .side-content h2 {
    font-size: var(--size-5xl);
}

.page-services .work-with-teams .container .side-picture img {
	/* max-height: 365px; */
	max-width: 426px;
	max-height: 390px;
	object-fit: cover;
	border-radius: 80px 20px;
}

.page-services section.benefits {
    margin-top: 0;
}

.page-services .organization .side-content h2 {
    font-size: var(--size-5xl);
}

.page-services .what-we-do .container .bg-deco {
	display: flex;
	justify-content: center;
	align-items: center;
	top: 50px;
}

.page-services .work-with-teams .container .bg-deco svg .green-line {
	stroke-dasharray: 2000;
	stroke-dashoffset: 2000;
}

.page-services .work-with-teams.active .container .bg-deco svg .green-line {
	animation: draw 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.page-services .cards {
    margin-top: 20px;
}

.page-services .cards .container .content {
    margin-bottom: 60px;
    text-align: center;
}

.page-services .cards .container .content h2 {
    margin-bottom: 20px;
}

.page-services .cards .container .cards-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.page-services .cards .container .cards-container .card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	max-width: 325px;
	max-height: 330px;
    width: 33%;
	height: 330px;
	border-radius: 20px;
	border: 2px solid #FF8D4E;
	background: #FFF;
	text-align: center;
    text-decoration: none;
	padding: 16px;
    cursor: pointer;
    transition: all .5s ease;
    box-shadow: 0 2px 10px 0 rgba(255, 141, 78, 0), 0 10px 20px 0px rgba(255, 141, 78, 0);
}

.page-services .cards .container .cards-container .card:hover {
    box-shadow: 0 10px 40px 0 rgba(255, 141, 78, 0.24), 0 20px 60px 0px rgba(255, 141, 78, 0.2);
}

.page-services .cards .container .cards-container .card:hover ul {
    color: #333333;
}

.page-services .cards .container .cards-container .card h2 {
    font-size: 27px;
}

.page-services .cards .container .cards-container .card.selected {
    color: #F9F9F9 !important;
    background-color: #FF8D4E;
    transform: scale(1.1);
}

.page-services .cards .container .cards-container .card.selected * {
    color: inherit !important;
}

.page-services .cards .container .cards-container .card .pre {
    color: #37B4A7;
    font-family: var(--font-rubik);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    text-transform: uppercase;
}

.page-services .cards .container .cards-container .card h2 {
	color: #FF8D4E;
}

.page-services .cards .container .cards-container .card ul {
	list-style-type: disc;
	padding-left: 20px;
	text-align: start;
    font-size: 13px;
}

.page-services .cards .container .cards-container .card ul li {
	font-family: var(--font-poppins);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.page-services .cards .container .cards-container .card .post {
    color: var(--color-primary-black-400);
    font-family: var(--font-rubik);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    text-transform: uppercase;
}

@keyframes draw {
	to { stroke-dashoffset: 0; }
}

.page-services .cards .container .button-container {
	margin-top: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.page-services .work-with-teams.active .container .bg-deco .green-line .svg-elem-1 {
	stroke-dashoffset: 4052.84912109375px;
}

.page-services .cards .bg-deco {
	display: flex;
	justify-content: center;
	width: 100%;
	height: auto;
}

.page-services .cards .bg-deco img {
    margin-top: 50px;
}

.page-services .cards .bg-deco svg {
	width: 100%;
	height: auto;
	position: absolute;
    bottom: -740px;
}

.page-services .assure .container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 81px;
}

.page-services .assure .container > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-wrap: pretty;
	width: 50%;
    flex-grow: 1;
}

.page-services .assure .container .side-picture ul {
    list-style: inherit;
}

.page-services .assure .container .side-content {
    align-items: flex-start;
}

.page-services .assure .container .side-content h2 {
    font-size: var(--size-5xl);
}

.page-services .labs .container h2 {
    font-size: var(--size-5xl);
}

.page-services .labs .container .labs-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 60px 60px;
	margin-top: 52px;
	margin-bottom: 60px;
}

.page-services .labs .container .labs-container .lab {
    border-radius: 20px;
    border: 3px solid #FF8D4E;
    padding: 20px;
    display: flex;
    flex-direction: column;
    max-width: 316.99px;
	max-height: 297px;
	height: 297px;
    gap: 10px;
	background: #FFF;
	text-decoration: none;
	transition: all 0.1s ease-in-out;
	justify-content: space-between;
}

.page-services .labs .labs-container a picture {
	display: block;
	width: 80px;
}

.page-services .labs .container .labs-container a h4 {
	text-transform: uppercase;
	color: #36B4A7;
}

.page-services .labs .container .labs-container .lab:hover  {
	color: unset;
	box-shadow: 0 10px 40px 0 rgba(255, 141, 78, 0.24), 0 20px 60px 0px rgba(255, 141, 78, 0.2)
}

.page-services .labs .container .bg-deco {
	display: flex;
	justify-content: center;
	align-items: center;
	top: 50px;
}

.page-services .labs .container .lab {
	opacity: 0;
}

.page-services .labs.active .container .lab {
	transition: all 1s ease-in-out;
}

.page-services .labs.active .container .lab {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-services .labs .container .lab:nth-child(1) {
	transform: translate3d(0, 20px, 0);
	transition-delay: .4s;
}
.page-services .labs .container .lab:nth-child(2) {
	transform: translate3d(0, 20px, 0);
	transition-delay: .4s;
}
.page-services .labs .container .lab:nth-child(3) {
	transform: translate3d(0, 20px, 0);
	transition-delay: .4s;
}
.page-services .labs .container .lab:nth-child(4) {
	transform: translate3d(0, -20px, 0);
	transition-delay: .4s;
}
.page-services .labs .container .lab:nth-child(5) {
	transform: translate3d(0, -20px, 0);
	transition-delay: .4s;
}
.page-services .labs .container .lab:nth-child(6) {
	transform: translate3d(0, -20px, 0);
	transition-delay: .4s;
}

.page-services .labs.active .container .lab:nth-child(1) {
	transform: translate3d(0, 0, 0);
	transition-delay: .4s;
}
.page-services .labs.active .container .lab:nth-child(2) {
	transform: translate3d(0, 0, 0);
	transition-delay: .4s;
}
.page-services .labs.active .container .lab:nth-child(3) {
	transform: translate3d(0, 0, 0);
	transition-delay: .4s;
}
.page-services .labs.active .container .lab:nth-child(4) {
	transform: translate3d(0, 0, 0);
	transition-delay: .4s;
}
.page-services .labs.active .container .lab:nth-child(5) {
	transform: translate3d(0, 0, 0);
	transition-delay: .4s;
}
.page-services .labs.active .container .lab:nth-child(6) {
	transform: translate3d(0, 0, 0);
	transition-delay: .4s;
}

.page-services .labs.active .container .labs-container .lab:hover {
	box-shadow: 0 10px 40px 0 rgba(255, 141, 78, 0.24), 0 20px 60px 0px rgba(255, 141, 78, 0.2);
	transition-delay: 0s;
	transition: all .1s ease-in-out;
}

.page-services .work-together {
    margin-top: 0;
}

.page-services .work-together .container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 60px;
}

.page-services .work-together .container > div {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    margin: 0 auto;
    width: 50%;
    min-height: 450px;
}

.page-services .work-together .container .side-content {
    justify-content: flex-start;
	align-items: flex-start;
    gap: 18px;
    padding-top: 130px;
	width: 40%;
}

.page-services .container h2 {
    font-size: var(--size-4xl);
}

.page-services .work-together .container .side-content p,
.page-services .lets-work-together .container .side-content p {
    line-height: 1.75;
    max-width: 400px;
}

.page-services .work-together .container .double-quoted-text {
	max-width: 470px;
	max-height: 346px;
	flex-shrink: 0;
	border-radius: 50px 20px;
	border: 3px solid #00B6A9;
	background: #FFF;
	padding-top: 35px;
	padding-bottom: 56px;
	padding-left: 32px;
	padding-right: 32px;
	position: relative;
}

.page-services .work-together .container .double-quoted-text .black-text {
	margin-bottom: 12px;
    font-family: var(--font-rubik);
    font-size: 14px;
    line-height: 1.55;
    font-weight: 700;
}

.page-services .work-together .container .double-quoted-text h4 {
    font-family: var(--font-rubik);
    font-size: 22px;
    line-height: 1.33;
    font-weight: 700;
}

.page-services .work-together .container .double-quoted-text .double-quoted-text-deco.top {
    position: absolute;
    top: -40px;
    right: 20px;
}

.page-services .work-together .container .double-quoted-text .double-quoted-text-deco.bottom {
    position: absolute;
    bottom: -40px;
}

.page-services .work-together .container .bg-deco .circle.circle-1,
.page-services .work-together .container .bg-deco .circle.circle-2 {
    position: absolute;
    animation: littledance 10s infinite;
}

.page-services .work-together .container .bg-deco .circle.circle-1 {
    left: calc(50% - 220px);
    bottom: 80px;
    width: 34px;
    height: 34px;
    background-color: var(--color-primary-light-green-400);
    animation-duration: 16s;
}

.page-services .work-together .container .bg-deco .circle.circle-2 {
    left: calc(50% - 280px);
    bottom: 0;
    width: 50px;
    height: 50px;
    background-color: var(--color-primary-green-400);
}

.page-services .hero {
	margin-top: 40px;
}

.page-services .hero .content h1 {
	max-width: 580px;
	transform: translate3d(0, -20px, 0);
	transition: all 1s ease-in-out;
	transition-delay: .1s;
	opacity: 0;
}

.page-services .hero.active .content h1 {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-services .hero .content .buttons {
	transform: translate3d(0, -20px, 0);
	transition: all 1s ease-in-out;
	transition-delay: .8s;
	opacity: 0;
}

.page-services .hero.active .content .buttons {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-services .hero .side-picture .picture {
	max-width: 580px;
	transform: translate3d(-10px, 0, 0);
	transition: all 1s ease-in-out;
	transition-delay: .1s;
}

.page-services .hero.active .side-picture .picture {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-services .hero .side-picture .picture video {
	height: 460px;
	z-index: 1;
}

.page-services .hero .side-picture .video {
	position: relative;
}

.page-services .hero .video .bg-deco.back {
	z-index: -1;
}

.page-services .hero .video .bg-deco.front {
	z-index: 2;
}

.page-services .hero .video .bg-deco .circle {
	position: absolute;
}

.page-services .hero .video .bg-deco .circle.left {
	top: -56px;
	left: -58px;
	width: 291px;
	height: 291px;
	background-color: var(--color-primary-green);
	transition: all 1.2s ease-in-out;
	transition-delay: .1s;
	opacity: 0.25;
}

.page-services .hero.active .video .bg-deco .circle.left {
	top: -72px;
	left: -65px;
	opacity: 0.35;
}

.page-services .hero .video .bg-deco .circle.right {
	bottom: -52px;
	right: -48px;
	width: 178px;
	height: 186px;
	background: linear-gradient(179.91deg, rgba(230, 230, 230, 0.56) -45.23%, rgba(55, 180, 167, 0.8) 130.25%);
}

.page-services .hero .video .bg-deco .circle.right .text {
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% + 35px);
	height: calc(100% + 35px);
	background-image: url(../../images/deco/text-circle-green-2.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: translate3d(-50%, -50%, 0);
}

.page-services .hero .video .bg-deco .deco-line {
	position: absolute;
	bottom: 50px;
	left: 60px;
	transform: translate3d(-50%, -50%, 0) scale(1.5);
	transition: all 1s ease-in-out;
	transition-delay: .2s;
	opacity: 0.6;
}

.page-services .hero.active .video .bg-deco .deco-line {
	left: 40px;
	opacity: 1;
}

.page-services .hero .bg-deco .waves-orange {
	z-index: -1;
}

.page-services .hero .bg-deco .waves-orange svg {
	position: relative;
	top: calc(50% + 50px);
	transform: translateY(-50%);
}

.page-services .hero .bg-deco .waves-orange svg .svg-elem-1 {
	stroke-dashoffset: 2385.205322265625px;
	stroke-dasharray: 2385.205322265625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.page-services .hero.active .bg-deco .waves-orange svg .svg-elem-1 {
	stroke-dashoffset: 4770.41064453125px;
}

.page-services .hero .bg-deco .wave.light {
	top: -150px;
	height: 1340px;
	background-size: cover;
	z-index: 1;
}

.page-services .hero .bg-deco .wave.light svg {
	position: relative;
	top: calc(50% + 20px);
	left: 0;
	width: 100%;
	transform: translateY(-50%);
}

.page-services .hero .bg-deco .wave.light svg .svg-elem-1 {
	stroke-dashoffset: 2082.6728515625px;
	stroke-dasharray: 2082.6728515625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.page-services .hero .bg-deco .wave.light.active svg .svg-elem-1 {
	stroke-dashoffset: 4165.345703125px;
}

.page-services .hero .bg-deco .wave.light svg .svg-elem-2 {
	stroke-dashoffset: 2046.4971923828125px;
	stroke-dasharray: 2046.4971923828125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.12s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.12s;
}

.page-services .hero .bg-deco .wave.light.active svg .svg-elem-2 {
	stroke-dashoffset: 4092.994384765625px;
}

.page-services .hero .bg-deco .wave.light svg .svg-elem-3 {
	stroke-dashoffset: 2012.7110595703125px;
	stroke-dasharray: 2012.7110595703125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.24s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.24s;
}

.page-services .hero .bg-deco .wave.light.active svg .svg-elem-3 {
	stroke-dashoffset: 4025.422119140625px;
}

.page-services .hero .bg-deco .wave.light svg .svg-elem-4 {
	stroke-dashoffset: 1982.10986328125px;
	stroke-dasharray: 1982.10986328125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.36s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.36s;
}

.page-services .hero .bg-deco .wave.light.active svg .svg-elem-4 {
	stroke-dashoffset: 3964.2197265625px;
}

.page-services .hero .bg-deco .wave.light svg .svg-elem-5 {
	stroke-dashoffset: 1953.64013671875px;
	stroke-dasharray: 1953.64013671875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.48s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.48s;
}

.page-services .hero .bg-deco .wave.light.active svg .svg-elem-5 {
	stroke-dashoffset: 3907.2802734375px;
}

.page-services .hero .bg-deco .wave.light svg .svg-elem-6 {
	stroke-dashoffset: 1927.845703125px;
	stroke-dasharray: 1927.845703125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
}

.page-services .hero .bg-deco .wave.light.active svg .svg-elem-6 {
	stroke-dashoffset: 3855.69140625px;
}

.page-services .hero .bg-deco .wave.light svg .svg-elem-7 {
	stroke-dashoffset: 1904.1822509765625px;
	stroke-dasharray: 1904.1822509765625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.72s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.72s;
}

.page-services .hero .bg-deco .wave.light.active svg .svg-elem-7 {
	stroke-dashoffset: 3808.364501953125px;
}

.page-services .hero .bg-deco .wave.light svg .svg-elem-8 {
	stroke-dashoffset: 1885.139404296875px;
	stroke-dasharray: 1885.139404296875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.84s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.84s;
}

.page-services .hero .bg-deco .wave.light.active svg .svg-elem-8 {
	stroke-dashoffset: 3770.27880859375px;
}

.page-services .hero .bg-deco .wave.light svg .svg-elem-9 {
	stroke-dashoffset: 1866.085205078125px;
	stroke-dasharray: 1866.085205078125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.96s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.96s;
}

.page-services .hero .bg-deco .wave.light.active svg .svg-elem-9 {
	stroke-dashoffset: 3732.17041015625px;
}

.page-services .hero .bg-deco .wave.light svg .svg-elem-10 {
	stroke-dashoffset: 1849.4718017578125px;
	stroke-dasharray: 1849.4718017578125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.08s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.08s;
}

.page-services .hero .bg-deco .wave.light.active svg .svg-elem-10 {
	stroke-dashoffset: 3698.943603515625px;
}

.page-services .hero .bg-deco .wave.light svg .svg-elem-11 {
	stroke-dashoffset: 1835.018798828125px;
	stroke-dasharray: 1835.018798828125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.2s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.2s;
}

.page-services .hero .bg-deco .wave.light.active svg .svg-elem-11 {
	stroke-dashoffset: 3670.03759765625px;
}

.page-services .hero .bg-deco .wave.light svg .svg-elem-12 {
	stroke-dashoffset: 1822.683349609375px;
	stroke-dasharray: 1822.683349609375px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.3199999999999998s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.3199999999999998s;
}

.page-services .hero .bg-deco .wave.light.active svg .svg-elem-12 {
	stroke-dashoffset: 3645.36669921875px;
}

.page-services .hero .bg-deco .wave.light svg .svg-elem-13 {
	stroke-dashoffset: 1812.811767578125px;
	stroke-dasharray: 1812.811767578125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.44s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.44s;
}

.page-services .hero .bg-deco .wave.light.active svg .svg-elem-13 {
	stroke-dashoffset: 3625.62353515625px;
}

.page-services .hero .bg-deco .wave.light svg .svg-elem-14 {
	stroke-dashoffset: 1804.494873046875px;
	stroke-dasharray: 1804.494873046875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.56s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.56s;
}

.page-services .hero .bg-deco .wave.light.active svg .svg-elem-14 {
	stroke-dashoffset: 3608.98974609375px;
}

.page-services .hero .bg-deco .wave.light svg .svg-elem-15 {
	stroke-dashoffset: 1799.85546875px;
	stroke-dasharray: 1799.85546875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.68s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.68s;
}

.page-services .hero .bg-deco .wave.light.active svg .svg-elem-15 {
	stroke-dashoffset: 3599.7109375px;
}

.page-services .hero .bg-deco .wave.light svg .svg-elem-16 {
	stroke-dashoffset: 1797.729248046875px;
	stroke-dasharray: 1797.729248046875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.7999999999999998s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.7999999999999998s;
}

.page-services .hero .bg-deco .wave.light.active svg .svg-elem-16 {
	stroke-dashoffset: 3595.45849609375px;
}

.page-services .hero .bg-deco .wave.light svg .svg-elem-17 {
	stroke-dashoffset: 1798.318115234375px;
	stroke-dasharray: 1798.318115234375px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.92s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.92s;
}

.page-services .hero .bg-deco .wave.light.active svg .svg-elem-17 {
	stroke-dashoffset: 3596.63623046875px;
}

.page-services .hero .bg-deco .wave.light svg .svg-elem-18 {
	stroke-dashoffset: 1801.6185302734375px;
	stroke-dasharray: 1801.6185302734375px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.04s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.04s;
}

.page-services .hero .bg-deco .wave.light.active svg .svg-elem-18 {
	stroke-dashoffset: 3603.237060546875px;
}

.page-services .hero .bg-deco .wave.light svg .svg-elem-19 {
	stroke-dashoffset: 1808.0426025390625px;
	stroke-dasharray: 1808.0426025390625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.16s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.16s;
}

.page-services .hero .bg-deco .wave.light.active svg .svg-elem-19 {
	stroke-dashoffset: 3616.085205078125px;
}

.page-services .hero .bg-deco .wave.light svg .svg-elem-20 {
	stroke-dashoffset: 1817.340576171875px;
	stroke-dasharray: 1817.340576171875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.28s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.28s;
}

.page-services .hero .bg-deco .wave.light.active svg .svg-elem-20 {
	stroke-dashoffset: 3634.68115234375px;
}

.page-services .hero .bg-deco .wave.light svg .svg-elem-21 {
	stroke-dashoffset: 1829.9498291015625px;
	stroke-dasharray: 1829.9498291015625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.4s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.4s;
}

.page-services .hero .bg-deco .wave.light.active svg .svg-elem-21 {
	stroke-dashoffset: 3659.899658203125px;
}

.page-services .hero .bg-deco .wave.light svg .svg-elem-22 {
	stroke-dashoffset: 1845.2762451171875px;
	stroke-dasharray: 1845.2762451171875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.52s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.52s;
}

.page-services .hero .bg-deco .wave.light.active svg .svg-elem-22 {
	stroke-dashoffset: 3690.552490234375px;
}

.page-services .teams {
	margin-top: 140px;
}

.page-services .teams .container {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 20px;
}

.page-services .teams .container > div {
	width: 50%;
	flex-grow: 1;
}

.page-services .teams .side-graph {
	display: flex;
	justify-content: center;
	align-items: center;
}

.page-services .teams .side-text .content {
	max-width: 430px;
}

.page-services .teams .side-text h2 {
	margin-bottom: 24px;
}

.page-services .teams .bg-deco .circle {
	position: absolute;
}

.page-services .teams .bg-deco .circle.orange {
	top: -50px;
	left: -50px;
	width: 34px;
	height: 34px;
	background-color: var(--color-secondary-orange-100);
	animation: littledance 8s infinite;
	transition: all .8s ease-in-out;
	transition-delay: .2s;
	opacity: 0;
}

.page-services .teams.active .bg-deco .circle.orange {
    opacity: 1;
}

.page-services .teams .bg-deco .circle.green {
	top: 110px;
	right: 0;
	width: 51px;
	height: 51px;
	background-color: var(--color-primary-green);
	animation: littledance 12s infinite;
	transition: all .6s ease-in-out;
	transition-delay: .9s;
	opacity: 0;
}

.page-services .teams.active .bg-deco .circle.green {
	opacity: 1;
}

.page-services .teams .bg-deco .circle.light {
	top: 200px;
	right: 50px;
	width: 20px;
	height: 20px;
	background-color: var(--color-primary-light-green-100);
	animation: littledance 7s infinite;
	transition: all .4s ease-in-out;
	transition-delay: .4s;
	opacity: 0;
}

.page-services .teams.active .bg-deco .circle.light {
	opacity: 0.3;
}


.page-services .services .container {
	position: relative;
}

.page-services .services .services-items {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	column-gap: 56px;
	height: 280px;
	user-select: none;
}

.page-services .services .item-box {
	position: relative;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 30px;
	width: 220px;
	text-align: center;
	color: var(--color-primary-green);
	background-color: transparent;
	border: 2px solid transparent;
	border-radius: var(--size-sm);
	box-shadow: 0 4px 18px rgba(37, 150, 138, 0);
	transition: all .4s;
	transform: translate3d(0, -10px, 0);
	opacity: 0;
	z-index: 1;
}

.page-services .services .container.active .item-box {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-services .services .services-items:nth-child(1) .item-box:nth-child(1) {
	transition-delay: .1s;
}

.page-services .services .services-items:nth-child(1) .item-box:nth-child(2) {
	transition-delay: .2s;
}

.page-services .services .services-items:nth-child(1) .item-box:nth-child(3) {
	transition-delay: .3s;
}

.page-services .services .services-items:nth-child(1) .item-box:nth-child(4) {
	transition-delay: .4s;
}

.page-services .services .services-items:nth-child(2) .item-box:nth-child(1) {
	transition-delay: .5s;
}

.page-services .services .services-items:nth-child(2) .item-box:nth-child(2) {
	transition-delay: .6s;
}

.page-services .services .services-items:nth-child(2) .item-box:nth-child(3) {
	transition-delay: .7s;
}

.page-services .services .services-items:nth-child(2) .item-box:nth-child(4) {
	transition-delay: .8s;
}

.page-services .services .item-box > * {
	position: relative;
	z-index: 2;
}

.page-services .services .item-box::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 172px;
	background-color: #FFFFFF;
	border: 1px solid var(--color-primary-green-200);
	border-radius: var(--size-sm);
	transition: all .4s;
	z-index: 1;
}

.page-services .services .item-box .top {
	cursor: pointer;
	padding-bottom: 8px;
}

.page-services .services .item-box.hover {
	z-index: 2;
}

.page-services .services .item-box.hover::after {
	height: 100%;
	z-index: 1;
}

.page-services .services .item-box.hover .icon-wrapper svg path {
	fill: var(--color-secondary-orange);
	stroke: var(--color-secondary-orange);
}

.page-services .services .item-box.hover .icon-wrapper svg.nofill path {
	fill: unset;
}

.page-services .services .item-box h5 {
    margin-top: 0;
    font-family: var(--font-poppins);
    font-size: var(--size-2xl);
    font-weight: bold;
    line-height: 1.4;
    text-shadow: 0 0 1px transparent;
}

.page-services .services .item-box p {
    margin-top: 4px;
    padding: 0;
    font-size: var(--size-sm);
    line-height: 1.7;
    color: var(--color-primary-dark);
    opacity: 0;
    pointer-events: none;
}

.page-services .services .item-box.hover p {
    opacity: 1;
}

.page-services .services .item-box,
.page-services .services .item-box:after,
.page-services .services .item-box h5,
.page-services .services .item-box p {
    transition: all .3s ease-out;
}

.page-services .services .icon {
    max-width: 60px;
    max-height: 60px;
}

.page-services .services .bg-text {
    left: 50%;
    height: 78%;
    width: 110% !important;
    background-image: url(../../images/deco/Benefits_bg.png);
    transform: translateX(-50%);
}



.page-services .benefits .container {
	position: relative;
}

.page-services .benefits .benefits-items {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	column-gap: 56px;
	height: 280px;
	user-select: none;
}

.page-services .benefits .item-box {
	position: relative;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 30px;
	width: 240px;
	text-align: center;
	color: var(--color-primary-green);
	background-color: transparent;
	border: 2px solid transparent;
	border-radius: var(--size-sm);
	box-shadow: 0 4px 18px rgba(37, 150, 138, 0);
	transition: all .4s;
	transform: translate3d(0, -10px, 0);
	opacity: 0;
	z-index: 1;
}

.page-services .benefits .container.active .item-box {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-services .benefits .benefits-items:nth-child(1) .item-box:nth-child(1) {
	transition-delay: .1s;
}

.page-services .benefits .benefits-items:nth-child(1) .item-box:nth-child(2) {
	transition-delay: .2s;
}

.page-services .benefits .benefits-items:nth-child(1) .item-box:nth-child(3) {
	transition-delay: .3s;
}

.page-services .benefits .benefits-items:nth-child(2) .item-box:nth-child(1) {
	transition-delay: .5s;
}

.page-services .benefits .benefits-items:nth-child(2) .item-box:nth-child(2) {
	transition-delay: .6s;
}

.page-services .benefits .benefits-items:nth-child(2) .item-box:nth-child(3) {
	transition-delay: .7s;
}

.page-services .benefits .item-box > * {
	position: relative;
	z-index: 2;
}

.page-services .benefits .item-box::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
    max-width: 200;
	height: 192px;
	background-color: #FFFFFF;
	border: 1px solid var(--color-primary-green-200);
	border-radius: var(--size-sm);
	transition: all .4s;
	z-index: 1;
}

.page-services .benefits .item-box .top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
    width: 100%;
    height: 172px;
}

.page-services .benefits .item-box.hover,
.page-services .benefits .item-box.active {
	z-index: 2;
}

.page-services .benefits .item-box.hover::after,
.page-services .benefits .item-box.active::after {
	height: 100%;
	z-index: 1;
}

.page-services .benefits .item-box.hover .icon-wrapper svg.nofill path {
	fill: unset;
}

.page-services .benefits .item-box h5 {
    margin-top: 0;
    font-family: var(--font-poppins);
    font-size: var(--size-2xl);
    font-weight: bold;
    line-height: 1.4;
    text-shadow: 0 0 1px transparent;
}


.page-services .benefits .item-box p {
    margin-top: 4px;
    padding: 0;
    font-size: var(--size-sm);
    line-height: 1.4;
    text-align: left;
    color: var(--color-primary-dark);
    opacity: 0;
    pointer-events: none;
    text-wrap: pretty;
}

.page-services .benefits .item-box.hover p,
.page-services .benefits .item-box.active p {
    opacity: 1;
}

.page-services .benefits .item-box,
.page-services .benefits .item-box:after,
.page-services .benefits .item-box h5,
.page-services .benefits .item-box p {
    transition: all .3s ease-out;
}

.page-services .benefits .icon {
    max-width: 60px;
    max-height: 60px;
}

.page-services .benefits .bg-text {
    left: 50%;
    height: 78%;
    width: 110% !important;
    background-image: url(../../images/deco/Benefits_bg.png);
    transform: translateX(-50%);
}


.page-services .organization .container {
	display: flex;
    justify-content: center;
    align-items: center;
	gap: 73px;
}

.page-services .organization .container > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-wrap: pretty;
	width: 50%;
}

.page-services .organization .container .side-content {
	width: 50%;
	align-items: start;
}

.page-services .organization .container .side-picture {
	width: 40%;
}

.page-services .custom-engineering-cards {
    margin-top: 0;
}

.page-services .custom-engineering-cards .container {
	position: relative;
}

.page-services .custom-engineering-cards .container .bg-text {
    top: 10px;
    max-height: 200px;
    background-image: url(../../images/deco/Benefits_bg.png);
}

.page-services .custom-engineering-cards .custom-engineering-cards-items {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	column-gap: 56px;
	height: 272px;
	user-select: none;
}

.page-services .custom-engineering-cards .item-box {
	position: relative;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 30px;
	width: 307px;
	text-align: center;
	color: var(--color-primary-green);
	background-color: transparent;
	border: 2px solid transparent;
	border-radius: var(--size-sm);
	box-shadow: 0 4px 18px rgba(37, 150, 138, 0);
	transition: all .4s;
	transform: translate3d(0, -10px, 0);
	opacity: 0;
	z-index: 1;
}

.page-services .custom-engineering-cards .container.active .item-box {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-services .custom-engineering-cards .custom-engineering-cards-items:nth-child(1) .item-box:nth-child(1) {
	transition-delay: .1s;
}

.page-services .custom-engineering-cards .custom-engineering-cards-items:nth-child(1) .item-box:nth-child(2) {
	transition-delay: .2s;
}

.page-services .custom-engineering-cards .custom-engineering-cards-items:nth-child(1) .item-box:nth-child(3) {
	transition-delay: .3s;
}

.page-services .custom-engineering-cards .custom-engineering-cards-items:nth-child(2) .item-box:nth-child(1) {
	transition-delay: .5s;
}

.page-services .custom-engineering-cards .custom-engineering-cards-items:nth-child(2) .item-box:nth-child(2) {
	transition-delay: .6s;
}

.page-services .custom-engineering-cards .custom-engineering-cards-items:nth-child(2) .item-box:nth-child(3) {
	transition-delay: .7s;
}

.page-services .custom-engineering-cards .item-box > * {
	position: relative;
	z-index: 2;
}

.page-services .custom-engineering-cards .item-box::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 128px;
	background-color: #FFFFFF;
	border: 1px solid var(--color-primary-green-200);
	border-radius: var(--size-sm);
	transition: all .4s;
	z-index: 1;
}

.page-services .custom-engineering-cards .item-box .top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
    height: 100px;
}

.page-services .custom-engineering-cards .item-box .top h5 {
    margin-top: 10px;
    font-family: var(--font-rubik);
}

.page-services .custom-engineering-cards .item-box.hover,
.page-services .custom-engineering-cards .item-box.active {
	z-index: 2;
}

.page-services .custom-engineering-cards .item-box.hover::after,
.page-services .custom-engineering-cards .item-box.active::after {
	height: 100%;
	z-index: 1;
}

.page-services .custom-engineering-cards .item-box .icon-wrapper {
	display: flex;
	justify-content: flex-start;
	align-items: center;
    text-align: left;
    gap: 14px;
	color: #FA8D4E;
}

.page-services .custom-engineering-cards .item-box.hover .icon-wrapper svg.nofill path {
	fill: unset;
}

.page-services .custom-engineering-cards .item-box h5 {
    margin-top: 0;
    font-family: var(--font-poppins);
    font-size: var(--size-2xl);
    font-weight: bold;
    line-height: 1.4;
    text-shadow: 0 0 1px transparent;
}


.page-services .custom-engineering-cards .item-box p {
    margin-top: 4px;
    padding: 0;
    text-align: left;
    font-size: var(--size-sm);
    line-height: 1.7;
    color: var(--color-primary-dark);
    opacity: 0;
    pointer-events: none;
    text-wrap: pretty;
}

.page-services .custom-engineering-cards .item-box.hover p,
.page-services .custom-engineering-cards .item-box.active p {
    opacity: 1;
}

.page-services .custom-engineering-cards .item-box,
.page-services .custom-engineering-cards .item-box:after,
.page-services .custom-engineering-cards .item-box h5,
.page-services .custom-engineering-cards .item-box p {
    transition: all .3s ease-out;
}

.page-services .custom-engineering-cards .icon {
    max-width: 60px;
    max-height: 60px;
}

.page-services .projects {
    margin-top: 0;
}

.page-services .projects .container .projects-title {
	margin-bottom: 43px;
}

.page-services .projects .container .expereince-container {
    display: flex;
    justify-content: space-between;
	flex-direction: row;
    align-items: center;
    flex-grow: 1;
    margin: 10px auto;
    gap: 28px 58px;
    height: 344px;
    width: 100%;
}

.page-services .projects .container .expereince-container .experience-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    max-width: 484px;
    border-radius: 20px;
    border: 3px solid #FF8D4E;
    background: #FFF;
    padding: 30px 40px;
    height: 100%;
    text-decoration: none;
    transition: all 0.1s ease-in-out;
}

.page-services .projects .container .expereince-container .experience-card:hover  {
	color: unset;
	box-shadow: 0 10px 40px 0 rgba(255, 141, 78, 0.24), 0 20px 60px 0px rgba(255, 141, 78, 0.2);
}

.page-services .projects .container .expereince-container .experience-card h4 {
	color: var(--color-primary-green);
	margin-bottom: 20px;
}

.page-services .projects .container .expereince-container picture img {
	max-width: 426px;
    max-height: 390px;
    object-fit: cover;
    border-radius: 80px 20px;
}

.page-services .lets-work-together .container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.page-services .lets-work-together .container > div {
	width: 50%;
	flex-grow: 1;
}

.page-services .lets-work-together .container p,
.page-services .method .container p {
	margin-top: 12px;
}

.page-services .method {
	margin-top: 80px;
}


.page-services .lets-work-together .bg-deco .wave {
    top: 100px;
    z-index: 1;
}



.page-services .your-needs {
    margin-top: 80px;
}

.page-services .your-needs .container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    max-width: 1140px;
}

.page-services .your-needs .container > div {
    width: 50%;
    flex-grow: 1;
}

.page-services .your-needs .side-text .content {
    max-width: 533px;
}

.page-services .your-needs h3 {
    margin-bottom: 16px;
    font-size: var(--size-4xl);
    line-height: 1.22;
}

.page-services .your-needs ul {
    line-height: 1.75;
}

.page-services .method .container {
	position: relative;
	max-width: 1140px;
}

.page-services .method h2 {
	max-width: 760px;
	line-height: 1.25;
}

.page-services .method p.description {
	max-width: 842px;
	font-size: var(--size-xl);
	line-height: 1.4;
}

.page-services .method h3 {
	margin-top: 172px;
	margin-bottom: 24px;
	text-align: center;
}

.page-services .method p.desc {
	margin: 0 auto;
	max-width: unset;
	text-align: center;
}

.page-services .method p.desc + p.desc {
	margin-top: 0.5em;
}

.page-services .method .graph {
	margin-top: 50px;
}

.page-services .method .bg-text {
	top: unset;
	bottom: -60px;
	left: 0px;
	max-height: 560px;
	background-image: url(../../images/deco/text-bg-our-method.svg?v=1);
	transition: all 1s ease-out;
	opacity: 0;
}

.page-services .method .bg-text.active {
	bottom: 0;
	opacity: 1;
}

.page-services .method .bg-deco .circle {
	position: absolute;
}

.page-services .method .bg-deco .circle.circle-1 {
	top: 60px;
	right: 0;
	width: 17px;
	height: 17px;
	background-color: var(--color-primary-light-green);
	transition-delay: .2s;
}

.page-services .method .bg-deco .circle.circle-2 {
	top: 130px;
	right: 30px;
	width: 40px;
	height: 40px;
	animation-delay: .4s;
	background-color: var(--color-primary-light-green);
	transition-delay: .4s;
}

.page-services .method .bg-deco .circle.circle-3 {
	top: 200px;
	right: 90px;
	width: 80px;
	height: 80px;
	animation-delay: .8s;
	background-color: var(--color-primary-green);
	transition-delay: .6s;
}

.page-services .method .bg-deco .circle {
	animation: littledance 12s infinite;
	transition: all 1s ease-in-out;
	opacity: 0;
}

.page-services .method .container.active .bg-deco .circle {
	opacity: 1;
}



.page-services .delivery-framework {
	position: relative;
	margin-top: 182px;
}

.page-services .delivery-framework .container {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	z-index: 1;
}

.page-services .delivery-framework .container > div {
	width: 50%;
	flex-grow: 1;
}

.page-services .delivery-framework .headline {
	margin-bottom: 24px;
	font-weight: bold;
	color: var(--color-primary-green);
	letter-spacing: 1.5px;
	font-size: 18px;
}

.page-services .delivery-framework h2 {
	margin-bottom: 24px;
	max-width: 400px;
}

.page-services .delivery-framework p {
	max-width: 425px;
}

.page-services .delivery-framework .bg-deco .circle {
	position: absolute;
}

.page-services .delivery-framework .bg-deco .circle.green {
	top: 140px;
	left: -50px;
	width: 17px;
	height: 17px;
	background-color: var(--color-primary-green);
	animation: littledance 12s infinite;
	transition: all .6s ease-in-out;
	transition-delay: .2s;
	opacity: 0;
}

.page-services .delivery-framework .container.active .bg-deco .circle.green {
	opacity: 1;
}

.page-services .delivery-framework .bg-deco .circle.orange {
	width: 177px;
	height: 177px;
	border: 2px solid var(--color-secondary-orange-100);
	background-color: transparent;
}

.page-services .delivery-framework .bg-deco .circle.orange.left {
	top: 60px;
	left: -70px;
}

.page-services .delivery-framework .bg-deco .circle.orange.right {
	top: -150px;
	right: -70px;
}




.page-services .team-01 .container {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.page-services .team-01 .container > div {
	width: 50%;
	flex-grow: 1;
}

.page-services .team-01 .side-graph .circle {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	width: 440px;
	height: 440px;
	border: 5px solid var(--color-primary-light-green-100);
}

.page-services .team-01 .side-graph .circle svg {
	position: relative;
	top: -6px;
	left: -14px;
	height: 88%;
}

.page-services .team-01 .headline {
	margin-bottom: 24px;
	font-weight: bold;
	color: var(--color-primary-green);
	letter-spacing: 1.5px;
	font-size: var(--size-lg);
}

.page-services .team-01 h2 {
	font-size: var(--size-4xl);
	line-height: 1.22;
	max-width: 430px;
}

.page-services .team-01 .bg-deco .circle {
	position: absolute;
}

.page-services .team-01 .bg-deco .circle.green {
	top: 50px;
	left: -88px;
	width: 177px;
	height: 177px;
	background-color: var(--color-primary-green);
}

.page-services .team-01 .bg-deco .circle.orange {
	top: 100px;
	right: 0;
	width: 37px;
	height: 37px;
	background-color: var(--color-secondary-orange);
	animation: littledance 18s infinite;
	transition: all .6s ease-out;
	opacity: 0;
}

.page-services .team-01 .container.active .bg-deco .circle.orange {
	opacity: 1;
}




.page-services .team-02 {
    margin-top: 140px;
}

.page-services .team-02 .container {
    position: relative;
    max-width: 1200px;
}

.page-services .team-02 h2 {
    text-align: center;
}

.page-services .team-02 .graph {
    margin-left: 50px;
    margin-top: 55px;
    display: grid;
    grid-template-columns: 414px 1fr 1fr;
    grid-template-rows: 220px 1fr 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
        ". puzzle puzzle"
        "info puzzle puzzle"
        "info puzzle puzzle";
    height: 700px;
    transition: all .4s;
}

.page-services .team-02 .graph .info {
    grid-area: info;
}

.page-services .team-02 .graph .info .content {
    padding: 28px 24px;
    padding-bottom: 36px;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(83, 94, 92, 0.2);
    border-radius: 20px 40px;
    transition: all .3s;
}

@media screen and (min-width: 1000px) and (max-height: 780px) {
    .page-services .team-02 .graph .info .content[data-show="3"] {
        margin-top: -30px;
    }
}

.page-services .team-02 .graph .info .content div {
    display: none;
}

.page-services .team-02 .graph .info .content div[data-item="1"] {
    display: block;
}

.page-services .team-02 .graph .info .content h3 {
    margin-bottom: 20px;
}

.page-services .team-02 .graph .info .content p:not(:last-of-type) {
    margin-bottom: 24px;
}

.page-services .team-02 .graph .puzzle {
    position: relative;
    grid-area: puzzle;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    user-select: none;
    margin-left: -50px;
}

.page-services .team-02 .graph .puzzle .pieces {
    position: absolute;
    top: 36.5%;
	left: 50%;
    width: 0;
    height: 0;
	transform: translate3d(-50%, -50%, 0);
}

.page-services .team-02 .graph .puzzle .piece {
    position: absolute;
    display: inline-block;
    margin: 0;
    padding: 0;
    top: 50%;
    left: 50%;
    width: 187px;
    height: 187px;
    outline: 0;
    border: 0;
    transform: translate3d(-50%, -50%, 0);
}

.page-services .team-02 .graph .puzzle .piece > svg {
    filter: drop-shadow(0 0 0 rgba(0, 112, 100, 0));
    transition: all .4s;
	transition-delay: 0s;
    z-index: -1;
}

.page-services .team-02 .graph .puzzle .piece.active > svg {
	transition-delay: 1s;
}

.page-services .team-02 .graph .puzzle .piece[data-piece="1"] > svg {
    fill: var(--color-secondary-orange);
}

.page-services .team-02 .graph .puzzle .piece[data-piece="2"] > svg {
    fill: var(--color-primary-light-green-100);
    transform: rotate(90deg);
}

.page-services .team-02 .graph .puzzle .piece[data-piece="3"] > svg {
    fill: var(--color-primary-green-400);
    transform: rotate(90deg);
}

.page-services .team-02 .graph .puzzle .piece[data-piece="4"] > svg {
    fill: var(--color-primary-green-700);
}

.page-services .team-02 .graph .puzzle .pieces .piece {
    z-index: 1;
    opacity: 0.9;
    transition: all .2s;
	transform-origin: 50% 50%;
}

.page-services .team-02 .graph .puzzle .pieces .piece.active {
    z-index: 1;
    opacity: 1;
}

.page-services .team-02 .graph .puzzle .piece[data-piece="1"] {
	margin-top: 0;
	margin-left: 0;
	transform: translate3d(calc(-50% - 99px), -50%, 0);
}

.page-services .team-02 .graph .puzzle.animate .piece[data-piece="1"] {
	animation: move-piece-1 1s;
}

.page-services .team-02 .graph .puzzle .piece[data-piece="2"] {
	margin-top: 0;
	transform: translate3d(-50%, calc(-50% - 99px), 0);
}

.page-services .team-02 .graph .puzzle.animate .piece[data-piece="2"] {
	animation: move-piece-2 1s;
}

.page-services .team-02 .graph .puzzle .piece[data-piece="3"] {
	margin-top: 0;
	transform: translate3d(-50%, calc(-50% + 99px), 0);
}

.page-services .team-02 .graph .puzzle.animate .piece[data-piece="3"] {
	animation: move-piece-3 1s;
}

.page-services .team-02 .graph .puzzle .piece[data-piece="4"] {
	margin-top: 0;
	margin-left: 0;
	transform: translate3d(calc(-50% + 99px), -50%, 0);
}

.page-services .team-02 .graph .puzzle.animate .piece[data-piece="4"] {
	animation: move-piece-4 1s;
}

@keyframes move-piece-1 {
	60% { transform: translate3d(-50%, calc(-50% + 99px), 0) rotate(0); }
	100% { transform: translate3d(-50%, calc(-50% + 99px), 0) rotate(90deg); }
}

@keyframes move-piece-2 {
	60% { transform: translate3d(calc(-50% - 99px), -50%, 0) rotate(0); }
	100% { transform: translate3d(calc(-50% - 99px), -50%, 0) rotate(90deg); }
}

@keyframes move-piece-3 {
	60% { transform: translate3d(calc(-50% + 99px), -50%, 0) rotate(0); }
	100% { transform: translate3d(calc(-50% + 99px), -50%, 0) rotate(90deg); }
}

@keyframes move-piece-4 {
	60% { transform: translate3d(-50%, calc(-50% - 99px), 0) rotate(0); }
	100% { transform: translate3d(-50%, calc(-50% - 99px), 0) rotate(90deg); }
}

.page-services .team-02 .graph .puzzle.animate .piece[data-piece="1"] > svg path {
	animation: colorize-piece-1 1s;
}

.page-services .team-02 .graph .puzzle.animate .piece[data-piece="2"] > svg path {
	animation: colorize-piece-2 1s;
}

.page-services .team-02 .graph .puzzle.animate .piece[data-piece="3"] > svg path {
	animation: colorize-piece-3 1s;
}

.page-services .team-02 .graph .puzzle.animate .piece[data-piece="4"] > svg path {
	animation: colorize-piece-4 1s;
}

@keyframes colorize-piece-1 {
	65% { fill: var(--color-secondary-orange); }
	100% { fill: var(--color-primary-green-400); }
}


@keyframes colorize-piece-2 {
	65% { fill: var(--color-primary-light-green-100); }
	100% { fill: var(--color-secondary-orange); }
}


@keyframes colorize-piece-3 {
	65% { fill: var(--color-primary-green-400); }
	100% { fill: var(--color-primary-green-700); }
}


@keyframes colorize-piece-4 {
	65% { fill: var(--color-primary-green-700); }
	100% { fill: var(--color-primary-light-green-100); }
}


.page-services .team-02 .graph .puzzle .pieces[data-selected="1"] .piece[data-piece="2"],
.page-services .team-02 .graph .puzzle .pieces[data-selected="2"] .piece[data-piece="4"],
.page-services .team-02 .graph .puzzle .pieces[data-selected="3"] .piece[data-piece="1"],
.page-services .team-02 .graph .puzzle .pieces[data-selected="4"] .piece[data-piece="3"] {
    z-index: 2;
}

.page-services .team-02 .graph .puzzle .pieces .piece > svg path {
    filter: drop-shadow(0 0 0 rgba(0, 112, 100, 0));
}

.page-services .team-02 .graph .puzzle .pieces[data-selected="1"] .piece[data-piece="1"] > svg,
.page-services .team-02 .graph .puzzle .pieces[data-selected="2"] .piece[data-piece="2"] > svg,
.page-services .team-02 .graph .puzzle .pieces[data-selected="3"] .piece[data-piece="3"] > svg,
.page-services .team-02 .graph .puzzle .pieces[data-selected="4"] .piece[data-piece="4"] > svg {
    filter: drop-shadow(0px 4px 20px rgba(0, 112, 100, 0.3));
}

.page-services .team-02 .graph .puzzle .buttons-mobile {
    display: none;
}

.page-services .team-02 .graph .puzzle .buttons-desktop {
    position: absolute;
    display: grid;
    grid-template-columns: 1fr 14% 1.1fr 30px 0.9fr 1fr;
    grid-template-rows: 88px 88px 1fr 88px 20px 88px;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
        ". . . button-tr button-tr button-tr button-tr"
        "button-tl button-tl . . . . ."
        ". . . . . . ."
        ". . .  .button-br button-br button-br"
        ". . . . . . ."
        ". . button-bl button-bl . . .";
    top: 0;
    left: 0;
    width: 100%;
    height: 76%;
}

.page-services .team-02 .graph .puzzle .button-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.page-services .team-02 .graph .puzzle .button-wrapper.tr {
    grid-area: button-tr;
    align-items: flex-start;
}

.page-services .team-02 .graph .puzzle .button-wrapper.bl {
    grid-area: button-bl;
}

.page-services .team-02 .graph .puzzle .button-wrapper.br {
    grid-area: button-br;
    padding-left: 20%;
}

.page-services .team-02 .graph .puzzle .button-wrapper.tl {
    grid-area: button-tl;
}

.mid { grid-area: mid; }

.page-services .team-02 .graph .puzzle .button {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px;
    padding-right: 16px;
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-primary-green-400);
    background-color: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0px 4px 18px rgba(37, 150, 138, 0.2);
    cursor: pointer;
    z-index: 2;
}

.page-services .team-02 .graph .puzzle .button::after {
    content: '';
    position: relative;
    display: inline-block;
    margin-left: -12px;
    width: 22px;
    height: 22px;
    background-image: url(../../images/icons/arrow-right-green-dark.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0;
}

.page-services .team-02 .graph .puzzle .button:hover::after {
    opacity: 1;
    margin-left: 12px;
}

.page-services .team-02 .graph .puzzle .button.active::after,
.page-services .team-02 .graph .puzzle .button.active:hover::after {
    opacity: 0;
    margin-left: -12px;
}

.page-services .team-02 .graph .puzzle .button:hover {
    color: var(--color-primary-green-700);
    box-shadow: 0px 4px 25px rgba(37, 150, 138, 0.4);
}

.page-services .team-02 .graph .puzzle .button.active,
.page-services .team-02 .graph .puzzle .button.active:hover {
    color: #FFFFFF;
    background-color: var(--color-primary-green-400);
    box-shadow: 0px 2px 4px rgba(37, 150, 138, 0);
}

.page-services .team-02 .graph .puzzle .button.active svg rect,
.page-services .team-02 .graph .puzzle .button.active:hover svg rect {
    fill: #FFFFFF;
}

.page-services .team-02 .graph .puzzle .button svg {
    margin-right: 12px;
}

.page-services .team-02 .graph .puzzle .button,
.page-services .team-02 .graph .puzzle .button::after,
.page-services .team-02 .graph .puzzle .button svg rect {
    transition: all .3s;
}



.page-services .team-02 .bg-deco .circle {
	position: absolute;
}

.page-services .team-02 .bg-deco .circle.gray {
	bottom: -200px;
	left: -128px;
	width: 413px;
	height: 413px;
	background-color: var(--color-primary-black-100);
}

.page-services .team-02 .bg-deco .circle.green {
	top: -300px;
	right: -212px;
	width: 391px;
	height: 391px;
	background-color: var(--color-primary-light-green-100);
}

.page-services .team-02 .bg-text {
	top: 62%;
	max-height: 600px;
	background-image: url(../../images/deco/text-bg-extended-team.svg);
	transform: translateY(-50%);
	transition: all 1s ease-out;
	opacity: 0.3;
	z-index: -1;
}

.page-services .team-02 .bg-text.active {
	top: 59%;
	opacity: 1;
}

.page-services .team-02 .bg-deco .wave {
	top: 100px;
	z-index: 1;
}

.page-services .team-02 .bg-deco .wave svg {
	position: absolute;
	bottom: 0;
	left: 0;
}

.page-services .team-02 .bg-deco .wave svg .svg-elem-1 {
	stroke-dashoffset: 2183.2841796875px;
	stroke-dasharray: 2183.2841796875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.page-services .team-02 .bg-deco.active .wave svg .svg-elem-1 {
	stroke-dashoffset: 4366.568359375px;
}


.page-services section.related {
	margin-top: -40px;
}

.page-services section.related .container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;
	gap: 40px;
	text-align: center;
	min-height: 300px;
}

.page-services section.related .button {
	display: inline-block;
	padding: 20px;
	text-align: left;
	text-decoration: none !important;
	width: 311px;
	background-color: #FFFFFF;
	border: 2px solid var(--color-primary-green-200);
	box-shadow: 0px 2px 4px rgba(37, 150, 138, 0);
	border-radius: 20px;
	transition: all .3s;
}

.page-services section.related .button::after {
	display: none;
	content: unset;
}

.page-services section.related .button:hover,
.page-services section.related .button:focus {
	border: 2px solid var(--color-primary-green-400);
	box-shadow: 0px 4px 18px rgba(37, 150, 138, 0.2);
}

.page-services section.related .button span {
	display: block;
	width: 100%;
}

.page-services section.related .button span.headline {
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
	width: auto;
	margin-bottom: 8px;
	text-transform: uppercase;
	font-size: 1rem;
	line-height: 1.75;
	color: var(--color-primary-black);
	transition: all .3s;
}

.page-services section.related .button span.headline span {
	position: relative;
}

.page-services section.related .button span.headline span::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background-color: transparent;
	transition: all .3s;
}

.page-services section.related .button:hover span.headline span::after,
.page-services section.related .button:active span.headline span::after {
	width: 100%;
	background-color: var(--color-primary-green);
}

.page-services section.related .button.prev:hover span.headline span::after,
.page-services section.related .button.prev:active span.headline span::after {
	left: unset;
	right: 0;
}

.page-services section.related .button span.headline svg {
	stroke: var(--color-primary-black-700);
	transform: translate3d(0, 0, 0);
	transition: all .3s;
}

.page-services section.related .button:hover span.headline svg,
.page-services section.related .button:active span.headline svg {
	stroke: var(--color-primary-green);
}

.page-services section.related .button.prev:hover span.headline svg,
.page-services section.related .button.prev:active span.headline svg {
	transform: translate3d(-3px, 0, 0);
}

.page-services section.related .button.next:hover span.headline svg,
.page-services section.related .button.next:active span.headline svg {
	transform: translate3d(3px, 0, 0);
}

.page-services section.related .button:hover span.headline,
.page-services section.related .button:active span.headline {
	color: var(--color-primary-green);
}

.page-services section.related .button span.title {
	font-size: var(--size-2xl);
	line-height: 1.33;
	font-weight: 700;
	color: var(--color-secondary-orange);
}


.page-team .hero {
	position: relative;
}

.page-team .hero .container {
	max-width: 1140px;
}

.page-team .hero .side-content {
	align-items: flex-start;
	width: 40%;
}

.page-team .hero h1 {
	transform: translate3d(0, -20px, 0);
	transition: all 1s ease-in-out;
	transition-delay: .1s;
	opacity: 0;
}

.page-team .hero.active h1 {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-team .hero .subtitle {
	margin-top: var(--size-2xl);
	font-size: var(--size-4xl);
	line-height: 1.22;
	transform: translate3d(0, -20px, 0);
	transition: all 1s ease-in-out;
	transition-delay: unset;
	opacity: 0;
}

.page-team .hero.active .subtitle {
	transform: translate3d(0, 0, 0);
	transition-delay: .8s;
	opacity: 1;
}

.page-team .hero.active .subtitle:nth-of-type(2) {
	transition-delay: 1.6s;
}

.page-team .hero .side-picture {
	position: relative;
	width: 90vw;
	max-width: 711px;
}

.page-team .hero .side-picture .picture {
	max-width: inherit;
	height: 400px;
	width: calc(100% - 40px);
	transition: all 2s ease-in-out;
	transform: translate3d(-60px, 0, 0);
}

.page-team .hero.active .side-picture .picture {
	width: 100%;
	transform: translate3d(0, 0, 0);
}

.page-team .hero .circle {
	position: absolute;
}

.page-team .hero .circle.circle-1,
.page-team .hero .circle.circle-2 {
	animation: littledance 12s infinite;
	transition: all 1s ease-out;
	opacity: 0;
}

.page-team .hero .circle.circle-1 {
	top: -30px;
	right: -60px;
	width: 11px;
	height: 11px;
	border: 1px solid var(--color-primary-green);
	transition: all 1s ease-out;
}

.page-team .hero .circle.circle-2 {
	top: -5px;
	right: -45px;
	width: 24px;
	height: 24px;
	background-color: var(--color-primary-light-green-100);
	transition-delay: .6s;
	animation-delay: 1s;
}

.page-team .hero.active .circle.circle-1,
.page-team .hero.active .circle.circle-2 {
	opacity: 1;
}

.page-team .hero .circle.circle-3 {
	bottom: 120px;
	left: -96px;
	width: 148px;
	height: 148px;
	border: 3px solid var(--color-secondary-orange);
	animation: littledance 32s infinite;
}

.page-team .hero .circle.circle-4 {
	bottom: 20px;
	right: -129px;
	width: 317px;
	height: 317px;
	border: 7px solid var(--color-primary-light-green-100);
	animation: littledance 42s infinite;
}

.page-team .hero .bg-illustration {
	position: absolute;
	top: -140px;
	left: 0;
	width: 100%;
	height: 992px;
	background-image: url(../../images/deco/bg-illustration-1.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -1;
}

.page-team .members {
    margin-top: 20px;
}

.page-team .members .container {
    text-align: center;
}

.page-team .members .members-header {
    margin-bottom: 140px;
}

.page-team .members h2 {
    font-size: var(--size-6xl);
    line-height: 1.25;
    margin-bottom: 36px;
}

.page-team .members .search {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
}

.page-team .members .search .search-input,
.page-team .members .search .search-input .input {
	position: relative;
}

.page-team .members .search .search-input .input::before {
	content: '';
	position: absolute;
	display: block;
	top: 50%;
	left: 44px;
	width: 1px;
	height: 80%;
	background-color: var(--color-primary-green-200);
	transform: translate3d(0, -50%, 0);
	opacity: 0;
	transition: all .3s;
	z-index: 2;
}

.page-team .members .search .search-input .input:focus-within:before {
	opacity: 1;
}

.page-team .members .search .search-input .input input {
	transition: all .3s;
}

.page-team .members .search .search-input .input input:focus {
	padding-left: 57px;
}

.page-team .members .search .search-input .search-suggestions {
	position: absolute;
	width: 100%;
	padding: 0px 14px;
	text-align: left;
	background-color: #FFFFFF;
	box-shadow: 0px 6px 24px rgba(11, 103, 93, 0.16);
	border: 1px solid var(--color-primary-green);
	border-radius: 8px;
	transition: all .4s;
	user-select: none;
	z-index: 2;
}

.page-team .members .search .search-input .search-suggestions.hide {
	display: none;
}

.page-team .members .search .search-input .search-suggestions li {
	padding: 12px;
	color: var(--color-primary-black-400);
	font-size: var(--size-xs);
	line-height: 1.7;
	border-top: 1px solid transparent;
	cursor: pointer;
}

.page-team .members .search .search-input .search-suggestions li.title {
	padding-left: 4px;
	font-weight: bold;
	color: var(--color-primary-green-200);
	cursor: default;
}

.page-team .members .search .search-input .search-suggestions li.disabled {
	display: none;
}

.page-team .members .search .search-input .search-suggestions li + li:not(.disabled) {
	border-top-color: var(--color-primary-green-200);
}

.page-team .members .search .search-input .search-suggestions li:last-of-type {
	border-bottom: 1px solid transparent;
}

.page-team .members .search .search-input .search-clear,
.page-blog .feed .top-bar .search .btn.btn-clear::before,
.page-work .feed .search .btn.btn-clear::before {
	position: absolute;
	display: block;
	top: 50%;
	right: 12px;
	padding: 4px;
	width: 18px;
	height: 18px;
	background-image: url(../../images/icons/icon-close.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: translate3d(0, -50%, 0);
	cursor: pointer;
	z-index: 2;
}

.page-team .members .search input {
    position: relative;
    display: inline-block;
    padding: 12px;
    padding-left: 48px;
    padding-right: 40px;
    width: 90vw;
    max-width: 364px;
    font-family: var(--font-poppins);
    color: var(--color-primary-green-700);
    box-shadow: 0px 6px 24px rgba(11, 103, 93, 0.1);
    border: 1px solid var(--color-primary-green-700);
    outline: 1px solid transparent;
    background-color: #FFFFFF;
    background-image: url(../../images/icons/icon-search.svg);
    background-repeat: no-repeat;
    background-position-x: 11px;
    background-position-y: center;
    background-size: 24px;
    border-radius: 8px;
    opacity: 0.7;
    transition: all .3s;
	z-index: 1;
}

.page-team .members .search input:hover {
    box-shadow: 0px 6px 24px rgba(11, 103, 93, 0.36);
}

.page-team .members .search input:focus {
    outline-color: var(--color-primary-green);
    box-shadow: 0px 6px 24px rgba(11, 103, 93, 0.16);
}

.page-team .members .search input:hover,
.page-team .members .search input:focus {
    opacity: 1;
}

.page-team .members .search input::-webkit-input-placeholder { /* Edge */
    color: var(--color-primary-green);
}

.page-team .members .search input::placeholder {
    color: var(--color-primary-green);
}

.page-team .members .search .button-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 132px;
}

.page-team .members .search button {
	padding: 14px 20px;
	border-radius: 8px;
}

.page-team .members .search button.btn:hover {
	padding-right: 45px;
}

.page-team .members .search button.btn::after {
	right: 0;
}

.page-team .members .members-header .text-not-found  {
	margin-top: 16px;
}

.page-team .members .profiles-not-found  {
	margin-top: -80px;
	padding-bottom: 100px;
}

.page-team .members .profiles {
	padding-bottom: 62px;
	margin: 0 auto;
	max-width: 1120px;
}

.page-team .members .profiles ul {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	column-gap: 7vw;
	flex-wrap: wrap;
	margin-bottom: 78px;
}

.page-team .members .profiles.results ul {
	margin-bottom: 64px;
}

.page-team .members .profile-box:nth-child(odd) {
    transform: translateY(20px);
}

.page-team .members .results .profile-box {
    transform: translateY(0);
}

.page-team .members .profile-box {
    width: 100px;
	height: 100px;
}

.page-team .members .results .profile-box {
	height: 180px;
}

.page-team .members .profile-box .picture {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    box-shadow: 0px 6px 24px rgba(55, 180, 167, 0.15);
    border-radius: 28px !important;
    filter: grayscale(1);
}

.page-team .members .profile-box .name {
	margin-top: 12px;
    font-weight: 700;
}

.page-team .members .profile-box .role {
	font-size: var(--size-sm);
    font-weight: 400;
	color: var(--color-primary-black-400);
}

.page-team .members .profile-box .name,
.page-team .members .profile-box .role {
	display: block;
	position: relative;
	left: 50%;
	width: 170%;
	opacity: 0;
	pointer-events: none;
	transition-delay: none;
	transform: translate3d(-50%, -12px, 0);
}

.page-team .members .results .profile-box .name {
	transition: all 1s;

}

.page-team .members .results .profile-box .role {
	transition: all .8s;
}

.page-team .members .results .profile-box .name,
.page-team .members .results .profile-box .role {
	opacity: 1;
	pointer-events: all;
	transition-delay: var(--delay);
	transform: translate3d(-50%, 0, 0);
}

.page-team .members .profiles.results ul.slick-dots {
	margin-top: -64px;
	justify-content: center;
	gap: 16px;
}

.page-team .members .profiles.results ul.slick-dots li button:before {
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	transform: translate3d(-50%, -50%, 0);
}

.page-team .members .profiles.results ul.slick-dots li.slick-active button:before {
	width: 12px;
	height: 12px;
}

.page-team .members .bg-text {
	top: unset;
	bottom: -80px;
	left: 50%;
	width: 70% !important;
	max-height: 800px;
	background-image: url(../../images/deco/text-bg-our-team.svg);
	transform: translate3d(-50%, -20px, 0);
	transition: all 1s ease-in-out;
}

.page-team .members.active .bg-text {
	transform: translate3d(-50%, 0, 0);
}

.page-team .members .bg-deco .circle {
	position: absolute;
}

.page-team .members .bg-deco .circle.left.big {
	top: -50px;
	left: -375px;
	width: 711px;
	height: 711px;
	background-color: var(--color-primary-green-200);
	mix-blend-mode: normal;
	opacity: 0.2;
}

.page-team .members .bg-deco .circle.left.small {
	top: 25%;
	left: 65px;
	width: 27px;
	height: 27px;
	border: 3px solid var(--color-primary-light-green-400);
	animation: littledance 14s infinite;
}

.page-team .members .bg-deco .circle.right {
	top: 60px;
	right: -22px;
	width: 106px;
	height: 106px;
	background-color: var(--color-primary-light-green-100);
	animation: littledance 22s infinite;
}



.page-team .spaces h2 {
	padding-right: 1em;
	font-size: 70px;
	line-height: 1.2;
	transform: translate3d(0, 20px, 0);
	transition: all 1s ease-in-out;
	opacity: 0;
}

.page-team .spaces.active h2 {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-team .media {
	position: relative;
	margin-top: 170px;
}

.page-team .media .container {
	text-align: center;
}

.page-team .media h3 {
	margin-bottom: 34px;
}

.page-team .media .last-posts {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 4px;
	row-gap: 20px;
	margin: 0 auto;
	margin-bottom: 66px;
	width: 100%;
	height: min(80vw, 1110px);
	max-width: 1100px;
}

.page-team .media .last-posts .post {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 27vw;
	height: 27vw;
	max-width: 245px;
	max-height: 245px;
}

.page-team .media .last-posts .post img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.page-team .media .last-posts .post .icon {
	position: absolute;
	display: block;
	top: 10px;
	right: 10px;
	width: 16px;
	height: 16px;
	z-index: 1;
}

.page-team .media .btn {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.page-team .media .icon.icon-instagram {
	margin-right: 8px;
	width: 24px;
	height: 24px;
	background-image: url(../../images/icons/instagram-white.svg);
}

.page-team .media .bg-deco {
	z-index: -1;
}

.page-team .media .bg-deco .circle {
	position: absolute;
}

.page-team .media .bg-deco .circle.left {
	top: -87px;
	left: -149px;
	width: 686px;
	height: 686px;
	border: 25px solid var(--color-primary-green-200);
	opacity: 0.14;
}

.page-team .media .bg-deco .circle.right {
	bottom: -160px;
	right: -207px;
	width: 327px;
	height: 327px;
	background-color: var(--color-primary-light-green-100);
	animation: littledance 44s infinite;
}

.page-team .media .bg-deco .wave {
	position: absolute;
	bottom: 80px;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position-y: bottom;
	background-position-x: center;
	background-size: contain;
}

.page-team .media .bg-deco .wave svg {
	position: absolute;
	bottom: 0;
	left: 0;
}

.page-team .media .bg-deco .wave svg .svg-elem-1 {
	stroke-dashoffset: 2024.69287109375px;
	stroke-dasharray: 2024.69287109375px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.page-team .media .bg-deco.active .wave svg .svg-elem-1 {
	stroke-dashoffset: 4049.3857421875px;
}

.page-community .header .container,
.page-community .hero .container {
	padding-bottom: 0;
}

.page-community .hero .container > div {
	margin-top: 100px;
	margin-bottom: 0;
	min-height: 100px;
}

.page-community .hero .subtitle {
	max-width: 510px;
}
.page-community .hero .side-deco .deco {
	position: relative;
	margin-top: 30px;
}

.page-community .hero .side-deco .deco > i {
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.page-community .hero .side-deco .deco > .icon {
	width: 400px;
	height: 400px;
}

.page-community .hero .side-deco .deco .heart {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 150px;
	max-height: 160px;
	background-image: url(../../images/deco/heart-green.svg);
	animation: heart-anim 8s infinite;
	z-index: 5;
}

@keyframes heart-anim {
	  0% { transform: translate3d(0, -2px, 0) rotate(-2deg); }
	 20% { transform: translate3d(0, 0px, 0); }
	 40% { transform: translate3d(0, -2px, 0) rotate(2deg); }
	 60% { transform: translate3d(0, 2px, 0); }
	 80% { transform: translate3d(0, -2px, 0); }
	100% { transform: translate3d(0, -2px, 0) rotate(-2deg); }
}

.page-community .hero .side-deco .deco .notebook {
	margin-left: 10px;
	width: 64px;
	height: 73px;
	background-image: url(../../images/deco/note-book.svg);
	animation: heart-anim 8s infinite;
}

.page-community .hero .side-deco .deco .hand {
	position: absolute;
	width: 190px;
	height: 160px;
	z-index: 1;
}

.page-community .hero .side-deco .deco .hand.left {
	top: 20px;
	left: -130px;
	background-image: url(../../images/deco/hand-left.svg);
	animation: hand-anim-left 12s infinite;
}

.page-community .hero .side-deco .deco .hand.right {
	position: absolute;
	top: -10px;
	right: -140px;
	background-image: url(../../images/deco/hand-right.svg);
	animation: hand-anim-right 12s infinite;
}

@keyframes hand-anim-left {
	  0% { transform: translate3d(-2px, 2px, 0) rotate(2deg) skew(5deg, 5deg); }
	 50% { transform: translate3d(2px, 0, 0) rotate(0deg) skew(0,0); }
	100% { transform: translate3d(-2px, 2px, 0) rotate(2deg) skew(5deg, 5deg); }
}

@keyframes hand-anim-right {
	  0% { transform: translate3d(2px, -2px, 0) rotate(-2deg) skew(-5deg, -5deg); }
	 50% { transform: translate3d(-2px, 0, 0) rotate(0deg) skew(0,0); }
	100% { transform: translate3d(2px, -2px, 0) rotate(-2deg) skew(-5deg, -5deg); }
}

.page-community .hero .side-deco .deco .star {
	position: absolute;
	background-image: url(../../images/deco/star-green.svg);
}

.page-community .hero .side-deco .deco .star.top {
	top: -30px;
	left: -14px;
	max-width: 23px;
	max-height: 23px;
	animation: star-anim 8s infinite cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.page-community .hero .side-deco .deco .star.bottom {
	bottom: -20px;
	right: -16px;
	max-width: 14px;
	max-height: 14px;
	animation: star-anim 10s infinite cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

@keyframes star-anim {
	0% { transform: translate3d(0,0,0) rotate(-25deg); opacity: 1; }
	22% { opacity: 1; }
	23% { opacity: 0.8; }
	24% { opacity: 1; }
	54% { opacity: 1; }
	55% { opacity: 0.8; }
	56% { opacity: 1; }
	60% { transform: translate3d(0,0,0) rotate(25deg); }
	100% { transform: translate3d(0,0,0) rotate(-25deg); opacity: 1; }
}

.page-community .hero .side-deco .deco .arrow {
	position: absolute;
	bottom: -50px;
	right: -80px;
	max-width: 31px;
	max-height: 33px;
	background-image: url(../../images/deco/arrow-3d.svg);
	animation: arrow-anim 6s infinite cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

@keyframes arrow-anim {
	  0% { transform: translate3d(-2px,-2px,0) rotate(5deg) skewX(5deg); }
	 55% { transform: translate3d(3px,4px,0) rotate(-2deg) skewX(0); }
	100% { transform: translate3d(-2px,-2px,0) rotate(5deg) skewX(5deg); }
}

.page-community .hero .side-deco .deco .circle {
	position: absolute;
}

.page-community .hero .side-deco .deco .circle-1 {
	top: -50px;
	right: -10px;
	width: 21px;
	height: 21px;
	background-color: var(--color-primary-green-200);
	animation: littledance 16s infinite cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.page-community .hero .side-deco .deco .circle-2 {
	top: -65px;
	right: -80px;
	width: 12px;
	height: 12px;
	background-color: var(--color-secondary-orange-100);
	animation: littledance 18s infinite cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.page-community section h2 {
	margin-bottom: 31px;
	font-size: 36px;
	line-height: 1.44;
}

.page-community .hero .bg-deco .circle {
	position: absolute;
}

.page-community .hero .bg-deco .circle-1 {
	top: -140px;
	left: -280px;
	width: 580px;
	height: 580px;
	background-color: var(--color-primary-black-100);
	animation: littledance 28s infinite;
}

.page-community .hero .bg-deco .circle-2 {
	bottom: -320px;
	right: -320px;
	width: 496px;
	height: 496px;
	background-color: var(--color-primary-green-100);
	animation: littledance 22s infinite;
}

.page-community .hero .side-deco {
	position: relative;
}

.page-community .hero .side-deco .bg-deco .circle-3 {
	top: -10px;
	left: 20px;
	width: 58px;
	height: 58px;
	background-color: transparent;
	border: 1px solid var(--color-primary-light-green-100);
	animation: littledance 12s infinite;
}

.page-community .hero .side-deco .bg-deco .circle-4 {
	top: -60px;
	right: -270px;
	width: 55px;
	height: 55px;
	background-color: transparent;
	border: 3px solid var(--color-secondary-orange);
	animation: littledance 16s infinite;
}

.page-community .events .circle.circle-1 {
	position: absolute;
	top: -40px;
	left: calc(50% + 210px);
	width: 70px;
	height: 70px;
	background-color: transparent;
	animation: littledance 14s infinite;
	border: 2px solid var(--color-secondary-orange-100);
}

.page-community .events .bg-deco .wave svg {
	position: absolute;
	top: 66%;
	width: 100%;
	transform: translate3d(0, -50%, 0);
}

.page-community .events .bg-deco .wave svg .svg-elem-1 {
	stroke-dashoffset: 1712.7755126953125px;
	stroke-dasharray: 1712.7755126953125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.page-community .events.active .bg-deco .wave svg .svg-elem-1 {
	stroke-dashoffset: 0;
}

.events .events-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 560px;
}

.events .events-container .event,
.events .events-container.carousel .event.active {
	flex-grow: 1;
	flex-basis: 50%;
    width: 50%;
	max-width: 500px;
	box-shadow: 0px 4px 18px rgba(37, 150, 138, 0.2);
	border-radius: 45px 20px;
	overflow: hidden;
}

.events .events-container.carousel .event {
	flex-basis: 33%;
    width: 33%;
	max-width: 340px;
}

.events .events-container .event .cover,
.events .events-container.carousel .event.active .cover {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #F3F9F8;
	height: 200px;
	width: 100%;
}

.events .events-container.carousel .event .cover {
	height: 130px;
}

.events .events-container.carousel .event .cover img {
	display: block;
	object-fit: cover;
	height: 100%;
	width: 100%;
	user-select: none;
	-webkit-user-drag: none;
	user-drag: none;
}

.events .events-container.carousel .event .headline {
    font-family: var(--font-poppins);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.04px;
}

.events .events-container .event .content,
.events .events-container.carousel .event.active .content {
	padding: 20px;
	padding-bottom: 24px;
	min-height: 250px;
	background-color: #FFFFFF;
	border: 2px solid var(--color-primary-green-400);
	border-top: 0;
	border-radius: inherit;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	overflow: hidden;
}

.events .events-container.carousel .event .content {
	padding: 16px;
	padding-bottom: 24px;
	min-height: 145px;
	border-width: 1px;
	border-color: var(--color-primary-green-200);
}

.events .events-container .event .when,
.events .events-container.carousel .event.active .when {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.85;
	opacity: 0;
	max-height: 0;
	margin: 0;
}

.events .events-container.carousel .event .when.small {
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	max-height: 100px;
	opacity: 1;
}

.events .events-container.carousel .event.active .when.small {
	max-height: 0;
	opacity: 0;
}

.events .events-container.carousel .event.active .when.big {
	margin-bottom: 16px;
	max-height: 100px;
	opacity: 1;
}

.events .events-container.carousel .event .when .date,
.events .events-container.carousel .event .when .location {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-grow: 1;
	width: 100%;
	gap: 9px;
}

.events .events-container.carousel .event .when.big .location {
	justify-content: flex-end;
}

.events .events-container.carousel .event .when .date::before,
.events .events-container.carousel .event .when .location::before {
	content: '';
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18px;
}

.events .events-container.carousel .event .when .date::before {
	background-image: url(../../images/icons/icon-calendar.svg);
}

.events .events-container.carousel .event .when .location::before {
	background-image: url(../../images/icons/icon-location.svg);
}

.events .events-container.carousel .event .when .location .flag {
	max-width: 20px;
	max-height: 20px;
}

.events .events-container .event .title,
.events .events-container.carousel .event.active .title {
	display: inline-block;
	margin-bottom: 10px;
	font-family: var(--font-rubik);
	font-size: var(--size-2xl);
	line-height: 1.33;
	font-weight: 700;
	color: var(--color-primary-green);
	text-decoration: none;
}

.events .events-container .event .description,
.events .events-container.carousel .event.active .description {
	font-size: var(--size-sm);
	line-height: 1.7;
	font-weight: 400;
	max-height: 500px;
	opacity: 1;
}

.events .events-container.carousel .event .description {
	max-height: 30px;
	max-width: 445px;
	opacity: 0;
}

.events .events-container .event .links,
.events .events-container.carousel .event.active .links {
	position: relative;
}

.events .events-container .event .links .btn-save {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -20%, 0);
	pointer-events: none;
	opacity: 0;
}

.events .events-container.carousel .event.active .links .btn-save {
	pointer-events: all;
	opacity: 1;
}

.events .events-container .event .link,
.events .events-container.carousel .event.active .link {
	display: inline-block;
	margin-top: 14px;
}

.events .events-container.carousel .event {
	position: absolute;
	left: 50%;
	transform: translate3d(-50%, 30px, 0);
	opacity: 0;
	pointer-events: none;
	z-index: 1;
}

.events .events-container.carousel .event.active,
.events .events-container.carousel .event.prev,
.events .events-container.carousel .event.next {
	opacity: 1;
	pointer-events: all;
}

.events .events-container.carousel .event.active {
	left: 50%;
	transform: translate3d(-50%, 0, 0);
	z-index: 3;
}

@media screen and (min-width: 649px) {
	.events .events-container.carousel.pair {
		align-items: flex-start;
		gap: 40px;
		padding-top: 10px;
	}

	.events .events-container.carousel.pair .event {
		position: relative;
	}

	.events .events-container.carousel.pair .event.active {
		left: 0;
		transform: translate3d(0, 0, 0);
	}
}

.events .events-container.carousel .event.prev {
	left: calc(50% - 350px);
}

.events .events-container.carousel .event.next {
	left: calc(50% + 350px);
}

.events .events-container.carousel.single .event.active {
	left: 50% !important;
}

.events .events-container.carousel .event,
.events .events-container.carousel .event * {
	transition: all .8s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.events .events-container.carousel .event .when.small {
	transition: all .4s ease-out;
}

.events .events-dots {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 16px;
	padding-top: 40px;
}

.events .events-dots .dot {
	display: block;
	width: 14px;
	height: 14px;
	background-color: #D5D5D5;
	border-radius: 50%;
	transition: all .3s ease-out;
	cursor: pointer;
}

.events .events-dots .dot.active {
	width: 18px;
	height: 18px;
	background-color: var(--color-primary-green);
}

.page-blog .events .events-container .event .links {
    max-height: 0;
    opacity: 0;
    pointer-events: none;
}

.page-blog .events .events-container .event.active .links {
    max-height: 200px;
    opacity: 1;
    pointer-events: all;
}

.page-blog .events .events-dots .dot.active {
	background-color: var(--color-secondary-orange);
}

.page-blog .events .events-container.carousel .event {
    border: 3px solid var(--color-primary-green);
    border-radius: 30px 5px;
}

.page-blog .events .events-container.carousel .event.active {
    border-color: var(--color-secondary-orange);
}

.page-blog .events .events-container .event .content, .events .events-container.carousel .event.active .content {
    border: 0;
}

.page-blog .events .events-container.carousel .event .headline {
    font-family: var(--font-poppins);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.04px;
}

.page-blog .events .events-container.carousel .event .headline svg path.border,
.page-blog .events .events-container.carousel .event.active .headline svg path.border {
    fill: black;
}

.page-blog .events .events-container.carousel .event .headline svg path {
    fill: var(--color-primary-green);
}

.page-blog .events .events-container.carousel .event.active .headline svg path {
    fill: var(--color-secondary-orange);
}

.page-blog .events .events-container .event .cover,
.page-blog .events .events-container.carousel .event .cover {
    height: 180px;
}

.page-blog .events .events-container .event.active .cover,
.page-blog .events .events-container.carousel .event.active .cover {
    height: 220px;
}

.page-blog .events .events-container .event .title,
.page-blog .events .events-container.carousel .event .title {
    font-size: 20px;
    line-height: 1.4;
}

.page-blog .events .events-container .event .title,
.page-blog .events .events-container.carousel .event .title,
.page-blog .events .events-container .event .description,
.page-blog .events .events-container.carousel .event .description {
    text-wrap: pretty;
}

.page-blog .events .events-container .event .description,
.page-blog .events .events-container.carousel .event .description {
    max-height: 0;
}

.page-blog .events .events-container .event.active .description,
.page-blog .events .events-container.carousel .event.active .description {
    max-height: 300px;
}

.page-blog .events .events-container.carousel .event .content {
    padding-bottom: 6px;
}

.page-blog .events .events-container.carousel .event.active .content {
    padding-bottom: 24px;
}

.page-community .container {
	position: relative;
	padding-bottom: 0;
}

.page-community section.meetups h2 {
	text-align: left;
	margin-bottom: 0;
}

.page-community .meetups-container {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 50px;
	row-gap: 40px;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 2;
}

.page-community .meetups-container .meetup-wrapper {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
	flex-basis: 50%;
	max-width: 530px;
	margin: 0;
	transition: all .4s ease-in-out;
	transform: translate3d(0, 0, 0) scale(0.98);
	pointer-events: none;
	opacity: 0;
}

.page-community .meetups-container .meetup-wrapper.show {
	transform: translate3d(0, 0, 0) scale(1);
	pointer-events: all;
	opacity: 1;
}

.page-community .meetups-container .meetup-wrapper .btn-close {
	position: absolute;
	top: -50px;
	right: -30px;
	background-color: transparent;
	border-radius: 50%;
	transition: all .3s ease-in-out;
	opacity: 0.5;
	cursor: pointer;
	z-index: 2;
}

.page-community .meetups-container .meetup {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 0;
	height: 256px;
	width: 530px;
}

.page-community .meetups-container .meetup .image {
	position: absolute;
	left: -48px;
}

.page-community .meetups-container .meetup .info {
	position: absolute;
	left: 261px;
}

.page-community .meetups-container .meetup .info .content {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	top: 20px;
	left: 16px;
	width: 100%;
	height: 100%;
	max-width: 224px;
	max-height: 262px;
}

.page-community .meetups-container .meetup .info .content .title {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 600;
	color: var(--color-primary-green);
	text-decoration: none;
}

.page-community .meetups-container .meetup .info .content .description {
	font-size: 13.5px;
	line-height: 1.5;
	letter-spacing: -0.5px;
}

.page-community .meetups-container .meetup .info .content .btn {
	margin-top: 10px;
}

.page-community .meetups .bg-deco .circle.circle-1 {
	position: absolute;
	top: -120px;
	left: -226px;
	width: 536px;
	height: 536px;
	background-color: var(--color-primary-green-200);
	animation: littledance 18s infinite;
	opacity: 0.2;
}

.page-community .meetups .bg-deco .circle.circle-2 {
	position: absolute;
	top: -20px;
	right: -300px;
	width: 336px;
	height: 336px;
	background-color: var(--color-primary-light-green-400);
	animation: littledance 24s infinite;
	opacity: 0.5;
}

.page-community .meetups .bg-deco .wave {
	top: -20vw;
	height: 100vw;
	background-image: url(../../images/deco/wave-lines-faded-10.svg);
	transition: all 6s ease-out;
	opacity: 0.6;
}

.page-community .meetups .worldmap {
	position: relative;
	display: block;
	padding: 80px 0;
	padding-bottom: 20px;
	overflow-x: scroll;
}

.page-community .meetups .worldmap .meetups-container {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
	pointer-events: none;
}

.page-community .meetups .worldmap .map {
	position: relative;
	display: block;
	margin: 0 auto;
	height: 460px;
	width: 1116px;
	background-image: url(../../images/deco/worldmap.svg?v=1);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	z-index: 2;
}

.page-community .meetups .worldmap .map .dot {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	left: 50%;
	top: 50%;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	cursor: pointer;
	pointer-events: all;
	transition: all 2s ease-out;
	opacity: 0;
	z-index: 2;
}

.page-community .meetups.active .worldmap .map .dot {
	opacity: 1;
}

.page-community .meetups .worldmap .map .dot i {
	display: block;
	left: 50%;
	top: 50%;
	width: 10px;
	height: 10px;
	background-color: var(--color-secondary-orange);
	border-radius: inherit;
	pointer-events: none;
	animation-delay: inherit;
	z-index: 3;
}

.page-community .meetups .worldmap .map .dot::before,
.page-community .meetups .worldmap .map .dot::after {
	position: absolute;
	content: '';
	display: block;
	top: 50%;
	left: 50%;
	width: 200%;
	height: 200%;
	border-radius: inherit;
	transform: translate3d(-50%, -50%, 0);
}

.page-community .meetups .worldmap .map .dot::before {
	background-color: var(--color-secondary-orange);
	opacity: 0.2;
	z-index: 1;
}

.page-community .meetups .worldmap .map .dot::after {
	opacity: 0.7;
	background-color: var(--color-primary-green-200);
	animation: map-location-marker 2s infinite ease-in-out;
	animation-delay: inherit;
	z-index: 2;
}

@keyframes map-location-marker {
	0% {
		width: 20%;
		height: 20%;
	}
	50% {
		width: 200%;
		height: 200%;
	}
	100% {
		width: 20%;
		height: 20%;
	}

}

.page-community .host .container {
	text-align: left;
}

.page-community .host .container .logos {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 60px;
	margin: 0;
	margin-bottom: 50px;
	min-height: 220px;
}

.page-community .host .container .logos .logo {
	position: relative;
	flex-basis: 40%;
	flex-grow: 1;
	width: 40%;
	max-width: 370px;
	max-height: 160px;
}

.page-community .host .container .logos .logo a {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 4px 42px;
	min-height: 50px;
	background-color: #FFFFFF;
	border: 1px solid var(--color-primary-green);
	border-radius: 20px;
	box-shadow: 0px 4px 18px rgba(37, 150, 138, 0.2);
	transition: all .4s ease-out;
	overflow: hidden;
}

.page-community .host .container .logos .logo a:hover {
	min-height: 180px;
}

.page-community .host .container .logos .logo a span.btn {
	position: absolute;
	top: 120px;
	padding: 0.425em 1.25em;
	opacity: 0;
	transition: inherit;
	transition-delay: 0;
}

.page-community .host .container .logos .logo a:hover span.btn {
	opacity: 1;
	transition-delay: 0.3s;
}

.page-community .host .container .logos .logo a span.btn::after {
	content: unset;
	display: none;
}

.page-community .host .host-info {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 70px 0;
}

.page-community .host .host-info > div {
	flex-basis: 50%;
}

.page-community .host .host-info > div.side-text {
	max-width: 520px;
}

.page-community .host .host-info p.pretitle {
	padding-bottom: 8px;
	font-family: var(--font-rubik);
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	color: var(--color-primary-green);
}

.page-community .host .host-info h2 {
	margin-bottom: 28px;
	line-height: 1.22;
}

.page-community .host .host-info .links {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 12px;
	margin-top: 28px;
}

.page-community .host .host-info .links a {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
	position: relative;
	padding: 8px 12px;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.4;
	color: var(--color-primary-green);
	border: 1px solid var(--color-primary-green);
	text-decoration: none !important;
	box-shadow: 0px 4px 18px rgba(37, 150, 138, 0.2);
	border-radius: 12px;
}

.page-community .host .host-info .links a::after {
	content: '';
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	border-radius: inherit;
	border: inherit;
	border-width: 2px;
	border-color: transparent;
	transform: translate3d(-50%, -50%, 0);
	transition: all .2s ease-out;
}

.page-community .host .host-info .links a:hover::after {
	border-color: inherit;
}

.page-community .host .host-info .links a.github::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(../../images/icons/github-green.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.page-community .host .host-info .side-illustration .container {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	min-height: 450px;
	z-index: 1;
}

.page-community .host .host-info .side-illustration .circle {
	position: absolute;
	z-index: 2;
}

.page-community .host .host-info .side-illustration .circle.circle-1 {
	bottom: 0;
	left: 0;
	width: 166px;
	height: 166px;
	background-color: var(--color-primary-black-100);
	animation: littledance 18s infinite ease-in-out;
}

.page-community .host .host-info .side-illustration .circle.circle-2 {
	top: 0;
	right: 0;
	width: 346px;
	height: 346px;
	background-color: var(--color-primary-green-100);
	animation: littledance 16s infinite ease-in-out;
}

.page-community .host .host-info .side-illustration .circle.circle-3 {
	top: 85px;
	right: 162px;
	width: 10px;
	height: 10px;
	background-color: var(--color-primary-green-700);
	animation: littledance 12s infinite ease-in-out;
}

.page-community .host .host-info .side-illustration .circle.circle-4 {
	top: 25px;
	right: 116px;
	width: 22px;
	height: 22px;
	border: 1px solid var(--color-primary-green-700);
	animation: littledance 9s infinite ease-in-out;
}

.page-community .host .host-info .side-illustration .circle.circle-5 {
	top: 125px;
	right: -14px;
	width: 10px;
	height: 10px;
	border: 1px solid var(--color-primary-light-green-400);
	animation: littledance 11s infinite ease-in-out;
}

.page-community .host .host-info .side-illustration .circle.circle-6 {
	top: -20px;
	right: -60px;
	width: 27px;
	height: 27px;
	background-color: var(--color-primary-light-green-100);
	animation: littledance 14s infinite ease-in-out;
}

.page-community .host .host-info .side-illustration .icon {
	position: absolute;
}

.page-community .host .host-info .side-illustration .cloud {
	z-index: 3;
}

.page-community .host .host-info .side-illustration .cloud.cloud-1 {
	top: 45px;
	left: 30px;
	width: 62px;
	height: 30px;
	background-image: url(../../images/icons/cloud-1.svg);
	animation: cloud-anim 12s infinite ease-in-out;
}

.page-community .host .host-info .side-illustration .cloud.cloud-2 {
	top: 55px;
	right: -4px;
	width: 104px;
	height: 50px;
	background-image: url(../../images/icons/cloud-2.svg);
	animation: cloud-anim 10s infinite ease-in-out;
}

@keyframes cloud-anim {
	  0% { transform: translate3d(0, 0, 0) scale(0.96); }
	 30% { transform: translate3d(-10px, 0, 0) scale(0.98); }
	 50% { transform: translate3d(0, 0, 0) scale(1); }
	 80% { transform: translate3d(10px, 0, 0) scale(0.97); }
	100% { transform: translate3d(0, 0, 0) scale(0.96); }
}

.page-community .host .host-info .side-illustration .puzzle {
	display: block;
	width: 90%;
	max-width: 160px;
	transform: translate3d(-10px, 30px, 0);
}

.page-community .host .host-info .side-illustration .icon.tool-1 {
	bottom: 70px;
	left: 92px;
	background-image: url(../../images/icons/tool-1.svg);
	animation: tool-anim 4s infinite ease-in-out;
}

@keyframes tool-anim {
	  0% { transform: rotate(-2deg); }
	 50% { transform: rotate(2deg); }
	100% { transform: rotate(-2deg); }
}

.page-community .host .host-info .side-illustration .icon.tool-2 {
	right: -20px;
	bottom: 30px;
	width: 190px;
	height: 200px;
	max-width: 190px;
	max-height: 200px;
	background-image: url(../../images/icons/tool-2.svg);
	transform: translate3d(0, 10px, 0) scale(0.95);
	transition: all 2s ease-out;
	transition-delay: 2.2s;
}

.page-community .host .host-info .side-illustration.active .icon.tool-2 {
	transform: translate3d(0, 0, 0) scale(1);
}

.page-community .host .host-info .side-illustration .gears {
	position: absolute;
	right: 160px;
}

.page-community .host .host-info .side-illustration .gears .icon {
	position: absolute;
}

.page-community .host .host-info .side-illustration .icon.gear-1 {
	margin-left: -40px;
	width: 36px;
	height: 36px;
	background-image: url(../../images/icons/gear-orange.svg);
	animation: gear-left 8.8s infinite linear;
}

.page-community .host .host-info .side-illustration .icon.gear-2 {
	margin-right: -40px;
	width: 54px;
	height: 54px;
	background-image: url(../../images/icons/gear-green.svg);
	animation: gear-right 9s infinite linear;
}

@keyframes gear-left {
	  0% { transform: rotate(0); }
	100% { transform: rotate(360deg); }
}

@keyframes gear-right {
	  0% { transform: rotate(0); }
	100% { transform: rotate(-360deg); }
}

.page-community .host .host-info .side-illustration .icon.play-colored {
	top: 10px;
	max-width: 72px;
	max-height: 72px;
	background-image: url(../../images/icons/play-colored.svg);
}

.page-community .host .host-info .side-illustration .text-lines {
	position: absolute;
	left: 90px;
	bottom: 30px;
}

.page-community .host .host-info .side-illustration .text-lines .line {
	display: block;
	margin-top: 7px;
	height: 5px;
	background-color: var(--color-secondary-orange);
}

.page-community .host .host-info .side-illustration .text-lines .line.line-1 {
	width: 30px;
}

.page-community .host .host-info .side-illustration .text-lines .line.line-2 {
	width: 50px;
}

.page-community .host .host-info .side-illustration .text-lines .line.line-3 {
	position: relative;
	width: 80px;
}

.page-community .host .host-info .side-illustration .text-lines .line.line-3::after {
	position: absolute;
	content: '';
	display: block;
	top: 0;
	left: 20px;
	width: 5px;
	height: inherit;
	background-color: #FFFFFF;
}

.page-community .host .host-info .side-illustration .icon.window {
	left: -20px;
	width: 144px;
	height: 150px;
	max-width: 144px;
	max-height: 150px;
	background-image: url(../../images/icons/window.svg);
	transform: translate3d(0, 10px, 0) scale(0.92);
	transition: all 1.4s ease-out;
	transition-delay: 1.4s;
}

.page-community .host .host-info .side-illustration.active .icon.window {
	transform: translate3d(0, 0, 0) scale(1);
}

.page-community .host .host-info .side-illustration .blocks .code {
	position: absolute;
}

.page-community .host .host-info .side-illustration .blocks .code.top {
	top: 70px;
	left: 26%;
	width: 42px;
	height: 25px;
	background-image: url(../../images/icons/block-short-2.svg);
}

.page-community .host .host-info .side-illustration .blocks .code.bottom {
	bottom: 50px;
	right: 37%;
	width: 54px;
	height: 54px;
	background-image: url(../../images/icons/block-brackets.svg);
	animation: littledance 20s infinite ease-out;
}

.page-community .host .host-info .side-illustration .connection-lines {
	position: absolute;
	z-index: 4;
}

.page-community .host .host-info .side-illustration .connection-lines.left {
	left: 0;
	bottom: 120px;
	width: 126px;
	height: 76px;
}

.page-community .host .host-info .side-illustration .connection-lines.left .line {
	display: block;
	position: absolute;
	bottom: 0;
	background-color: var(--color-primary-light-green);
	transition: all 1s ease-out;
}

.page-community .host .host-info .side-illustration .connection-lines.left .line.x {
	right: 0;
	height: 1px;
	width: 0;
}

.page-community .host .host-info .side-illustration .connection-lines.left .line.y {
	left: 0;
	width: 1px;
	height: 0;
	transition-delay: .9s;
}

.page-community .host .host-info .side-illustration.active .connection-lines.left .line.x {
	width: 100%;
}

.page-community .host .host-info .side-illustration.active .connection-lines.left .line.y {
	height: 100%;
}

.page-community .host .host-info .side-illustration .connection-lines.left .line::before,
.page-community .host .host-info .side-illustration .connection-lines.left .line::after {
	position: absolute;
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: inherit;
	transition: all .4s ease-out;
}

.page-community .host .host-info .side-illustration .connection-lines.left .line.x::after {
	content: '';
	bottom: -2px;
	right: 0;
}

.page-community .host .host-info .side-illustration .connection-lines.left .line.y::after {
	content: '';
	top: 0;
	left: -2px;
	width: 0;
	height: 0;
	opacity: 0;
}

.page-community .host .host-info .side-illustration.active .connection-lines.left .line.y::after {
	width: 5px;
	height: 5px;
	opacity: 1;
	transition-delay: 1.7s;
}

.page-community .host .host-info .side-illustration .connection-lines.right {
	top: 50%;
	right: 12px;
	width: 180px;
	height: 162px;
	transform: translate3d(0, -50%, 0);
}

.page-community .host .host-info .side-illustration .connection-lines.right .line {
	display: block;
	position: absolute;
	background-color: #727272;
	transition: all 1s ease-out;
}

.page-community .host .host-info .side-illustration .connection-lines.right .line.y {
	right: 0;
	width: 1px;
	height: 0;
}

.page-community .host .host-info .side-illustration .connection-lines.right .line.x-t,
.page-community .host .host-info .side-illustration .connection-lines.right .line.x-b {
	height: 1px;
}

.page-community .host .host-info .side-illustration .connection-lines.right .line.x-t {
	top: 0;
	left: 0;
	width: 0;
}

.page-community .host .host-info .side-illustration .connection-lines.right .line.x-b {
	bottom: 0;
	right: 0;
	width: 0;
}

.page-community .host .host-info .side-illustration.active .connection-lines.right .line.x-t {
	width: 100%;
}

.page-community .host .host-info .side-illustration.active .connection-lines.right .line.y {
	height: 100%;
	transition-delay: .9s;
}

.page-community .host .host-info .side-illustration.active .connection-lines.right .line.x-b {
	width: 30px;
	transition-delay: 1.8s;
}

.page-community .host .host-info .side-illustration .connection-lines.right .line.x-t::before,
.page-community .host .host-info .side-illustration .connection-lines.right .line.x-b::before {
	position: absolute;
	content: '';
	display: block;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: inherit;
	transition: all .4s ease-out;
}

.page-community .host .host-info .side-illustration .connection-lines.right .line.x-t::before {
	top: -2px;
}

.page-community .host .host-info .side-illustration .connection-lines.right .line.x-b::before {
	bottom: -2px;
	opacity: 0;
}

.page-community .host .host-info .side-illustration.active .connection-lines.right .line.x-b::before {
	width: 5px;
	height: 5px;
	opacity: 1;
	transition-delay: 2.4s;
}

.page-community .host .host-info .side-illustration.active .connection-lines.left .line,
.page-community .host .host-info .side-illustration.active .connection-lines.right .line {
	transition-delay: 0 !important;
}

.page-community section.talks {
	margin-top: 70px;
}

.page-community section.talks h2 {
	text-align: left;
	margin-bottom: 50px;
}

.page-community section.talks .tags-container {
	overflow-x: hidden;
}

.page-community section.talks .tags {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 22px;
	max-width: 900px;
	margin: 0 auto;
	padding: 0 22px;
	padding-bottom: 40px;
}

.page-community section.talks .tags li {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	padding: 2px 24px;
	text-align: center;
	min-width: fit-content;
	font-weight: 400;
	font-size: 15px;
	line-height: 28px;
	color: var(--color-primary-green-400);
	background-color: #FFFFFF;
	border: 1px solid var(--color-primary-green-200);
	border-radius: 10px;
	box-shadow: 0px 4px 18px 0px rgba(37, 150, 138, 0.20);
	transition: all .2s ease-in-out;
	cursor: pointer;
	user-select: none;
}

.page-community section.talks .tags li:hover {
	background-color: var(--color-primary-green-100);
}

.page-community section.talks .tags li.active {
	color: #FFFFFF;
	background-color: var(--color-primary-green-400);
	border-color: var(--color-primary-green-400);
}

.page-community .talks-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 30px;
	margin-bottom: 90px;
}

.page-community .talks-container .slick-track {
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.page-community .talks-container .slick-list {
	max-width: 900px;
}

.page-community .talks-container .slick-prev,
.page-community .talks-container .slick-next {
	top: unset;
	right: unset;
	left: 50%;
	bottom: -90px;
	width: 52px;
	height: 52px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 10px;
	box-shadow: 0px 4.61538px 13.0769px rgba(7, 99, 89, 0.2);
	border-radius: 50%;
	transition: all .2s ease-out;
}

.page-community .talks-container .slick-prev:hover,
.page-community .talks-container .slick-next:hover {
    background-color: var(--color-primary-green-100);
}

.page-community .talks-container .slick-prev:active,
.page-community .talks-container .slick-next:active {
    background-color: var(--color-primary-green-400);
	background-position-x: 50%;
}

.page-community .talks-container .slick-prev::before,
.page-community .talks-container .slick-next::before {
	content: '';
	display: none;
}

.page-community .talks-container .slick-prev {
	left: calc(50% - 67px);
	background-image: url(../../images/icons/arrow-left-green.svg);
}

.page-community .talks-container .slick-next {
	left: calc(50% + 15px);
	background-image: url(../../images/icons/arrow-right-green.svg);
}

.page-community .talks-container .slick-prev:hover {
	background-position-x: calc(50% - 4px);
}

.page-community .talks-container .slick-next:hover {
	background-position-x: calc(50% + 4px);
}

.page-community .talks-container .slick-prev:active {
	background-image: url(../../images/icons/arrow-left-white.svg);
}

.page-community .talks-container .slick-next:active {
	background-image: url(../../images/icons/arrow-right-white.svg);
}

.page-community .talks-container .talk {
	flex-grow: 1;
	flex-basis: 50%;
	margin: 20px;
	max-width: 452px;
	min-height: 500px;
    height: auto;
	padding: 16px;
	background-color: #FFFFFF;
	box-shadow:  0px 4px 28px rgba(37, 150, 138, 0.2);
	border-radius: 16px;
}

.page-community .talks-container .talk .cover {
	display: block;
	margin-bottom: 16px;
	background-color: #F3F9F8;
	border-radius: 8px;
	overflow: hidden;
}

.page-community .talks-container .talk .cover img {
	display: block;
	object-position: center;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.page-community .talks-container .talk .content .date {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
	font-size: 13px;
	line-height: 24px;
	font-weight: 400;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.page-community .talks-container .talk .content .date .icon.calendar {
	max-width: 20px;
	max-height: 20px;
	background-image: url(../../images/icons/calendar.svg);
}

.page-community .talks-container .talk .content .date .dot {
	padding-left: 4px;
	padding-right: 4px;
}
.page-community .talks-container .talk .content .title {
	display: block;
	margin-bottom: 12px;
	font-size: var(--size-lg);
	color: var(--color-primary-green);
	line-height: 1.55;
	font-weight: 700;
	text-decoration: none;
}

.page-community .talks-container .talk .content .description {
	font-size: var(--size-sm);
	line-height: 1.7;
	color: #333333;
}

.page-community .talks-container .talk .content .btn {
	display: inline-block;
	margin-top: 24px;
}

.page-community .container {
	position: relative;
}

.page-community .talks .bg-deco {
	z-index: -1;
}

.page-community .talks .bg-deco .wave svg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate3d(-50%, -50%, 0);
}

.page-community .talks .bg-deco .wave svg .svg-elem-1 {
	stroke-dashoffset: 1814.6783447265625px;
	stroke-dasharray: 1814.6783447265625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.page-community .talks.active .bg-deco .wave svg .svg-elem-1 {
	stroke-dashoffset: 3629.356689453125px;
}

.page-community .talks .bg-text {
	max-height: 160px;
	background-image: url(../../images/deco/text-bg-previous-talks.svg);
	transform: translate3d(0, 30px, 0);
	transition: all .6s ease-out;
	opacity: .5;
	z-index: -2;
}

.page-community .talks.active .bg-text {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-community .webinars {
	padding-bottom: 200px;
}

.page-community .webinars .container {
	position: relative;
}

.page-community .last-webinars {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	gap: 10px;
}

.page-community .last-webinars .webinar {
	position: relative;
	flex-grow: 1;
	flex-basis: 33%;
	width: 100%;
	max-width: 344px;
	box-shadow: 0px 4px 18px rgba(37, 150, 138, 0.2);
	border-radius: 36px 8px;
	overflow: hidden;
}

.page-community .last-webinars .webinar .thumbnail {
	display: block;
	width: 100%;
	height: 220px;
	background-color: #F3F9F8;
}

.page-community .last-webinars .webinar .thumbnail img {
	display: block;
	object-position: center;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.page-community .last-webinars .webinar .content {
	display: block;
	padding: 20px;
	background-color: #FFFFFF;
	text-decoration: none;
}

.page-community .last-webinars .webinar .title-wrapper {
	height: 140px;
}

.page-community .last-webinars .webinar .title {
	color: var(--color-primary-green);
	font-size: var(--size-xl);
	font-weight: 600;
	line-height: 1.4;
}

.page-community .last-webinars .webinar .link {
	position: relative;
	display: inline-block;
	font-weight: 400;
	line-height: 1.75;
	color: #333333;
}

.page-community .last-webinars .webinar a {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.page-community .webinars .bg-deco .circle.circle-1 {
	position: absolute;
	top: -102px;
	right: -220px;
	width: 312px;
	height: 312px;
	background-color: transparent;
	border: 6px solid var(--color-primary-light-green-100);
	animation: littledance 20s infinite;
}

.page-community .webinars .bg-deco .circle.circle-2 {
	position: absolute;
	bottom: -100px;
	right: -40px;
	width: 32px;
	height: 32px;
	background-color: var(--color-primary-green-400);
	animation: littledance 14s infinite;
}

.page-community .webinars .bg-deco .circle.circle-3 {
	position: absolute;
	bottom: -184px;
	right: -122px;
	width: 68px;
	height: 68px;
	background-color: var(--color-primary-green-200);
	animation: littledance 12s infinite;
}

.page-community .webinars .wave svg {
	display: block;
	position: absolute;
	top: 70%;
	width: 100%;
	height: 100%;
	transform: translate3d(0, -50%, 0);
}

.page-community .webinars .wave svg .svg-elem-1 {
	stroke-dashoffset: 2366.650390625px;
	stroke-dasharray: 2366.650390625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.page-community .webinars.active .wave svg .svg-elem-1 {
	stroke-dashoffset: 0;
}

.page-community .webinars .bg-deco .wave.faded {
	top: -44vw;
	height: 100vw;
	background-image: url(../../images/deco/wave-lines-faded-11.svg);
}

.page-community .videos .video-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 60px;
}

.page-community .videos .video-wrapper iframe,
.page-community .videos .video-wrapper video {
	width: max(70%, 350px);
	height: 100%;
	border-radius: 12px;
}

.page-community .videos .slick-dots {
	margin-top: 30px;
	position: relative;
}

.page-community .host .container .logos {
	margin-bottom: 0;
}
.page-community .about {
	margin-top: 20px;
	margin-bottom: 90px;
}
.page-community .about .container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
}
.page-community .about .container > div {
	width: 50%;
	flex-grow: 1;
}
.page-community .about .info {
	max-width: 472px;
}
.page-community .about .info h3 {
	margin-bottom: 30px;
}
.page-community .about .info p {
	margin-bottom: 1.5em;
}
.page-community .about .testimonials {
	max-width: 505px;
}
.page-community .about .testimonials h3 {
	margin-bottom: 20px;
}
.page-community .about .testimonials .profile-card {
    margin-bottom: 16px;
}
.page-community .about .testimonials .profile-card .picture {
    width: 68px;
    height: 68px;
}
.page-community .about .testimonials .quote {
	font-style: italic;
	font-weight: 300;
	font-size: 15px;
	line-height: 32px;
}

/* end Community gallery slider */
.page-community .gallery-slider {
    --ggap: 10px;
    --sgap: 10px;
    --bsp: 40px;
    width: 90%;
    max-width: 1200px;
    margin-top: 120px;
    margin-bottom: 120px;
    margin-inline: auto;
    padding-block: 30px;
}
.page-community .gallery-grid {
    display: grid;
    gap: var(--ggap);
    height: 600px;
}
.page-community .gallery-slider figure {
    margin: 0;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0px 2.207px 22.07px 0px rgba(5, 66, 60, 0.20);
}
.page-community .gallery-grid figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}
.page-community .gallery-slider figure {
	opacity: 0;
	transform: translate3d(0, 15px, 0) !important;
	transition: all .6s;
}
.page-community .gallery-slider figure:nth-child(1) {
	transition-delay: 0.1s;
}
.page-community .gallery-slider figure:nth-child(2) {
	transition-delay: 0.15s;
}
.page-community .gallery-slider figure:nth-child(3) {
	transition-delay: 0.2s;
}
.page-community .gallery-slider figure:nth-child(4) {
	transition-delay: 0.25s;
}
.page-community .gallery-slider figure:nth-child(5) {
	transition-delay: 0.25s;
}
.page-community .gallery-slider figure:nth-child(6) {
	transition-delay: 0.3s;
}
.page-community .gallery-slider figure:nth-child(7) {
	transition-delay: 0.35s;
}
.page-community .gallery-slider figure:nth-child(8) {
	transition-delay: 0.4s;
}
.page-community .gallery-slider figure:nth-child(9) {
	transition-delay: 0.45s;
}
.page-community .gallery-slider figure:nth-child(10) {
	transition-delay: 0.5s;
}
.page-community .gallery-slider.active figure {
	opacity: 1;
	transform: translate3d(0, 0, 0) !important;
}
@media screen and (min-width: 768px) {
    ..page-community gallery-slider .slick-list {
        margin: 0 calc(var(--sgap) * -1);
    }
    .page-community .gallery-slider .slick-slide {
        margin: 0 var(--sgap);
    }
    .page-community .gallery-grid {
        grid-template-columns: repeat(12, 1fr);
    }
    .page-community .gallery-grid figure:first-child {
        grid-column: 1/3;
        height: 80%;
        margin-top: auto;
        margin-bottom: calc(var(--bsp) * -1);
    }
    .page-community .gallery-grid figure:nth-child(2) {
        grid-column: 3/7;
    }
    .page-community .gallery-grid figure:nth-child(3) {
        grid-column: 7/11;
        height: 90%;
        margin-top: auto;
    }
    .page-community .gallery-grid figure:nth-child(4) {
        grid-column: 11/13;
        height: 85%;
        margin-top: auto;
    }
    .page-community .gallery-grid figure:nth-child(5) {
        grid-column: 1/3;
        grid-row: 2/2;
        height: 75%;
        padding-top: var(--bsp);
    }
    .page-community .gallery-grid figure:nth-child(6) {
        grid-column: 3/5;
        grid-row: 2/2;
        height: 85%;
    }
    .page-community .gallery-grid figure:nth-child(7) {
        grid-column: 5/8;
        grid-row: 2/2;
        height: calc(50% - var(--sgap));
    }
    .page-community .gallery-grid figure:nth-child(8) {
        grid-column: 5/8;
        grid-row: 2/2;
        height: calc(50% - var(--sgap));
        margin-top: auto;
    }
    .page-community .gallery-grid figure:nth-child(9) {
        grid-column: 8/12;
        grid-row: 2/2;
        height: 90%;
    }
    /*
    .page-community .gallery-grid figure:last-child {
        grid-column: 12/13;
        grid-row: 2/2;
    }
    */
}
@media screen and (max-width: 1099px) {
    .page-work .feed {
        flex-direction: column;
    }

    .page-work .filters {
        max-width: 100%;
    }
    .page-work .filters .box {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
    }
    .page-work .filters .filter-type + .filter-type {
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
    }

    .page-work .cases {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .page-community .gallery-grid {
        gap: 10px;
    }
    .page-community .gallery-grid figure:nth-child(7),
    .page-community .gallery-grid figure:nth-child(8) {
        height: calc(50% - 5px);
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .page-community .gallery-slide .slick-list {
        margin: 0 -5px;
    }
    .page-community .gallery-slide .slick-slide {
        margin: 0 5px;
    }
}
@media screen and (max-width: 767px) {
    .page-community .gallery-grid figure:first-child {
        margin-bottom: 0;
    }
    .page-community .gallery-grid figure:nth-child(5) {
        padding-top: 0;
    }
    .page-community .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .page-community .gallery-slide .gallery-grid figure {
        height: 100%;
    }
    .page-community .gallery-slide {
        padding: var(--sgap);
    }
    .page-community .gallery-slide {
        overflow: hidden;
    }
    .page-work .feed .results {
        max-width: 100%;
    }
    .page-work .feed .cases .case {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
    }
    .page-work .filters .box {
        flex-direction: column;
    }
    .page-work .filters .filter-type {
        width: 100%;
    }
    .page-work .hero .container > div.side-deco {
        display: none;
    }
}
/* end Community gallery slider */

.page-community .testimonial-slider .bg-deco {
    transform: translateY(80px);
}

/* Our labs start */
.page-labs .labs {
	margin-top: 150px;
}

.page-labs .headline {
	font-weight: 600;
}

.page-labs .hero .bg-deco .waves-orange {
	position: absolute;
	top: 83%;
    left: -70px;
    height: 100%;
    width: calc(100vw + 130px);
    transform: translate3d(0vw, -50%, 0);
    pointer-events: none;
    z-index: 1;
}

.page-labs .hero .bg-deco .waves-orange .svg-elem-1 {
	stroke-dashoffset: 2026.424560546875px;
	stroke-dasharray: 2026.424560546875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.page-labs .hero.active .bg-deco .waves-orange .svg-elem-1 {
	stroke-dashoffset: 4052.84912109375px;
}

.page-labs .hero .wave.light {
	top: 10%;
	height: 100%;
	background-position-y: top;
	z-index: -1;
}

.page-labs .hero .wave.light svg path {
	opacity: 0;
}

.page-labs .hero.active .wave.light svg path {
	opacity: 1;
}

.page-labs .hero .wave.light svg .svg-elem-1 {
	stroke-dashoffset: 2082.664794921875px;
	stroke-dasharray: 2082.664794921875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.page-labs .hero.active .wave.light svg .svg-elem-1 {
	stroke-dashoffset: 4165.32958984375px;
}

.page-labs .hero .wave.light svg .svg-elem-2 {
	stroke-dashoffset: 2046.4986572265625px;
	stroke-dasharray: 2046.4986572265625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.12s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.12s;
}

.page-labs .hero.active .wave.light svg .svg-elem-2 {
	stroke-dashoffset: 4092.997314453125px;
}

.page-labs .hero .wave.light svg .svg-elem-3 {
	stroke-dashoffset: 2012.7108154296875px;
	stroke-dasharray: 2012.7108154296875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.24s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.24s;
}

.page-labs .hero.active .wave.light svg .svg-elem-3 {
	stroke-dashoffset: 4025.421630859375px;
}

.page-labs .hero .wave.light svg .svg-elem-4 {
	stroke-dashoffset: 1982.11083984375px;
	stroke-dasharray: 1982.11083984375px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.36s;
          transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.36s;
}

.page-labs .hero.active .wave.light svg .svg-elem-4 {
	stroke-dashoffset: 3964.2216796875px;
}

.page-labs .hero .wave.light svg .svg-elem-5 {
	stroke-dashoffset: 1953.6396484375px;
	stroke-dasharray: 1953.6396484375px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.48s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.48s;
}

.page-labs .hero.active .wave.light svg .svg-elem-5 {
	stroke-dashoffset: 3907.279296875px;
}

.page-labs .hero .wave.light svg .svg-elem-6 {
	stroke-dashoffset: 1927.8367919921875px;
	stroke-dasharray: 1927.8367919921875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
}

.page-labs .hero.active .wave.light svg .svg-elem-6 {
	stroke-dashoffset: 3855.673583984375px;
}

.page-labs .hero .wave.light svg .svg-elem-7 {
	stroke-dashoffset: 1904.183837890625px;
	stroke-dasharray: 1904.183837890625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.72s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.72s;
}

.page-labs .hero.active .wave.light svg .svg-elem-7 {
	stroke-dashoffset: 3808.36767578125px;
}

.page-labs .hero .wave.light svg .svg-elem-8 {
	stroke-dashoffset: 1885.1298828125px;
	stroke-dasharray: 1885.1298828125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.84s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.84s;
}

.page-labs .hero.active .wave.light svg .svg-elem-8 {
	stroke-dashoffset: 3770.259765625px;
}

.page-labs .hero .wave.light svg .svg-elem-9 {
	stroke-dashoffset: 1866.0841064453125px;
	stroke-dasharray: 1866.0841064453125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.96s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 0.96s;
}

.page-labs .hero.active .wave.light svg .svg-elem-9 {
	stroke-dashoffset: 3732.168212890625px;
}

.page-labs .hero .wave.light svg .svg-elem-10 {
	stroke-dashoffset: 1849.476318359375px;
	stroke-dasharray: 1849.476318359375px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.08s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.08s;
}

.page-labs .hero.active .wave.light svg .svg-elem-10 {
	stroke-dashoffset: 3698.95263671875px;
}

.page-labs .hero .wave.light svg .svg-elem-11 {
	stroke-dashoffset: 1835.0106201171875px;
	stroke-dasharray: 1835.0106201171875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.2s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.2s;
}

.page-labs .hero.active .wave.light svg .svg-elem-11 {
	stroke-dashoffset: 3670.021240234375px;
}

.page-labs .hero .wave.light svg .svg-elem-12 {
	stroke-dashoffset: 1822.685546875px;
	stroke-dasharray: 1822.685546875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.3199999999999998s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.3199999999999998s;
}

.page-labs .hero.active .wave.light svg .svg-elem-12 {
	stroke-dashoffset: 3645.37109375px;
}

.page-labs .hero .wave.light svg .svg-elem-13 {
	stroke-dashoffset: 1812.8123779296875px;
	stroke-dasharray: 1812.8123779296875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.44s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.44s;
}

.page-labs .hero.active .wave.light svg .svg-elem-13 {
	stroke-dashoffset: 3625.624755859375px;
}

.page-labs .hero .wave.light svg .svg-elem-14 {
	stroke-dashoffset: 1804.49609375px;
	stroke-dasharray: 1804.49609375px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.56s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.56s;
}

.page-labs .hero.active .wave.light svg .svg-elem-14 {
	stroke-dashoffset: 3608.9921875px;
}

.page-labs .hero .wave.light svg .svg-elem-15 {
	stroke-dashoffset: 1799.855712890625px;
	stroke-dasharray: 1799.855712890625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.68s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.68s;
}

.page-labs .hero.active .wave.light svg .svg-elem-15 {
	stroke-dashoffset: 3599.71142578125px;
}

.page-labs .hero .wave.light svg .svg-elem-16 {
	stroke-dashoffset: 1797.73095703125px;
	stroke-dasharray: 1797.73095703125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.7999999999999998s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.7999999999999998s;
}

.page-labs .hero.active .wave.light svg .svg-elem-16 {
	stroke-dashoffset: 3595.4619140625px;
}

.page-labs .hero .wave.light svg .svg-elem-17 {
	stroke-dashoffset: 1798.32080078125px;
	stroke-dasharray: 1798.32080078125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.92s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 1.92s;
}

.page-labs .hero.active .wave.light svg .svg-elem-17 {
	stroke-dashoffset: 3596.6416015625px;
}

.page-labs .hero .wave.light svg .svg-elem-18 {
	stroke-dashoffset: 1801.6192626953125px;
	stroke-dasharray: 1801.6192626953125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.04s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.04s;
}

.page-labs .hero.active .wave.light svg .svg-elem-18 {
	stroke-dashoffset: 3603.238525390625px;
}

.page-labs .hero .wave.light svg .svg-elem-19 {
	stroke-dashoffset: 1808.04345703125px;
	stroke-dasharray: 1808.04345703125px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.16s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.16s;
}

.page-labs .hero.active .wave.light svg .svg-elem-19 {
	stroke-dashoffset: 3616.0869140625px;
}

.page-labs .hero .wave.light svg .svg-elem-20 {
	stroke-dashoffset: 1817.34228515625px;
	stroke-dasharray: 1817.34228515625px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.28s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.28s;
}

.page-labs .hero.active .wave.light svg .svg-elem-20 {
	stroke-dashoffset: 3634.6845703125px;
}

.page-labs .hero .wave.light svg .svg-elem-21 {
	stroke-dashoffset: 1829.9500732421875px;
	stroke-dasharray: 1829.9500732421875px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.4s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.4s;
}

.page-labs .hero.active .wave.light svg .svg-elem-21 {
	stroke-dashoffset: 3659.900146484375px;
}

.page-labs .hero .wave.light svg .svg-elem-22 {
	stroke-dashoffset: 1845.27734375px;
	stroke-dasharray: 1845.27734375px;
	-webkit-transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.52s;
			transition: stroke-dashoffset 6s cubic-bezier(0.19, 1, 0.22, 1) 2.52s;
}

.page-labs .hero.active .wave.light svg .svg-elem-22 {
	stroke-dashoffset: 3690.5546875px;
}

.page-labs .hero .bg-deco .flotating-circle {
	position: absolute;
    top: 36%;
    left: 51%;
    z-index: 1;
	animation: littledance 6s infinite;
    transition: all 4s ease-in-out;
}

.page-labs .labs .bg-deco .our-labs {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 1;
}

.page-labs .labs .container .labs-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 60px 60px;
}

.page-labs .labs .container .labs-container .lab {
    border-radius: 20px;
    border: 3px solid #FF8D4E;
    padding: 20px;
    display: flex;
    flex-direction: column;
    max-width: 316.99px;
	max-height: 297px;
    gap: 10px;
	background: #FFF;
	text-decoration: none;
	transition: all 0.1s ease-in-out;
	justify-content: space-between;
}

.page-labs .labs .labs-container a picture {
	display: block;
	width: 80px;
}

.page-labs .labs .container .labs-container a h4 {
	text-transform: uppercase;
	color: #36B4A7;
}

.page-labs .labs .container .labs-container .lab:hover  {
	color: unset;
}

.page-labs .labs .bg-text {
	left: 50%;
    width: 110% !important;
    background-image: url(../../images/deco/text-labs.png);
    transform: translate(-50%, 0);
}

.page-labs .labs .bg-deco .circle.left {
    position: absolute;
	top: 38%;
    left: -100px;
    width: 185px;
    height: 185px;
    background-color: var(--color-secondary-orange-100);
    animation: littledance 32s infinite;
}

.page-labs .labs-info .container {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
	column-gap: 50px;
	max-width: 1090px;
}

.page-labs .labs-info .container > .side-content {
	align-items: flex-start;
    width: 50%;
}

.page-labs .labs-info .container > div {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    margin: 0px auto;
    width: 50%;
    min-height: 480px;
}

.page-labs .labs-info .container > div h2 {
	margin-bottom: 19px;
}

.page-labs .labs-info .container .content {
    max-width: 470px;
}

.page-labs .labs-info .container.reverse .content {
	max-width: 470px;
}

.page-labs .labs-info .container.reverse {
	flex-direction: row-reverse;
}

.page-labs .labs-info .container.reverse .content a {
	margin-top: 12px;
}

.page-labs .labs-info .container.reverse .side-content {
	width: 50%;
}

.page-labs .labs-info .container.reverse .side-deco {
	width: 50%;
}

.page-labs .labs-info .bg-deco .circle.right {
    position: absolute;
    top: 10%;
    right: -100px;
    width: 185px;
    height: 185px;
    background-color: var(--color-primary-light-green-100);
    animation: littledance 32s infinite;
}

.page-labs .graph .container {
	display: flex;
    justify-content: center;
    align-items: center;
}

.page-labs .hero .container  > .side-content.lab {
	width: 60%;
}

.page-labs .hero .customers {
    max-width: 1116px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-color: #FFF;
    border-radius: 20px;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.10);
    justify-content: space-around;
    padding: 40px 30px;
}

.page-labs .hero .customers h4 {
	text-align: start;
	text-wrap: wrap;
}

.page-labs .hero .customers .customers-logos-container {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}

.page-labs .hero .container .side-deco .images-container picture {
	display: block;
	background-color: transparent;
}

.page-labs .hero .container .side-deco .images-container picture img {
	object-fit: cover;
	border-radius: 80px 20px;
}


.page-labs .info-lab .container {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding: 0px 40px;
}

.page-labs .info-lab .container > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
	margin: 0px auto;
	width: 50%;
	min-height: 480px;
}

.page-labs .info-lab .container > .side-deco {
    width: unset;
}

.page-labs .info-lab .container > .side-deco img {
    max-width: 480px;
}

.page-labs .info-lab .bg-deco img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.page-labs .info-lab .container .side-content.lab {
    width: 30%;
}

.page-labs .labs-info .container .side-deco picture img {
	max-width: 400px;
    max-height: 400px;
	border-radius: 80px 20px;
	object-fit: cover;
}

.page-labs .our-experience .title {
	text-align: center;
	margin-bottom: 60px;
}

.page-labs .our-experience .container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}

.page-labs .our-experience .container .expereince-container {
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    flex-grow: 1;
    margin: 10px auto;
    gap: 28px 58px;
    height: 344px;
    width: 100%;
}

.page-labs .our-experience .container .expereince-container .experience-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    max-width: 484px;
    border-radius: 20px;
    border: 3px solid #FF8D4E;
    background: #FFF;
    padding: 30px 40px;
    height: 100%;
	text-decoration: none;
	transition: all 0.1s ease-in-out;
}


.page-labs .our-experience .container .expereince-container .experience-card:hover  {
	color: unset;
	box-shadow: 0 10px 40px 0 rgba(255, 141, 78, 0.24), 0 20px 60px 0px rgba(255, 141, 78, 0.2);
}

.page-labs .our-experience .container .expereince-container .experience-card h4 {
	color: var(--color-primary-green);
	margin-bottom: 20px;
}

.page-labs .our-experience .container .expereince-container picture img {
	object-fit: cover;
}

.page-labs .customers .customers-logos-container .logos img {
	max-height: 40px;
}

.page-labs .our-experience .container .expereince-container picture {
    max-width: 484px;
    object-fit: contain;
    overflow: hidden;
    border-radius: 20px;
}

.page-labs .flotating-circle {
	position: absolute;
	z-index: 1;
	animation: littledance 6s infinite;
	transition: all 4s ease-in-out;
}

.page-labs .our-experience .bg-deco .flotating-circle.green-circle {
	top: 16%;
	left: -100px;
}

.page-labs .our-experience .bg-deco .flotating-circle.orange-circle {
	top: 50%;
    right: 50px;
}

.page-labs .our-experience .container .btn.center {
    margin: 0 auto;
	margin-top: 60px;
}

.page-labs .bottom .container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.page-labs .bottom .container p {
	margin: 20px 0;
}

.page-labs .bottom-home .container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.page-labs .bottom-home .container .side-content {
	width: 50%;
}

.page-labs .bottom-home .container .side-content h2 {
	text-align: start;
}

.page-labs .bottom-home .container .side-content p {
	margin: 20px 0px;
}

.page-labs .bottom-home .bg-deco .smaller-circle {
    position: absolute;
    top: 20%;
    left: 72%;
    animation: littledance 32s infinite;
}

.page-labs .bottom-home .bg-deco .small-circle {
    position: absolute;
    top: 40%;
    left: 70%;
    animation: littledance 32s infinite;
}

.page-labs .bottom-home .bg-deco .large-circle {
    position: absolute;
    top: 60%;
    left: 66.2%;
    animation: littledance 32s infinite;
}

.page-labs .bottom .bg-deco .smaller-circle {
    position: absolute;
    top: 20%;
    left: 72%;
    animation: littledance 32s infinite;
}

.page-labs .bottom .bg-deco .small-circle {
    position: absolute;
    top: 40%;
    left: 70%;
    animation: littledance 32s infinite;
}

.page-labs .bottom .bg-deco .large-circle {
    position: absolute;
    top: 60%;
    left: 66.2%;
    animation: littledance 32s infinite;
}

.page-labs .bottom .bg-deco .light-orange-circle {
	top: -4%;
    right: -90px;
}

.page-labs .expertise-areas .container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
    gap: 70px;
    padding: 0 40px;
}

.page-labs .expertise-areas .container > div {
	width: 50%;
	display: flex;
    justify-content: center;
}

.page-labs .expertise-areas .container .side-content {
    transform: translateX(-30px);
}

.page-labs .expertise-areas .container .side-deco .content {
    justify-content: flex-start;
}

.page-labs .expertise-areas .container .side-deco .content h2 {
	margin-bottom: 20px;
}

.page-labs .expertise-areas .container .side-deco .content ul li {
	list-style: disc;
}

.page-labs .expertise-areas .container .side-content svg {
    position: relative;
    overflow: visible;
}

.page-labs .expertise-areas .container .side-content svg.illustration-01 .circle-1 {
    animation-duration: 29s;
}

.page-labs .expertise-areas .container .side-content svg.illustration-01 .circle-2 {
    animation-duration: 19s;
    animation-delay: 1s;
}

.page-labs .expertise-areas .container .side-content svg.illustration-01 .circle-3 {
    animation-duration: 32s;
    animation-delay: 0.4s;
}

.page-labs .expertise-areas .container .side-content svg.illustration-01 .play-border {
    animation: spin-circle 6s cubic-bezier(0.66,-0.03, 0.33, 0.98) infinite;
    transform-origin: 48.9% 56.7%;
}

.page-labs .expertise-areas .container .side-content svg.illustration-01 .spring {
    animation: spring 52s cubic-bezier(0.66,-0.03, 0.33, 0.98) infinite;
}

.page-labs .expertise-areas .container .side-content svg.illustration-01 .light-bulb {
    animation: light-bulb 4s cubic-bezier(0.66,-0.03, 0.33, 0.98) infinite;
}

.page-labs .expertise-areas .container .side-content svg.illustration-01 .leaf-1,
.page-labs .expertise-areas .container .side-content svg.illustration-01 .leaf-2,
.page-labs .expertise-areas .container .side-content svg.illustration-01 .leaf-3 {
    animation: leaf 4s cubic-bezier(0.66,-0.03, 0.33, 0.98) infinite;
    animation-delay: 0.5s;
    transform-origin: 80% 75%;
}

.page-labs .expertise-areas .container .side-content svg.illustration-01 .leaf-2 {
    animation-delay: 0.8s;
}

.page-labs .expertise-areas .container .side-content svg.illustration-01 .leaf-3 {
    animation-delay: 0.9s;
}

.page-labs .expertise-areas .container .side-content svg.illustration-02 .circle-1 {
    animation-duration: 19s;
}

.page-labs .expertise-areas .container .side-content svg.illustration-02 .circle-2 {
    animation-duration: 29s;
}

.page-labs .expertise-areas .container .side-content svg.illustration-02 .gear {
    animation: rotate-360 4s linear infinite;
}

.page-labs .expertise-areas .container .side-content svg.illustration-02 .gear.gear-1 {
    transform-origin: 50px 82px;
    animation-duration: 18s;
}

.page-labs .expertise-areas .container .side-content svg.illustration-02 .gear.gear-2 {
    animation-name: rotate-360-reverse;
    transform-origin: 98px 133px;
    animation-duration: 16s;
}

.page-labs .expertise-areas .container .side-content svg.illustration-02 .box.box-1 {
    animation: slide-constant 8s ease-in-out infinite;
}

.page-labs .expertise-areas .container .side-content svg.illustration-02 .block-green {
    animation: slide-constant-y 6s ease-in-out infinite;
}

.page-labs .expertise-areas .container .side-content svg.illustration-03 .underscore {
    animation: blink 1s cubic-bezier(0.66,-0.03, 0.33, 0.98) infinite;
}

.page-labs .expertise-areas .container .side-content svg.illustration-03 .symbol {
    animation: rotate-45 5s cubic-bezier(0.66,-0.03, 0.33, 0.98) infinite;
    transform-origin: 35px 174px;
}

.page-labs .expertise-areas .container .side-content svg.illustration-03 .plane {
    animation: plane-fly 6s cubic-bezier(0.66,-0.03, 0.33, 0.98) infinite;
    transform-origin: 293px 14px;
}

.page-labs .expertise-areas .container .side-content svg.illustration-04 .block-arrow {
    animation: bump-tr 6s ease-in-out infinite;
}

.page-labs .expertise-areas .container .side-content svg.illustration-04 .circle-1 {
    animation-duration: 32s;
}

.page-labs .expertise-areas .container .side-content svg.illustration-04 .circle-2 {
    animation-duration: 22s;
}

.page-labs .expertise-areas .container .side-content svg.illustration-04 .line-x {
    stroke-dasharray: 213;
    stroke-dashoffset: 213;
    animation: hideLineX 2s cubic-bezier(0.45, 0.05, 0.55, 0.95) 8s forwards;
}

.page-labs .expertise-areas.active .container .side-content svg.illustration-04 .line-x {
    stroke-dasharray: 213;
    stroke-dashoffset: 213;
    animation: drawLineX 1s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards;
}

.page-labs .expertise-areas .container .side-content svg.illustration-04 .line-y {
    clip-path: inset(100% 0 0 0);
    animation: hideLineY 1s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards;
}

.page-labs .expertise-areas.active .container .side-content svg.illustration-04 .line-y {
    clip-path: inset(100% 0 0 0);
    animation: drawLineY 1s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards;
}

.page-labs .expertise-areas.active .container .side-content svg.illustration-04 .line-1 { animation-delay: 0.5s; }
.page-labs .expertise-areas.active .container .side-content svg.illustration-04 .line-2 { animation-delay: 1s; }
.page-labs .expertise-areas.active .container .side-content svg.illustration-04 .line-3 { animation-delay: 1.5s; }
.page-labs .expertise-areas.active .container .side-content svg.illustration-04 .line-4 { animation-delay: 2s; }

.page-labs .expertise-areas .container .side-content svg.illustration-05 .circle {
    animation-duration: 16s;
}

.page-labs .expertise-areas .container .side-content svg.illustration-05 .arrow {
    animation-duration: 22s;
}

.page-labs .expertise-areas .container .side-content svg.illustration-05 .shadow {
    animation: shadow-anim 6s cubic-bezier(0.66,-0.03, 0.33, 0.98) infinite;
    transform-origin: 50% 50%;
}

.page-labs .expertise-areas .container .side-content svg.illustration-05 .line-connection {
    stroke-dasharray: 200;
    stroke-dashoffset: 500;
    animation: draw-line 4s linear infinite;
}

.page-labs .expertise-areas .container .side-content svg.illustration-05 .cloud {
    animation: float 6s ease-in-out infinite;
}

.page-labs .expertise-areas .container .side-content svg.illustration-06 .arrow {
    animation: spring 52s cubic-bezier(0.66,-0.03, 0.33, 0.98) infinite;
}

.page-labs .expertise-areas .container .side-content svg.illustration-06 .player-pos {
    animation: slide-constant 8s ease-in-out infinite;
}

.page-labs .expertise-areas .container .side-content svg.illustration-06 .back-globe {
    animation: float 8s ease-in-out infinite;
}

.page-labs .expertise-areas .container .side-content svg.illustration-06 .light-bulb {
    animation: float 4s ease-in-out infinite;
}

.page-labs .expertise-areas .container .side-content svg.illustration-06 .videocall {
    animation-duration: 22s;
}

@keyframes float {
    0% { transform: translateY(-2px); }
   50% { transform: translateY(2px); }
  100% { transform: translateY(-2px); }
}

@keyframes draw-line {
    0% { stroke-dashoffset: 500; }
  100% { stroke-dashoffset: 0; }
}

@keyframes shadow-anim {
    0%, 100% { transform: skew(0deg, 0deg); }
    50% { transform: skew(2deg, 3deg); }
}

@keyframes drawLineX {
    to { stroke-dashoffset: 0; }
}

@keyframes hideLineX {
    from { stroke-dashoffset: 0; }
    to { stroke-dashoffset: -213; }
}

@keyframes drawLineY {
    to { clip-path: inset(0 0 0 0); }
}

@keyframes hideLineY {
    from { clip-path: inset(0 0 0 0); }
    to { clip-path: inset(100% 0 0 0); }
}

@keyframes blink {
      0% { opacity: 0; }
     40% { opacity: 0; }
     50% { opacity: 1; }
     90% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes spin-circle {
      0% { transform: rotate(-10deg); }
     50% { transform: rotate(26deg); }
    100% { transform: rotate(-10deg); }
}

@keyframes spring {
      0% { transform: skew(-1deg, 1deg) rotateX(-5deg); }
     50% { transform: skew(3deg, -8deg) rotateX(5deg); }
    100% { transform: skew(-1deg, 1deg) rotateX(-5deg); }
}

@keyframes light-bulb {
      0% { filter: drop-shadow(0 0 0 #ff8d4e8f) }
     50% { filter: drop-shadow(0 0 23px #ff8d4e8f) }
    100% { filter: drop-shadow(0 0 0 #ff8d4e8f); }
}

@keyframes leaf {
      0% { transform: rotate(0deg); }
     25% { transform: rotate(2deg); }
     70% { transform: rotate(-1deg); }
    100% { transform: rotate(0deg); }
}

@keyframes rotate-360 {
      0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes rotate-360-reverse {
      0% { transform: rotate(0deg); }
    100% { transform: rotate(-360deg); }
}

@keyframes rotate-45 {
      0% { transform: rotate(0deg); }
     40% { transform: rotate(0deg); }
     50% { transform: rotate(45deg); }
     90% { transform: rotate(45deg); }
    100% { transform: rotate(0); }
}

@keyframes slide-constant {
      0% { transform: translate3d(-5px, 0, 0); }
     50% { transform: translate3d(5px, 0, 0); }
    100% { transform: translate3d(-5px, 0, 0); }
}

@keyframes slide-constant-y {
      0% { transform: translate3d(0, -5px, 0); opacity: 1; }
     50% { transform: translate3d(0, 15px, 0); opacity: 0.2; }
    100% { transform: translate3d(0, -5px, 0); opacity: 1; }
}

@keyframes plane-fly {
      0% { transform: rotate(0deg) translate3d(0, 0, 0); }
     25% { transform: rotate(-10deg) translate3d(10px, 0, 0); }
     50% { transform: rotate(5deg) translate3d(-5px, 0, 0); }
     75% { transform: rotate(15deg) translate3d(-20px, 0, 0); }
    100% { transform: rotate(0) translate3d(0, 0, 0); }
}

@keyframes bump-tr {
      0% { transform: translate3d(0, 0, 0); }
      25% { transform: translate3d(5px, -3px, 0); }
      30% { transform: translate3d(3px, -2px, 0); }
      35% { transform: translate3d(5px, -4px, 0); }
      100% { transform: translate3d(0, 0, 0); }
}

.page-labs .other-lab-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.selector {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	position: relative;
	width: 100%;
	overflow-y: hidden;
}
.selector li {
	list-style: none;
	border-radius: 10px;
	background-color: #FFF;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 3;
	font-weight: 700;


	opacity: 0;
	filter: blur(10px);
	transform: scaleX(0.8);
	transform-origin: center;
	transition: opacity 0.3s ease, transform 0.3s ease, filter 0.3s ease;
}

.page-labs .labs-info .container.active .selector li {
	animation: showItem 0.4s forwards;
}

.page-labs .labs-info .container.active .selector li:nth-child(1) {
	animation-delay: 0.2s;
}

.page-labs .labs-info .container.active .selector li:nth-child(2) {
	animation-delay: 0.4s;
}

.page-labs .labs-info .container.active .selector li:nth-child(3) {
	animation-delay: 0.6s;
}

.page-labs .labs-info .container.active .selector li:nth-child(4) {
	animation-delay: 0.8s;
}

.page-labs .labs-info .container.active .selector li:nth-child(5) {
	animation-delay: 1s;
}

.page-labs .labs-info .container.active .selector li:nth-child(6) {
	animation-delay: 1.2s;
}

.page-labs .labs-info .container.active .selector li:nth-child(7) {
	animation-delay: 1.4s
}

@keyframes showItem {
	to { opacity: 1; filter: blur(0); transform: scaleX(1); /* Expand to full size */ }
}

.selector li.green {
	max-width: 330px;
	height: 67px;
	width: 100%;
	border: 1.2px solid #36B4A7;
	background: #37B4A7;
	color: white;
	z-index: 5;
}

.selector li.green.top {
	margin-bottom: -10px;
}

.selector li.green.bottom {
	margin-top: -10px;
}

.selector li.orange {
	max-width: 380px;
	height: 71px;
	width: 100%;
	border: 1.2px solid #FF8D4E;
	background: #FF8D4E;
	color: white;
	z-index: 6;
}

.selector li.white {
	max-width: 274px;
	height: 56px;
	width: 100%;
	border: 1.2px solid #575756;
	background: #FFF;
	z-index: 4;
}

.selector li.white.top {
	margin-bottom: -10px;
}

.selector li.white.bottom {
	margin-top: -10px;
}

.selector li.light {
	width: 100%;
	max-width: 236px;
	height: 65px;
	border: 1.2px solid #A9A9A9;
	background: #FAFAFA;
	color: #A9A9A9;
	z-index: 3;
}

.selector li.light.top {
	margin-bottom: -10px;
}

.selector li.light.bottom {
	margin-top: -10px;
}

/* animations */
.page-labs .hero .headline {
	transform: translate3d(0, -20px, 0);
	transition: all 1s ease-in-out;
	transition-delay: .1s;
	opacity: 0;
}

.page-labs .hero.active .headline {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-labs .hero h1 {
	transform: translate3d(0, -20px, 0);
	transition: all 1s ease-in-out;
	transition-delay: .8s;
	opacity: 0;
}

.page-labs .hero.active h1 {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-labs .hero .side-deco .picture {
	transform: translate3d(-10px, 0, 0);
	transition: all 1s ease-in-out;
	transition-delay: .3s;
	opacity: 0;
}

.page-labs .hero.active .side-deco .picture {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-labs .labs .container .lab {
	opacity: 0;
}

.page-labs .labs.active .container .lab {
	transition: all 1s ease-in-out;
}

.page-labs .labs.active .container .lab {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-labs .labs .container .lab:nth-child(1) {
	transform: translate3d(0, 20px, 0);
	transition-delay: .4s;
}
.page-labs .labs .container .lab:nth-child(2) {
	transform: translate3d(0, 20px, 0);
	transition-delay: .4s;
}
.page-labs .labs .container .lab:nth-child(3) {
	transform: translate3d(0, 20px, 0);
	transition-delay: .4s;
}
.page-labs .labs .container .lab:nth-child(4) {
	transform: translate3d(0, -20px, 0);
	transition-delay: .4s;
}
.page-labs .labs .container .lab:nth-child(5) {
	transform: translate3d(0, -20px, 0);
	transition-delay: .4s;
}
.page-labs .labs .container .lab:nth-child(6) {
	transform: translate3d(0, -20px, 0);
	transition-delay: .4s;
}

.page-labs .labs.active .container .lab:nth-child(1) {
	transform: translate3d(0, 0, 0);
	transition-delay: .4s;
}
.page-labs .labs.active .container .lab:nth-child(2) {
	transform: translate3d(0, 0, 0);
	transition-delay: .4s;
}
.page-labs .labs.active .container .lab:nth-child(3) {
	transform: translate3d(0, 0, 0);
	transition-delay: .4s;
}
.page-labs .labs.active .container .lab:nth-child(4) {
	transform: translate3d(0, 0, 0);
	transition-delay: .4s;
}
.page-labs .labs.active .container .lab:nth-child(5) {
	transform: translate3d(0, 0, 0);
	transition-delay: .4s;
}
.page-labs .labs.active .container .lab:nth-child(6) {
	transform: translate3d(0, 0, 0);
	transition-delay: .4s;
}

.page-labs .labs.active .container .labs-container .lab:hover {
	box-shadow: 0 10px 40px 0 rgba(255, 141, 78, 0.24), 0 20px 60px 0px rgba(255, 141, 78, 0.2);
	transition-delay: 0s;
	transition: all .1s ease-in-out;
}

.page-labs .labs-info .container .side-deco {
	transform: translate3d(-10px, 0, 0);
	transition: all 1s ease-in-out;
	transition-delay: .4s;
	opacity: 0;
}

.page-labs .labs-info .container.active .side-deco {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-labs .labs-info .container.reverse .side-deco {
	transform: unset;
	transition: unset;
	transition-delay: unset;
	opacity: 1;
}
.page-labs .info-lab .container .side-deco {
	transform: translate3d(-10px, 0, 0);
	transition: all 1s ease-in-out;
	transition-delay: .6s;
	opacity: 0;
}

.page-labs .info-lab.active .container .side-deco {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}


.page-labs .our-experience .container .expereince-container picture {
	transform: translate3d(-10px, 0, 0);
	transition: all 1s ease-in-out;
	transition-delay: .8s;
	opacity: 0;
}

.page-labs .our-experience.active .container .expereince-container picture {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page-labs .our-experience .container .expereince-container.reverse picture {
	transform: translate3d(10px, 0, 0);
	transition: all 1s ease-in-out;
	transition-delay: .8s;
	opacity: 0;
}

.page-labs .our-experience.active .container .expereince-container.reverse picture {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

/* end animations */

/* Our labs end */
@media screen and (min-width: 700px) and (max-height: 850px) {
	.page-about .framework .cycle-container {
		height: 550px;
		transform: scale(0.8);
	}
}

@media screen and (min-width: 1420px) {
    .page-team .members .profiles ul {
        column-gap: 9%;
    }
}

@media screen and (max-width: 850px) {
	.page-home .services .services-items .item-box {
		width: 360px;
	}

	.page-community .host .host-info {
		flex-direction: column;
	}

	.page-community .host .host-info h2 {
		text-align: left;
	}

	.page-community .host .host-info > div {
		width: 100%;
	}

	.page-community .host .host-info .side-illustration {
		transform: scale(0.6);
		width: 540px;
	}

	.page-community .host .container {
		margin-bottom: -30px;
		padding-bottom: 0;
	}

	.page-community .host .host-info .links {
		gap: 14px;
	}

	.page-community .host .host-info .links a {
		font-size: 18px;
	}
}


@media screen and (max-width: 768px) {

    .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .hero .container > .side-content {
        z-index: 2;
    }

    .hero .container > .side-deco {
        z-index: 1;
    }

    .link {
        color: var(--color-secondary-orange);
    }

    .link::before {
        width: calc(100% + 37px);
        background-color: var(--color-secondary-orange);
    }

    .link::after {
        right: -37px;
        filter: saturate(1);
        opacity: 1;
    }

    .picture {
        border-radius: 40px 15px;
    }

     /* Home */
     .page-home .hero .container {
        margin-bottom: -50px;
     }

     .page-home .hero .container > div {
        min-height: 340px;
     }

     .page-home .hero .side-content {
        justify-content: flex-start;
        align-items: flex-start;
     }

     .page-home .hero .side-content .content {
        padding-top: 0;
        max-width: 240px;
     }

    .page-home .hero .side-deco {
        position: absolute;
        top: -130px;
        right: -22px;
    }

    .page-home .hero .side-deco .main-circle {
        transform: scale(0.8);
    }

    .page-home .hero .bg-circles .circle.left {
        top: -80px;
        left: -27px;
        width: 78px;
        height: 78px;
        border-width: 2px;
        border-color: var(--color-primary-light-green-100);
        opacity: 1;
    }

    .page-home .hero .bg-text {
        top: -29%;
        width: 100% !important;
        background-image: url(../../images/deco/text-bg-video-tech-mobile.svg);
    }


    .page-home .why .container > div {
        width: 100%;
    }

    .page-home .why .container {
        flex-direction: column-reverse;
    }

    .page-home .why .side-content {
        margin-top: 80px;
        text-align: center;
    }

    .page-home .why .bg-circles .circle.green {
        right: unset;
        left: -125px;
        width: 161px;
        height: 161px;
        border-width: 4px;
        opacity: 0.3;
    }

    .page-home .why .bg-circles .circle.orange {
        bottom: 120px;
        right: 8vw;
    }


    .page-home .partner .container {
        flex-direction: column;
        gap: 40px;
    }

    .page-home .partner .side-image {
        margin-left: 0;
    }

	.page-home .partner .side-image .picture {
		max-width: 422px !important;
	}

    .page-home .partner .side-image::after {
        opacity: 0.2;
    }

    .page-home .partner .side-content .buttons {
        margin-top: 2.25rem;
    }

    .page-home .partner .bg-circles .circle.left {
        top: -70px;
        left: 3vw;
        width: 36px;
        height: 36px;
        margin-left: 0;
        transform: none;
    }

    .page-home .partner .bg-circles .circle.right {
        right: -110px;
        width: 230px;
        height: 230px;
        opacity: 0.5;
    }



    .page-home .highlights .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .page-home .highlights .highlights-items {
        justify-content: center;
    }

    .page-home .highlights .highlights-items,
    .page-home .highlights .highlights-items .item-box {
        height: 348px;
    }

    .page-home .highlights .cards-nav {
        position: relative;
        display: flex !important;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 32px;
        margin-top: 22px;
        z-index: 3;
    }

    .page-home .highlights .cards-nav i {
        display: inline-block;
        width: 40px;
        height: 40px;
        background-color: #FFFFFF;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 8px;
        border-radius: 50%;
        box-shadow: 0px 4.8px 14px rgba(7, 99, 89, 0.2);
        transition: all .2s;
    }

    .page-home .highlights .cards-nav i[data-dir="prev"] {
        background-image: url(../../images/icons/arrow-left-green.svg);
    }

    .page-home .highlights .cards-nav i[data-dir="prev"]:active {
        background-color: var(--color-primary-green);
        background-image: url(../../images/icons/arrow-left-white.svg);
    }

    .page-home .highlights .cards-nav i[data-dir="next"] {
        background-image: url(../../images/icons/arrow-right-green.svg);
    }

    .page-home .highlights .cards-nav i[data-dir="next"]:active {
        background-color: var(--color-primary-green);
        background-image: url(../../images/icons/arrow-right-white.svg);
    }

    .page-home .highlights .item-box {
        position: absolute;
        box-shadow:  0 0 0 3px var(--color-primary-green-200), 0px 2.7px 4.4px rgba(5, 77, 69, 0.1);
        transition: all .6s;
        z-index: 1;
    }

    .page-home .highlights [data-show="1"] .item-box[data-item="1"],
    .page-home .highlights [data-show="2"] .item-box[data-item="2"],
    .page-home .highlights [data-show="3"] .item-box[data-item="3"] {
        box-shadow: 0 0 0 3px var(--color-primary-green-200), 0px 10px 30px rgba(5, 77, 69, 0.1);
        transform: translate3d(0, 0, 0) scale(1);
        z-index: 3;
    }

    .page-home .highlights [data-show="1"] .item-box[data-item="3"],
    .page-home .highlights [data-show="2"] .item-box[data-item="1"],
    .page-home .highlights [data-show="3"] .item-box[data-item="2"] {
        transform: translate3d(-70%, 0, 0) scale(0.8678);
    }

    .page-home .highlights [data-show="1"] .item-box[data-item="2"],
    .page-home .highlights [data-show="2"] .item-box[data-item="3"],
    .page-home .highlights [data-show="3"] .item-box[data-item="1"] {
        transform: translate3d(70%, 0, 0) scale(0.8678);
    }




    .page-home .services .services-items .item-box,
    .page-home .services .services-items .item-box:hover {
        height: 64px;
        border-width: 3px;
        border-radius: 8px;
        z-index: 1;
    }

    .page-home .services .services-items .item-box.active {
        height: 232px;
        z-index: 2;
    }

    .page-home .services .services-items .item-box .item-cover .arrow {
        display: inline-block;
        position: absolute;
        top: 24px;
        right: 20px;
    }

    .page-home .services .services-items .item-box .item-cover .item-icon,
    .page-home .services .services-items .item-box.active .item-cover .item-icon {
        top: 28px;
        left: 32px;
        width: 38px;
        height: 38px;
    }

    .page-home .services .services-items .item-box .item-cover .item-icon {
        left: 28px;
    }

    .page-home .services .services-items .item-box .item-cover .arrow {
        transition: all .4s;
    }

    .page-home .services .services-items .item-box.active .item-cover .arrow {
        transform: rotate(180deg);
    }

    .page-home .services .services-items .item-box.active .item-cover .arrow path {
        fill: #FFFFFF;
    }

    .page-home .services .services-items .item-box .item-cover h4,
    .page-home .services .services-items .item-box:hover .item-cover h4,
    .page-home .services .services-items .item-box.active .item-cover h4 {
        top: 16px;
        left: 56px;
        font-size: 16px;
        line-height: 1.75;
        transform: translate3d(0, 0, 0);
    }

    .page-home .services .services-items .item-box .item-logos.custom-padding {
        padding-left: 42px;
        padding-right: 42px;
    }

    .page-home .services .bg-circles {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .page-home .services .bg-circles .circle.left {
        top: 125px;
        left: -185px;
        width: 270px;
        height: 270px;
        mix-blend-mode: normal;
    }

    .page-home .services .bg-circles .circle.right {
        position: absolute;
        bottom: -70px;
        right : -114px;
        width: 272px;
        height: 272px;
        border: 3px solid var(--color-primary-light-green-100);
        mix-blend-mode: normal;
    }

    .page-home .expertise .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .page-home .expertise h2 {
        margin-bottom: 44px;
    }

    .page-home .expertise .wrapper.only-mobile {
        padding-bottom: 20px;
    }

	.page-home .expertise .expertise-items {
		height: auto;
	}

    .page-home .expertise .item-box {
        width: unset !important;
        max-width: 100%;
        margin: 0 10px;
        background-color: #FFFFFF;
        border: 2px solid var(--color-primary-green);
        box-shadow: 0px 4px 18px rgba(37, 150, 138, 0.2);
        border-radius: 20px;
    }

    .page-home .expertise .item-box.hover::after {
        content: none;
    }

    .page-home .expertise .item-box h5 {
        font-weight: bold;
    }

    .page-home .expertise .item-box ul {
        opacity: 1;
    }

    .page-home .expertise .slick-dots {
        bottom: -45px;
    }

    .page-home .expertise .slick-dots li button:before {
        width: 10px;
        height: 10px;
    }

    .page-home .expertise .slick-dots li.slick-active button:before {
        width: 15px;
        height: 15px;
    }

    .page-home .expertise .slick-arrow {
        width: 20%;
        height: 100%;
        z-index: 3;
    }

    .page-home .expertise .slick-arrow.slick-prev:before,
    .page-home .expertise .slick-arrow.slick-next:before {
        content: none;
    }

    .page-home .expertise .bg-text {
        background-position-y: 80%;
    }

    .page-home .expertise .bg-circles .circle.small {
        bottom: -60px;
        left: -22px;
        width: 44px;
        height: 44px;
    }

    .page-home .expertise .bg-circles .circle.big {
        bottom: -390px;
        right: -268px;
        width: 394px;
        height: 394px;
        background-color: var(--color-secondary-orange-100);
        opacity: 0.5;
    }


    .page-home .clients .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .page-home .clients h2 {
        margin-bottom: 36px;
    }

    .page-home .clients .clients-items .slide {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        row-gap: 36px;
    }

	.page-home .clients .clients-items.only-desktop {
		display: none !important;
	}

    .page-home .clients .item-box {
        flex-grow: 1;
        width: 50%;
        height: 55px;
    }

    .page-home .clients .item-box img {
        max-width: 172px;
        max-height: 55px;
    }

	.page-home .clients .item-box img.bigger {
		max-height: 100%;
	}


    .page-home .testimonials {
        margin-top: 110px;
    }

    .page-home .testimonials .video-wrapper iframe,
    .page-home .testimonials .video-wrapper video {
        border-radius: 8px;
    }

    .page-home .testimonials .bg-text {
        top: 10px;
        background-image: url(../../images/deco/text-bg-our-clients-mobile.svg);
    }

    .page-home .testimonials .bg-deco .circle {
        position: absolute;
        top: 42%;
        left: -26px;
        width: 69px;
        height: 69px;
        background-color: var(--color-secondary-orange-100);
        z-index: 1;
    }

    .page-home .testimonials .bg-deco .wave {
        position: absolute;
        top: -40px;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../../images/deco/wave-line-orange-9.svg);
        background-position: center;
        background-size: contain;
        z-index: 2;
    }

    /* Why us */
    .page-about .container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .page-about .side-text p {
        margin-top: 24px;
    }

    .page-about .hero .container {
        position: relative;
    }

    .page-about .hero .container > div {
        margin: 0;
        min-height: unset;
    }

    .page-about .hero .side-content {
        width: 100%;
    }

    .page-about .hero h1 {
        font-size: var(--size-3xl);
    }

    .page-about .hero .side-deco {
        width: 40vw;
    }

    .page-about .hero .main-circle {
        position: absolute;
        top: calc(80px - 13vw);
        right: 0;
        width: 58vw;
        height: 58vw;
        transform: translateX(66px) scale(0.6);
    }

    .page-about .hero .main-circle .illustration img {
        bottom: 11%;
        left: 0;
    }

    .page-about .hero .main-circle .char {
        top: -50px;
        left: 20vw;
        width: 10px;
        height: 40px;
    }

    .page-about .hero .main-circle .deco-line {
        bottom: 2px;
        left: -70px;
        transform: scale(0.75);
    }

    .page-about .hero .main-circle .circle.dot {
        bottom: 24px;
        right: 90px;
        width: 8px;
        height: 8px;
    }

    .page-about .hero .container .bg-deco .circle.orange {
        top: unset;
        bottom: -100px;
        left: 20px;
        width: 21px;
        height: 21px;
    }

    .page-about .solutions .side-picture .bg-deco .circle {
        top: -52px;
        left: -70px;
    }

    .page-about .hero .bg-deco .waves-orange {
        top: unset;
        bottom: -160px;
		left: 58%;
		width: 200%;
        background-size: 200%;
        background-position-x: 42%;
		transform: translateX(-50%);
    }

    .page-about .solutions {
        margin-top: 120px;
    }

	.page-about .numbers .container {
		flex-direction: column;
		padding-top: 0;
		gap: 80px;
	}

    .page-about .scale .container {
        flex-direction: column;
        gap: 34px;
    }

    .page-about .scale .container > div {
        width: 100%;
    }

    .page-about .benefits .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .page-about .benefits .benefits-items {
		height: 200px;
    }

    .page-about .benefits .benefits-items .item-box {
		position: absolute;
		top: unset;
		color: #FFFFFF;
		border: none;
		box-shadow: 0px 1px 4px rgba(35, 91, 86, 0);
		transition: all .4s;
		z-index: 1;
    }

    .page-about .benefits .benefits-items[data-focus="1"] .item-box[data-item="1"],
    .page-about .benefits .benefits-items[data-focus="2"] .item-box[data-item="2"],
    .page-about .benefits .benefits-items[data-focus="3"] .item-box[data-item="3"] {
		max-width: 244px;
		transform: translate3d(0, 0, 0) scale(1);
		background-color: var(--color-primary-green);
		box-shadow: 0px 4.73786px 19.9915px rgba(35, 91, 86, 0.3);
		border-radius: 70px 11px;
		z-index: 2;
		opacity: 1;
    }

    .page-about .benefits.active .benefits-items[data-focus="1"] .item-box[data-item="3"],
    .page-about .benefits.active .benefits-items[data-focus="2"] .item-box[data-item="1"],
    .page-about .benefits.active .benefits-items[data-focus="3"] .item-box[data-item="2"] {
		color: var(--color-primary-green);
		transform: translate3d(-34%, 0, 0) scale(0.785);
		background-color: var(--color-primary-green-200);
		border-radius: 60px 10px;
    }

    .page-about .benefits.active .benefits-items[data-focus="1"] .item-box[data-item="2"],
    .page-about .benefits.active .benefits-items[data-focus="2"] .item-box[data-item="3"],
    .page-about .benefits.active .benefits-items[data-focus="3"] .item-box[data-item="1"] {
		color: var(--color-primary-green);
		transform: translate3d(34%, 0, 0) scale(0.785);
		background-color: var(--color-primary-green-200);
		border-radius: 60px 10px;
    }

    .page-about .benefits .item-box h3 {
		color: inherit;
    }

    .page-about .benefits .item-box h3.smaller {
		font-size: 2.75rem;
    }

    .page-about .benefits .items-nav {
        position: relative;
        display: flex !important;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 32px;
        margin-top: 52px;
        z-index: 3;
    }

    .page-about .benefits .items-nav i {
        display: inline-block;
        width: 40px;
        height: 40px;
        background-color: #FFFFFF;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 8px;
        border-radius: 50%;
        box-shadow: 0px 4.8px 14px rgba(7, 99, 89, 0.2);
        transition: all .2s;
    }

    .page-about .benefits .items-nav i[data-dir="prev"] {
        background-image: url(../../images/icons/arrow-left-green.svg);
    }

    .page-about .benefits .items-nav i[data-dir="next"] {
        background-image: url(../../images/icons/arrow-right-green.svg);
    }

    .page-about .methodology .container {
        flex-direction: column;
        padding-left: 0 !important;
        padding-right: 0 !important;
        gap: 30px;
    }

    .page-about .methodology .container > div {
        width: 100% !important;
        max-width: 100% !important;
    }

    .page-about .methodology .container .side-text {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .page-about .methodology .container .side-graph {
        height: unset;
    }

    .page-about .methodology .container .side-graph .illu {
        object-fit: contain;
        right: -45px;
        height: 380px;
		transform: scale(1.1);
    }

    .page-about .partner {
        margin-top: 74px;
    }

    .page-about .partner .container {
        flex-direction: column;
        gap: 32px;
    }

    .page-about .partner .container > div {
        width: 100%;
    }

    .page-about .solutions .container {
        flex-direction: column;
        gap: 36px;
    }

    .page-about .solutions .container > div {
        width: 100%;
    }

    .page-about .solutions .side-picture .picture {
        height: 324px;
    }

    .page-about .solutions .bg-text {
        display: none;
    }

    .page-about .framework {
        margin-top: 100px;
    }

    .page-about .framework h2 {
        font-size: var(--size-4xl);
        line-height: 1.2;
    }

    .page-about .scale .side-picture .picture {
        height: 410px;
    }

    .page-about .scale .side-text p {
        margin-top: 24px;
    }

    .page-about .scale .scale-items-wrapper {
        height: auto;
    }

    .page-about .scale .scale-items {
        flex-direction: column;
        margin-top: 58px;
    }

    .page-about .scale .scale-items .item-box {
		padding: 12px 16px;
		width: 100%;
		height: 60px;
		text-align: left;
		border: 0;
		border-radius: 8px;
		transition: all .2s ease-out;
		transition-delay: 0s !important;
    }

    .page-about .scale .scale-items .item-box.active {
        box-shadow: 0px 4px 18px rgba(37, 150, 138, 0.2);
    }

    .page-about .scale .scale-items .item-box .top {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 12px;
    }

    .page-about .scale .scale-items .item-box .top::after {
        content: '';
        position: absolute;
        top: 10px;
        right: 6px;
        width: 12px;
        height: 12px;
        background-image: url(../../images/icons/arrow-down-green.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        transform: rotate(0deg);
        transition: all .2s ease-out;
    }

    .page-about .scale .scale-items .item-box.active .top::after {
        box-shadow: 0px 4px 18px rgba(37, 150, 138, 0.2);
        transform: rotate(180deg);
    }

    .page-about .scale .scale-items .item-box .top svg {
        width: 40px;
        height: 40px;
    }

    .page-about .scale .scale-items .item-box h5 {
        line-height: 1.3;
    }

    .page-about .scale .bg-deco .circle {
		bottom: 120px;
		right: -67px;
		width: 160px;
		height: 160px;
		background-color: var(--color-secondary-orange-100);
		opacity: 1;
    }

    .page-about .scale .bg-deco .bg-text,
    .page-about .scale.active .bg-deco .bg-text {
		top: 700px;
		width: 90% !important;
		background-image: url(../../images/deco/text-bg-scaleup-mobile.svg);
    }

    .page-about .scale .bg-deco .bg-text.active {
		top: 645px;
    }

    .page-about .benefits {
		margin-top: 100px;
    }

    .page-about .benefits h2 {
        margin-bottom: 34px;
        font-size: var(--size-5xl);
    }

    .page-about .benefits .bg-deco .circle.left {
        top: 50%;
        left: -123px;
    }

    .page-about .benefits .bg-deco .circle.right {
        top: unset;
        bottom: -190px;
        right: -24px;
        width: 48px;
        height: 48px;
        background-color: var(--color-primary-light-green-100);
    }

    .page-about .benefits .bg-deco .wave {
		top: unset;
		bottom: -40px;
		height: 160px;
		background-position-y: bottom;
		background-position-x: -30px;
		background-size: cover;
    }

    .page-about .benefits .bg-deco .wave svg {
		position: relative;
        width: 200%;
		left: 85%;
		transform: translateX(-50%);
    }

    .page-about .methodology {
		margin-top: 100px;
    }

    .page-about .methodology > .bg-deco .wave {
        top: -82px;
        min-height: 500px;
        background-position-y: bottom;
    }

    .page-about .process {
        margin-top: 120px;
    }

    .page-about .process h2 {
        font-size: var(--size-6xl);
        line-height: 1.25;
    }

    .page-about .process h3 {
        font-size: var(--size-3xl);
    }

    .page-about .process .bg-text {
        top: -50px;
        background-image: url(../../images/deco/text-bg-5-years-mobile.svg);
    }

    .page-about .process .graph {
        margin-top: 34px;
        margin-bottom: 60px;
    }

    .page-about .process .graph .button-initial-call {
        display: flex;
        top: 0;
        left: calc(50% + 18px);
        stroke: #FFFFFF;
        color: #FFFFFF;
        background-color: var(--color-primary-green);
        transform: translate3d(-50%, 0, 0);
    }

    .page-about .process .container > .bg-deco {
        margin-bottom: 40px;
        height: 260px;
    }

    .page-about .process .bg-deco .deco-circle-bars {
        right: 50%;
        transform: translate3d(50%, 0, 0) scale(0.875);
    }

    .page-about .process .bg-deco .circle.left {
        bottom: -30px;
        left: 10px;
        width: 31px;
        height: 31px;
    }

    .page-about .process .bg-deco .circle.right.only-mobile {
        position: absolute;
        top: -10px;
        right: -66px;
        width: 129px;
        height: 129px;
        border: 2px solid var(--color-primary-green-200);
        background-color: transparent;
    }

    .page-about .process .bg-deco .wave {
        display: none; /* TODO */
    }

    /* Services */
    .page-services .picture {
        align-items: center;
        height: 344px;
    }

    .page-services .container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .page-services .side-graph img,
    .page-services .side-graph .circle {
        width: 80vw;
        height: 80vw;
        max-width: 420px;
        max-height: 420px;
    }



    .page-services .container .bg-deco {
        z-index: -1;
    }

    .page-services .teams .side-text .content {
        max-width: 523px;
    }

    .page-services .hero,
    .page-services .hero .side-picture {
        margin-top: 0 !important;
    }

    .page-services .hero .container {
        flex-direction: column-reverse;
    }

    .page-services .hero .container > div {
        width: 100%;
        min-height: unset;
    }

    .page-services .hero .side-picture .picture {
        width: 100%;
        max-width: calc(100vw - 32px);
        height: 376px;
    }

    .page-services .hero .video .bg-deco .deco-line {
        bottom: 127px;
        left: -12px;
        max-width: 147px;
        height: 14px;
        transform: none;
    }

    .page-services .hero .video .bg-deco .circle.right {
        bottom: -65px;
        right: 40px;
        width: 135px;
        height: 140px;
    }

    .page-services .hero .video .bg-deco .circle.left {
		top: -74px;
		left: -67px;
		width: 183px;
		height: 183px;
    }

    .page-services .hero .bg-deco .wave.light {
		top: -10px;
    }

    .page-services .hero .bg-deco .wave.light svg {
		top: 10px;
		left: 50%;
		width: 1340px;
		transform: translate3d(-50%, 0, 0);
    }

    .page-services .hero .bg-deco .waves-orange,
    .page-services .hero.active .bg-deco .waves-orange {
		display: none;
    }

    .page-services .slider {
		margin-top: 0;
    }

    .page-services .teams {
		margin-top: 120px;
    }

    .page-services .teams .container {
		flex-direction: column;
		gap: 40px;
    }

    .page-services .teams .container > div {
        width: 100%;
    }

    .page-services .teams .bg-deco .circle.green {
        display: none;
    }

    .page-services .teams .container .side-graph {
        width: 80%;
    }

    .page-services .slider .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .page-services .slider .slide p {
		font-size: var(--size-2xl);
    }

    .page-services .slider .slick-arrow {
		display: none !important;
    }

    .page-services .slider .slick-dots li {
		width: 10px;
		height: 10px;
    }
    .page-services .slider .slick-dots li.slick-active {
		width: 14px;
		height: 14px;
    }

    .page-services .services {
		margin-top: 62px;
		margin-bottom: 180px;
    }

    .page-services .side-graph img {
		display: block;
		margin: 0 auto;
		max-width: 420px;
    }

    .page-services .services .services-items {
		flex-direction: column;
		height: unset;
		row-gap: 16px;
		margin-bottom: 16px;
    }

	.page-services .benefits .benefits-items {
		flex-direction: column;
		height: unset;
		row-gap: 16px;
		margin-bottom: 16px;
    }

	.page-services .custom-engineering-cards .custom-engineering-cards-items {
		flex-direction: column;
		height: unset;
		row-gap: 16px;
		margin-bottom: 16px;
    }

    .page-services .services .item-box,
    .page-services .services .item-box:hover {
		padding: 0px 12px;
		width: 100% !important;
		height: 48px;
		border: 1px solid var(--color-primary-green-200);
		background-color: #FFFFFF;
		border-radius: 8px;
		transition-delay: 0s !important;
    }

	.page-services .benefits .item-box,
    .page-services .benefits .item-box:hover {
		padding: 0px 12px;
		width: 100% !important;
		height: 48px;
		border: 1px solid var(--color-primary-green-200);
		background-color: #FFFFFF;
		border-radius: 8px;
		transition-delay: 0s !important;
        overflow: hidden;
    }

	.page-services .custom-engineering-cards .item-box,
    .page-services .custom-engineering-cards .item-box:hover {
		padding: 0px 12px;
		width: 100% !important;
		height: 48px;
		border: 1px solid var(--color-primary-green-200);
		background-color: #FFFFFF;
		border-radius: 8px;
		transition-delay: 0s !important;
        overflow: hidden;
    }

    .page-services .services .item-box::before {
		content: '';
		display: block;
		position: absolute;
		top: 16px;
		left: unset;
		right: 16px;
		width: 14px;
		height: 8px;
		background-image: url(../../images/icons/arrow-down-green.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		transition: inherit;
    }

	.page-services .benefits .item-box::before {
		content: '';
		display: block;
		position: absolute;
		top: 16px;
		left: unset;
		right: 16px;
		width: 14px;
		height: 8px;
		background-image: url(../../images/icons/arrow-down-green.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		transition: inherit;
    }

	.page-services .custom-engineering-cards .item-box::before {
		content: '';
		display: block;
		position: absolute;
		top: 16px;
		left: unset;
		right: 16px;
		width: 14px;
		height: 8px;
		background-image: url(../../images/icons/arrow-down-green.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		transition: inherit;
    }




    .page-services .services .item-box.hover::before {
		transform: rotate(180deg);
    }

	.page-services .benefits .item-box.hover::before {
		transform: rotate(180deg);
    }

	.page-services .custom-engineering-cards .item-box.hover::before {
		transform: rotate(180deg);
    }

    .page-services .services .item-box::after {
		content: none;
    }

	.page-services .benefits .item-box::after {
		content: none;
    }

	.page-services .custom-engineering-cards .item-box::after {
		content: none;
    }

    .page-services .services .item-box.hover {
		height: 120px;
		height: var(--height);
    }

	.page-services .benefits .item-box.hover {
		height: 120px;
		height: var(--height);
    }

	.page-services .custom-engineering-cards .item-box.hover {
		height: 120px;
		height: var(--height);
    }

    .page-services .services .item-box svg {
		width: 28px;
		height: 28px;
    }

	.page-services .benefits .item-box svg {
		width: 28px;
		height: 28px;
    }

	.page-services .custom-engineering-cards .item-box svg {
		width: 28px;
		height: 28px;
    }


    .page-services .services .item-box .top {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 16px;
        padding-bottom: 0;
        height: 48px;
    }

	.page-services .benefits .item-box .top {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 16px;
        padding-bottom: 0;
        height: 48px;
    }

	.page-services .custom-engineering-cards .item-box .top {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 16px;
        padding-bottom: 0;
        height: 48px;
    }

    .page-services .services .item-box .top::after {
        content: '';
        position: absolute;
        display: block;
        left: 0;
        bottom: 0;
        width: 0;
        height: 1px;
        background-color: var(--color-primary-green);
        opacity: 0;
        transition: all .4s;
    }

	.page-services .benefits .item-box .top::after {
        content: '';
        position: absolute;
        display: block;
        left: 0;
        bottom: 0;
        width: 0;
        height: 1px;
        background-color: var(--color-primary-green);
        opacity: 0;
        transition: all .4s;
    }

	.page-services .custom-engineering-cards .item-box .top::after {
        content: '';
        position: absolute;
        display: block;
        left: 0;
        bottom: 0;
        width: 0;
        height: 1px;
        background-color: var(--color-primary-green);
        opacity: 0;
        transition: all .4s;
    }

    .page-services .services .item-box.hover .top::after {
        opacity: 1;
        width: 100%;
    }

	.page-services .benefits .item-box.hover .top::after {
        opacity: 1;
        width: 100%;
    }

	.page-services .custom-engineering-cards .item-box.hover .top::after {
        opacity: 1;
        width: 100%;
    }

    .page-services .services .item-box h5 {
        text-transform: uppercase;
        font-size: var(--size-sm);
        letter-spacing: 0.08em;
    }

	.page-services .benefits .item-box h5 {
        text-transform: uppercase;
        font-size: var(--size-sm);
        letter-spacing: 0.08em;
    }

	.page-services .custom-engineering-cards .item-box h5 {
        text-transform: uppercase;
        font-size: var(--size-sm);
        letter-spacing: 0.08em;
    }

    .page-services .services .item-box h5 br {
        display: none;
    }

	.page-services .benefits .item-box h5 br {
        display: none;
    }

	.page-services .custom-engineering-cards .item-box h5 br {
        display: none;
    }

    .page-services .services .item-box p {
        margin-top: 12px;
        text-align: left;
    }

	.page-services .benefits .item-box p {
        margin-top: 12px;
        text-align: left;
    }

	.page-services .custom-engineering-cards .item-box p {
        margin-top: 12px;
        text-align: left;
    }

    .page-services .services .bg-text {
        top: -55px;
        width: 100% !important;
        height: 200px;
        background-position-y: top;
    }

	.page-services .benefits .bg-text {
        top: -55px;
        width: 100% !important;
        height: 200px;
        background-position-y: top;
    }

	.page-services .custom-engineering-cards .bg-text {
        top: -55px;
        width: 100% !important;
        height: 200px;
        background-position-y: top;
    }

    .page-services .services .bg-deco .circle {
        position: absolute;
        bottom: -170px;
        right: -171px;
        width: 440px;
        height: 440px;
        background-color: #F8F8F8;
    }

	.page-services .benefits .bg-deco .circle {
        position: absolute;
        bottom: -170px;
        right: -171px;
        width: 440px;
        height: 440px;
        background-color: #F8F8F8;
    }

	.page-services .custom-engineering-cards .bg-deco .circle {
        position: absolute;
        bottom: -170px;
        right: -171px;
        width: 440px;
        height: 440px;
        background-color: #F8F8F8;
    }

    .page-services .your-needs .container {
        flex-direction: column-reverse;
        gap: 44px;
    }

    .page-services .your-needs .container > div {
        width: 100%;
    }

    .page-services .your-needs .side-picture {
        position: relative;
    }

    .page-services .your-needs .side-picture .bg-deco .circle.green {
        position: absolute;
        top: -60px;
        left: -80px;
        width: 148px;
        height: 148px;
        background-color: var(--color-primary-light-green-100);
    }

    .page-services .your-needs .bg-deco .circle.orange {
        position: absolute;
        bottom: -120px;
        right: -54px;
        width: 101px;
        height: 101px;
        border: 5px solid var(--color-secondary-orange-100);
    }

    .page-services .your-needs .bg-deco .wave {
        top: -140px;
        height: 248px;
        background-image: url(../../images/deco/wave-line-green-3.svg);
        background-position-x: 68%;
        background-size: 180%;
        opacity: 0.3;
    }

    .page-services .your-needs h3 {
        margin-bottom: 24px;
        padding-right: 1em;
        font-size: var(--size-3xl);
        line-height: 1.3;
    }

    .page-services .your-needs h3 + p,
    .page-services .your-needs ul {
        font-size: var(--size-base);
        line-height: 1.3;
    }

    .page-services .method {
        margin-top: 140px;
    }

    .page-services .method h2,
    .page-services .projects h2 {
        font-size: var(--size-3xl);
        line-height: 1.3;
    }

    .page-services .method h3 {
        font-size: var(--size-2xl);
        line-height: 1.3;
    }

    .page-services .method p.description,
    .page-services .method h3 + p {
        font-size: var(--size-xl);
        line-height: 1.4;
    }

    .page-services .method .graph img {
        margin: 0 auto;
    }

    .page-services .method .bg-deco .circle.circle-1 {
        top: 430px;
        right: 40px;
        width: 11px;
        height: 11px;
        background-color: transparent;
        border: 1px solid var(--color-primary-light-green-400);
    }

    .page-services .method .bg-deco .circle.circle-2 {
        top: 450px;
        right: 60px;
        width: 24px;
        height: 24px;
    }

    .page-services .method .bg-deco .circle.circle-3 {
		right: unset;
		top: 360px;
		left: -131px;
		width: 160px;
		height: 160px;
		background-color: transparent;
		border: 2px solid var(--color-primary-green);
		animation-duration: 22s;
    }

    .page-services .delivery-framework {
        margin-top: 140px;
        margin-bottom: 220px;
    }

    .page-services .delivery-framework .bg-deco .circle.orange.right {
        top: -180px;
    }

    .page-services .delivery-framework .bg-deco .circle.green.top.right {
        left: unset;
        top: -100px;
        right: 56px;
        width: 17px;
        height: 17px;
        background-color: var(--color-primary-green);
    }

    .page-services .delivery-framework .bg-deco .circle.green.bottom.right {
        top: unset;
        left: unset;
        bottom: -180px;
        right: -75px;
        width: 139px;
        height: 139px;
        background-color: var(--color-primary-green-200);
    }

    .page-services .delivery-framework .bg-deco .wave {
        top: unset;
        bottom: -160px;
        height: 200px;
        background-image: url(../../images/deco/wave-line-green-4.svg);
    }

    .page-services .delivery-framework .bg-deco .circle.orange.left {
        top: unset;
        bottom: -130px;
        left: 24px;
        width: 23px;
        height: 23px;
        background-color: var(--color-secondary-orange);
        border: 0;
    }

    .page-services .delivery-framework .container {
        flex-direction: column;
        gap: 40px;
    }

    .page-services .delivery-framework .container > div {
        width: 100%;
    }

    .page-services .delivery-framework .headline {
        margin-bottom: 16px;
    }

    .page-services .team-01 .container {
        flex-direction: column-reverse;
        gap: 60px;
    }

    .page-services .team-01 .container > div {
        width: 100%;
    }

    .page-services .team-01 .headline {
        margin-bottom: 16px;
        line-height: 1.75;
    }

    .page-services .team-01 h2 {
        padding-right: 1em;
        font-size: var(--size-3xl);
        line-height: 1.3;
    }

    .page-services .team-01 .side-graph .circle {
        width: 90vw;
        height: 90vw;
        border-width: 2px;
    }

    .page-services .team-01 .bg-deco .circle.orange {
        display: none;
    }

    .page-services .team-01 .bg-deco .circle.green {
        top: 300px;
        left: 4px;
        width: 32px;
        height: 32px;
        background-color: transparent;
        border: 2px solid var(--color-primary-light-green-100);
    }

    .page-services .team-02 {
        margin-top: 120px;
    }

    .page-services .team-02 .graph {
        grid-auto-columns: 1fr;
        grid-template-columns: 1fr;
        grid-template-rows: 360px 472px;
        grid-template-areas: "puzzle" "info";
        margin-bottom: 100px;
        margin-left: 0;
        height: unset;
    }

    .page-services .team-02 .graph .info {
        margin-top: 50px;
    }

    .page-services .team-02 .bg-deco .circle.green {
        top: -160px;
        right: -35px;
        width: 74px;
        height: 74px;
    }

    .page-services .team-02 .graph .puzzle {
        margin-left: 0;
        position: relative;
		max-width: 420px;
		left: 50%;
		transform: translateX(-50%);
    }

    .page-services .team-02 .graph .puzzle .pieces {
        transform: scale(0.6) translateY(100px);
    }

    .page-services .team-02 .graph .puzzle .piece > .button {
        display: none;
    }

    .page-services .team-02 .graph .puzzle .buttons-desktop {
        display: none;
    }

    .page-services .team-02 .graph .puzzle .buttons-mobile {
        position: absolute;
        display: grid;
        grid-template-columns: 110px 1fr 110px;
        grid-template-rows: 100px 1fr 100px;
        grid-auto-columns: 1fr;
        gap: 0px 0px;
        grid-auto-flow: row;
        grid-template-areas:
            "btn-tl space-t btn-tr"
            "space-l space-c space-r"
            "btn-bl space-b btn-br";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .page-services .team-02 .graph .puzzle .button {
        display: block;
        padding: 8px;
        width: 100%;
        height: 100%;
        background-color: #FFFFFF;
        box-shadow: 0px 4px 18px rgba(37, 150, 138, 0.2);
        border-radius: 8px;
    }

    .page-services .team-02 .graph .puzzle .button.tl { grid-area: btn-tl; }
    .page-services .team-02 .graph .puzzle .button.tr { grid-area: btn-tr; }
    .page-services .team-02 .graph .puzzle .button.bl { grid-area: btn-bl; }
    .page-services .team-02 .graph .puzzle .button.br { grid-area: btn-br; }


    .page-services .team-02 .graph .puzzle .button p {
		font-weight: 700;
		text-align: center;
		line-height: 1.25;
    }

    .page-services .team-02 .graph .puzzle .button svg {
		display: block;
		margin: 0 auto;
		margin-bottom: 8px;
    }

    .page-services .team-02 .bg-deco .circle.gray {
		display: none;
    }

    .page-services .team-02 .bg-text {
		top: unset;
		bottom: -78px;
		height: 300px;
		background-position-y: bottom;
		transform: none;
    }

    .page-services .team-02 .bg-text.active {
		top: unset;
		bottom: -98px;
    }

    /* Our Work */
    .page-work .hero .container > div {
        justify-content: flex-start;
        height: 280px;
        min-height: unset;
    }

    .page-work .hero .side-content h1 {
        margin-top: -20px;
        margin-bottom: 60px;
    }

    .page-work .hero .side-deco .circle.main-circle {
        width: 50vw;
        height: 50vw !important;
		max-width: 300px;
		max-height: 300px;
    }

    .page-work .hero .side-deco .main-circle .illu {
        top: calc(50% + 1vw);
        left: calc(50% + 2vw);
        width: 50vw;
    }

    .page-work .hero .side-deco .main-circle .circle.circle-2 {
        top: 15px;
        width: 14px;
        height: 14px;
        opacity: 0.5;
    }

    .page-work .hero .side-deco .main-circle .circle.circle-3 {
        display: none;
    }

    .page-work .hero .side-deco .main-circle .char {
        top: -40px;
        left: 60px;
        width: 10px;
        height: 30px;
    }

    .page-work .hero .bg-deco .circle.left {
        top: -10px;
        left: -42px;
        width: 85px;
        height: 85px;
        background-color: transparent;
        border: 1px solid var(--color-primary-green);
        opacity: 0.5;
    }

    .page-work .hero .bg-deco .circle.right {
        top: -90px;
        right: -80px;
        width: 128px;
        height: 128px;
    }

    .page-work .hero .bg-deco .bg-wave {
        display: none;
    }

    .page-work.inside .content .text-columns {
        flex-direction: column;
        gap: 0;
    }

    .page-work.inside .content .text-columns > p {
        flex-basis: 100%;
        width: 100%;
    }

    .page-work .experience .container {
        flex-direction: column;
        gap: 26px;
    }

    .page-work .experience .container > div {
        width: 100%;
    }

	.page-work .experience .side-text,
	.page-work .experience .side-picture + .side-text {
		justify-content: center;
	}

    .page-work .testimonial-slider .container {
        width: 100%;
        padding: 0;
    }

    .page-work .experience.verimatrix {
        margin-top: 0;
    }

    .page-work .experience.verimatrix .side-picture .picture {
        border-radius: 40px 15px;
    }

    .page-work .experience.verimatrix .side-text .logo {
        display: block;
        margin: 0 auto;
        margin-bottom: 16px;
        max-width: 160px;
    }

	.page-work .experience.verimatrix h2,
    .page-work .experience.verimatrix .side-text p,
    .page-work .experience.verimatrix .side-text .buttons {
        text-align: center;
    }

    .page-work .experience.verimatrix .side-text .buttons .link {
        position: relative;
        left: -1.125em;
    }

    .page-work .experience.verimatrix .side-picture .bg-deco .circle.left {
        right: unset;
        top: -72px;
        left: -66px;
        width: 132px;
        height: 132px;
        background-color: var(--color-secondary-orange-100);
        mix-blend-mode: normal;
    }

    .page-work .experience.verimatrix .side-picture .bg-deco .circle.right {
        top: -63px;
        right: -85px;
        width: 132px;
        height: 132px;
        background-color: transparent;
        border: 4px solid var(--color-primary-light-green-100);
        mix-blend-mode: normal;
    }

    .page-work .experience.verimatrix .bg-deco .circle.main {
        top: 50%;
        right: -20px;
        width: 56px;
        height: 56px;
        background-color: var(--color-secondary-orange-100);
    }

    .page-work .experience.verimatrix .bg-deco .circle.only-mobile {
        top: unset;
        right: unset;
        bottom: 130px;
        left: -79px;
        width: 115px;
        height: 115px;
        background-color: var(--color-primary-green-200);
        mix-blend-mode: normal;
    }

    .page-work .testimonial.testimonial-01 .bg-deco .circle.circle-1,
    .page-work .testimonial.testimonial-01 .bg-deco .circle.circle-2,
    .page-work .testimonial.testimonial-01 .bg-deco .circle.circle-4 {
        display: none;
    }

    .page-work .testimonial.testimonial-01 .bg-deco .circle.circle-3 {
        top: unset;
        left: unset;
        bottom: -300px;
        right: -287px;
        width: 401px;
        height: 401px;
        border-width: 3px;
    }

    .page-work .testimonial.testimonial-01 .bg-deco .wave {
        top: -120px;
        height: 180px;
        background-image: url(../../images/deco/wave-line-orange-3.svg);
        background-size: cover;
        background-position-x: 36%;
        opacity: 0.8;
    }

    .page-work .testimonial.testimonial-02 .bg-deco .circle {
        top: -250px;
        width: 346px;
        height: 346px;
    }

    .page-work .experience.system .side-picture .bg-deco {
        position: absolute;
    }

    .page-work .experience.system .side-picture .bg-deco .circle.big {
        bottom: unset;
        top: -65px;
        left: -71px;
        width: 144px;
        height: 144px;
    }

    .page-work .experience.system .side-picture .bg-deco .circle.small {
        bottom: unset;
        top: -50px;
        left: 94px;
        width: 16px;
        height: 16px;
    }

    .page-work .experience.system .bg-deco .circle.right {
        top: -230px;
        right: -66px;
        width: 132px;
        height: 132px;
        background-color: transparent;
        border: 3px solid var(--color-primary-light-green-100);
        opacity: 1;
    }

    .page-work .experience.security .container,
    .page-work .experience.analytics .container,
    .page-work .experience.analytics:nth-child(odd) .container {
        flex-direction: column-reverse;
    }

    .page-work .experience.analytics .side-picture .picture {
		height: 80vw;
		max-height: 362px;
    }

    .page-work .experience.analytics .side-picture .bg-deco .circle {
        top: -58px;
        right: -95px;
        width: 184px;
        height: 184px;
    }

    .page-work .experience.analytics .bg-deco .circle.left {
        top: -210px;
        left: -155px;
        width: 207px;
        height: 207px;
    }

    .page-work .testimonial.testimonial-03 .content .bg-deco .quote {
        top: -20px;
        left: -18px;
        width: 154px;
        height: 122px;
        background-size: contain;
    }

    .page-work .testimonial.testimonial-03 .bg-deco .circle {
        top: -230px;
        right: -116px;
        width: 215px;
        height: 215px;
        border: 2px solid var(--color-primary-light-green-100);
    }

    .page-work .testimonial .profile-card .picture {
        width: 80px;
        height: 80px;
    }

    .page-work .testimonial .profile-card h5 {
        font-size: var(--size-lg);
        line-height: 1.5;
        text-transform: uppercase;
    }

    .page-work .testimonial .profile-card .role {
        font-size: var(--size-sm);
        line-height: 1.7;
    }

    .page-work .testimonial .profile-card.centered .role {
        text-align: left;
    }

    .page-work .testimonial .quote {
        font-size: var(--size-sm);
        line-height: 2;
    }

    .page-work .testimonial-slider .slider {
        height: unset;
    }

    .page-work .testimonial.testimonial-02 {
        margin-top: 70px;
    }

    .page-work .testimonial.testimonial-03 {
        margin-top: 164px;
    }

    .page-work .testimonial-slider {
        margin-top: 160px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .testimonial-slider .container {
       margin-bottom: 90px;
       padding-left: 0 !important;
       padding-right: 0 !important;
    }

    .testimonial-slider .testimonial {
        padding: 32px 20px;
    }

    .testimonial-slider .slick-dots {
        display: none !important;
    }

    .testimonial-slider .slick-arrow:hover {
        background-position-x: 50% !important;
    }

    .testimonial-slider .slick-prev,
    .testimonial-slider .slick-next {
        top: unset;
        bottom: 0;
        width: 40px;
        height: 40px;
        background-color: #FFFFFF;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 8px;
        border-radius: 50%;
        box-shadow: 0px 4.6px 13.1px rgba(7, 99, 89, 0.2);
        z-index: 1;
    }

    .testimonial-slider .slick-prev {
        left: 20px !important;
        background-image: url(../../images/icons/arrow-left-green.svg);
    }

    .testimonial-slider .slick-next {
        right: unset;
        left: 102px;
        background-image: url(../../images/icons/arrow-right-green.svg);
    }

    .testimonial-slider .slick-prev:before,
    .testimonial-slider .slick-next:before {
        content: none;
    }

    .page-work .testimonial-slider .bg-deco .circle.left {
        bottom: -48px;
        left: -45px;
        width: 171px;
        height: 171px;
    }

    .page-work .testimonial-slider .bg-deco .circle.right {
        bottom: -75px;
        right: -60px;
        width: 197px;
        height: 197px;
    }

    .page-work .testimonial-slider .bg-deco .wave {
        top: 20%;
        height: 30%;
        background-position-y: 50%;
        background-position-x: 60%;
        background-size: cover;
    }

	.page-work .experience.analytics.first {
		margin-top: 0;
	}

	.page-work .testimonials {
		margin-top: -40px;
		margin-bottom: 40px;
	}

    /* Work: Cases */
    .page-work.inside .container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .page-work.inside .hero .container {
        flex-direction: column;
    }

    .page-work.inside .hero .container > div {
        min-height: unset;
        height: unset;
    }

	.page-work.inside .hero .container > div.side-logo {
		width: 90vw;
		max-width: 200px;
		margin: 0;
		margin-bottom: 40px;
		transform: none;
	}

    .page-work.inside .hero .container .side-content {
        margin-top: 40px;
    }

    .page-work.inside .hero .side-content h1,
    .page-work.inside .hero.with-profile .side-content h1 {
        max-width: 80vw;
    }

    .page-work.inside .hero .container .side-picture {
        margin-top: 0;
    }

    .page-work.inside .hero .profile-card {
        border-radius: 26px;
    }

    .page-work.inside .hero .bg-deco .circle.small {
        top: -20px;
        left: -35px;
        width: 85px;
        height: 85px;
        background-color: transparent;
        border: 2px solid var(--color-primary-green);
        opacity: 0.5;
    }

    .page-work.inside .hero .bg-deco .circle.big {
        top: 186px;
        right: -180px;
        width: 237px;
        height: 237px;
    }

    .page-work.inside .hero .bg-deco .wave {
        top: -30px;
        min-height: unset;
        height: 580px;
        background-position-x: left;
    }

    .page-work.inside section:not(.hero) .picture {
        border-radius: 15px 40px;
        height: 396px;
    }

    .page-work.inside section.solution .picture {
        height: 484px;
    }

    .page-work.inside section.solution .side-picture.svg .picture {
        height: 280px;
    }

    .page-work.inside section.solution .side-picture.svg .picture img {
        object-fit: contain;
        transform: scale(1.12);
    }

    .page-work.inside section:not(.hero) .picture.alt {
        border-radius: 40px 15px;
    }

    .page-work.inside section:not(.hero) {
        margin-top: 48px;
    }

    .page-work.inside section .content {
        flex-direction: column;
    }

	.page-work.inside .content .side-text > div {
		flex-direction: column;
		gap: 0;
	}

	.page-work.inside .content .side-text > div > * {
		flex-basis: 100%;
		width: 100%;
	}

    .page-work.inside section.with-intro .content {
        flex-direction: column-reverse;
    }

    .page-work.inside section.challenge:not(.with-intro),
    .page-work.inside section.challenge:not(.with-intro) .side-picture {
        margin-top: -5px;
    }


    .page-work.inside section .content.brand,
    .page-work.inside section.solution .content {
        flex-direction: column;
    }

    .page-work.inside section.solution:not(.with-intro) .content {
        flex-direction: column-reverse;
    }

    .page-work.inside section.solution.two-col .content {
        flex-direction: column;
		gap: 20px;
    }

    .page-work.inside section.solution.two-col .content .side-text.text-2 {
		padding-top: 0;
    }

    .page-work.inside section.solution.two-col .content.bottom {
		flex-direction: column-reverse;
    }

	.page-work.inside .solution.two-col .content .picture {
		box-shadow: unset;
	}

	.page-work.inside .solution.two-col .content .picture img {
		object-fit: contain;
	}

	.page-work.inside .solution.two-col .content.bottom {
		margin-top: 50px;
	}

	.page-work.inside .solution.two-col .content.bottom .picture {
		max-height: 260px;
	}

    .page-work.inside section.challenge .content.brand {
        margin-bottom: 74px;
    }

    .page-work.inside section .content > div {
        width: 100%;
    }

    .page-work.inside section .side-picture {
        margin-top: 24px;
    }

    .page-work.inside section.results .content {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .page-work.inside section.results .picture {
        display: block;
        height: unset;
        border-radius: 0;
    }

    .page-work.inside section.results .picture img {
        width: 100%;
    }

    .page-work.inside .container h3,
    .page-work.inside .content .side-text h3 {
        margin-bottom: 28px;
        font-size: var(--size-3xl);
        line-height: 1.33;
    }

    .page-work.inside .content .side-text p:last-of-type {
        margin-bottom: 0;
    }

    .page-work.inside section.challenge .content.brand .logo {
        margin-left: 0;
        max-width: 260px;
    }

    .page-work.inside section.challenge .side-picture {
        position: relative;
    }

    .page-work.inside section.challenge .content.brand .bg-deco .circle,
    .page-work.inside section.challenge:not(.with-intro) .side-picture .bg-deco .circle {
        position: absolute;
        top: -60px;
        right: -83px;
        width: 131px;
        height: 131px;
        border: 4px solid var(--color-primary-light-green-100);
    }

    .page-work.inside section.challenge:not(.with-intro) .side-picture .bg-deco .circle {
        top: unset;
        bottom: -50px;
    }

    .page-work.inside section.solution .side-picture .bg-deco .circle {
        top: unset;
        bottom: -78px;
        right: -75px;
        width: 174px;
        height: 174px;
    }

    .page-work.inside section.solution .side-picture.svg .bg-deco .circle {
        top: unset;
        bottom: -88px;
        right: -58px;
        width: 94px;
        height: 94px;
    }

    .page-work.inside section.solution.with-intro .side-picture .bg-deco .circle {
        bottom: unset;
        top: -64px;
        right: -99px;
        width: 197px;
        height: 197px;
    }

    .page-work.inside section.results .side-picture {
        z-index: 1;
    }

    .page-work.inside section.results.with-intro .bg-deco {
        z-index: 2;
    }

    .page-work.inside section.results .bg-deco .circle {
        top: unset;
        left: unset;
        bottom: 200px;
        right: -70px;
        width: 118px;
        height: 118px;
        border-width: 5px;
    }

    .page-work.inside section.related {
        margin-top: 20px;
    }

    .page-work.inside section.related .container {
		align-items: center;
		min-height: 300px;
		gap: 12px;
    }

    .page-work.inside section.related .button {
		padding: 12px 10px;
		text-transform: uppercase;
		box-shadow: 0px 6px 24px rgba(11, 103, 93, 0.2);
		border: 2px solid var(--color-primary-green-200);
		border-radius: 12px;
    }

    .page-work.inside section.related .button:hover,
    .page-work.inside section.related .button:active {
		box-shadow: 0px 2px 4px rgba(11, 103, 93, 0);
		border-color: var(--color-primary-green);
    }

    .page-work.inside section.related .button span.headline,
    .page-work.inside section.related .button:hover span.headline,
    .page-work.inside section.related .button:active span.headline {
		font-size: var(--size-sm);
		line-height: 1.7;
		color: var(--color-primary-dark);
    }

    .page-work.inside section.related .button:hover span.headline svg,
    .page-work.inside section.related .button:active span.headline svg {
		stroke: var(--color-primary-dark);
		transform: initial;
    }

    .page-work.inside section.related .button span.headline span::after {
		content: none;
    }

    .page-work.inside section.related .button span.title,
    .page-work.inside section.related .button:hover span.title,
    .page-work.inside section.related .button:active span.title {
		font-size: var(--size-sm);
		line-height: 1.4;
		letter-spacing: 0.08em;
    }

    .page-work.inside section.related .bg-deco .wave {
		width: 140% !important;
		background-position-y: 30%;
    }

    .page-work.inside section.related .bg-deco .wave svg {
		top: 37%;
    }

    /* Our Team */
    .page-team .hero {
        padding-bottom: 100px;
    }

    .page-team .hero .container {
        flex-direction: column-reverse;
    }

    .page-team .hero .container > div {
        margin: 20px 0px;
        min-height: unset;
        width: 100%;
    }

    .page-team .hero .container .side-picture {
        position: unset;
        margin-bottom: 40px;
        border-radius: 60px 15px;
    }

    .page-team .hero .circle.circle-1 {
        top: -28px;
        right: -6px;
        width: 22px;
        height: 22px;
        background-color: var(--color-primary-light-green-100);
        border: none;
    }

    .page-team .hero .circle.circle-2 {
        top: 320px;
        right: -77px;
        width: 200px;
        height: 200px;
        background-color: transparent;
        border: 4px solid var(--color-primary-light-green-100);
    }

    .page-team .hero .circle.circle-3 {
        bottom: 60px;
        left: -36px;
        width: 63px;
        height: 63px;
        border: 2px solid var(--color-primary-green);
    }

    .page-team .hero .circle.circle-4 {
        bottom: 100px;
        right: -70px;
        width: 143px;
        height: 143px;
        border: 2px solid var(--color-secondary-orange);
    }

    .page-team .hero .bg-illustration {
        top: 170px;
        height: 600px;
        background-image: url(../../images/deco/wave-lines-faded-8.svg);
    }

    .page-team .hero .bg-illustration svg {
        display: none;
    }

    .page-team .members .members-header {
        margin-bottom: 68px;
    }

    .page-team .members h2 {
        font-size: var(--size-3xl);
        line-height: 1.33;
    }

    .page-team .members .search {
		flex-direction: column;
		align-items: center;
		gap: 20px;
    }

	.page-team .members .search .button-wrapper {
		justify-content: center;
		width: 100%;
	}

	.page-team .members .search .search-input .search-clear {
		width: 28px;
		height: 28px;
	}

    .page-team .members .profiles ul {
		justify-content: space-evenly;
		column-gap: 5%;
		margin-bottom: 16px;
    }

    .page-team .members .profile-box {
        width: 80px !important;
		height: 60px !important;
    }

    .page-team .members .results .profile-box {
		height: 120px !important;
    }

    .page-team .members .profile-box .picture {
		display: block;
		margin: 0 auto;
		width: 60px !important;
		height: 60px !important;
		border-radius: 16px !important;
    }

    .page-team .members .results .profile-box .picture {
		width: 78px !important;
		height: 78px !important;
		border-radius: 24px !important;
    }

	.page-team .members .profile-box .name,
	.page-team .members .profile-box .role {
		width: 124%;
		line-height: 1.36;
	}

	.page-team .members .profile-box .role {
		margin-top: 4px;
		font-size: 12px;
	}

    .page-team .members .profile-box:nth-child(odd) {
		transform: none;
    }

    .page-team .members .profile-box:nth-child(odd) {
		transform: none;
    }

	.page-team .members .profiles-not-found  {
		margin-top: 0px;
	}

    .page-team .spaces {
		margin-top: 40px;
    }

    .page-team .spaces h2 {
		padding-right: 0;
		font-size: var(--size-5xl);
		line-height: 1.3;
    }

    .page-team .media {
		margin-top: 100px;
		margin-bottom: 80px;
    }

    .page-team .media .last-posts {
		height: 90vw;
		max-height: 82vw;
    }

    .page-team .media .bg-deco .circle.right {
		bottom: -180px;
		right: -63px;
		width: 150px;
		height: 150px;
    }

    .page-team .media .bg-deco .wave {
		top: unset;
		bottom: 20px;
		height: 160px;
		background-position-x: 72%;
		background-size: cover;
    }

    .page-team .media .bg-deco .wave svg {
		height: 180px;
		width: 180%;
		left: 33%;
		transform: translateX(-50%);
    }

    .page-team .members .bg-text {
		width: 100vw !important;
    }

    .page-team .members .bg-deco .circle.left.big {
		top: 50px;
		left: -292px;
		width: 411px;
		height: 411px;
		background-color: var(--color-primary-green-200);
		mix-blend-mode: normal;
		opacity: 0.2;
    }

    .page-team .members .bg-deco .circle.left.small {
		display: none;
    }

    .page-team .members .bg-deco .circle.right {
		top: calc(50% - 140px);
		right: -123px;
		width: 224px;
		height: 224px;
    }

    /* Contact */
    .page-contact .contact {
        margin-top: 150px;
    }

    .page-contact .hero {
        display: flex;
        height: 408px;
		border-radius: 0;
    }

    .page-contact .hero .video {
        object-fit: cover;
    }

	.page-contact .specialists {
		margin-top: 60px;
	}

	.page-contact .specialists .container {
		width: 100%;
		padding: 0 !important;
	}

	.page-contact .specialists .container h1 {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.page-contact .specialists .profiles {
		margin-top: 44px;
		padding-bottom: 80px;
	}

	.page-contact .specialists .profiles .profile {
		flex-direction: column;
		margin: 20px;
	}
	.page-contact .specialists .profiles .profile > div {
		flex-basis: 100%;
		width: 100%;
		min-height: 120px !important;
		max-width: unset !important;
	}

	.page-contact .specialists .profiles .profile > .left {
		border-right: 0;
		margin-right: 0;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #C2E0DE;
	}

	.page-contact .specialists .profiles .profile > .right {
		justify-content: flex-start;
	}

	.page-contact .specialists .profiles .slick-arrow {
		top: unset;
		right: unset;
		bottom: 0;
		left: 50%;
		width: 52px;
		height: 52px;
		background-color: #FFFFFF;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 10px;
		border-radius: 50%;
		box-shadow: 0px 4.61538px 13.0769px rgba(7, 99, 89, 0.2);
		transition: all .3s ease-out;
	}

	.page-contact .specialists .profiles .slick-arrow::before {
		content: unset;
		display: none;
	}

	.page-contact .specialists .profiles .slick-arrow.slick-prev {
		background-image: url(../../images/icons/arrow-left-green.svg);
		transform: translate3d(calc(-50% - 40px), 0, 0);
	}

	.page-contact .specialists .profiles .slick-arrow.slick-next {
		background-image: url(../../images/icons/arrow-right-green.svg);
		transform: translate3d(calc(-50% + 40px), 0, 0);
	}

	.page-contact .specialists .profiles .slick-arrow:active {
		background-color: var(--color-primary-green-100);
	}

	.page-contact .specialists .profiles .slick-arrow.slick-prev:active {
		background-position-x: calc(50% - 4px);
	}

	.page-contact .specialists .profiles .slick-arrow.slick-next:active {
		background-position-x: calc(50% + 4px);
	}

	.page-contact .specialists .bg-deco .circle.circle-2 {
		bottom: -250px;
		left: -110px;
		width: 262px;
		height: 262px;
	}

	.page-contact .specialists .bg-deco .circle.circle-3 {
		top: -310px;
		right: -140px;
		width: 312px;
		height: 312px;
	}

	.page-contact .specialists .bg-deco .circle.circle-4 {
		display: none;
	}

    .page-contact .content h1,
    .page-contact .content h2 {
        font-size: var(--size-3xl);
        line-height: 1.33;
    }

    .page-contact .contact .container .content {
        margin-top: -55px;
        margin-bottom: 44px;
        padding: 20px;
        border-radius: 20px;
    }

    .page-contact .content .form-section-container {
        flex-direction: column;
        margin-top: 32px;
        gap: 67px;
    }

    .page-contact .content .form-section-container > div {
        width: 100%;
    }

    .page-contact .content .form .input {
        margin-top: 32px;
    }

    .page-contact .content .info {
        padding-bottom: 58px;
    }

    .page-contact .content .info p:first-of-type .icon {
        margin-top: 0;
    }

    .page-contact .bg-deco {
        top: 55px;
    }

    .page-contact .bg-deco .circle.left-orange {
       top: 452px;
       left: -42px;
       width: 57px;
       height: 57px;
    }

    .page-contact .bg-deco .circle.left-green {
       top: 131px;
       left: -65px;
       width: 98px;
       height: 98px;
    }

    .page-contact .bg-deco .circle.right-green-small {
       right: -23px;
       width: 36px;
       height: 36px;
    }

    .page-contact .bg-deco .circle.right-green-medium {
       bottom: 300px;
       right: -42px;
       width: 72px;
       height: 72px;
       background-color: var(--color-primary-light-green);
    }

    .page-contact .bg-deco .circle.right-green-big {
        bottom: -80px;
    }

    .page-contact .bg-deco .wave-line {
		top: 0;
		height: 150px;
		background-size: 150%;
		background-position-y: center;
		background-position-x: right;
    }

	/* Community */
	.page-community .hero .container {
		flex-direction: column;
	}

	.page-community .hero .container > div {
		margin: 0;
		width: 100%;
	}

	.page-community .hero h1 {
		font-size: 34px;
		line-height: 44px;
	}

	.page-community .hero .side-deco .deco {
		transform: scale(0.65);
	}

	.page-community .hero .bg-deco .circle-1 {
		top: -140px;
		left: -180px;
		width: 328px;
		height: 328px;
	}

	.page-community .hero .bg-deco .circle-2 {
		bottom: -120px;
		right: -80px;
		width: 250px;
		height: 250px;
	}

	.page-community section h2 {
		text-align: center;
		font-size: 30px;
	}

	.events .container {
		padding-bottom: 0;
	}

	.events .events-container {
		height: 660px;
	}

	.events .events-container.carousel .event {
		width: 85% !important;
		border-radius: 24px !important;
	}

	.events .events-container .event .content,
	.events .events-container.carousel .event.active .content {
		padding: 15px !important;
	}

	.events .events-container.carousel .event .cover {
		border-bottom-left-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}

	.events .events-container .event .cover,
	.events .events-container.carousel .event.active .cover {
		height: 150px;
	}

	.events .events-container.carousel .event .when.big .location {
		justify-content: flex-start;
	}

	.events .events-container.carousel .event .when.big .location .flag {
		max-width: 18px;
		max-height: 18px;
	}

	.events .events-container.carousel .event .content {
		border-top-left-radius: 0 !important;
		border-top-right-radius: 0 !important;
	}

	.events .events-container.carousel .event .description {
		width: 100%;
		max-height: 140px;
	}

	.events .events-container.carousel .event.prev {
		left: calc(50% - 150px);
	}

	.events .events-container.carousel .event.next {
		left: calc(50% + 150px);
	}

	.events .events-container.carousel .event.active .when.big {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.events .events-dots {
		display: none;
	}

	.events .events-arrows {
		display: flex !important;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		gap: 32px;
	}

	.events .single + .events-arrows {
		display: none !important;
	}

	.events .events-arrows .arrow {
		display: block;
		width: 40px;
		height: 40px;
		background-color: #FFFFFF;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 8px !important;
		box-shadow: 0px 4.64407px 13.1582px rgba(7, 99, 89, 0.2);
		transition: all .3s ease-out;
		border-radius: 50%;
	}

	.events .events-arrows .arrow:active {
		background-color: var(--color-primary-green-100);
	}

	.events .events-arrows .arrow.left {
		background-image: url(../../images/icons/arrow-left-green.svg);
	}

	.events .events-arrows .arrow.right {
		background-image: url(../../images/icons/arrow-right-green.svg);
	}

	.page-community section.events {
		margin-top: 44px;
	}

	.page-community section.meetups {
		margin-top: 50px;
	}

	.page-community section.meetups h2 {
		margin-bottom: 0;
	}

	.page-community .meetups > .container {
		padding-left: 20px !important;
		padding-right: 20px !important;
		padding-bottom: 0;
		padding: 0 !important;
	}

	.page-community .meetups-container .meetup-wrapper .btn-close {
		top: -20px;
		right: 80px;
	}

	.page-community .meetups-container .meetup .image {
		left: 0;
	}

	.page-community .meetups-container .meetup .image svg {
		width: 240px;
	}

	.page-community .meetups-container .meetup .info {
		padding-top: 5px;
		left: 240px;
	}

	.page-community .meetups-container .meetup .info svg {
		width: 280px;
	}

	.page-community .meetups-container .meetup .info .content {
		top: 40px;
		max-height: 232px;
	}

	.page-community .meetups-container .meetup .info .content .title {
		font-size: 18px;
	}

	.page-community .meetups-container .meetup .info .content .description {
		position: relative;
		font-size: 15px;
		max-height: 130px;
		overflow: hidden;
	}

	.page-community .meetups-container .meetup .info .content .description::after {
		content: '';
		position: absolute;
		display: block;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 2em;
		background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	}

	.page-community .meetups-container .meetup {
		flex-direction: column;
		transform: scale(0.78);
		margin: -20px;
	}

	.page-community section.talks {
		margin-bottom: 0;
	}

	.page-community .talks > .container  {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	.page-community .talks .talks-container .talk {
		margin: 25px;
	}

	.page-community .talks .talk .btn.collapsed {
		min-width: 140px;
	}

	.page-community .talks .talk .btn.collapsed > span {
		top: 50% ;
		opacity: 1;
		pointer-events: all !important;
	}

	.page-community .talks .talk .btn.collapsed::after {
		right: 5px;
		transform: translate3d(0, 0, 0);
	}

	.page-community .talks .bg-text {
		top: -55px;
		max-height: 130px;
		background-image: url(../../images/deco/text-bg-previous-talks-mobile.svg);
	}

	.page-community .webinars .container {
		padding: 0 !important;
		width: 100%;
	}

	.page-community .last-webinars {
		height: 300px;
	}

	.page-community .last-webinars .webinar {
		position: absolute;
		left: 50%;
		max-width: 294px;
		border-radius: 32px 8px;
		box-shadow: 0px 4px 26px rgba(37, 150, 138, 0.25);
		transform: scale(1) translate3d(-50%, 0, 0);
		z-index: 1;
		transition: all .6s ease-out;
	}

	.page-community .last-webinars .webinar.active {
		z-index: 2;
	}

	.page-community .last-webinars .webinar.prev {
		transform: scale(0.75) translate3d(calc(-50% - 240px), 0, 0);
	}

	.page-community .last-webinars .webinar.next {
		transform: scale(0.75) translate3d(calc(-50% + 240px), 0, 0);
	}

	.page-community .last-webinars .webinar .thumbnail {
		height: 166px;
	}

	.page-community .last-webinars .webinar .link,
	.page-community .last-webinars .webinar:hover .link {
		display: inline-flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		gap: 6px;
		min-width: 164px;
		padding: 10px 16px;
		text-transform: uppercase;
		font-size: 14px;
		line-height: 20px;
		color: #FFFFFF !important;
		background-color: var(--color-secondary-orange);
		border-radius: 24em;
		opacity: 0;
	}

	.page-community .last-webinars .webinar.active .link,
	.page-community .last-webinars .webinar.active:hover .link {
		opacity: 1;
	}

	.page-community .last-webinars .webinar .link::before,
	.page-community .last-webinars .webinar .link::after {
		content: unset;
		display: none;
	}

	.page-community .last-webinars .webinar .link .arrow {
		max-width: 18px;
		max-height: 14px;
		background-image: url(../../images/icons/arrow-right-long.svg);
	}

	.page-work.inside .process .content div.side-content .side-top.with-picture {
		flex-direction: column;
	}

	.page-work.inside .process .content div.side-content .side-top.with-picture > div {
		width: 100%;
	}

	.page-work.inside section.illu-paragraph .side-text {
		margin-top: -10px !important;
	}

	.page-work.inside .process .content div.side-content .side-top.with-picture > div.side-illustration {
		display: none;
	}

	.page-labs .hero .container {
		width: 100%;
		flex-direction: column-reverse;
	}

	.page-labs .hero .container > div {
		width: 100%;
		min-height: 100%;
	}

	.page-labs .hero .container > .side-content.lab {
		width: 100%;
	}

	.page-labs .hero .customers .customers-logos-container {
		width: 100%;
		flex-direction: column;
		margin: 40px 0px;
	}

    /* .page-labs .labs .container .labs-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 15px 0px;
	} */

    .page-labs .labs.active .container .lab p {
        display: none;
    }

	.page-labs .bottom-home .container .side-content {
		width: 90%;
	}

	.page-labs .labs {
		margin-top: 0px;
	}

	.page-labs .labs-info .container {
		flex-direction: column-reverse;
	}

	.page-labs .labs-info .container.reverse {
		flex-direction: column-reverse;
	}
	.page-labs .labs-info .container > div {
		width: 100%;
		flex-direction: unset;
	}

	.page-labs .labs-info .container .side-content {
		min-height: 100%;
		width: 100%;
	}

	.page-labs .bottom-home .bg-deco .smaller-circle {
		left: unset;
		right: 7%;
	}

	.page-labs .bottom-home .bg-deco .small-circle {
		left: unset;
		right: 10%;
	}

	.page-labs .bottom-home .bg-deco .large-circle {
		top: 70%;
		left: unset;
		right: 17%;
	}

	.page-labs .labs-info .container.reverse > div {
		width: 100%;
	}

	.page-labs .labs-info .container.reverse .side-content  {
		width: 100%;
	}

	.page-labs .labs-info .container.reverse .side-deco  {
		width: 100%;
	}

	.page-labs .labs .bg-deco .circle.left {
		top: 0;
	}
	.page-labs .labs-info .bg-deco .circle.right {
		top: 40%;
	}

	.page-labs .our-experience .container > div {
		width: 100%;
		min-height: 100%;
	}

	.page-labs .our-experience .container .expereince-container {
		flex-direction: column !important;
	}

	.page-labs .our-experience .container .expereince-container .experience-card {
		width: 100%;
	}

	.page-labs .info-lab .container {
		width: 100%;
		flex-direction: column-reverse;
	}

	.page-labs .info-lab .container > div {
		width: 100%;
		min-height: 100%;
		margin: 30px 0px;
	}

	.page-labs .info-lab .container .side-content.lab {
		width: 100%;
	}

	.page-labs .expertise-areas .container {
		width: 90%;
		flex-direction: column;
	}

	.page-labs .expertise-areas .container > div {
		width: 100%;
		min-height: 100%;
	}

	.page-labs .bottom .bg-deco .smaller-circle {
		left: unset;
		right: 7%;
		top: 70%;
	}

	.page-labs .bottom .bg-deco .small-circle {
		left: unset;
		top: 80%;
		right: 10%;
	}

	.page-labs .bottom .bg-deco .large-circle {
		top: 90%;
		left: unset;
		right: 17%;
	}

	.page-labs .info-lab .container > .side-deco img {
		width: 99%;
	}

	.page-labs .expertise-areas .container .side-content {
		transform: unset;
	}

	.page-labs .labs-info .container .side-deco picture img {
		width: 99%;
	}

	.page-services .what-we-do .container .content .cards-container {
		flex-direction: column;
	}

	.page-services .container > div {
		width: 100%;
	}

	.page-services .work-with-teams .container > .side-content {
		width: 100%;
	}

	.page-services .work-with-teams .container > div,
	.page-services .work-together .container > div,
	.page-services .organization .container > div {
		width: 100% !important;
		margin: 0px;
        min-height: 380px;
	}

    .page-services .method .graph {
        position: relative;
    }

    .page-services .method .graph::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: -90px;
        width: 140px;
        height: 100%;
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28%, rgba(255,255,255,1) 100%);
        pointer-events: none;
        z-index: 5;
    }

    .page-services .method .method-graph-mobile {
        padding-right: 40px;
        overflow-x: scroll;
    }

    .page-services .projects .container .expereince-container {
        flex-direction: column-reverse;
        height: unset;
    }

	.page-services .projects .container .expereince-container .experience-card {
        padding: 30px;
		width: 100%;
	}

	.page-services .projects .container .expereince-container .experience-card p {
        font-size: 14px;
        line-height: 1.5;
        text-wrap: pretty;
	}

    .page-services .projects .container .expereince-container picture {
        width: 100% !important;
    }

	.page-services .lets-work-together .container {
		width: 100%;
	}

	.page-services .lets-work-together .container > div {
		width: 100%;
	}

	.page-services .lets-work-together .container .side-photo {
		display: none;
	}

    .page-services .team-01 .container svg {
        width: 100%;
    }

    .page-community .about .container {
        flex-direction: column;
        align-items: center;
    }

    .page-community .about .container > div {
        width: 100%;
        flex-basis: 100%;
    }
}

@media screen and (max-width: 599px) {

	.page-home .hero .side-deco .main-circle {
        transform: scale(0.4);
    }

	.events .events-container .event .links,
	.events .events-container.carousel .event.active .links {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 20px;
	}

	.events .events-container.carousel .event .links .btn-save {
		position: relative;
		top: unset;
		left: unset;
		transform: unset;
	}

	.page-community .host .container .logos {
		flex-direction: column;
		align-items: center;
		gap: 40px;
		margin-bottom: 60px;
	}

	.page-community .host .container .logos .logo {
		flex-basis: 80%;
		width: 80%;
	}

	.page-community .host .container .logos .logo a {
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		height: 150px;
		text-decoration: none;
		padding-bottom: 20px;
	}

	.page-community .host .container .logos .logo a:hover {
		min-height: 150px;
	}

	.page-community .host .container .logos .logo a span.btn {
		position: relative;
		top: unset;
		padding: 0.325em 1.25em;
		font-size: 12px;
		opacity: 1;
	}


	.page-community .host .container a.btn {
		border-radius: 10px;
	}

	.selector li.green {
		max-width: 280px;
	}

	.selector li.white {
		max-width: 245px;
	}

	.selector li.light {
		max-width: 216px;
	}
}

@media screen and (max-width: 1199px) {
	.container {
		width: 95vw;
		max-width: 95%;
	}

	/* Home */
	.page-home .partner .side-image {
		margin-left: 0;
	}
}

@media screen and (max-width: 1150px) {
	.page-contact .specialists .profiles.only-desktop {
		zoom: 0.85;
	}
	.page-contact .specialists .profiles.only-desktop .profile > .right .info {
		min-width: unset !important;
	}

    .page-services .cards .container .cards-container .card h2 {
        font-size: var(--size-2xl);
    }
}

@media screen and (max-width: 1100px) {

	.page-home .partner .container {
		gap: 40px;
	}

	.page-home .partner .side-image .picture {
		max-width: calc(50vw - 50px);
	}

    .page-home .expertise .expertise-items {
        flex-wrap: nowrap;
        column-gap: 2%;
    }

    .page-home .expertise .expertise-items .item-box {
        width: 180px;
    }

	.page-community .meetups .worldmap {
		width: 140%;
		left: 50%;
		transform: translate3d(-50%, 0, 0) scale(0.8);
	}

}

@media screen and (max-width: 1000px) {
	.page-contact .specialists .profiles.only-desktop {
		zoom: 0.75;
	}
}

@media screen and (max-width: 980px) {
    /* Services */
    .page-services .services .services-items {
        gap: 10px;
    }

    .page-services .services .item-box {
        width: 180px;
    }

    .page-services .services .item-box::after {
        height: 155px;
    }

	.page-services .benefits .benefits-items {
        gap: 10px;
    }

    .page-services .benefits .item-box {
        width: 180px;
    }

    .page-services .benefits .item-box::after {
        height: 155px;
    }

	.page-services .benefits .benefits-items {
        gap: 10px;
    }

    .page-services .benefits .item-box {
        width: 180px;
    }

    .page-services .benefits .item-box::after {
        height: 155px;
    }

	.page-services .custom-engineering-cards .custom-engineering-cards-items {
        gap: 10px;
    }

    .page-services .custom-engineering-cards .item-box {
        width: 180px;
    }

    .page-services .custom-engineering-cards .item-box::after {
        height: 155px;
    }

	.page-services .custom-engineering-cards .custom-engineering-cards-items {
        gap: 10px;
    }

    .page-services .custom-engineering-cards .item-box {
        width: 180px;
    }

    .page-services .custom-engineering-cards .item-box::after {
        height: 155px;
    }

    /* Our Team */
	.page-team .members .profile-box {
		width: 78px;
	}

    .page-team .members .profile-box .picture {
		width: 78px;
		height: 78px;
		border-radius: 16px !important;
    }

	/* Work Cases */
	.page-work.inside .container {
		width: 100%;
	}

	.page-work.inside .container.row,
	.page-work.inside .column-view .solution {
		flex-direction: column;
	}

	.page-work.inside .container.row > *,
	.page-work.inside .column-view .solution > div {
		width: 100%;
	}

	.page-work.inside .column-view .solution .comment-results .user-comment {
		margin-right: auto;
	}

	.page-work.inside .row > section > .container {
		padding: 0 !important;
	}

	.page-work.inside section.intro {
		margin-top: 0 !important;
	}

	.page-work.inside section.intro .top {
		flex-direction: column;
	}

	.page-work.inside section.intro .top > div.side-text,
	.page-work.inside section.intro .top > div.side-items {
		width: 100%;
	}

	.page-work.inside section.intro .top > div.side-right {
		display: none;
	}

	.page-work.inside section.intro .top > div.side-items {
		margin-top: 50px;
	}

	.page-work.inside section.intro .top > div.side-items strong {
		font-size: 24px;
		line-height: 32px;
		color: var(--color-primary-green);
	}

	.page-work.inside section.intro .bottom .side-right {
		min-height: unset;
		height: 428px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 30px;
		padding-bottom: 60px;
	}

	.page-work.inside section.intro .bottom .side-right video {
		height: 100%;
	}

	.page-work.inside ul.items-container {
		column-gap: 12px;
		row-gap: 24px;
		width: 100%;
	}

	.page-work.inside ul.items-container > li {
		flex-grow: 1;
		padding: 4px;
		font-size: 13px;
		width: 104px;
		height: 68px;
		border-radius: 4px;
	}

	.page-work.inside section.process .side-items > strong {
		font-size: 22px;
		padding-left: 10px;
		color: var(--color-primary-green);
	}

	.page-work.inside section.process ul.items-container {
		width: 100%;
		justify-content: space-around;
	}

	.page-work.inside section.process ul.items-container > li {
		width: 129px;
		height: 98px;
		border-radius: 24px 12px;
	}

	.page-work.inside section.results .content .side-text h3 {
		padding-top: 50px;
	}

	.page-work.inside section.results .side-text ul {
		width: 100%;
		padding-bottom: 50px;
	}

	.page-work.inside section.results .side-text ul > li {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		gap: 18px;
		margin-bottom: 14px;
		color: #333333;
		background-color: transparent;
	}

	.page-work.inside section.results .side-text ul > li > span:nth-child(1) {
		display: block;
		text-align: center;
		width: 102px;
		min-width: 124px;
		height: 62px;
		font-family: var(--font-rubik);
		font-weight: bold;
		font-size: 24px;
		line-height: 62px;
		color: #FFFFFF;
		background-color: var(--color-secondary-orange-700);
		border-radius: 16px 6px;
	}

	.page-work.inside section.results .side-text ul > li > span:nth-child(2) {
		display: block;
		text-align: left;
		font-weight: 500;
		line-height: 22px;
		font-size: 16px;
		letter-spacing: 0.07em;
	}

	.page-work.inside section.intro .bottom .profiles.only-desktop {
		justify-content: center;
		flex-wrap: wrap;
	}

	.page-work.inside section.intro .bottom .profiles.only-desktop li {
		flex-grow: 1;
		width: 40%;
	}

	.page-work.inside section.intro .bottom .profiles li {
		margin: 20px;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		gap: 12px;
		padding: 12px;
		background-color: #FFFFFF;
		box-shadow: 0px 3.85393px 17.3427px rgba(37, 150, 138, 0.2);
		border-radius: 16px;
	}

	.page-work.inside section.intro .bottom .profiles li .picture {
		width: 100px;
		height: 100px;
		min-width: 100px;
		min-height: 100px;
		border-radius: 8px;
	}

	.page-work.inside section.intro .bottom .profiles li .name {
		display: block;
		margin-bottom: 6px;
		font-weight: 600;
		font-size: 20px;
		line-height: 28px;
	}

	.page-work.inside .content > div.side-content {
		min-width: unset;
		width: 100%;
	}

	.page-work.inside section.intro + section.challenge .with-illustration video,
	.page-work.inside section.illu-paragraph .side-illustration video {
		width: 100%;
		transform: none;
	}

	.page-work.inside section.illu-paragraph .side-illustration video {
		display: none;
	}
	.page-work.inside section.illu-paragraph .side-text {
		margin-top: 40px;
		padding-left: calc(var(--bs-gutter-x) * .5);
	}

	.page-work.inside section.results .side-text ul + p {
		position: relative;
		padding-left: 60px;
		color: var(--color-primary-green);
	}

	.page-work.inside section.results .side-text ul + p::before {
		position: absolute;
		content: '';
		display: block;
		left: 0;
		top: 50%;
		width: 40px;
		height: 60px;
		background-image: url(../../images/deco/deco-green-2.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		transform: translate3d(0, -50%, 0);
	}

	.page-work.inside section .user-comment {
		padding: 24px;
		box-shadow: 0px 8px 45px rgba(10, 89, 81, 0.15);
		border-radius: 32px 8px;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}

	.page-work.inside section .user-comment p {
		font-size: 14px;
	}

	.page-work.inside section.team .profiles {
		justify-content: center;
		margin-bottom: 45px;
	}

	.page-work.inside section .profile-card .picture {
		width: 72px;
		height: 72px;
		border-radius: 50%;
	}

	.page-work.inside section .profile-card h5 {
		font-size: 14px;
		line-height: 18px;
	}

	.page-work.inside section .profile-card p {
		font-size: 12px;
	}

	.page-work.inside section .user-comment .logo {
		height: 90px;
	}

	.page-work.inside section.extended-team {
		padding-top: 50px;
	}

	.page-work.inside section.extended-team .row .column {
		width: 100%;
		padding-left: 16px;
		padding-right: 26px;
	}
}

@media screen and (min-width: 768px) {
	.page-community .meetups .worldmap {
		overflow: hidden;
	}
}

@media screen and (max-width: 550px) {

	.page-work.inside section.intro .bottom {
		flex-direction: column;
		margin-top: 0 !important;
	}

	.page-work.inside section.intro .bottom > div {
		width: 100%;
		flex-basis: 100%;
	}

	.page-work.inside section.intro .bottom .steps {
		flex-direction: column;
		max-width: 310px;
		margin-left: auto;
		margin-right: auto;
		gap: 72px;
	}

	.page-work.inside section.intro .bottom .steps li {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		width: 100%;
	}

	.page-work.inside section.intro .bottom .steps li:nth-child(even) {
		justify-content: flex-end;
	}


	.page-work.inside section.intro .bottom .steps li + li::before {
		top: -40px;
		left: 50%;
		width: 230px;
		height: 55px;
		transform: translate3d(-50%, -50%, 0);
	}

	.page-work.inside section.intro .bottom .steps li:nth-child(1) + li::before {
		background-image: url(../../images/deco/arrow-side-1.svg);
	}

	.page-work.inside section.intro .bottom .steps li:nth-child(2) + li::before {
		width: 140px;
		background-image: url(../../images/deco/arrow-side-2.svg);
	}

	.page-work.inside section.results .side-text .logos {
		margin-left: auto;
		margin-right: auto;
		padding: 30px 0;
		text-align: center;
	}

	.page-work.inside section.team .profiles {
		flex-wrap: wrap;
		justify-content: center;
		margin: 45px auto;
		max-width: 300px;
	}

	.page-work.inside section.team .profiles .profile {
		width: 94px;
		height: 94px;
		border-radius: 12px;
	}

	.page-work.inside section.team .profiles .profile img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	.page-work.inside section.extended-team .row {
		flex-direction: column;
	}

	.page-work.inside section.extended-team .row::before {
		content: unset;
	}

	.page-work.inside section.extended-team .row .column {
		max-width: unset;
	}

	.page-work.inside section.solution .picture {
		margin-top: 0;
		height: 294px;
	}

	.page-work.inside section.solution .picture  > img {
		object-fit: contain;
	}

}

@media screen and (max-width: 374px) {
    .page-home .services .services-items .item-box .item-cover h4,
    .page-home .services .services-items .item-box:hover .item-cover h4,
    .page-home .services .services-items .item-box.active .item-cover h4 {
        left: 54px;
    }

    .page-home .services .services-items .item-box .item-cover .arrow {
        right: 16px;
    }

    .page-home .services .services-items .item-box .item-logos {
        padding-left: 20px;
        padding-right: 20px;
    }

    .page-home .services .services-items .item-box .item-logos.custom-padding {
        padding-left: 32px;
        padding-right: 32px;
    }

	.page-community .meetups-container .meetup {
		transform: scale(0.65);
	}
}

.side-graph-framework {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.orange-gear-circle {
	display: flex;
	border-radius: 100%;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 16%;
	top: 72%;
	width: 55px;
	height: 55px;
	background-color: var(--color-secondary-orange-400);
	z-index: 2;
}

.orange-file-circle {
	display: flex;
	border-radius: 100%;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 12%;
	top: 72%;
	width: 55px;
	height: 55px;
	background-color: var(--color-secondary-orange-400);
	z-index: 2;
}

.orange-message-circle {
	display: flex;
	border-radius: 100%;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 33%;
	top: 5%;
	width: 55px;
	height: 55px;
	background-color: var(--color-secondary-orange-400);
	z-index: 2;
}

.method-graph {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 462px;
	margin-bottom: 200px;
	z-index: 1;
}

.method-graph-mobile {
	align-items: center;
	justify-content: center;
	position: relative ;
	width: 100%;
	height: 100%;
	z-index: 1;
}


.method-graph-mobile div {
	display: flex;
	flex-direction: column;
	position: absolute;
	z-index: 2;
}

.method-graph-mobile .kickoff {
	align-items: center;
	right:3%;
	top: 6.60%;
}

.method-graph-mobile .kickoff h3 {
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 0;
}

.method-graph-mobile .kickoff p {
	font-size: 12px !important;
}

.method-graph-mobile .team-setup {
	justify-content: start;
	left:12%;
	top: 30%;
}

.method-graph-mobile .team-setup h3 {
	text-align: start;
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 0;
}

.method-graph-mobile .team-setup p {
	font-size: 12px !important;
}

.method-graph-mobile .dedicated-team {
	align-items: center;
	right: 0%;
	top: 36%;
}

.method-graph-mobile .dedicated-team h3 {
	text-align: center;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 0;
}

.method-graph-mobile .extended-team {
	align-items: center;
	left: 2%;
	top: 41%;
}

.method-graph-mobile .extended-team h3 {
	text-align: center;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 0;
}

.method-graph-mobile .monthly-customer-svg {
	align-items: center;
	left: 0%;
	top: 55%;
}

.method-graph-mobile .monthly-customer-svg svg {
	width: 130px;
	height: 100%;
	z-index: 2;
}

.method-graph-mobile .monthly-customer {
	right: 0%;
	top: 68%;
	z-index: 2;
}

.method-graph-mobile .monthly-customer h3 {
	text-align: start !important;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 0;
}

.method-graph-mobile .monthly-customer p {
	text-align: start;
	font-size: 12px !important;
}

.method-graph-mobile .six-month{
	right: 23%;
	bottom: 9.70%;
}

.method-graph-mobile .wave-review {
	left: 0%;
	top: 86%;
}

.method-graph-mobile .six-month h3 {
	text-align: start;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 0;
}

.method-graph svg {
	width: 89%;
	height: 100%;
	z-index: 1;
}

.method-graph div {
	display: flex;
	flex-direction: column;
	position: absolute;
	z-index: 2;
}

.method-graph h3 {
	font-size: 24px;
}

.method-graph p {
	font-size: 14px;
}



.method-graph .kickoff {
	left: 1%;
	top: 11%;
}

.method-graph .kickoff h3 {
	margin-top: 0;
	margin-bottom: 0;
}

.method-graph .team-setup {
	left: 24%;
	top: 45%;
	z-index: 2;
}

.method-graph .team-setup h3 {
	text-align: start;
	margin-top: 0;
	margin-bottom: 0;
}

.method-graph .dedicated-team {
	align-items: center;
	left: 32%;
	top: 8%;
	z-index: 2;
}

.method-graph .dedicated-team svg {
	width: 125px;
	height: 100%;
	z-index: 1;
	margin-bottom: 10px;
}

.method-graph .dedicated-team h3 {
	margin-top: 0;
	margin-bottom: 0;
}


.method-graph .extended-team {
	align-items: center;
	left: 36%;
	bottom: 12%;
	z-index: 2;
}

.method-graph .extended-team h3 {
	margin-top: 0;
	margin-bottom: 0;
}

.method-graph .extended-team svg {
	width: 125px;
	height: 100%;
	z-index: 1;
	margin-bottom: 10px;
}

.method-graph .monthly-customer {
	display: flex;
	flex-direction: column;
	position: absolute;
	right: 21%;
	top: 10%;
	z-index: 2;
}

.method-graph .monthly-customer svg {
	margin-right: 70px;
	width: 195px;
	height: 100%;
	z-index: 1;
	margin-bottom: 10px;
}

.method-graph .monthly-customer h3 {
	text-align: start;
	margin-top: 50px;
	margin-bottom: 0;
}

.method-graph .six-month {
	display: flex;
	flex-direction: column;
	position: absolute;
	right: 4%;
	top: 1%;
	z-index: 2;
}

.method-graph .wave-review {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	right: 0%;
	top: 60%;
	z-index: 2;
}

.method-graph .wave-review svg {
	margin-left: 44px;
	width: 61px;
	height: 61px;
	z-index: 1;
	margin-bottom: 10px;
}

.method-graph .wave-review h3 {
	text-align: start;
	margin-top: 0;
	margin-bottom: 0;
}

.method-graph .orange-circle-1 {
	border-radius: 100%;
	position: absolute;
	left: 100.2px;
	top: 42%;
	width: 20px;
	height: 20px;
	background-color: var(--color-secondary-orange-400);
	z-index: 2;
}

.method-graph .orange-circle-2 {
	border-radius: 100%;
	position: absolute;
	left: 305px;
	top: 39%;
	width: 20px;
	height: 20px;
	background-color: var(--color-secondary-orange-400);
	z-index: 2;
}

.method-graph .orange-circle-3 {
	border-radius: 100%;
	position: absolute;
	right: 36%;
	top: 56%;
	width: 20px;
	height: 20px;
	background-color: var(--color-secondary-orange-400);
	z-index: 2;
}

.method-graph .orange-circle-4 {
	border-radius: 100%;
	position: absolute;
	right: 14%;
	top: 49%;
	width: 20px;
	height: 20px;
	background-color: var(--color-secondary-orange-400);
	z-index: 2;
}

.method-graph-mobile .orange-circle-1-mobile {
	border-radius: 100%;
	position: absolute;
	left: 55%;
	top: 9%;
	width: 16px;
	height: 16px;
	background-color: var(--color-secondary-orange-400);
	z-index: 2;
}

.method-graph-mobile .orange-circle-2-mobile {
	border-radius: 100%;
	position: absolute;
	left: 57%;
	top: 33%;
	width: 16px;
	height: 16px;
	background-color: var(--color-secondary-orange-400);
	z-index: 2;
}

.method-graph-mobile .orange-circle-3-mobile {
	border-radius: 100%;
	position: absolute;
	left: 37%;
	top: 69%;
	width: 16px;
	height: 16px;
	background-color: var(--color-secondary-orange-400);
	z-index: 2;
}

.method-graph-mobile .orange-circle-4-mobile {
	border-radius: 100%;
	position: absolute;
	left: 41%;
	bottom: 10%;
	width: 16px;
	height: 16px;
	background-color: var(--color-secondary-orange-400);
	z-index: 2;
}

.green-circle {
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 1;
}

.bars {
	position: absolute;
	left: 50%;
	bottom: 10%;
	z-index: 2;
	width: 80px;
}

.page-blog .hero {
    margin-bottom: -80px;
}

.page-blog .container {
    max-width: 1044px;
}

.page-blog .hero .buttons {
    margin-top: 16px;
}

.page-blog .headline {
    margin-bottom: 15px;
    font-family: var(--font-rubik);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: 1.12px;
    text-transform: uppercase;
}

.page-blog h3 {
    line-height: 1.22;
    margin-bottom: 8px;
}

.page-blog input,
.page-work input {
    font-family: var(--font-poppins);
	padding: 7px 14px;
    width: 100%;
	font-size: 18px;
    font-weight: 400;
    line-height: 1.155;
    color: var(--color-primary-dark);
    background-color: transparent;
    border: 0;
    border-bottom: 3px solid var(--color-secondary-orange);
    transition: all .25s;
    outline: 0;
}

.page-blog input:focus,
.page-work input:focus {
    border-bottom-color: var(--color-primary-green);
}

.page-blog .hero .side-content .content {
    max-width: 455px;
}

.page-blog .hero .side-content h1 {
    font-size: var(--size-4xl);
}

.page-blog .hero .side-picture .picture {
    border-radius: 20px;
    min-height: 340px;
}

.page-blog .hero .side-picture .picture > img {
    width: unset;
    height: unset;
}

.page-blog .hero > .container {
    position: relative;
}

.page-blog .hero .bg-deco {
    width: unset;
    height: unset;
}

.page-blog .hero .bg-deco .circle {
    position: absolute;
}

.page-blog .hero .bg-deco .circle.left.big {
    left: -420px;
    top: -200px;
    width: 580px;
    height: 580px;
    background-color: var(--color-primary-black-100);
    animation: littledance 20s infinite;
}

.page-blog .hero .bg-deco .circle.left.small {
    left: 200px;
    bottom: -60px;
    width: 55px;
    height: 55px;
    background-color: transparent;
    border: 3px solid var(--color-secondary-orange);
    animation: littledance 10s infinite;
}

.page-blog .hero .bg-deco .circle.right {
    right: -250px;
    bottom: -100px;
    width: 355px;
    height: 355px;
    background-color: var(--color-primary-green-100);
    animation: littledance 18s infinite;
}

.page-blog .feed {
	margin-bottom: 100px;
}

.page-blog .feed .container {
    position: relative;
}

.page-blog .feed .container > h3 {
    margin-bottom: 34px;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: var(--color-primary-dark);
}

.page-blog .feed .top-bar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 60px;
}

.page-blog .feed .top-bar .categories {
    max-width: 730px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: 40px;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.page-blog .feed .top-bar .categories::--webkit-scrollbar {
    display: none;
}

.page-blog .feed .top-bar .categories ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 12px;
    user-select: none;
}

.page-blog .feed .top-bar .categories ul li {
    width: auto;
    padding: 8px 26px;
    text-align: center;
    font-family: var(--font-poppins);
    color: var(--color-primary-green-400);
    background-color: transparent;
    border: 1px solid var(--color-primary-green-400);
    transition: all .2s;
    border-radius: 16px;
    white-space: nowrap;
	cursor: pointer;
}

.page-blog .feed .top-bar .categories ul li[data-id="0"] {
    min-width: 95px;
}

.page-blog .feed .top-bar .categories ul li:last-of-type {
    margin-right: 20px;
}

.page-blog .feed .top-bar .categories ul li:hover {
    background-color: var(--color-primary-green-200);
}

.page-blog .feed .top-bar .categories ul li.selected {
    font-weight: 600;
    color: #FFFFFF;
    background-color: var(--color-primary-green-400);
}

.page-blog .feed .top-bar .search,
.page-work .feed .search {
	position: relative;
    width: 100%;
    max-width: 260px;
}

.page-blog .feed .top-bar .search .icon,
.page-work .feed .search .icon {
    position: absolute;
    display: block;
    top: 2px;
    left: 4px;
    width: 24px;
    max-height: 24px;
	pointer-events: none;
}

.page-blog .feed .top-bar .search input,
.page-work .feed .search input {
	padding-left: 42px;
}

.page-blog .feed .top-bar .search .btn.btn-clear,
.page-work .feed .search .btn.btn-clear {
    position: absolute;
    top: 5px;
    right: 0;
    width: 24px;
    height: 24px;
    border: 0;
    background-color: transparent;
    transition: all .4s;
    user-select: none;
    z-index: 2;
}

.page-blog .feed .top-bar .search .btn.btn-clear.hidden,
.page-work .feed .search .btn.btn-clear.hidden {
    opacity: 0;
    top: 8px;
    pointer-events: none;
}

.page-blog .feed .top-bar .search .btn.btn-clear:hover,
.page-work .feed .search .btn.btn-clear:hover {
    padding-right: 1.25em;
}

.page-blog .feed .top-bar .search .btn.btn-clear::after,
.page-work .feed .search .btn.btn-clear::after {
    content: unset;
    display: none;
}

.page-blog .feed .top-bar .search .btn.btn-clear::before,
.page-work .feed .search .btn.btn-clear::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%);
}

.page-blog .feed .entries {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 22px;
    min-height: 406px;
}

.page-blog .feed .entries .entry {
    flex-grow: 1;
    flex-basis: 324px;
	display: flex;
	flex-direction: column;
    max-width: 324px;
	gap: 20px;
}

.page-blog .feed .entries .entry .cover {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 254px;
	border-radius: 20px;
	overflow: hidden;
}

.page-blog .feed .entries .entry .cover img {
	object-fit: cover;
	width: 100%;
	height: 100%;
    user-select: none;
    -webkit-user-drag: none;
}

.page-blog .feed .entries .entry .desc {
    position: relative;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.page-blog .feed .entries .entry .desc .category {
	font-family: var(--font-rubik);
	font-weight: 500;
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.98px;
	color: var(--color-primary-dark);
	text-transform: uppercase;
}

.page-blog .feed .entries .entry .desc .title {
	font-family: var(--font-rubik);
	font-weight: 700;
	font-size: 18px;
	line-height: 1.55;
	color: var(--color-primary-green);
}

.page-blog .feed .entries .entry a {
    text-decoration: none;
}

.page-blog .feed .pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 55px;
}

.page-blog .feed .pagination,
.page-blog .feed .pagination ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-family: var(--font-rubik);
}

.page-blog .feed .pagination ul li {
    padding: 12px;
    font-size: 18px;
    text-decoration: none;
    letter-spacing: 1.5px;
    font-weight: 500;
    cursor: pointer;
    color: var(--color-primary-green-200);
    user-select: none;
}

.page-blog .feed .pagination ul li.active {
    font-size: 22px;
    color: var(--color-primary-green);
}

.page-blog .feed .pagination .btn-nav {
    position: relative;
    width: 42px;
    height: 42px;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px;
    box-shadow: 0px 4.65px 13.1px rgba(7, 99, 89, 0.2);
    border-radius: 50%;
    transition: all .2s ease-out;
    cursor: pointer;
    z-index: 2;
}

.page-blog .feed .pagination .btn-nav.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.page-blog .feed .pagination .btn-nav.prev {
    background-image: url(../../images/icons/arrow-left-green.svg);
}

.page-blog .feed .pagination .btn-nav.next {
    background-image: url(../../images/icons/arrow-right-green.svg);
}

.page-blog .feed .pagination .btn-nav:active {
    background-color: var(--color-primary-green);
}

.page-blog .feed .pagination .btn-nav.prev:hover,
.page-blog .feed .pagination .btn-nav.prev:active {
    background-position-x: calc(50% - 4px);
}

.page-blog .feed .pagination .btn-nav.prev:active {
    background-image: url(../../images/icons/arrow-left-white.svg);
}

.page-blog .feed .pagination .btn-nav.next:hover,
.page-blog .feed .pagination .btn-nav.next:active {
    background-position-x: calc(50% + 4px);
}

.page-blog .feed .pagination .btn-nav.next:active {
    background-image: url(../../images/icons/arrow-right-white.svg);
}

.page-blog .feed .bg-text {
    top: unset;
    top: 20px;
    left: 50%;
    width: 90% !important;
    max-width: 1333px;
    background-image: url(../../images/deco/text-bg-our-blog-posts.svg);
    transform: translate3d(-50%, -20px, 0);
    transition: all 1s ease-in-out;
}

.page-blog .feed .bg-deco .circle {
    position: absolute;
}

.page-blog .feed .bg-deco .circle.right.big {
    bottom: -20px;
    right: -20px;
    width: 64px;
    height: 64px;
    background-color: var(--color-primary-green-400);
    animation: littledance 10s infinite;
}

.page-blog .feed .bg-deco .circle.right.medium {
    bottom: 70px;
    right: -70px;
    width: 32px;
    height: 32px;
    background-color: var(--color-primary-light-green);
    animation: littledance 18s infinite;
}

.page-blog .feed .bg-deco .circle.right.small {
    bottom: 140px;
    right: -100px;
    width: 16px;
    height: 16px;
    background-color: var(--color-primary-green-400);
    animation: littledance 22s infinite;
}

.page-blog .newsletter-linkedin .container {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.page-blog .newsletter-linkedin .container > div {
    flex-grow: 1;
    flex-basis: 50%;
    width: 50%;
}

.page-blog .newsletter-linkedin .container > div.left {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.page-blog .newsletter-linkedin .container > div.right .content {
    max-width: 455px;
}

.page-blog .newsletter-linkedin .container > div.right .content h3 {
    font-size: var(--size-4xl);
}

.page-blog .newsletter-linkedin .container > div.right .content p {
    text-wrap: pretty;
}

.page-blog .newsletter-linkedin .container .bg-deco .circle.left {
    position: absolute;
    top: 0;
    left: -230px;
    width: 179px;
    height: 179px;
    background-color: var(--color-secondary-orange-100);
    animation: littledance 20s infinite;
}

.page-blog .newsletter-links .container {
    position: relative;
}

.page-blog .newsletter-links .container .bg-deco .circle {
    position: absolute;
}

.page-blog .newsletter-links .container .bg-deco .circle.left {
    top: 0;
    left: -120px;
    width: 51px;
    height: 51px;
    background-color: var(--color-secondary-orange-100);
    animation: littledance 12s infinite;
}

.page-blog .newsletter-links .container .bg-deco .circle.right {
    bottom: -114px;
    right: -240px;
    width: 228px;
    height: 228px;
    background-color: var(--color-primary-light-green-100);
    animation: littledance 18s infinite;
}

.page-blog .newsletter-signup .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.page-blog .newsletter-signup .container > div {
    flex-grow: 1;
    flex-basis: 50%;
}

.page-blog .newsletter-signup .container > div.left {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.page-blog .newsletter-signup .container > div.left .content {
    max-width: 404px;
}

.page-blog .newsletter-signup .container > div.left h3 {
    font-size: var(--size-4xl);
}

.page-blog .newsletter-signup .container > div.right {
    flex-basis: 80%;
    width: 80%;
    max-width: 575px;
}

.page-blog .newsletter-signup .container > div.right .content {
    padding: 30px;
    border: 3px solid var(--color-secondary-orange);
    border-radius: 5px 30px;
}

.page-blog .newsletter-signup .container > div.right .content .newsletter-form {
    transition: all .5s;
    pointer-events: all !important;
}

.page-blog .newsletter-signup .container > div.right .content.loading .newsletter-form {
    opacity: 0.6;
    pointer-events: none !important;
}

.page-blog .newsletter-signup .container > div.right p {
    padding-right: 20px;
    font-size: 14px;
    font-weight: 400;
}

.page-blog .newsletter-signup .container > div.right p.error-message,
.page-blog-entry .newsletter .container .input p.error-message {
    position: absolute;
    padding-right: 0;
    font-size: 12px;
    color: var(--color-status-error-500);
}

.page-blog-entry .newsletter .container .input p.error-message {
    padding-top: 4px;
    font-size: 13px;
    color: #FFFFFF;
}

.page-blog .newsletter-signup .newsletter-form {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 22px;
    margin-top: 20px;
}

.page-blog .newsletter-signup .newsletter-form > * {
    flex-grow: 1;
    flex-basis: 30%;
}

.page-blog .newsletter-signup .newsletter-form input[type="hidden"],
.page-blog .newsletter-signup .newsletter-form > div:has(.grecaptcha-badge) {
    position: absolute;
    flex-grow: unset;
    flex-basis: unset;
    height: 0;
    width: 0;
}

.page-blog .newsletter-signup .newsletter-form input {
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
}

.page-blog .newsletter-signup .newsletter-form .btn {
    padding: 6px;
    font-size: 13px;
}

.page-blog .newsletter-signup .newsletter-form .btn::after {
    content: unset;
}

.page-blog .newsletter-signup .content.success .newsletter-form p.response-message,
.page-blog-entry .newsletter .container.success .newsletter-form p.response-message {
    font-weight: bold;
    color: var(--color-primary-green);
    text-wrap: pretty;
}

.page-blog-entry .newsletter .container.success .newsletter-form p.response-message {
    color: var(--color-primary-light-green-100);
}

.page-blog-entry .container {
    max-width: 1024px;
}

.page-blog nav.header .container,
.page-blog-entry nav.header .container {
    max-width: 1140px;
}

.page-blog-entry .hero .container > div {
    align-items: flex-start;
    margin-top: 125px;
    margin-bottom: 36px;
}

.page-blog-entry .hero .container {
    position: relative;
}

.page-blog-entry .hero .container .bg-deco .circle {
    position: absolute;
}

.page-blog-entry .hero .container .bg-deco .circle.top.left {
    top: -370px;
    left: -280px;
    width: 580px;
    height: 580px;
    background: var(--color-primary-black-100);
    animation: littledance 30s infinite;
}

.page-blog-entry .hero .container .bg-deco .circle.bottom.medium {
    bottom: -200px;
    left: -280px;
    width: 208px;
    height: 208px;
    background: var(--color-primary-green-100);
    animation: littledance 20s infinite;
}

.page-blog-entry .hero .container .bg-deco .circle.bottom.small {
    bottom: 0;
    left: -100px;
    width: 56px;
    height: 56px;
    background: var(--color-primary-green-100);
    animation: littledance 30s infinite;
}

.page-blog-entry .hero .category {
    font-family: var(--font-rubik);
    text-transform: uppercase;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: 1.1px;
    margin-bottom: 10px;
}

.page-blog-entry .hero h1 {
    font-family: var(--font-rubik);
    font-size: var(--size-4xl);
    line-height: 1.22;
    font-weight: 700;
    margin-bottom: 26px;
    text-wrap: pretty;
}

.page-blog-entry .hero .info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 36px;
}

.page-blog-entry .hero .info .authors {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
}

.page-blog-entry .hero .info .author,
.page-blog-entry .hero .info .author .desc,
.page-blog-entry .hero .info .share {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    min-height: 32px;
}

.page-blog-entry .hero .info .author .picture {
    font-size: 1px;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    box-shadow: 0px 6px 24px 0px rgba(55, 180, 167, 0.15);
    margin-right: 13px;
    filter: grayscale(1);
}

.page-blog-entry .hero .info .author p {
    font-family: var(--font-rubik);
    font-size: var(--size-sm);
    font-weight: 500;
    line-height: 1.42;
    letter-spacing: 0.98px;
    text-transform: uppercase;
    color: var(--color-primary-green-400);
}

.page-blog-entry .hero .info .author p.role {
    position: relative;
    color: var(--color-primary-green-200);
    padding-left: 8px;
    margin-left: 4px;
}

.page-blog-entry .hero .info .author p.role::before {
    content: '';
    display: block;
	position: absolute;
    top: 0;
	left: 0;
    width: 2px;
    height: 100%;
    background-color: var(--color-primary-green-200);
}

.page-blog-entry .hero .info .authors.multiple .author .desc {
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    min-height: unset;
    padding: 4px 10px;
    background-color: #FBFBFB;
    box-shadow: 0px 6px 24px 0px rgba(55, 180, 167, 0.15);
    border-radius: 6px;
    transform: translateY(5px);
    transition: all .2s;
    opacity: 0;
    pointer-events: none;
    text-wrap-mode: nowrap;
}

.page-blog-entry .hero .info .authors.multiple .author:hover .desc {
    transform: translateY(0);
    opacity: 1;
}

.page-blog-entry .hero .info .authors.multiple .author .desc p {
    font-size: 11px;
}

.page-blog-entry .hero .info .share {
    padding-left: 14px;
    gap: 11px;
}

.page-blog-entry .hero .info .share::before {
    content: '';
    display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
	background-color: var(--color-secondary-orange);
	z-index: 1;
}

.page-blog-entry .hero .info .share > span {
    font-family: var(--font-rubik);
    font-size: var(--size-sm);
    font-weight: 400;
    letter-spacing: 0.98px;
    line-height: 1.42;
    text-transform: uppercase;
}

.page-blog-entry .hero .info .share a {
    display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 5px;
	padding: 3px 12px;
    text-decoration: none;
}

.page-blog-entry .hero .info .icon {
	width: 28px;
	height: 28px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}

.page-blog-entry .hero .info .icon.icon-linkedin {
    background-image: url('/packages/website/images/icons/icon-linkedin.svg');
}

.page-blog-entry .hero .info .icon.icon-link {
    width: 18px;
    height: 18px;
    background-color: transparent;
    background-image: url('/packages/website/images/icons/icon-link.svg');
}

.page-blog-entry .hero .info .share .btn {
    font-family: var(--font-poppins);
    font-size: 12px;
    font-weight: 400;
    line-height: 2;
    border-radius: 5px;
    text-transform: none;
    min-height: 28px;
    border: 0;
}

.page-blog-entry .hero .info .share .btn:hover {
    background-color: var(--color-primary-green-200);
}

.page-blog-entry .hero .info .share .btn-linkedin {
    padding: 0;
    background-color: var(--color-primary-green-400);
}

.page-blog-entry .hero .info .share .btn.copy-link {
    padding: 0 8px;
}

.page-blog-entry .hero .info .share .btn::after {
    content: unset;
    display: none;
}

.page-blog-entry .hero .image-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 340px;
    border-radius: 30px;
    overflow: hidden;
}

.page-blog-entry .hero .image-banner img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.page-blog-entry .summary {
    margin-top: 36px;
}

.page-blog-entry .summary .container {
    position: relative;
    padding-bottom: 60px;
}

.page-blog-entry .summary .container::after {
    content: '';
    display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: calc(100% - 24px);
	height: 5px;
	background-color: var(--color-secondary-orange);
    transform: translateX(-50%);
    border-radius: 5px;
	z-index: 1;
}

.page-blog-entry .summary .headline {
    font-family: var(--font-rubik);
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 1.12px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.page-blog-entry .content {
    margin-top: 40px;
}

.page-blog-entry .content .container {
    position: relative;
}

.page-blog-entry .content .container .bg-deco .circle {
    position: absolute;
}

.page-blog-entry .content .container .bg-deco .circle.left.c1 {
    bottom: 45%;
    left: -240px;
    width: 180px;
	height: 180px;
    background-color: var(--color-secondary-orange-100);
    animation: littledance 40s infinite;
}

.page-blog-entry .content .container .bg-deco .circle.left.c2 {
    bottom: 4%;
    left: -140px;
    width: 40px;
	height: 40px;
    background-color: transparent;
    border: 3px solid var(--color-secondary-orange);
    animation: littledance 20s infinite;
}

.page-blog-entry .content .container .bg-deco .circle.right.c4 {
    bottom: 360px;
    right: -320px;
    width: 228px;
	height: 228px;
    background-color: var(--color-primary-light-green-100);
}

.page-blog-entry .content .container .bg-deco .circle.right.c1 {
    bottom: calc(60% + 60px);
    right: -60px;
    width: 64px;
    height: 64px;
    background-color: var(--color-primary-green-400);
    animation: littledance 10s infinite;
}

.page-blog-entry .content .container .bg-deco .circle.right.c2 {
    bottom: calc(60% + 150px);
    right: -110px;
    width: 32px;
    height: 32px;
    background-color: var(--color-primary-light-green);
    animation: littledance 18s infinite;
}

.page-blog-entry .content .container .bg-deco .circle.right.c3 {
    bottom: calc(60% + 230px);
    right: -140px;
    width: 16px;
    height: 16px;
    background-color: var(--color-primary-green-400);
    animation: littledance 22s infinite;
}

.page-blog-entry .newsletter {
    margin-top: 150px;
}

.page-blog-entry .newsletter .container {
    padding: 30px 40px;
    color: #FFFFFF;
    background-color: var(--color-secondary-orange);
    border-radius: 5px;
    border-top-right-radius: 80px;
}

.page-blog-entry .newsletter .container h3 {
    margin-bottom: 10px;
    color: #FFFFFF;
}

.page-blog-entry .newsletter .container p {
    font-family: var(--font-poppins);
    font-size: var(--size-sm);
    line-height: 1.5;
}

.page-blog-entry .newsletter .container form {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    margin-top: 16px;
}

.page-blog-entry .newsletter .container form input {
    font-family: var(--font-poppins);
    font-size: 16px;
    font-weight: 400;
    padding: 2px 0;
    line-height: 1.75;
    color: #FFFFFF;
    background-color: transparent;
    border: 0;
    border-bottom: 3px solid #FFFFFF;
    transition: all .2s;
}

.page-blog-entry .newsletter .container form input:focus {
    border-bottom-color: var(--color-primary-green);
    outline: none;
}

.page-blog-entry .newsletter .container form input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.page-blog-entry .related {
    margin-top: 50px;
}

.page-blog-entry .related h3 {
    font-size: var(--size-4xl);
}

.page-blog-entry .related .entries {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
    margin-bottom: 36px;
}

.page-blog-entry .related .entries .entry {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 11px;
    width: 100%;
    /* max-width: 235px; */
    /* max-width: 285px; */
    max-width: calc(33% - 20px);
    border: 2px solid var(--color-primary-green-400);
    border-radius: 20px;
    text-decoration: none;
}

.page-blog-entry .related .entries .entry .picture {
    /* height: 170px; */
    height: 200px;
    border-radius: 10px;
}

.page-blog-entry .related .entries .entry .title {
    font-family: var(--font-rubik);
    font-weight: 700;
    font-size: 15px;
    color: var(--color-secondary-orange);
    line-height: 1.3;
}

.page-blog-entry .related .entries .entry .authors {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
}

.page-blog-entry .related .entries .entry .author {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.page-blog-entry .related .entries .entry .author .picture {
    width: 28px;
    height: 24px;
    border-radius: 5px;
    box-shadow: 0px 6px 24px 0px rgba(55, 180, 167, 0.15);
    filter: grayscale(1);
}

.page-blog-entry .related .entries .entry .author .name {
    font-family: var(--font-rubik);
    font-weight: 500;
    font-size: 10px;
    color: var(--color-primary-green);
    line-height: 1;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.page-blog-entry .related .entries .entry .author .role {
    font-family: var(--font-rubik);
    font-weight: 500;
    font-size: 8px;
    color: var(--color-primary-green-200);
    line-height: 10px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.page-blog-entry .related .entries .entry .authors.multiple .desc {
    display: none;
}

.page-blog-entry .more {
    text-align: center;
    margin-bottom: 40px;
}

.page-blog .grecaptcha-badge,
.page-blog-entry .grecaptcha-badge {
    opacity: 0;
    z-index: 1;
    pointer-events: none;
}

@media screen and (max-width: 900px){
    /* Services */
    .page-services .container {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .page-services .side-graph .circle {
        max-width: 40vw;
        max-height: 40vw;
    }
    .page-services .cards .container .cards-container .card {
        height: 220px;
        width: 31%;
        max-width: 255px;
    }
    .page-services .cards .container .cards-container .card ul {
        display: none;
    }
}

@media screen and (max-width: 1100px) {
    .page-blog .hero > .container {
        flex-direction: column-reverse;
    }

    .page-blog .hero .container > div {
        margin-top: 0;
        width: 100%;
        min-height: unset;
    }

    .page-blog .hero .side-picture {
        margin-bottom: 50px;
    }

    .page-blog .hero .side-picture .picture {
        min-height: 250px;
        border-radius: 12px;
    }

    .page-blog .hero .side-content h1 {
        font-size: var(--size-2xl);
    }

    .page-blog .feed .entries {
        gap: 50px;
    }

    .page-blog .feed .container > h3 {
        margin-bottom: 16px;
    }

    .page-blog .feed .top-bar {
        flex-direction: column;
    }

    .page-blog .feed .top-bar .categories ul li {
        padding: 6px 24px;
        font-size: 14px;
        border-radius: 10px;
    }

    .page-blog .feed .top-bar .search {
        max-width: unset;
    }

    .page-blog input {
        font-size: 16px;
    }

    .page-blog .feed .top-bar .search .icon svg {
        width: 20px;
        height: 20px;
    }

    .page-blog .feed .entries .entry .cover {
        min-height: 224px;
    }

    .page-blog .newsletter-linkedin .container {
        flex-direction: column;
        gap: 50px;
    }

    .page-blog .newsletter-linkedin .container > div {
        width: 100%;
    }

    .page-blog .newsletter-linkedin .container > div.right .content h3 {
        font-size: var(--size-2xl);
    }

    .page-blog .events .events-container.carousel .event {
        border-color: var(--color-primary-green-200);
    }

    .page-blog .events .events-container.carousel .event.active {
        border: 0;
    }

    .page-blog .events .events-container .event .title,
    .page-blog .events .events-container.carousel .event .title {
        font-size: 16px;
    }

    .page-blog .events .events-container .event.active .description,
    .page-blog .events .events-container.carousel .event.active .description {
        font-size: 14px;
    }

    .page-blog .newsletter-signup .container {
        flex-direction: column;
    }

    .page-blog .newsletter-signup .container > div {
        width: 100%;
    }

    .page-blog .newsletter-signup .container > div.left {
        justify-content: center;
    }

    .page-blog .newsletter-signup .container > div.left h3 {
        font-size: var(--size-2xl);
        max-width: 300px;
    }

    .page-blog .newsletter-signup .container > div.right {
        width: 100%;
        max-width: 474px;
    }

    .page-blog .newsletter-signup .newsletter-form {
        flex-direction: column;
        align-items: flex-start;
    }

    .page-blog .newsletter-signup .newsletter-form > * {
        flex-basis: 100%;
        width: 100%;
        max-width: 400px;
    }

    .page-blog .newsletter-signup .container > div.right .content {
        padding-left: 16px;
        padding-right: 16px;
    }

    .page-blog-entry .hero .container > div {
        margin-top: 20px;
        padding-top: 90px;
        min-height: unset;
    }

    .page-blog-entry .hero h1 {
        font-size: var(--size-2xl);
    }

    .page-blog-entry .hero .info {
        flex-direction: column;
        gap: 20px;
    }

    .page-blog-entry .hero .info .authors {
        width: 100%;
    }

    .page-blog-entry .hero .info .author .desc {
        flex-direction: column;
        align-items: flex-start;
    }

    .page-blog-entry .hero .info .author .picture {
        width: 32px;
        height: 32px;
        border-radius: 6px;
    }

    .page-blog-entry .hero .info .author p {
        font-size: 12px;
        line-height: 1.1;
    }

    .page-blog-entry .hero .info .author p.role {
        margin-left: 0;
        padding-left: 0;
    }

    .page-blog-entry .hero .info .author p.role::before {
        content: unset;
        display: none;
    }

    .page-blog-entry .hero .info .share {
        position: absolute;
        top: 0;
        right: 50%;
        padding-right: 14px;
        width: 95vw;
        transform: translate3d(50%, 0, 0);
    }

    .page-blog-entry .hero .info .share::before {
        content: unset;
        display: none;
    }

    .page-blog-entry .hero .info .share > span {
        position: absolute;
        top: -20px;
        right: 14px;
        font-size: 12px;
    }

    .page-blog-entry .hero .info .icon {
        width: 26px;
        height: 24px;
        border-radius: 4px;
        background-size: 12px;
    }

    .page-blog-entry .hero .image-banner {
        border-radius: 14px;
        height: unset;
        aspect-ratio: 50 / 17;
    }

    .page-blog-entry .summary {
        margin-top: 0;
    }

    .page-blog-entry .newsletter .container {
        border-top-right-radius: 40px;
    }

    .page-blog-entry .newsletter .container form {
        flex-direction: column;
        max-width: 500px;
    }

    .page-blog-entry .newsletter .container form .input {
        width: 100%;
    }

    .page-blog-entry .newsletter .container form input {
        width: 100%;
        font-size: 14px;
    }

    .page-blog-entry .related h3 {
        margin-top: 80px;
        margin-bottom: 40px !important;
        font-size: var(--size-2xl);
    }

    .page-blog-entry .related .entries {
        flex-direction: column;
    }

    .page-blog-entry .related .entries .entry {
        max-width: 100%;
        border-radius: 10px;
    }

    .page-blog-entry .related .entries .entry .picture {
        height: 170px;
        border-radius: 10px;
    }

}


@media screen and (max-width: 650px){
    /* Services */
    .page-services .sections {
        margin-bottom: 100px;
    }
    .page-services .container .side-content h2 {
        font-size: var(--size-3xl) !important;
    }
    .page-services .container > .side-content {
        margin-bottom: 40px !important;
    }
    .page-services .cards {
        margin-bottom: 30px;
    }
    .page-services .cards .container .content .subtitle {
        text-wrap: balance;
    }
    .page-services .cards .container .cards-container {
        flex-direction: column;
        row-gap: 20px;
    }
    .page-services .cards .container .cards-container .card {
        height: 100px;
        width: 100%;
        max-width: 100%;
        transform: scale(0.95);
    }
    .page-services .cards .container .cards-container .card.selected {
        transform: scale(1.05);
    }
    .page-services .cards .container .cards-container .card .pre {
        font-size: 12px;
    }
    .page-services .cards .container .cards-container .card h2 {
        font-size: 20px;
    }
    .page-services .cards .container .cards-container .card h2 br {
        display: none;
    }
    .page-services .container .side-picture img {
        max-width: 100% !important;
        max-height: 100% !important;
        border-radius: 40px 10px !important;
    }
    .page-services .method {
        margin-top: 70px;
    }
    .page-services section.related .container {
        flex-direction: column-reverse;
        align-items: center;
        min-height: unset;
        gap: 30px;
        margin-top: 30px;
    }
    .page-services section.related .button {
        line-height: 1;
    }
    .page-services section.related .button span.headline {
        margin-bottom: 0;
        font-size: 12px;
    }
    .page-services section.related .button span.title {
        font-size: var(--size-xl);
    }
    .page-services .assure .container {
       gap: 0;
    }
    .page-services .assure .container > div {
        width: 100%;
    }
    .page-services .assure .container .side-content {
        margin-bottom: 20px !important;
    }
    .page-services .assure .container .side-picture ul {
        padding-left: 20px;
        text-wrap: initial !important;
    }
    .page-services .assure .container .side-picture ul li + li {
        margin-top: 8px;
    }
    .page-services .labs {
        margin-top: 70px;
    }
    .page-services .labs .container h2 {
        font-size: var(--size-3xl) !important;
        text-wrap: pretty;
    }
    .page-services .labs .container .labs-container,
	.page-labs .labs .container .labs-container {
        gap: 15px;
        justify-content: space-between;
    }
    .page-services .labs .container .labs-container .lab,
	.page-labs .labs .container .labs-container .lab {
        justify-content: flex-start;
        flex-grow: 1;
        height: 190px;
        width: calc(50% - 10px);
    }
    .page-services .labs .labs-container a picture,
	.page-labs .labs .labs-container a picture {
        width: 70px;
    }
    .page-services .labs .container .labs-container a h4,
	.page-labs .labs .container .labs-container a h4 {
        font-size: 16px;
    }
    .page-services .labs .container .labs-container a p {
        display: none;
        font-size: 14px;
        line-height: 1.3;
    }
    .page-services .work-together .container {
        gap: 20px;
    }
    .page-services .work-together .container .double-quoted-text {
        max-height: unset;
        padding-bottom: 30px;
        border-radius: 36px 14px;
    }
    .page-services .work-together .container .double-quoted-text .black-text {
        margin-bottom: 12px;
        font-size: 13px;
    }
    .page-services .work-together .container .double-quoted-text h4 {
        font-size: 18px;
    }
    .page-services .work-together .container .double-quoted-text .double-quoted-text-deco {
        max-width: 50px !important;
        border-radius: unset !important;
    }
    .page-services .work-together .container .double-quoted-text .double-quoted-text-deco.top {
        top: -20px;
    }
    .page-services .work-together .container .double-quoted-text .double-quoted-text-deco.bottom {
        bottom: -20px;
    }
    .page-services .work-together .container .side-content {
        padding-top: 30px;
        min-height: unset;
    }
}
@media screen and (min-width: 320px) {
	.orange-gear-circle {
		right: 16%;
		top: 63%;
		width: 28px;
		height: 28px;
	}

	.orange-gear-circle svg {
		width: 17px;
		height: 17px;
	}

	.orange-file-circle {
		left: 12%;
		top: 63%;
		width: 28px;
		height: 28px;
	}
	.orange-file-circle svg {
		width: 17px;
		height: 17px;
	}

	.orange-message-circle {
		left: 33%;
		top: 25%;
		width: 28px;
		height: 28px;
	}

	.orange-message-circle svg {
		width: 17px;
		height: 17px;
	}
}

@media screen and (min-width: 330px) {
	.orange-gear-circle {
		right: 16%;
		top: 64%;
		width: 32px;
		height: 32px;
	}

	.orange-gear-circle svg {
		width: 21px;
		height: 21px;
	}

	.orange-file-circle {
		left: 12%;
		top: 64%;
		width: 33px;
		height: 33px;
	}
	.orange-file-circle svg {
		width: 21px;
		height: 21px;
	}

	.orange-message-circle {
		left: 33%;
		top: 22%;
		width: 33px;
		height: 33px;
	}

	.orange-message-circle svg {
		width: 21px;
		height: 21px;
	}
}

@media screen and (min-width: 400px) {
	.orange-gear-circle {
		right: 15%;
		top: 68%;
		width: 34px;
		height: 34px;
	}

	.orange-gear-circle svg {
		width: 23px;
		height: 23px;
	}

	.orange-file-circle {
		left: 12%;
		top: 68%;
		width: 34px;
		height: 34px;
	}
	.orange-file-circle svg {
		width: 23px;
		height: 23px;
	}

	.orange-message-circle {
		left: 33%;
		top: 18%;
		width: 34px;
		height: 34px;
	}

	.orange-message-circle svg {
		width: 23px;
		height: 23px;
	}
}

@media screen and (min-width: 768px) {
	.page-work.inside section.results .picture {
		transform: translateY(-30px);
	}

	.page-work.inside .row.align-top .results .content .picture {
		transform: translateY(0);
	}

	.page-work.inside .row.align-top .results .content .side-picture {
		transform: translateX(-50%);
	}

	.page-work.inside section.results .profile-card .picture,
	.page-work.inside section.results .side-text .side-picture .picture.logos {
		transform: translateY(0);
	}

	.orange-gear-circle {
		right: 23%;
		top: 77%;
		width: 44px;
		height: 44px;
	}

	.orange-gear-circle svg {
		width: 28px;
		height: 28px;
	}

	.orange-file-circle {
		left: 17%;
		top: 77%;
		width: 44px;
		height: 44px;
	}
	.orange-file-circle svg {
		width: 28px;
		height: 28px;
	}

	.orange-message-circle {
		left: 38%;
		top: 4%;
		width: 44px;
		height: 44px;
	}

	.orange-message-circle svg {
		width: 28px;
		height: 28px;
	}
}

@media screen and (min-width: 1024px) {
	.orange-gear-circle {
		right: 15%;
		top: 73%;
		width: 45px;
		height: 45px;
	}

	.orange-gear-circle svg {
		width: 31px;
		height: 31px;
	}

	.orange-file-circle {
		left: 12%;
		top: 73%;
		width: 45px;
		height: 45px;
	}
	.orange-file-circle svg {
		width: 31px;
		height: 31px;
	}

	.orange-message-circle {
		left: 33%;
		top: 8%;
		width: 45px;
		height: 45px;
	}

	.orange-message-circle svg {
		width: 31px;
		height: 31px;
	}
}


@media screen and (min-width: 1440px) {
	.orange-gear-circle {
		right: 15%;
		top: 75%;
		width: 55px;
		height: 55px;
	}

	.orange-gear-circle svg {
		width: 35px;
		height: 35px;
	}

	.orange-file-circle {
		left: 12%;
		top: 75%;
		width: 55px;
		height: 55px;
	}
	.orange-file-circle svg {
		width: 35px;
		height: 35px;
	}

	.orange-message-circle {
		left: 33%;
		top: 2%;
		width: 55px;
		height: 55px;
	}

	.orange-message-circle svg {
		width: 35px;
		height: 35px;
	}
}