/*
Theme Name: Biz Zavod
*/

:root {
    --ease-in-out-quart: cubic-bezier(0.645, 0.045, 0.355, 1);
    --primary-color: #117784;
}

@font-face {
    font-family: "Wix Madefor Display";
    src: url("./assets/fonts/WixMadeforDisplay.woff2");
    font-weight: 400 800;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Wix Madefor Display", sans-serif;
}

a {
    text-decoration: none;
}

p {
    line-height: 150%;
}

html {
    color-scheme: dark;
    scroll-behavior: smooth;
    background-color: #00101A;
}

body {
    color: #E7F8FF;
}

body.no-scroll {
    overflow: hidden;
}

@media (max-width: 1210px) {
    body {
        padding-top: 60px;
    }
}

.desc {
    color: #AEBEC6;
    line-height: 150%;
}

.h1 {
    color: #E7F8FF;
    font-weight: 600;
    /*max-width: 500px;*/
    line-height: 120%;
    /* text-transform: uppercase; */
    font-size: clamp(2rem, 1.4444rem + 1.7778vw, 3rem);
}

.h2 {
    font-weight: 600;
    font-size: clamp(1.5rem, 1.3rem + 0.8vw, 2rem);
    color: #E7F8FF;
    line-height: 120%;
    text-transform: uppercase;
}

.h3 {
    color: #FFFFFF;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    font-size: clamp(1.25rem, 1.1111rem + 0.4444vw, 1.5rem);
}

.h4 {
    color: #AEBEC6;
    font-size: 1.25rem;
    text-transform: uppercase;
}

.p-100 {
    padding-top: clamp(2.5rem, -0.625rem + 10vw, 6.25rem);
    padding-bottom: clamp(2.5rem, -0.625rem + 10vw, 6.25rem);
}

.py-32 {
    padding-block: 2rem !important;
}

.w-max {
    width: max-content !important;
    max-width: 100% !important;
}

.block-std {
    border-top: 1px solid #172731 !important;
    border-bottom: 1px solid #172731 !important;
    padding-top: clamp(2.5rem, -0.625rem + 10vw, 6.25rem);
    padding-bottom: clamp(2.5rem, -0.625rem + 10vw, 6.25rem);
    background-color: #00101A;
}

.block-std:has(+ .block-std) {
    border-bottom: none !important;
}

.container {
    margin: 0 auto;
    width: 100%;
    max-width: 1240px;
}

.container--md {
    max-width: 820px;
}

@media (min-width: 700px) {
    .container--611 {
        max-width: 611px;
    }
}

.section--std>.h2 {
    margin-bottom: clamp(1.5rem, -1.625rem + 10vw, 4rem);
}

@media (max-width: 1280px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.header {
    z-index: 100;
    position: relative;
    padding-top: 1.25rem;
    padding-bottom: 2rem;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: linear-gradient(0deg, #172731 0%, #00101A 49.64%);
}

@media (max-width: 1210px) {
    .header {
        position: fixed;
        top: 0;
        width: 100%;
        height: 60px;
        transition: transform 0.3s ease-in-out;
    }

    .header--hidden {
        transform: translateY(-100%);
    }
}

.mobile-menu li {
    padding-left: 0;
}

.mobile-menu li::before {
    display: none;
}


.header__inner {
    gap: 1.25rem;
    display: flex;
    flex-direction: column;
}

.header__upper {
    gap: 2.375rem;
    display: flex;
}

.header__logo {
    margin-right: auto;
}

.header__logo svg {
    transition: filter 0.25s ease;
}

.header__logo:hover svg {
    filter: brightness(0) saturate(100%) invert(37%) sepia(60%) saturate(582%) hue-rotate(139deg) brightness(91%) contrast(95%);
}

.header__address {
    gap: 0.25rem;
    display: flex;
    flex-direction: column;
    color: #FFF;
    position: relative;
}

.header__address a {
    color: #FFF;
}

.header__address::before {
    content: '';
    top: 0.25rem;
    left: -1.5rem;
    width: 1rem;
    height: 1rem;
    position: absolute;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.20805 0.5C10.6538 0.5 14.5 2.27966 14.5 6.77119C14.5 10.3644 10.3054 14.0876 8.20805 15.5C6.1387 14.2006 2 10.6356 2 6.77119C2 1.94068 5.36538 0.5 8.20805 0.5ZM8.20805 3.88983C6.72541 3.88983 5.52349 5.10397 5.52349 6.60169C5.52349 8.09942 6.72541 9.31356 8.20805 9.31356C9.6907 9.31356 10.8926 8.09942 10.8926 6.60169C10.8926 5.10397 9.6907 3.88983 8.20805 3.88983Z" fill="%233A4A53"/></svg>');
}

.header__working-hours {
    color: #3A4A53;
    font-size: 0.75rem;
}

.header__contacts {
    gap: 1rem;
    color: #FFF;
    display: flex;
    flex-direction: column;
    line-height: 150%;
}

.header__contacts a {
    color: #FFF;
    line-height: 150%;
}

.header__tel,
.header__email {
    gap: 0.5rem;
    display: flex;
    align-items: center;
    color: #E7F8FF;
}

.header__tel::before {
    content: '';
    width: 1rem;
    height: 1rem;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.37424 8.76135L4.42457 8.71101C5.10162 8.03396 5.10162 6.93624 4.42457 6.25919C4.06493 5.89955 3.52653 5.67772 3.12308 5.98742C2.86668 6.18424 2.64207 6.49542 2.58141 6.96853C2.18639 10.6453 6.47093 13.7144 8.47646 13.7144C9.44224 13.7144 9.97935 13.3841 10.2561 13.0217C10.5404 12.6495 10.325 12.1597 9.99385 11.8285C9.32364 11.1583 8.23701 11.1583 7.5668 11.8285L7.50408 11.8912C7.2306 11.9013 6.4527 11.6906 5.52894 10.7669C4.60518 9.84312 4.37424 9.04496 4.37424 8.76135Z" fill="%233A4A53"/><path d="M7.99027 6.23924C8.35491 6.27976 9.22397 6.50057 9.78309 7.05969C10.3422 7.6188 10.5022 8.42709 10.5124 8.76135M9.5 3C9.5 3 11.5 3.47683 12.5 4.5C13.5 5.52317 13.5637 6.82254 13.5 8M4.37424 8.76135L4.42457 8.71101C5.10162 8.03396 5.10162 6.93624 4.42457 6.25919V6.25919C4.06493 5.89955 3.52653 5.67772 3.12308 5.98742C2.86668 6.18424 2.64207 6.49542 2.58141 6.96853C2.18639 10.6453 6.47093 13.7144 8.47646 13.7144C9.44224 13.7144 9.97935 13.3841 10.2561 13.0217C10.5404 12.6495 10.325 12.1597 9.99385 11.8285V11.8285C9.32364 11.1583 8.23701 11.1583 7.5668 11.8285L7.50408 11.8912C7.2306 11.9013 6.4527 11.6906 5.52894 10.7669C4.60518 9.84312 4.37424 9.04496 4.37424 8.76135Z" stroke="%233A4A53" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.header__email::before {
    content: '';
    width: 1rem;
    height: 1rem;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.5156 2.42383C14.6198 2.42408 15.5154 3.31961 15.5156 4.42383V11.5762C15.5154 12.6804 14.6198 13.5759 13.5156 13.5762H2.48438C1.38016 13.5759 0.484598 12.6804 0.484375 11.5762V4.42383C0.484599 3.31961 1.38016 2.42408 2.48438 2.42383H13.5156ZM13.416 5.76953C13.1216 5.32252 12.5205 5.199 12.0732 5.49316L8.16309 8.06445L3.89746 5.47461C3.43974 5.19664 2.84344 5.34212 2.56543 5.7998C2.28748 6.25752 2.43295 6.85383 2.89062 7.13184L7.68066 10.041C8.00074 10.2354 8.40493 10.2283 8.71777 10.0225L13.1396 7.11328C13.5868 6.81885 13.7103 6.21681 13.416 5.76953Z" fill="%233A4A53"/></svg>');
}

.header__tel--lg {
    font-weight: 600;
    font-size: 1.5rem;
}

.header__tel--lg::before {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.74847 13.5227L4.84914 13.422C6.20325 12.0679 6.20325 9.87248 4.84914 8.51838C4.12986 7.79909 3.05305 7.35545 2.24615 7.97485C1.73336 8.36848 1.28414 8.99083 1.16283 9.93705C0.372771 17.2907 8.94185 23.4288 12.9529 23.4288C14.8845 23.4288 15.9587 22.7682 16.5123 22.0434C17.0809 21.2989 16.6501 20.3193 15.9877 19.6569C14.6473 18.3165 12.474 18.3165 11.1336 19.6569L11.0082 19.7824C10.4612 19.8026 8.90539 19.3813 7.05787 17.5338C5.21035 15.6862 4.74847 14.0899 4.74847 13.5227Z" fill="%23117784"/><path d="M11.9805 8.47848C12.7098 8.55951 14.4479 9.00114 15.5662 10.1194C16.6844 11.2376 17.0045 12.8542 17.0247 13.5227M15 2C15 2 19 2.95366 21 5C23 7.04633 23.1274 9.64509 23 12M4.74847 13.5227L4.84914 13.422C6.20325 12.0679 6.20325 9.87248 4.84914 8.51838V8.51838C4.12986 7.79909 3.05305 7.35545 2.24615 7.97485C1.73336 8.36848 1.28414 8.99083 1.16283 9.93705C0.372771 17.2907 8.94186 23.4288 12.9529 23.4288C14.8845 23.4288 15.9587 22.7682 16.5123 22.0434C17.0809 21.2989 16.6501 20.3193 15.9877 19.6569V19.6569C14.6473 18.3165 12.474 18.3165 11.1336 19.6569L11.0082 19.7824C10.4612 19.8026 8.90539 19.3813 7.05787 17.5338C5.21035 15.6862 4.74847 14.0899 4.74847 13.5227Z" stroke="%23117784" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.btn-primary {
    color: #FFF;
    padding: 1rem 2rem;
    border: none;
    border-radius: 100px;
    text-transform: uppercase;
    background-color: var(--primary-color);
    max-width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    height: max-content;
}

.btn-secondary {
    color: #FFF;
    display: inline-block;
    line-height: 120%;
    max-width: max-content;
    border-radius: 100px;
    padding: 0.75rem 2rem;
    text-transform: uppercase;
    background-color: #0A3B42;
}

.header__bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

/*.header__nav {*/
/*}*/


ul {
    list-style-type: none;
}

ul li {
    position: relative;
    padding-left: 32px;
}

ul li:not(:first-child) {
    margin-top: 20px;
}

ul li::before {
    content: '';
    width: 24px;
    height: 8px;
    position: absolute;
    top: 7px;
    left: 0;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='3' stroke='%23117784' stroke-width='2'/%3E%3C/svg%3E");
}

.menu>ul {
    gap: 1.5rem;
    display: flex;
}

.menu__item {
    gap: 0.5rem;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.menu__link {
    color: #FFF;
    font-size: 0.875rem;
}

#menu-glavnoe-menyu>.menu__item>.menu__link {
    text-transform: uppercase;
}

.header__inner a {
    transition: color 0.25s ease;
}

.header__inner a:hover {
    color: var(--primary-color);
}

.menu__item--ctlg a {
    gap: 0.5rem;
    display: flex;
    align-items: center;
}

.menu__item--ctlg>a::before {
    content: '';
    width: 0.625rem;
    height: 0.625rem;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_23_213)"><path d="M9.48528 4.24264L0.999996 4.24264" stroke="%23AEBEC6" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.48528 6.24264L0.999996 6.24264" stroke="%23AEBEC6" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.48528 8.24264L0.999996 8.24264" stroke="%23AEBEC6" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.48528 2.24264L0.999996 2.24264" stroke="%23AEBEC6" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_23_213"><rect width="10" height="10" fill="white"/></clipPath></defs></svg>');
}

#menu-glavnoe-menyu .menu__item--has-children::after {
    content: '';
    width: 0.625rem;
    height: 0.625rem;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    transition: transform 0.25s ease, filter 0.25s ease;
    background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_23_189)"><path d="M9.48529 3.24264L5.24265 7.48528L1 3.24264" stroke="%23AEBEC6" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_23_189"><rect width="10" height="10" fill="white"/></clipPath></defs></svg>');
}

.menu__item--has-children:has(.menu__submenu.active)>.menu__link {
    color: var(--primary-color);
}

.menu__item--has-children:has(.menu__submenu.active)::after {
    transform: rotate(180deg);
    filter: brightness(0) saturate(100%) invert(37%) sepia(60%) saturate(582%) hue-rotate(139deg) brightness(91%) contrast(95%);
}

.menu__submenu {
    opacity: 0;
    /* gap: 0.625rem; */
    display: flex;
    pointer-events: none;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    width: max-content;
    /*background-color: rgba(23, 39, 49, 0.75);*/

    backdrop-filter: blur(10px);
    background-color: rgba(15, 15, 15, 0.8);
    will-change: transform;
    border-radius: 14px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 20px 0px;

    padding: 1rem 0.875rem;
    transition: all 0.25s ease;
}

.menu__submenu:has(.menu__section) {
    padding: 0;
    background-color: #0C1C25;
}

.menu__submenu.active {
    top: 150%;
    opacity: 1;
    pointer-events: all;
}

.menu__section.menu__item--has-children {
    display: flex;
    flex-direction: column;
}

.menu__submenu>.menu__section.menu__item--has-children::after {
    display: none !important;
}

.menu__submenu>.menu__section.menu__item--has-children>a {
    font-size: 1.25rem;
    text-transform: uppercase;
    padding: 2rem 2rem 1.25rem 4rem;
}

.menu__submenu>.menu__section.menu__item--has-children>a img {
    display: none;
}

.hero {
    margin-top: -8px;
    padding: clamp(3rem, 1.3333rem + 5.3333vw, 4rem) 0;
    background-size: cover;
    position: relative;
    overflow-x: hidden;
    background: linear-gradient(180deg, rgba(0, 16, 26, 0) 0%, #00101A 70%), url('./assets/images/hero_bg.png');
    background-size: cover;
}

.hero__video-wrapper {
    margin-left: auto;
    width: 820px;
    height: 547px;
    border-radius: 40px;
    position: relative;
    overflow: hidden;
}

.hero__video-wrapper::before {
    content: '';
    display: inline-block;
    inset: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00101A80;
}

.hero__inner {
    display: flex;
    align-items: center;
    position: relative;
}

.hero h1 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    text-transform: uppercase;
    color: #FFF;
    font-weight: 600;
    font-size: clamp(2rem, 0.3333rem + 5.3333vw, 5rem);
    line-height: 120%;
    z-index: 2;
}

.hero__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.info-section {
    background-color: #00101A;
    border-top: 1px solid #172731;
    border-bottom: 1px solid #172731;
}

