@font-face {
    font-family: 'FuturaPTMedium';
    src: url(/assets/fonts/FuturaPTMedium.otf) format('truetype');
    /* font-weight: 500; */
    /* font-style: normal; */
}
@font-face {
    font-family: 'FuturaPTLight';
    src: url(/assets/fonts/FuturaPTLight.otf) format('truetype');
    /* font-weight: 500; */
    /* font-style: normal; */
}
@font-face {
    font-family: 'FuturaPTBold';
    src: url(/assets/fonts/FuturaPTBold.otf) format('truetype');
    /* font-weight: 100; */
    /* font-style: normal; */
}
:root {
    --bg-about: rgb(20, 20, 20);
    --bg-footer: rgb(26, 29, 38);
    --title: rgb(47, 52, 56);
    --gold: rgb(149, 118, 94);
    --border-gold: rgba(191, 156, 36, 0.6);
    --red:  rgb(205, 23, 25);
    --white: rgb(255, 255, 255);
    --black:rgb(0, 0, 0);
    --text: rgb(23, 23, 23);
    --or: rgb(235, 113, 36);
    --gray: rgb(120, 120, 120);
    --d: 700ms;
    --e: cubic-bezier(0.19, 1, 0.22, 1);
    --FuturaM: 'FuturaPTMedium';
    --FuturaL: 'FuturaPTLight';
    --FuturaB: 'FuturaPTBold';
}
/* Общий стиль скроллбара */
::-webkit-scrollbar {
    width: 10px; /* Ширина вертикального скролла */
    height: 10px; /* Высота горизонтального скролла */
}

/* Стиль ползунка */
::-webkit-scrollbar-thumb {
    background: #555; /* Цвет ползунка */
    border-radius: 5px; /* Скругление */
}

/* Стиль фона скроллбара */
::-webkit-scrollbar-track {
    background: var(--bg-footer); /* Цвет дорожки */
}

/* При наведении */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* html, body {
    height: 100%;
    margin: 0;
    display: grid;
    grid-template-rows:  1fr auto;
}

main {
    overflow: auto;
} */
html, body {
    /* height: 100%; */
    margin: 0;
    display: flex;
    flex-direction: column;
    font-family: var(--FuturaM);
    /* /* position: relative; */
}
body{
    background-color: var(--bg-about);
}
a:hover{
    cursor: pointer;
}
button {
    all: unset;
    cursor: pointer;
    display: inline-block; /* Нужно для корректного отображения */
}

input {
    all: unset;  /* Сбрасывает все стили, включая шрифты, отступы и границы */
    -webkit-appearance: none; /* Убирает стили, специфичные для WebKit браузеров */
    -moz-appearance: none; /* Убирает стили для Firefox */
    appearance: none; /* Стандартный синтаксис */
    border: none; /* Убирает границу */
    outline: none; /* Убирает фокус */
    padding: 0; /* Убирает внутренние отступы */
    background: transparent; /* Убирает фон */
    color: inherit; /* Наследует цвет от родительского элемента */
    font: inherit; /* Наследует шрифт */
    box-sizing: border-box; /* Устанавливает box-model для элемента */
}
a{
    text-decoration: none;
    outline: none;
    list-style: none;
    color: var(--white);
    transition: all .2s ease-in-out;
    width: max-content;
}
ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
p{
    margin: 0;
}

/*          Бургер           */
body,
html {
    /* height: 100%; */
    padding: 0;
    margin: 0;
    /* position: relative; */
    transition: transform .7s ease-in-out;
    z-index: 7;
    color: var(--white);
}
body.no-scrol{
    overflow:hidden;
}
footer{
    padding: 20px 0;
    background-color: var(--black);
    /* border-top: 1px solid var(--or); */
}

.meta-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.meta-link > i, .meta-link > span {
    height: 20px;
    line-height: 20px;
}

.meta-link > span {
    color: white;
    font-family: "Rubik", sans-serif;
    font-weight: 500;
}
header{
    top: 0;
    margin: 0 auto;
}
header .container {
    backdrop-filter: blur(10px);               /* размываем фон под блоком */
    -webkit-backdrop-filter: blur(20px);       /* поддержка Safari */
    padding-top: 20px;
    padding-bottom: 20px;
    z-index: 50;
}
.hed-li{
    margin-right: 45px;
    color: var(--black);
    font-size: 15px;
    font-weight: 400;
    transition: all .3s ease-in-out;
}
.hed-li:hover a{
    color: var(--or);
}
.header-btn{
    font-family: 'Roboto';
    background-color: var(--or);
    border: 1px solid var(--or);
    color: var(--white);
    padding: 15px 30px;
    font-weight: 300;
    transition: all .6s ease-in-out;
    border-radius: 10px;
}
.header-btn:hover{
    background-color: var(--white);
    color: var(--or);
    /* transition: all .3s ease-in-out; */
}
header .header-btn{
    padding: 6px 50px;
}
.ferst{
    background-size: cover;        /* Масштабирует изображение, чтобы покрыть весь блок */
    background-position: center;   /* Центрирует изображение */
    background-repeat: no-repeat;  /* Не повторять изображение */
}

