/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.container{
    width: 90vw;
    max-width: 1250px;
}
main.container{
	min-height: 50vh;
}

@media (min-width: 100px) {
    .footer__main{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}

@media (min-width: 992px) {
    .footer__main{
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
    }

    .logo--white{
        max-width: 150px;
    }

     .about__images{
        padding: 0 2.5rem 2.5rem 2.5rem;
    }
}

@media (min-width: 1275px) {
    .footer__main{
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
}

@media (min-width: 1069px) {
    .logo--white{
        max-width: 200px;
    }
}

@media (min-width: 620px){
     .buttons {
            grid-template-areas: "btn1 btn2" "link link";
    }
}

@media (max-width: 590px){
    .buttons{
            grid-template-areas: "btn1 btn1" "btn2 btn2" "link link";
    }    
}

@media (max-width: 590px){
    .hero, .hero__check{
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
    .car__brands-item {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}

@media (min-width: 590px){
    .hero__check{
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 992px) {
    /* .container{
        width: 90vw;
    } */

    h1{
        font-size: 32px;
    }

    h2{
        font-size: 24px;
    }

    .header__main{
        padding: 1rem;
    }

    .hero__inner, .about__inner, .delivery__inner{
        padding: 20px;
        width: 100%;
    }

    .buttons {
        .link-grid a{
            text-align: center;
        }
    }

    /* .brands{
        gap: 20px;
        margin: 20px;
    } */
    
    .stats__one{
        border-radius: 10px;
    }
    
    .about__cert img{
        width: 30vw;
    }

    .about{
        gap: .5rem;
    }

    .slider-relation-mobile{
        position: relative;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .slider-relation-mobile::-webkit-scrollbar, .requisites .one-table-wrap::-webkit-scrollbar{
        width: 0;
    }

    /* .slider-relation-items{
        display: flex;
        gap: 1rem;
        width: calc(100%*5);
        max-width: 2000px;
    } */

    .card{
       width: 100%;
    }

    .advantages__wrapper{
        -webkit-backdrop-filter: blur(10px);
                backdrop-filter: blur(10px);
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .advantages__inner{
        margin-right: 0;
        gap: 1rem;
    }

    .advantages__title{
        font-size: 1.1rem;
    }

    .advantages__text{
        font-size: 14px;
    }

    .how-to-buy__buttons{
        width: 100%;
        max-width: 350px;
            grid-template-areas: "btn1 btn1" "btn2 btn2";
    }

    .p__wrap{
        margin-bottom: 0;
    }

    .footer__top, .footer__top-items{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .footer__main{
        padding: 1.5rem;
        margin: 0;
    }

    .footer__bottom{
        padding: 1.5rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 1rem;
    }

    .footer__bottom a, .footer__bottom span{
        text-align: center;
    }

    .how-to-buy__stages{
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }    

}

@media (min-width: 375px){
    .advantages__inner{
        gap: 2rem;
    }
}

@media (min-width: 570px){
    .how-to-buy__stages{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}

@media (min-width: 992px){
    .slider-relation-items{
        position: relative;
    }

    /* .container{
        width: 85vw;
    } */
}

/* @media (min-width: 1500px){
    .container{
        width: 60vw;
    }
} */

.flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.flex--base{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.brands__item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1rem;
    position: relative;
}

.brands__item, .catalog__brands-item img{
    -webkit-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .2s ease-out;
}

.brands__item:hover, .catalog__brands-item:hover img, .delivery__item:hover{
    scale: 1.1;
}

.g05{
    gap: 0.5rem;
}

.g1_5{
    gap: 1.5rem;
}

.d-none{
    display: none !important;
}

@media (min-width: 700px){
    .delivery__brands{
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    grid-gap: 32px;
    grid-auto-flow: dense;
    }
}

@media (min-width: 1150px) {
    .about__images{
        padding: 2.5rem 2.5rem 2.5rem 0;
    }
}


@media (max-width: 513px) {
    .footer__main-wrap{
        margin-bottom: 15px;
    }
}