@media only screen and (max-width: 600px)  {
    .about .visi-misi .card-text .d-custom-flex {
        --bs-gutter-x: 1rem;
    }


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

    .footer::before {
        content: "";
        background: linear-gradient(259deg, rgba(0, 0, 0, 0.50) 4.31%, #000 105.77%);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .clients .client-img {
        width: 90px;
        height: 90px;
    }

}

@media only screen and (max-width: 767px) {
    .hero-header .img {
        margin-top: 2rem;
    }
    
    .hero-header {
        padding: 6rem 0 3rem 0;
    }

    .hero-header .service .service-box:hover {
        background: #fff;
        box-shadow: 0px 2px 10.4px 2px rgba(0, 0, 0, 0.25);
        transform: scale(1.1);
    }

    .footer .container {
        padding-top: 0vh;
    }

} 




@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .navbar-light .navbar-nav .nav-link {
        padding: 25px 9px;
    }
    
    .contact p {
        font-size: 12px;
    }

    .contact a {
        font-size: 12px;
    }
}