.ferst .ferst-title{
    font-size: 33px;
    font-weight: 400;
    word-spacing: -1px;
    @media (max-width: 992px) {
        font-size: 24px;
        text-align: center;
        margin-bottom: 20px;
    }
}
/* .ferst-title{
  font-size: 30px;
  font-weight: 400;
  line-height: 1.1;
} */
.door-icon{
    width: 80px;
    @media(max-width: 992px) {
        width: 36px;
    }
}
.door-icon img{
    @media(max-width: 992px) {
        width: 80%;
        height: auto;
    }
}
.under-bord{
    border-bottom: 5px solid var(--red);
}
.under-bord img{
    width: 50px;
}
.btn-red-b{
    padding: 21px 0px;
    background-color: var(--red);
    border: 1px solid var(--red);
    /* box-shadow: 0 0 10px var(--red), 0 0 10px var(--red), 0 0 30px var(--red); */
    transition: box-shadow 0.3s ease;
    font-family: var(--FuturaB);
    display: block;
    width: 100%;
    @media (max-width: 992px) {
        width: 100%;
    }
    text-align: center;
}

.ferst-button a{
    width: 100%;
}

.btn-red-b:hover {
    box-shadow: 0 0 10px var(--red),
    0 0 20px var(--red),
    0 0 30px var(--red),
    0 0 50px var(--red);
}

.line-or{
    width: 130px;
    height: 5px;
    background-color: var(--or);
    margin-bottom: 20px;
    border-radius: 5px;
}
.container-pading{
    padding-top: 127px;
    padding-bottom: 235px;
    @media (max-width: 992px) {
        padding-top: 160px;
        padding-bottom: 20px;
    }
}
.num{
    font-size: 40px;
    font-weight: bold;
    color: var(--or);
    margin-right: 5px;
}
.section-text{
    color: var(--gray);
}
.gall-bg-im{
    right: 0px;
    bottom: -100px;
}
.parallelogram {
    transform: skew(-25deg);
    transform-origin: bottom left;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: var(--red);
    padding: 10px 10px 10px 70px;
    @media (max-width: 992px) {
        padding: 5px 5px 5px 20px;
        transform: skew(-25deg);
    }
}

.parallelogram div {
    transform: skew(25deg);
    color: white;
    font-family: sans-serif;
    font-size: 14px;
    @media  (max-width: 992px) {
        font-size: 9px;
    }
}
.time-h{
    left: -10px;
    top: -12px;
    @media (max-width: 992px) {
        left: -13px;
        top: 5px;

    }
}
.time-h img{
    @media (max-width: 992px) {
        width: 30px;
        height: 30px;
    }
}

.soc-h svg{
    margin-left: 20px;
    @media (max-width: 992px) {
        margin-left: 10px;
        width: 30px;
        height: 30px;
    }
}

.icon-ferst div{
    @media (max-width: 992px) {
        font-size: 12px;
    }
}
.soc-h div{
    @media (max-width: 992px) {
        font-size: 9px;
    }
}
.fs-small{
    font-size: 11px;
    @media(max-width: 992px) {
        font-size: 7px;
    }
}

.tel-h{
    font-size: 25px;
    font-family: var(--FuturaB);
    @media (max-width: 992px) {
        font-size: 12px;
    }
}
.time-text{
    font-weight: 600;
}
.red-spn{
    color: var(--red);
}

/* .splide_4 .splide__arrow{
  opacity: 0.9;
  background-color: var(--white);
  border-radius: 10px;
} */
.splide_4 .splide__pagination{
    bottom: -65px;
}
.splide_4 .splide__pagination__page.is-active{
    background-color: var(--red);
}
.why-img{
    width: 65px;
    @media (max-width: 992px) {
        width: 40px;

    }
}
.why-title{
    /* font-size: 30px; */
    font-weight: 700;
    color: var(--black);
    @media (max-width: 992px) {
        font-size: 12px;

    }
}
.why-text{
    color: var(--gray);
}
.br-right{
    border-right: 1px solid rgb(222, 222, 222);
    @media (max-width: 992px) {
        border-right: none;
    }
}
.br-bottom{
    border-bottom: 1px solid rgb(222, 222, 222);
    @media (max-width: 992px) {
        border-bottom: none;
    }
}
.img-whh{
    bottom: -214px;
    left: -259px;
}
.splide_2 .splide__arrow{
    background: none;

}
.splide_2 .splide__arrow svg{
    width: 40px;
}
.splide_2 .splide__arrow--next{
    right: -95px;
}
.splide_2 .splide__arrow--prev{
    left: -95px;
}
.map iframe{
    width: 100%;
    /* transform: skew(-11deg);
    transform-origin: bottom left;
    display: flex; */
    /* align-items: center; */
    /* justify-content: center;
    flex-direction: column;
    /* margin: 50px; */
    /* padding: 68px; */
    border-radius: 30px;
}
.img-benz{
    top: -100px;
    right: 0;
}

html, body { overflow-x: hidden; }

