/*--------------------*/
/*  Helpers           */
/*--------------------*/
/* spacers */
[class*=spacer] {clear: both;width: 100%;}
.spacer-xl {height: var(--sp-xl);}
.spacer-lg {height: var(--sp-lg);}
.spacer-md {height: var(--sp-md);}
.spacer-sm {height: var(--sp-sm);}
.spacer-xs {height: var(--sp-xs);}
/* gutters */
.g-xl,
.gy-xl {--bs-gutter-y: var(--sp-xl);}
.g-lg,
.gy-lg {--bs-gutter-y: var(--sp-lg);}
.g-md,
.gy-md {--bs-gutter-y: var(--sp-md);}
.g-sm,
.gy-sm {--bs-gutter-y: var(--sp-sm);}
.g-xs,
.gy-xs {--bs-gutter-y: var(--sp-xs);}
.g-xl,
.gx-xl {--bs-gutter-x: var(--sp-xl);}
.g-lg,
.gx-lg {--bs-gutter-x: var(--sp-lg);}
.g-md,
.gx-md {--bs-gutter-x: var(--sp-md);}
.g-sm,
.gx-sm {--bs-gutter-x: var(--sp-sm);}
.g-xs,
.gx-xs {--bs-gutter-x: var(--sp-xs);}
/* margins */
.mt-xl {margin-top: var(--sp-xl);}
.mt-lg {margin-top: var(--sp-lg);}
.mt-md {margin-top: var(--sp-md);}
.mt-sm {margin-top: var(--sp-sm);}
.mt-xs {margin-top: var(--sp-xs);}
.mb-xl {margin-bottom: var(--sp-xl);}
.mb-lg {margin-bottom: var(--sp-lg);}
.mb-md {margin-bottom: var(--sp-md);}
.mb-sm {margin-bottom: var(--sp-sm);}
.mb-xs {margin-bottom: var(--sp-xs);}
.mx-auto {margin-inline: auto;}
/* colors */
.clr-white {color: var(--clr-white) !important;}
.clr-black {color: var(--clr-black) !important;}
.clr-primary {color: var(--clr-primary) !important;}
.clr-secondary {color: var(--clr-secondary) !important;}
.clr-green {color: var(--clr-green) !important;}
.clr-red {color: var(--clr-red) !important;}
/* cover */
.image {position: relative;}
.image img {display: block;position: relative;width: 100%;}
:where(.image-cover),
:where(.video-cover),
:where(.image-contain) {position: relative;overflow: hidden;padding-bottom: 50%;}
:where(.image-round) {overflow: hidden;border-radius: 100%;padding-bottom: 100%;}
.video-cover video,
.image-cover img,
.image-contain img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.image-contain img {-o-object-fit: scale-down;object-fit: scale-down;}
a .image-cover img,
a .video-cover video {transition: transform var(--transition-1);}
@media (min-width: 1200px) {
a:hover .image-cover img,
a:hover .video-cover video {transform: scale(1.04);}
}
/* icon */
.icon {--size: 1.5rem;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;}
.icon > * {display: block;width: 100%;height: 100%;}
/*--------------------*/
/*  BANNER            */
/*--------------------*/
.banner-section {margin-top: 0;}
.banner {--clr-title: var(--clr-white);--clr-text: rgba(255, 255, 255, .7);position: relative;}
.banner-media {position: absolute;overflow: hidden;z-index: 0;inset: 0;}
.banner-media.rellax-image {position: absolute;}
.rellax-image video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.story-img-wrapp iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
.w-100 iframe {
    width: 100%;
}
.banner-media img,
.banner-media video {z-index: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.video {position: absolute;z-index: 1;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;clip: rect(auto, auto, auto, auto);display: none;}
.video.video-present {display: block;overflow: hidden;}
.video video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.banner-align {position: relative;z-index: 1;display: table-cell;vertical-align: middle;width: 625rem;padding-block: max(1rem, 0.75vw);height: clamp(22.5rem, 7.76rem + 30.7vw, 40rem);}
.banner-align.align-bottom {vertical-align: bottom;}
.banner-align.align-top {vertical-align: top;}
.banner-shadow {position: absolute;left: 0;bottom: 0;width: 100%;height: 27.125rem;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--clr-black) 100%);}
@media (min-width: 768px) {
.banner-info > * + * {margin-top: 1.5rem;}
}
@media (min-width: 1200px) {
.banner.full .banner-align {height: 100svh;}
.banner-slider .swiper-button-prev {left: 1rem;color: var(--clr-white);}
.banner-slider .swiper-button-next {right: 1rem;color: var(--clr-white);}
}
.banner-section {opacity: 1;}
/*--------------------*/
/*  Seo Block         */
/*--------------------*/
.seo-section {margin-block: 0 var(--sp-sm);}
.seo-block {--space: 1.875rem;padding: clamp(1rem, 0.648rem + 1.127vw, 2rem);background-color: var(--clr-white);}
.seo-inner > * + *:not(.more-content) {margin-top: var(--space);}
.seo-btn {cursor: pointer;}
.more-content {display: none;padding-top: var(--space);}
@media (max-width: 1199px) {
.seo-block {--space: 0.75rem;}
}
.section-hero {margin-top: 0;}
.section-hero .title {--padd-top: .4em;line-height: 1.54;margin-top: -5.5vw;}
.section-hero .title b {transition: none;}
.section-hero .text {font-size: var(--text-lg);font-weight: 500;color: var(--clr-black);margin-bottom: 1.125em;}
.section-hero .text strong,
.section-hero .text b {font-weight: 700;}
.hero-gallery {--gap: 1.25rem;--items: 6;--top-sp: 5.46875vw;--top-sp-1: 9.6875vw;gap: var(--gap);display: flex;flex-wrap: wrap;margin-bottom: 3.75rem;}
.hero-gallery .swiper-vertical > .swiper-wrapper {cursor: default;}
.hero-gallery .swiper-slide {height: auto !important;}
.hero-col {width: calc((100% - var(--gap) * (var(--items) - 1)) / var(--items));}
.hero-img {display: block;position: relative;padding-top: 62.07%;}
.hero-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
@media (min-width: 768px) {
.hero-col {position: relative;}
.hero-col:nth-child(1),
.hero-col:nth-child(3),
.hero-col:nth-child(6) {margin-top: var(--top-sp);}
.hero-col:nth-child(4) {top: var(--top-sp-1);}
.hero-col:nth-child(8),
.hero-col:nth-last-child(2) {margin-top: calc(var(--top-sp) * -1);}
.hero-col:nth-last-child(2) {margin-left: auto;}
.hero-col > * + * {margin-top: var(--gap);}
}
@media (max-width: 991px) {
.hero-gallery {--gap: .5rem;}
}
@media (max-width: 767px) {
.section-hero .title {margin-top: 0;}
.hero-gallery {--items: 4;}
.hero-col:nth-child(n+9) {display: none;}
}
.video {width: 100%;position: relative;padding-top: 56.25%;overflow: clip;}
.video video {-o-object-fit: cover;object-fit: cover;}
.video-preview {position: relative;padding-top: 48.42%;width: 100%;cursor: pointer;transition: var(--transition-2);}
.video-preview img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.video-mute {cursor: pointer;position: absolute;bottom: 1.875rem;right: 1.875rem;z-index: 10;width: 3.75rem;height: 3.75rem;background-repeat: no-repeat;background-position: center;background-image: url("../img/icons/icon-mute.svg");background-color: var(--clr-white-60);border-radius: 100%;transition: var(--transition-1);}
.video-mute.is-muted::before {content: "";display: block;position: absolute;top: 50%;left: 50%;width: 60%;height: 0.0625rem;background-color: var(--clr-black);transform: rotate(45deg) translate(-50%, -50%);transform-origin: 0 0;}
.video-play {display: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: var(--clr-primary);color: var(--clr-black);font-family: var(--ff-2);font-weight: 700;padding: .2em .5em .1em;font-size: .875rem;}
.touch-screen .video-play {display: block;}
@media (min-width: 1200px) {
.video-mute:hover {background-color: var(--clr-primary);}
}
@media (max-width: 1199px) {
.video-mute {bottom: 0.9375rem;right: 0.9375rem;width: 2.5rem;height: 2.5rem;}
}
.about-section .subtitle + .title {margin-bottom: 0.62em;}
.about-section .text {margin-bottom: calc(var(--sp-md) + 0.625rem);}
.about-section .text.type2 {margin-bottom: 2.25rem;}
.about-section .projects-title {width: 100%;display: flex;align-items: center;justify-content: space-between;margin-bottom: 1rem;}
.about-row {display: grid;grid-template-columns: 1fr;gap: clamp(1.875rem, -0.48rem + 7.535vw, 8.563rem);}
.about-row.size2 {gap: clamp(1.875rem, 0.158rem + 5.493vw, 6.75rem);}
.about-text {display: flex;flex-direction: column;align-items: flex-start;gap: var(--sp-md);height: 100%;}
.about-text > * {width: 100%;}
.about-text > * + * {margin-top: auto;}
.about-img {position: relative;padding-top: 116%;}
.about-img.size2 {padding-top: 51%;}
.about-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.about-form {--clr-title: var(--clr-white);padding: clamp(1rem, 0.252rem + 2.394vw, 3.125rem);background-color: var(--clr-secondary);}
.about-projects .project {--abs-sp: .75rem;}
.about-projects .project-title {line-height: 1.5;}
.about-projects .project-title span {padding-bottom: var(--padd-top);}
.about-projects .projects-slider {overflow: hidden;}
.about-projects .project-tag {max-width: 100%;}
.welcome-box {background-color: var(--clr-white);}
.welcome-img {width: 100%;aspect-ratio: 334/250;}
.welcome-img img {width: 100%;height: 100%;object-fit: cover;}
.welcome-text {padding: var(--sp-sm);}
.about-section .welcome-text .text {margin-bottom: 0;}
.welcome-text > * + * {margin-top: 1.25rem;}
@media (min-width: 768px) {
.welcome-box {display: flex;}
.welcome-img {width: 20.875rem;flex: 0 0 auto;}
}
@media (min-width: 1200px) {
.about-section .text {max-width: 33.4375rem;}
.about-section .text.size2 {max-width: 37.1875rem;}
.about-row {grid-template-columns: 1fr 1.1836fr;gap: clamp(1.875rem, -0.48rem + 7.535vw, 8.563rem);}
.about-row.size2 {grid-template-columns: 1fr 1.24176fr;}
}
@media (max-width: 1440px) {
.about-section .text {margin-bottom: var(--sp-sm);}
}
@media (max-width: 1199px) {
.about-img {padding-top: 56.25%;margin-bottom: var(--sp-xs);}
}
.services {--bs-gutter-x: 1.875rem;--bs-gutter-y: 1.875rem;}
.service {--service-padd: 1.875rem;position: relative;display: flex;flex-direction: column;gap: 1.875rem;padding: var(--service-padd);background-color: var(--clr-white);}
.service-title {text-transform: none;}
.service .text {margin-top: auto;}
.service-img {position: relative;padding-top: 78.9%;overflow: hidden;margin-top: auto;}
.service-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;transition: var(--transition-1);}
.service-btn {position: absolute;right: var(--service-padd);top: var(--service-padd);width: 1.75rem;height: 1.75rem;background: url("../img/icons/icon-arrow-forward.svg") no-repeat center;}
@media (min-width: 1200px) {
.service {height: 100%;}
}
@media (max-width: 991px) {
.service {--service-padd: .9375rem;}
}
@media (max-width: 575px) {
    .about-section .projects-title {
        flex-direction: column;
        gap: 1rem;
    }
}
.stories-slider .swiper-container {overflow: visible;}
.stories-slider .swiper-slide {height: auto;}
.story {display: flex;background-color: var(--clr-white);overflow: hidden;height: 100%;}
.story-img {width: 61%;}
.story-img-wrapp {position: relative;padding-top: 65%;overflow: hidden;height: 100%;}
.story-img-wrapp img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.story-video {cursor: pointer;position: absolute;bottom: 1.25rem;right: 1.25rem;width: 3.75rem;height: 3.75rem;border-radius: 100%;background: var(--clr-white-60) url("../img/icons/icon-play.svg") no-repeat center;background-size: auto 33.33%;transition: var(--transition-1);}
.story-info {position: absolute;bottom: 1.875rem;left: 1.875rem;text-transform: none;}
.story-info b {transition: none;}
.story-content {width: 39%;padding-inline: clamp(1rem, -0.408rem + 4.507vw, 5rem);padding-block: var(--sp-md);display: flex;flex-direction: column;gap: var(--sp-sm);}
.story-content blockquote {font-family: var(--ff-2);font-size: var(--text-lg);line-height: 1.3;padding: 0;display: block;}
.story-content blockquote::before {content: "";display: block;margin-bottom: 1.25rem;width: 2.5rem;height: 1.75rem;background: url("../img/icons/icon-quotes.svg") no-repeat 0 0;}
.story-content .h5,
.story-content h5 {margin-bottom: 1em;}
.story-content .btn-link {margin-top: auto;}
@media (min-width: 1200px) {
.story-video:hover {background-color: var(--clr-primary);}
}
@media (max-width: 1199px) {
.story {display: block;}
.story-img {width: auto;height: auto;}
.story-content {width: auto;}
.story-video {width: 2.875rem;height: 2.875rem;}
}
.section-reports {--section-padding: 5.3rem;--bg-padding: 5.5625rem;padding-block: var(--section-padding);}
.section-reports .section-bg {padding-block: var(--bg-padding);padding-inline: var(--sp-lg);}
.section-reports .title {--padd-lr: .025em;--padd-top: .2em;}
.report-box {--clr-title: var(--clr-black);--clr-text: var(--clr-black);padding: 3.125rem;margin-block: calc((var(--bg-padding) + var(--section-padding)) * -1);background-color: var(--clr-white);}
.report-title {line-height: 1;}
.report-subtitle {font-family: var(--ff-2);font-size: var(--text-sm);font-weight: 800;color: var(--clr-black);}
.report-partners {margin-block: var(--sp-md);text-align: center;color: var(--clr-black);}
.report-partners strong,
.report-partners b {font-weight: 700;}
.report-photos {display: flex;justify-content: center;margin-bottom: 0.75rem;}
.report-photos li {flex-shrink: 0;margin-inline: -0.5rem;}
.report-photos img {width: 6.5rem;height: 6.5rem;border-radius: 100%;-o-object-fit: cover;object-fit: cover;border: 0.25rem solid var(--clr-white);}
.report-progress {margin-bottom: 1.6875rem;}
.type2 .report-progress {margin-top: 1.875rem;}
.report-progress-row {display: flex;align-items: center;justify-content: space-between;min-height: 1.875rem;margin-bottom: 0.4375rem;}
.report-progress-title {font-size: 1rem;}
.report-progress-total {font-family: var(--ff-2);font-weight: 800;color: var(--clr-black);}
.report-progressbar {height: 1.5rem;background-color: var(--bg-1);}
.report-progressbar span {display: block;height: 100%;background-color: var(--clr-primary);}
@media (min-width: 1200px) {
.report-box:not(.type2) {min-height: 100%;}
}
@media (max-width: 1440px) {
.section-reports .section-bg {padding-block: var(--sp-lg);padding-inline: calc(var(--bs-gutter-x) * 0.5);}
.report-box {padding: 2.5rem;}
.report-photos img {width: 5.3125rem;height: 5.3125rem;}
}
@media (max-width: 1199px) {
.section-reports {padding-block: 0;}
.section-reports .title {text-align: center;font-size: var(--h3);}
.report-title,
.report-subtitle {text-align: center;}
.report-box {margin-block: var(--sp-sm) 0;}
.report-photos img {width: 4.375rem;height: 4.375rem;}
}
@media (max-width: 991px) {
.report-box {padding-inline: 1.5rem;}
}
.partners {--items: 6;--gap: 1.25rem;--item-w: calc((100% - var(--gap)*(var(--items) - 1))/var(--items));--top-sp: 8.38vw;--top-sp-1: 6.61vw;--top-sp-2: 10.05vw;display: flex;flex-wrap: wrap;justify-content: space-between;gap: var(--gap);}
.partner {width: var(--item-w);}
.partner-logo {display: block;position: relative;padding-top: 83%;transition: var(--transition-1);}
.partner-logo .card {background-color: var(--clr-white);}
.partner-logo.size2 {padding-top: 78%;}
.partner-logo.size2 img {max-width: 60%;max-height: 60%;}
.partner-logo img {bottom: 0;right: 0;margin: auto;max-width: 67%;max-height: 67%;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: contain;}
.partner-box > * + * {margin-top: calc(var(--sp-xs) * 1.5);}
.partner-box .partner-logo {background-color: var(--clr-white);}
.partner-link {--clr-title: var(--clr-white);display: flex;align-items: center;justify-content: space-between;padding: calc(var(--sp-xs) * 1.5);background-color: var(--clr-secondary);}
.partner-link .btn-link b[data-txt]::before,
.partner-link .btn-link b[data-txt]::after {color: var(--clr-white);}
@media (min-width: 1200px) {
.partner-btn:hover {color: var(--clr-primary);}
}
@media (min-width: 768px) {
.partners .partner {position: relative;}
.partners .partner:nth-child(1) {top: var(--top-sp);}
.partners .partner:nth-child(3) {top: var(--top-sp-1);}
.partners .partner:nth-child(4) {top: var(--top-sp-2);}
.partners .partner:nth-child(6) {top: var(--top-sp);}
.partners .partner:nth-child(7) {margin-left: calc(var(--item-w) + var(--gap));}
.partners .partner:last-child {margin-right: calc(var(--item-w) + var(--gap));}
}
@media (max-width: 1199px) {
.partners {--gap: .75rem;}
}
@media (max-width: 767px) {
.partners {--items: 4;}
}
.cta {display: grid;grid-template-columns: 1fr;gap: var(--gap);}
.cta-left {--clr-title: var(--clr-white);--clr-text: var(--clr-grey);display: flex;align-items: flex-start;flex-direction: column;padding: var(--sp-md);background-color: var(--bg-2);}
.cta-left .title {margin-bottom: 0.75rem;}
.cta-left .text {margin-bottom: var(--sp-md);}
.cta-left .btn {margin-top: auto;}
.cta-right {position: relative;padding-top: 57%;}
@media (min-width: 1200px) {
.cta {grid-template-columns: 37.5rem auto;}
}
@media (max-width: 1199px) {
.cta {gap: 0;}
}
.section-cta + .section-ach {margin-top: var(--gap);}
.ach-row {display: grid;gap: var(--gap);grid-template-columns: 1fr;}
.ach-grid {--items: 2;display: grid;gap: 0.5625rem;grid-template-columns: repeat(var(--items), 1fr);}
.ach-grid.size2 {gap: 1.25rem;}
.ach-item {--clr-text: var(--clr-text);padding: 2.25rem;display: flex;align-items: flex-start;flex-direction: column;background-color: var(--clr-white);}
.ach-title {display: flex;align-items: baseline;gap: 0.75rem;color: var(--clr-secondary);text-transform: uppercase;font-weight: 400;margin-bottom: calc(var(--sp-md) + 1.25rem);}
.ach-title strong {display: inline-block;font-size: var(--h2);font-weight: 800;line-height: 0.95;padding-inline: 0.2em;padding-top: 0.25em;color: var(--clr-secondary);background-color: var(--clr-primary);}
.ach-text {margin-top: auto;max-width: 21.75rem;min-height: 3.25rem;display: flex;flex-direction: column;justify-content: flex-end;}
.ach-img {overflow: hidden;position: relative;}
.ach-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
@media (min-width: 1200px) {
.ach-row {grid-template-columns: 34.9375rem auto;}
}
@media (max-width: 1199px) {
.ach-grid {--items: 2;}
.ach-item {padding: 1.125rem;}
.ach-img {padding-top: 56.25%;}
}
@media (max-width: 767px) {
.ach-grid {--items: 1;}
}
.media-box {padding: 1.875rem;display: flex;flex-direction: column;gap: 1.25rem;background-color: var(--clr-white);height: 100%;}
.media-subtitle,
.media-title {font-family: var(--ff-2);}
.media-title {font-size: var(--h4);font-weight: 700;line-height: 1.27;color: var(--clr-black);margin-bottom: 6.77vw;}
.media-bott {display: flex;align-items: flex-end;justify-content: space-between;gap: 1rem;margin-top: auto;}
.media-logo {flex: 1;}
.media-logo img {max-height: 3.125rem;content-visibility: auto;}
@media (max-width: 1199px) {
.media-box {padding: 1rem;}
}
.activity-slider .swiper-container {overflow: visible;}
.activity-img {position: relative;padding-top: 60.98%;overflow: hidden;cursor: pointer;}
.activity-img img {transition: var(--transition-1);position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
@media (min-width: 1200px) {
.activity-img:hover img {transform: scale3d(1.05, 1.05, 1);}
}
.section-vision .title {margin-bottom: calc(var(--sp-sm) * 1.25);}
.section-vision [class*=col-]:first-child .text {max-width: 34.875rem;margin-bottom: calc(var(--sp-md) * 1.17);}
.vision-slider {margin-top: calc(var(--sp-sm) * 1.5);}
.vision-slider .swiper-container {overflow: visible;-webkit-clip-path: inset(-100vw -100vw -100vw 0);clip-path: inset(-100vw -100vw -100vw 0);}
.vision-slider .swiper-slide {height: auto;}
.vision-slider [class*=swiper-button] {top: calc((var(--sw-btn-h) + 2.5rem) * -1);}
.vision-box {display: flex;flex-direction: column;padding: clamp(1rem, 0.692rem + 0.986vw, 1.875rem);background-color: var(--clr-white);height: 100%;}
.vision-img {margin-top: auto;padding-top: 74.77%;position: relative;}
.vision-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.vision-title {--clr-title: var(--clr-black);display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--sp-xs);}
.vision-title > :first-child {display: flex;align-items: center;gap: 0.625rem;}
.vision-title > :first-child::before {content: "";display: block;flex-shrink: 0;width: 0.75rem;height: 0.75rem;margin-right: 0.875rem;position: relative;top: -0.1em;background-color: var(--clr-primary);transform: rotate(45deg);}
.vision-text {margin-bottom: calc(var(--sp-xs) * 1.5);}
.section-dark .vision-text {--clr-text: var(--clr-text);}
.vision-num {font-family: var(--ff-2);color: var(--clr-border-2);}
.team-slider .swiper-container {overflow: visible;}
.team-img {position: relative;padding-top: 112%;margin-bottom: 1rem;background-color: var(--clr-border-2);}
.team-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.team-name {font-family: var(--ff-2);font-size: var(--h5);font-weight: 800;line-height: 1.5;position: absolute;bottom: 1.25rem;left: 1.25rem;z-index: 3;text-transform: none;}
.team-name b {background-color: var(--clr-primary);transition: none;}
.service-map svg {display: block;width: 100%;height: 100%;}
.service-map-content {position: relative;}
.service-region {pointer-events: none;color: var(--clr-white);transition: var(--transition-1);}
.service-region.is-active {pointer-events: all;cursor: pointer;transform-origin: center;color: var(--clr-primary);}
.service-region-tooltip {position: absolute;pointer-events: none;background-color: var(--clr-white);width: 17.3125rem;height: auto;font-size: 0.875rem;line-height: 1.42857em;font-weight: 300;color: var(--clr-text);white-space: nowrap;padding: 1rem;}
.service-region-tooltip span {display: block;font-size: 1.125rem;font-family: var(--ff-2);color: var(--clr-black);padding-bottom: 0.75rem;margin-bottom: 0.75rem;border-bottom: 0.0625rem solid var(--clr-border-2);}
.service-region-tooltip li {font-size: 1rem;}
.service-region-tooltip li::before {content: "";display: inline-block;flex-shrink: 0;width: 0.625rem;height: 0.625rem;margin-right: 0.875rem;position: relative;top: -0.1em;background-color: var(--clr-primary);transform: rotate(45deg);}
.service-region-tooltip li + * {margin-top: 0.5rem;}
.service-region-tooltip li b {font-weight: 700;color: var(--clr-black);}
@media (min-width: 1200px) {
.service-region.is-active:hover {color: var(--clr-secondary);}
.service-region-tooltip {display: none;}
.service-region-tooltip::before {content: "";display: block;position: absolute;left: 0;top: 0;width: 0.625rem;height: 0.625rem;background-color: var(--clr-black);border: 0.5rem solid var(--clr-white);border-radius: 100%;transform: translate(-50%, -50%);-webkit-filter: drop-shadow(5px 6px 3px rgba(0, 0, 0, 0.01)) drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.05)) drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.09)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.1));filter: drop-shadow(5px 6px 3px rgba(0, 0, 0, 0.01)) drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.05)) drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.09)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.1));}
}
@media (max-width: 1199px) {
.service-map {margin-top: var(--sp-sm);}
.service-region-tooltip {position: absolute;z-index: 10;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;visibility: hidden;transition: var(--transition-1);}
.service-region-tooltip.show {opacity: 1;visibility: visible;transform: translate(-50%, -50%);}
}
.benefits-slider .swiper-slide {height: auto;}
.benefit {--padd: calc(var(--sp-sm) * .75);padding: var(--padd);background-color: var(--clr-white);height: 100%;}
.benefit:has(.benefit-img) .benefit-title {margin-top: 0;}
.benefit-title {display: flex;margin-block: 6.5625vw 1.25rem;}
.benefit-title::before {content: "";display: block;flex-shrink: 0;width: 0.75rem;height: 0.75rem;margin-right: 0.875rem;position: relative;top: 0.25em;background-color: var(--clr-primary);transform: rotate(45deg);}
.benefit-num {position: absolute;right: var(--padd);top: var(--padd);font-family: var(--ff-2);font-weight: 500;color: var(--clr-primary);}
.benefit-img {position: relative;padding-top: 60.51%;margin-bottom: var(--sp-md);}
.benefit-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.projects {--items: 2;--abs-sp: 1rem;width: 100%;display: grid;gap: 1.6875rem;grid-template-columns: repeat(var(--items), 1fr);}
.project {--padd-lr: .44em;--logo-w: 11.625rem;--abs-sp: 1.875rem;position: relative;}
.project-img {display: block;position: relative;padding-top: 64%;overflow: hidden;}
.project-img::before {content: "";display: block;position: absolute;left: 0;top: 0;z-index: 2;width: 55rem;height: 34.8125rem;background: linear-gradient(149.71deg, var(--clr-black) 0%, rgba(0, 0, 0, 0) 20.03%);}
.project-img img {transition: var(--transition-1);position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.project-title {position: absolute;bottom: var(--abs-sp);right: calc(var(--abs-sp) + var(--padd-lr));left: calc(var(--abs-sp) + var(--padd-lr));z-index: 2;text-transform: none;margin-block: 0;margin-left: calc(var(--padd-lr) * -1);}
.project-title b {background-color: var(--clr-primary);transition: none;}
.project-logo {position: absolute;right: calc(var(--abs-sp) + var(--padd-lr));bottom: var(--abs-sp);z-index: 3;padding: 0.9375rem 1.875rem;background-color: var(--clr-white);}
.project-logo img {max-width: 7.8125rem;max-height: 7.8125rem;}
.project-tag {position: absolute;left: var(--abs-sp);top: var(--abs-sp);z-index: 2;font-size: 1rem;line-height: 1.875;font-family: var(--ff-2);color: var(--clr-white);max-width: 60%;}
.projects-grid {--bs-gutter-y: var(--sp-md);--bg-gutter-x: var(--sp-xs);}
.projects-grid .project-title {bottom: var(--abs-sp);right: var(--abs-sp);left: calc(var(--abs-sp) + 0.3em);}
.projects-grid .project-tag,
.projects-slider .project-tag {display: flex;align-items: center;left: var(--abs-sp);top: var(--abs-sp);font-size: var(--text);line-height: 1.2;}
.projects-grid .project-tag::before,
.projects-slider .project-tag::before {content: "";display: block;flex-shrink: 0;width: 0.75rem;height: 0.75rem;margin-right: 0.875rem;position: relative;top: -0.1em;background-color: var(--clr-primary);transform: rotate(45deg);}
.projects-slider .swiper-container {overflow: visible;}
.table-list {padding: 1.5rem;background-color: var(--clr-white);}
.table-list li {font-family: var(--ff-2);display: flex;justify-content: space-between;background: url("../img/dashed-line.svg") repeat-x left 70%;}
.table-list li + * {margin-top: 0.9375rem;}
.table-list li span,
.table-list li strong {background-color: var(--clr-white);}
.table-list li span {padding-right: 0.8125rem;}
.table-list li strong {padding-left: 0.4375rem;font-weight: 800;color: var(--clr-black);}
.social-box {display: flex;align-items: center;justify-content: space-between;padding: 1.875rem;margin-top: 1.875rem;background-color: var(--clr-secondary);color: var(--clr-white);}
.social-box-title {font-family: var(--ff-2);max-width: 17.875rem;}
.type2 .social-box-title {max-width: 26.25rem;}
.social-box-networks {flex: 0 0 auto;display: flex;align-items: center;justify-content: flex-end;gap: 1rem;}
.social-box-networks a {width: 3.75rem;height: 3.75rem;flex-shrink: 0;display: flex;align-items: center;justify-content: center;border-radius: 100%;background-color: var(--clr-primary);}
.social-box-img {position: relative;padding-top: 82.67%;}
.social-box-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.social-box .btn-link b[data-txt]::before,
.social-box .btn-link b[data-txt]::after {color: var(--clr-white);}
.social-box.type2 .social {flex: 0 0 auto;}
.social-box.type2 .social a::after {content: "";display: block;width: 1.75rem;height: 1.75rem;background: url("../img/icons/icon-arrow-forward-2.svg") no-repeat center;}
.steps {counter-reset: step;}
.steps .step {counter-increment: step;padding: var(--sp-sm);display: flex;flex-direction: column;background-color: var(--clr-white);}
.steps .step::before {content: counter(step, decimal-leading-zero) ".";width: 3.3125rem;padding-block: 0.5em 0.211em;margin-bottom: calc(var(--sp-md) * 1.17);display: flex;align-items: center;justify-content: center;font-family: var(--ff-2);font-size: var(--text-sm);font-weight: 800;background-color: var(--clr-primary);color: var(--clr-black);}
.steps .step + * {margin-top: 1.25rem;}
.steps .step-title {margin-bottom: 1.25rem;}
.ba-slider .img {position: relative;padding-top: 60.9%;}
.ba-slider .img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.ba-title {position: absolute;left: var(--sp-sm);top: var(--sp-sm);font-family: var(--ff-2);font-size: var(--h4);font-weight: 800;padding: 0.6em 0.4em 0.418em;background-color: var(--clr-primary);color: var(--clr-black);}
.actv-slider .swiper-container {overflow: visible;}
.actv-slider .swiper-slide {width: auto;}
.actv-slider figure {position: relative;display: inline-block;}
.actv-slider figcaption {font-size: 1rem;padding-top: 1.25rem;}
@media (min-width: 768px) {
.project:has(.project-logo) .project-title {padding-right: calc(var(--logo-w) + var(--sp-sm));}
}
@media (min-width: 1200px) {
.social-box-networks a:hover {background-color: var(--clr-hover);}
}
@media (max-width: 1199px) {
.steps {margin-top: var(--sp-md);}
}
@media (max-width: 991px) {
.projects-grid {--bs-gutter-y: var(--sp-xs);}
.project {--abs-sp: 1rem;}
}
@media (max-width: 767px) {
.projects {--items: 1;}
.project-title {font-size: var(--h6);}
.ba-title {font-size: var(--h6);}
.social-box {flex-direction: column;align-items: center;gap: 1rem;text-align: center;}
.project-logo {bottom: auto;right: 0.5rem;top: 0.5rem;padding: 0.3125rem 0.9375rem;}
.project-logo img {max-width: 2.875rem;max-height: 2.875rem;}
}
/*--------------------*/
/*  LR Block          */
/*--------------------*/
.lr-fullheight {display: flex;flex-direction: column;align-items: flex-start;height: 100%;}
.lr-slider .img {position: relative;padding-top: 60.97%;}
.lr-slider .img::before {content: "";display: block;position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;height: 100%;background: linear-gradient(1.46deg, var(--clr-black) -36.56%, rgba(0, 0, 0, 0) 23.34%);}
.lr-slider .img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.lr-img {position: relative;padding-top: 60.97%;}
.lr-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
@media (max-width: 1199px) {
.lr-slider,
.lr-img {margin-top: var(--sp-md);}
}
/*--------------------*/
/*  Sub links         */
/*--------------------*/
.sub-links {--space: .75rem;margin-bottom: var(--sp-sm);overflow-y: clip;overflow-x: auto;-ms-scroll-snap-type: x mandatory;scroll-snap-type: x mandatory;}
.sub-links::-webkit-scrollbar {display: none;}
.sub-links ul {width: -moz-max-content;width: -webkit-max-content;width: max-content;gap: var(--space);display: flex;justify-content: flex-start;}
.sub-links li {display: inline-flex;align-items: center;justify-content: center;cursor: pointer;font-family: var(--ff-2);font-size: var(--text-sm);font-weight: 500;line-height: 1em;color: var(--clr-black);padding: 0.778em 1.33em;border-radius: var(--rd-1);background-color: var(--clr-white);scroll-snap-align: center;scroll-margin-left: var(--space);transition: var(--transition-1);}
.sub-links li.is-active,
.sub-links li:hover {color: var(--clr-black);background-color: var(--clr-primary);}
.sub-links li:has(a) {padding: 0;}
.sub-links li:has(a) a {padding: 0.778em 1.33em;}
.sub-links.type2 li {text-align: center;padding-block: 0.945em;border: 0.0625rem solid var(--clr-border-2);}
.sub-links.type2 li.is-active,
.sub-links.type2 li:hover {border-color: var(--clr-primary);}
.sub-links-wrapp {display: flex;justify-content: space-between;gap: var(--sp-sm);}
.sub-links-wrapp .sub-links {margin-bottom: 0;}
.filter-wrapp {max-width: 10.75rem;width: 100%;flex-shrink: 0;position: relative;z-index: 100;}
.filter-btn {--num-size: 1.56em;--padd-block: 0.778em;cursor: pointer;font-family: var(--ff-2);font-size: var(--text-sm);font-weight: 500;line-height: 1em;width: 100%;padding: var(--padd-block) 1.33em;border-radius: var(--rd-1);text-align: center;display: flex;align-items: center;justify-content: center;gap: 0.5rem;background-color: var(--clr-secondary);color: var(--clr-white);transition: var(--transition-1);}
.filter-btn b {width: var(--num-size);height: var(--num-size);display: flex;align-items: center;justify-content: center;font-weight: inherit;background-color: var(--clr-primary);color: var(--clr-secondary);border-radius: 100%;margin-block: calc(var(--padd-block) * -1);transition: inherit;}
.filter-drop {--drop-w: 22.6875rem;display: none;position: absolute;right: 0;top: calc(100% + 10px);width: var(--drop-w);padding: calc(var(--sp-xs) * 1.5);background-color: var(--clr-white);}
.filter-drop > * + * {margin-top: 1.5rem;}
.filter-drop-title {display: flex;align-items: center;justify-content: space-between;gap: 1rem;}
.filter-drop .ch-box-wrap {flex-direction: column;}
.filter-clear {cursor: pointer;font-family: var(--ff-2);font-size: calc(var(--text-sm) * 0.94);font-weight: 500;transition: var(--transition-1);}
@media (min-width: 1200px) {
.sub-links li:hover {border-color: currentColor;}
.filter-btn:hover {background-color: var(--clr-primary);color: var(--clr-secondary);}
.filter-btn:hover b {background-color: var(--clr-secondary);color: var(--clr-white);}
.filter-clear:hover {color: var(--clr-primary);}
}
@media (max-width: 1199px) {
.sub-links li {font-size: 0.875rem;}
.sub-links-wrapp {flex-direction: column;}
.filter-wrapp {max-width: 100%;display: flex;justify-content: flex-end;position: absolute;right: calc(var(--bs-gutter-x) * 0.5);top: 0;}
.filter-btn {font-size: 0.875rem;width: auto;}
.filter-drop {right: 0;left: 0;margin-left: auto;width: auto;max-width: var(--drop-w);}
}
@media (max-width: 575px) {
.sub-links:not(.type2) {--space: 0.75rem;margin-inline: calc(-1 * var(--space));}
.sub-links:not(.type2) ul {padding-inline: var(--space);}
}
.img-full {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.blog-banner {margin-bottom: var(--sp-sm);}
.blog-banner:has(.blog-banner-media) {margin-bottom: calc(var(--sp-md) * 1.33);}
.blog-banner + * {margin-top: 0;}
.blog-banner-media {position: relative;padding-top: 43.5%;}
.blog-banner-media img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.blog-row.type2 {--bs-gutter-y: 1.25rem;}
.blog-row.type2 .blog-title {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.blog-row.type2 .blog-btn {--size: 2.25rem;margin-top: 0.625rem;}
.blog-item {display: flex;flex-direction: column;align-items: flex-start;height: 100%;}
.blog-item.blog-sticky .blog-img {padding-top: 0;height: 100%;}
.blog-item.blog-sticky .blog-title {position: absolute;bottom: var(--sp-sm);right: var(--sp-sm);left: var(--sp-sm);z-index: 1;max-width: 30.8125rem;text-transform: none;}
.blog-img {width: 100%;position: relative;padding-top: 60%;overflow: hidden;display: block;}
.blog-img img {transition: var(--transition-1);position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.blog-cont {flex: 1;display: flex;flex-direction: column;align-items: flex-start;justify-content:space-between;gap: 0.5rem;padding: clamp(1rem, 0.692rem + 0.986vw, 1.875rem);background-color: var(--clr-white);width: 100%;}
.blog-btn {margin-left: auto;margin-top: 2.1875rem;}
.blog-share {display: flex;align-items: center;justify-content: space-between;background-color: var(--clr-white);padding: calc(var(--sp-sm) * 0.75);gap: var(--sp-sm);}
.blog-share .social ul {flex-wrap: wrap;flex-direction: row;gap: 0.625rem;}
@media (min-width: 1200px) {
.blog-title:hover {color: var(--clr-primary);}
}
@media (max-width: 1199px) {
.blog-item.blog-sticky {height: auto;}
.blog-item.blog-sticky .blog-img {padding-top: 60%;}
}
@media (max-width: 991px) {
.blog-btn {margin-top: 1rem;}
}
/*--------------------*/
/*  Pagination        */
/*--------------------*/
.pagination {--size: 3.125rem;--font-size: 1rem;--gap: 1.25rem;position: relative;display: block;margin-top: max(0.875rem, 2.5vw);}
.pagination ul {line-height: 0;display: flex;align-items: center;justify-content: center;gap: var(--gap);}
.pagination li {flex-shrink: 0;display: inline-block;position: relative;width: var(--size);height: var(--size);text-align: center;font-size: var(--font-size);font-weight: 500;line-height: var(--size);color: var(--clr-black);}
.pagination a {display: inline-block;position: relative;width: 100%;height: 100%;border: 0.0625rem solid var(--clr-border-3);}
.pagination .dots {pointer-events: none;}
.pagination .pag-arrow {width: calc(var(--size) * 1.24);height: calc(var(--size) * 1.08);}
.pagination .pag-arrow a {color: var(--clr-border-2);}
.pagination .pag-arrow:last-child {transform: rotate(180deg);}
.pagination li.active a {pointer-events: none;color: var(--clr-white);background-color: var(--clr-primary);border-color: var(--clr-primary);color: var(--clr-black);}
@media (min-width: 1200px) {
.pagination li a:hover {background-color: var(--clr-primary);border-color: var(--clr-primary);}
.pagination li.pag-arrow a:hover {background-color: var(--clr-secondary);border-color: var(--clr-secondary);color: var(--clr-white);}
}
@media (max-width: 575px) {
.pagination {--size: 2.25rem;--font-size: 1rem;--gap: .625rem;}
}
.section-docs {--doc-padd: clamp(1rem, 0.692rem + 0.986vw, 1.875rem);}
.docs-subtitle {margin-bottom: var(--doc-padd);}
.docs-row + .docs-subtitle {margin-top: calc(var(--sp-md) * 1.33);}
.docs-row + * {margin-top: 1.875rem;}
.docs-item {display: flex;align-items: center;gap: 1.5rem;padding: var(--doc-padd);font-family: var(--ff-2);font-size: var(--h5);color: var(--clr-black);background-color: var(--clr-white);height: 100%;}
.docs-item::before,
.docs-item::after {content: "";display: block;width: 1.75rem;flex-shrink: 0;background-repeat: no-repeat;background-size: contain;}
.docs-item::before {height: 2.0625rem;background-image: url("../img/icons/icon-pdf.svg");}
.docs-item::after {margin-left: auto;height: 1.4375rem;background-image: url("../img/icons/icon-eye.svg");transition: var(--transition-1);}
.docs-item span {line-height: 1;position: relative;top: 0.15em;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
@media (min-width: 1200px) {
.docs-item:hover::after {-webkit-filter: brightness(0);filter: brightness(0);}
}
/*--------------------------*/
/*  Tabs (not for styling)  */
/*--------------------------*/
._tabs {position: relative;}
:where(._tab) {display: none;}
._tab:nth-child(1 of ._tab) {display: block;}
._tab-item {cursor: pointer;}
._tab-item.is-active {pointer-events: none;}
/*--------------------*/
/*  Accordion         */
/*--------------------*/
.accordion {position: relative;z-index: 1;}
.accordion-item {--padding-acc: 1.875rem;position: relative;background-color: var(--clr-white);}
.accordion-item + .accordion-item {margin-top: 0.625rem;}
.accordion-title {position: relative;cursor: pointer;font-size: var(--h5);font-family: var(--ff-2);line-height: 1.36em;font-weight: 800;color: var(--clr-title);display: flex;align-items: center;justify-content: space-between;padding: calc(var(--padding-acc) * 0.972) var(--padding-acc);transition: var(--transition-1);}
.accordion-title i {position: relative;width: 2rem;height: 2rem;flex-shrink: 0;border-radius: 100%;}
.accordion-title i::before,
.accordion-title i::after {content: "";position: absolute;bottom: 0;right: 0;left: 0;top: 0;margin: auto;background-color: var(--clr-black);transition: var(--transition-1);}
.accordion-title i::before {width: 0.125rem;height: 1rem;}
.accordion-title i::after {width: 1rem;height: 0.125rem;}
.accordion-title.is-active i {background-color: var(--clr-secondary);}
.accordion-title.is-active i::before,
.accordion-title.is-active i::after {background-color: var(--clr-white);}
.accordion-title.is-active i::before {opacity: 0;}
.accordion-inner {display: none;padding-bottom: var(--padding-acc);padding-inline: var(--padding-acc);}
@media (min-width: 1200px) {
.accordion-title:hover {color: var(--clr-primary);}
}
@media (max-width: 991px) {
.accordion-item {--padding-acc: .875rem;}
}
/*--------------------*/
/*  Contacts          */
/*--------------------*/
.ct-items-row {--bs-gutter-y: 1.875rem;}
.contact-item {display: flex;align-items: center;}
.contact-item + .contact-item {margin-top: 1.875rem;}
.contact-item-img {--size: 3.75rem;position: relative;align-self: flex-start;flex-shrink: 0;width: var(--size);height: var(--size);margin-right: 4%;border-radius: 100%;border: 0.0625rem solid var(--clr-black);}
.contact-item-img img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 50%;max-height: 50%;}
.contact-item-info {display: flex;flex-direction: column;align-items: flex-start;font-weight: 500;font-size: var(--h6);line-height: 1.3em;color: var(--clr-text);}
.contact-item-info > * + * {margin-top: 0.25rem;}
.contact-block {position: relative;overflow: hidden;display: block;padding-top: max(22.5rem, 36vw);border-radius: var(--rd-1);}
.map {position: absolute;inset: 0;}
@media (min-width: 1200px) {
.contact-item-info a:hover {color: var(--clr-primary);}
}
@media (max-width: 575px) {
.contact-item-img {--size: 2.5rem;}
}
/*--------------------*/
/*  InfoBox           */
/*--------------------*/
.infoBox {--space: 0.9375rem;}
.infoBox > img {z-index: 10;opacity: 0;}
.infoBox > img,
.infoBox .btn-close {position: absolute;top: calc(-1 * var(--space));right: var(--space);width: calc(var(--space) * 2);height: calc(var(--space) * 2);border-radius: 100%;}
.infoBox .btn-close {right: calc(-1 * var(--space));}
.info-box-wrapper {position: relative;z-index: 1;background-color: var(--clr-white);border-radius: var(--rd-1);display: flex;}
.info-box-inner {padding: var(--space);padding-right: calc(var(--space) * 3);}
.info-box-inner > * {margin-bottom: var(--space);}
.info-box-inner :last-child {margin-bottom: 0;}
.cnt-item {display: flex;align-items: flex-start;}
.cnt-img {flex-shrink: 0;width: 1.25rem;height: 1.25rem;margin-right: 0.625rem;}
.cnt-img img {width: 100%;line-height: 0;}
.cnt-info {font-family: var(--ff-1);font-weight: 400;font-size: 1rem;line-height: 1.2em;}
.cnt-info > * + * {margin-top: 0.25rem;}
.info-box-img {position: relative;z-index: -1;padding-bottom: 56%;height: 100%;width: 44%;flex-shrink: 0;border-bottom-right-radius: var(--rd-1);overflow: hidden;}
.info-box-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
@media (min-width: 1200px) {
.infoBox img:hover + .info-box-wrapper .btn-close {color: var(--clr-red);background-color: var(--clr-grey);}
.cnt-info a:hover {color: var(--clr-primary);}
}
@media (max-width: 575px) {
.infoBox {--space: 0.75rem;}
.info-box-img {display: none;}
.infoBox > img,
.infoBox .btn-close {top: calc(var(--space) * 0.5);right: calc(var(--space) * 2.5);}
.infoBox .btn-close {right: calc(var(--space) * 0.5);}
}
/*--------------------*/
/*  Footer            */
/*--------------------*/
.footer {--clr-border: rgba(255, 255, 255, .15);--clr-title: var(--clr-white);font-family: var(--ff-2);font-weight: 500;background-color: var(--clr-secondary);}
.footer-top {padding-block: var(--sp-sm);border-bottom: 1px solid var(--clr-border);}
.footer-top .row {align-items: center;}
.footer-logo {display: block;max-width: 14.6875rem;width: 100%;}
.footer-logo img {display: block;width: 100%;}
.footer-links ul {display: flex;justify-content: flex-end;align-items: center;flex-wrap: wrap;gap: 0.9375rem 2.34vw;}
.footer-links li {line-height: 0;}
.footer-links a {font-size: var(--text-sm);font-weight: 500;line-height: 1.25em;color: var(--clr-white);}
.footer-middle {border-bottom: 0.0625rem solid var(--clr-border);}
.footer-middle > .row {--bs-gutter-x: calc(var(--sp-md) * 2);}
.footer-middle > .row > [class*=col-] {padding-block: var(--sp-md);}
.footer-middle > .row > [class*=col-] + * {border-left: 0.0625rem solid var(--clr-border);}
.footer-middle > .row .row {--bs-gutter-x: 2.125rem;}
.footer-title {margin-bottom: var(--sp-sm);}
.footer-cnt-item + .footer-cnt-item {margin-top: var(--sp-md);}
.footer-cnt-item a {font-family: var(--ff-1);}
.footer-cnt-item .text {color: var(--clr-white-75);}
.footer-cnt-item .text + * {margin-top: 1.25rem;}
.footer-cnt-item .text > * + *:not(.footer-cnt-subtitle) {margin-top: 0;}
.footer-cnt-item .text p {font-size: 0.875rem;line-height: 1.7;}
.footer-cnt-item .text a:not(.btn) {color: var(--clr-primary);font-size: var(--text-sm);font-weight: 400;}
.footer-cnt-title {--bullet-size: .6875rem;--gap: .9em;position: relative;padding-left: calc(var(--bullet-size) + var(--gap));margin-bottom: 1.11em;}
.footer-cnt-title::before {content: "";display: block;position: absolute;left: 0;top: 0.25em;width: var(--bullet-size);height: var(--bullet-size);background-color: var(--clr-primary);transform: rotate(45deg) translate(0.056em, -0.056em);}
.footer-cnt-subtitle {font-size: 1rem;line-height: 1.5;margin-block: 0.625em 0;}
.footer-lists {--bs-gutter-y: var(--sp-sm);}
.footer-lists ul {--bullet-size: .44em;--gap: .72em;margin-top: 0.9375rem;}
.footer-lists ul + * {margin-top: var(--sp-sm);}
.footer-lists ul li {position: relative;padding-left: calc(var(--bullet-size) + var(--gap));}
.footer-lists ul li + * {margin-top: 0.9375rem;}
.footer-lists ul li::before {content: "";display: block;position: absolute;left: 0;top: 0.4em;width: var(--bullet-size);height: var(--bullet-size);background-color: var(--clr-primary);transform: rotate(45deg) translate(0.056em, -0.056em);}
.footer-lists ul a {color: var(--clr-white-75);}
.footer-bottom {padding-block: var(--sp-sm);}
.footer-bottom .row {--bs-gutter-y: 0.9375rem;}
.footer-copy {display: flex;flex-wrap: wrap;align-items: center;gap: var(--sp-xs) var(--sp-sm);}
.footer-copy > * {font-size: 1rem;line-height: 1.25em;color: var(--clr-white);}
.footer-copy a {color: var(--clr-white-75);}
.social {display: flex;align-items: center;height: 100%;}
.social ul {display: flex;flex-direction: column;gap: 1.5625rem;}
.social li {position: relative;line-height: 0;}
.social a {display: flex;align-items: center;gap: 0.625rem;font-size: var(--text-sm);color: var(--clr-white);}
.social a i {width: 2.5rem;height: 2.5rem;background-color: var(--clr-primary);border-radius: 100%;display: flex;align-items: center;justify-content: center;transition: var(--transition-1);}
.social a img {flex-shrink: 0;}
.copy-msg {opacity: 0;font-size: 0.75rem;line-height: 1.4;position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 100%);color: var(--clr-text);transition: var(--transition-1);}
.dev-link {font-size: 1rem;line-height: 1.25em;color: var(--clr-white);gap: 0.75rem;display: flex;align-items: center;justify-content: flex-end;}
@media (min-width: 1200px) {
.footer-cnt-item:hover,
.footer-links a:hover,
.dev-link:hover {color: var(--clr-primary);}
.footer-copy a:hover,
.footer-lists ul a:hover {color: var(--clr-white);}
.social a:hover, .footer-lists h6 a:hover {color: var(--clr-primary);}
.social a:hover i {background-color: var(--clr-hover);}
}
@media (max-width: 1199px) {
.footer-logo {max-width: 11.25rem;}
.footer-middle > .row > [class*=col-]:last-child {border-left: none;padding-top: 0;}
.footer .social {height: auto;padding-top: var(--sp-md);border-top: 0.0625rem solid var(--clr-border);}
.footer .social ul {flex-direction: row;justify-content: space-between;width: 100%;}
}
@media (max-width: 991px) {
.footer-logo {max-width: 10rem;margin-inline: auto;margin-bottom: 1.5rem;}
.footer-middle > .row > [class*=col-] + * {padding-top: 0;}
.footer-middle > .row > [class*=col-] + * .footer-title {padding-top: var(--sp-md);border-top: 0.0625rem solid var(--clr-border);}
.footer-links ul {justify-content: center;}
.footer-copy,
.dev-link {justify-content: center;}
}
@media (max-width: 767px) {
.footer-middle > .row .row {--bs-gutter-y: var(--sp-xs);}
.footer .social ul {display: grid;grid-template-columns: repeat(2, 1fr);}
}
/*--------------------*/
/*  Popups            */
/*--------------------*/
.popup-wrapper {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;left: -100%;transition-delay: 0.3s;display: block;}
.popup-wrapper .bg-layer {position: absolute;left: 0;right: 0;top: -6.25rem;bottom: -6.25rem;background: var(--bg-overlay);opacity: 0;transition: opacity var(--transition-1);}
.popup-wrapper.active {left: 0;transition-delay: 0s;}
.popup-wrapper.active .bg-layer {opacity: 1;}
.popup-content {position: absolute;inset: 0;font-size: 0;text-align: center;letter-spacing: 0;padding: 0.9375rem;overflow: auto;-webkit-overflow-scrolling: touch;-webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 0;visibility: hidden;transform: translateY(6.25rem);transition: var(--transition-1);}
.popup-content.active {transform: translateY(0%);opacity: 1;visibility: visible;}
.popup-content:after {content: "";display: inline-block;vertical-align: middle;height: 100%;}
.popup-content .layer-close {position: absolute;left: 0;bottom: 0;right: 0;height: 625rem;}
.popup-container {position: relative;display: inline-block;vertical-align: middle;width: 100%;max-width: 42.8125rem;background: var(--clr-white);}
.popup-container.size-2 {max-width: 48.75rem;}
.popup-container.size-3 {max-width: 86.375rem;}
.popup-container .btn-close {position: absolute;z-index: 10;top: 1.25rem;right: 1.25rem;}
.popup-align {position: relative;z-index: 1;padding: 3rem 4rem;}
.popup-info .title {text-transform: none;}
.popup-info > * + * {margin-top: 3%;}
.open-popup {cursor: pointer;}
.popup-video {transform: none;}
.popup-video .popup-container {max-width: 100%;}
.team-popup-wrapp {display: flex;text-align: left;}
.team-popup-img {width: 44.501%;flex-shrink: 0;position: relative;aspect-ratio: 615/748;}
.team-popup-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.team-popup-content {flex: 1;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding: var(--sp-md);gap: var(--sp-md);}
.team-info {width: 100%;display: flex;align-items: center;justify-content: space-between;padding-top: 1.25rem;border-top: 0.0625rem solid var(--clr-border-2);}
.team-info a {font-size: 1rem;color: var(--clr-primary);text-decoration: underline;}
.popup-donate {--popup-top-h: 8.375rem;text-align: right;padding: 0;overflow: hidden;transform: translateX(100%);}
.popup-donate.active {transform: translateX(0%);}
.popup-donate .popup-container {max-width: 53.125rem;height: 100%;}
.popup-donate .popup-align {padding: 0;display: flex;flex-direction: column;text-align: initial;height: 100%;}
.popup-donate .close-popup {right: auto;left: -1.875rem;top: 1.875rem;transform: translateX(-100%);}
.popup-donate .sub-links {width: 100%;margin-bottom: 0;}
.popup-donate .sub-links ul {width: 100%;}
.popup-donate .sub-links ul li {flex: 1;}
.popup-donate .toggle-block {display: none;}
.popup-donate ._tab {height: calc(100% - var(--popup-top-h));}
.popup-title,
.popup-overflow {padding-inline: var(--sp-sm);}
.popup-title.has-border {border-bottom: 0.0625rem solid var(--clr-border-2);}
.popup-top {display: flex;align-items: center;width: 100%;padding-inline: var(--sp-sm);height: var(--popup-top-h);}
.popup-middle {display: flex;flex-direction: column;height: 100%;}
.popup-overflow {overflow-x: clip;overflow-y: auto;width: 100%;height: 100%;overscroll-behavior-y: none;}
.popup-overflow.type2 {display: flex;align-items: center;flex-direction: column;justify-content: center;gap: var(--sp-sm);text-align: center;margin-inline: auto;}
.popup-overflow.size2 {max-width: 41.25rem;}
.popup-overflow.size3 {max-width: 45.625rem;gap: 0;}
.popup-overflow.size3 .title {margin-bottom: 0.75rem;}
.popup-text {font-family: var(--ff-2);font-size: var(--text-lg);color: var(--clr-black);margin-bottom: var(--sp-sm);}
.popup-buttons {width: 100%;display: flex;justify-content: space-between;gap: 1rem;}
.popup-buttons:has(.btn:only-child) {justify-content: center;}
.popup-buttons .btn-link {font-size: 1.0625rem;}
.popup-bottom {position: relative;font-size: 1.0625rem;text-align: center;padding: 1.25rem 1rem;border-top: 0.0625rem solid var(--clr-border-4);}
.popup-bottom > * + * {margin-top: 0.9375rem;}
.popup-bottom .social {height: auto;}
.popup-bottom .social ul {display: flex;flex-direction: row;justify-content: center;width: 100%;gap: 0.75rem;}
.popup-bottom .social a i {width: 3rem;height: 3rem;}
.popup-bottom .social a i img {max-height: 1.3125rem;}
.payments .payment {cursor: pointer;padding: 1.5rem;display: flex;align-items: center;gap: 1rem;border: 0.0625rem solid var(--clr-border-2);transition: var(--transition-1);}
.payments .payment-logo {flex-shrink: 0;}
.payments .payment-title {flex: 0 0 auto;}
.payments .payment-title > *:first-child {line-height: 1;}
.payments .payment-title .text {font-size: 1rem;white-space: nowrap;}
.payments .payment-icons {margin-left: auto;display: flex;flex-wrap: wrap;justify-content: flex-end;gap: 0.625rem;}
.payments > * + * {margin-top: 1.25rem;}
.pay-dt {padding-block: var(--sp-xs);}
.pay-dt + * {border-top: 0.0625rem solid var(--clr-border-2);}
.pay-dt > * + * {margin-top: 0.5rem;}
.pay-dt-title {font-size: 1rem;font-family: var(--ff-2);color: var(--clr-text);}
.pay-dt-info {display: flex;align-items: center;gap: 1rem;font-size: var(--text-sm);font-weight: 600;color: var(--clr-black);}
.pay-dt-copy {cursor: pointer;flex-shrink: 0;position: relative;}
.pay-dt-copy::before {content: "";display: block;width: 1.25rem;height: 1.25rem;background: url("../img/icons/icon-copy-sm.svg") no-repeat center/contain;transition: var(--transition-1);}
.pay-dt-copy .copy-msg {left: auto;right: 0;padding-left: 0.25rem;transform: translateX(100%);}
@media (min-width: 1200px) {
.team-info a:hover {-webkit-text-decoration-color: transparent;text-decoration-color: transparent;}
.payments .payment.is-active,
.payments .payment:hover {border-color: var(--clr-primary);box-shadow: inset 0 0 0 0.0625rem var(--clr-primary);}
.pay-dt-copy:hover::before {-webkit-filter: brightness(0);filter: brightness(0);}
}
@media (max-width: 1199px) {
.popup-donate .close-popup {left: auto;right: 0.5rem;top: 0.5rem;transform: none;}
}
@media (max-width: 991px) {
.team-info {flex-direction: column;}
}
@media (max-width: 767px) {
.team-popup-wrapp {flex-direction: column;}
.team-popup-img {width: 100%;aspect-ratio: 1/1;}
.payments .payment {padding: 1rem;}
.payments .payment-logo {width: 2.25rem;}
.payments .payment-icons {gap: 0.5rem;}
.popup-buttons {flex-direction: column;align-items: center;}
}
@media (max-width: 575px) {
.popup-container .btn-close {top: 0.25rem;right: 0.25rem;}
.popup-align {padding: 2.5rem 1rem;}
}
/*--------------------*/
/*  Informer          */
/*--------------------*/
.informer-wrapper {overflow: hidden;position: fixed;left: 0;top: 0;z-index: 100;width: 100%;height: 100%;opacity: 0;visibility: hidden;display: block;transition: var(--transition-1);}
.informer-wrapper.is-active {opacity: 1;visibility: visible;}
.informer-content {position: absolute;inset: 0;z-index: 1;overflow: auto;font-size: 0;letter-spacing: 0;text-align: center;padding: 0.9375rem;-webkit-overflow-scrolling: touch;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.informer-content:after {content: "";display: inline-block;vertical-align: middle;height: 100%;}
.informer-img {position: relative;pointer-events: none;z-index: 1;display: block;width: 44.5%;}
.informer-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.informer-text {padding: var(--sp-md);display: flex;flex-direction: column;justify-content: center;align-items: flex-start;flex: 1;gap: var(--sp-sm);text-align: left;background-color: var(--clr-white);}
.informer-close {position: absolute;z-index: 10;top: 1.25rem;right: 1.25rem;}
.informer-container {max-width: 86.375rem;display: inline-block;vertical-align: middle;background-color: var(--clr-white);position: relative;z-index: 1;}
.informer-row {display: flex;}
.informer-overlay {position: absolute;bottom: 0;right: 0;left: 0;top: 0;background-color: var(--bg-overlay);opacity: 0;transition: opacity var(--transition-1);}
.informer-layer {position: absolute;bottom: 0;left: 0;right: 0;height: 625rem;z-index: 1;}
.is-active .informer-overlay {opacity: 1;}
.informer-amount > * + * {margin-top: 0.75rem;}
.informer-amount small {display: block;}
.informer-title {margin-left: 0.2em;line-height: 1;background-color: var(--clr-primary);box-shadow: 0.2em 0 0 var(--clr-primary),-0.2em 0 0 var(--clr-primary),-0.2em -0.23em 0 var(--clr-primary),0.2em -0.23em 0 var(--clr-primary);}
@media (max-width: 767px) {
.informer-img {width: 100%;padding-top: 56.25%;}
.informer-row {flex-direction: column;}
.informer-close {right: 1rem;top: 1rem;}
}
/*--------------------*/
/*  Cookies           */
/*--------------------*/
.cookies-informer {--cookie-pd: clamp(1rem, 0.824rem + 0.563vw, 1.5rem);--cookie-gap: 1.5rem;position: fixed;bottom: 0;right: 0;left: 0;transform: translate(0%, 100%);max-width: 100%;padding-block: var(--cookie-pd);padding-inline: calc(var(--cookie-pd) * 1.67);background: var(--clr-white);opacity: 0;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;transition: var(--transition-1);display: block;}
.cookies-informer.active {z-index: 500;visibility: visible;opacity: 1;transform: translate(0%, 0%);}
.cookies-informer-inner {width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 1rem;}
.cookies-informer-inner .text {font-size: 1rem;line-height: 1.5;max-width: 87.4375rem;}
.cookies-btn-wrap {display: flex;align-items: center;gap: 1.25rem;flex: 0 0 auto;}
@media (max-width: 991px) {
.cookies-informer-inner {flex-direction: column;}
.cookies-informer-inner .text {text-align: center;}
}
/*--------------------*/
/*  404               */
/*--------------------*/
.page-404 {margin: 0;padding: 2.5rem 0;width: 100%;min-height: calc(100svh - var(--h-height) - var(--h-top-gap) - var(--h-bottom-gap));display: flex;align-items: center;justify-content: center;}
.page-404-inner .title {line-height: 1.26;}
.page-404-inner .text {max-width: 43.75rem;margin-top: 0.3125rem var(--sp-md);}
.page-404-inner .btn {margin-top: var(--sp-sm);}
.page-404-img {font-size: clamp(7.5rem, 4.375rem + 10vw, 16.375rem);font-family: var(--ff-2);color: var(--clr-black);line-height: 0.85;}
@media (max-width: 991px) {
.page-404-img {text-align: center;}
.page-404-inner {text-align: center;}
}
#customCursor {position: fixed;top: 0;left: 0;pointer-events: none;z-index: 999999;opacity: 0;will-change: transform;transition: var(--transition-1);}
#customCursor.is-active {opacity: 1;}
#customCursor.is-hover {opacity: 0;}
#customCursor .text {font-family: var(--ff-2);font-weight: 800;line-height: 1.5;padding-inline: 0.45em;color: var(--clr-black);background-color: var(--clr-primary);}
#customCursor *,
#customCursor *:before,
#customCursor *:after {-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.rellax-image {position: relative;overflow: hidden;}
.rellax-image img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
.splitting .word,
.splitting .char {display: inline-block;vertical-align: middle;}
.splitting .char {position: relative;}
.splitting .char::before,
.splitting .char::after {content: attr(data-char);position: absolute;top: 0;left: 0;visibility: hidden;transition: inherit;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.splitting {--word-center: calc((var(--word-total) - 1) / 2);--char-center: calc((var(--char-total) - 1) / 2);--line-center: calc((var(--line-total) - 1) / 2);}
.splitting .word {--word-percent: calc(var(--word-index) / var(--word-total));--line-percent: calc(var(--line-index) / var(--line-total));}
.splitting .char {--char-percent: calc(var(--char-index) / var(--char-total));--char-offset: calc(var(--char-index) - var(--char-center));--distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center));--distance-sine: calc(var(--char-offset) / var(--char-center));--distance-percent: calc((var(--distance) / var(--char-center)));}
.title-anim .char {overflow: hidden;color: transparent;}
.title-anim .char:after {transform: translateX(-112%);visibility: visible;color: var(--clr-title);transition: transform 1.8s cubic-bezier(0.9, 0, 0.2, 1);}
.title-anim b .char:after {color: var(--clr-black);}
.animated .title-anim .char:after {transform: translateX(0);}
.img-hover .hover-picture {position: absolute;top: 0;z-index: 1;width: 100%;height: 100%;-webkit-clip-path: inset(0 0 100% 0);clip-path: inset(0 0 100% 0);transform: scale3d(1.2, 1.2, 1) skew(0deg, 5deg);transition: var(--transition-3);}
@media (min-width: 1200px) {
.img-hover:hover .hover-picture {-webkit-clip-path: inset(0 0 0 0);clip-path: inset(0 0 0 0);transform: scale3d(1, 1, 1) skew(0deg, 0deg);}
}
.flip3D {position: relative;}
.card {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.card.front {transform: perspective(900px) rotateX(0deg);z-index: 2;}
.card.back {transform: perspective(900px) rotateX(180deg);z-index: 1;}
@media (min-width: 1200px) {
.flip3D:hover > .front {-webkit-animation: flipForward 1s forwards;animation: flipForward 1s forwards;}
.flip3D:hover > .back {-webkit-animation: flipForwardBack 1s forwards;animation: flipForwardBack 1s forwards;}
}
@-webkit-keyframes flipForward {
from {transform: perspective(900px) rotateX(0deg);}
to {transform: perspective(900px) rotateX(-180deg);}
}
@keyframes flipForward {
from {transform: perspective(900px) rotateX(0deg);}
to {transform: perspective(900px) rotateX(-180deg);}
}
@-webkit-keyframes flipForwardBack {
from {transform: perspective(900px) rotateX(180deg);}
to {transform: perspective(900px) rotateX(0deg);}
}
@keyframes flipForwardBack {
from {transform: perspective(900px) rotateX(180deg);}
to {transform: perspective(900px) rotateX(0deg);}
}