/*body {*/
/*    background: #292929;*/
/*}*/

.main-section{
    padding: 24px 0 0 0;
    background: url("/odyssey4retail/avtozakaz/img/main-bg-mobile.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}

.stories-white-highlight{
    background: white;
    border-radius: 100px;
    padding: 8px 12px;
}
.stories-blue-highlight{
    background: rgba(0, 159, 255, 0.1);
    border-radius: 8px;
    padding: 8px;
}
.stories-transparent-btn{
    border-radius: 40px;
    padding:8px 24px;
    color:white;
    border:2px solid #019FFF;
    background: transparent;
}
.many-projects-wrapper{
    background: #214154;
    overflow: hidden;
    padding: 24px;
    padding-bottom: 250px;
    position: relative;
    display: flex;
    align-items: center;
    background: url("/odyssey4retail/avtozakaz/img/cost-bg-mobile.jpg") no-repeat;
    background-position: bottom;
    background-size: cover;
}
.features-wrapper{
    padding: 40px 40px 260px 40px;
    background: url("/odyssey4retail/avtozakaz/img/features-bg-mobile.jpg") no-repeat;
    background-position: bottom;
    color:white;
    background-size: cover;
    border-radius:20px;
}


@media (min-width: 768px) {
    .many-projects-wrapper{
        min-height: 350px;
        padding: 40px;
        align-items: center;
        background: url("/odyssey4retail/avtozakaz/img/cost-bg-desktop.jpg") no-repeat;
        background-position: bottom;
        background-size: cover;
    }
    .advantages-item{
        background: #E6F5FF;
        padding: 24px;
    }
}

@media(min-width: 992px){
    .features-wrapper{
        padding: 40px 40px 40px 40px;
        background: url("/odyssey4retail/avtozakaz/img/features-bg-desktop.jpg") no-repeat;
        background-position: bottom;
        color:white;
        background-size: cover;
    }

    .main-section-img{
        margin: -80px 0 -80px -40px;
        max-width: 550px;
    }
    .main-section{
        padding: 40px 0 40px 0;
        background: url("/odyssey4retail/avtozakaz/img/main-bg-desktop.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }
}
@media(min-width: 1200px){
    .features-wrapper{
        padding: 60px;
        border-radius:30px;
    }
    .main-section-img{
        margin: -80px 0 -80px -40px;
        max-width: 650px;
    }
    .main-section{
        padding: 80px 0 80px 0;
    }
}
@media(min-width: 1400px){
    .main-section-img{
        margin: -110px 0 -110px -40px;
        max-width: 800px;
    }
    .main-section{
        padding: 110px 0 110px 0;
    }
}