.hed-li a{

    position: relative;
}
.hed-li a::after{
    position: absolute;
    content: '';
    bottom: -5px;
    display: block;
    width: 0%;
    height: 2px;
    background: var(--or);
    transition: .3s ease-in-out;
    left: 50%;
    transform: translateX(-50%);
}
.hed-li a:hover::after{
    width: 100%;
    transition: .3s ease-in-out;

}
.img-a{
    display: block;
    @media(max-width: 2000px) {
        display: none;
    }
}
.form-all{
    background-color: var(--or);
    padding: 50px 130px;
    border-radius: 20px;
    @media (max-width: 992px) {
        padding: 15px 15px;
    }
}
.input-width{
    width: 70%;
}
.form-control-name {
    color: var(--white);
    border: none;
    border: 2px solid var(--black);
}
.form-control {
    background-color: var(--white);
    color: var(--black);
    border-radius: 0;
    padding: 15px 40px;
}
.form-control:focus {
    /* color: var(--black); */
    border-color: var(--black);
    outline: none;
    box-shadow: none;
}
.form-control-text {
    border: none;
    padding: 15px 0;
    height: 150px;
}
.icon-inp{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
}
.inp-but{
    background-color: var(--white);
    color: var(--black);
    padding: 15px 30px;
    font-weight: 700;
    text-align: center;
    transition: all .6s ease-in-out;
    border-radius: 10px;
}
.inp-but:hover{
    opacity: 0.8;
}

