@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

* {
    font-family: "Roboto", sans-serif;
}

:root {
    --bs-primary: #ED1B24;
    --bs-primary-rgb: 237, 27, 36;
    --bs-border-radius: 0.5rem;
    --bs-link-color-rgb: #ED1B24;
    --bs-link-color: #ED1B24;
    --bs-progress-bar-bg: #ED1B24;
}

body {
    background: #EEF2F8;
    background: linear-gradient(180deg, #0f2747 0%, #0b1f38 35%, #08172b 100%);
}

.btn {
    --bs-btn-border-radius: 0.7rem;
}

.btn-primary {
    background: linear-gradient(180deg, #D23637 50%, #BE1B21 100%);
    --bs-btn-bg: #ED1B24;
    --bs-btn-border-color: #ED1B24;

    --bs-btn-hover-bg: #D8171F;
    --bs-btn-hover-border-color: #D8171F;

    --bs-btn-focus-shadow-rgb: 237, 27, 36;

    --bs-btn-active-bg: #C5141B;
    --bs-btn-active-border-color: #C5141B;

    --bs-btn-disabled-bg: #ED1B24;
    --bs-btn-disabled-border-color: #ED1B24;
}


.header {
    background: linear-gradient(180deg, #0f27478c 0%, #08172b4f 500%);
    color: #fff;
    position: fixed;
    z-index: 99999;
    left: 0px;
    right: 0px;
    top: 0px;
    border: 1px solid #b2daff1f;
    backdrop-filter: blur(3px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(182, 221, 255, .08);
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
}



.header .navbar-brand {
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #b9cce0;
}

.header .navbar {
    --bs-navbar-color: #fff;
    --bs-navbar-hover-color: #b9cce0;
}


.card {
    border-color: transparent;
    box-shadow: 0px 0px 5px #d5d8dd;
}

.card.active {
    border-color: var(--bs-primary);
}

.badge-primary {
    color: #fff;
    background-color: var(--bs-primary);
    --bs-badge-padding-x: 1rem;
    --bs-badge-padding-y: 0.5rem;
}

.badge {
    background-color: var(--bs-primary);
}

.table-primary {
    --bs-table-bg: #ffde0059;
}


html,
body {
    min-height: 100%;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.section {
    padding-top: 40px;
    padding-bottom: 40px;
}

.index-banner {
    min-height: 650px;
    background-size: cover;
    box-sizing: border-box;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    display: flex;
    align-items: center;
    background-color: #0f2747;
    color: #fff;
}

.index-banner::before {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    content: "";
    background: linear-gradient(180deg, #0f27472b 0%, #0b1f3800 35%, #08172b54 100%);
}

.index-banner .container {
    position: relative;
    z-index: 1;
}

.glass {
    background: linear-gradient(180deg, #0f27478c 0%, #0b1f38 35%, #08172b4f 100%);
    border: 1px solid #b2daff1f;
    border-radius: 8px;
    backdrop-filter: blur(3px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(182, 221, 255, .08);
    color: #fff;
}

.glass.bg {
    background: linear-gradient(180deg, rgba(21, 55, 92, .48), rgba(8, 28, 50, .42));
}

.index-banner .banner-title {
    font-size: clamp(2.5rem, 2.2vw, 3rem);
    line-height: 1.08;
    letter-spacing: -0.05em;
    font-weight: 500;
}

.index-banner .banner-description {
    max-width: 560px;
    font-size: 1.125rem;
    line-height: 1.5;
    color: #d5e1ed;
}

.index-banner .banner-content {
    padding: 36px 40px;
}

.index-banner .list-group-item,
.glass .list-group-item,
.tlist-group-item {
    --bs-list-group-color: #fff;
    --bs-list-group-border-color: #b2daff1f;
}

.banner-bottom {
    position: relative;
    z-index: 2;
    margin-top: -40px;
}

@media (min-width: 768px) {
    .banner-bottom .col-md-4+.col-md-4 {
        border-left: 1px solid rgba(178, 218, 255, .12);
    }
}

.advantage-item {
    padding: 20px 40px;
    display: flex;
    gap: 20px;
}

.advantage-item .advantage-title {
    font-size: 25px;
    font-weight: bold;
}

.advantage-item .advantage-description {
    color: #b9cce0;
    line-height: 1.45;
    font-size: 14px;

}

.advantage-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.advantage-icon svg {
    fill: #fff;
}




.index-banner .btn-outline-secondary {
    background: rgb(18 48 82 / 35%);
    --bs-btn-color: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ed1b245c;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #fff;
    --bs-gradient: none;
}

.form-check-input:checked {
    background-color: #ED1B24;
    border-color: #ED1B24;
}

.progress-bar {
    background-color: #ED1B24;
}

.num-item {
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.num-val {
    flex-shrink: 0;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 3rem;
    text-align: center;
}

.num-title {
    font-size: 20px;
    font-style: normal;
    color: #b9cce0;
    font-size: 1rem;
    line-height: 120%;
    text-align: center;
}




/* Базовая иерархия заголовков на тёмных секциях */
.darksection h2 {
    font-size: clamp(1.75rem, 2.4vw, 2rem);
    line-height: 1.15;
    letter-spacing: -0.015em;
    font-weight: 700;
}

.darksection>.container>.lead {
    color: #b9cce0;
    font-size: 1.125rem;
    line-height: 1.5;
}

#local-presence {
    padding-top: 80px !important;
}

#local-presence .card-title {
    font-size: 1.375rem;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 12px;
}

#local-presence .badge {
    padding: .45em .7em;
    background: rgba(143, 187, 228, .12);
    border: 1px solid rgba(159, 197, 236, .28);
    color: #dceaf7;
    font-weight: 500;
}

#local-presence .map [class*="ground-pane"] {
    filter: grayscale(.30) sepia(.18) hue-rotate(170deg) saturate(.70) brightness(.90) contrast(.90);
    transition: .3s filter;
}

#local-presence .map:hover [class*="ground-pane"] {
    filter: none;
}

.darksection {

    color: #fff;
    position: relative;
}

.darksection a:hover {
    color: #9fb4ca;
}

.darksection .container {
    position: relative;
    z-index: 1;
}

.darksection::after {
    content: "";
    position: absolute;
    inset: auto;
    width: 600px;
    height: 300px;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background: radial-gradient(circle, rgba(80, 140, 255, .18) 0%, rgba(80, 140, 255, 0) 70%);
    pointer-events: none;
    filter: blur(20px);
}

@media (max-width: 768px) {
    .darksection::after {
        display: none;
    }
}


.darksection.texture::before {
    content: "";
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    position: absolute;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 180'%3E%3Cpath d='M0 90 L130 62 L260 83 L390 48 L520 92 L650 64 L780 88 L910 57 L1040 72 L1200 61' fill='none' stroke='%238cc7ff' stroke-opacity='.32' stroke-width='1.3'/%3E%3Cpath d='M0 126 L150 103 L300 126 L440 98 L590 134 L740 107 L900 131 L1050 107 L1200 116' fill='none' stroke='%236BA9' stroke-opacity='.20' stroke-width='1'/%3E%3C/svg%3E");
    background-repeat: repeat-y;

}

.darksection .list-group {
    border: 1px solid rgba(166, 210, 250, .15);
    border-radius: 14px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(21, 55, 92, .48), rgba(8, 28, 50, .42));
    backdrop-filter: blur(3px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(182, 221, 255, .08);
    color: #fff;
}

.darksection .list-group .list-group-item {
    align-items: center;
    gap: 18px;
    padding: 8px 14px;
    border-bottom: 1px solid rgba(166, 210, 250, .15);
    background: linear-gradient(90deg, rgba(17, 49, 83, .38), rgba(8, 28, 50, .10));
    color: #fff;
}


.map {
    overflow: hidden;
    border-radius: 8px;
}

.card-glass {
    background: linear-gradient(180deg, #284262b5 0%, #0b264263 50%);
    border: 1px solid #b2daff1f;
    border-radius: 8px;
    backdrop-filter: blur(3px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(182, 221, 255, .08);
    color: #fff;
}

.card-glass .list-group-item {
    background: transparent;
    color: #fff;
    border-bottom: 1px solid#b2daff1f;

}

.card-img {
    padding: 20px;
}

.card-glass .text-body-secondary {
    color: #fff !important;
}

.glass .text-body-secondary {
    color: #9fb4ca !important;
}

.price {
    display: flex;
    gap: 10px;
    align-items: baseline;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 0px;
}

.price-value {
    font-size: 2rem;
    font-weight: bold;

}

.currency {
    font-size: 1.5rem;
}

.card-glass .model {
    font-weight: bold;
    font-size: 1.5rem;
    text-align: center;
}

.card-glass .card-title.h5 {
    font-size: 1rem;
    text-align: center;
}

.card-glass .card-text.description {
    font-size: 14px;
}


.btn-outline-secondary {
    background: rgb(18 48 82 / 35%);
    --bs-btn-color: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ed1b245c;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #375f87d9;
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #fff;
    --bs-gradient: none;
}




.glow-icy:before {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    mix-blend-mode: screen;
    filter: blur(2px);
    content: "";
    left: -16.68%;
    top: 11.07%;
    width: 59.29%;
    height: 33.22%;
    background:
        radial-gradient(ellipse at center,
            rgba(76, 145, 220, .42) 0%,
            rgba(76, 145, 220, .15) 55%,
            rgba(76, 145, 220, 0) 100%);
}


.glow-cyan:after {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    mix-blend-mode: screen;
    filter: blur(2px);
    content: "";
    left: 27.79%;
    top: 29.07%;
    width: 59.29%;
    height: 35.99%;
    background:
        radial-gradient(ellipse at center,
            rgba(54, 126, 190, .24) 0%,
            rgba(54, 126, 190, .085) 55%,
            rgba(54, 126, 190, 0) 100%);
}

.glow-moon:before {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    mix-blend-mode: screen;
    filter: blur(2px);
    content: "";
    left: 64.85%;
    top: -9.69%;
    width: 46.32%;
    height: 34.60%;
    background:
        radial-gradient(ellipse at center,
            rgba(145, 200, 255, .22) 0%,
            rgba(145, 200, 255, .075) 55%,
            rgba(145, 200, 255, 0) 100%);
}

.soft {
    fill: none;
    stroke: #9fc5ec;
    stroke-width: 1.35;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: .7;
}

.stroke {
    fill: none;
    stroke: #f5f9ff;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.glitems {

    border: 1px solid rgba(166, 210, 250, .15);
    border-radius: 14px;
    overflow: hidden;
}

.glitem {
    min-height: 96px;
    display: grid;
    grid-template-columns: 72px 1fr;
    align-items: center;
    gap: 18px;
    padding: 16px 18px;
    border-bottom: 1px solid rgba(166, 210, 250, .15);
    background: linear-gradient(90deg, rgba(17, 49, 83, .38), rgba(8, 28, 50, .10));
}

.glitems-mini .glitem {
    grid-template-columns: auto;
    min-height: auto;
}

.gwinter {
    fill: none;
    stroke: #8fbbe4;
    stroke-width: 1.15;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: .72;
}

.gmain {
    fill: none;
    stroke: #f7fbff;
    stroke-width: 2.25;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.result .svg-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 18px;
}

.result {
    min-height: 160px;
    padding: 20px;
    height: 100%;
}

.result__title,
.glitem__title {
    font-size: 1.125rem;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 6px;
}

@media (max-width: 767.98px) {
    .result__title,
.glitem__title {
        font-size: 1rem;
}
}

.result__text,
.glitem__text {
    color: #b9cce0;
    line-height: 1.5;
    font-size: 0.9375rem;
}


.bg-r1 {
    background-image: url("../img/bg-r1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
}

.bg-r2 {
    background-image: url("../img/bg-r2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
}

.bg-r3 {
    background-image: url("../img/bg-r3.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
}

.fbg-r3 {
    background-image: url("../img/fbg-r3l.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    position: relative;
}

.fbg-r3 .container {
    position: relative;
    z-index: 1;
}

.fbg-r3:before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: linear-gradient(119deg, #0f27476e 0%, #08172b3d 100%);
}

.fbg-r4 {
    background-image: url("../img/fbg-r4l.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    position: relative;
}

.fbg-r4 .container {
    position: relative;
    z-index: 1;
}

.fbg-r4:before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: linear-gradient(119deg, #0f27476e 0%, #08172b3d 100%);
}

.fbg-r5 {
    background-image: url("../img/fbg-r5l.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    position: relative;
}

.fbg-r5 .container {
    position: relative;
    z-index: 1;
}

.fbg-r5:before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: linear-gradient(119deg, #0f27476e 0%, #08172bbd 100%);
}


.fbg-r6 {
    background-image: url("../img/fbg-r6l.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    position: relative;
}

.fbg-r6 .container {
    position: relative;
    z-index: 1;
}

.fbg-r6:before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: linear-gradient(119deg, #0f27476e 0%, #08172bbd 100%);
}


.brt {
    border-top: 1px solid #b2daff1f;
}

.brb {
    border-bottom: 1px solid #b2daff1f;
}

.darksection .table {
    --bs-table-color: #dce8f5;
    --bs-table-bg: rgba(255, 255, 255, .03);
    --bs-table-border-color: rgba(180, 220, 255, .12);

    --bs-table-striped-bg: rgba(255, 255, 255, .04);
    --bs-table-striped-color: #dce8f5;

    --bs-table-hover-bg: rgba(120, 170, 220, .08);
    --bs-table-hover-color: #fff;

    border-radius: 10px;
    overflow: hidden;
}

.darksection .table>thead {
    --bs-table-bg: rgba(55, 95, 135, .85);
    --bs-table-color: #fff;
}

.darksection .table>tbody>tr>th {
    --bs-table-bg: rgba(40, 75, 110, .9);
    --bs-table-color: #fff;
}

.darksection .table .table-primary {
    --bs-table-bg: rgba(70, 110, 150, .35);
    --bs-table-color: #fff;
    --bs-table-border-color: rgba(180, 220, 255, .14);
}

.darksection .accordion {
    --bs-accordion-color: #dce8f5;
    --bs-accordion-bg: rgba(255, 255, 255, .03);

    --bs-accordion-border-color: rgba(180, 220, 255, .12);
    --bs-accordion-border-radius: 12px;
    --bs-accordion-inner-border-radius: 11px;

    --bs-accordion-btn-color: #f3f8fd;
    --bs-accordion-btn-bg: rgba(20, 50, 82, .75);

    --bs-accordion-active-color: #fff;
    --bs-accordion-active-bg: rgba(55, 95, 135, .55);

    --bs-accordion-btn-focus-border-color: rgba(150, 200, 245, .25);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .15rem rgba(80, 145, 205, .12);
}

.darksection .accordion-button {
    font-weight: 600;
}

.darksection .accordion-button:not(.collapsed) {
    box-shadow: inset 0 -1px 0 rgba(180, 220, 255, .10);
}

.darksection .accordion-body {
    color: #bfd0e2;
}

.darksection .accordion-button::after {
    filter: brightness(0) invert(1);
    opacity: .75;
}


.darksection form-check-label.small {
    font-size: 12px;
    color: #b9cce0;
    line-height: 16px;
}


footer.text-bg-dark {
    background: #071325 !important;
    border-top: 1px solid #b2daff1f;
}


@media (max-width: 767.98px) {
    .index-banner {
        min-height: auto;
        padding-top: 110px;
        padding-bottom: 150px;
    }

    .index-banner .banner-content {
        padding: 28px 24px;
    }

    .index-banner .banner-title {
                font-size: 1.5rem;
    }

    .index-banner .banner-description {
        font-size: 1rem;
    }

    .banner-bottom {
        bottom: -110px;
    }

    .advantage-item {
        padding: 10px 20px;
    }

    #local-presence {
        padding-top: 150px !important;
    }
}


.banner-description {
    max-width: 560px;
    font-size: 1.125rem;
    line-height: 1.5;
    color: #d5e1ed;
}

.banner-points {
    display: grid;
    gap: 5px;
    max-width: 560px;
}

.banner-point {
    display: grid;
    grid-template-columns: 18px 1fr;
    gap: 12px;
    align-items: start;
}

.banner-point__icon {
    color: #9fc5ec;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
}

.banner-point__text {
    color: #edf4fb;
    font-size: 15px;
    line-height: 1.45;
}

.card-buttons {
    display: flex;
    padding: 20px;
    flex-direction: column;
    gap: 10px;
}

.modal-content {
    background: linear-gradient(180deg, #0f2747cc 0%, #0b1f38 35%, #08172b4f 100%);
    border: 1px solid #b2daff1f;
    border-radius: 8px;
    backdrop-filter: blur(3px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(182, 221, 255, .08);
    color: #fff;
}

.modal-header {
    border-bottom: 1px solid rgba(166, 210, 250, .15);
}

.modal-footer {
    border-top: 1px solid rgba(166, 210, 250, .15);
}

.btn-close {
    filter: brightness(0) invert(1);
    opacity: .75;
}

.navbar-toggler {
    border-color: #fff;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


.whitesection {
    background: #fff;
    padding-top: 100px;
}

main+.whitesection {
    padding-top: 100px;
}

.scheme {
    position: relative;
    min-height: 760px;
    border: 1px solid rgba(168, 213, 255, .18);
    border-radius: 28px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 45%, rgba(74, 153, 222, .13), transparent 30%),
        linear-gradient(180deg, rgba(18, 51, 86, .74), rgba(5, 23, 42, .92));
    box-shadow:
        0 24px 60px rgba(0, 0, 0, .28),
        inset 0 1px 0 rgba(255, 255, 255, .04);
}

.scheme::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .16;
    pointer-events: none;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 180'%3E%3Cpath d='M0 105 C180 70 320 130 500 95 S820 65 1000 100' fill='none' stroke='%237bb8e9' stroke-opacity='.3' stroke-width='1.2'/%3E%3Cpath d='M0 135 C160 112 350 150 520 122 S830 95 1000 125' fill='none' stroke='%237bb8e9' stroke-opacity='.18' stroke-width='1'/%3E%3C/svg%3E");
    background-repeat: repeat-y;
    background-size: 100% 18%;
}

.machine {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(44%, 640px);
    transform: translate(-50%, -45%);
    z-index: 2;
    filter: drop-shadow(0 28px 36px rgba(0, 0, 0, .42));
    opacity: 0.8;
}

.machine img {
    display: block;
    width: 100%;
    height: auto;
}

.machine::after {
    content: "";
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: -6%;
    height: 12%;
    border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(90, 170, 236, .18), transparent 70%);
    filter: blur(12px);
    z-index: -1;
}

.callout {
    position: absolute;
    width: 300px;
    padding: 16px 18px 16px 64px;
    border: 1px solid rgba(168, 213, 255, .18);
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(20, 58, 96, .88), rgba(8, 28, 49, .94));
    box-shadow:
        0 14px 30px rgba(0, 0, 0, .24),
        inset 0 1px 0 rgba(255, 255, 255, .04);
    z-index: 4;
}

.callout__num {
    position: absolute;
    left: 16px;
    top: 16px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-weight: 800;
    background: rgba(114, 180, 239, .14);
    border: 1px solid rgba(160, 211, 255, .34);
    color: #fff;
}

.callout h3 {
    margin: 0 0 6px;
    font-size: 18px;
    line-height: 1.15;
}

.callout p {
    margin: 0;
    color: #b8cce1;
    font-size: 14px;
    line-height: 1.45;
}

.c1 {
    left: 34px;
    top: 88px
}

.c2 {
    right: 34px;
    top: 80px
}

.c3 {
    right: 34px;
    top: 330px
}

.c4 {
    right: 34px;
    bottom: 84px
}

.c5 {
    left: 34px;
    bottom: 88px
}

.c6 {
    left: 34px;
    top: 350px
}

.wires {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
}

.wires path {
    fill: none;
    stroke: rgba(162, 211, 255, .62);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 6px rgba(78, 159, 226, .35));
}

.wires circle {
    fill: #dff2ff;
    stroke: #6eb6ef;
    stroke-width: 2;
    filter: drop-shadow(0 0 6px rgba(98, 179, 241, .55));
}

.mini-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.mini {
    border: 1px solid rgba(168, 213, 255, .18);
    border-radius: 16px;
    padding: 14px;
    background: rgba(11, 31, 55, .82);
}

.mini strong {
    display: block;
    margin-bottom: 6px;
    font-size: 15px;
}

.mini span {
    color: #b8cce1;
    font-size: 13px;
    line-height: 1.4;
}

@media(max-width:1199px) {
    .scheme {
        min-height: auto;
        padding: 28px
    }

    .machine {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        width: min(76%, 620px);
        margin: 0 auto 28px;
        opacity: 1;
    }

    .wires {
        display: none
    }

    .callout {
        position: relative;
        inset: auto !important;
        width: auto;
        margin-bottom: 12px;
    }

    .mini-grid {
        grid-template-columns: 1fr
    }
}

@media(max-width:620px) {
    body {
        padding: 4px
    }

    .scheme {
        border-radius: 20px;
        padding: 18px
    }

    .machine {
        width: 100%
    }

    .callout {
        padding-left: 58px
    }
}


.sp-tablet {
    display: none;
}

.cr-tablet {
    display: none;
}

@media (max-width: 1399px) {
    .sp-desktop {
        display: none;
    }

    .cr-desktop {
        display: none;
    }

    .sp-tablet {
        display: block;
    }

    .cr-tablet {
        display: block;
    }
}

#product-head {
    padding-top: 80px !important;
    color: #fff;
}

#product-head .breadcrumb-item.active {
    color: #9fb4ca;
}

#product-head .breadcrumb-item a:hover {
    color: #9fb4ca;
}

#product-head .breadcrumb-item+.breadcrumb-item::before {
    color: #9fb4ca;
}

@media (max-width: 768px) {
    .mobshad {
        position: relative;
    }
    .mobshad:before {
        content: "";
        left: 0px;
        right: 0px;
        bottom: 0px;
        top: 0px;
        position: absolute;        
        z-index: 0;
                background: linear-gradient(180deg, #0f274700 0%, #0b1f38c9 0% 88%, #08172ba3 100%);
                border-radius: 3px;
    }

    .mobshad .card-body{position: relative;        
        z-index: 1;}
}
.form-text{color:#fff;}

.slider-big {
    border: 1px solid #b2daff1f;
    border-radius: 8px;
    backdrop-filter: blur(3px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(182, 221, 255, .08);
    overflow: hidden;
}

.slider-big .swiper {
    aspect-ratio: 764 / 638;
    overflow: hidden;

}

.slider-big .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}



.slider-big .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
}

.slider-thumbs {
    margin-top: 10px;
    position: relative;
}

.slider-thumbs .swiper-slide {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    aspect-ratio: 1 / 1;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #b2daff1f;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(182, 221, 255, .08);
    cursor: pointer;
}

.slider-thumbs .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
}

.slider-thumbs .swiper-slide:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: linear-gradient(180deg, #0f27472e 0%, #08172b63 100%);
    opacity: 1;
    transition: .3s opacity;
}

.slider-thumbs .swiper-slide:hover:before {
    opacity: 0;
}

.slider-thumbs .swiper-slide-thumb-active:before {
    opacity: 0;
}

.form-control {
    background-color: #466e9659;
    border-color: #284b6ee6;
    border-width: 2px;
    transition: border-color .15s ease-in-out, background-color .15s ease-in-out, box-shadow .15s ease-in-out;
    color: #fff;
}

.form-select {
    background-color: #466e9659;
    border-color: #284b6ee6;
    border-width: 2px;
    color: #fff;
    transition: border-color .15s ease-in-out, background-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-control::placeholder {
    color: #b9cce0;
}

.form-select option {
    color: #212529;
}

.form-check-input {
    border-color: #284b6ee6;
    border-width: 2px;
    background-color: #466e9659;
}

.sn {
    position: relative;
}

.sn:before {
    background-image: url(../img/sneg.png);
    background-repeat: no-repeat;
    position: absolute;
    content: "";


}

.sn1:before {
    width: 60px;
    height: 68px;
    left: 10%;
    bottom: 5%;
    background-position-x: -15px;
    background-position-y: -11px;
    rotate: 10deg;
    opacity: 0.2;
}

.sn2:before {
    width: 60px;
    height: 68px;
    right: 10%;
    bottom: 5%;
    background-position-x: -15px;
    background-position-y: -83px;
    rotate: 20deg;
    opacity: 0.2;
}

.sn3:before {
    width: 60px;
    height: 68px;
    left: 10%;
    bottom: 5%;
    background-position-x: -15px;
    background-position-y: -156px;
    rotate: 10deg;
    opacity: 0.2;
}

.sn4:before {
    width: 60px;
    height: 68px;
    right: 10%;
    bottom: 5%;
    background-position-x: -94px;
    background-position-y: -83px;
    rotate: 20deg;
    opacity: 0.2;
}
@media (max-width: 450px) {
   .advantage-item .advantage-title{font-size: 16px;}
   .price-value{font-size:16px;}
   .currency{font-size:16px;}
}

.slider-thumbs .swiper-button-next{margin-top:14px; color: #fff000;}
.slider-thumbs .swiper-button-prev{margin-top:14px; color: #fff000;}