/*------------------*/
/* 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);}
/* 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);}
/* text */
.title-wrap {line-height: 0;}
.title-wrap > * + * {margin-top: 1rem;}
.title.text-center,
.title-wrap.text-center {margin-inline: auto;}
.subtitle {position: relative;display: inline-flex;align-items: flex-end;font-size: var(--text-sm);line-height: 1.38em;font-weight: 500;letter-spacing: -0.02em;text-transform: uppercase;color: var(--clr-title);}
.subtitle:before {content: "";display: inline-block;width: 1.6875em;aspect-ratio: 0.675;flex-shrink: 0;align-self: flex-start;background-image: url(../img/decor-parallelogram.svg);background-size: 100%;background-repeat: no-repeat;}
.subtitle:after {content: "";display: inline-block;width: 0.625em;height: 0.625em;flex-shrink: 0;align-self: flex-end;background-image: url(../img/decor-dot.svg);background-size: 100%;background-repeat: no-repeat;margin-left: 0.25rem;}
.head-section {gap: 1.25rem;display: grid;}
@media (min-width: 1200px) {
.head-section {gap: 2rem;grid-template-columns: 35% 28%;justify-content: space-between;align-items: end;}
}
@media (max-width: 767px) {
.title-wrap > * + * {margin-top: 0.5rem;}
}
/* Cursor */
.cursor {display: none;}
@media (min-width: 1200px) {
.cursor {will-change: translate;position: fixed;top: 0;left: 0;z-index: 100;pointer-events: none;transform-origin: center;display: block;backface-visibility: hidden;}
.cursor .btn-scroll svg {transform: translate(-50%, -50%) rotate(-90deg);}
.cursor > * {opacity: 0;display: inline-block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: transform 0.25s linear;display: flex;align-items: center;justify-content: center;backface-visibility: hidden;}
.cursor.detail .btn-scroll {opacity: 1;}
}
/*------------------*/
/* Social           */
/*------------------*/
.social ul {--gap: 0.75rem;gap: var(--gap);display: flex;align-items: center;flex-wrap: wrap;}
.social li {line-height: 0;}
.social a {--size: 3.75rem;--bg: #FFF;position: relative;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;border-radius: 100%;background-color: var(--bg);border: 0.0625rem solid var(--bg);}
.social a > * {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 46.67%;height: 46.67%;}
@media (min-width: 1200px) {
.social a:hover {border-color: var(--clr-primary);}
}
@media (max-width: 767px) {
.social a {--size: 2.5rem;}
}
/*--------------------*/
/*  Tabs              */
/*--------------------*/
.tabs {position: relative;}
.tab-nav {--gap: 1rem;line-height: 0;margin-bottom: max(1rem, 2.5vw);text-align: center;overflow-y: hidden;overflow-x: scroll;scroll-snap-type: x mandatory;}
.tab-toggle {display: inline-flex;min-width: -moz-fit-content;min-width: fit-content;line-height: 0;gap: var(--gap);}
.tab-toggle div {display: inline-block;white-space: nowrap;position: relative;cursor: pointer;font-size: 1rem;font-weight: 500;line-height: 1em;color: var(--clr-black);padding: 1em 1.25em;text-transform: uppercase;border-radius: var(--rd-1);border: 0.0625rem solid transparent;background-color: var(--clr-grey);transition: var(--transition-1);scroll-snap-align: start;scroll-margin-left: var(--gap);}
.tab-toggle div.is-active {color: var(--clr-primary);background-color: var(--clr-white);border-color: currentColor;}
.tabs-wrap {position: relative;}
:where(.tab) {display: none;}
.tab:first-child {display: block;}
@media (min-width: 1200px) {
.tab-toggle div:not(.is-active):hover {border-color: currentColor;}
}
@media (max-width: 575px) {
.tab-nav {margin-inline: calc(-1 * var(--gap));}
.tab-toggle {padding-inline: var(--gap);}
.tab-toggle div {font-size: 0.75rem;}
}
/*------------------*/
/* Accordion        */
/*------------------*/
.accordion {position: relative;z-index: 1;}
.accordion-item {--pd-inline: 1rem;--pd-block: 1.25rem;--gap: 1rem;position: relative;border-radius: var(--rd-1);background-color: var(--clr-grey);transition: var(--transition-1);padding: var(--pd-block) var(--pd-inline);}
.accordion-item + .accordion-item {margin-top: 0.75rem;}
.accordion-item:has(.accordion-title.is-active) {background-color: var(--clr-white);}
.accordion-title {position: relative;cursor: pointer;gap: var(--gap);display: flex;align-items: center;justify-content: space-between;font-size: var(--h6);line-height: 1.2em;font-weight: 500;color: var(--clr-title);transition: var(--transition-1);}
.accordion-title i {--size: 1.63em;position: relative;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;align-self: flex-start;border-radius: 0.5rem;background-color: var(--clr-title);color: var(--clr-white);transition: var(--transition-1);}
.accordion-title i svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50%;height: 50%;transition: transform var(--transition-1);}
.accordion-title.is-active i {background-color: var(--clr-primary);color: var(--clr-title);}
.accordion-title.is-active i svg {transform: translate(-50%, -50%) rotateX(-180deg);}
.accordion-inner {display: none;padding-top: var(--gap);}
@media (min-width: 1200px) {
.accordion-item {--pd-inline: 1.5rem;--pd-block: 2rem;--gap: 1.25rem;}
.accordion-inner {padding-right: calc(var(--gap) * 3);}
.accordion-title:hover {color: var(--clr-text);}
}
/*------------------*/
/* Banner           */
/*------------------*/
.banner-section {margin-top: calc(var(--h-height) * -1);}
.banner-section > .svg-animate {position: absolute;right: 1rem;bottom: 1rem;width: 50%;aspect-ratio: 1.0829;}
.banner {position: relative;}
.banner .svg-word {position: absolute;top: calc(var(--h-height) + var(--sp-sm));left: var(--container-pd, 0.75rem);right: var(--container-pd, 0.75rem);width: calc(100% - var(--container-pd, 0.75rem) * 2);aspect-ratio: 5.8785;}
.banner .svg-letter {stroke-dasharray: 0;stroke-dashoffset: 0;opacity: 0;}
.banner-media {position: absolute;overflow: hidden;z-index: 0;inset: 0;}
.banner-media::before {content: "";position: absolute;z-index: 1;inset: 0;background: rgba(14, 15, 17, 0.55);}
.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;content-visibility: auto;}
.banner-media .video {position: absolute;inset: 0;clip: rect(auto, auto, auto, auto);}
.banner-media.mask-image svg {display: none;}
.banner-align {position: relative;z-index: 1;display: table-cell;vertical-align: middle;width: 625rem;height: 100svh;padding-block: calc(var(--h-height) + var(--sp-md)) var(--sp-lg);}
.banner-align .row {--bs-gutter-y: var(--sp-sm);}
.banner-align.align-bottom {vertical-align: bottom;}
.banner-align.align-top {vertical-align: top;}
.banner-info .title,
.banner-info .text {--clr-title: #fff;--clr-text: rgba(255, 255, 255, 0.7);}
.banner-info > * + * {margin-top: var(--sp-sm);}
.banner-info .title {text-transform: uppercase;}
.banner-title .btn-scroll-wrap {display: none;}
.banner-text {--clr-text: rgba(255, 255, 255, 0.7);font-size: var(--h6);line-height: 1.3em;font-weight: 400;color: var(--clr-text);}
.banner-slider .swiper-controls-wrap {position: absolute;z-index: 11;bottom: var(--sp-xs);right: calc((100% - var(--container-width)) / 2 + 0.75rem);gap: 0.5rem;}
.banner-slider .swiper-controls-wrap .swiper-pagination-bullet {border-color: rgba(255, 255, 255, 0.4);}
.banner-slider .swiper-controls-wrap .swiper-pagination-bullet-active {border-color: rgb(255, 255, 255);}
.banner-img {position: relative;overflow: hidden;display: block;width: 100%;border-radius: var(--rd-1);aspect-ratio: 1.384;}
.banner-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;border-radius: var(--rd-1);}
@media (min-width: 768px) {
.banner-img {aspect-ratio: 2.875;}
.banner-img.type-2 {aspect-ratio: 4.38;}
}
@media (min-width: 1200px) {
.banner-section > .svg-animate {width: 37.5%;}
.banner-media.mask-image::before {-webkit-mask-image: url(../img/fade-mask.svg);mask-image: url(../img/fade-mask.svg);-webkit-mask-size: auto;mask-size: auto;-webkit-mask-position: center;mask-position: center;}
.banner-media.mask-image svg {position: absolute;z-index: 1;inset: 0;display: block;width: 100%;height: 100%;}
.banner-align .container,
.banner-align .row {height: 100%;}
.banner-align .row {--bs-gutter-y: 0;}
.banner-info:has(.banner-text) {max-width: 88%;margin-left: auto;}
.banner-title {gap: 1.5rem;display: inline-flex;align-items: center;}
.banner-title .btn-scroll-wrap {display: inline-flex;flex-shrink: 0;height: auto;}
.banner-slider .swiper-controls-wrap {bottom: var(--sp-sm);gap: 1rem;}
}
.banner-section {opacity: 1;}
/*------------------*/
/* Breadcrumbs      */
/*------------------*/
.breadcrumbs {--br-fz: 0.75rem;--br-space: 1rem;position: relative;z-index: 10;width: 100%;margin-block: 0.75rem var(--sp-sm);overflow-y: hidden;overflow-x: auto;scroll-snap-type: x mandatory;}
.breadcrumbs ul {min-width: -moz-max-content;min-width: max-content;line-height: 0;padding-right: var(--br-space);}
.breadcrumbs li {position: relative;display: inline-block;vertical-align: middle;font-size: var(--br-fz);line-height: 1.3em;font-weight: 400;color: rgba(26, 27, 30, 0.5);text-transform: uppercase;scroll-snap-align: start;scroll-margin-left: var(--br-space);}
.breadcrumbs li:after {content: "";position: relative;display: inline-block;vertical-align: middle;width: 0.9375rem;aspect-ratio: 3.75;border-radius: 0.25rem;border: 0.0625rem solid rgba(26, 27, 30, 0.5);margin: -0.0625rem 0.5rem 0 0.5rem;}
.breadcrumbs li:last-child:after {content: none;}
.breadcrumbs li.active {color: var(--clr-title);}
.breadcrumbs + .section {margin-top: 0;}
.banner .breadcrumbs {position: absolute;top: var(--h-height);left: 0;}
.banner .breadcrumbs li {color: rgba(255, 255, 255, 0.5);}
.banner .breadcrumbs li:after {border-color: rgba(255, 255, 255, 0.5);}
.banner .breadcrumbs li.active {color: var(--clr-white);}
@media (min-width: 1200px) {
.breadcrumbs li a:hover {color: var(--clr-title);}
.banner .breadcrumbs li a:hover {color: var(--clr-white);}
}
/*------------------*/
/* Seo Block        */
/*------------------*/
.seo-block {--space: 1.5rem;position: relative;gap: var(--sp-md);display: flex;align-items: center;background-color: var(--clr-title);border-radius: 1.125rem;padding: 2rem 1.25rem 1.25rem;}
.seo-block .text,
.seo-block .title {--clr-title: #FFF;--clr-text: rgba(255, 255, 255, 0.7);}
.seo-inner > * + *:not(.more-content) {margin-top: var(--space);}
.seo-btn {position: relative;cursor: pointer;gap: 0.625rem;display: inline-flex;align-items: center;font-size: 0.75rem;line-height: 1.75rem;font-weight: 500;letter-spacing: 0.04em;color: var(--clr-white);text-transform: uppercase;transition: var(--transition-1);}
.seo-btn span {position: relative;overflow: hidden;display: inline-block;font-size: inherit;line-height: inherit;font-weight: inherit;color: transparent;}
.seo-btn span::before,
.seo-btn span::after {content: attr(data-txt-more);position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;color: rgba(255, 255, 255, 0.64);transition: 0.3s linear;}
.seo-btn span::after {transform: translateY(100%);}
.seo-btn span > *:last-child {display: none;}
.seo-btn .icon {--size: 1.75rem;position: relative;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;border-radius: 0.5rem;background-color: var(--clr-primary);color: var(--clr-title);}
.seo-btn .icon svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 40%;height: 40%;}
.seo-btn.is-active .icon {transform: rotateX(180deg);}
.seo-btn.is-active span::before,
.seo-btn.is-active span::after {content: attr(data-txt-less);}
.seo-btn.is-active span > *:first-child {display: none;}
.seo-btn.is-active span > *:last-child {display: inline-block;}
.more-content {display: none;padding-top: var(--space);}
@media (min-width: 1200px) {
.seo-btn:hover span:before {transform: translateY(-100%);}
.seo-btn:hover span::after {transform: translateY(0%);color: rgb(255, 255, 255);}
}
@media (max-width: 1199px) {
.seo-block {--space: 1rem;}
}
@media (max-width: 575px) {
.seo-block {padding: 1.5rem 1rem 1rem;}
}
/*------------------*/
/* About Block      */
/*------------------*/
.about-section {padding-block: var(--sp-xl) 0;}
.about-block {gap: var(--sp-sm);display: grid;}
.about-content > * + * {margin-top: 1.25rem;}
.about-img {position: relative;overflow: hidden;display: block;width: calc(100% + var(--bs-gutter-x));margin-inline: calc(var(--bs-gutter-x) * -0.5);aspect-ratio: 1.4832;}
.about-img img {width: 100%;}
.about-table-item {position: relative;gap: 0.5rem;display: grid;grid-template-columns: auto auto;align-items: center;border-top: 0.0625rem solid var(--clr-border);font-size: var(--text-sm);line-height: 1.2em;font-weight: 300;color: var(--clr-text);padding-block: 0.75rem;}
.about-table-item:last-child {border-bottom: 0.0625rem solid var(--clr-border);}
.about-table-item > *:last-child {font-size: 115%;font-weight: 500;text-transform: uppercase;color: var(--clr-title);text-align: right;}
@media (min-width: 992px) {
.about-block {grid-template-columns: auto 49.5%;}
.about-content {padding-block: var(--sp-sm);}
.about-content > * + * {margin-top: 2rem;}
.about-img {order: -1;align-self: end;}
}
@media (min-width: 1200px) {
.about-block {grid-template-columns: auto 49.5%;}
.about-content {align-self: start;}
.about-content .text,
.about-content .about-table {max-width: 83%;}
.about-img {width: calc(100% + 0.75rem + var(--container-pd));margin-inline: calc((var(--bs-gutter-x) * 0.5 + var(--container-pd)) * -1) 0;}
.about-table-item {gap: 1rem;padding-block: 1rem;}
}
/*------------------*/
/* Projects Gallery */
/*------------------*/
.p-gallery-wrap {padding: 0.75rem 0.75rem 0 0.75rem;}
.p-gallery-wrap > * + * {margin-top: 0.75rem;}
.p-gallery-card {position: relative;display: block;width: 100%;}
.p-gallery-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 1.7777;}
.p-gallery-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
.p-gallery-info {position: relative;border-radius: var(--rd-2);margin-top: 0.5rem;}
.p-gallery-info-inner {--pd-out: var(--sp-sm);position: relative;overflow: hidden;background-color: #B6F7E1;border-radius: var(--rd-1);padding: var(--pd-out) var(--pd-out) 0 var(--pd-out);}
.p-gallery-info-inner > * + * {margin-top: 1.5rem;}
.p-gallery-info-inner .text {padding-top: 1rem;border-top: 0.0625rem solid var(--clr-border);}
.p-gallery-info .radius-wrap {--btn-height: 3.75rem;--wrap-width: 11.375rem;--pd: 0.375rem;position: relative;z-index: 1;display: block;width: calc(var(--wrap-width) + var(--pd) * 2);height: calc(var(--btn-height) + var(--pd) * 2);background: var(--clr-title);border-radius: var(--rd-1) 0 var(--rd-1) 0;margin-inline: auto calc(var(--pd-out) * -1);margin-top: var(--sp-sm);}
.p-gallery-info .radius-wrap > .btn {position: absolute;right: var(--pd);bottom: var(--pd);width: var(--wrap-width);justify-content: flex-end;}
.p-gallery-info .radius-wrap::before {content: "";position: absolute;top: calc(var(--rd-1) * -2);right: 0;background-color: #B6F7E1;width: calc(var(--rd-1) * 2);height: calc(var(--rd-1) * 2);border-radius: 0 0 var(--rd-1) 0;box-shadow: 0.25rem 0.25rem var(--clr-title);}
.p-gallery-info .radius-wrap::after {content: "";position: absolute;bottom: 0;left: calc(var(--rd-1) * -2);background-color: #B6F7E1;width: calc(var(--rd-1) * 2);height: calc(var(--rd-1) * 2);border-radius: 0 0 var(--rd-1) 0;box-shadow: 0.25rem 0.25rem var(--clr-title);}
.p-gallery-title {position: relative;display: inline-flex;font-size: 2.25rem;line-height: 1.2em;font-weight: 500;letter-spacing: -0.04em;text-transform: uppercase;color: var(--clr-title);}
.p-gallery-title::before {content: "";display: inline-block;width: 0.2335em;height: 0.2335em;flex-shrink: 0;align-self: flex-start;background-image: url(../img/decor-dot.svg);background-size: 100%;background-repeat: no-repeat;margin-right: 0.75rem;}
.p-gallery-spacer {display: none;}
@media (min-width: 768px) {
.p-gallery-title {font-size: 3rem;}
}
@media (min-width: 992px) {
.p-gallery-info {position: absolute;bottom: var(--sp-xs);left: 0.75rem;max-width: 42.5rem;}
.p-gallery-info-inner > * + * {margin-top: 4rem;}
.p-gallery-info-inner .text {padding-top: 2rem;}
}
@media (min-width: 1200px) {
.p-gallery-spacer {height: 100vh;width: 100%;display: block;}
.p-gallery-wrap {padding: 0;}
.p-gallery-wrap > * + * {margin-top: 0;}
.p-gallery-card {position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100vh;clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);}
.p-gallery-card:first-child {clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);}
.p-gallery-card.is-active .p-gallery-info {opacity: 1;transform: translateY(0%);}
.p-gallery-img {height: 100%;}
.p-gallery-info {bottom: var(--sp-xl);left: 2rem;transition: 0.65s linear;will-change: opacity,transform;opacity: 0;transform: translateY(10%);}
.p-gallery-title {font-size: 3.75rem;}
}
@media (max-width: 991px) {
.p-gallery-info .radius-wrap {--btn-height: 2.875rem;--wrap-width: 9.375rem;}
}
/*------------------*/
/* Projects         */
/*------------------*/
.project-info > * + * {margin-top: 1.25rem;}
.project-panel {gap: 1.25rem;display: grid;}
.project-sort {gap: 0.5rem;display: grid;}
.project-sort .SumoSelect > .CaptionCont {background: transparent;border-color: var(--clr-border);}
.project-sort .SumoSelect:focus > .CaptionCont,
.project-sort .SumoSelect:hover > .CaptionCont {border-color: var(--clr-border);}
.project-sort .SumoSelect.open > .CaptionCont {border-color: var(--clr-border);}
.project-wrap {gap: var(--sp-sm);display: grid;}
.project-card > * + * {margin-top: 1rem;}
.project-card .title {text-transform: uppercase;}
.project-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 1.5517;border-radius: var(--rd-1);}
.project-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;border-radius: var(--rd-1);transition: var(--transition-1);}
.project-tag {position: absolute;left: 0.75rem;bottom: 0.75rem;display: inline-flex;border-radius: 0.375rem;background-color: var(--clr-grey);font-size: 0.75rem;line-height: 1.5em;font-weight: 500;color: var(--clr-title);text-transform: uppercase;padding: 0.66667em;}
.project-item {position: relative;text-align: center;order: 1;}
.project-logo {display: none;}
@media (min-width: 576px) {
.project-sort {grid-template-columns: repeat(2, 1fr);}
}
@media (min-width: 992px) {
.project-wrap {gap: var(--sp-lg) var(--sp-sm);grid-template-columns: repeat(3, 1fr);}
.project-wrap:has(.project-item) {gap: var(--sp-xl) var(--sp-sm);}
.project-card_big {grid-column: span 2;}
.project-card_big .project-img {aspect-ratio: 1.5517;}
.project-img {aspect-ratio: 0.7413;}
.project-tag {padding: 0.66667em 1.66667em;}
.project-item {display: flex;flex-direction: column;justify-content: center;align-items: center;order: initial;aspect-ratio: 0.7413;}
.project-item > * + * {margin-top: var(--sp-sm);}
.project-logo {position: relative;overflow: hidden;display: block;width: 100%;max-width: 72%;aspect-ratio: 1.0909;margin-inline: auto;}
.project-logo img {width: 100%;}
}
@media (min-width: 1200px) {
.project-info > * + * {margin-top: 2rem;}
.project-info .text {max-width: 73%;margin-inline: auto 0;}
.project-panel {gap: 2rem;grid-template-columns: 45% 30%;justify-content: space-between;align-items: end;}
.project-wrap {grid-template-columns: repeat(4, 1fr);}
.project-wrap:has(.project-item) > *:nth-child(3) {grid-column: 2/3;}
.project-wrap:has(.project-item) .project-card_big {grid-column: 3/5;}
.project-card:hover .project-img img {transform: scale(1.05);}
}
@media (max-width: 991px) {
.project-item {animation: var(--time) var(--cubic-2) var(--delay) slideUp forwards;}
}
/*------------------*/
/* Services         */
/*------------------*/
.service-section {padding-block: var(--sp-xl);}
.service-section .decor {width: 45%;min-width: 23.75rem;aspect-ratio: 1.3569;margin: 2rem auto calc(var(--sp-xl) * -1) 0;}
.service-section .decor img {width: 100%;}
.service-block {gap: var(--sp-sm);display: grid;}
.service-content > * + * {margin-top: var(--sp-sm);}
.service-card-wrap > * + * {margin-top: 1.25rem;}
.service-card {position: relative;gap: var(--sp-sm);display: flex;flex-direction: column;border-radius: var(--rd-1);outline: 0.125rem solid transparent;padding: var(--sp-sm);}
.service-card::before {content: "";position: absolute;z-index: -1;inset: -0.125rem;border-radius: var(--rd-1);background: linear-gradient(165deg, rgb(131, 241, 205) 2%, rgba(131, 241, 205, 0) 49%, rgba(131, 241, 205, 0) 55%, rgb(131, 241, 205) 100%);transition: opacity 0.4s linear;opacity: 0;}
.service-card::after {content: "";position: absolute;z-index: -1;inset: 0;border-radius: var(--rd-1);background-color: #1A1B1E;}
.service-icon {--size: 4rem;position: relative;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;}
.service-card-info > * + * {margin-top: 1rem;}
.service-card-info .title {text-transform: uppercase;}
.service-card-info .title .icon {display: none;}
@media (min-width: 576px) {
.service-card {flex-direction: row;}
.service-icon {--size: 5.5rem;}
}
@media (min-width: 992px) {
.service-section .decor {position: absolute;z-index: -1;bottom: 0;left: 0;margin: 0;}
.service-block {grid-template-columns: 40% 49.46%;justify-content: space-between;}
.service-card-info > * + * {margin-top: 1.5rem;}
}
@media (min-width: 1200px) {
.service-content .text {max-width: 62%;margin-left: auto;}
.service-icon {--size: 7rem;}
.service-icon .anime {clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%);animation: clipPathReverse 0.4s linear forwards;}
@keyframes clipPath {
0% {fill: rgba(131, 241, 205, 0);clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);}
100% {fill: rgb(131, 241, 205);clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%);}
}
@keyframes clipPathReverse {
100% {fill: rgba(131, 241, 205, 0);clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);}
0% {fill: rgb(131, 241, 205);clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%);}
}
.service-card-info .title {gap: 0.625rem;display: inline-flex;align-items: center;line-height: 1.286em;}
.service-card-info .title .icon {--size: 1.286em;position: relative;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;background-color: var(--clr-primary);border-radius: var(--rd-1);color: #1A1B1E;transition: width var(--transition-1),transform 0.4s linear;transform: scale3d(0, 0, 0) rotateZ(-90deg);transform-style: preserve-3d;}
.service-card-info .title .icon svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50%;height: 50%;}
.service-card:hover::before {opacity: 1;}
.service-card:hover .service-icon .anime {animation: clipPath 0.5s linear forwards;}
.service-card:hover .service-card-info .title .icon {--size: 1.286em;transform: scale3d(1, 1, 1) rotateZ(0deg);}
}
/*------------------*/
/* Vertical Gallery */
/*------------------*/
.v-gallery-section .decor {position: absolute;z-index: -1;bottom: 0.75rem;left: 0.75rem;width: 50%;aspect-ratio: 1.085;}
.v-gallery-section .decor img {width: 100%;}
.v-gallery-block {position: relative;gap: 0.5rem;display: grid;justify-content: space-between;}
.v-gallery-content {gap: 1.25rem;display: flex;flex-direction: column;align-items: flex-start;padding-block: var(--sp-xl);}
.v-gallery-content .text {margin-top: auto;}
.v-gallery-content .btn {order: 1;}
.v-gallery-entry {display: none;}
.v-gallery-img-inner {position: relative;}
.v-gallery-img-wrap {gap: 0.5rem;display: flex;flex-direction: column;width: 100%;}
.v-gallery-img-wrap.up {position: absolute;top: 0;}
.v-gallery-img-wrap.down {position: absolute;top: 0;display: none;}
.v-gallery-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 1;border-radius: var(--rd-1);}
.v-gallery-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;border-radius: var(--rd-1);}
@media (min-width: 576px) {
.v-gallery-section .decor {width: 27.5%;}
}
@media (min-width: 768px) {
.v-gallery-block {grid-template-columns: 55% 35%;}
.v-gallery-entry {position: relative;overflow: hidden;gap: 1rem;display: grid;}
}
@media (min-width: 992px) {
.v-gallery-block {grid-template-columns: 45% 46.5222%;}
.v-gallery-content {gap: 2rem;}
.v-gallery-entry {grid-template-columns: repeat(2, 1fr);}
.v-gallery-img-wrap {gap: 1.25rem;}
.v-gallery-img-wrap.down {display: flex;}
}
@media (min-width: 1200px) {
.v-gallery-block {min-height: 100vh;}
.v-gallery-content .text {font-size: var(--h6);max-width: 90%;}
.v-gallery-content .btn {order: initial;}
}
/*------------------*/
/* Horiz Gallery    */
/*------------------*/
.h-gallery-entry {position: relative;overflow: hidden;gap: 1rem;display: flex;flex-direction: column;}
.h-gallery-img-inner {position: relative;height: max(28vh, 12rem);}
.h-gallery-img-wrap {gap: 0.5rem;display: flex;height: 100%;}
.h-gallery-img-wrap.left {position: absolute;top: 0;}
.h-gallery-img-wrap.right {position: absolute;top: 0;}
.h-gallery-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 1.4166;border-radius: var(--rd-1);}
.h-gallery-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;border-radius: var(--rd-1);}
@media (min-width: 992px) {
.h-gallery-img-inner {height: max(33.334vh, 13rem);}
.h-gallery-img-wrap {gap: 1.25rem;}
}
/*------------------*/
/* Features         */
/*------------------*/
.features-slider .swiper-container {width: 100%;overflow: visible;}
.features-slider .swiper-slide {height: auto;}
.features-slider .swiper-pagination.swiper-pagination-relative {margin-top: var(--sp-sm);}
.feature-card {position: relative;width: 100%;height: 100%;gap: 1.25rem;display: flex;flex-direction: column;border-radius: var(--rd-1);padding: 0 var(--sp-sm) var(--sp-sm) var(--sp-sm);}
.feature-card::before {content: "";position: absolute;top: 0.0625rem;left: 0.0625rem;width: calc(100% - 0.125rem);height: calc(100% - 0.125rem);outline: 0.0625rem solid var(--clr-border);border-radius: inherit;}
.feature-card .text {margin-top: auto;}
.feature-img {position: relative;overflow: hidden;display: block;width: calc(100% + var(--sp-sm) * 2);margin-inline: calc(-1 * var(--sp-sm));aspect-ratio: 0.913;border-radius: var(--rd-1);}
.feature-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;border-radius: var(--rd-1);}
.feature-card.type2{padding: 0 var(--sp-sm);}
.feature-card.type2 .feature-img{aspect-ratio: 1 / 1.38;}
@media (min-width: 1200px) {
.features-slider {gap: var(--sp-md);display: flex;align-items: flex-start;min-width: 0;}
.features-slider::before {content: "";position: absolute;z-index: 2;top: -0.0625rem;left: 0;width: 100%;height: 100%;background-color: var(--bg-light);transform: translateX(calc(-100% + var(--sp-md) + var(--sw-btn) * 2 + 0.375rem));}
.features-slider .swiper-container {width: 100%;}
.features-slider .swiper-btn-wrap {order: -1;z-index: 3;}
.features-slider .swiper-pagination-progressbar.swiper-pagination-horizontal {width: 66.66666667%;}
.feature-card {gap: 2rem;}
}
/*--------------------*/
/*  Blog              */
/*--------------------*/
.blog-wrap {--items: 1;--gap: 1.25rem;position: relative;gap: var(--gap);display: flex;flex-wrap: wrap;}
.blog-wrap + .btn {display: flex;width: -moz-fit-content;width: fit-content;margin-inline: auto;}
.blog-card {position: relative;display: grid;width: calc(100% / var(--items) - var(--gap) + var(--gap) / var(--items));background-color: var(--clr-white);border-radius: var(--rd-1);}
.blog-img {position: relative;overflow: hidden;display: block;width: 100%;height: 100%;aspect-ratio: 1.4142;border-radius: var(--rd-1);}
.blog-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;border-radius: var(--rd-1);transition: var(--transition-1);}
.blog-content {position: relative;padding: 1rem;}
.blog-content > * + * {margin-top: 0.75rem;}
.blog-content .title,
.blog-content .text {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.blog-labels {gap: 0.5rem var(--sp-sm);display: inline-flex;align-items: center;flex-wrap: wrap;}
.blog-labels .filter {pointer-events: none;}
.blog-label {position: relative;gap: 0.5rem;display: inline-flex;align-items: center;font-size: var(--text-sm);line-height: 1.75em;font-weight: 400;color: var(--clr-text);}
.blog-label b {display: inline-block;transform: translateY(0.0625rem);}
.blog-label img,
.blog-label svg {--size: 1.75em;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;}
@media (min-width: 768px) {
.blog-wrap {--items: 2;}
}
@media (min-width: 992px) {
.blog-content {padding: 1.25rem;}
.blog-content > * + * {margin-top: 1rem;}
}
@media (min-width: 1200px) {
a.blog-img:hover img {transform: scale(1.05);}
.blog-card a.title:hover {color: var(--clr-text);}
.blog-card {grid-template-columns: 44.001% auto;}
.blog-content {align-self: center;padding: 2.5rem;}
}
/*------------------*/
/* Numbers          */
/*------------------*/
.number-block {gap: var(--sp-sm);display: grid;}
.number-content {gap: 1.25rem;display: flex;flex-direction: column;}
.number-logo {display: none;}
.number-wrap {--items: 1;--gap: 1.25rem;gap: var(--gap);display: flex;flex-wrap: wrap;}
.number-card {position: relative;width: calc(100% / var(--items) - var(--gap) + var(--gap) / var(--items));border-radius: var(--rd-1);background-color: var(--clr-white);padding: var(--sp-sm);}
.number-card > * + * {margin-top: 0.75rem;}
.number-card > .number-value + * {margin-top: var(--sp-sm);}
.number-value {font-size: var(--h1);line-height: 1em;font-weight: 500;letter-spacing: -0.04em;text-transform: uppercase;color: var(--clr-primary);}
.number-title {font-size: var(--text);line-height: 1.46em;font-weight: 500;letter-spacing: -0.02em;text-transform: uppercase;color: var(--clr-title);border-top: 0.0625rem solid var(--clr-border);padding-top: 1.25rem;}
@media (min-width: 576px) {
.number-wrap {--items: 2;}
}
@media (min-width: 1200px) {
.number-block {gap: 7.5rem;grid-template-columns: auto 60.8701%;}
.number-content {gap: 2rem;}
.number-content .text {max-width: 75%;margin-left: auto;}
.number-logo {position: relative;overflow: hidden;display: block;width: 100%;max-width: 66.5%;aspect-ratio: 1.0901;margin-top: auto;}
.number-logo img {width: 100%;}
.number-card > * + * {margin-top: 1.5rem;}
.number-card > .number-value + * {margin-top: 6.25rem;}
.number-title {padding-top: 2rem;}
}
/*------------------*/
/* Advantages       */
/*------------------*/
.advt-content > * + * {margin-top: 1.25rem;}
.advt-slider .swiper-container {overflow: visible;}
.advt-slider .swiper-wrapper {gap: 0;display: grid;grid-auto-flow: column;}
.advt-slider .swiper-slide {height: auto;}
.advt-slider .swiper-pagination.swiper-pagination-relative {margin-top: var(--sp-sm);}
.advt-card {position: relative;gap: 0;display: grid !important;grid-row: span 3;grid-template-rows: subgrid;border-radius: var(--rd-1);background-color: var(--clr-white);padding: var(--sp-sm);}
.advt-card > * + * {margin-top: 0.625rem;}
.advt-card > .advt-icon + * {margin-top: var(--sp-md);}
.advt-icon {--size: 2.5rem;position: relative;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;}
.advt-icon img {width: 100%;}
.advt-title {font-size: var(--text);line-height: 1.46em;font-weight: 500;letter-spacing: -0.02em;text-transform: uppercase;color: var(--clr-title);border-top: 0.0625rem solid var(--clr-border);padding-top: 1.25rem;}
@media (min-width: 1200px) {
.advt-content > * + * {margin-top: 2rem;}
.advt-slider {gap: var(--sp-sm);display: flex;align-items: flex-start;min-width: 0;}
.advt-slider::before {content: "";position: absolute;z-index: 2;top: -0.0625rem;left: 0;width: 100%;height: 100%;background-color: var(--bg-light);transform: translateX(calc(-100% + var(--sp-sm) + var(--sw-btn) * 2 + 0.375rem));}
.advt-slider .swiper-container {width: 100%;}
.advt-slider .swiper-btn-wrap {order: -1;z-index: 3;}
.advt-slider .swiper-pagination-progressbar.swiper-pagination-horizontal {width: 72%;}
.advt-card > * + * {margin-top: 1rem;}
.advt-card > .advt-icon + * {margin-top: var(--sp-lg);}
.advt-icon {--size: 3.125rem;}
.advt-title {padding-top: 2rem;}
}
/*------------------*/
/* LR Block         */
/*------------------*/
.lr-block {display: grid;border-radius: var(--rd-1);background-color: var(--clr-grey);}
.lr-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 1.35;border-radius: var(--rd-1);}
.lr-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;border-radius: var(--rd-1);}
.lr-content {align-self: center;padding: 1.25rem 1rem;}
.lr-content > * + * {margin-top: 1.25rem;}
@media (min-width: 992px) {
.lr-block {grid-template-columns: 44.445% auto;}
.lr-right {grid-template-columns: auto 44.445%;}
.lr-right .lr-img {order: 1;}
.lr-img {aspect-ratio: 0.8717;}
.lr-content {padding: 0 2.5rem;}
}
@media (min-width: 1200px) {
.lr-block {max-width: 83.153%;margin-inline: auto;}
.lr-content {padding: 0 5rem;}
.lr-content > * + * {margin-top: 2rem;}
}
/*------------------*/
/* CTA              */
/*------------------*/
.cta-block {position: relative;gap: 1.25rem;display: grid;}
.cta-block .form-inner .radius-wrap {--wrap-width: 14.5rem;--btn-height: 3.75rem;}
.cta-block .form-inner .radius-wrap > .btn {--btn-height: 3.75rem;}
.cta-block .form-inner .text {margin-top: var(--sp-lg);padding-top: 1.25rem;border-top: 0.0625rem solid var(--clr-border);}
.cta-info-wrap {--items: 1;--gap: 0.75rem;gap: var(--gap);display: flex;flex-wrap: wrap;flex-direction: column;}
.cta-info-wrap > * {width: calc(100% / var(--items) - var(--gap) + var(--gap) / var(--items));}
.cta-info-wrap > *:first-child .cta-info {background-color: var(--clr-primary);}
.cta-info-wrap > *:last-child .cta-info {background-color: var(--bg-dark);color: var(--clr-white);}
.cta-info {position: relative;border-radius: var(--rd-1);background-color: var(--clr-white);color: var(--clr-title);padding: 1.25rem;}
.cta-info > * + * {margin-top: 0.75rem;}
.cta-info .title {font-size: 2.5rem;line-height: 1em;font-weight: 500;letter-spacing: -0.04em;color: currentColor;text-transform: uppercase;}
.cta-info .text {line-height: 1.46em;font-weight: 500;letter-spacing: -0.02em;color: currentColor;text-transform: uppercase;}
.cta-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 2.329;border-radius: var(--rd-1);}
.cta-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;border-radius: var(--rd-1);}
@media (min-width: 576px) {
.cta-info-wrap {--items: 3;flex-direction: row;}
.cta-info .title {font-size: 3rem;}
}
@media (min-width: 1200px) {
.cta-block {gap: 0;padding-block: var(--sp-sm) var(--sp-lg);}
.cta-block .form-inner {position: absolute;top: calc(var(--sp-sm) * 2);left: var(--sp-sm);max-width: 37%;}
.cta-block .form-inner .title {margin-bottom: 2rem;}
.cta-block .form-inner .text {padding-top: 2rem;}
.cta-info-wrap .radius-wrap {--wrap-width: 15.625rem;--pd: 1.25rem;position: absolute;z-index: 1;display: flex;width: calc(var(--wrap-width) + var(--pd));height: calc(var(--wrap-width) + var(--pd));background: var(--bg-light);}
.cta-info-wrap .radius-wrap::before {content: "";position: absolute;background-color: transparent;width: calc(var(--rd-1) * 2);height: calc(var(--rd-1) * 2);}
.cta-info-wrap .radius-wrap::after {content: "";position: absolute;background-color: transparent;width: calc(var(--rd-1) * 2);height: calc(var(--rd-1) * 2);}
.cta-info-wrap .radius-wrap:first-child {top: 0;right: 22%;border-radius: 0 0 var(--rd-1) var(--rd-1);}
.cta-info-wrap .radius-wrap:first-child::before {top: var(--sp-sm);right: calc(var(--rd-1) * -2);border-radius: var(--rd-1) 0 0 0;box-shadow: -0.25rem -0.25rem var(--bg-light);}
.cta-info-wrap .radius-wrap:first-child::after {top: var(--sp-sm);left: calc(var(--rd-1) * -2);border-radius: 0 var(--rd-1) 0 0;box-shadow: 0.25rem -0.25rem var(--bg-light);}
.cta-info-wrap .radius-wrap:not(:first-child, :last-child) {bottom: 0;right: 7%;border-radius: var(--rd-1) var(--rd-1) 0 0;}
.cta-info-wrap .radius-wrap:not(:first-child, :last-child)::before {bottom: var(--sp-lg);left: calc(var(--rd-1) * -2);border-radius: 0 0 var(--rd-1) 0;box-shadow: 0.25rem 0.25rem var(--bg-light);}
.cta-info-wrap .radius-wrap:not(:first-child, :last-child)::after {bottom: var(--sp-lg);right: calc(var(--rd-1) * -2);border-radius: 0 0 0 var(--rd-1);box-shadow: -0.25rem 0.25rem var(--bg-light);}
.cta-info-wrap .radius-wrap:last-child {bottom: var(--sp-sm);right: 40%;border-radius: var(--rd-1) var(--rd-1) 0 0;}
.cta-info-wrap .radius-wrap:last-child::before {bottom: var(--sp-sm);left: calc(var(--rd-1) * -2);border-radius: 0 0 var(--rd-1) 0;box-shadow: 0.25rem 0.25rem var(--bg-light);}
.cta-info-wrap .radius-wrap:last-child::after {bottom: var(--sp-sm);right: calc(var(--rd-1) * -2);border-radius: 0 0 0 var(--rd-1);box-shadow: -0.25rem 0.25rem var(--bg-light);}
.cta-info {width: calc(var(--wrap-width) - var(--pd));aspect-ratio: 1;margin: auto;}
.cta-info .title {font-size: 4.5rem;}
.cta-info .text {max-width: 90%;}
}
@media (max-width: 991px) {
.cta-block .form-inner .radius-wrap {--btn-height: 2.875rem;--wrap-width: 13.125rem;}
.cta-block .form-inner .radius-wrap > .btn {--btn-height: 2.875rem;}
}
/*------------------*/
/* FAQ Block        */
/*------------------*/
.faq-block {gap: var(--sp-sm);display: grid;}
.faq-info > * + * {margin-top: 1.25rem;}
@media (min-width: 1200px) {
.faq-block {gap: 7.5rem;grid-template-columns: auto 60.8701%;}
}
/*------------------*/
/* Stages           */
/*------------------*/
.stage-info > * + * {margin-top: 1.25rem;}
.stage-wrap {--items: 1;--gap: 1.25rem;gap: var(--gap);display: flex;flex-wrap: wrap;}
.stage-card {position: relative;width: calc(100% / var(--items) - var(--gap) + var(--gap) / var(--items));border-radius: var(--rd-1);background-color: var(--clr-white);padding: var(--sp-sm);}
.stage-card .title {position: relative;border-top: 0.0625rem solid var(--clr-border);font-size: var(--text);line-height: 1.5em;font-weight: 500;letter-spacing: -0.02em;color: var(--clr-title);text-transform: uppercase;padding-top: 1.25rem;}
.stage-card > * + * {margin-top: 0.75rem;}
.stage-card > .stage-title + * {margin-top: var(--sp-sm);}
.stage-title {font-size: 2.5rem;line-height: 1em;font-weight: 500;letter-spacing: -0.04em;color: var(--clr-title);text-transform: uppercase;}
@media (min-width: 768px) {
.stage-wrap {--items: 2;}
.stage-title {font-size: 3rem;}
}
@media (min-width: 1200px) {
.stage-block {width: var(--col-10);margin-inline: auto;}
.stage-info > * + * {margin-top: 2rem;}
.stage-info .text {max-width: 70%;margin-left: auto;}
.stage-card .title {padding-top: 2rem;}
.stage-card > * + * {margin-top: 1rem;}
.stage-card > .stage-title + * {margin-top: var(--sp-lg);}
.stage-title {font-size: 4.5rem;}
}
/*------------------*/
/* Price Cards      */
/*------------------*/
.prc-card-section {padding-block: var(--sp-xl);}
.prc-card-info {margin-inline: auto;}
.prc-card-info > * + * {margin-top: 1.25rem;}
.prc-card-slider .swiper-wrapper {gap: 0;display: grid;grid-auto-flow: column;justify-content: start;}
.prc-card-slider .swiper-btn-wrap {display: flex;width: -moz-fit-content;width: fit-content;margin-top: 1.25rem;margin-inline: auto;}
.prc-card-slider [class*=swiper-button] {display: block;border-color: rgba(255, 255, 255, 0.15);}
.prc-card {--pd-out: var(--sp-sm);position: relative;gap: 0;display: grid !important;grid-row: span 5;grid-template-rows: subgrid;border-radius: var(--rd-1);background-color: #1A1B1E;padding-block: var(--sp-md) 0;padding-inline: var(--pd-out);}
.prc-card .title {gap: 1rem;display: inline-flex;align-items: center;justify-content: center;}
.prc-card .title img {--size: 1.385em;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;}
.prc-card .text {text-align: center;}
.prc-card hr {width: calc(100% + var(--pd-out) * 2);height: 0.0625rem;background-color: rgba(255, 255, 255, 0.05);margin-inline: calc(var(--pd-out) * -1);}
.prc-card .radius-wrap {--btn-height: 3.125rem;--wrap-width: 15.75rem;--pd: 0.625rem;position: relative;z-index: 1;display: block;width: calc(var(--wrap-width) + var(--pd));height: calc(var(--btn-height) + var(--pd));background: var(--bg-dark);border-radius: var(--rd-1) 0 0 0;margin-inline: auto calc(var(--pd-out) * -1);margin-top: var(--sp-sm);}
.prc-card .radius-wrap > .btn {position: absolute;right: 0;bottom: 0;width: var(--wrap-width);justify-content: flex-end;}
.prc-card .radius-wrap::before {content: "";position: absolute;top: calc(var(--rd-1) * -2);right: 0;background-color: #1A1B1E;width: calc(var(--rd-1) * 2);height: calc(var(--rd-1) * 2);border-radius: 0 0 var(--rd-1) 0;box-shadow: 0.25rem 0.25rem var(--bg-dark);}
.prc-card .radius-wrap::after {content: "";position: absolute;bottom: 0;left: calc(var(--rd-1) * -2);background-color: #1A1B1E;width: calc(var(--rd-1) * 2);height: calc(var(--rd-1) * 2);border-radius: 0 0 var(--rd-1) 0;box-shadow: 0.25rem 0.25rem var(--bg-dark);}
.prc-card > .title + .text {margin-top: 1rem;}
.prc-card > * + * {margin-top: 1.875rem;}
.prc-card > * + .radius-wrap {margin-top: var(--sp-sm);}
.prc-card-list li {--gap: 1em;--size: 1.6667em;--pd: 0.5rem;position: relative;width: -moz-fit-content;width: fit-content;display: flex;align-items: center;font-size: var(--text);line-height: 1.5em;font-weight: 400;color: #FFF;padding-block: var(--pd);padding-inline: calc(var(--size) + var(--gap)) 0;}
.prc-card-list li::before {content: "";position: absolute;left: 0;top: calc(var(--pd) / 2);width: var(--size);height: var(--size);align-self: flex-start;background-image: url("../img/icons/icon-check.svg");background-size: 100%;background-repeat: no-repeat;}
@media (min-width: 1200px) {
.prc-card-info > * + * {margin-top: 2rem;}
}
@media (max-width: 991px) {
.prc-card .radius-wrap {--btn-height: 2.875rem;--wrap-width: 15rem;}
}
/*------------------*/
/* Contacts         */
/*------------------*/
.contact-block {gap: clamp(3rem, -0.7895rem + 7.8947vw, 7.5rem);display: grid;}
.contact-block .form-inner {border-radius: var(--rd-1);}
.contact-block .form-inner .form-block {--pd-out: var(--sp-lg);background-color: var(--clr-white);}
.contact-block .form-inner .input,
.contact-block .form-inner .SumoSelect > .CaptionCont {background-color: var(--bg-light);}
.contact-block .form-inner .radius-wrap {--btn-height: 3.75rem;--pd: 0.625rem;width: calc(var(--wrap-width) + var(--pd));height: calc(var(--btn-height) + var(--pd));background-color: var(--bg-light);border-radius: 0 var(--rd-1) 0 0;margin-inline: calc(var(--pd-out) * -1) auto;margin-top: var(--sp-md);box-shadow: none;}
.contact-block .form-inner .radius-wrap > .btn {left: 0;right: auto;bottom: 0;justify-content: flex-start;}
.contact-block .form-inner .radius-wrap::before {left: 0;background-color: var(--clr-white);border-radius: 0 0 0 var(--rd-1);box-shadow: -0.25rem 0.25rem var(--bg-light);}
.contact-block .form-inner .radius-wrap::after {left: auto;right: calc(var(--rd-1) * -2);background-color: var(--clr-white);border-radius: 0 0 0 var(--rd-1);box-shadow: -0.25rem 0.25rem var(--bg-light);}
.contact-content > * + * {margin-top: var(--sp-lg);}
.contact-content .social > * + * {margin-top: 0.5rem;}
.contact-item > * + * {margin-top: 0.5rem;}
.contact-item a, .contact-item p {font-size: var(--text-lg);line-height: 1.2em;font-weight: 500;color: var(--clr-title);}
.contact-item + .contact-item {margin-top: var(--sp-sm);}
.contact-title {gap: 0.75rem;display: flex;align-items: center;width: -moz-fit-content;width: fit-content;font-size: var(--text);line-height: 1.75rem;font-weight: 300;color: var(--clr-text);text-transform: uppercase;}
.contact-title img,
.contact-title svg {--size: 1.75rem;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;}
@media (min-width: 992px) {
.contact-block {grid-template-columns: auto 61%;margin-inline: auto;}
.contact-block .form-inner {align-self: start;}
}
@media (min-width: 1200px) {
.contact-item a:hover {color: var(--clr-text);}
}
@media (max-width: 991px) {
.contact-block .form-inner .form-block {--pd-out: var(--sp-sm);}
.contact-block .form-inner .radius-wrap {--btn-height: 2.875rem;}
}
/*--------------------*/
/*  404               */
/*--------------------*/
.page-404 {margin-top: calc(var(--h-height) * -1);margin-bottom: var(--sp-sm);}
.page-404-media {position: absolute;overflow: hidden;z-index: 0;inset: 0;}
.page-404-media::before {content: "";position: absolute;z-index: 1;inset: 0;background: rgba(14, 15, 17, 0.72);}
.page-404-media img {z-index: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
.page-404-media.mask-image svg {display: none;}
.page-404-media.mask-image::before {-webkit-mask-image: url(../img/fade-mask-404_mob.svg);mask-image: url(../img/fade-mask-404_mob.svg);-webkit-mask-size: 100% auto;mask-size: 100% auto;}
.page-404-align {position: relative;z-index: 1;display: table-cell;vertical-align: bottom;width: 625rem;height: 100svh;padding-block: calc(var(--h-height) + var(--sp-sm)) var(--sp-sm);}
.page-404-inner {position: relative;overflow: hidden;z-index: 1;max-width: 42.5rem;}
.page-404-inner .title {max-width: 80%;}
.page-404-inner .radius-wrap {--btn-height: 3.75rem;--wrap-width: 17.625rem;--pd: 0.625rem;position: relative;z-index: 1;display: block;width: calc(var(--wrap-width) + var(--pd) * 2);height: calc(var(--btn-height) + var(--pd) * 2);background: var(--clr-title);border-radius: var(--rd-1) 0 var(--rd-1) 0;margin-inline: auto calc(var(--pd-out) * -1);margin-top: var(--sp-sm);}
.page-404-inner .radius-wrap > .btn {position: absolute;right: var(--pd);bottom: var(--pd);width: var(--wrap-width);justify-content: flex-end;}
.page-404-inner .radius-wrap::before {content: "";position: absolute;top: calc(var(--rd-1) * -2);right: 0;background-color: #B6F7E1;width: calc(var(--rd-1) * 2);height: calc(var(--rd-1) * 2);border-radius: 0 0 var(--rd-1) 0;box-shadow: 0.25rem 0.25rem var(--clr-title);}
.page-404-inner .radius-wrap::after {content: "";position: absolute;bottom: 0;left: calc(var(--rd-1) * -2);background-color: #B6F7E1;width: calc(var(--rd-1) * 2);height: calc(var(--rd-1) * 2);border-radius: 0 0 var(--rd-1) 0;box-shadow: 0.25rem 0.25rem var(--clr-title);}
.page-404-wrap {--pd-out: var(--sp-sm);position: relative;background-color: #B6F7E1;border-radius: var(--rd-1);padding: var(--pd-out) var(--pd-out) 0 var(--pd-out);}
@media (min-width: 1200px) {
.page-404-media.mask-image::before {-webkit-mask-image: url(../img/fade-mask-404.svg);mask-image: url(../img/fade-mask-404.svg);-webkit-mask-size: auto;mask-size: auto;-webkit-mask-position: center;mask-position: center;-webkit-mask-repeat: initial;mask-repeat: initial;}
.page-404-media.mask-image svg {position: absolute;z-index: 1;inset: 0;display: block;width: 100%;height: 100%;}
}
@media (max-width: 991px) {
.page-404-inner .radius-wrap {--btn-height: 2.875rem;--wrap-width: 16.15rem;}
}
/*------------------*/
/* Filter           */
/*------------------*/
.filter-wrap {gap: 0.5rem;display: inline-flex;align-items: center;flex-wrap: wrap;}
.filter {position: relative;cursor: pointer;background-color: var(--clr-grey);border-radius: 0.375rem;transition: var(--transition-1);font-size: 0.875rem;line-height: 1.2em;font-weight: 400;color: var(--clr-title);text-transform: uppercase;padding: 0.85712em 1.14285em;}
.filter.is-active {background-color: var(--clr-primary);}
@media (min-width: 1200px) {
.filter:not(.is-active):hover {background-color: var(--clr-primary);}
}
/*------------------*/
/* Pagination       */
/*------------------*/
.pagination {--gap: 0.75rem;--size: 3.75rem;--font-size: var(--text-sm);--pd: 0.5rem;position: relative;gap: 0.5rem;display: flex;align-items: center;width: -moz-fit-content;width: fit-content;margin-inline: auto;margin-top: var(--sp-sm);}
.pagination ul {line-height: 0;gap: var(--gap);display: flex;justify-content: center;background-color: var(--clr-grey);border-radius: var(--rd-1);padding: var(--pd);}
.pagination li {position: relative;display: inline-block;width: calc(var(--size) - var(--pd) * 2);height: calc(var(--size) - var(--pd) * 2);flex-shrink: 0;border-radius: 0.5rem;font-size: var(--font-size);line-height: calc(var(--size) - var(--pd) * 2);font-weight: 500;color: var(--clr-tilte);text-align: center;}
.pagination a:not(.pag-arrow) {position: relative;display: inline-block;width: 100%;height: 100%;border-radius: inherit;}
.pagination .dots {pointer-events: none;}
.pagination li.active a {pointer-events: none;background-color: var(--clr-primary);}
.pagination li.active{background-color: var(--clr-primary);}
.pagination li.active span{color: var(--clr-tilte);}
.pagination .pag-arrow {position: relative;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;border-radius: var(--rd-1);border: 0.0625rem solid var(--clr-border);color: var(--clr-title);}
.pagination .pag-arrow svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 30%;height: 30%;}
.pagination .pag-arrow:first-child {transform: rotate(180deg);}
@media (min-width: 1200px) {
.pagination a:not(.pag-arrow):hover {background-color: var(--bg-light);}
.pagination .pag-arrow:hover {border-color: currentColor;}
}
@media (max-width: 991px) {
.pagination {--gap: 0.5rem;--size: 2.5rem;--pd: 0.25rem;}
}
/*------------------*/
/* Footer           */
/*------------------*/
.footer-inner {position: relative;background-color: var(--bg-dark);border-radius: 1.5rem;padding-block: 2.5rem 1.25rem;padding-inline: 1.25rem;margin-bottom: 1rem;}
.footer-inner > * + * {margin-top: var(--sp-lg);}
.footer-inner > .seo-block + * {margin-top: var(--sp-sm);}
.footer-inner .social a {--bg: rgba(80, 244, 203, 0.1);}
.footer-top {gap: var(--sp-md);display: grid;grid-template-columns: repeat(4, auto);justify-content: space-between;}
.footer-logo {display: block;max-width: 9.5rem;width: 100%;}
.footer-logo img {display: block;width: 100%;}
.footer-title {font-size: var(--h5);line-height: 1.12em;font-weight: 400;letter-spacing: -0.02em;color: var(--clr-white);text-transform: uppercase;margin-bottom: 1.25rem;}
.footer-links {gap: var(--sp-md);display: grid;grid-template-columns: repeat(2, 1fr);}
.footer-links ul {gap: 0.5rem;display: flex;flex-direction: column;}
.footer-links li {line-height: 0;}
.footer-links a {font-size: 0.875rem;line-height: 1.4em;font-weight: 400;color: rgba(255, 255, 255, 0.64);text-transform: uppercase;}
.footer-links a span[data-txt] {position: relative;overflow: hidden;display: inline-block;font-size: inherit;line-height: inherit;font-weight: inherit;color: transparent;}
.footer-links a span[data-txt]::before,
.footer-links a span[data-txt]::after {content: attr(data-txt);position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;color: rgba(255, 255, 255, 0.64);transition: 0.3s linear;}
.footer-links a span[data-txt]::after {transform: translateY(100%);}
.footer-contacts a {display: flex;width: -moz-fit-content;width: fit-content;font-size: var(--text-sm);line-height: 1.4em;font-weight: 300;color: rgba(255, 255, 255, 0.64);}
.footer-contacts a + a {margin-top: 1.25rem;}
.footer-contacts a[href^="tel:"] + a[href^="mailto:"] {margin-top: 0.25rem;}
.footer-bottom {gap: 1rem;display: flex;align-items: center;justify-content: space-between;border-top: 0.065rem solid rgba(255, 255, 255, 0.1);padding-top: 1rem;}
.footer-bottom a span[data-txt] {position: relative;overflow: hidden;display: inline-block;font-size: inherit;line-height: inherit;font-weight: inherit;color: transparent;}
.footer-bottom a span[data-txt]::before,
.footer-bottom a span[data-txt]::after {content: attr(data-txt);position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;color: rgba(255, 255, 255, 0.64);transition: 0.3s linear;}
.footer-bottom a span[data-txt]::after {transform: translateY(100%);}
.footer-bottom a,
.footer-copy,
.dev-link {font-size: 0.75rem;line-height: 1.333em;font-weight: 300;color: rgba(255, 255, 255, 0.64);text-transform: uppercase;}
.dev-link {gap: 0.375rem;display: flex;align-items: center;}
.footer-logo-big {position: relative;width: 100%;aspect-ratio: 5.8631;}
.footer-logo-big img {width: 100%;}
@media (min-width: 1200px) {
a.footer-logo:hover {opacity: 0.7;}
.footer-links a:hover span:before {transform: translateY(-100%);}
.footer-links a:hover span::after {transform: translateY(0%);color: rgb(255, 255, 255);}
.footer-contacts a:hover {color: rgb(255, 255, 255);}
.footer-bottom a:hover span:before {transform: translateY(-100%);}
.footer-bottom a:hover span::after {transform: translateY(0%);color: rgb(255, 255, 255);}
.dev-link:hover {color: rgb(255, 255, 255);}
}
@media (max-width: 1199px) {
.footer-top {grid-template-columns: repeat(2, auto);}
.footer-logo,
.footer-links-wrap {order: -1;}
}
@media (max-width: 767px) {
.footer-inner {padding-block: 2rem 1rem;padding-inline: 1rem;}
.footer-logo {max-width: 8rem;}
.footer-links {display: block;}
.footer-links ul + ul {margin-top: 0.5rem;}
.footer-bottom {flex-direction: column;}
}
@media (max-width: 575px) {
.footer-top {grid-template-columns: repeat(1, auto);}
}
/*------------------*/
/* 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);-webkit-backdrop-filter: blur(0.625rem);backdrop-filter: blur(0.625rem);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: 1rem;overflow: auto;-webkit-overflow-scrolling: touch;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;overflow: hidden;display: inline-block;vertical-align: middle;width: 100%;max-width: 33.75rem;border-radius: var(--rd-2);background-color: var(--clr-grey);}
.popup-container.size-2 {max-width: 56.875rem;}
.popup-container > .radius-wrap {--size: 2.625rem;position: absolute;z-index: 1;top: 0;left: 0;width: var(--size);height: var(--size);background: var(--clr-primary);border-radius: 0 0 var(--rd-1) 0;}
.popup-container > .radius-wrap::before {position: absolute;content: "";top: 0;right: calc(var(--rd-1) * -2);background-color: var(--clr-white);width: calc(var(--rd-1) * 2);height: calc(var(--rd-1) * 2);border-top-left-radius: var(--rd-1);box-shadow: -0.25rem -0.25rem var(--clr-primary);}
.popup-container > .radius-wrap::after {position: absolute;content: "";bottom: calc(var(--rd-1) * -2);left: 0;background-color: var(--clr-white);width: calc(var(--rd-1) * 2);height: calc(var(--rd-1) * 2);border-top-left-radius: var(--rd-1);box-shadow: -0.25rem -0.25rem var(--clr-primary);}
.popup-container:has(.popup-bg) > .radius-wrap::before {background-color: transparent;}
.popup-container:has(.popup-bg) > .radius-wrap::after {background-color: transparent;}
.popup-container .btn-close {position: absolute;z-index: 10;top: 0.25rem;left: 0.25rem;}
.popup-bg {position: absolute;inset: 0;border-radius: var(--rd-1);}
.popup-bg img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: var(--rd-1);}
.popup-bg + .popup-align {padding: 1.25rem;}
.popup-align {position: relative;z-index: 1;background-color: var(--clr-white);border-radius: var(--rd-1);padding: 2.5rem 5rem;}
.popup-align:has(.popup-bg) {padding: 0.875rem;}
.popup-info > * + * {margin-top: 1.25rem;}
.popup-info .form-inner {max-width: 50.5%;margin-left: auto;}
.open-popup {cursor: pointer;}
@media (max-width: 767px) {
.popup-align {padding: 1.5rem 1rem;}
.popup-info > * + * {margin-top: 1rem;}
.popup-info .form-inner {max-width: 70%;}
}
@media (max-width: 575px) {
.popup-info .form-inner {max-width: 100%;}
.popup-align:has(.popup-bg) {padding: 3rem 0.875rem 1.25rem 0.875rem;}
}
/*------------------*/
/* Informer         */
/*------------------*/
.informer {--inf-pd: 0.375rem;--inf-gap: 0.75rem;overflow: hidden;position: fixed;z-index: 98;width: calc(100% - var(--inf-gap) * 2);transition: var(--transition-1);opacity: 0;visibility: hidden;display: block;}
.informer-wrap {position: relative;background-color: var(--clr-white);border-radius: var(--rd-1);padding: var(--sp-sm);}
.informer-wrap > * + * {margin-top: 1.25rem;}
.informer > .radius-wrap {--size: 2.625rem;position: absolute;z-index: 2;top: 0;left: 0;width: var(--size);height: var(--size);background: var(--clr-primary);border-radius: var(--rd-1) 0 var(--rd-1) 0;}
.informer > .radius-wrap::before {position: absolute;content: "";top: 0;right: calc(var(--rd-1) * -2);background-color: transparent;width: calc(var(--rd-1) * 2);height: calc(var(--rd-1) * 2);border-top-left-radius: var(--rd-1);box-shadow: -0.25rem -0.25rem var(--clr-primary);}
.informer > .radius-wrap::after {position: absolute;content: "";bottom: calc(var(--rd-1) * -2);left: 0;background-color: transparent;width: calc(var(--rd-1) * 2);height: calc(var(--rd-1) * 2);border-top-left-radius: var(--rd-1);box-shadow: -0.25rem -0.25rem var(--clr-primary);}
.informer.is-active {opacity: 1;visibility: visible;transform: translate(0%, -50%);}
.informer-img {position: relative;pointer-events: none;z-index: 1;display: block;padding-top: 70.65%;width: calc(100% + var(--sp-sm) * 2);margin: calc(-1 * var(--sp-sm));margin-bottom: var(--inf-pd);border-radius: var(--rd-1);}
.informer-img img,
.informer-img video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;border-radius: var(--rd-1);}
.informer-close {position: absolute;z-index: 10;top: 0.25rem;left: 0.25rem;}
.promotional-informer {max-width: 34.5rem;top: 50%;left: var(--inf-gap);right: var(--inf-gap);margin-inline: auto;transform: translate(calc(100% + var(--inf-gap)), -50%);}
@media (max-width: 575px) {
.promotional-informer {max-width: 100%;}
.promotional-informer-wrap > * + * {margin-top: 1rem;}
}
/*------------------*/
/* Cookies          */
/*------------------*/
.cookies-informer {--cookie-pd: 1.25rem;--cookie-gap: 1.25rem;position: fixed;overflow: clip;bottom: var(--cookie-gap);left: var(--cookie-gap);transform: translate(0%, 100%);max-width: min(100%, 37.5rem);width: calc(100% - var(--cookie-gap) * 2);opacity: 0;visibility: hidden;backface-visibility: hidden;transition: var(--transition-1);display: block;}
.cookies-informer .radius-wrap {--size: 2.625rem;position: absolute;top: 0;right: 0;width: var(--size);height: var(--size);background: var(--clr-primary);border-radius: 0 var(--rd-1) 0 var(--rd-1);}
.cookies-informer .radius-wrap::before {position: absolute;content: "";top: 0;left: calc(var(--rd-1) * -2);background-color: var(--clr-white);width: calc(var(--rd-1) * 2);height: calc(var(--rd-1) * 2);border-top-right-radius: var(--rd-1);box-shadow: 0.25rem -0.25rem var(--clr-primary);}
.cookies-informer .radius-wrap::after {position: absolute;content: "";bottom: calc(var(--rd-1) * -2);right: 0;background-color: var(--clr-white);width: calc(var(--rd-1) * 2);height: calc(var(--rd-1) * 2);border-top-right-radius: var(--rd-1);box-shadow: 0.25rem -0.25rem var(--clr-primary);}
.cookies-informer .btn-close {position: absolute;top: 0.25rem;right: 0.25rem;}
.cookies-informer.active {z-index: 500;visibility: visible;opacity: 1;transform: translate(0%, 0%);}
.cookies-informer-inner {width: 100%;border-radius: var(--rd-1);background-color: var(--clr-white);padding: var(--cookie-pd);}
.cookies-informer-inner > * + * {margin-top: 0.75rem;}
.cookies-btn-wrap {gap: 0.5rem;display: inline-flex;align-items: center;}
@media (max-width: 991px) {
.cookies-informer .radius-wrap {--size: 2.375rem;}
}
@media (max-width: 767px) {
.cookies-informer {--cookie-pd: 1rem;--cookie-gap: 0.75rem;}
.cookies-informer::before {-webkit-mask-image: url(../img/mask-cookie-mobile.png);mask-image: url(../img/mask-cookie-mobile.png);}
}
/* FEEDBACKS */
.feedback-section{
    display: grid;
    grid-template-columns: 1fr 2fr ;
    gap: var(--sp-lg);
}
.feedback-list{
    display: flex;
    flex-direction: column;
    gap: 0.75rem
}

.fb-item__user{
    display: grid;
    grid-template-columns: min-content auto;
    align-items: center;
    gap: 1.25rem;
    color: var(--clr-text);
}
.fb-item__user .image{
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
}
.fb-item__user .image img{
    position: absolute;
    left: 0;top: 0;width: 100%;height: 100%;
    object-fit: cover;
}
.fb-item__user .title{font-size: var(--text-lg);font-weight: 500;color: var(--clr-title);}

.fb-item__content > * + *{
    margin-top: 1.25rem;
}
.fb-item__photos{
    display: flex;gap: 0.625rem;flex-wrap: wrap;
}
.fb-item__photo{
    cursor: pointer;aspect-ratio: 1;
    width: 6.875rem;border-radius: var(--rd-1);
    overflow: hidden;
    position: relative;
}
.fb-item__photo img{
    width: 100%;height: 100%;
    object-fit: cover;
    transition: transform var(--cubic-1);
}
.fb-item .accordion-title i{align-self: center;}
.fb-item__content .btn-link-2{
    font-size: 0.75rem;

}
@media (min-width: 1200px) {
    .fb-item__photo:hover img{
        transform: scale(1.1);
    }
    
}
@media (max-width: 991px) {
    .feedback-section{
        grid-template-columns: 1fr;
        gap: var(--sp-xs);
    }
    
}
@media (min-width:992px){
    .feedback-list .pagination{
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .fb-item__user {
        gap: 1rem;
    }
    .fb-item__user .image{
        width: 3.5rem;
        height: 3.5rem;
    }
    .fb-item__photo{
        width: 4.5rem;
    }
}