/* Up to 480px (Small Mobile Devices) */
@media (max-width: 480px) {
    .row>* {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x)* 1);
        padding-left: calc(var(--bs-gutter-x)* 1);
        margin-top: var(--bs-gutter-y);
    }
    /* Header and Navigation */
    .navbar-brand img {
        width: 50%; /* Smaller logo */
    }
    .navbar-toggler {
        display: block; /* Ensure toggler is visible */
    }
    .nav-item{
        margin-left: 0px;
    }
    section{
        padding: 30px 0px;
    }
    .text-end{
        text-align: left !important;
    }
    .rounded-4 img{
        width: 60px;
    }

    /* Section Part-1 */
    .head-text {
        font-size: 2rem; /* Reduce heading size */
    }
    .part-1 p {
        font-size: 16px; /* Readable paragraph text */
    }
    .part-1 .main-button {
        width: 100%; /* Full-width buttons */
        margin-bottom: 10px; /* Stack vertically */
    }
    .img-container img {
        width: 100%;
        height: auto; /* Responsive images */
    }

    /* Section Part-2 */
    .part-2 .col-12 {
        margin-bottom: 20px; /* Space between stacked columns */
    }
    #inputAddress, .part-2 .main-button {
        width: 100%; /* Full-width input and button */
        margin-bottom: 15px;
    }
    .mt- li{
        margin-top: 20px !important;
    }
    .mysm-1{
        margin-top: 0px !important;
    }
    .mbsm-3{
        margin-bottom: 50px !important;
    }
    .test-head-details {
        font-size: 12px;
    }

.copyright {
    font-size: 12px;
}

    /* Section Part-5 */
    .testimonials {
        margin-top: 2rem;
    }
    .testimonies p{
        width: 100%;
    }
    .carousel-inner {
        padding-bottom: 50px; /* Adjust carousel controls spacing */
    }
    #carouselExampleAutoplaying{
        margin-bottom: 50px;
    }
    .carousel-control-next, .carousel-control-prev {
        top: auto;
        bottom: 0;
        width: 87%; /* Full-width controls */
    }
    .one, .two {
        width: 100%; /* Stack statistics */
        text-align: center;
    }

    /* Section Part-6 */
    .part-6 .main-button {
        width: 100%;
        margin-bottom: 10px; /* Stack buttons */
    }

    /* Footer */
    .footer .col-lg-4, .footer .col-lg-2 {
        margin-bottom: 20px; /* Stack footer columns */
        text-align: center;
    }
}

/* 481px to 767px (Larger Phones/Small Tablets) */
@media (min-width: 481px) and (max-width: 767px) {
    .head-text {
        font-size: 2.5rem; /* Slightly larger heading */
    }
    .part-1 .main-button {
        width: auto; /* Buttons side-by-side */
    }
    .part-2 .col-12 {
        margin-bottom: 20px;
    }
    .part-3 .col-12, .part-4 .col-12 {
        margin-bottom: 20px;
    }
    .part-6 .main-button {
        width: auto;
    }
}


/* 768px to 991px (Tablets) */
@media (min-width: 768px) and (max-width: 991px) {
    .head-text {
        font-size: 2.8rem;
    }
    .part-2 .col-lg-4 {
        flex: 0 0 50%;
        max-width: 50%; /* Two columns */
    }
    .part-3 .col-lg-5, .part-4 .col-lg-5 {
        flex: 0 0 100%;
        max-width: 100%; /* Stack vertically */
    }
}


/* 992px to 1199px (Small Desktops) */
@media (min-width: 992px) and (max-width: 1199px) {
    .head-text {
        font-size: 3rem;
    }
}