.about-us .row {
    justify-content: space-between;
}

.about-us .col1 {
    width: 48%;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.about-us .text {
    font-size: 25px;
    font-size: 18px;
    color: #7B7B7B;
    margin-bottom: 40px;
    max-width: 500px;
}

.about-us .col2 {
    width: 46%;
}

.about-us .col2 img {
    width: 100%;
    border-radius: 6px;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    /* Negative gutters for spacing */
    margin-left: -15px;
    gap: 15px;

    /* Gap between columns */
}

.col-md-6 {
    flex: 0 0 auto;
    width: 40%;
    /* Half-width on medium screens and above */
}



.img-fluid {
    max-width: 100%;
    height: auto;
    /* Responsive images */
}

.rounded {
    border-radius: 10px;
    /* Slightly rounded corners for better aesthetics */
}

.align-items-center {
    align-items: center !important;
    /* Vertically center items in a flex container */
}

.text-center {
    text-align: center !important;
    /* Center-align text horizontally */
}

.mb-5 {
    margin-bottom: 3rem !important;
    /* Adds bottom margin */
}

.order-md-1 {
    order: 1;
    /* Normal order for medium screens and above */
}

.order-md-2 {
    order: 2;
    /* Reverses order for medium screens and above */
}

.img-fluid {
    max-width: 100%;
    /* Ensures image does not exceed its container */
    height: auto;
    /* Maintains aspect ratio */
}

.rounded {
    border-radius: 8px;
    /* Slightly rounded corners */
}

.section-heading {
    text-transform: capitalize;
    font-weight: 500;
    line-height: 1;
    color: #007bb4;
    letter-spacing: -0.01em;
    font-size: calc(2.5vw + 0.1rem);
}

@media (max-width: 768px) {
    .col-md-6 {
        width: 100%;

        /* Full width on smaller screens */
    }

    .text-center {
        text-align: center;
        /* Center-align text for mobile screens */
    }

    .section-heading {
        margin-bottom: 25px;
        font-size: 35px;


    }
}

/* Default Order (for larger screens) */
.order-md-1 {
    order: 1;
}

.order-md-2 {
    order: 2;
}

/* Reverse Order for Medium Screens (max-width: 768px) */
@media (max-width: 768px) {
    .order-md-1 {
        order: 2;
    }

    .order-md-2 {
        order: 1;
    }

    .order-1 {
        order: 2;
    }

    .order-2 {
        order: 1;
    }
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

/* Reverse Order for Small Screens (max-width: 576px) */
@media (max-width: 576px) {
    .order-md-1 {
        order: 2;
    }

    .order-md-2 {
        order: 1;
    }
}