/*====================*/
/*  Helpers           */
/*====================*/
/* spacers */
[class*=spacer] {clear: both;width: 100%;}
.spacer-xxl {height: var(--sp-xxl);}
.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);}
.spacer-xxs {height: var(--sp-xxs);}
/* margins */
.mt-xxl {margin-top: var(--sp-xxl);}
.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);}
.mt-xxs {margin-top: var(--sp-xxs);}
.mb-xxl {margin-bottom: var(--sp-xxl);}
.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);}
.mb-xxs {margin-bottom: var(--sp-xxs);}
.mx-auto {margin-inline: auto;}
/*====================*/
/*  Seo Block         */
/*====================*/
.seo-section {margin-block: 0 var(--sp-sm);}
.seo-block {--space: 1rem;position: relative;display: block;background-color: var(--bg-grey);border-radius: var(--rd-1);padding: var(--sp-xs);}
.seo-block > * + *:not(.more-content) {margin-top: var(--space);}
.seo-btn {position: relative;cursor: pointer;gap: 0.25rem;display: inline-flex;align-items: center;font-size: var(--text-sm);line-height: 1.87rem;font-weight: 500;color: var(--clr-primary);transition: var(--transition-1);}
.seo-btn::before {content: attr(data-toggle-more);}
.seo-btn svg {display: inline-block;width: 0.75rem;height: 0.75rem;flex-shrink: 0;}
.seo-btn.is-active::before {content: attr(data-toggle-less);}
.seo-btn.is-active svg {transform: rotateX(180deg);}
.more-content {display: none;padding-top: var(--space);}
/*====================*/
/*  About             */
/*====================*/
.about-block {gap: var(--sp-md);display: grid;}
.about-img {position: relative;overflow: hidden;width: 100%;aspect-ratio: 160/55;border-radius: var(--rd-1);}
.about-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: 1200px) {
.about-block {gap: var(--sp-lg) 8.75rem;grid-template-columns: 48% auto;}
.about-img {grid-column: span 2;}
}
/*====================*/
/*  Find Device       */
/*====================*/
.find-device-block {position: relative;display: block;background-color: var(--bg-green);border-radius: var(--rd-1);padding: var(--sp-lg);}
.find-device-inner {gap: var(--sp-xs);display: flex;flex-direction: column;width: 100%;margin-inline: auto;text-align: center;}
.find-device-inner .title {color: var(--clr-white);}
.find-device-inner .form-block {--space: 0.625rem;}
.find-device-inner .form-block .btn {margin-top: 0;}
.find-device-inner .input {text-align: center;}
.find-device-inner .text {font-size: 0.875rem;line-height: 1.6em;font-weight: 400;color: var(--clr-text-light);}
@media (min-width: 992px) {
.find-device-inner {width: clamp(44rem, 50%, 49.75rem);}
}
/*====================*/
/*  Advantages        */
/*====================*/
.advt-cards {--items: 1;--gap: 2.5rem;position: relative;gap: var(--gap);display: grid;grid-template-columns: repeat(var(--items), 1fr);}
.advt-cards::before,
.advt-cards::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 1px;background: linear-gradient(90deg, rgba(246, 246, 246, 0.4) 1%, rgba(225, 250, 208, 0.4) 18%, rgba(0, 135, 40, 0.4) 50%, rgba(225, 250, 208, 0.4) 85%, rgba(246, 246, 246, 0.4) 100%);}
.advt-cards::after {top: auto;bottom: 0;}
.advt-card {position: relative;width: 100%;gap: var(--sp-xs);display: grid;grid-row: span 4;grid-template-rows: subgrid;padding: var(--sp-sm) var(--sp-sm) 0 var(--sp-sm);}
.advt-card > .title + .text {margin-top: -1rem;}
.advt-card + .advt-card::before {content: "";position: absolute;top: calc(var(--gap) * -0.5);left: 0;width: 100%;height: 1px;background: linear-gradient(90deg, rgba(0, 135, 41, 0.4) 0%, rgba(225, 250, 208, 0.4) 18.61%, rgba(246, 246, 246, 0.4) 43.75%, rgba(246, 246, 246, 0.4) 56.25%, rgba(225, 250, 208, 0.4) 84.62%, rgba(0, 135, 41, 0.4) 100%);}
.advt-icon {--icon-size: 3.125rem;position: relative;display: inline-block;width: var(--icon-size);height: var(--icon-size);flex-shrink: 0;border-radius: var(--rd-1);border: 1px solid rgba(0, 135, 41, 0.15);}
.advt-icon img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 67%;height: 67%;}
.advt-img {position: relative;overflow: hidden;width: 100%;aspect-ratio: 720/278;margin-top: auto;}
.advt-img img {width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;}
.advt-items {--items: 1;--gap: var(--sp-xs);position: relative;gap: var(--gap);display: grid;grid-template-columns: repeat(var(--items), 1fr);}
.advt-item {position: relative;width: 100%;gap: 0.75rem;display: grid;grid-row: span 3;grid-template-rows: subgrid;}
@media (min-width: 992px) {
.advt-cards {--items: 2;}
.advt-card + .advt-card::before {top: 0;left: calc(var(--gap) * -0.5);width: 1px;height: 100%;background: linear-gradient(180deg, rgba(0, 135, 41, 0.4) 0%, rgba(225, 250, 208, 0.4) 18.61%, rgba(246, 246, 246, 0.4) 43.75%, rgba(246, 246, 246, 0.4) 56.25%, rgba(225, 250, 208, 0.4) 84.62%, rgba(0, 135, 41, 0.4) 100%);}
.advt-items {--items: 2;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.advt-cards:has(.advt-card:nth-child(odd):last-child:not(:first-child)) .advt-card:nth-child(odd):not(:first-child) {grid-column: 1/-1;max-width: calc(50% - var(--gap) * 0.5);justify-self: center;}
.advt-cards:has(.advt-card:nth-child(odd):last-child:not(:first-child)) .advt-card:nth-child(odd):not(:first-child)::before {content: none;}
.advt-cards:has(.advt-card:only-child) .advt-card {grid-column: 1/-1;max-width: calc(50% - var(--gap) * 0.5);justify-self: center;}
.advt-cards:has(.advt-card:nth-child(even):last-child) .advt-card:nth-child(n+3)::after {content: "";position: absolute;top: calc(var(--gap) * -0.5);left: 0;width: 100%;height: 1px;background: linear-gradient(90deg, rgba(0, 135, 41, 0.4) 0%, rgba(225, 250, 208, 0.4) 18.61%, rgba(246, 246, 246, 0.4) 43.75%, rgba(246, 246, 246, 0.4) 56.25%, rgba(225, 250, 208, 0.4) 84.62%, rgba(0, 135, 41, 0.4) 100%);}
}
@media (min-width: 1200px) {
.advt-cards {--items: 3;--gap: 1.25rem;}
.advt-cards:has(.advt-card:nth-child(2):last-child) {--items: 2;}
.advt-cards:has(.advt-card:only-child) {grid-template-columns: minmax(37.5rem, 50%);justify-content: center;}
.advt-items {--items: 4;}
}
/*====================*/
/*  LR Block          */
/*====================*/
.lr-section::before {content: "";position: absolute;z-index: -1;pointer-events: none;left: 0;top: 50%;transform: translateY(-50%);width: 100%;aspect-ratio: 1/3;background: linear-gradient(180deg, #FFF 0%, #F7F8FC 22.6%, #E5E8EF 52.88%, #F7F8FC 82.69%, #FFF 100%);}
.lr-block {gap: var(--sp-lg);display: grid;}
.lr-img {position: relative;overflow: hidden;width: 100%;aspect-ratio: 687/750;}
.lr-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
.lr-content > * + * {margin-top: var(--sp-lg);}
@media (min-width: 992px) {
.lr-section::before {aspect-ratio: 1920/2228;}
.lr-block {grid-template-columns: 43% auto;}
.lr-block.lr-right {grid-template-columns: auto 43%;}
.lr-block.lr-right .lr-img {order: 2;}
.lr-content {align-self: center;}
}
@media (min-width: 1200px) {
.lr-block {gap: 7.5rem;}
}
/*====================*/
/*  CTA               */
/*====================*/
.cta-block {position: relative;gap: 1.5rem;display: grid;background-color: var(--bg-green);border-radius: var(--rd-1);padding: 1.5rem;}
.cta-info > * + * {margin-top: var(--sp-sm);}
.cta-info .title {color: var(--clr-white);}
.cta-info .text {color: var(--clr-text-light);}
.cta-title {font-size: 2rem;line-height: 1.3em;font-weight: 500;color: var(--clr-white);}
.cta-img {position: relative;overflow: hidden;width: 100%;aspect-ratio: 461/360;}
.cta-img img {width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;}
.cta-img.size-2 {margin-bottom: -1.5rem;}
.cta-img.size-2 img {-o-object-position: bottom;object-position: bottom;}
@media (min-width: 768px) {
.cta-title {font-size: 2.25rem;}
}
@media (min-width: 992px) {
.cta-block {grid-template-columns: auto 45%;align-items: center;}
}
@media (min-width: 1200px) {
.cta-block {gap: 6.75rem;grid-template-columns: auto 31%;padding: 2rem 2rem 2rem 5rem;}
.cta-info .text {max-width: 84%;}
.cta-title {font-size: 2.625rem;}
.cta-img.size-2 {margin-bottom: -2rem;}
}
/*====================*/
/*  Services          */
/*====================*/
.services-section::before {content: "";position: absolute;z-index: -1;pointer-events: none;left: 0;bottom: calc(var(--sp-xxl) + var(--sp-lg));width: 100%;aspect-ratio: 1/3;background: linear-gradient(180deg, #FFF 0%, #F7F8FC 22.6%, #E5E8EF 52.88%, #F7F8FC 82.69%, #FFF 100%);}
.services {--items: 1;--gap: 1.25rem;position: relative;z-index: 2;gap: var(--gap);display: flex;flex-wrap: wrap;justify-content: center;}
.service-card {position: relative;width: calc(100% / var(--items) - var(--gap) + var(--gap) / var(--items));gap: var(--sp-lg);display: flex;flex-direction: column;border-radius: var(--rd-1);background-color: var(--clr-white);padding: var(--sp-md) var(--sp-md) 0 var(--sp-md);}
.service-card > .title + .text {margin-top: calc((var(--sp-lg) - 0.75rem) * -1);}
.service-img {position: relative;overflow: hidden;width: 100%;aspect-ratio: 431/296;margin-top: auto;}
.service-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: 992px) {
.services-section::before {aspect-ratio: 1920/1968;}
.services {--items: 2;}
}
@media (min-width: 1200px) {
.services {--items: 3;--gap: 1.875rem;}
}
/*====================*/
/*  Products          */
/*====================*/
.product-slider .swiper-container {overflow: visible;}
.product-slider::after {content: "";position: absolute;z-index: 1;pointer-events: none;top: 0;right: -10%;width: 26.25%;height: 100%;background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);}
.product-card {position: relative;width: 100%;text-align: center;}
.product-card > * + * {margin-top: 0.75rem;}
.product-img {position: relative;overflow: hidden;width: 100%;aspect-ratio: 402/298;}
.product-img img {width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;}
/*====================*/
/*  Steps             */
/*====================*/
.step-block {gap: var(--sp-md);display: grid;}
.step-img {position: relative;overflow: hidden;width: 100%;aspect-ratio: 75/62;border-radius: var(--rd-1);}
.step-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);}
.step-img::after {content: "";position: absolute;bottom: -10%;left: 0;width: 100%;height: 50%;background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%);}
.step-title {position: absolute;z-index: 1;left: var(--sp-md);bottom: var(--sp-md);width: calc(100% - var(--sp-md) * 2);font-size: 1.75rem;line-height: 1.24em;font-weight: 400;color: var(--clr-white);}
.step-title b {font-weight: 700;}
.step-title br {display: none;}
.step-item {position: relative;}
.step-item-head {--icon-size: 2rem;gap: 0.625rem;display: flex;}
.step-item-head img {display: inline-block;width: var(--icon-size);height: var(--icon-size);flex-shrink: 0;}
.step-item > * + * {margin-top: 0.75rem;}
.step-item .title {align-self: center;}
.step-item + .step-item {padding-top: var(--sp-md);margin-top: var(--sp-md);}
.step-item + .step-item::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 1px;background: linear-gradient(90deg, rgba(246, 246, 246, 0.4) 1%, rgba(225, 250, 208, 0.4) 18%, rgba(0, 135, 40, 0.4) 50%, rgba(225, 250, 208, 0.4) 85%, rgba(246, 246, 246, 0.4) 100%);}
@media (min-width: 768px) {
.step-title {font-size: 2.25rem;}
.step-title br {display: block;}
}
@media (min-width: 992px) {
.step-block {gap: var(--sp-lg);grid-template-columns: 49% auto;}
.step-img {position: sticky;top: calc(var(--h-height) + var(--sp-xs));z-index: 10;}
.step-list {align-self: center;}
}
@media (min-width: 1200px) {
.step-block {gap: 7.5rem;}
.step-title {font-size: 2.625rem;}
.step-item-head {--icon-size: 2.5rem;gap: 1.25rem;}
}
@media (max-width: 1680px) {
.step-img {aspect-ratio: 74/62;}
}
@media (max-width: 1540px) {
.step-img {aspect-ratio: 67/62;}
}
@media (max-width: 1370px) {
.step-img {aspect-ratio: 75/62;}
}
/*====================*/
/*  Contacts          */
/*====================*/
.contact-section::before {content: "";position: absolute;z-index: -1;pointer-events: none;left: 0;bottom: var(--sp-md);width: 100%;aspect-ratio: 1/3;background: linear-gradient(180deg, #FFF 0%, #F7F8FC 22.6%, #E5E8EF 52.88%, #F7F8FC 82.69%, #FFF 100%);}
.contact-block {position: relative;gap: var(--sp-md);display: grid;}
.contact-info > * + * {margin-top: var(--sp-sm);}
.contact-items > * + * {margin-top: var(--sp-xs);}
.contact-item {--icon-size: 3.333em;gap: 0.625rem;display: flex;align-items: center;width: -moz-fit-content;width: fit-content;font-size: var(--text);line-height: 1.67em;font-weight: 400;color: var(--clr-title);}
.contact-item p {color: var(--clr-text);}
.contact-icon {position: relative;display: inline-block;width: var(--icon-size);height: var(--icon-size);flex-shrink: 0;border-radius: var(--rd-1);border: 1px solid rgba(0, 135, 41, 0.15);}
.contact-icon img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 53%;height: 53%;}
.contact-form {position: relative;background-color: var(--clr-white);border-radius: var(--rd-1);padding: var(--sp-md);}
.contact-form > * + * {margin-top: var(--sp-sm);}
@media (min-width: 992px) {
.contact-section::before {aspect-ratio: 1920/2014;}
.contact-block {grid-template-columns: auto 50%;}
}
@media (min-width: 1200px) {
.contact-block {gap: 7.5rem;}
.contact-info > .title + .title {margin-top: var(--sp-md);}
.contact-item {gap: 1rem;}
.contact-item a:hover {color: var(--clr-primary);}
}
/*====================*/
/*  Device Detail     */
/*====================*/
.section:has(#device-detail) {display: none;}
.section:has(#device-detail).is-visible {display: block;}
.device-detail {position: relative;gap: var(--sp-lg);display: grid;border-radius: var(--rd-1);border: 1px solid var(--clr-border);padding: var(--sp-lg);}
.device-detail-head > * + * {margin-top: var(--sp-xxs);}
.device-detail-slider .swiper-thumbs.hide-bottom .swiper-thumbs-bottom {display: none;}
.device-detail-slider .swiper-thumbs-bottom {margin-top: 0.75rem;}
.device-detail-slider .swiper-container {overflow: hidden;}
.device-detail-img {position: relative;overflow: hidden;width: 100%;aspect-ratio: 496/560;}
.device-detail-img img {position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;}
.device-detail-thumb {position: relative;cursor: pointer;overflow: hidden;transition: var(--transition-1);width: 100%;aspect-ratio: 86/96;border-radius: var(--rd-1);border: 0.125rem solid transparent;}
.device-detail-thumb img {position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;}
.swiper-slide-thumb-active .device-detail-thumb {border-color: var(--clr-border);}
.device-detail-content > * + * {border-top: 0.0625rem solid var(--clr-border);margin-top: var(--sp-md);padding-top: var(--sp-md);}
.device-detail-info {--gap: 1rem;gap: var(--gap);display: grid;grid-template-columns: 1fr;}
.device-detail-item {position: relative;gap: 1rem;display: grid;align-content: start;}
.device-detail-item-title {--icon-size: 1.25rem;gap: 0.5rem;display: inline-flex;align-items: center;font-size: var(--h5);line-height: 1em;font-weight: 500;letter-spacing: -0.03em;color: var(--clr-title);}
.device-detail-item-title img {display: inline-block;width: var(--icon-size);height: var(--icon-size);flex-shrink: 0;}
.device-detail-item-caption {--icon-size: 1.25rem;gap: 0.5rem;display: inline-flex;align-items: center;font-size: 0.875rem;line-height: 1.43em;font-weight: 600;color: var(--clr-title);}
.device-detail-item-caption img {display: inline-block;width: var(--icon-size);height: var(--icon-size);flex-shrink: 0;}
.device-detail-item-text {--icon-size: 1.25rem;gap: 0.5rem;display: grid;grid-template-columns: repeat(2, 1fr);align-items: center;font-size: var(--text-sm);line-height: 1.5em;font-weight: 400;color: var(--clr-text);text-align: right;}
.device-detail-item-text > *:first-child {color: var(--clr-title);text-align: left;}
.device-detail-item-text img {display: inline-block;vertical-align: middle;width: var(--icon-size);height: var(--icon-size);flex-shrink: 0;margin-right: 0.5rem;}
.device-detail-item-text:has(> *:only-child) {grid-template-columns: 1fr;}
.device-detail-item-message {position: relative;gap: 0.5rem;display: flex;align-items: center;width: -moz-fit-content;width: fit-content;border-radius: var(--rd-1);border: 1px solid var(--clr-primary);background-color: rgba(0, 135, 41, 0.15);font-size: var(--text-sm);line-height: 1.5em;font-weight: 400;color: var(--clr-primary);padding: 0.75rem 1rem;}
.device-detail-item-message::before {content: "";position: relative;display: inline-block;width: 1.25em;height: 1.25em;flex-shrink: 0;background: url("../img/icons/icon-info.svg") no-repeat center/contain;}
.device-detail-testing {-moz-columns: 1;columns: 1;-moz-column-gap: var(--sp-lg);column-gap: var(--sp-lg);font-size: var(--text-sm);line-height: 1.5em;font-weight: 400;color: var(--clr-text);}
.device-detail-testing > * {position: relative;gap: 0.5rem;display: flex;align-items: baseline;}
.device-detail-testing > *::after {content: "";position: relative;top: 0.125rem;display: inline-block;width: 1em;height: 1em;flex-shrink: 0;background: url("../img/icons/icon-detail-check.svg") no-repeat center/contain;margin-left: auto;}
.device-detail-testing > *.uncheck::after {background: url("../img/icons/icon-detail-uncheck.svg") no-repeat center/contain;}
.device-detail-testing > * + * {margin-top: 0.5rem;}
@media (min-width: 576px) {
.device-detail-testing {-moz-columns: 2;columns: 2;}
}
@media (min-width: 992px) {
.device-detail {gap: var(--sp-sm);grid-template-columns: 45% auto;}
.device-detail-head {grid-column: span 2;}
.device-detail-slider {position: sticky;z-index: 10;top: calc(var(--h-height) + 0.75rem);align-self: start;}
}
@media (min-width: 1200px) {
.device-detail {gap: var(--sp-sm) var(--sp-lg);grid-template-columns: 33.55% auto;}
.device-detail-slider .swiper-thumbs-bottom {margin-top: 1rem;}
.device-detail-info {--gap: 5rem;grid-template-columns: repeat(2, 1fr);}
.device-detail-info:has(.device-detail-item) > *:nth-child(even)::before {content: "";position: absolute;top: 0;left: calc(var(--gap) * -0.5);width: 1px;height: 100%;background: linear-gradient(180deg, rgba(0, 135, 41, 0.4) 0%, rgba(225, 250, 208, 0.4) 18.61%, rgba(246, 246, 246, 0.4) 43.75%, rgba(246, 246, 246, 0.4) 56.25%, rgba(225, 250, 208, 0.4) 84.62%, rgba(0, 135, 41, 0.4) 100%);}
.device-detail-info:has(.device-detail-testing) {--gap: 1rem;grid-template-columns: 1fr;}
.device-detail-testing {-moz-columns: 4;columns: 4;}
.device-detail-testing > * + * {margin-top: 1rem;}
}
/*====================*/
/*  Tabs              */
/*====================*/
._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 {--pd-inline: 1rem;--pd-block: 1.25rem;--icon-size: 1.25rem;position: relative;transition: var(--transition-1);border-radius: var(--rd-1);background-color: var(--bg-grey);border: 1px solid var(--bg-grey);padding-inline: var(--pd-inline);padding-block: var(--pd-block);}
.accordion-item + .accordion-item {margin-top: 1rem;}
.accordion-item:has(.is-active) {border-color: var(--clr-border);background-color: var(--clr-white);}
.accordion-title {position: relative;cursor: pointer;font-size: var(--h4);line-height: normal;font-weight: 500;color: var(--clr-title);transition: var(--transition-1);padding-right: calc(var(--icon-size) + 0.5rem);}
.accordion-title i {position: absolute;right: 0;top: 0.125em;display: inline-block;width: var(--icon-size);height: var(--icon-size);flex-shrink: 0;transition: var(--transition-1);}
.accordion-title i::before {content: "";position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%) rotate(45deg);width: 0.5rem;height: 0.5rem;border-right: 0.125rem solid currentColor;border-bottom: 0.125rem solid currentColor;}
.accordion-title.is-active {color: var(--clr-primary);}
.accordion-title.is-active i {transform: rotateX(-180deg);}
.accordion-inner {display: none;padding-top: 1rem;}
@media (min-width: 768px) {
.accordion-item {--pd-inline: 1.25rem;}
.accordion-item + .accordion-item {margin-top: 1.125rem;}
}
@media (min-width: 1200px) {
.accordion-item {--pd-inline: 1.875rem;--pd-block: 1.875rem;}
.accordion-inner {padding-top: 1.25rem;}
.accordion-title:hover {color: var(--clr-primary);}
}
/*====================*/
/*  Footer            */
/*====================*/
footer {background-color: var(--bg-dark);padding-block: 2.5rem 1.5rem;}
.footer-top {gap: 1.5rem;display: grid;}
.footer-logo {display: block;max-width: 15rem;width: 100%;}
.footer-logo img {display: block;width: 100%;}
.footer-contacts {gap: var(--sp-xs);display: flex;flex-direction: column;}
.footer-contact {--img-size: 1.333em;gap: 0.8333em;display: flex;align-items: center;width: -moz-fit-content;width: fit-content;font-size: 1rem;line-height: normal;font-weight: 500;color: var(--clr-white);}
.footer-contact img {width: var(--img-size);height: var(--img-size);flex-shrink: 0;}
.footer-cta {gap: 1rem;display: flex;flex-direction: column;align-items: flex-start;}
.footer-cta .title {color: var(--clr-white);}
.footer-cta .btn {flex-shrink: 0;}
.footer-links ul {gap: 1rem;display: grid;grid-template-columns: repeat(2, 1fr);}
.footer-links li {line-height: 0;}
.footer-links a {font-size: var(--text);line-height: 1.67em;font-weight: 400;color: rgba(255, 255, 255, 0.7);}
.footer-bottom {position: relative;gap: 1rem;display: grid;border-top: 0.0625rem solid rgba(255, 255, 255, 0.1);padding-top: 1.5rem;margin-top: 1.5rem;}
.footer-bottom .footer-links ul {grid-template-columns: 1fr;}
.footer-bottom .footer-links a {font-size: var(--text-sm);line-height: 1.5em;font-weight: 400;color: rgba(255, 255, 255, 0.7);}
.footer-copy {font-size: var(--text-sm);line-height: 1.5em;font-weight: 400;color: rgba(255, 255, 255, 0.7);}
@media (min-width: 992px) {
.footer-top {grid-template-columns: auto 55%;}
.footer-logo {max-width: 19.25rem;align-self: baseline;}
.footer-contact {font-size: var(--h4);}
.footer-bottom {gap: 1.5rem;grid-template-columns: auto auto;justify-content: space-between;}
.footer-bottom .footer-links {grid-area: initial;align-self: initial;}
.footer-bottom .footer-links ul {display: flex;flex-wrap: wrap;}
}
@media (min-width: 1200px) {
footer {padding-block: 3rem 1.875rem;}
.footer-top {gap: 2.5rem;grid-template-columns: 29% auto 52%;}
.footer-contacts {grid-area: 2/1/3/2;align-self: baseline;}
.footer-cta {grid-area: 1/3/2/4;gap: 3rem;flex-direction: row;align-items: center;}
.footer-links {grid-area: 2/3/3/4;align-self: end;}
.footer-links ul {gap: 2.08vw;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.footer-bottom {padding-top: 1.875rem;margin-top: 1.875rem;}
a.footer-logo:hover {opacity: 0.75;}
.footer-contact a:hover,
.footer-links a:hover,
.footer-copy a:hover {color: var(--clr-primary);}
}
/*====================*/
/*  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: 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;display: inline-block;vertical-align: middle;width: 100%;max-width: 53rem;background: var(--clr-white);border-radius: var(--rd-1);}
.popup-container .btn-close {position: absolute;z-index: 10;top: 0.5rem;right: 0.5rem;}
.popup-align {position: relative;z-index: 1;padding: 1.5rem 1rem;}
.popup-info > * + * {margin-top: 0.625rem;}
.popup-info > .popup-icon + * {margin-top: var(--sp-sm);}
.open-popup {cursor: pointer;}
@media (min-width: 768px) {
.popup-container .btn-close {top: 1rem;right: 1rem;}
.popup-align {padding: 2.5rem;}
}
@media (min-width: 1200px) {
.popup-align {padding: 2.5rem 4rem;}
}
/*====================*/
/*  Cookies           */
/*====================*/
.cookies-informer {--cookie-inset: 0.75rem;--cookie-pd: 1rem;--cookie-gap: 0.625rem;position: fixed;bottom: var(--cookie-inset);left: var(--cookie-inset);transform: translate(0%, 100%);max-width: min(100%, 37.5rem);width: calc(100% - var(--cookie-inset) * 2);padding: var(--cookie-pd);padding-right: calc(var(--cookie-pd) * 1.5);border-radius: 0.5rem;background: var(--clr-white);box-shadow: 0 -25px 21px 0 rgba(0, 0, 0, 0.03),0 4px 9px 0 rgba(0, 0, 0, 0.05);opacity: 0;visibility: hidden;backface-visibility: hidden;transition: var(--transition-1);display: block;}
.cookies-informer .btn-close {--btn-size: 1.25rem;position: absolute;top: 0.625rem;right: 0.625rem;border-color: transparent;color: var(--clr-text);}
.cookies-informer .btn-close::before,
.cookies-informer .btn-close::after {width: 80%;}
.cookies-informer.active {z-index: 500;visibility: visible;opacity: 1;transform: translate(0%, 0%);}
.cookies-informer-inner {width: 100%;}
.cookies-informer-inner > * + * {margin-top: var(--cookie-gap);}
.cookies-btn-wrap {gap: var(--sp-sm);display: flex;align-items: center;justify-content: flex-end;}
.cookies-btn-wrap .btn {--btn-h: 3.125rem;width: auto;}
@media (min-width: 1200px) {
.cookies-informer {--cookie-inset: 2.5rem;--cookie-pd: 1.25rem;}
.cookies-informer .btn-close:hover {color: var(--clr-title);}
}
/*====================*/
/*  404               */
/*====================*/
body:has(.page-404) {background-color: var(--bg-dark);}
body:has(.page-404)::before {height: 100svh;aspect-ratio: initial;background: url(../img/decor-404.svg) no-repeat center/cover;}
.page-404 {margin: 0;padding: 2.5rem 0;width: 100%;min-height: calc(100svh - var(--h-height));display: flex;align-items: center;justify-content: center;}
.page-404-block {gap: var(--sp-sm);display: grid;}
.page-404-img {display: block;aspect-ratio: 522/191;width: 85%;margin-inline: auto;}
.page-404-img img {width: 100%;}
.page-404-info {text-align: center;}
.page-404-info > * + * {margin-top: var(--sp-sm);}
.page-404-info .title {color: var(--clr-white);}
.page-404-info .text {color: var(--clr-text-light);}
.page-404-info .text br {display: none;}
@media (min-width: 768px) {
.page-404-info .text br {display: block;}
}
@media (min-width: 1200px) {
.page-404-block {gap: 6rem;grid-template-columns: 46% auto;}
.page-404-img {width: 100%;}
.page-404-info {text-align: left;}
}