/*==========================================
HERO RESPONSIVE
==========================================*/

@media (max-width: 991px){

    .hero,
    .heroSwiper,
    .heroSwiper .swiper-slide{
        min-height:700px;
        height:100svh;
    }

    .hero-content{
        padding-top:180px;
        max-width:650px;
    }

    .hero-content h1,
    .hero-content h2{
        font-size:3rem;
    }
}

@media (max-width: 767px){

    .hero,
    .heroSwiper,
    .heroSwiper .swiper-slide{
        min-height:650px;
        height:100svh;
    }

    .hero-content{
        padding-top:150px;
        padding-left:10px;
        padding-right:10px;
    }

    .hero-content h1,
    .hero-content h2{
        font-size:2.35rem;
        line-height:1.15;
    }

    .hero-content p{
        font-size:1rem;
        line-height:1.7;
        margin-bottom:28px;
    }

    .hero-buttons{
        gap:12px;
    }

    .hero-buttons .btn{
        width:100%;
        text-align:center;
    }

    .heroSwiper .swiper-button-next,
    .heroSwiper .swiper-button-prev{
        display:none;
    }

    .scroll-down{
        bottom:20px;
    }
}