@media screen and (max-width:550px) {
    .hero-content {
        width: 100%;
    }

    .hero-content h1 {
        font-size: 2rem;
    }

    .hero-content p {
        font-size: 1rem;
    }

    .red-label {
        margin-top: 20px;
    }


    .cta-bg {
        background-size: cover;
    }

    .cta-bg:hover {
        background-size: cover;
    }

    .banner-section h1 {
        font-size: 2rem;
    }

    .about-sm-img {
        height: 150px;
        width: 150px;
    }

    .about-lg-img {
        height: 200px;
        width: 200px;
    }

    .about-slider,
    .solutions-slick {
        overflow: hidden !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .about-slider .slick-list,
    .about-slider .slick-track,
    .about-slider .slick-slide,
    .solutions-slick .slick-list,
    .solutions-slick .slick-track,
    .solutions-slick .slick-slide {
        width: 100% !important;
        max-width: 100vw !important;
        overflow: hidden !important;
        min-width: 0 !important;
    }

    .banner-section {
        width: 100% !important;
        max-width: 100vw !important;
    }

    .mobile-navbar,
    .navbar-mob-flex {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }

}


@media screen and (max-width:992px) {
    footer {
        position: relative;
    }

    .cursorBig {
        display: none;
    }

    .cursorSmall {
        display: none;
    }

    .banner-section {
        background-size: cover;
        padding: 15px 0;
        height: auto;
    }

    .banner-section:hover {
        background-size: cover;
    }


}