:root {
    --font-family: "Onest", sans-serif;
    --second-family: "Stolzl", sans-serif;
    --color-gray: #737A8E;
    --color-gray-light: #757C90;
    --color-blue: #3a69c0;
    --color-blue-dark: #284a89;
    --color-red: #d43229;
    --color-red-dark: #bf1719;
    --color-default: #232324;
}
*{
    box-sizing: border-box;
}
body{
    font-family: var(--font-family);
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #232324;
}
.container{
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}
.container-1920{
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
body .mt40{
    margin-top: 40px;
}
body .mt60{
    margin-top: 60px;
}
body .mt100{
    margin-top: 100px;
}
body .pt100{
    padding-top: 100px;
}
body a{
    transition: 0.3s;
    text-decoration: none;
}
body a:hover{
    color: #284a89;
}
.h1{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 36px;
    line-height: 120%;
    color: var(--color-default);
    margin: 0;
    text-align: left;
}
.text__center{
    text-align: center;
}
.btn{
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 13px 16px 13px 14px;
    transition: 0.3s;
    color: var(--color-default);
    width: fit-content;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
    line-height: 100%;
    border: none;
    box-shadow: none;
    font-family: var(--font-family);
    font-size: 16px;
    min-width: fit-content;
}
.btn:hover{
    cursor: pointer;
}
.btn.no-clip-path{
    clip-path: none
}
.btn__red{
    background: var(--color-red);
    color: #fff;
}
.btn svg rect,
.btn svg path{
    transition: 0.3s;
}
.btn__red:hover{
    background: var(--color-red-dark);
    cursor: pointer;
    color: #fff;
}
.btn__red:hover svg rect{
    fill: #fff;
    fill-opacity: 1;
}
.btn__red:hover svg path{
    stroke: var(--color-gray-light);
}
.btn__white{
    background: #fff;
}
.btn__white:hover{
    color: var(--color-red);
}
.btn__white:hover svg rect{
    fill-opacity: 0.2;
    fill: #3B3E46;
}
.btn__white:hover svg path{
    stroke: var(--color-red);
}
.btn__blue{
    background: var(--color-blue);
    color: #fff;
}
.btn__blue:hover{
    background: var(--color-blue-dark);
    color: #fff;
}
.btn__blue:hover svg rect{
    fill: #fff;
    fill-opacity: 1;
}
.btn__blue:hover svg path{
    stroke: var(--color-blue-dark);
}
.btn__gray{
    background: #D8D8DA;
    color: var(--color-default);
}
.btn__gray:hover{
    background: var(--color-gray-light);
    color: #fff;
}
.btn__gray:hover svg rect{
    fill: #fff;
    fill-opacity: 1;
}
.btn__gray:hover svg path{
    stroke: var(--color-gray-light);
}
.slider-nav{
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 4px;
}
.slider-pagination{
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.swiper-initialized .slider-pagination .swiper-pagination-bullet{
    margin: 0;
    background: #B2B3B7;
    transition: 0.3s;
    opacity: 1;
    border-radius: 24px;
}
.slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 16px;
}
.slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.slider-pagination .swiper-pagination-bullet:hover{
    background: #fff;
    opacity: 1;
}
.slider-button-prev,
.slider-button-next{
    display: flex;
}
.slider-button-prev:hover,
.slider-button-next:hover{
    cursor: pointer;
}
.section__title{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 20px;
}
.title{
    margin: 0;
    font-size: 36px;
    line-height: 120%;
    text-align: center;
    font-weight: 400;
    color: var(--color-default);
}
.link__arrow{
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
    color: var(--color-red);
    transition: 0.3s;
    width: fit-content;
}
.link__arrow:hover{
    color: var(--color-red-dark);
}
.section__title .title{
    grid-column: 2;
}
.section__title .link__arrow{
    grid-column: 3;
    justify-self: end;
}
.content ul{
    list-style-type: none;
    padding-left: 25px;
}
.content p,
.content li{
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: var(--color-default);
    position: relative;
}
.content li{
    padding-left: 23px;
    margin: 10px 0;
}
.content li::before{
    position: absolute;
    content: '';
    left: 0;
    top: 13px;
    width: 10px;
    height: 1px;
    background: var(--color-default);
}
.content h3{
    margin-top: 3em;
    margin-bottom: 1.5em;
}
.content a{
    color: var(--color-red);
}

header{
    background: #fff;
    z-index: 10;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 0;
    width: 100%;
}
header.scroll{
    border-bottom: 1px solid #f3f3f4;
}
.header{
    padding: 18px 0;
    display: flex;
    justify-content: space-between;
    gap: 0 30px;
    transition: 0.3s;
}
.header__logo{
    display: flex;
    align-items: center;
    gap: 10px 24px;
}
.header__logo-link{
    display: flex;
}
.header__logo-text{
    display: flex;
    align-items: center;
    gap: 8px;
}
.header__logo-text p{
    margin: 0;
    font-size: 12px;
    line-height: 120%;
    color: var(--color-gray-light);
}
.header__info{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 35px;
}
.header__item{
    display: flex;
    flex-direction: column;
}
.header__item p{
    color: var(--color-gray-light);
    font-size: 12px;
    line-height: 140%;
    margin: 0;
}
.header__item a{
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #232324;
}
.header__item a span{
    font-size: 16px;
}
.header__item a.header__item-mail{
    color: var(--color-blue);
    font-size: 12px;
    line-height: 140%;
}
.header__nav{
    padding: 8px 0;
}
.header__nav ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    gap: 10px 20px;
}
.header__nav ul li{
    display: flex;
}
.header__nav ul li a{
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    text-transform: uppercase;
    color: var(--color-default);
}
.header__nav ul li a:hover{
    color: var(--color-red);
}
main{
    padding-top: 123px;
}
.main-slider,
.about-slider{
    overflow: hidden;
    position: relative;
}
.main-slider__item{
    position: relative;
    display: flex;
}
.main-slider__item img{
    width: 100%;
    height: auto;
}
.main-slider__row{
    position: absolute;
    padding: 40px;
    backdrop-filter: blur(30px);
    color: #fff;
    bottom: 70px;
    max-width: 650px;
    display: flex;
    flex-direction: column;
    clip-path: polygon(0 0, calc(100% - 44px) 0, 100% 44px, 100% 100%, 0 100%);
    min-height: 320px;
    right: calc(50% - (1320px / 2));
}
.main-slider__row-title{
    font-weight: 600;
    font-size: 44px;
    line-height: 120%;
    margin: 0;
}
.main-slider__row-text{
    margin: 8px 0 0 0;
    flex-grow: 2;
}
.main-slider__row-btn{
    margin-top: 50px;
}
.main-slider__pagination{
    position: absolute;
    bottom: 110px;
    z-index: 2;
    left: calc(730px + 530px);
}
.main-catalog{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.main-catalog__item{
    display: flex;
    flex-direction: column;
    background: #f3f3f4;
    padding: 40px 24px;
    clip-path: polygon(0 0, calc(100% - 36px) 0, 100% 36px, 100% 100%, 0 100%);
    position: relative;
}
.main-catalog__item::before{
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 0; 
    height: 0; 
    border-bottom: 36px solid #CECED1;
    border-right: 36px solid transparent;
    opacity: 0;
    transition: 0.3s;
}
.main-catalog__item-title{
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    text-transform: uppercase;
    color: var(--color-default);
    margin-bottom: 8px;
    transition: 0.3s;
}
.main-catalog__item-pic{
    margin: auto 0 0 auto;
}
.main-catalog__item-nav{
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.main-catalog__item-nav li a{
    color: var(--color-red);
}
.main-catalog__item:hover::before{
    opacity: 1;
}
.main-catalog__item-title:hover,
.main-catalog__item-nav li a:hover{
    color: var(--color-red-dark);
}
.catalog-panels{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 20px;
}
.catalog-panels__item{
    display: flex;
    flex-direction: column;
    border: 1px solid #f3f3f4;
    background: #fff;
    padding: 24px;
}
.catalog-panels__item-pic{
    display: flex;
    position: relative;
    width: 100%;
}
.catalog-panels__item-slider{
    width: 100%;
    overflow: hidden;
    padding-bottom: 16px;
}
.catalog-panels__slider{
    display: flex;
}
.catalog-panels__slider img{
    width: 100%;
    height: auto;
}
.catalog-panels__item-labels{
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    z-index: 2;
}
.catalog-panels__item-labels > span{
    font-weight: 700;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #fff;
    padding: 4px 6px;
}
.catalog-panels__item-labels > span.red{
    background: var(--color-red);
}
.catalog-panels__item-labels > span.black{
    background: var(--color-default);
}
.catalog-panels__item-labels > span.gray{
    background: var(--color-gray);
}
.catalog-panels__item-title,
.catalog-panels__item-charact,
.catalog-panels__item-btns{
    margin: 24px 0 0 0;
}
.catalog-panels__item-title{
    color: var(--color-default);
    font-weight: 500;
}
.catalog-panels__item-title:hover{
    color: var(--color-red-dark);
}
.catalog-panels__item-prnal{
    margin: 8px 0 0 0;
}
.catalog-panels__item-price{
    color: var(--color-red);
    font-size: 20px;
    margin: 0;
}
.catalog-panels__item-nal{
    display: none;
}
.catalog-panels__item-charact,
.cat-det__charact{
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-grow: 2;
}
.catalog-panels__item-charact li,
.cat-det__charact li{
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    color: var(--color-default);
    position: relative;
}
.catalog-panels__item-charact li::after,
.cat-det__charact li::after{
    content: '';
    position: absolute;
    border-bottom: 1px dotted #D8D8DA;
    width: 100%;
    left: 0;
    bottom: 7px;
    z-index: 1;
}
.catalog-panels__item-charact li span,
.cat-det__charact li span{
    background: #fff;
    position: relative;
    z-index: 2;
}
.catalog-panels__item-charact li span:first-child,
.cat-det__charact li span:first-child{
    color: var(--color-gray-light);
    padding-right: 4px;
}
.catalog-panels__item-charact li span:last-child,
.cat-det__charact li span:last-child{
    padding-left: 4px;
}
.catalog-panels__item-btns{
    display: flex;
    gap: 8px;
}
.catalog-panels__item-btn-link{
    flex-grow: 2;
    justify-content: center;
}
.catalog-panels__slider-nav .slider-pagination .swiper-pagination-bullet{
    background: #A5A5A5;
}
.catalog-panels__slider-nav .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 16px;
}
.catalog-panels__slider-nav .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.catalog-panels__slider-nav .slider-pagination .swiper-pagination-bullet:hover{
    background: var(--color-blue);
}
.main-advantages__fon{
    background: #f3f3f4;
}
.main-advantages,
.main-advantages__list{
    gap: 60px;
}
.main-advantages{
    padding: 60px 0;
    display: flex;
}
.main-advantages__info{
    max-width: 480px;
}
.main-advantages__info,
.main-advantages__info p{
    font-size: 20px;
    margin: 0;
}
.main-advantages__info p + p{
    margin: 20px 0 0 0;
}
.main-advantages__list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.main-advantages__item{
    display: flex;
    flex-direction: column;
    max-width: 314px;
}
.main-advantages__item-count{
    margin: 0;
    font-size: 36px;
    line-height: 120%;
}
.main-advantages__item-text{
    margin: 8px 0 0 0;
}
.main-advantages__item-btn{
    background: #CECED1;
}
.main-news{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.main-news__item{
    color: var(--color-default);
    background: #f3f3f4;
    border: 1px solid #f3f3f4;
    padding: 24px;
    display: flex;
    flex-direction: column;
}
.main-news__item-data{
    font-weight: 700;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #70778C;
}
.main-news__item-title{
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    margin: 8px 0 0 0;
    transition: 0.3s;
}
.main-news__item-text{
    margin: 8px 0 0 0;
    color: #70778C;
    font-size: 14px;
    flex-grow: 2;
}
.main-news__item-link{
    margin-top: 24px;
    display: flex;
}
.main-news__item:hover .main-news__item-title,
.main-news__item:hover .main-news__item-link{
    color: var(--color-red-dark);
}
.main-delivery{
    color: #fff;
    background-color: var(--color-blue);
    background-image: url('/images/main-delivery-fon.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 50%;
    padding: 60px;
}
.main-delivery__info{
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 500px;
}
.main-delivery__info-text{
    font-size: 24px;
    line-height: 140%;
    margin: 0;
}
.main-delivery__info-link{
    color: #fff;
}
.main-delivery__info-link:hover{
    color: #dededf;
}
.main-who{
    display: grid;
    grid-template-columns: 1fr 780px;
    gap: 60px;
}
.main-who__sidebar{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.main-who__sidebar img{
    width: 100%;
    height: auto;
}
.main-who__sidebar-title{
    font-size: 24px;
    line-height: 140%;
    margin: 0;
}
.main-who__row{
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.main-who__list{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.main-who__item{
    background: #f3f3f4;
    padding: 24px;
    clip-path: polygon(0 0, calc(100% - 36px) 0, 100% 36px, 100% 100%, 0 100%);
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.main-who__item-title{
    margin: 0;
    font-size: 20px;
    line-height: 140%;
    padding-right: 28px;
    position: relative;
    width: fit-content;
}
.main-who__item-title::before{
    position: absolute;
    content: '';
    right: 0;
    top: 3px;
    background: url('/images/main-who-marked-circle.svg')no-repeat 50%;
    background-size: contain;
    width: 20px;
    height: 20px;
}
.main-who__item-list{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.main-who__item-list li{
    padding-left: 17px;
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #232324;
}
.main-who__item-list li::before{
    position: absolute;
    content: '';
    left: 0;
    top: 10px;
    width: 10px;
    height: 2px;
    background: var(--color-default);
}
.main-who__item-list a{
    color: var(--color-blue);
    border-bottom: 1px solid var(--color-blue);
}
.main-who__item-list p{
    margin: 0;
}
.main-form,
.footer{
    display: grid;
    grid-template-columns: clamp(540px, calc(540px + (100vw - 1440px - 15px) * 0.5), 780px) 1fr;
}
.main-form__pic{
    display: flex;
}
.main-form__pic-img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.main-form__row{
    background: var(--color-red);
    color: #fff;
    padding: 60px;
    display: flex;
    flex-direction: column;
}
.main-form__row-title{
    margin: 0;
    font-size: 24px;
    line-height: 140%;
    color: #fff;
}
.main-form__form{
    display: flex;
    flex-direction: column;
    max-width: 540px;
}
.main-form__field,
.main-form__field-inp{
    display: flex;
    gap: 16px;
}
.main-form__field{
    padding: 10px 0;
    border-bottom: 1px solid #ff8183;
    margin-top: 16px;
}
.main-form__field-inp{
    flex-grow: 2;
}
.main-form__field-inp span{
    min-width: 90px;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #ff8183;
}
.main-form__field-inp input,
.main-form__field-inp textarea{
    background: var(--color-red);
    border: none;
    flex-grow: 2;
    padding: 0;
}
.main-form__field-inp input,
.main-form__field-inp textarea,
.main-form__field-inp input::placeholder,
.main-form__field-inp textarea::placeholder{
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #fff;
    transition: 0.3s;
    font-family: var(--font-family);
}
.main-form__field-inp input:focus,
.main-form__field-inp textarea:focus{
    outline: none;
}
.main-form__field-inp input:focus::placeholder,
.main-form__field-inp textarea:focus::placeholder{
    opacity: 0;
}
.main-form__field-inp textarea{
    resize: none;
}
.main-form__checkbox{
    position: relative;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #fff;
}
.main-form__checkbox > input{
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.main-form__checkbox > p {
    user-select: none;
    margin: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    padding-left: 30px;
}
.main-form__checkbox > p a{
    color: #ffe6e7;
    border-bottom: 1px solid #ffe6e7;
}
.main-form__checkbox > p::before {
    content: '';
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1px solid rgba(59, 62, 70, 0.2);
    position: absolute;
    left: 0;
    transition: 0.3s;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
    transition: 0.3s;
}
.main-form__checkbox > input:checked + p::before {
    background-image: url(/images/form-check-red.svg);
    border-color: #fff;
}
.main-form__checkbox:hover{
    cursor: pointer;
}
.main-form__footer{
    display: flex;
    align-items: center;
    gap: 10px 40px;
}
.main-cat-list__row-list{
    gap: 16px;
}
.main-cat-list__row,
.main-cat-list{
    gap: 60px;
}
.main-cat-list__row{
    display: flex;
    flex-direction: column;
}
.main-cat-list{
    display: flex;
}
.main-cat-list__header{
    display: flex;
    flex-direction: column;
    max-width: 480px;
}
.main-cat-list__title{
    margin: 0;
    font-weight: 400;
    font-size: 24px;
    line-height: 140%;
    color: var(--color-default);
}
.main-partners__slider{
    display: flex;
    width: 100%;
    overflow: hidden;
}
.main-partners__slider-item{
    display: flex;
    justify-content: column;
    align-items: center;
}
.footer__container-min{
    background: var(--color-red);
    display: flex;
}
.footer__info{
    display: flex;
    flex-direction: column;
    gap: 46px;
    color: #fff;
    padding: 60px 60px 60px 0;
    margin-left: auto;
    width: 100%;
    max-width: 480px;
}
.footer__info-logo{
    display: flex;
    width: fit-content;
}
.footer__container-big{
    background: var(--color-blue-dark);
    display: flex;
}
.footer__info-contact{
    display: flex;
    flex-direction: column;
}
.footer__info-contact a{
    font-weight: 400;
    font-size: 36px;
    line-height: 120%;
    color: #fff;
    position: relative;
    width: fit-content;
}
.footer__info-contact a::before{
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #fff;
    transition: 0.3s;
}
.footer__info-contact a:hover{
    color: #fff;
}
.footer__info-contact a:hover::before{
    width: 100%;
}
.footer__info-contact p{
    margin: 8px 0 0 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
}
.footer__info-btns{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.footer__btns-item{
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
}
.footer__btns-item:hover{
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}
.footer__row{
    display: grid;
    grid-template-columns: 3.5fr 4.5fr;
    color: #fff;
    padding: 60px 0 60px 60px;
    width: 100%;
    max-width: 840px;
    gap: 60px;
}
.footer__menu{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.footer__menu-nav{
    display: flex;
}
.footer__menu-nav ul{
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.footer__menu-nav ul li a{
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    text-transform: uppercase;
    color: #A9B7D0;
}
.footer__menu-nav ul li a:hover{
    color: #fff;
}
.footer__copyright,
.footer__developer{
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #fff;
}
.footer__copyright{
    margin: 0;
}
.footer__developer a{
    text-decoration: underline;
    color: #c0d4f9;
}
.footer__developer a:hover{
    color: #fff;
}
.footer__main{
    display: flex;
    flex-direction: column;
    gap: 13px;
}
.footer__consult{
    display: flex;
    align-items: center;
    gap: 16px;
    background: #1F3461;
    clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 0 100%);
    padding: 24px;
}
.footer__consult svg{
    min-width: 46px;
}
.footer__consult svg circle{
    transition: 0.3s;
}
.footer__consult-info{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.footer__consult-info-title{
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    text-transform: uppercase;
    color: #fff;
}
.footer__consult-info-start{
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #c0d4f9;
    transition: 0.3s;
}
.footer__consult:hover .footer__consult-info-start{
    color: #fff;
}
.footer__consult:hover svg circle{
    fill: #fff;
}
.footer__kamaz{
    color: #fff;
    background: #2f63d3;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    gap: 16px;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    transition: 0.3s;
}
.footer__policy{
    width: fit-content;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    text-decoration: underline;
    color: #c0d4f9;
}
.footer__policy:hover{
    color: #fff;
}
.footer__kamaz:hover{
    color: #fff;
    background: var(--color-blue);
}
.footer__description{
    margin: 3px 0 0 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #A9B7D0;
}
.breadcrumb{
    padding: 16px 0;
    border-bottom: 1px solid #f3f3f4;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    list-style-type: none;
    margin: 0;
}
.breadcrumb__item{
    position: relative;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
}
.breadcrumb__item:not(:last-child){
    padding-right: 17px;
}
.breadcrumb__item:not(:last-child)::before{
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #D8D8DA;
}
.breadcrumb__item a{
    color: var(--color-default);
}
.breadcrumb__item span{
    color: var(--color-gray-light);
}
.breadcrumb__item a:hover{
    color: var(--color-red-dark);
}
.cat-list__header{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0 20px;
}
.cat-list__view{
    display: flex;
    background: #D8D8DA;
}
.cat-list__view-item{
    border: 1px solid #D8D8DA;
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}
.cat-list__view-item svg path{
    transition: 0.3s;
}
.cat-list__view-item.active,
.cat-list__view-item:hover{
    background: #fff;
}
.cat-list__view-item.active svg path,
.cat-list__view-item:hover svg path{
    fill: #D43229;
    fill-opacity: 1;
}
.cat-list__view-item:not(.active):hover{
    cursor: pointer;
}
.cat-pagination{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.cat-pagination__item a{
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f3f3f4;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: var(--color-default);
    border: 1px solid #f3f3f4;
    transition: 0.3s;
}
.cat-pagination__item.active a,
.cat-pagination__item a:hover{
    background: #fff;
    border-color: #D8D8DA;
    color: var(--color-red);
}
.cat-list__description{
    display: grid;
    grid-template-columns: 480fr 780fr;
    gap: 60px;
}
.cat-list__description-title{
    width: 100%;
    font-weight: 400;
    font-size: 24px;
    line-height: 140%;
}
.cat-list__description-info{
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-default);
}
.cat-list__description-info p{
    margin: 0;
}
.cat-list__description-info p + p{
    margin: 16px 0 0 0;
}
.cat-list__description-info a{
    color: var(--color-blue);
    text-decoration: underline;
}
.catalog-panels.list{
    grid-template-columns: 1fr;
    gap: 24px;
}
.catalog-panels.list .catalog-panels__item{
    display: grid;
    grid-template-columns: 291px 1fr 240px;
    grid-template-areas: 
        "pic title price"
        "pic charact nal"
        "pic charact buttons";
    gap: 0 40px;
    align-items: start;
}
.catalog-panels.list .catalog-panels__item-pic{
    max-width: 291px;
    flex: 0 0 291px;
    grid-area: pic;
}
.catalog-panels.list .catalog-panels__item-title{
    grid-area: title;
    margin: 0 0 16px 0;
}
.catalog-panels.list .catalog-panels__item-prnal{
    margin: 0;
}
.catalog-panels.list .catalog-panels__item-price{
    grid-area: price;
}
.catalog-panels.list .catalog-panels__item-charact,
.catalog-panels.list .catalog-panels__item-btns{
    margin: auto 0 16px 0;
}
.catalog-panels.list .catalog-panels__item-charact{
    grid-area: charact;
}
.catalog-panels.list .catalog-panels__item-btns{
    grid-area: buttons;
    flex-direction: column;
}
.catalog-panels.list .catalog-panels__item-btns .btn{
    width: 100%;
    justify-content: center;
}
.catalog-panels.list .catalog-panels__item-btn-sale{
    order: 2;
}
.catalog-panels.list .catalog-panels__item-nal{
    grid-area: nal;
    display: flex;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-default);
    margin: 2px 0 0 0;
}
.catalog-panels.list .catalog-panels__item-nal span{
    margin-left: 8px;
    color: var(--color-blue);
}
.cat-det__main{
    display: grid;
    grid-template-columns: 480fr 780fr;
    gap: 60px;
}
.cat-det__main-pic{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.cat-det__pic-big,
.cat-det__pic-big-link{
    display: flex;
}
.cat-det__pic-big-link img{
    width: 100%;
    height: auto;
}
.cat-det__pic-min{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.cat-det__pic-min-link{
    width: 113px;
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f3f3f4;
}
.cat-det__pic-min-link img{
    width: 100%;
    height: auto;
}
.cat-det__header{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}
.cat-det__header-h1{
    font-size: 32px;
}
.cat-det__share .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more{
    background: #fff;
    border: none;
    border-radius: 0;
}
.cat-det__share .ya-share2__list.ya-share2__list_direction_horizontal,
.cat-det__share .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item{
    margin: 0;
}
.cat-det__share .ya-share2__container_size_s .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more{
    padding: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-blue);
}
.cat-det__share .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more:not(.ya-share2__link_more-button-type_short) .ya-share2__title{
    margin-left: 0;
    color: var(--color-blue);
    border-bottom: 1px dotted var(--color-blue);
    line-height: 100%;
    font-size: 14px;
}
.cat-det__share .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more{
    background-image: url('/images/share-icon.svg');
    background-size: contain;
    width: 20px;
    height: 20px;
}
.cat-det__main-col{
    display: flex;
    flex-direction: column;
}
.cat-det__panel,
.cat-det__charact{
    margin: 24px 0 0 0;
}
.cat-det__charact{
    flex-grow: inherit;
}
.cat-det__charact li{
    font-size: 16px;
}
.cat-det__charact li span:last-child{
    font-weight: 500;
}
.cat-det__panel{
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #f3f3f4;
    padding: 24px;
}
.cat-det__panel-price{
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-gray-light);
}
.cat-det__panel-price span{
    font-weight: 400;
    font-size: 24px;
    line-height: 140%;
    color: var(--color-red);
    margin-right: 8px;
}
.cat-det__panel-btns{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}
.cat-det__panel-list{
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
}
.cat-det__panel-list li{
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-default);
    display: flex;
    gap: 0 8px;
}
.cat-det__panel-list li span{
    color: var(--color-blue);
    border-bottom: 1px dotted var(--color-blue);
}
.cat-det__managers{
    display: flex;
    flex-direction: column;
}
.cat-det__managers-title{
    margin: 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    color: var(--color-default);
}
.cat-det__managers-preview{
    margin: 8px 0 0 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--color-gray-light);
}
.cat-det__managers-list{
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
}
.cat-det__managers-item{
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    background: #F3F4F4;
    padding: 24px;
}
.cat-det__managers-img{
    display: flex;
    align-items: flex-start;
}
.cat-det__managers-img img{
    border-radius: 50%;
}
.cat-det__managers-img a{
    display: flex;
    margin-left: -8px;
}
.cat-det__managers-img a svg circle{
    transition: 0.3s;
}
.cat-det__managers-img a:hover svg circle{
    fill: #45D354;
}
.cat-det__managers-info{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.cat-det__managers-fio{
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--color-default);
}
.cat-det__managers-contacts{
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.cat-det__managers-contacts a{
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    text-decoration: underline;
    transition: 0.3s;
}
.cat-det__managers-contacts a:nth-child(1){
    color: #70788C;
}
.cat-det__managers-contacts a:nth-child(2){
    color: var(--color-blue);
}
.cat-det__managers-contacts a:hover{
    color: var(--color-red-dark);
}
.cat-det__tabs{
    display: flex;
}
.cat-det__tabs-item{
    background: #fff;
    padding: 14px 16px 16px 16px;
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    text-transform: uppercase;
    color: var(--color-gray-light);
    transition: 0.3s;
    border-top: 2px solid #fff;
    flex: 1;
    text-align: center;
}
.cat-det__tabs-item:hover,
.cat-det__tabs-item.active{
    border-color: var(--color-red);
    color: var(--color-default);
    background: #F3F4F4;
}
.cat-det__tabs-item:hover{
    cursor: pointer;
}
.cat-det__blocks-item{
    display: none;
    background: #F3F4F4;
    padding: 40px;
}
.cat-det__blocks-item.active{
    display: flex;
}
.cat-det__blocks-charact{
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}
.cat-det__blocks-charact-row{
    display: flex;
    flex-direction: column;
    background: #fff;
}
.cat-det__charact-title{
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    color: var(--color-default);
    padding: 13px 24px;
    background: #E8EAEA;
}
.cat-det__charact-item{
    background: #fff;
    border-bottom: 1px solid #D8D8DA;
    display: flex;
    gap: 16px;
    padding: 16px 24px;
}
.cat-det__charact-item p{
    flex: 1;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--color-default);
    margin: 0;
}
.cat-det__blocks-flex{
    display: grid;
    grid-template-columns: 1fr 240px;
    gap: 40px;
    width: 100%;
}
.cat-det__blocks-video-cart{
    display: flex;
    width: 100%;
    height: 360px;
    background: url('/images/detail-video-preloader.jpg')no-repeat 50%;
    background-size: cover;
}
.cat-det__uslugi{
    background: #fff;
    padding: 24px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.cat-det__uslugi .main-form__checkbox > p{
    color: var(--color-gray-light);
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
}
.cat-det__uslugi .main-form__checkbox > p::before{
    width: 20px;
    height: 20px;
    background-size: 14px;
}
.cat-det__uslugi .main-form__checkbox > input:checked + p{
    color: var(--color-default);
}
.cat-det__uslugi .main-form__checkbox > input:checked + p::before{
    border-color: #D8D8DA;
}
.cat-det__blocks-form{
    background: #fff;
    padding: 24px;
    display: flex;
    flex-direction: column;
}
.cat-det__blocks-form-title{
    margin: 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
}
.cat-det__blocks-form-preview{
    margin: 8px 0 0 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #898B90;
}
.cat-det__blocks-form .main-form__field{
    border-color: #D8D8DA;
}
.cat-det__blocks-form .main-form__field-inp span{
    color: #898B90;
}
.cat-det__blocks-form .main-form__field-inp input{
    background: #fff;
}
.cat-det__blocks-form .main-form__field-inp input, 
.cat-det__blocks-form .main-form__field-inp input::placeholder{
    color: var(--color-default);
}
.cat-det__blocks-form .main-form__checkbox > p,
.cat-det__blocks-form .main-form__checkbox > p a{
    color: #898B90;
}
.cat-det__blocks-form .main-form__checkbox > p a{
    border-color: #898B90;
}
.cat-det__blocks-form .main-form__checkbox > p a:hover{
    color: var(--color-red-dark);
}
.main-form__field-file{
    padding: 0;
    border: 1px solid #CECFD1;
    gap: 0;
}
.file-upload-block {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    max-width: 400px;
    border: 1px solid #cecfd1;
}
.file-display {
    flex: 1;
    padding: 10px 16px;
    background: #fff;
    display: flex;
    align-items: center;
    color: #898B90;
}
.file-upload-btn {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 10px 15px;
    background: #D8D8DA;
    cursor: pointer;
    transition: background-color 0.3s;
    border: none;
    font-size: 16px;
    line-height: 140%;
    color: var(--color-default);
}
.file-upload-btn:hover {
    background: var(--color-gray);
    color: #fff;
}
.file-upload-btn svg {
    width: 20px;
    height: 20px;
}
.cat-det__blocks-text,
.cat-det__blocks-text p,
.cat-det__blocks-text li{
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--color-default);
}
.cat-det__blocks-text p{
    margin: 0;
}
.cat-det__blocks-text p + p,
.cat-det__blocks-text p + ul,
.cat-det__blocks-text p + ul + p{
    margin: 24px 0 0 0;
}
.cat-det__blocks-text ul{
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    list-style-type: none;
}
.cat-det__blocks-text li{
    padding-left: 17px;
    position: relative;
}
.cat-det__blocks-text li::before{
    position: absolute;
    content: '';
    left: 0;
    top: 10px;
    width: 10px;
    height: 1px;
    background: var(--color-default);
}
.cat-det__blocks-panels{
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px 24px;
}
.cat-det__blocks-panel{
    border: 1px solid #f3f3f4;
    padding: 24px;
    background: #fff;
    position: relative;
}
.cat-det__blocks-panel-title{
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: var(--color-default);
    padding-right: 30px;
}
.cat-det__blocks-panel-text{
    margin: 16px 0 0 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-gray-light);
    display: block;
}
.cat-det__blocks-panel svg{
    position: absolute;
    top: 24px;
    right: 24px;
}
.cat-det__blocks-panel-red{
    background: var(--color-red);
}
.cat-det__blocks-panel-red .cat-det__blocks-panel-title,
.cat-det__blocks-panel-red .cat-det__blocks-panel-text{
    color: #fff;
}
.cat-det__blocks-description .cat-det__blocks-panel-text{
    margin: 0;
}
.contacts__row{
    display: grid;
    grid-template-columns: 1fr 480px;
}
.contacts__map{
    display: flex;
}
.contacts__form{
    display: flex;
    flex-direction: column;
    background: var(--color-blue-dark);
    color: #fff;
    padding: 60px;
}
.contacts__form-title{
    font-weight: 400;
    font-size: 24px;
    line-height: 140%;
    margin: 0;
}
.contacts__form .main-form__field{
    border-color: #C0D4F9;
}
.contacts__form .main-form__field-inp span{
    color: #C0D4F9;
}
.contacts__form .main-form__field-inp input{
    background: transparent;
}
.contacts__form .main-form__footer{
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.contacts__form .main-form__checkbox > p a{
    color: #C0D4F9;
    border-color: #C0D4F9;
}
.contacts__form .main-form__field:first-child{
    margin-top: 0;
}
.contacts__map iframe{
    width: 100%;
    height: 100%;
}
.contacts__info{
    display: flex;
    flex-direction: column;
    max-width: 480px;
    gap: 24px;
}
.contacts__item{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.contacts__item-title{
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--color-gray-light);
}
.contacts__item a,
.contacts__item-text{
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: var(--color-default);
}
.contacts__item a{
    width: fit-content;
}
.contacts__item-text{
    margin: 0;
}
.contacts__item a.btn{
    color: #fff;
}
.news{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 24px 20px;
}
.news__item{
    display: flex;
    flex-direction: column;
    background: #f3f3f4;
    padding: 24px;
}
.news__item-pic{
    width: 100%;
    height: 280px;
    overflow: hidden;
}
.news__item-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}
.news__item-pic:hover img{
    transform: scale(1.2);
}
.news__item-data,
.news__item-link{
    margin: 24px 0 0 0;
}
.news__item-data{
    font-weight: 700;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0.02em;
    color: #70778C;
}
.news__item-title,
.news__item-preview{
    margin: 8px 0 0 0;
}
.news__item-title{
    color: var(--color-default);
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news__item-title:hover{
    color: var(--color-red-dark);
}
.news__item-preview{
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #70778C;
}
.news__pagination{
    margin: 24px 0 0 0;
}
.about-slider__item{
    display: flex;
}
.about-slider__item img{
    width: 100%;
    height: auto;
}
.swiper-initialized .about-swiper-pagination{
    position: absolute;
    bottom: 20px;
    display: flex;
    justify-content: center;
    z-index: 2;
}
.about-button-prev,
.about-button-next{
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s;
}
.about-button-prev{
    left: 20px;
}
.about-button-next{
    right: 20px;
}
.about-button-prev:hover,
.about-button-next:hover{
    opacity: 0.8;
}
.about__preview{
    margin: 24px 0 0 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    text-align: center;
}
.about-advant{
    padding: 60px;
    overflow: hidden;
}
.about-advant__block{
    background: #F3F3F4;
    display: flex;
}
.about-advant__sidebar-title{
    margin: 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
}
.about-advant__list{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.about-advant__item{
    width: 100%;
    margin: 0;
    background: #fff;
    border-left: 2px solid var(--color-red);
    padding: 24px;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
}
.about-advant__item a{
    color: var(--color-red);
    text-decoration: underline;
}
.about-advant__item a:hover{
    color: var(--color-red-dark);
}
.about-advant__sidebar-pic{
    margin-bottom: -45px;
}
.about-our-advant__block{
    padding: 60px 40px;
    background: #F3F4F4;
}
.about-our-advant__list{
    gap: 24px;
}
.news-det__data,
.news-det__text{
    margin: 24px 0 0 0;
}
.news-det__data{
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--color-gray-light);
}
.news-det__text,
.news-det__text p{
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--color-default);
}
.news-det__text p{
    margin: 0;
}
.news-det__text p + p{
    margin: 24px 0 0 0;
}
.news-det__other-block{
    border-top: 1px solid #D8D8DA;
}
.service{
    background: #F3F4F4;
}
.service-advant__sidebar-pic{
    margin-bottom: -60px;
}
.popup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    background: rgba(25, 37, 70, 0.6);
}
.popup.open{
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.popup__container{
    max-height: 95%;
    overflow-y: auto;
    width: 100%;
    display: flex;
    justify-content: center;
}
.popup__main{
    background: #fff;
    width: 780px;
    position: relative;
    padding: 60px;
    height: 100%;
}
.popup__close{
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}
.popup__close svg path{
    transition: 0.3s;
}
.popup__close:hover svg path{
    stroke: var(--color-red-dark);
    stroke-opacity: 1;
}
.popup__block{
    display: flex;
    flex-direction: column;
}
.popup__title{
    font-weight: 400;
    font-size: 24px;
    line-height: 140%;
}
.popup__text,
.popup__text li,
.popup__text p{
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--color-default);
}
.popup__text ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.popup__text ul li{
    position: relative;
    padding-left: 18px;
}
.popup__text ul li::before{
    position: absolute;
    content: '';
    left: 0;
    top: 10px;
    width: 10px;
    height: 1px;
    background: var(--color-default);
}
.popup__text p{
    margin: 0;
}
.popup__text p + p{
    margin: 16px 0 0 0;
}
.popup__text ul + p{
    margin: 40px 0 0 0;
}
.popup__main-form{
    width: 660px;
}
.popup__main-form .main-form__field:first-child{
    margin-top: 0;
}
.popup__main-form .main-form__field{
    border-color: #D8D8DA;
} 
.popup__main-form .main-form__field-inp span{
    color: #898B90;
}
.popup__main-form .main-form__field-inp input, 
.popup__main-form .main-form__field-inp input::placeholder,
.popup__main-form .main-form__field-inp textarea, 
.popup__main-form .main-form__field-inp textarea::placeholder{
    background: #fff;
    color: var(--color-default);
}
.popup__main-form .main-form__checkbox > p,
.popup__main-form .main-form__checkbox > p a{
    color: #898B90;
}
.popup__main-form .main-form__checkbox > p a{
    border-color: #898B90;
}
.popup__main-form .main-form__checkbox > p a:hover{
    color: var(--color-red-dark);
    border-color: var(--color-red-dark);
}
.popup__main-form .main-form__checkbox > input + p::before{
    width: 18px;
    height: 18px;
    background-size: 15px;
}
.popup__main-form .main-form__checkbox > input:checked + p::before{
    border-color: rgba(59, 62, 70, 0.2);
}




@media(max-width: 1455px){
    .main-form,
    .footer{
        grid-template-columns: clamp(530px, calc(540px + (100vw - 1440px - 15px) * 0.5), 780px) 1fr;
    }
}