@media (max-width:700px) {
    .banner-wrpaer {
        padding: 0 0 40px 0;
    }

    .banner-wrpaer .banner-details {
        padding-top: 30px;
    }

    .banner-wrpaer .banner-details h1 {
        font-size: 22px;
    }

    .banner-wrpaer .banner-details h4 {
        font-size: 15px;
    }

    .form-wraper {
        padding: 10px;
    }

    .form-wraper {
        margin-top: 30px;
    }

    .footer-logo {
        height: 70px;
    }

    .card-wraper {
        padding: 70px 0 0 0 !important;
    }


    .about-image {
        width: 80%;
        height: auto;
    }

    .card {
        margin-bottom: 70px;
    }

    .details-box-1 {
        margin-bottom: 30px;
    }

    /* Navbar Panel Styles */
    .navbar-collapse {
        position: fixed;
        left: -100%;
       
     background-color: white;
        width: 70%;
        height: 100%;
        top: 0;
        transition: left 0.3s ease;
        /* Smooth transition */
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
        z-index: 1050;
        /* Ensures it appears above other content */
        padding-top: 1.5rem;
        /* Space for content */
    }

    /* Show the sidebar when the navbar is expanded */
    .navbar-collapse.show {
        left: 0;
    }


    .navbar-collapse .navbar-nav {
        margin-top: 30px;
    }

    .navbar-expand-lg .navbar-nav .nav-link{
        padding: 10px 30px !important;
    }

    .navbar-nav .fa-angles-right{
        display: inline;
    }
}