@media(max-width: 1599.98px) {
    .navbar-wrapper {
        padding: 0px 30px 30px 30px;
    }

    .banner-video-container {
        overflow: hidden;
    }

    .h1,
    h1 {
        font-size: 5.5rem;
        max-width: 80%;
    }

}

@media(max-width: 1439.98px) {

    .h1,
    h1 {
        font-size: 3.5rem;
        max-width: 60%;
    }

    .logo-container-footer {
        max-width: 30%;
    }

    .footer-logo-container h4 {
        font-size: var(--font-size-3xl);
    }

    .footer-quick-links h5,
    .footer-services-container h5,
    .footer-contact-container h5 {
        font-size: var(--font-size-xl);
    }

    .social-container {
        gap: 0em;
        flex-wrap: wrap;
    }
}


@media(max-width: 1365.98px) {
    .digital-process-step{gap: 30px 50px;}
    .digital-process-step h5 {font-size: var(--font-size-2xl);}
    .colnw-23 {width: 24.5%;}
}



@media(max-width: 1199.98px) {

    .h1,
    h1 {
        font-size: 3.5rem;
        max-width: 100%;
        text-align: center;
    }

    .navbar-wrapper {
        padding: 0px 0px 0px 0px;
    }

    .banner-video-container {
        padding: 5rem 30px;
    }

    .logo-container img {
        width: 40%;
    }

    .banner-heading {
        gap: 3.5rem;
    }

    .title-heading-banner {
        background-image: linear-gradient(161deg, var(--accent-transparent) 0%, var(--primary) 100%);
    }

    .colnw-23 {
        width: 50%;
    }

    h2 {
        font-size: var(--font-size-11xl);
    }

    .title-heading br {
        display: none;
    }

    .guide-video-container p {
        font-size: var(--font-size-2xl);
        max-width: 100%;
    }

    .imagecard-col {
        display: none;
    }

    .imagecard-service {
        display: none;
    }
}

@media(max-width: 991.98px) {
    .section {
        padding: 60px 20px 60px 20px;
    }

    .service-title {
        text-align: start;
    }


}

@media(max-width: 767.98px) {

    .section-banner {
        padding: 0px 0px 0px 0px;
    }

    .h1,
    h1 {
        font-size: 2.5rem;
    }

    .imagecard-service {
        background-image: none;
        display: none;
    }

    .colnw-23 {
        width: 100%;
    }

    p {
        font-size: var(--font-size-lg);
    }

    button,
    a {
        font-size: var(--font-size-base);
    }

    .footer-list a {
        font-size: var(--font-size-lg);
    }

    .contact-list li {
        font-size: var(--font-size-base);
    }

    .section {
        padding: 50px 20px 20px 20px;
    }

    .guide-video-container p {
        font-size: var(--font-size-lg);
    }

    .copyright-container {
        gap: 20px 50px;
    }

    .copyright,
    .legal-link {
        font-size: var(--font-size-base);
    }

    .bg-footer {
        padding: 70px 20px 0px 20px;
    }

    .footer-content-spacer {
        height: 40px;
    }

    .nav-btn {
        padding: 8px 15px;
        font-size: 1.5rem;
    }
}

@media(max-width: 575.98px) {

    #banner-video-background {
        top: 50%;
    }
    
    .logo-container img {
        width: 50%;
    }
    .chooseus-content{max-width: 100%;}
    
    .btn-title {
        padding: 15px 15px 15px 15px;
    }
}