@-webkit-keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(0,0,0)}}@keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.svg-elem-1{-webkit-animation:animate-svg-fill-1 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 0.7s both;animation:animate-svg-fill-1 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 0.7s both}@-webkit-keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(205,23,25)}}@keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(205,23,25)}}.svg-elem-2{-webkit-animation:animate-svg-fill-2 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 0.83s both;animation:animate-svg-fill-2 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 0.83s both}@-webkit-keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(0,0,0)}}@keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.svg-elem-3{-webkit-animation:animate-svg-fill-3 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 0.96s both;animation:animate-svg-fill-3 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 0.96s both}@-webkit-keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(205,23,25)}}@keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(205,23,25)}}.svg-elem-4{-webkit-animation:animate-svg-fill-4 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 1.0899999999999999s both;animation:animate-svg-fill-4 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 1.0899999999999999s both}@-webkit-keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(0,0,0)}}@keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.svg-elem-5{-webkit-animation:animate-svg-fill-5 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 1.22s both;animation:animate-svg-fill-5 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 1.22s both}@-webkit-keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(205,23,25)}}@keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(205,23,25)}}.svg-elem-6{-webkit-animation:animate-svg-fill-6 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 1.35s both;animation:animate-svg-fill-6 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 1.35s both}@-webkit-keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(0,0,0)}}@keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.svg-elem-7{-webkit-animation:animate-svg-fill-7 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 1.48s both;animation:animate-svg-fill-7 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 1.48s both}@-webkit-keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(205,23,25)}}@keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(205,23,25)}}.svg-elem-8{-webkit-animation:animate-svg-fill-8 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 1.6099999999999999s both;animation:animate-svg-fill-8 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 1.6099999999999999s both}@-webkit-keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(0,0,0)}}@keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.svg-elem-9{-webkit-animation:animate-svg-fill-9 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 1.74s both;animation:animate-svg-fill-9 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 1.74s both}@-webkit-keyframes animate-svg-fill-10{0%{fill:transparent}100%{fill:rgb(205,23,25)}}@keyframes animate-svg-fill-10{0%{fill:transparent}100%{fill:rgb(205,23,25)}}.svg-elem-10{-webkit-animation:animate-svg-fill-10 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 1.8699999999999999s both;animation:animate-svg-fill-10 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 1.8699999999999999s both}@-webkit-keyframes animate-svg-fill-11{0%{fill:transparent}100%{fill:rgb(0,0,0)}}@keyframes animate-svg-fill-11{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.svg-elem-11{-webkit-animation:animate-svg-fill-11 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 2s both;animation:animate-svg-fill-11 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 2s both}@-webkit-keyframes animate-svg-fill-12{0%{fill:transparent}100%{fill:rgb(205,23,25)}}@keyframes animate-svg-fill-12{0%{fill:transparent}100%{fill:rgb(205,23,25)}}.svg-elem-12{-webkit-animation:animate-svg-fill-12 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 2.13s both;animation:animate-svg-fill-12 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 2.13s both}@-webkit-keyframes animate-svg-fill-13{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-13{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-13{-webkit-animation:animate-svg-fill-13 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 2.26s both;animation:animate-svg-fill-13 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 2.26s both}@-webkit-keyframes animate-svg-fill-14{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-14{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-14{-webkit-animation:animate-svg-fill-14 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 2.3899999999999997s both;animation:animate-svg-fill-14 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 2.3899999999999997s both}@-webkit-keyframes animate-svg-fill-15{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-15{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-15{-webkit-animation:animate-svg-fill-15 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 2.52s both;animation:animate-svg-fill-15 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 2.52s both}@-webkit-keyframes animate-svg-fill-16{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-16{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-16{-webkit-animation:animate-svg-fill-16 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 2.6500000000000004s both;animation:animate-svg-fill-16 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 2.6500000000000004s both}@-webkit-keyframes animate-svg-fill-17{0%{fill:transparent}100%{fill:rgb(255,0,0)}}@keyframes animate-svg-fill-17{0%{fill:transparent}100%{fill:rgb(255,0,0)}}.svg-elem-17{-webkit-animation:animate-svg-fill-17 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 2.7800000000000002s both;animation:animate-svg-fill-17 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 2.7800000000000002s both}@-webkit-keyframes animate-svg-fill-18{0%{fill:transparent}100%{fill:rgb(255,0,0)}}@keyframes animate-svg-fill-18{0%{fill:transparent}100%{fill:rgb(255,0,0)}}.svg-elem-18{-webkit-animation:animate-svg-fill-18 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 2.91s both;animation:animate-svg-fill-18 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 2.91s both}@-webkit-keyframes animate-svg-fill-19{0%{fill:transparent}100%{fill:rgb(255,0,0)}}@keyframes animate-svg-fill-19{0%{fill:transparent}100%{fill:rgb(255,0,0)}}.svg-elem-19{-webkit-animation:animate-svg-fill-19 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 3.04s both;animation:animate-svg-fill-19 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 3.04s both}@-webkit-keyframes animate-svg-fill-20{0%{fill:transparent}100%{fill:rgb(255,0,0)}}@keyframes animate-svg-fill-20{0%{fill:transparent}100%{fill:rgb(255,0,0)}}.svg-elem-20{-webkit-animation:animate-svg-fill-20 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 3.17s both;animation:animate-svg-fill-20 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 3.17s both}@-webkit-keyframes animate-svg-fill-21{0%{fill:transparent}100%{fill:rgb(255,0,0)}}@keyframes animate-svg-fill-21{0%{fill:transparent}100%{fill:rgb(255,0,0)}}.svg-elem-21{-webkit-animation:animate-svg-fill-21 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 3.3s both;animation:animate-svg-fill-21 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 3.3s both}@-webkit-keyframes animate-svg-fill-22{0%{fill:transparent}100%{fill:rgb(255,0,0)}}@keyframes animate-svg-fill-22{0%{fill:transparent}100%{fill:rgb(255,0,0)}}.svg-elem-22{-webkit-animation:animate-svg-fill-22 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 3.4299999999999997s both;animation:animate-svg-fill-22 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 3.4299999999999997s both}@-webkit-keyframes animate-svg-fill-23{0%{fill:transparent}100%{fill:rgb(255,0,0)}}@keyframes animate-svg-fill-23{0%{fill:transparent}100%{fill:rgb(255,0,0)}}.svg-elem-23{-webkit-animation:animate-svg-fill-23 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 3.5600000000000005s both;animation:animate-svg-fill-23 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 3.5600000000000005s both}@-webkit-keyframes animate-svg-fill-24{0%{fill:transparent}100%{fill:rgb(205,23,25)}}@keyframes animate-svg-fill-24{0%{fill:transparent}100%{fill:rgb(205,23,25)}}.svg-elem-24{-webkit-animation:animate-svg-fill-24 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 3.6900000000000004s both;animation:animate-svg-fill-24 0.6s cubic-bezier(0.6,-0.28,0.735,0.045) 3.6900000000000004s both}

.preloader{
  z-index:9999999;
  width:100vw;
  background-color:#2B2A2A;
  backdrop-filter:blur(20px);
  height:100vh;
  position:fixed;
  display:flex;
  top:0;
  justify-content:center;
  align-items:center
}

.preloader.hide{
  animation:2.5s prehide
}
#preloaderSvg{
  animation:show 1s
}

@media (max-width:992px){
  #preloaderSvg{
    width:85%;
    height:85%;
  }
}
@keyframes prehide{0%{opacity:1}100%{opacity:0}}

.f-32{
    font-size: 32px;
    font-weight: 700;
    color: var(--white);
    @media (max-width: 992px) {
        font-size: 24px;

    }
}
.line-f-b{
    width: 80px;
    height: 5px;
    border-radius: 10px;
    background-color: var(--white);
    margin-left: 20px;
}
.line-f-s{
    width: 30px;
    height: 5px;
    border-radius: 10px;
    background-color: var(--white);
    margin-left: 20px;
}
.f-text{
    font-size: 20px;
    font-weight: 300;
    color: var(--white);
    margin-top: 20px;
    margin-bottom: 20px;
}
.accetc{
    font-size: 16px;
    font-weight: 300;
    color: var(--white);
    margin-top: 30px;
}
.adress-bold{
    font-weight: 700;
}
.ferst-img{
    @media (max-width: 992px) {
        height: 300px;
    }
}
.sec-title{
    font-size: 33px;
    font-weight: 700;
    margin: 20px 0 20px 0;
    color: var(--white);
    @media(max-width: 992px) {
        font-size: 20px;
    }
}
.modal-body input{
    border-radius: 20px;
    border: 1px solid var(--white);
    color: var(--white);
    background: transparent;
    padding: 10px 20px;
}
.modal-body input:focus{
    border: 1px solid var(--gray);
    background: transparent;
    box-shadow: none;
    color: var(--white);
}
.modal-body textarea{
    border-radius: 20px;
    height: 90px;
    border: 1px solid var(--white);
    background: transparent;
    padding: 10px 20px;
    height: 150px;
    color: var(--white);
}
.modal-body textarea:focus{
    border: 1px solid var(--gray);
    background: transparent;
    box-shadow: none;
    color: var(--white);
}
.cat-fav svg{
    @media (max-width: 992px) {
        height: 30px;
    }
}
.modal-content{
    background-color: var(--bg-about);
    color: var(--white);
    /* background-image: url('../images/bg-main.png'); */
    padding: 50px 80px;
    border-radius: 30px;
    @media (max-width: 992px){
        padding: 10px 10px;
    }
}
#ThanksReview .modal-content{
    padding: 50px 30px;
    @media (max-width: 992px) {
        padding: 30px 20px;

    }
}
.white-circle{
    border-radius: 50%;
    aspect-ratio: 1/1;
    width: 80px;
    background: rgba(255, 255, 255, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
}
.form-logo{
    width: 100px;
    height: 300px;
}
.red-b {
    width: 340px;
    /* height: 76%; */
    padding: 10px 12px 10px 78px;
    font-size: 18px;
    font-weight: 300;
    background-color: rgb(149, 3, 6);
    border: 2px solid rgb(127, 3, 5);
    border-radius: 20px;
    color: white;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px var(--red), 0 0 20px var(--red);
    animation: glow 2s infinite alternate;
    @media(max-width: 992px) {
        padding: 10px 12px 10px 75px;
    }
}
.s-car-i{
    top: 50%;
    transform: translateY(-50%);
    left: -70px;
    @media (max-width: 992px) {
        left: -5px;

    }

}
.s-car-i img{
    width: 100%;
    height: 100%;
    @media (max-width: 992px) {
        height: 56px;
    }
}
.s-car-i-d{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -40px;
    height: 116%;
    @media(max-width: 992px) {
        left: -7px;

    }
}
.s-car-i-d img{
    width: 100%;
    height: 100%;
    @media (max-width: 992px) {
        height: 85px;
    }
}
.frame-man{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -185px;
    @media (max-width: 992px) {
        top: -50px;

    }
}
.frame-man img{
    @media (max-width: 992px) {
        width: 60%;
        height: auto;
        margin-top: 100px;
    }
}
.mob-frem{
    @media (max-width: 992px) {
        width: 50%;
    }
}
.frame-key img{
    @media (max-width: 992px) {
        width: 39%;
    }
}




.frame-man-2{
    top: -86px;
    @media (max-width: 992px) {
        top: -18px;
        /* left: 50px; */

    }
}
.frame-man-2 img{
    @media (max-width: 992px) {
        width: 200px;
    }
}
.frame-car{
    bottom: 0;
    left: -230px;
    z-index: -1;
    @media (max-width: 992px) {
        width: 70%;
        left: 0;
    }
}
.frame-door{
    bottom: -50px;
    right: -31px;
    z-index: -1;
    @media (max-width: 992px) {
        width: 32%;
        bottom: -17px;
        right: 44px;
    }
}
.frame-key{
    left: 40px;
    top: -97px;
    @media (max-width: 992px) {
        left: 67px;
        top: -49px;
    }
}
.frame-2{
    width: 353px;
    height: 626px;
    @media (max-width: 992px) {
        width: 70%;
        height: auto;

    }
}
.title-red{
    font-size: 40px;
    font-family: var(--FuturaB);
}
.sub-red{
    font-family: var(--FuturaL);
    font-size: 30px;
}
.smal-light{
    line-height: 1.7;
    color: rgb(192, 191, 191);
}
.text-bold{
    font-weight: var(--FuturaB);
    font-weight: bold;
    color: var(--white);
}
.padding-defalt{
    padding: 70px 0;
    @media (max-width: 992px) {
        padding: 20px 0;
    }
}
.smal-btn{
    padding: 15px 50px;
    font-size: 12px;
    @media (max-width: 992px) {
        padding: 10px 20px;
    }
}
.key-text{
    font-size: 20px;
    font-family: var(--FuturaL);
    @media (max-width: 992px) {
        font-size: 16px;

    }
}
.small-red{
    font-size: 14px;
    color: var(--red);
    line-height: 2.7;
}
.title-red-man{
    font-size: 44px;
    font-family: var(--FuturaB);
    @media (max-width: 992px) {
        font-size: 28px;
    }
}
.bg-car{
    background-image: url('../images/bg-car.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 100px 0;
    @media (max-width: 992px) {
        padding: 50px 0;

    }
}
.bg-check{
    background-image: url('../images/bg-3.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 100px 0;
    @media (max-width: 992px) {
        padding: 50px 0;

    }
}
.bg-key{
    background-image: url('../images/bg-key.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 100px 0;
    @media (max-width: 992px) {
        padding: 50px 0;

    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

.share {
    position: fixed;
    z-index: 99;
    bottom: 40px;
    right: 40px;
    z-index: 999;
}

.share:before, .share:after {
    content: '';
    will-change: transform;
}

.share, .share:before, .share:after {
    height: 56px;
    width: 56px;
    border-radius: 50%;
    position: fixed;
    cursor: pointer;
}

.share:after {
    background: var(--red);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    z-index: 999;
    -webkit-transition: .39s;
    transition: .39s;
}

.share:hover:after {
    background: var(--white);
    -webkit-transition: .39s;
    transition: .39s;
}

.pulse::before {
    animation: pulse 2s infinite;
    box-shadow: 0px 0px 2px 2px var(--red);
}

.share-svg {
    z-index: 10000;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.share:hover .share-svg svg {
    width: 25px;
    height: 25px;
    fill: var(--red);
    animation: pulse 2s infinite;
    -webkit-transition: .39s;
    transition: .39s;
}

.share-svg svg {
    width: 25px;
    height: 25px;
    fill: white;
    animation: pulse 2s infinite;
    -webkit-transition: .39s;
    transition: .39s;
}

.frame-key-n{
    top: -52px;
    left: 169px;
    @media (max-width: 992px) {
        top: -27px;
        left: 174px;
    }
}
.frame-car-m {
    top: 43px;
}
.frame-car-m img{
    @media (max-width: 992px) {
        width: 100%;
        height: auto;
    }
}
.smal-light-man{
    font-size: 17px;
}
.frame-check{
    top: -9px;
    @media (max-width: 992px) {
        top: 10px;
        left: 69px;
        width: 70%;
    }
}
.frame-check img{
    @media (max-width: 992px) {
        width: 100%;
        height: auto;
    }
}
.frame-3{
    width: 340px;
    height: 530px;
    @media (max-width: 992px) {
        width: 60%;
        height: auto;
    }
}
.fs-36{
    font-size: 34px;
    @media (max-width: 992px) {
        font-size: 24px;
    }
}
.splide_2 .splide__slide{
    background: var(--white);
    border-radius: 20px;
    padding: 30px 25px;
}
.fs-12{
    font-size: 16px;
    @media (max-width: 992px) {
        font-size: 12px;
    }
}
.title-review-s{
    font-size: 53px;
    font-family: var(--FuturaL);
    @media (max-width: 992px) {
        font-size: 30px;
    }
}
.fs-b{
    font-size: 80px;
    line-height: 1;
    @media(max-width: 992px) {
        font-size: 40px;
    }
}
.with-us-sub{
    font-family: var(--FuturaL);
    font-size: 22px;
    font-weight: 700;
}
.tele-mark{
    padding: 20px 90px;
    font-family: var(--FuturaL);
    background-color: var(--red);
    color: var(--white);
    font-size: 20px;
    font-weight: 700;
    border-radius: 25px;
    @media (max-width: 992px) {
        padding: 20px 30px;
        width: 80%;
        text-align: center;
    }
}
.tele-mark-p{
    padding: 20px 50px;
    @media (max-width: 992px) {
        padding: 20px 30px;
        text-align: center;
    }
}
.soc-max{
    max-width: 300px;
    @media(max-width: 992px) {
        max-width: 100%;

    }
}
.big-soc svg{
    @media (max-width: 992px) {
        width: 50px;
        height: 50px;
    }
}
.t-w{
    width: 40px;
    height: 40px;
}
.ferst-absolute-2{
    bottom: 250px;
    left: 20px;
}
.ferst-absolute-4{
    top: 180px;
    right: 690px;
}
.ferst-absolute-3{
    right: 127px;
    bottom: 162px;
}
.ferst-absolute-1{
    top: 115px;
    left: 350px;
}
.parallax-img {
    @media (max-width: 992px) {
        display: none;

    }
}
@keyframes glow {
    0% {
        box-shadow: 0 0 5px var(--red), 0 0 10px var(--red);
    }
    100% {
        box-shadow: 0 0 20px var(--red), 0 0 40px var(--red);
    }
}
.container{
    @media (max-width: 992px) {
        overflow: hidden;
    }
}























.advantages-bg .extension-title{
    /* font-size: 40px; */
    color: var(--black);
}
.advantages-title{
    font-family: 'Inter';
    font-size: 60px;
    font-weight: 700;
    color: var(--gold);
    line-height: 1;
    @media(max-width: 992px) {
        font-size: 35px;
    }
}
.advantages-sub{
    font-family: "Roboto", sans-serif;
    @media(max-width: 992px) {
        font-size: 14px;
    }
}

.anna-line{
    position: absolute;
    z-index: -1;
    left: -172px;
    top: 34px;
}
.anna-star{
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 170px;
}
.advantages-text{
    margin-bottom: 60px;
    @media (max-width: 992px) {
        margin-bottom: 20px;
    }
}
/*                            Слайдер отзывы                       */
.splide_2{
    padding-bottom: 50px;
}
.slide-review{
    /* background:white;
    border-radius: 20px;
    color: var(--black);
    padding: 30px 20px;
    border: none;
    min-height: 270px;
    transition: all .4s ease-in-out; */
}
.is-visible{
    /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
}
.splide:not(.is-overflow) .splide__pagination {
    display: flex;
    margin-top: 40px;
}
.title-review{
    font-family: 'Inter';
    font-size: 24px;
    color: rgba(67, 67, 67, 1);
}
.text-review{
    font-size: 20px;
    font-family: 'Roboto';
    display: -webkit-box;
    -webkit-line-clamp: 4 ;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .7s ease-in-out;
    color: rgba(67, 67, 67, 1);
}
.text-review.expanded {
    -webkit-line-clamp: unset; /* убираем ограничение по строкам */
    max-height: none; /* убираем ограничение по высоте */
    transition: all .7s ease-in-out;
}
.btn-ad{
    cursor: pointer;
}
.container-gallary .extension-title{
    color: var(--black);
}
.wave{
    height: 180px;
}
#review {
    /*background-image: url('../images/just-bg-r.png');*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

/*  */
.splide__pagination__page{
    background-color: rgb(210, 210, 215);
}
.splide__pagination__page.is-active{
    background-color: var(--black);
}
.splide_2 .splide__pagination__page.is-active{
    color: var(--red);
    background: var(--red);
}
.review-prev{
    position: absolute;
    bottom: 8px;
    left: 40%;
}
.review-prev-4{
    position: absolute;
    bottom: 8px;
    left: 44%;
}
.review-next-4{
    position: absolute;
    bottom: 8px;
    right: 44%;
}
.review-next{
    position: absolute;
    bottom: 8px;
    right: 40%;
}
/*            form           */


.form-all .extension-title{
    font-size: 54px;
}
.block-map{
    border-radius: 30px;
    @media(max-width: 992px) {
        margin-top: 20px;
    }
}

.contact-bg{
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 30px;
    padding: 50px 30px;
}
.b-b{
    padding-bottom: 5px;
    border-bottom: 1px solid rgb(171, 174, 183);
    margin-top: 20px;
}
.b-b:last-child{
    border-bottom: none;
}
.price a:hover{
    color: var(--gold);
    text-decoration: underline;
}
.price-section{
    padding: 100px 0;
    @media (max-width: 992px) {
        padding: 50px 0;
    }
}
.wave{
    background-image: url('../images/wave.png');
    @media (max-width: 992px) {
        background-image: url('../images/wave-s.png');
        background-repeat: no-repeat;
        background-size: cover;       /* или contain — зависит от задачи */
        background-position: center;
        height: 50px;
    }
}
.title-f{
    color: var(--white);
    font-family: 'Inter';
    font-size: 50px;
    @media (max-width: 992px) {
        font-size: 30px;
    }
}

/*                слайдер              */
/* Основные стили контейнера */
.photo-container {
    width: 100%;
    height: 450px; /* Фиксированная высота слайда */
    overflow: hidden;
    /* border-radius: 16px; Красивое скругление */
    position: relative;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Общие стили для всех фото */
.gallery-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.4s ease;
    /* border: 1px solid var(--white); */
    /* border-radius: 16px; Красивое скругление */
}
.img-buffer{
    display: flex;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}
.service-img{
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    transform: translate(-50%, -50%);
}
/* Специальные стили для маленьких фото (<1280px) */
.small-photo {
    object-fit: scale-down; /* Растягиваем на всю высоту */
    background: linear-gradient(135deg, #f5f7fa 0%, #e4e8eb 100%);
}

/* Эффекты при наведении */
.photo-container:hover .gallery-photo {
    transform: scale(1.03);
}
/* Адаптивность */
@media (max-width: 768px) {
    .photo-container {
        height: 400px;
        border-radius: 12px;
    }
}
/*              Modal          */
.modal-header{
    border: none;
    top: 0;
    right: 0;
}

.modal-footer{
    border: none;
}
.feedbackForm{
    width: 650px;
    @media (max-width: 992px){
        width: 100%;
    }
}
a:hover{
    color: #FFF!important;
}
.modal-dialog{
    /* width: 650px; */
    margin: 0 auto;
}
.modal-title {
    color: var(--white);
}
.title-thanks{
    margin-top: 20px;
    margin-bottom: 20px;
    color: var(--white);
    font-size:21px;
}
.form-group select{
    border: 1px solid var(--white);
    border-radius: 20px;
    padding: 10px 20px;
}
.form-group select:focus{
    border: 1px solid var(--gold);
    background: transparent;
    box-shadow: none;
}


@media (max-width:992px){
    .frame-key-n img{
        width: 165%!important;
    }
    .title-red {
        font-size: 28px;
        font-family: var(--FuturaB);
    }
    .sub-red {
        font-family: var(--FuturaL);
        font-size: 18px;
    }
    .red-b{
        min-height: 80px;
    }
    .btn-red-b {
        padding: 16px 0px;
        background-color: var(--red);
        border: 1px solid var(--red);
        box-shadow: 0 0 10px var(--red), 0 0 10px var(--red), 0 0 30px var(--red);
        transition: box-shadow 0.3s ease;
        font-family: var(--FuturaB);
        display: block;
        width: 100%;
    }
    .hidden-xs {
        display: block;
    }
    .visible-xs {
        display: none;
    }
    .nav-list {
        display: block;
    }
    .logo img{
        width: 80px;
        height: 20px;
    }
    .footer-last{
        border-top: 1px solid var(--white);
        padding-top: 20px;
    }
    .modal-body svg{
        width: 300px;
    }
}
.blek-num-f{
    color: var(--black);
    width: 100%;
}
.blek-num-f::placeholder {
    color: var(--black)!important;
    opacity: 1;
}

.form-control::placeholder {
    color: var(--white);
    opacity: 1;
}

.map{
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}
.map iframe{
    display: block;
    width: 100%;
    height: 400px;
    border: 0;
    border-radius: 30px;
}
@media (max-width: 992px){
    .map iframe{ height: 320px; }
}


/* Футер: нормальная сетка + выравнивание ссылок */
.footer-links{
  align-items: center;
}

.footer-link{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  text-decoration: none;
  color: var(--white);
  opacity: .9;
  transition: opacity .2s ease-in-out;
}

.footer-link:hover{
  opacity: 1;
}

/* На мобилке — по центру */
@media (max-width: 992px){
  .footer-link{
    justify-content: center;
    text-align: center;
  }
}

.cookie-consent{
    position: fixed;
    left: 20px;
    right: auto;
    bottom: 20px;
    z-index: 1040;
    width: min(420px, calc(100% - 40px));
    padding: 18px 20px;
    border: 1px solid rgba(205, 23, 25, 0.45);
    border-radius: 16px;
    background: rgba(26, 29, 38, 0.96);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: flex-end;
    gap: 14px;
    transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
}

.cookie-consent--hidden{
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(14px);
}

.cookie-consent__text{
    margin: 0;
    color: var(--white);
    font-family: var(--FuturaL);
    font-size: 14px;
    line-height: 1.4;
}

.cookie-consent__text a{
    color: var(--or);
    text-decoration: underline;
}

.cookie-consent__btn{
    padding: 10px 18px;
    border: 1px solid var(--red);
    border-radius: 10px;
    background-color: var(--red);
    color: var(--white);
    font-family: var(--FuturaB);
    font-size: 14px;
    white-space: nowrap;
    transition: box-shadow .2s ease, transform .2s ease;
}

.cookie-consent__btn:hover{
    box-shadow: 0 0 14px rgba(205, 23, 25, 0.55);
}

@media (max-width: 768px){
    .cookie-consent{
        left: 12px;
        right: 12px;
        bottom: 12px;
        width: auto;
        padding: 14px;
        flex-direction: column;
        align-items: flex-start;
    }

    .cookie-consent__btn{
        width: auto;
        min-width: 120px;
        align-self: flex-start;
        text-align: center;
    }
}


/* ===== Страница 404 ===== */
.error-page{
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding: 160px 0 90px;
    background-color: var(--bg-about);
    background-image:
        radial-gradient(circle at 50% 32%, rgba(205, 23, 25, 0.22) 0%, rgba(205, 23, 25, 0) 55%),
        radial-gradient(circle at 85% 90%, rgba(235, 113, 36, 0.12) 0%, rgba(235, 113, 36, 0) 45%);
}

.error-page__code{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    line-height: 1;
    animation: errorPageIn .7s var(--e) both;
}

.error-page__digit{
    font-family: var(--FuturaB);
    font-size: 180px;
    font-weight: bold;
    line-height: 1;
    color: var(--white);
    text-shadow: 0 0 40px rgba(0, 0, 0, 0.6);
}

.error-page__keyhole{
    width: 126px;
    height: 180px;
    animation: errorPageGlow 2.8s ease-in-out infinite;
}

.error-page__title{
    margin: 30px 0 0;
    font-family: var(--FuturaM);
    font-size: 40px;
    font-weight: normal;
    line-height: 1.2;
    color: var(--white);
    animation: errorPageIn .7s var(--e) .1s both;
}

.error-page__line{
    margin: 25px auto 25px;
}

.error-page__text{
    max-width: 620px;
    margin: 0 auto;
    font-family: var(--FuturaL);
    font-size: 20px;
    line-height: 1.6;
    color: rgb(192, 191, 191);
    animation: errorPageIn .7s var(--e) .2s both;
}

.error-page__actions{
    margin-top: 45px;
    animation: errorPageIn .7s var(--e) .3s both;
}

.error-page__btn-ghost{
    padding: 21px 0;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.35);
    font-family: var(--FuturaB);
    color: var(--white);
    transition: all .3s ease-in-out;
}

.error-page__btn-ghost:hover{
    border-color: var(--white);
    background-color: var(--white);
    /* !important — перебиваем глобальное `a:hover{color:#FFF!important}` выше по файлу */
    color: var(--bg-about) !important;
}

.error-page__phone{
    margin-top: 35px;
    font-family: var(--FuturaL);
    font-size: 18px;
    color: rgb(192, 191, 191);
}

.error-page__phone a{
    display: inline;
    width: auto;
    margin-left: 8px;
    font-family: var(--FuturaB);
    font-size: 25px;
    color: var(--white);
}

.error-page__phone a:hover{
    color: var(--red) !important;
}

.error-page__links{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 35px;
    margin-top: 40px;
}

.error-page__links a{
    position: relative;
    font-family: var(--FuturaL);
    font-size: 16px;
    color: rgb(192, 191, 191);
}

.error-page__links a::after{
    position: absolute;
    content: '';
    left: 50%;
    bottom: -5px;
    display: block;
    width: 0;
    height: 2px;
    background: var(--red);
    transform: translateX(-50%);
    transition: .3s ease-in-out;
}

.error-page__links a:hover{
    color: var(--white);
}

.error-page__links a:hover::after{
    width: 100%;
}

@keyframes errorPageIn{
    0%{ opacity: 0; transform: translateY(25px); }
    100%{ opacity: 1; transform: translateY(0); }
}

@keyframes errorPageGlow{
    0%, 100%{ filter: drop-shadow(0 0 12px rgba(205, 23, 25, 0.55)); }
    50%{ filter: drop-shadow(0 0 30px rgba(205, 23, 25, 0.95)); }
}

@media (max-width: 992px){
    .error-page{
        min-height: auto;
        padding: 190px 0 60px;
    }

    .error-page__code{
        gap: 4px;
    }

    .error-page__digit{
        font-size: 90px;
    }

    .error-page__keyhole{
        width: 63px;
        height: 90px;
    }

    .error-page__title{
        margin-top: 20px;
        font-size: 24px;
    }

    .error-page__line{
        width: 90px;
        margin: 18px auto;
    }

    .error-page__text{
        font-size: 16px;
    }

    .error-page__actions{
        margin-top: 30px;
    }

    .error-page__btn-ghost{
        padding: 15px 0;
    }

    .error-page__phone{
        margin-top: 25px;
        font-size: 15px;
    }

    .error-page__phone a{
        font-size: 20px;
    }

    .error-page__links{
        gap: 10px 22px;
        margin-top: 28px;
    }

    .error-page__links a{
        font-size: 14px;
    }
}