.info-cards {
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.info-cards--three {
    grid-template-columns: repeat(3, 1fr);
}

.info-card {
    height: 18.4375rem;
    padding: 1rem;
    display: flex;
    position: relative;
    border-radius: 10px;
    flex-direction: column;
    transition: all 0.25s ease;
    background-blend-mode: darken;
    background: linear-gradient(0deg, #172731, #172731),
        linear-gradient(180deg, #00101A 0%, rgba(0, 16, 26, 0) 100%);
}

@media (max-width: 500px) {
    .info-card {
        padding: 1rem 0.625rem;
    }
}

.info-card:hover {
    background-color: #0b1419;
}

.info-card__link {
    z-index: 3;
    opacity: 0;
    position: absolute;
    inset: 0;
}

.info-card__content {
    z-index: 2;
    gap: 0.35rem;
    display: flex;
    flex-direction: column;
}

.info-card__title {
    color: #E7F8FF;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 120%;
    text-transform: uppercase;
    transition: color 0.25s ease;
}

.info-card:hover .info-card__title {
    color: var(--primary-color);
}

.info-card__icon {
    margin-top: auto;
    transition: filter 0.25s ease;
}

.info-card:hover .info-card__icon {
    filter: brightness(0) invert(1);
}

.info-card:hover .desc {
    color: #E7F8FF;
}

.info-card__icon--arrow {
    z-index: 2;
}

.info-card--gost::after {
    content: '';
    display: inline-block;
    left: 1rem;
    bottom: 1rem;
    width: 8rem;
    height: 8rem;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M65.6201 28.582C91.5439 28.582 110.177 36.5487 115.848 40.7344V59.9375C110.774 57.5337 104.637 56.127 98.0254 56.127C80.5761 56.127 66.4308 60.5825 66.4307 78C66.4308 91.772 80.5761 99.874 98.0254 99.874C104.637 99.874 110.774 98.4655 115.848 96.0615V115.266C113.282 119.181 85.4681 127.418 65.6201 127.418C33.3485 127.418 -3.09038e-06 114.455 0 77.1895C0.000289739 44.7847 33.2152 28.5821 65.6201 28.582ZM46.6592 49.0225C42.8747 47.2605 38.6013 46.77 34.5029 47.627C30.4049 48.484 26.7095 50.6402 23.9912 53.7617C21.6011 56.5065 20.0842 59.8631 19.6064 63.418H19.4434V97.4434C19.4435 102.812 23.7961 107.165 29.165 107.165H30.7852V65.4609L30.7871 65.4619C30.8741 63.8044 31.5182 62.2202 32.6182 60.957C33.7182 59.6941 35.2138 58.8213 36.8721 58.4746C38.5303 58.128 40.2589 58.3272 41.79 59.04C43.3213 59.753 44.5704 60.94 45.3418 62.418C46.1132 63.896 46.3639 65.5826 46.0566 67.2148C45.7493 68.8469 44.9005 70.3345 43.6416 71.4463C42.3827 72.5579 40.784 73.2323 39.0938 73.3643C37.6137 73.4798 36.1351 73.1738 34.835 72.4902V84.1328C36.5225 84.4554 38.2577 84.5574 39.9941 84.4219C44.1716 84.0958 48.1229 82.4302 51.2344 79.6826C54.3459 76.9349 56.4446 73.2584 57.2041 69.2246C57.9634 65.191 57.3418 61.0246 55.4355 57.3721C53.5291 53.7194 50.4436 50.7845 46.6592 49.0225Z" fill="%230C1C25"/><path d="M100.456 77.1899V67.4684H128V77.1899H121.833V88.5317H107.856V77.1899H100.456Z" fill="%230C1C25"/></svg>');
}

.info-card--guarantee::after {
    content: '';
    display: inline-block;
    left: 1.375rem;
    bottom: 1.4375rem;
    width: 8rem;
    height: 8rem;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116.716 61.4902C116.716 102.651 81.7873 121.725 64.3232 126.117C46.8591 121.725 11.9317 102.651 11.9316 61.4902V0C16.8906 3.13726 29.3953 9.41196 39.7441 9.41211C50.0931 9.41211 60.4422 3.13729 64.3232 0C68.2041 3.13723 78.5533 9.41203 88.9023 9.41211C99.2514 9.41211 111.757 3.13727 116.716 0V61.4902ZM64.709 24.0264C59.0215 24.0264 50.2722 26.0137 42.8545 31.7676C35.2503 37.6663 29.2949 47.3438 29.2949 62.0557C29.295 76.6798 34.8735 86.3714 42.3564 92.3145C49.6685 98.1215 58.4542 100.085 64.709 100.085V100.084C70.8367 100.188 79.8763 98.4408 87.502 92.7598C95.3604 86.9052 101.354 77.1315 101.354 62.0557C101.354 47.7662 95.9409 38.0712 88.376 32.041C80.9698 26.1375 71.8644 24.0265 64.709 24.0264ZM64.709 32.0264C70.4884 32.0265 77.7061 33.7675 83.3887 38.2969C88.9126 42.7002 93.3545 50.0211 93.3545 62.0557C93.3544 74.7162 88.4664 82.0645 82.7227 86.3438C76.779 90.7718 69.5402 92.1793 64.7871 92.0859L64.748 92.085H64.709C59.8767 92.085 52.955 90.5154 47.332 86.0498C41.8801 81.7199 37.295 74.3975 37.2949 62.0557C37.2949 49.8011 42.1189 42.4631 47.7578 38.0889C53.5831 33.5702 60.5412 32.0264 64.709 32.0264ZM84.2393 51.5957C82.7174 49.9945 80.1853 49.9295 78.584 51.4512L60.5273 68.6123L52.1963 59.9287C50.667 58.3346 48.1352 58.2823 46.541 59.8115C44.9469 61.3409 44.8945 63.8726 46.4238 65.4668L57.5107 77.0234L60.2666 79.8965L63.1523 77.1543L84.0957 57.25C85.6964 55.7283 85.7604 53.1969 84.2393 51.5957Z" fill="%230C1C25"/></svg>');
}

.info-card--price::after {
    content: '';
    display: inline-block;
    left: 1.375rem;
    bottom: 1.4375rem;
    width: 8rem;
    height: 8rem;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M64 0C99.3462 0 128 28.6538 128 64C128 99.3462 99.3462 128 64 128C28.6538 128 0 99.3462 0 64C0 28.6538 28.6538 0 64 0ZM64 8.78418C33.5053 8.78425 8.78425 33.5053 8.78418 64L8.78906 64.7139C9.16834 94.642 33.358 118.832 63.2861 119.211L64 119.216C94.2564 119.216 118.829 94.8795 119.211 64.7139L119.216 64C119.216 33.7436 94.8795 9.17135 64.7139 8.78906L64 8.78418ZM64 17.7842C89.5241 17.7843 110.216 38.4759 110.216 64C110.216 89.5241 89.5241 110.216 64 110.216C38.4759 110.216 17.7843 89.5241 17.7842 64C17.7843 38.4759 38.4759 17.7843 64 17.7842ZM50.7158 35.6572V57.6182H46.4316C43.9464 57.6182 41.9316 59.6329 41.9316 62.1182C41.9319 64.6032 43.9465 66.6182 46.4316 66.6182H50.7158V72.0498H46.4316C43.9464 72.0498 41.9316 74.0645 41.9316 76.5498C41.9321 79.0347 43.9466 81.0498 46.4316 81.0498H50.7158V86.5889C50.7162 89.0738 52.7308 91.0888 55.2158 91.0889C57.7008 91.0887 59.7155 89.0738 59.7158 86.5889V81.0498H65.2549C67.7398 81.0497 69.7545 79.0346 69.7549 76.5498C69.7549 74.0646 67.74 72.0499 65.2549 72.0498H59.7158V66.6182H74.9307L75.1924 66.5869C77.636 66.2994 81.1377 65.2312 84.1348 62.8477C87.2908 60.3376 89.8338 56.3798 89.834 50.8242C89.834 45.2459 87.2645 41.3365 84.002 38.9336C80.9357 36.6755 77.3805 35.8092 74.9316 35.665L74.7988 35.6572H50.7158ZM74.5039 44.6572C75.6154 44.743 77.3286 45.1964 78.665 46.1807C79.8466 47.051 80.834 48.3716 80.834 50.8242C80.8338 53.2992 79.8203 54.7793 78.5322 55.8037C77.1777 56.8809 75.486 57.4433 74.3633 57.6182H59.7158V44.6572H74.5039Z" fill="%230C1C25"/></svg>');
}

.info-card--shipment::after {
    content: '';
    display: inline-block;
    left: 1.375rem;
    bottom: 1.4375rem;
    width: 8rem;
    height: 8rem;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M64 0C99.3462 0 128 28.6538 128 64C128 99.3462 99.3462 128 64 128C28.6538 128 0 99.3462 0 64C0 28.6538 28.6538 0 64 0ZM63.4951 8.5C62.8998 8.5 62.3316 8.6162 61.8115 8.82617C32.872 9.95421 9.64973 33.3561 8.80762 62.3682C8.6094 62.8755 8.50002 63.4274 8.5 64.0049C8.5 64.5839 8.61038 65.1371 8.80957 65.6455C9.67297 95.1424 33.6692 118.836 63.2861 119.211L64 119.216C94.2564 119.216 118.829 94.8795 119.211 64.7139L119.216 64C119.216 33.873 95.0873 9.38225 65.1006 8.7959C64.6018 8.60531 64.0608 8.50002 63.4951 8.5ZM67.9951 17.957C90.165 19.8555 107.865 37.403 109.998 59.5049H99.5C97.0148 59.5049 95.0001 61.5197 95 64.0049C95 66.4902 97.0147 68.5049 99.5 68.5049H109.997C107.859 90.6022 90.1617 108.144 67.9951 110.042V99.5C67.9951 97.0148 65.9803 95.0001 63.4951 95C61.0098 95 58.9951 97.0147 58.9951 99.5V109.945C37.3028 107.609 20.1081 90.2656 18.0029 68.5049H27.5C29.9853 68.5049 32 66.4902 32 64.0049C31.9999 61.5197 29.9852 59.5049 27.5 59.5049H18.002C20.103 37.7395 37.2995 20.3902 58.9951 18.0537V27.5C58.9951 29.9853 61.0098 32 63.4951 32C65.9803 31.9999 67.9951 29.9852 67.9951 27.5V17.957ZM63.29 39.5C60.8048 39.5 58.79 41.5147 58.79 44L58.7891 68.3291L58.79 70.2998L73.1289 83.542C74.9547 85.2281 77.8022 85.1149 79.4883 83.2891C81.1743 81.4632 81.0611 78.6158 79.2354 76.9297L67.7891 66.3604V44C67.7891 41.5148 65.7752 39.5002 63.29 39.5Z" fill="%230C1C25"/></svg>');
}

.info-card--abc::after {
    content: '';
    display: inline-block;
    left: 1.375rem;
    bottom: 1.4375rem;
    width: 8rem;
    height: 8rem;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='128' height='128' viewBox='0 0 128 128' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M90.5176 14.0205C91.5304 14.1472 92.9808 14.5772 94.2432 15.5303C95.5886 16.5463 96.7559 18.2064 96.7559 20.5518V98.5693C96.8534 99.8936 96.5639 101.744 95.3438 103.341C93.984 105.121 91.7533 106.221 88.6934 106.221H13.042L12.9824 106.218C11.8734 106.165 9.80728 106.672 8.03125 108.049C6.35751 109.347 5.03906 111.335 5.03906 114.284C5.03915 118.168 6.45869 120.063 7.9502 121.126C9.56948 122.279 11.6178 122.688 13.2373 122.851H90.2051C91.0399 122.85 91.7168 122.174 91.7168 121.339V112.772C91.7168 111.381 92.8447 110.252 94.2363 110.252C95.6279 110.252 96.7559 111.381 96.7559 112.772V121.339C96.7559 124.957 93.823 127.889 90.2051 127.89H12.9824L12.8633 127.878C10.9709 127.698 7.78137 127.193 5.02637 125.23C2.1087 123.152 9.03755e-05 119.672 0 114.284V29.0684L0.00195312 29.0186C0.102952 26.4936 1.01709 22.8028 3.47656 19.6846C6.02186 16.4578 10.1089 14 16.126 14H90.3613L90.5176 14.0205ZM23.3379 42.9062L10.0791 77.4961H16.6611L19.4473 69.9004H33.998L36.7842 77.4961H43.6016L30.3428 42.9062H23.3379ZM73.042 42.9062C70.6286 42.9063 68.5123 43.3578 66.6943 44.2607C64.908 45.1315 63.4972 46.3574 62.4629 47.9375C61.4601 49.5176 60.9591 51.3561 60.959 53.4521C60.959 55.5483 61.4601 57.4031 62.4629 59.0156C63.4972 60.5959 64.9078 61.8382 66.6943 62.7412C67.2104 62.9884 67.7514 63.199 68.3154 63.376L58.4668 77.4961H65.9893L74.9785 64.0469H80.3301V77.4961H86.6768V42.9062H73.042ZM44.79 60.8545V66.2236H57.9541V60.8545H44.79ZM31.9756 64.3857H21.4697L26.7227 50.0654L31.9756 64.3857ZM80.3301 48.4209V58.5322H73.042C71.2868 58.5322 69.9073 58.0807 68.9043 57.1777C67.9014 56.2747 67.4004 55.0324 67.4004 53.4521C67.4005 51.9043 67.9014 50.6783 68.9043 49.7754C69.9073 48.8725 71.2869 48.4209 73.042 48.4209H80.3301Z' fill='%230C1C25'/%3E%3C/svg%3E");
}

.info-card--news::after {
    content: '';
    display: inline-block;
    left: 1.375rem;
    bottom: 1.4375rem;
    width: 8rem;
    height: 8rem;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='128' height='128' viewBox='0 0 128 128' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75.8051 21C78.0314 21.0002 79.8366 22.8051 79.8366 25.0315V60.4468H94.7402C96.9667 60.4468 98.7717 62.2518 98.7717 64.4783V107.677C98.7717 118.81 89.7468 127.835 78.6142 127.835H20.1575C9.02481 127.835 0 118.81 0 107.677V25.0315C0 22.805 1.80496 21 4.0315 21H75.8051ZM15.622 106.669C14.2305 106.669 13.1024 107.797 13.1024 109.189C13.1024 110.581 14.2305 111.709 15.622 111.709H64C65.3916 111.709 66.5197 110.581 66.5197 109.189C66.5197 107.797 65.3916 106.669 64 106.669H15.622ZM15.622 90.5433C14.2305 90.5433 13.1024 91.6714 13.1024 93.063C13.1024 94.4546 14.2305 95.5827 15.622 95.5827H64C65.3916 95.5827 66.5197 94.4546 66.5197 93.063C66.5197 91.6714 65.3916 90.5433 64 90.5433H15.622ZM15.622 74.4173C14.2305 74.4173 13.1024 75.5454 13.1024 76.937C13.1024 78.3286 14.2305 79.4567 15.622 79.4567H64C65.3916 79.4567 66.5197 78.3286 66.5197 76.937C66.5197 75.5454 65.3916 74.4173 64 74.4173H15.622ZM15.622 58.2913C14.2305 58.2913 13.1024 59.4194 13.1024 60.811C13.1024 62.2026 14.2305 63.3307 15.622 63.3307H64C65.3916 63.3307 66.5197 62.2026 66.5197 60.811C66.5197 59.4194 65.3916 58.2913 64 58.2913H15.622ZM15.622 42.1654C14.2305 42.1654 13.1024 43.2935 13.1024 44.685C13.1024 46.0766 14.2305 47.2047 15.622 47.2047H33.7638C35.1554 47.2047 36.2835 46.0766 36.2835 44.685C36.2835 43.2935 35.1554 42.1654 33.7638 42.1654H15.622Z' fill='%230C1C25'/%3E%3C/svg%3E");
}

.info-card--lg .info-card__title {
    font-size: 2rem;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1.5rem;
}

.info-card--lg .info-card__title::after {
    content: '';
    width: 1.5rem;
    height: 1rem;
    transition: filter 0.25s;
    background-size: cover;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='16' viewBox='0 0 25 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.3534 9.56864C24.5512 9.37597 24.5554 9.05941 24.3627 8.86159L21.2229 5.638C21.0302 5.44019 20.7136 5.43602 20.5158 5.62869C20.318 5.82137 20.3138 6.13792 20.5065 6.33574L23.2975 9.20116L20.4321 11.9921C20.2342 12.1848 20.2301 12.5013 20.4227 12.6991C20.6154 12.897 20.932 12.9011 21.1298 12.7085L24.3534 9.56864ZM0.0065918 8.89453L9.87574e-06 9.39449L23.9979 9.71042L24.0045 9.21046L24.0111 8.71051L0.0131737 8.39457L0.0065918 8.89453Z' fill='%233A4A53'/%3E%3C/svg%3E");
}

.info-card--lg:hover .info-card__title::after {
    filter: brightness(0) invert(1);
}

.info-card--lg {
    font-size: .75rem;
}

.factory-info {
    background-blend-mode: darken;
    background: linear-gradient(180deg, #00101AE3 100%, rgba(0, 16, 26, 0) 70%, #00101A 100%), url("./assets/images/factory_bg.png");
    background-size: cover;
}

.factory-info__inner {
    gap: 126px;
    display: flex;
    align-items: center;
}

.factory-info__content {
    width: 610px;
    gap: 1.25rem;
    display: flex;
    flex-direction: column;
}

.factory-info__content .btn-secondary {
    margin-top: clamp(0.25rem, -2rem + 9vw, 2.5rem);
}

.cards-preview {
    background-color: #00101A;
    border-top: 1px solid #172731;
    border-bottom: 1px solid #172731;
}

.cards-preview__list {
    gap: 1.25rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1100px) {
    .cards-preview__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

.product-card {
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    justify-content: space-between;
    gap: 1.625rem;
    padding: 1rem;
    position: relative;
    border-radius: 10px;
    transition: color 0.25s ease, background-color 0.25s ease;
    background-blend-mode: darken;
    background: linear-gradient(0deg, #172731, #172731),
        linear-gradient(180deg, #00101A 0%, rgba(0, 16, 26, 0) 100%);
}

.product-card:hover {
    background-color: #0b1419;
}

.product-card__image {
    width: 13.75rem;
    height: 13.75rem;
    margin: 0 auto;
}

.card-preview__list .product-card__name {
    color: #E7F8FF;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 120%;
    text-transform: uppercase;
}

.product-card__name {
    gap: 0.625rem;
    display: grid;
    grid-template-columns: 1fr 1.5rem;
    font-size: 1.25rem;
    line-height: 120%;
    text-transform: uppercase;
    color: #E7F8FF;
    transition: color 0.25s ease;
}

.product-card:hover .product-card__name {
    color: var(--primary-color);
}

.product-card::after {
    content: '';
    display: inline-block;
    width: 1.5rem;
    height: 1rem;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    transition: filter 0.25s ease;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="25" height="16" viewBox="0 0 25 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.3475 9.56888C24.5453 9.37621 24.5495 9.05965 24.3568 8.86184L21.217 5.63825C21.0243 5.44043 20.7078 5.43626 20.51 5.62894C20.3121 5.82161 20.308 6.13817 20.5007 6.33598L23.2916 9.2014L20.4262 11.9923C20.2284 12.185 20.2242 12.5016 20.4169 12.6994C20.6096 12.8972 20.9261 12.9014 21.1239 12.7087L24.3475 9.56888ZM0.000732422 8.89478L-0.0058495 9.39473L23.9921 9.71066L23.9987 9.21071L24.0052 8.71075L0.00731434 8.39482L0.000732422 8.89478Z" fill="%233A4A53"/></svg>');
}

.product-card:hover::after {
    filter: brightness(0) invert(1);
}

.cards-preview__inner .btn-primary {
    margin: 2rem auto 0 auto;
    max-width: 25rem;
}

.double-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.double-block .button {
    padding: 1.075rem 3rem;
}

.double-block__item {
    gap: 2rem;
    padding: 4rem;
    display: flex;
    flex-direction: column;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.double-block__item--highlighted {
    background: linear-gradient(90deg, var(--primary-color) 0%, #00101A 100%);
}

.double-block__item-content {
    display: flex;
    flex-direction: column;
}

.production {
    gap: 1.25rem;
    display: grid;
    grid-template-columns: 50% 50%;
}

.production-swiper-wrapper {
    gap: 2rem;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.production__content {
    gap: 1.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.production__content .btn-secondary {
    margin-top: 2rem;
}

.production__swiper {
    width: 100%;
    height: 477px;
    border-radius: 10px;
}

.production__swiper img {
    width: 100%;
}

.block-stats {
    position: relative;
    border-top: 1px solid #172731;
    border-bottom: 1px solid #172731;
    background: linear-gradient(180deg, #00101A 0%, rgba(0, 16, 26, 0.84) 45.67%, #00101A 100%), url("./assets/images/stats_bg.png") no-repeat;
    background-size: 100% 100%;
}

.block-stats__inner {
    position: relative;
}

.stats-col {
    width: 31.5%;
    margin-left: auto;
    display: flex;
    flex-direction: column;
}

.stats-col__item {
    position: relative;
    padding-top: 54px;
    padding-bottom: 54px;
}

.stats-col__item::after {
    content: '';
    display: inline-block;
    width: 100vw;
    height: 1px;
    background-color: #172731;
    position: absolute;
    right: 0;
    bottom: 0;
}

.stats-col__item-title {
    color: #E7F8FF;
    font-size: clamp(1.75rem, 1.0556rem + 2.2222vw, 3rem);
    font-weight: 600;
    text-transform: uppercase;
}

.stats-col__item-desc {
    color: #74848C;
    font-weight: 600;
    font-size: 1.25rem;
    text-transform: uppercase;
}

.stats-col .stats-col__item:first-child {
    padding-top: 90px;
}

.stats-col .stats-col__item:last-child {
    padding-bottom: 90px;
}

.block-stats__image-wrapper {
    position: absolute;
    left: 0;
    z-index: 2;
    width: 60%;
    height: 100%;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    background: linear-gradient(270deg, rgba(0, 16, 26, 0) 0%, #00101A 100%), url("./assets/images/stats_image.jpg") no-repeat;
    background-size: cover;
    background-position-y: -200px;
}

@media (max-width: 900px) {
    .block-stats__image-wrapper {
        background-image: unset;
    }

    .stats-col .stats-col__item:first-child {
        padding-top: 54px;
    }

    .stats-col .stats-col__item:last-child {
        padding-bottom: 54px;
    }
}

.double-swiper .swiper-slide {
    gap: 1.25rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.double-swiper__header {
    gap: 0.425rem;
    display: flex;
    flex-direction: column;
}

.double-swiper__content {
    gap: 0.425rem;
    display: flex;
    flex-direction: column;
    padding: 2.25rem 4rem;
    border-radius: 10px;
    justify-content: center;
    background-color: #172731;
}

.double-swiper__image {
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
    height: 337px;
}

@media (max-width: 1100px) {
    .double-swiper__image {
        height: 100%;
    }
}

.projects .h2 {
    max-width: 400px;
    margin-bottom: clamp(2rem, -1.3333rem + 10.6667vw, 3.5rem);
}

.projects .button {
    margin-top: 2rem;
}

.double-swiper .swiper-wrapper {
    max-width: 1030px;
}

.double-swiper {
    max-width: 1030px !important;
}

.double-swiper-wrapper {
    position: relative;
}

.projects .btn--secondary {
    display: inline-block;
    margin-top: 2rem;
}

.clients {
    gap: 2rem;
    display: grid;
    align-items: center;
    grid-template-columns: 1.25fr 1fr;
}

.clients__content {
    gap: 1rem;
    display: flex;
    flex-direction: column;
}

@media (min-width: 900px) {
    .clients__content .desc {
        max-width: 610px;
    }
}

.request-form-wrapper {
    gap: 0.325rem;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    border-radius: 10px;
    padding: 100px 100px 121px 100px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url('./assets/images/dark_green_bg.png');
}

@media (min-width: 800px) {
    .request-form-wrapper {
        gap: 1rem;
    }
}

.request-form-wrapper>.h2,
.request-form-wrapper>.desc {
    max-width: 512px;
}

.request-form>.button {
    max-width: 30%;
}

.request-form {
    margin-top: 2.375rem;
    gap: 2.375rem;
    display: flex;
    flex-direction: column;
}

.request-form__inner {
    gap: 20px;
    display: grid;
    grid-template-columns: 30% 40% 30%;
}

#work-form .request-form__inner {
    grid-template-columns: 30% 30% 40%;
}

.request-form__col {
    gap: 1.25rem;
    display: flex;
    flex-direction: column;
}

.label-wrapper {
    gap: 0.425rem;
    display: flex;
    flex-direction: column;
}

.request-form__col .label-wrapper {
    height: 100%;
}

.request-form__col textarea {
    resize: none;
    height: 100%;
}

.request-form__col .label-wrapper__notation {
    color: #3A4A53;
    max-width: 267px;
}

.label-wrapper label {
    color: #E7F8FF;
}

.input--std {
    padding: 0.8rem 1rem;
    color: #E7F8FF;
    border: none;
    border-radius: 4px;
    outline: none;
    font-size: 1rem;
    background-color: #0C1C25;
}

.input--std::placeholder {
    line-height: 150%;
    color: #AEBEC6;
}

.label-wrapper__notation {
    color: #3A4A53;
    font-weight: 400;
    font-size: 0.75rem;
}

.swiper-button-prev svg,
.swiper-button-next svg {
    display: none;
}

.swiper-button-prev::before {
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.33285 11.642C9.13631 11.836 9.13422 12.1526 9.32819 12.3491L12.4892 15.552C12.6831 15.7485 12.9997 15.7506 13.1962 15.5567C13.3928 15.3627 13.3949 15.0461 13.2009 14.8496L10.3912 12.0026L13.2381 9.19283C13.4347 8.99886 13.4368 8.68228 13.2428 8.48574C13.0488 8.2892 12.7323 8.28711 12.5357 8.48108L9.33285 11.642ZM10 12L10.0033 11.5L9.68736 11.4979L9.68407 11.9979L9.68078 12.4979L9.99671 12.5L10 12Z" fill="%23E7F8FF"/><circle cx="12" cy="12" r="9.5" transform="rotate(90 12 12)" stroke="%23E7F8FF" stroke-linecap="round"/></svg>');
}

.swiper-button-next::before {
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.6672 12.358C14.8637 12.164 14.8658 11.8474 14.6718 11.6509L11.5108 8.448C11.3169 8.25146 11.0003 8.24937 10.8038 8.44335C10.6072 8.63732 10.6051 8.95389 10.7991 9.15044L13.6088 11.9974L10.7619 14.8072C10.5653 15.0011 10.5632 15.3177 10.7572 15.5143C10.9512 15.7108 11.2677 15.7129 11.4643 15.5189L14.6672 12.358ZM14 12L13.9967 12.5L14.3126 12.5021L14.3159 12.0021L14.3192 11.5021L14.0033 11.5L14 12Z" fill="%23E7F8FF"/><circle cx="12" cy="12" r="9.5" transform="rotate(-90 12 12)" stroke="%23E7F8FF" stroke-linecap="round"/></svg>');
}

.swiper-button-next,
.swiper-button-prev {
    transition: opacity 0.25s ease;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 0.5;
}

.double-swiper__pagination {
    position: relative !important;
    margin-top: 32px;
}

.double-swiper__pagination .swiper-pagination-bullet {
    width: 95px;
    height: 4px;
    transition: all 0.25s ease;
    border-radius: 100px;
    background-color: #172731;
}

.swiper-pagination-bullet-active {
    background-color: var(--primary-color) !important;
}

.production__pagination {
    width: 100%;
    display: flex;
    position: relative !important;
}

.production__pagination .swiper-pagination-bullet {
    height: 4px;
    flex: 1 0 auto;
    width: 0;
    transition: all 0.25s ease;
    border-radius: 100px;
    background-color: #172731;
}

.button {
    align-items: center;
    border: none;
    color: #FFF;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    line-height: 1.04545;
    overflow: hidden;
    padding: 0.82rem 2rem;
    position: relative;
    text-decoration: none;
    word-break: break-word;
}

@media (hover: hover) {
    .button.btn-primary:hover {
        color: #FFF;
        text-decoration: none;
    }
}

.button--stroke:after {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.button--stroke:after {
    /*border: 0.125rem solid #172731;*/
    border-radius: 6.25rem;
    content: "";
    pointer-events: none;
}

.button__label {
    position: relative;
    text-align: center;
    transition: color 50ms var(--ease-in-out-quart);
}

.button--stroke:hover .button__label {
    transition: color 0.15s var(--ease-in-out-quart);
}

.button__flair {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}

.button--stroke .button__flair {
    transform: scale(0);
    transform-origin: 0 0;
    will-change: transform;
}

.btn-primary .button__flair:before {
    aspect-ratio: 1/1;
    background-color: #172731;
    border-radius: 50%;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
    width: 170%;
}

.btn-secondary .button__flair:before {
    aspect-ratio: 1/1;
    background-color: var(--primary-color);
    border-radius: 50%;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
    width: 170%;
}

.menuToggle {
    position: relative;
    z-index: 1000;
    width: 50px;
    height: max-content;
    background: none;
    border: 0;
    outline: none;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
}

.menuToggle:focus {
    outline: none;
}

.menuToggle svg {
    width: 50px;
    height: max-content;
    stroke: #FFF;
    stroke-width: 3px;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    display: block;
    position: relative;
}

.menuToggle svg path {
    transition: stroke-dasharray var(--duration, .85s) var(--easing, ease) var(--delay, 0s), stroke-dashoffset var(--duration, .85s) var(--easing, ease) var(--delay, 0s);
    stroke-dasharray: var(--array-1, 26px) var(--array-2, 100px);
    stroke-dashoffset: var(--offset, 126px);
    transform: translateZ(0);
}

.menuToggle svg path:nth-child(2) {
    --duration: .7s;
    --easing: ease-in;
    --offset: 100px;
    --array-2: 74px;
}

.menuToggle svg path:nth-child(3) {
    --offset: 133px;
    --array-2: 107px;
}

.menuToggle.active {
    background-color: #117784;
    transition: backgorund-color 0.75s;
}

.menuToggle.active svg {
    stroke: #FFF;
}

.menuToggle.active svg path {
    --offset: 57px;
}

.menuToggle.active svg path:nth-child(1),
.menuToggle.active svg path:nth-child(3) {
    --delay: .15s;
    --easing: cubic-bezier(.2, .4, .2, 1.1);
}

.menuToggle.active svg path:nth-child(2) {
    --duration: .4s;
    --offset: 2px;
    --array-1: 1px;
}

.menuToggle.active svg path:nth-child(3) {
    --offset: 58px;
}

.mobile-header {
    display: none;
    z-index: 1;
    position: relative;
    padding-bottom: 0.5rem;
}

@media (max-width: 1210px) {
    .header__inner {
        display: none;
    }

    .mobile-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

.mobile-menu {
    top: 0;
    left: 0;
    transform: translateX(200vw);
    opacity: 0;
    width: 100vw;
    position: fixed;
    pointer-events: none;
    height: 100vh;
    padding-bottom: 4rem;
    transition: all 0.25s ease;
    overflow: hidden;
    overflow-y: auto;
    padding-bottom: 4rem;
    background: linear-gradient(0deg, #172731 0%, #00101A 49.64%);
}

.mobile-menu.active {
    opacity: 1;
    pointer-events: all;
    transform: translateX(0);
}

.mobile-menu__links>ul {
    padding: 1.25rem;
    gap: 0;
    margin-top: 2.5rem;
    display: flex;
    flex-direction: column;
}

.mobile-menu__links a,
.mobile-menu__links button {
    transition: color 0.25s ease;
}

.mobile-menu__links a:hover,
.mobile-menu__links button:hover {
    color: var(--primary-color);
}

.mobile-menu__item {
    position: relative;
}

.mobile-menu__item.active {
    padding-bottom: 1rem;
}

.mobile-menu__item>.mobile-menu__link {
    border-bottom: 1px solid rgba(12, 28, 37, 1);
}

.mobile-menu__item-button,
.mobile-menu__link,
.mobile-menu__section-button {
    cursor: pointer;
    color: #fff;
    border: none;
    font-size: 0.875rem;
    width: 100%;
    gap: 0.5rem;
    display: flex;
    align-items: center;
    background-color: transparent;
    text-transform: uppercase;
    padding: 0.75rem 0.625rem;
}

.mobile-menu__section-button {
    border-bottom: 1px solid #0c1c25;
}

.mobile-menu__submenu {
    gap: 0.625rem;
    margin-top: 0.625rem;
    display: none;
    flex-direction: column;
    max-height: 0;
    list-style-type: none;
    overflow: hidden;
    transition: max-height 0.25s ease;
    padding: 0 1.625rem;
}

.mobile-menu__submenu.active {
    display: flex;
}

.mobile-menu__submenu li a {
    color: #fff;
    font-size: 1.25rem;
}

.mobile-menu__item-button>span {
    text-transform: uppercase;
}

.mobile-menu__item-button svg,
.mobile-menu__item-button svg path,
.mobile-menu__section-button svg,
.mobile-menu__section-button svg path {
    transition: transform 0.25s ease;
}

.mobile-menu__item .mobile-menu__item-button svg,
.mobile-menu__section-button svg {
    transform: translateX(-10px);
}

.mobile-menu__item .arrow__tail {
    transform: scaleX(0);
}

.mobile-menu__item.active .arrow__tail,
.mobile-menu__section.active .arrow__tail {
    transform: scaleX(1);
    transition: transform 0.1s ease;
}

.mobile-menu__item.active .mobile-menu__item-button svg,
.mobile-menu__section.active .mobile-menu__section-button svg {
    transform: translateX(0);
}

.mobile-menu__item-button[data-catalog="true"] svg {
    transform: translateX(-10px) !important;
}

.mobile-menu__item-button[data-catalog="true"] .arrow__tail {
    transform: scaleX(0);
}

.mobile-menu__item:has(.mobile-menu__catalog-panel.active) .mobile-menu__item-button[data-catalog="true"] svg {
    transform: translateX(0) !important;
}

.mobile-menu__item:has(.mobile-menu__catalog-panel.active) .mobile-menu__item-button[data-catalog="true"] .arrow__tail {
    transform: scaleX(1);
    transition: transform 0.1s ease;
}


.mobile-menu__catalog-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: max-content;
    overflow-y: auto;
    transform: translateX(150%);
    transition: transform 0.3s ease;
    padding: 0;
    box-sizing: border-box;
    /* sit on top of the main menu list */
    z-index: 10;
}

.catalog-open .mobile-menu__catalog-panel {
    position: static;
}

.mobile-menu__catalog-panel.active {
    transform: translateX(0);
}

.mobile-menu__back-button {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.7rem 0;
    color: #3A4A53;
    font-size: 0.875rem;
    font-family: inherit;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    width: 100%;
    transition: color 0.25s ease;
    border-top: 1px solid #0C1C25;
    border-bottom: 1px solid #0C1C25;
    padding-inline: 0.625rem;
}

.mobile-menu__back-button:hover {
    color: var(--primary-color);
}

.mobile-menu__back-button svg {
    flex-shrink: 0;
}

.mobile-menu__catalog-panel .mobile-menu__section {
    overflow: hidden;
    margin-bottom: 0.25rem;
}

.mobile-menu__catalog-panel .mobile-menu__section-button,
.mobile-menu__catalog-panel .mobile-menu__section-link {
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    padding: 0.75rem 0.625rem;
    border-bottom: 1px solid #0c1c25;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: left;
    gap: 0.5rem;
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
    cursor: pointer;
    transition: color 0.25s ease;
}

.mobile-menu__catalog-panel .mobile-menu__section-button:hover,
.mobile-menu__catalog-panel .mobile-menu__section-link:hover {
    color: var(--primary-color);
}

.mobile-menu__catalog-panel .mobile-menu__section>.mobile-menu__section {
    padding-left: 0;
}

.mobile-menu__product {
    padding: 0.5rem 0;
}

.mobile-menu__catalog-panel .mobile-menu__section--has-children>.mobile-menu__section {
    display: none;
    max-height: 0;
    overflow: hidden;
    flex-direction: column;
    transition: max-height 0.25s ease;
}

.mobile-menu__catalog-panel .mobile-menu__section--has-children>.mobile-menu__section.active {
    gap: 0;
    display: flex;
}

.mobile-menu__product-link {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.8125rem;
    text-transform: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: color 0.25s ease;
}

.mobile-menu__product-link:hover {
    color: #fff;
}

.attached-file-name {
    color: #E7F8FF;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 1300px) {
    .hero h1 {
        left: 20px;
    }
}

@media (max-width: 1200px) {
    .info-cards {
        grid-template-columns: 1fr 1fr;
    }

    .block-stats__image-wrapper {
        background-position-y: 0;
    }

    .request-form-wrapper {
        padding: 80px 40px;
        border-radius: 0;
    }

    .block-std:has(.request-form-wrapper) {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 1100px) {
    .production {
        gap: 2rem;
        display: flex;
        flex-direction: column;
    }

    .production__swiper {
        height: max-content;
    }

    .production__content {
        gap: 1rem;
    }

    .production__content .btn-secondary {
        margin-top: 1rem;
    }

    .request-form__inner,
    #work-form .request-form__inner {
        grid-template-columns: 1fr;
    }

    .request-form>.button {
        max-width: 300px;
    }
}

@media (max-width: 1060px) {
    .factory-info__image {
        display: none;
    }

    .factory-info__content {
        width: 100%;
    }
}

@media (max-width: 1000px) {

    .request-form__inner,
    #work-form .request-form__inner {
        display: flex;
        flex-direction: column;
    }

    .product-card__image {
        width: 10rem;
        height: 10rem;
    }
}

@media (max-width: 1210px) {
    .header {
        padding: 0.75rem 1.25rem 0.625rem 1.25rem
    }

    .header__logo svg {
        width: 160px;
        height: 30px;
    }
}

@media (max-width: 900px) {
    .header__logo {
        display: flex;
        align-items: center;
    }

    .header__logo svg {
        width: 100px;
        height: 20px;
    }

    .menuToggle {
        width: 36px;
        height: 36px;
    }

    .menuToggle svg {
        width: 50px;
        height: 50px;
        position: absolute;
        left: 52%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .header {
        padding: 0;
        padding: 0.75rem 1.25rem 0.125rem 1.25rem
    }

    .hero__video-wrapper {
        border-radius: 20px;
        width: 100%;
        height: 360px;
    }

    .hero h1 {
        left: 50%;
        text-align: center;
        width: calc(100% - 40px);
        transform: translate(-50%, -50%);
    }

    .hero h1 br {
        display: none;
    }

    .block-stats__image {
        display: none;
    }

    .stats-col {
        width: calc(100% - 40px);
    }

    .double-swiper__content {
        padding: 2rem;
    }

    .clients {
        gap: 3rem;
        grid-template-columns: 1fr;
    }

    .clients__image {
        width: 100%;
    }
}

@media (max-width: 800px) {
    .double-block__item {
        padding: 2rem 1.25rem;
    }

    .double-block .double-block__item:last-child {
        padding-bottom: 0;
    }
}

@media (max-width: 700px) {
    .info-cards {
        grid-template-columns: 1fr;
    }

    .cards-preview__list {
        grid-template-columns: 1fr;
    }

    .double-swiper .swiper-slide {
        display: flex;
        flex-direction: column;
    }

    .product-card__image {
        width: 10rem;
        height: 10rem;
    }

    .double-swiper .swiper-slide .double-swiper__image {
        height: 250px;
    }

    .request-form-wrapper {
        padding: 40px 20px;
    }

    .projects .swiper-button-prev,
    .projects .swiper-button-next {
        top: 125px !important;
    }


    .projects .swiper-button-prev::before,
    .projects .swiper-button-next::before {
        width: 2.5rem !important;
        height: 2.5rem !important;
    }

    .double-swiper__pagination {
        display: flex;
    }

    .projects .swiper-pagination-bullet {
        width: auto;
        height: 4px;
        flex: 1 0 auto;
    }
}

@media (max-width: 640px) {
    .double-block {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 540px) {
    .request-form .btn-primary {
        max-width: 100%;
        text-align: center;
    }

    .stats-col__item {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .double-swiper__content {
        padding: 2rem 1.25rem;
    }
}

@media (max-width: 360px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.footer {
    padding-top: 2.8rem;
    padding-bottom: 2.8rem;
    background-color: #00101A
}

.footer__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer__links {
    gap: 0.5rem;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.footer__links a {
    color: var(--primary-color);
    font-size: 1rem;
    line-height: 150%;
    transition: opacity 0.25s ease;
}

.footer__links a:hover {
    opacity: 0.75;
}

.footer__text--sm {
    color: #3A4A53;
    font-size: 0.75rem;
    transition: color 0.25s ease;
}

a.footer__text--sm:hover {
    color: var(--primary-color);
}

@media (max-width: 960px) {
    .footer__inner {
        gap: 0.5rem;
        flex-direction: column;
    }

    .footer__inner .footer__links {
        order: 0;
        margin-bottom: 1.5rem;
    }

    .footer__inner .footer__text--sm:nth-of-type(1) {
        order: 1;
    }

    .footer__inner .footer__text--sm:nth-of-type(2) {
        order: 2;
    }
}

.request-form__status {
    color: #E7F8FF;
    font-size: 1.25rem;
    margin-top: -1rem;
    max-width: 400px;
}

.request-form-wrapper .wpcf7 {
    height: 0;
    visibility: hidden;
    overflow: hidden;
}

.request-form .btn-primary {
    font-size: 1rem;
    font-weight: 600;
    padding-block: 1.125rem;
}

.hero-block {
    gap: 1rem;
    display: flex;
    flex-direction: column;
}

.hero-block .button {
    margin-top: 0.5rem;
}

.catalog::after {
    content: '';
    width: 140%;
    height: 2647px;
    background-repeat: no-repeat;
    background-blend-mode: darken;
    background-image: url("./assets/images/catalog_bg.png"), linear-gradient(176.19deg, rgba(0, 16, 26, 0) 42.07%, #00101A 96.88%);
    background-size: 100% 2647px;
    display: inline-block;
    position: absolute;
    top: 0;
    z-index: -1;
    backdrop-filter: blur(0);
    filter: blur(1000px);
}

@media (max-width: 1000px) {
    .catalog::after {
        width: 160%;
    }
}

.catalog .block-std {
    background: unset;
}

.catalog .product-card {
    background: transparent;
    border: 1px solid #0A3B42;
}

.link--arrow {
    gap: 1rem;
    color: #E7F8FF;
    display: flex;
    align-items: center;
    transition: color 0.25s ease;
}

.link--arrow::after {
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    transition: filter 0.25s ease, transform 0.25s ease;
    background-image: url('data:image/svg+xml,<svg width="25" height="23" viewBox="0 0 25 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.3475 13.5689C24.5453 13.3762 24.5495 13.0597 24.3568 12.8618L21.217 9.63825C21.0243 9.44043 20.7078 9.43626 20.51 9.62894C20.3121 9.82161 20.308 10.1382 20.5007 10.336L23.2916 13.2014L20.4262 15.9923C20.2284 16.185 20.2242 16.5016 20.4169 16.6994C20.6096 16.8972 20.9261 16.9014 21.1239 16.7087L24.3475 13.5689ZM0.000732422 12.8948L-0.0058495 13.3947L23.9921 13.7107L23.9987 13.2107L24.0052 12.7108L0.00731434 12.3948L0.000732422 12.8948Z" fill="%233A4A53"/></svg>');
}

.link--arrow:hover {
    color: var(--primary-color);
}

.link--arrow:hover::after {
    filter: brightness(0) invert(1);
    transform: translateX(20px);
}

.products-grid {
    gap: 1.25rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

@media (min-width: 960px) {
    .category-hero .products-grid:not(:has(.product-card:nth-child(4))) {
        grid-template-columns: repeat(auto-fit, max(295px));
        justify-content: center;
    }
}

.product-card img {
    max-width: 220px;
    height: 190px;
    object-fit: contain;
}

.products-grid--transparent .product-card {
    background: transparent;
    border: 1px solid #0A3B42;
}

.catalog-items-block {
    gap: 1rem;
    display: flex;
    flex-direction: column;
}

#breadcrumbs {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    padding-top: 20px;
    padding-bottom: 20px;
}

body:has(.catalog) {
    overflow-x: hidden;
}

body:has(.catalog) #breadcrumbs {
    border: none;
}

#breadcrumbs>span {
    gap: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    padding-left: 20px;
    padding-right: 20px;
}

#breadcrumbs a {
    color: #E7F8FF;
    font-weight: 700;
    line-height: 130%;
    font-size: 0.75rem;
}

#breadcrumbs:has(+ .catalog) {
    padding-bottom: 0;
    background: transparent;
}

#breadcrumbs .breadcrumb_last {
    color: #3A4A53;
    font-weight: 400;
    line-height: 130%;
    font-size: 0.75rem;
}

#breadcrumbs a {
    transition: color 0.25s ease;
}

#breadcrumbs a:hover {
    color: var(--primary-color);
}

@media (max-width: 1160px) {
    .products-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 960px) {
    .products-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 580px) {
    .products-grid {
        grid-template-columns: 1fr;
    }
}

.product-hero {
    gap: 124px;
    display: grid;
    grid-template-columns: 630px 400px;
    justify-content: space-between;
}

.product-hero__content {
    gap: 1.5rem;
    display: flex;
    flex-direction: column;
}

.product-hero__content p {
    line-height: 150%;
    max-width: 610px;
}

.product-hero img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

@media (max-width: 1260px) {
    .product-hero {
        gap: 1.25rem;
        display: flex;
    }

    .product-hero>img {
        display: none;
    }
}

.price-card {
    gap: 1.75rem;
    display: flex;
    flex-direction: column;
    padding: 4rem;
    border-radius: 10px;
    background: linear-gradient(360deg, var(--primary-color) 0%, #00101A 100%);
}

.price-card__content {
    display: flex;
    flex-direction: column;
}

.triple-block {
    gap: 1.25rem;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
}

.triple-block .info-card {
    height: 100%;
    padding: 4rem 1rem 1rem 1rem;
}

@media (max-width: 1100px) {
    .triple-block {
        grid-template-columns: 1fr 1fr;
    }

    .triple-block .price-card {
        padding: 2rem;
        grid-row: 2;
        grid-column: span 2;
    }
}

@media (max-width: 600px) {
    .triple-block {
        grid-template-columns: 1fr;
    }

    .triple-block .price-card {
        grid-row: 3;
        grid-column: 1;
        padding: 3rem 1rem 1.5rem 1rem;
    }
}

.table-wrapper {
    overflow-x: auto;
}

.products-block {
    overflow: hidden;
}

.products-table {
    width: 100%;
    border-spacing: 0;
    white-space: nowrap;
}

.products-table thead th {
    color: #3A4A53;
    padding: 1.25rem 0;
    font-size: 0.75rem;
    font-weight: 400;
}

.products-table thead th:nth-child(1) {
    text-align: left;
}

.products-table thead th:nth-child(2) {
    opacity: 0;
    width: 160px;
    padding-right: 20px;
}

.products-table thead th:nth-child(3) {
    width: 120px;
}

.products-table tbody tr td:nth-child(2) {
    text-align: right;
    padding-right: 20px;
}

.counter {
    gap: 1.25rem;
    display: grid;
    grid-template-columns: 1rem 2rem 1rem;
    padding: 0.5rem 0.625rem;
    border-radius: 4px;
    border: 1px solid #3A4A53;
}

.counter__decrease-btn,
.counter__increase-btn {
    border: none;
    font-size: 0;
    position: relative;
    background-color: transparent;
}

.counter__increase-btn {
    cursor: pointer;
}

.product-row.active .counter__decrease-btn {
    cursor: pointer;
}

.counter__decrease-btn::after {
    content: '';
    transform: translateY(-50%);
    display: inline-block;
    position: absolute;
    top: 50% !important;
    inset: 0;
    width: 1rem;
    height: 1rem;
    transition: opacity 0.25s ease, filter 0.25s ease;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 8H2" stroke="%233A4A53" stroke-width="2"/></svg>');
}

.product-row.active .counter__decrease-btn:hover::after {
    opacity: 0.5;
}

.counter__increase-btn::after {
    content: '';
    transform: translateY(-50%);
    display: inline-block;
    position: absolute;
    top: 50% !important;
    inset: 0;
    width: 1rem;
    height: 1rem;
    transition: opacity 0.25s ease;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 2V8M8 14V8M8 8H14M8 8H2" stroke="%23117784" stroke-width="2"/></svg>');
}

.counter__increase-btn:hover::after {
    opacity: 0.5;
}

.counter__value {
    font-weight: 600;
    color: #E7F8FF;
    border: none;
    text-align: center;
    font-size: 1rem;
    outline: none;
    -moz-appearance: textfield;
    background-color: transparent;
}

.counter__value::-webkit-outer-spin-button,
.counter__value::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.products-table td a {
    color: #E7F8FF;
    line-height: 150%;
}

.products-table tbody tr:last-child td {
    border-bottom: 1px solid #0C1C25;
}

.products-table__name,
.products-table__price {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #0C1C25;
}

.products-table__price {
    letter-spacing: 0.875px;
    opacity: 0;
}


.products-table__counter-wrapper {
    border-top: 1px solid #0C1C25;
    padding-top: 10px;
    padding-bottom: 10px;
}

.products-table__bottom {
    gap: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media (max-width: 500px) {
    .products-table__bottom {
        margin-top: 1rem;
        flex-direction: column;
    }
}

.product-table__total {
    display: none;
    font-size: 1.25rem;
    text-transform: uppercase;
    line-height: 120%;
    gap: 1.875rem;
    display: flex;
    align-items: baseline;
}

.product-table__total-price {
    font-size: 2rem;
}

.products-table tr td:first-child {
    padding-left: 16px;
}

.products-table tr td:last-child {
    padding-right: 16px;
}

.filters {
    /*margin-top: 4rem;*/
    gap: 1.25rem;
    display: grid;
    grid-template-columns: 1fr 1fr max-content;
}

.filters .filters__item:nth-of-type(1) .multi-select {
    z-index: 3;
}


@media (max-width: 900px) {
    .filters {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 660px) {
    .filters {
        grid-template-columns: 1fr;
    }
}

.choices[data-type="select-multiple"] .choices__input,
.choices[data-type="select-multiple"] .choices__list--multiple {
    display: none;
}

.choices[data-type="select-multiple"] .choices__inner {
    background-color: #0C1C25 !important;
}

.choices[data-type="select-multiple"] .choices__list {
    background-color: #0C1C25 !important;
}

.choices[data-type="select-multiple"] .choices__list .choices__item {
    background-color: #0C1C25 !important;
}

.ctlg--split,
.section--split {
    gap: 100px;
    display: grid;
    grid-template-columns: 1fr 295px;
}

@media (max-width: 1300px) {

    .ctlg--split,
    .section--split {
        gap: 64px;
        display: flex;
        flex-direction: column;
    }
}

.filters__item {
    gap: 0.3rem;
    display: flex;
    flex-direction: column;
}

.multi-select {
    z-index: 2;
    position: relative;
}

.multi-select__button {
    padding: 0.75rem;
    color: #3A4A53;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: 0.75rem;
    border-radius: 4px;
    background-color: #0C1C25;
}

.multi-select__button::after {
    content: '';
    width: 0.625rem;
    height: 0.625rem;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_223_330)"><path d="M9.48532 3.24259L5.24268 7.48523L1.00004 3.24259" stroke="%233A4A53" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_223_330"><rect width="10" height="10" fill="white"/></clipPath></defs></svg>');
    transition: transform 0.25s ease;
}

.multi-select:has(.multi-select__options.active) .multi-select__button::after {
    transform: rotate(180deg);
}

.multi-select__options {
    /*display: flex;*/
    display: none;
    overflow-y: auto;
    flex-direction: column;
    position: absolute;
    top: 100%;
    opacity: 0;
    max-height: 0;
    width: 100%;
    transition: opacity 0.25s ease, max-height 1s ease;
    background-color: #0C1C25;
}

.multi-select__options.active {
    display: flex;
}

.multi-select .label-wrapper {
    padding: 0.625rem 1rem;
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    transition: background-color 0.25s ease;
}

.multi-select .label-wrapper:has(input:checked) {
    background-color: var(--primary-color)
}

.multi-select .label-wrapper:first-child {
    padding-top: 1rem;
}

.multi-select .label-wrapper:last-child {
    padding-bottom: 1rem;
}

.multi-select .label-wrapper:hover {
    background-color: var(--primary-color);
}

.multi-select .label-wrapper label {
    width: 100%;
}

.multi-select .label-wrapper::after {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 4px;
    display: inline-block;
    flex-shrink: 0;
    background-color: #FFF;
    background-size: calc(100% - 4px);
    background-position: center;
    background-repeat: no-repeat;
}

.multi-select .label-wrapper:has(input:checked)::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' width='30px' height='30px' xmlns='http://www.w3.org/2000/svg' fill='%23117784'%3E%3Cpath d='M 26.980469 5.9902344 A 1.0001 1.0001 0 0 0 26.292969 6.2929688 L 11 21.585938 L 4.7070312 15.292969 A 1.0001 1.0001 0 1 0 3.2929688 16.707031 L 10.292969 23.707031 A 1.0001 1.0001 0 0 0 11.707031 23.707031 L 27.707031 7.7070312 A 1.0001 1.0001 0 0 0 26.980469 5.9902344 z'/%3E%3C/svg%3E");
}

.multi-select .label-wrapper input {
    inset: 0;
    opacity: 0;
    cursor: pointer;
    position: absolute;
}


.toggle {
    width: 56px;
    height: 32px;
    position: relative;
    border-radius: 100px;
    background-color: #172731;
    transition: all 0.25s ease;
    cursor: pointer;
}

.toggle::before {
    content: '';
    top: 50%;
    left: 4px;
    width: 24px;
    height: 24px;
    position: absolute;
    border-radius: 100px;
    display: inline-block;
    background-color: #74848C;
    transition: all 0.25s ease;
    transform: translateY(-50%);
}

.toggle input {
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    cursor: pointer;
}

.toggle:has(input:checked) {
    background-color: var(--primary-color);
}

.toggle:has(input:checked)::before {
    left: calc(100% - 28px);
    background-color: #E7F8FF;
}

.ctlg-sidebar {
    gap: 2rem;
    top: 20px;
    display: flex;
    flex-direction: column;
    height: max-content;
    position: sticky;
}

.ctlg-sidebar__item {
    gap: .5rem;
    display: flex;
    flex-direction: column;
}

.text-link {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 1.25rem;
    transition: opacity 0.25s ease;
    text-transform: uppercase;
}

.text-link:hover {
    opacity: 0.75;
}

.questions-block {
    gap: 20px;
    display: grid;
    align-items: center;
    justify-content: space-between;
    grid-template-columns: 800px 295px;
}

@media (max-width: 1200px) {
    .questions-block {
        gap: 32px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}

.questions {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.questions-list {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.accordion {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 10px;
    background-color: #0C1C25;
}

.accordion__button {
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    cursor: pointer;
    text-align: left;
    transition: background-color 0.25s ease;
    background-color: #0C1C25;
}

.accordion.active .accordion__button {
    background-color: #172731;
}

.accordion__button:hover {
    background-color: #172731;
}

.accordion__button::after {
    content: '';
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    transition: filter 0.25s ease, transform 0.25s ease;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.4853 12.5147L16 21L7.51472 12.5147" stroke="%2374848C" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.accordion.active .accordion__button::after {
    transform: rotate(180deg);
    filter: brightness(0) saturate(100%) invert(100%) sepia(52%) saturate(2061%) hue-rotate(175deg) brightness(103%) contrast(104%);
}

.accordion__content {
    opacity: 0;
    max-height: 0;
    transition: background-color 0.25s ease, max-height 0.25s ease, padding 0.25s ease, opacity 0.15s ease;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: content-box;
    background-color: #172731;
}

.accordion.active {
    background-color: #172731;
}

.accordion.active .accordion__content {
    opacity: 1;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
    border-top: 1px solid #0C1C25;
}

.questions-left {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.questions-left__content {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.other-products {
    gap: 20px;
    display: grid;
    grid-template-columns: 400px 1fr;
}

.other-products__info {
    gap: 2rem;
    display: flex;
    flex-direction: column;
}

.other-products__list {
    gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

@media (max-width: 700px) {
    .other-products__list {
        grid-template-columns: 1fr;
    }
}

.bg-type-1 {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background: radial-gradient(52.87% 50% at 50% 50%, rgba(0, 16, 26, 0) 52.4%, #00101A 100%), url("./assets/images/bg_type-1.png");
}

@media (max-width: 1000px) {
    .other-products {
        grid-template-columns: 1fr;
    }
}

.block-info {
    display: flex;
    flex-direction: column;
}

.block-info * {
    color: #E7F8FF;
}

.block-info .h2 {
    margin-bottom: 1.325rem;
}

.block-info .h2:not(:first-child) {
    margin-top: 2rem;
}

.block-info .h3 {
    margin-top: 4rem;
    margin-bottom: 1.325rem;
}

.block-info p {
    line-height: 1.4;
    margin-bottom: 1rem;
}

.block-info p:has(+ ul),
.block-info p:has(+ .h3) {
    margin-bottom: 0;
}

.block-info ul {
    margin-top: 4rem;
    margin-bottom: 4rem;
    font-size: 1rem;
    line-height: 150%;
    padding-left: 24px;
}

.block-info ul+.h2,
.block-info ul+.h3 {
    margin-top: 0;
}

.block-info a {
    color: var(--primary-color);
    transition: opacity 0.25s ease;
}

.block-info a:hover {
    opacity: 0.75;
}

.section-header {
    gap: 8px;
    display: flex;
    flex-direction: column;
    margin-bottom: clamp(1.25rem, -2.1875rem + 11vw, 4rem);
}

.section-header .h2 {
    max-width: 580px;
}

.section--split .section-header .h2 {
    max-width: 100%;
}

.pipes-structure {
    gap: 24px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.pipes-structure__item {
    display: flex;
    position: relative;
}

.pipes-structure__info {
    margin-left: auto;
    padding-top: 32px;
    max-width: calc(100% - 120px);
}

.pipes-structure__item img {
    width: 128px;
    height: 128px;
}

@media (max-width: 1100px) {
    .pipes-structure {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .pipes-structure {
        grid-template-columns: 1fr;
    }

    .pipes-structure__item {
        gap: 20px;
        flex-direction: column;
    }

    .pipes-structure__info {
        max-width: 100%;
        padding-top: 0;
    }
}

.product-types {
    gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.product-types__item {
    gap: 20px;
    display: grid;
    grid-template-columns: 190px 1fr;
}

.product-types__image {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.product-types__info {
    gap: 8px;
    display: flex;
    flex-direction: column;
}

@media (max-width: 1000px) {
    .product-types {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .product-types__item {
        display: flex;
        flex-direction: column;
    }

    .product-types__image {
        max-width: 120px;
    }
}

.filters-choices {
    gap: 0.625rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
    margin-bottom: 2.75rem;
}

.btn-choice {
    gap: 0.5rem;
    border: none;
    cursor: pointer;
    font-size: 0.75rem;
    color: #FFF;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1rem;
    border-radius: 100px;
    padding: 0.5rem 0.625rem;
    background-color: #0C1C25;
    transition: opacity 0.25s ease;
}

.btn-choice:hover {
    opacity: 0.75;
}

.btn-choice::after {
    content: '';
    width: 1rem;
    height: 1rem;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_223_365)"><path d="M13.9882 2.67476L8.31354 8.34944M8.31354 8.34944L2.6388 2.6747M8.31354 8.34944L13.9882 13.9528M8.31354 8.34944L2.63874 13.9528" stroke="%2374848C" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_223_365"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
}

.category-hero {
    gap: 100px;
    display: flex;
    flex-direction: column;
}

@media (max-width: 800px) {
    .category-hero {
        gap: 80px;
    }
}

.wow {
    visibility: hidden;
}

.other-products__empty-msg {
    grid-column: span 2;
    align-self: center;
    justify-self: center;
    font-size: 1.125rem;
}

.products-table__empty-msg {
    padding-bottom: 1.125rem;
}

.products-table .product-row {
    transition: background-color 0.25s ease;
}

.products-table .product-row.active {
    background-color: #0C1C25;
}

.products-table .product-row.active .counter__decrease-btn::after {
    filter: brightness(0) saturate(100%) invert(34%) sepia(85%) saturate(395%) hue-rotate(139deg) brightness(95%) contrast(101%);
}

.products-table .product-row:hover {
    background-color: #0C1C25;
}

[data-filter-type="vgp"] .toggle {
    margin-top: 9px;
}

.menu__section.menu__item--has-children>.menu__section {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    max-width: 1240px;
    width: 100%;
}

.menu__section.menu__item--has-children>.menu__link {
    font-weight: 600;
    font-size: 1.25rem;
}

.menu__section.menu__item--has-children>.menu__link::after {
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='23' viewBox='0 0 25 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.3534 13.5689C24.5512 13.3762 24.5554 13.0597 24.3627 12.8618L21.2229 9.63825C21.0302 9.44043 20.7136 9.43626 20.5158 9.62894C20.318 9.82161 20.3138 10.1382 20.5065 10.336L23.2975 13.2014L20.4321 15.9923C20.2342 16.185 20.2301 16.5016 20.4227 16.6994C20.6154 16.8972 20.932 16.9014 21.1298 16.7087L24.3534 13.5689ZM0.0065918 12.8948L9.87574e-06 13.3947L23.9979 13.7107L24.0045 13.2107L24.0111 12.7108L0.0131737 12.3948L0.0065918 12.8948Z' fill='%233A4A53'/%3E%3C/svg%3E");
}

.menu__section.menu__item--has-children>.menu__section img {
    width: 69px;
    height: 60px;
    object-fit: cover;
}

.menu__section.menu__item--has-children .menu__item {
    gap: 0.625rem;
    display: flex;
    align-items: center;
    padding: 2rem 0.75rem;
    border: 1px solid #172731;
}

#menu-glavnoe-menyu>.menu__item--has-children:not(:first-child)>.menu__submenu .menu__link {
    gap: 0.5rem;
    display: flex;
    align-items: center;
}

#menu-glavnoe-menyu>.menu__item--has-children>.menu__submenu::before {
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -5px;
    left: 2rem;
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='5' viewBox='0 0 7 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.59808 0.499999C2.98298 -0.166667 3.94523 -0.166667 4.33013 0.5L6.9282 5H0L2.59808 0.499999Z' fill='%230C1C25'/%3E%3C/svg%3E");
}


#menu-glavnoe-menyu>.menu__item--has-children:not(:first-child)>.menu__submenu .menu__link::after {
    content: "";
    width: 1rem;
    height: 0.625rem;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3536 5.85355C15.5488 5.65829 15.5488 5.34171 15.3536 5.14645L12.1716 1.96447C11.9763 1.7692 11.6597 1.7692 11.4645 1.96447C11.2692 2.15973 11.2692 2.47631 11.4645 2.67157L14.2929 5.5L11.4645 8.32843C11.2692 8.52369 11.2692 8.84027 11.4645 9.03553C11.6597 9.2308 11.9763 9.2308 12.1716 9.03553L15.3536 5.85355ZM1 5.5V6H15V5.5V5H1V5.5Z' fill='%233A4A53'/%3E%3C/svg%3E");
}

#menu-glavnoe-menyu>.menu__item--has-children:first-child>.menu__submenu>.menu__section:last-child .menu__item {
    border-bottom: 0;
    border-bottom-left-radius: 14px;
    overflow: hidden;
}


#menu-glavnoe-menyu>.menu__item--has-children:not(:first-child)>.menu__submenu .menu__section {
    padding-inline: 2rem;
}

#menu-glavnoe-menyu>.menu__item--has-children:not(:first-child)>.menu__submenu .menu__section:not(:last-child) .menu__link {
    border-bottom: 1px solid #172731;
}

#menu-glavnoe-menyu>.menu__item--has-children:not(:first-child)>.menu__submenu .menu__section .menu__link {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
}

#menu-glavnoe-menyu>.menu__item--has-children:not(:first-child)>.menu__submenu .menu__section:first-child {
    padding-top: 0.5rem;
}

#menu-glavnoe-menyu>.menu__item--has-children:not(:first-child)>.menu__submenu .menu__section:last-child {
    padding-bottom: 0.5rem;
}

.mobile-menu__product-link,
.mobile-menu__section-link {
    cursor: pointer;
    color: #FFF;
    border: none;
    font-size: 0.75rem;
    width: 100%;
    gap: 0.5rem;
    display: flex;
    align-items: center;
    background-color: transparent;
}

.mobile-menu__product-link::after,
.mobile-menu__section-link::after {
    content: '';
    display: inline-block;
    width: 1.5rem;
    height: 0.625rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='10' viewBox='0 0 25 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.354 5.46033C24.5501 5.26592 24.5515 4.94934 24.3571 4.75323L21.1891 1.55733C20.9947 1.36121 20.6781 1.35982 20.482 1.55423C20.2858 1.74863 20.2845 2.06521 20.4789 2.26133L23.2949 5.10213L20.4541 7.91813C20.2579 8.11253 20.2566 8.42911 20.451 8.62523C20.6454 8.82134 20.9619 8.82273 21.1581 8.62833L24.354 5.46033ZM0.00219727 5L5.04055e-06 5.5L23.9998 5.60522L24.002 5.10523L24.0042 4.60523L0.00438949 4.5L0.00219727 5Z' fill='%233A4A53'/%3E%3C/svg%3E");
}


.mobile-menu__section {
    gap: 0.325rem;
    display: flex;
    flex-direction: column;
}

.mobile-menu__item .mobile-menu__item-button {
    border-bottom: 1px solid #0C1C25;
}

.mobile-menu__item .mobile-menu__item-button:first-child {
    border-top: 1px solid #0C1C25;
}

.calc-list {
    gap: 0.625rem;
    display: flex;
    flex-direction: column;
}

.calc-list .accordion__button {
    font-weight: 600;
    font-size: 1.25rem;
    text-transform: uppercase;
}

.table-info h4 {
    color: #E7F8FF;
}

.table-info-wrapper {
    overflow-x: auto;
}

.table-info__header {
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #0C1C25;
}

.table-info__header--triple {
    display: grid;
    grid-template-columns: 1fr 1fr 1.33fr;
}

.table-info__title {
    color: #3A4A53;
    font-size: 0.75rem;
}

.table-info__body {
    color: #E7F8FF;
}

.table-info__body .h4 {
    color: #E7F8FF;
}

.table-info__row {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    border-bottom: 1px solid #0C1C25;
}

.table-info__row--triple {
    display: grid;
    grid-template-columns: 1fr 1fr 1.33fr;
}

.table-info__row .desc {
    color: #74848C;
    font-size: 0.75rem;
}

.table-info__header--docs,
.table-info__row--docs {
    gap: 1.25rem;
    display: grid;
    grid-template-columns: 0.25fr 1fr auto;
    align-items: center;
    padding: 0.625rem 1rem;
}

@media (max-width: 800px) {
    .table-info {
        width: max-content;
        max-width: 1000px;
        overflow-x: auto;
    }
}


.section-header__btns {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

@media (min-width: 800px) {
    .section-header__btns {
        display: grid;
        grid-template-columns: 1fr 1fr;

    }
}

.btns-trio {
    gap: 1.25rem;
    display: grid;
    grid-template-columns: 1fr;
}

@media (min-width: 1100px) {
    .btns-trio {
        grid-template-columns: repeat(3, 1fr);
    }
}

.btn-primary--lg {
    color: #FFF;
    gap: 0.5rem;
    ;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    padding: 2.125rem 1rem;
    background-color: #0C1C25;
    transition: background-color 0.25s, color 0.25s;
}

.btn-primary--lg:hover {
    color: var(--primary-color);
    background-color: #0b1419;
}


.btn-primary__main {
    font-size: 1.25rem;
    text-transform: uppercase;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-primary--reversed .btn-primary__main {
    flex-direction: row-reverse;
}

.btn-primary--reversed .btn-primary__main::after {
    transform: rotate(180deg);
}

.btn-primary--lg:hover .btn-primary__main::after {
    filter: invert(100%);
}

.btn-primary__main::after {
    content: '';
    width: 1.5rem;
    height: 1rem;
    flex-shrink: 0;
    transition: filter 0.25s;
    display: inline-block;
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg width="25" height="16" viewBox="0 0 25 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.3534 9.56864C24.5512 9.37597 24.5554 9.05941 24.3627 8.86159L21.2229 5.638C21.0302 5.44019 20.7136 5.43602 20.5158 5.62869C20.318 5.82137 20.3138 6.13792 20.5065 6.33574L23.2975 9.20116L20.4321 11.9921C20.2342 12.1848 20.2301 12.5013 20.4227 12.6991C20.6154 12.897 20.932 12.9011 21.1298 12.7085L24.3534 9.56864ZM0.0065918 8.89453L9.87574e-06 9.39449L23.9979 9.71042L24.0045 9.21046L24.0111 8.71051L0.0131737 8.39457L0.0065918 8.89453Z" fill="%233A4A53"/></svg>');
}

.btn-primary__desc {
    color: #AEBEC6;
}


.companies-btns {
    gap: 1.25rem;
    display: grid;
    grid-template-columns: 1fr;
}

@media (min-width: 800px) {
    .companies-btns {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .companies-btns {
        grid-template-columns: repeat(4, 1fr);
    }
}

.company-btn {
    padding: 1rem;
    gap: 1rem;
    color: #E7F8FF;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-transform: uppercase;
    border: 1px solid #0A3B42;
    border-radius: 10px;
    font-size: 1.25rem;
    font-weight: 600;
    transition: background-color 0.25s;
}

.company-btn:hover {
    color: var(--primary-color);
    background-color: #0C1C25;
}

.company-btn img {
    max-height: 63px;
    width: max-content;
}

.company-btn__name {
    gap: 1rem;
    transition: color 0.25s;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    text-transform: uppercase;
}

.company-btn:hover .company-btn__name::after {
    filter: invert(100%);
}

.company-btn__name::after {
    content: '';
    width: 1.5rem;
    height: 1rem;
    display: inline-block;
    transition: filter 0.25s;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="25" height="16" viewBox="0 0 25 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.3535 9.35486C24.5496 9.16045 24.551 8.84387 24.3566 8.64776L21.1886 5.45185C20.9942 5.25574 20.6776 5.25435 20.4815 5.44875C20.2853 5.64316 20.284 5.95974 20.4784 6.15585L23.2944 8.99666L20.4536 11.8127C20.2574 12.0071 20.2561 12.3236 20.4505 12.5198C20.6449 12.7159 20.9614 12.7173 21.1576 12.5229L24.3535 9.35486ZM0.00219727 8.89453L5.04055e-06 9.39453L23.9993 9.49975L24.0015 8.99976L24.0037 8.49976L0.00438949 8.39454L0.00219727 8.89453Z" fill="%233A4A53"/></svg>');
}


.steps {
    gap: 1.25rem;
    display: grid;
    grid-template-columns: 1fr;
}

@media (min-width: 800px) {
    .steps {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 1240px) {
    .steps {
        grid-template-columns: repeat(4, 1fr);
    }
}

.step {
    gap: 1rem;
    display: flex;
    flex-direction: column;
}

.step__header {
    gap: 40px;
    display: flex;
    align-items: center;
    color: #117784;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 3rem;
    line-height: 1;
}

@media (min-width: 1260px) {
    .step:not(:last-child) .step__header::after {
        content: '';
        width: 189px;
        height: 14px;
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="190" height="15" viewBox="0 0 190 15" fill="none"><path d="M189.707 8.07088C190.098 7.68035 190.098 7.04719 189.707 6.65666L183.343 0.292702C182.953 -0.0978227 182.319 -0.0978227 181.929 0.292702C181.538 0.683226 181.538 1.31639 181.929 1.70692L187.586 7.36377L181.929 13.0206C181.538 13.4111 181.538 14.0443 181.929 14.4348C182.319 14.8254 182.953 14.8254 183.343 14.4348L189.707 8.07088ZM0 7.36377V8.36377H1.96875V7.36377V6.36377H0V7.36377ZM5.90625 7.36377V8.36377H9.84375V7.36377V6.36377H5.90625V7.36377ZM13.7812 7.36377V8.36377H17.7188V7.36377V6.36377H13.7812V7.36377ZM21.6562 7.36377V8.36377H25.5938V7.36377V6.36377H21.6562V7.36377ZM29.5312 7.36377V8.36377H33.4688V7.36377V6.36377H29.5312V7.36377ZM37.4062 7.36377V8.36377H41.3438V7.36377V6.36377H37.4062V7.36377ZM45.2812 7.36377V8.36377H49.2188V7.36377V6.36377H45.2812V7.36377ZM53.1562 7.36377V8.36377H57.0938V7.36377V6.36377H53.1562V7.36377ZM61.0312 7.36377V8.36377H64.9688V7.36377V6.36377H61.0312V7.36377ZM68.9062 7.36377V8.36377H72.8438V7.36377V6.36377H68.9062V7.36377ZM76.7812 7.36377V8.36377H80.7188V7.36377V6.36377H76.7812V7.36377ZM84.6562 7.36377V8.36377H88.5938V7.36377V6.36377H84.6562V7.36377ZM92.5312 7.36377V8.36377H96.4688V7.36377V6.36377H92.5312V7.36377ZM100.406 7.36377V8.36377H104.344V7.36377V6.36377H100.406V7.36377ZM108.281 7.36377V8.36377H112.219V7.36377V6.36377H108.281V7.36377ZM116.156 7.36377V8.36377H120.094V7.36377V6.36377H116.156V7.36377ZM124.031 7.36377V8.36377H127.969V7.36377V6.36377H124.031V7.36377ZM131.906 7.36377V8.36377H135.844V7.36377V6.36377H131.906V7.36377ZM139.781 7.36377V8.36377H143.719V7.36377V6.36377H139.781V7.36377ZM147.656 7.36377V8.36377H151.594V7.36377V6.36377H147.656V7.36377ZM155.531 7.36377V8.36377H159.469V7.36377V6.36377H155.531V7.36377ZM163.406 7.36377V8.36377H167.344V7.36377V6.36377H163.406V7.36377ZM171.281 7.36377V8.36377H175.219V7.36377V6.36377H171.281V7.36377ZM179.156 7.36377V8.36377H183.094V7.36377V6.36377H179.156V7.36377ZM187.031 7.36377V8.36377H189V7.36377V6.36377H187.031V7.36377ZM189.707 8.07088C190.098 7.68035 190.098 7.04719 189.707 6.65666L183.343 0.292702C182.953 -0.0978227 182.319 -0.0978227 181.929 0.292702C181.538 0.683226 181.538 1.31639 181.929 1.70692L187.586 7.36377L181.929 13.0206C181.538 13.4111 181.538 14.0443 181.929 14.4348C182.319 14.8254 182.953 14.8254 183.343 14.4348L189.707 8.07088ZM0 7.36377V8.36377H1.96875V7.36377V6.36377H0V7.36377ZM5.90625 7.36377V8.36377H9.84375V7.36377V6.36377H5.90625V7.36377ZM13.7812 7.36377V8.36377H17.7188V7.36377V6.36377H13.7812V7.36377ZM21.6562 7.36377V8.36377H25.5938V7.36377V6.36377H21.6562V7.36377ZM29.5312 7.36377V8.36377H33.4688V7.36377V6.36377H29.5312V7.36377ZM37.4062 7.36377V8.36377H41.3438V7.36377V6.36377H37.4062V7.36377ZM45.2812 7.36377V8.36377H49.2188V7.36377V6.36377H45.2812V7.36377ZM53.1562 7.36377V8.36377H57.0938V7.36377V6.36377H53.1562V7.36377ZM61.0312 7.36377V8.36377H64.9688V7.36377V6.36377H61.0312V7.36377ZM68.9062 7.36377V8.36377H72.8438V7.36377V6.36377H68.9062V7.36377ZM76.7812 7.36377V8.36377H80.7188V7.36377V6.36377H76.7812V7.36377ZM84.6562 7.36377V8.36377H88.5938V7.36377V6.36377H84.6562V7.36377ZM92.5312 7.36377V8.36377H96.4688V7.36377V6.36377H92.5312V7.36377ZM100.406 7.36377V8.36377H104.344V7.36377V6.36377H100.406V7.36377ZM108.281 7.36377V8.36377H112.219V7.36377V6.36377H108.281V7.36377ZM116.156 7.36377V8.36377H120.094V7.36377V6.36377H116.156V7.36377ZM124.031 7.36377V8.36377H127.969V7.36377V6.36377H124.031V7.36377ZM131.906 7.36377V8.36377H135.844V7.36377V6.36377H131.906V7.36377ZM139.781 7.36377V8.36377H143.719V7.36377V6.36377H139.781V7.36377ZM147.656 7.36377V8.36377H151.594V7.36377V6.36377H147.656V7.36377ZM155.531 7.36377V8.36377H159.469V7.36377V6.36377H155.531V7.36377ZM163.406 7.36377V8.36377H167.344V7.36377V6.36377H163.406V7.36377ZM171.281 7.36377V8.36377H175.219V7.36377V6.36377H171.281V7.36377ZM179.156 7.36377V8.36377H183.094V7.36377V6.36377H179.156V7.36377ZM187.031 7.36377V8.36377H189V7.36377V6.36377H187.031V7.36377Z" fill="%230A3B42"/></svg>');
    }
}

.step__body {
    gap: 0.325rem;
    display: flex;
    flex-direction: column;
}

.step__name {
    color: #E7F8FF;
    font-weight: 600;
    font-size: 1.25rem;
    text-transform: uppercase;
}

.step__desc {
    color: #AEBEC6;
}

.mt-64 {
    margin-top: 4rem;
}

.mb-64 {
    margin-bottom: 4rem;
}

.mt-32 {
    margin-top: 2rem;
}

.mb-32 {
    margin-bottom: 2rem;
    ;
}

.vacancies {
    gap: clamp(0.875rem, 0.5402rem + 1.0714vw, 1.25rem);
    display: flex;
    flex-direction: column;
}

.vacancies .btn-primary .button__flair::before {
    background-color: #0A3B42;
}

/* accordion  */
.vacancies .accordion__button {
    gap: 1.25rem;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "acc-name ."
        "acc-price-group .";
}

@media (min-width: 600px) {
    .vacancies .accordion__button {
        grid-template-areas: "acc-name acc-price-group .";
        grid-template-columns: 1fr auto auto;
    }
}

.vacancies .accordion.active .accordion__content {
    border-top: none;
}

.accordion__name {
    grid-area: acc-name;
}

.accordion__name--lg {
    font-size: clamp(1.625rem, 1.2902rem + 1.0714vw, 2rem);
    font-weight: 600;
    text-transform: uppercase;
}

.accordion__price-group {
    gap: 0.325rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-area: acc-price-group;
}

@media (min-width: 600px) {
    .accordion__price-group {
        align-items: flex-end;
    }
}

.accordion__price {
    font-size: clamp(1.325rem, 1.1687rem + 0.5vw, 1.5rem);
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
}

.accordion__price-note {
    color: #74848C;
    font-size: 1rem;
}

.accordion__row {
    gap: 0.5rem;
    padding: 0.625rem 0 1.25rem 0;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr;
}

.accordion__row:not(:last-of-type) {
    border-bottom: 1px solid #0C1C25;
}

@media (min-width: 600px) {
    .accordion__row {
        gap: 1.25rem;
        grid-template-columns: 158px 1fr;
        padding: 0.625rem 0 1.25rem 2rem;
    }
}

.accordion__subtitle {
    color: #74848C;
    font-weight: 600;
}

.accordion__ul li::before {
    content: '';
    top: 50%;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 100px;
    display: inline-block;
    background-color: #FFF;
    background-image: none;
}

.accordion__ul li:not(:first-child) {
    margin-top: 0.325rem;
}

.accordion__ul li {
    line-height: 1.2;
    padding-left: 1rem;
}

.vacancies .accordion__row:first-child {
    padding-top: 1rem;
    border-top: 1px solid #0C1C25;
}

.vacancies .btn-primary {
    margin-top: 1rem;
    padding-top: 1.07rem;
    padding-bottom: 1.07rem;
}


@media (min-width: 1000px) {
    .pb-140 {
        padding-bottom: 140px;
    }
}


.contacts {
    gap: 2rem;
    display: flex;
    flex-direction: column;
}

.contacts__main {
    gap: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 700px) {
    .contacts__main {
        gap: 2.625rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

.contacts__list {
    display: flex;
    flex-direction: column;
}

.contacts__item {
    gap: 0.625rem;
    display: flex;
    padding-left: 0;
}

.contacts__item:not(:first-child) {
    margin-top: 0.825rem;
}

.contacts__item a {
    color: #FFF;
}

.contacts__item svg {
    margin-top: 0.25rem;
}

.contacts__item::before {
    content: unset;
}

.contacts__content {
    gap: 0.325rem;
    display: flex;
    flex-direction: column;
}

.text--muted {
    font-size: 0.75rem;
    color: #3A4A53;
}


.contacts__bottom {
    gap: 1rem;
    display: flex;
    flex-direction: column;
}

.mx-auto {
    margin-inline: auto;
}

.contacts .map {
    width: 100%;
    height: 219px;
    border-radius: 10px;
}

.about-hero-wrapper {
    border-top: 1px solid #172731;
    background: linear-gradient(180deg, #00101A 0%, rgba(0, 16, 26, 0) 45.67%, #00101A 100%),
        url("./assets/images/hero_about.png") center / cover no-repeat;
}

.about-hero {
    gap: 1rem;
    display: grid;
    grid-template-columns: 1fr;
}

.about-hero img {
    display: none;
}

@media (min-width: 700px) {
    .about-hero {
        gap: 1rem;
        display: grid;
        grid-template-columns: 1fr 191px;
    }

    .about-hero img {
        display: inline-block;
    }
}

.docs-block {
    gap: 1.5rem;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr;
}

.docs-header {
    gap: 1rem;
    display: flex;
    flex-direction: column;
}

.docs-link {
    width: 36px;
    height: 36px;
}

.docs-link svg {
    transition: filter 0.25s;
}

.docs-link:hover svg {
    filter: brightness(0) invert(1);
}

.docs-list {
    gap: 1.25rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.docs-list img {
    width: 100%;
    border-radius: 20px;
}

@media (min-width: 800px) {
    .docs-block {
        grid-template-columns: 1.25fr 1fr;
    }

    .docs-list {
        gap: 1.25rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .docs-list img {
        width: 100%;
        border-radius: 20px;
    }
}

.cards-for {
    gap: 1.25rem;
    display: grid;
    grid-template-columns: 1fr;
}

@media (min-width: 1000px) {
    .cards-for {
        grid-template-columns: 1fr 1fr;
    }
}

.card-for {
    display: grid;
    grid-template-rows: 227px auto;
}

@media (min-width: 1000px) {
    .card-for {
        grid-template-rows: 227px 241px;
    }
}

.card-for__header {
    display: flex;
    align-items: flex-end;
    padding-inline: 1.25rem;
}

@media (min-width: 1000px) {
    .card-for__header {
        padding-inline: 2rem;
    }
}

.card-for:nth-child(1) .card-for__header {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: linear-gradient(180deg, rgba(0, 16, 26, 0) 0%, #00101A 100%), url("./assets/images/card-for-1.png");
}

.card-for:nth-child(2) .card-for__header {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: linear-gradient(180deg, rgba(0, 16, 26, 0) 0%, #00101A 100%), url("./assets/images/card-for-2.png");
}

.card-for__title {
    color: #FFF;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
}

.card-for__body {
    padding-top: 0.875rem;
    padding-inline: 1.25rem;
    border-radius: 0 0 10px 10px;
    padding-bottom: 4rem;
    background: linear-gradient(180deg, rgba(0, 16, 26, 0) 15%, #117784 100%);
}

@media (min-width: 1000px) {
    .card-for__body {
        padding-inline: 2rem;
    }
}

.card-for__body b {
    font-weight: 600;
}

.card-for ul li {
    margin-top: 0.625rem;
}

.section-md {
    gap: 1rem;
    display: flex;
    flex-direction: column;
}

@media (min-width: 1000px) {
    .section-md {
        gap: 1.5rem;
    }
}

.section-md__header {
    gap: 0.625rem;
    display: flex;
    flex-direction: column;
}

@media (min-width: 1000px) {
    .section-md__header {
        gap: 1.125rem;
    }
}

.vc-section {
    gap: 1.25rem;
    display: flex;
    flex-direction: column;
    margin-top: 4rem;
}

@media (min-width: 1200px) {
    .vc-section {
        margin-top: 0;
    }
}

@media (min-width: 1240px) {
    .vc-section {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

.vc-cards {
    gap: 0.625rem;
    display: flex;
    flex-direction: column;
}

.vc-card {
    border-radius: 10px;
    padding: 1.25rem;
    gap: 0.325rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    background-color: rgba(12, 28, 37, 1);
}

@media (min-width: 620px) {
    .vc-card {
        gap: 1rem;
        flex-direction: row;
        align-items: center;
    }
}

.vc-card__title {
    color: #FFF;
    font-weight: 600;
    font-size: 1.5rem;
    text-transform: uppercase;
}

.vc-card__content {
    gap: 0.325rem;
    display: flex;
    flex-direction: column;
}

.vc-card__price {
    color: #FFF;
    font-weight: 600;
    font-size: clamp(1.325rem, 1.1687rem + 0.5vw, 1.5rem);
}

.vc-card__note {
    color: rgba(116, 132, 140, 1);
}

.mobile-menu__contacts {
    gap: 0.625rem;
    display: flex;
    margin-top: 1rem;
    flex-direction: column;
    padding-inline: 1.25rem;
}

.mobile-menu__contacts-item {
    gap: 0.5rem;
    color: #E7F8FF;
    display: grid;
    align-items: center;
    grid-template-columns: 1rem 1fr;
}

.mobile-menu__contacts-item a {
    transition: color 0.25s;
}

.mobile-menu__contacts-item a:hover {
    color: var(--primary-color);
}

.mobile-menu__contacts-item .desc {
    color: #3A4A53;
    font-size: 0.75rem;
}

.mobile-menu__btns {
    gap: 1.25rem;
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
    padding-inline: 1.25rem;
}

.mobile-menu__btns a {
    width: 100%;
    max-width: 100%;
}

.mobile-menu__additional-links {
    gap: 0.625rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mobile-menu__additional-links a {
    color: #117784;
}

.mobile-menu__bottom {
    gap: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #3A4A53;
    font-size: 0.75rem;
}

.mobile-menu__bottom a {
    color: #3A4A53;
}

.mobile-menu.catalog-open .mobile-menu__item:not(:has(.mobile-menu__catalog-panel)),
.mobile-menu.catalog-open .mobile-menu__item>.mobile-menu__item-button {
    display: none;
}

.mobile-menu__catalog-panel .mobile-menu__section--has-children>.mobile-menu__section {
    gap: 0.625rem;
    margin-top: 0.25rem;
    display: none;
    flex-direction: column;
    max-height: 0;
    list-style-type: none;
    overflow: hidden;
    transition: max-height 0.25s ease;
    padding: 0 1.625rem;
}

.other-sections {
    gap: 1.5rem;
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
}

@media (min-width: 1100px) {
    .other-sections {
        gap: 1.25rem;
        grid-template-columns: 400px 1fr;
    }
}

.other-sections .section-header {
    gap: 1rem;
    margin: 0;
}

.other-sections__cards {
    gap: 1.25rem;
    display: grid;
    grid-template-columns: 1fr;
}

@media (min-width: 660px) {
    .other-sections__cards {
        grid-template-columns: 1fr 1fr;
    }
}

.search-block {
    gap: 0.625rem;
    display: flex;
    flex-direction: column;
}

.search-block__title {
    color: #E7F8FF;
    line-height: 1;
}

.search-block__main {
    gap: 0.625rem;
    display: grid;
    grid-template-columns: 1fr;
}

@media (min-width: 600px) {

    .search-block__main {
        grid-template-columns: 1fr 190px;
    }
}

.search-block .button {
    width: 100%;
    height: 100;
    max-width: 100%;
}

.abc-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.abc-links a {
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.125rem;
    padding: 0.625rem;
    line-height: 1;
    border: none;
    border-radius: 0.25rem;
    cursor: pointer;
    font-weight: 600;
    transition: background-color 0.2s, color 0.2s;
    user-select: none;
    background-color: #0C1C25;
}

.abc-links a:hover,
.abc-links a.is-active {
    background-color: var(--color-primary, #1a73e8);
    color: #fff;
    border-color: var(--color-primary, #1a73e8);
}


.abc-block {
    gap: 1.25rem;
    display: grid;
    grid-template-columns: 1fr;
}

@media (min-width: 600px) {
    .abc-block {
        grid-template-columns: 86px 1fr;
    }
}

.abc-block__letter {
    font-size: 2rem;
    font-weight: 600;
}

.abc-block__words {
    gap: 1rem;
    display: flex;
    flex-wrap: wrap;
}

.abc-block__word {
    color: #FFF;
    cursor: pointer;
    border: none;
    line-height: 1;
    padding: 0.625rem;
    background-color: #0C1C25;
    transition: opacity 0.25s;
}

.abc-block__word:hover {
    opacity: 0.625;
}

/* ── Section hidden by search / filter ── */
.abc-section.is-hidden {
    display: none;
}

.abc-block__word.is-hidden {
    display: none;
}


/* ── Fancybox Glossary Modal — matching site theme ── */

/* Overlay */
.fancybox__backdrop {
    background: rgba(7, 15, 25, 0.85) !important;
}

/* Slide container — center the modal */
.fancybox__slide {
    padding: 40px 20px !important;
}

/* Content wrapper */
.fancybox__content {
    background: #122133 !important;
    border: 1px solid rgba(42, 181, 178, 0.25) !important;
    border-radius: 16px !important;
    padding: 40px 36px !important;
    max-width: 620px !important;
    width: 100% !important;
    color: #fff !important;
    box-shadow: 0 0 40px rgba(42, 181, 178, 0.08),
        0 24px 48px rgba(0, 0, 0, 0.4) !important;
}

/* Title */
.glossary-modal-content__title {
    margin: 0 0 16px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.02em;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(42, 181, 178, 0.2);
}

/* Description */
.glossary-modal-content__description {
    margin: 0;
    font-size: 1rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.75);
}

/* Close button */
.fancybox__slide .f-button.is-close-btn {
    top: 12px !important;
    right: 12px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: rgba(42, 181, 178, 0.1) !important;
    border: 1px solid rgba(42, 181, 178, 0.25) !important;
    color: #2ab5b2 !important;
    opacity: 1 !important;
}

.fancybox__slide .f-button.is-close-btn:hover {
    background: rgba(42, 181, 178, 0.2) !important;
    border-color: #2ab5b2 !important;
}

.fancybox__slide .f-button.is-close-btn svg {
    stroke: #2ab5b2 !important;
}

/* Hide toolbar / nav arrows */
.fancybox__toolbar,
.fancybox__nav {
    display: none !important;
}

/* ── Responsive ── */
@media (max-width: 600px) {
    .fancybox__content {
        padding: 28px 20px !important;
        border-radius: 12px !important;
    }

    .glossary-modal-content__title {
        font-size: 1.25rem;
    }
}

.post p {
    color: #AEBEC6;
}

.post p+p {
    margin-top: 0.325em;
}

.post h2 {
    color: #E7F8FF;
    font-size: clamp(1.5rem, 1.3rem + 0.8vw, 2rem);
    font-weight: 600;
    margin-top: clamp(2.5rem, 1.6071rem + 2.8571vw, 3.5rem);
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.post h3 {
    color: #E7F8FF;
    font-weight: 600;
    font-size: clamp(1.25rem, 1.1111rem + 0.4444vw, 1.5rem);
    margin-top: clamp(2rem, 1.1071rem + 2.8571vw, 3rem);
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.post img {
    width: max-content;
    max-width: 100%;
    height: max-content;
    object-fit: cover;
    object-position: center;
    border-radius: 0.5rem;
}

@media (min-width: 1000px) {
    .post img {
        width: 610px !important;
        height: 393px !important;
        object-fit: cover;
        object-position: center;
        border-radius: 0.5rem;
    }
}

.post .wp-block-image {
    margin: 2rem auto;
    margin: 2rem auto;
    font-size: 0.75rem;
}

.post figure:has(img) {
    width: 100%;
    max-width: 610px;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.post figcaption {
    color: #74848C;
    margin-top: 0.875rem;
}

.post .wp-block-image a {
    color: #74848C;
    transition: color 0.25s;
}

.post .wp-block-group:has(img) a:hover {
    color: #117784;
}

.post-categories {
    gap: 0.75rem;
    display: flex;
    flex-wrap: wrap;
}

.post-categories__item {
    line-height: 1;
    color: #E7F8FF;
    font-size: 0.75rem;
    border-radius: 0.25rem;
    text-align: center;
    padding: 0.625rem;
    background-color: #172731BF;
    transition: background-color 0.25s, color 0.25s;
}

.post-categories__item:hover {
    color: var(--primary-color);
    background-color: #0b1419;
}

.category-filters {
    gap: 1.25rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.category-filters a {
    color: #FFF;
    font-weight: 600;
    line-height: 1;
    border-radius: 4px;
    padding: 0.875rem 1.25rem;
    background-color: #0C1C25;
    transition: background-color 0.25s, color 0.25s;
}

.category-filters a.active {
    background-color: #0A3B42;
}

.category-filters a:hover {
    color: var(--primary-color);
    background-color: #0b1419;
}

.posts-grid {
    gap: 1.25rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}

@media (max-width: 700px) {
    .posts-grid:has(:not(.post-card:nth-child(2))) {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 500px) {
    .posts-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 860px) {
    .posts-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1200px) {
    .posts-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

.post-card {
    position: relative;
    display: grid;
    grid-template-rows: 200px 173px;
    max-width: 300px;
    background-color: #0C1C25;
    border-radius: 0.5rem;
    overflow: hidden;
    transition: background-color 0.25s ease;
}

.posts-grid .post-card,
.other-sections__cards .post-card {
    width: 100%;
    max-width: 100%;
}

.post-card:hover {
    background-color: #0b1419;
}

.post-card__title {
    color: #E7F8FF;
    font-size: 1.25rem;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-card:hover .post-card__title {
    color: var(--primary-color);
}

.post-card__link {
    inset: 0;
    position: absolute;
    z-index: 1;
}

.post-card__image-wrapper {
    position: relative;
}

.post-card__categories {
    gap: 0.75rem;
    left: 1rem;
    top: 1rem;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
}

.post-card__category {
    color: #E7F8FF;
    font-size: 0.75rem;
    padding: 0.625rem;
    border-radius: 0.25rem;
    background-color: #172731BF;
}

.post-card__image {
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
    object-fit: cover;
}

.post-card__content {
    padding: 0.625rem 1rem 0.875rem 1rem;
    display: flex;
    flex-direction: column;
}

.post-card__date {
    color: #E7F8FF;
    font-size: 0.75rem;
    margin-top: auto;
    transition: color 0.25s;
}

.post-card:hover .post-card__date {
    color: var(--primary-color);
}


.post-nav {
    gap: 0.625rem;
    display: flex;
    justify-content: space-between;
}

.post-nav .btn-primary__main {
    gap: 100px;
}

@media (max-width: 1000px) {
    .post-nav .btn-primary__main {
        gap: 20px;
    }
}

@media (max-width: 650px) {
    .post-nav {
        flex-direction: column;
    }
}

.post-nav .btn-primary--lg {
    padding-top: 1rem;
    padding-bottom: 2rem;
}


.post-nav__back,
.post-nav__next {
    padding: 1rem;
    line-height: 1;
    font-size: 1.25rem;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
}

.is-disabled {
    opacity: 0.4;
    pointer-events: none;
    cursor: default;
}

.order-modal {
    opacity: 0;
    transition: opacity 0.25s;
    border: none;
    z-index: 999;
    top: 50%;
    left: 50%;
    position: fixed;
    border-radius: 10px;
    background-size: cover;
    overflow: hidden;
    height: max-content;
    transform: translate(-50%, -50%);
    max-width: 820px;
    max-height: calc(100vh - 20px);
    background: linear-gradient(180deg, rgba(0, 16, 26, 0) 0%, #00101A 70%), url('./assets/images/hero_bg.png') center;
    background-size: cover;
}

.order-modal::backdrop {
    opacity: 0;
    transition: opacity 0.25s;
    background-color: rgb(0 0 0 / 0.7);
}

.order-modal[open]::backdrop {
    opacity: 1;
}

.order-modal[open] {
    opacity: 1;
}

.order-modal.closing {
    opacity: 0;
}

@media (max-width: 860px) {
    .order-modal {
        max-width: calc(100% - 40px);
    }
}

.order-modal__close-button {
    top: 2rem;
    right: 2rem;
    width: 2rem;
    height: 2rem;
    position: absolute;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    cursor: pointer;
}

.order-modal__close-button svg {
    color: #E7F8FF;
    transition: color 0.25s;
}

.order-modal__close-button:hover svg {
    color: var(--primary-color);
}

.order-modal__inner {
    padding: 100px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: 100%;
    max-height: inherit;
}

.order-modal__header {
    gap: 0.325rem;
    display: flex;
    flex-direction: column;
    margin-bottom: 1.325rem;
}

.order-modal__textarea {
    resize: none;
    outline: none;
    padding: 1rem;
    background: #0C1C25;
    border: 1px solid #3A4A53;
    border-radius: 4px;
}

.order-modal__desc {
    color: #E7F8FF;
}

.order-modal__fields {
    gap: 1.25rem;
    display: grid;
    margin-block: 1.25rem;
    grid-template-columns: 1fr 1fr;
}

.order-modal__fields input {
    border: 1px solid #172731;
}

.order-modal__fields input::placeholder {
    color: #3A4A53;
}

.order-modal__bottom {
    margin-top: clamp(1rem, 0.1071rem + 2.8571vw, 2rem);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.order-modal__bottom .button {
    width: 100%;
    max-width: 293px;
    letter-spacing: 2px;
    padding-bottom: 1rem;
}

.consent-wrapper {
    gap: 1rem;
    color: #AEBEC6;
    font-size: 0.75rem;
    display: grid;
    grid-template-columns: 32px 1fr;
}

.consent-wrapper a {
    color: #117784;
    transition: opacity 0.25s;
}

.consent-wrapper a:hover {
    opacity: 0.75;
}

.consent-wrapper input[type="checkbox"] {
    appearance: none;
    width: 2rem;
    height: 2rem;
    border: 1px solid #E7F8FF;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    top: 3px;
}

.consent-wrapper input[type="checkbox"]:checked {
    background-color: #6c63ff;
    border-color: #6c63ff;
}

.consent-wrapper input[type="checkbox"]::after {
    content: '';
    top: 50%;
    left: 50%;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    transform: translate(-50%, -50%);
    position: absolute;
    color: #FFF;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0;
    transition: background-size 0.25s;
    background-image: url('data:image/svg+xml,<svg width="17" height="12" viewBox="0 0 17 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5L6.93129 11L15.5 1" stroke="%23FFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>');
}

.consent-wrapper input[type="checkbox"]:checked::after {
    background-size: calc(100% - 1px);
}


/* ===== Block: pt (pipe table) ===== */
.pt {
    max-width: 820px;
    margin: 0 auto;
    background: #0a1a24;
    border-radius: 18px;
    padding: 8px 22px 22px;
}

/* --- Head --- */
.pt__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 6px 14px;
}

.pt__title {
    color: #3db5a6;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.6px;
}

.pt__ctrl {
    display: flex;
    align-items: center;
    gap: 14px;
}

.pt__badge {
    border: 1px solid #2a6e66;
    background: rgba(61, 181, 166, 0.08);
    color: #3db5a6;
    padding: 7px 16px;
    border-radius: 22px;
    font-size: 13px;
}

.pt__badge-num {
    color: #ffffff;
    font-weight: 600;
    margin-left: 6px;
}

.pt__toggle {
    background: none;
    border: none;
    color: #5a7080;
    cursor: pointer;
    display: flex;
    padding: 4px;
}

/* --- Column header row --- */
.pt__cols,
.pt__row {
    display: grid;
    grid-template-columns: 0.95fr 0.75fr 1.35fr 0.9fr 1.15fr 1.1fr;
    gap: 10px;
    align-items: center;
}

.pt__cols {
    padding: 12px 8px;
    color: #45677a;
    font-size: 12.5px;
    line-height: 1.3;
    border-bottom: 1px solid #0f2330;
}

/* --- Data row --- */
.pt__row {
    padding: 8px 8px;
    border-radius: 10px;
    min-height: 58px;
}

.pt__row--on {
    background: #102733;
}

.pt__cell {
    font-size: 15px;
    color: #d5dde3;
}

.pt__cell--mute {
    color: #31495a;
    font-size: 18px;
}

.pt__dia {
    color: #ffffff;
    font-size: 15px;
}

.pt__dia-sub {
    color: #3d5a6b;
    margin-left: 3px;
}

/* --- Stepper input --- */
.pt__step {
    display: flex;
    align-items: center;
    background: #07161f;
    border: 1px solid #17303e;
    border-radius: 9px;
    height: 38px;
    overflow: hidden;
}

.pt__btn {
    background: none;
    border: none;
    color: #3db5a6;
    width: 36px;
    height: 100%;
    font-size: 18px;
    cursor: pointer;
    transition: background 0.15s;
}

.pt__btn:hover {
    background: rgba(61, 181, 166, 0.08);
}

.pt__num {
    background: none;
    border: none;
    color: #ffffff;
    text-align: center;
    font-family: inherit;
    font-size: 15px;
    flex: 1;
    width: 0;
    outline: none;
}

/* --- Foot --- */
.pt__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 6px 6px;
    margin-top: 10px;
    border-top: 1px solid #0f2330;
}

.pt__sum {
    display: flex;
    align-items: center;
    gap: 18px;
}

.pt__sum-label {
    color: #3db5a6;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.8px;
}

.pt__sum-val {
    color: #3db5a6;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
}

.pt__stats {
    display: flex;
    gap: 36px;
}

.pt__stat-label {
    color: #6d8492;
    font-size: 14px;
}

.pt__stat-val {
    color: #ffffff;
    font-size: 14px;
    margin-left: 6px;
}

/* Ошибки на полях */
.label-wrapper.has-error .input--std,
.consent-wrapper.has-error input[type="checkbox"] {
    border-color: red;
    outline-color: red;
}

.field-error {
    display: block;
    font-size: 12px;
    color: red;
    margin-top: 4px;
    width: max-content;
}

/* Статус */
.order-modal__status {
    font-size: 14px;
    margin-top: 8px;
}
.order-modal__status--success { color: green; }
.order-modal__status--error   { color: red; }

/* Кнопка во время загрузки */
.button.is-loading {
    opacity: 0.7;
    pointer-events: none;
    cursor: not-allowed;
}

.order-modal__cf7 {
    position: absolute;
    pointer-events: none;
    visiblity: hidden;
    opacity: 0;
}