@media only screen and (max-width: 1400px){
    .call-to-action img{
        height: 390px;
    }


}

@media only screen and (max-width: 1200px){
    .call-to-action img{
        height: 350px;
    }
}

@media only screen and (max-width: 768px){
    .j-title{
        margin-bottom: 20px;
    }

    .insurance-cards{
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .feature__content{
        grid-template-columns: 1fr;
        gap: 0px;
    }

    .questions_items-content{
        width: 100%;
    }

    .carousel-item > img{
        aspect-ratio: 16/10;
    }

    .py-8{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    .py-10{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    .py-12{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    .px-15{
        padding-left: 50px;
        padding-right: 50px;
    }

    .bussiness-insurance .first{
        margin-bottom: 0px;
    }

    .bussiness-insurance__item{
        width: 80% !important;
    }

}

@media only screen and (max-width: 576px){
    .j-slider-caption{
        background: rgba(36, 107, 221, 0.7) !important;
        border-radius: 15px;
    }

    .carousel-item > img{
        aspect-ratio: 4/6;
    }

    p, ul li{
        font-size: 1em;
    }
    
    h2{
        font-size: 1.6em !important;
    }
    h3{
        font-size: 1.4em !important;
    }
    h4{
        font-size: 1.2em !important;
    }

    footer h5{
        font-size: 1.2em;
    }
    
    footer p{
        font-weight: 200;
        font-size: .9em;
    }

    .nav-link{
        font-size: 1.2em !important;
        font-family: 'Onest' !important;
        font-weight: 400;
    }
    
    .j-modal__content{
        padding: 50px 20px;
    }

    .offer p, .offer a{
        font-size: 1em;
    }

    .btn-offer-form{
        margin-bottom: 10px;
    }
}