/* Card section start*/

#about-founder .card img {
    height: 100px;
    width: 100px;
}

/* For About founder card section only - start */
.w-90 {
    width: 90%;
}

@media only screen and (min-width:320px) and (max-width:1199px) {
    .w-90 {
        width: 100%;
    }
}

/* For About founder card section only - end */


/* Card section end */



/* About hospital start */
#about-hospital {
    /* height: 100vh; */
    height: 90vh;
    width: 100%;
    /* background-color: orange; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 80px;
}

/* About hospital end */



/* Our branches start */
#our-branches {
    /* height: 100vh; */
    /* height: 90vh; */
    height: 70vh;
    /* height: auto; */
    width: 100%;
    /* background-color: yellow !important; */
}

#our-branches .our-branches-container {
    height: 100%;
    width: 100%;
    background-image: url('../images/about-us/our-branches/our-branches.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    /* background-color: orange; */
}

#our-branches .our-branches-container .row {
    height: 100%;
    width: 100%;
    display: flex;
    /* align-items: center;
    justify-content: center;
    background-color: orange; */
}

.location-card {
    height: 270px;
    width: 383px;
    box-shadow: 0px 0px 7px rgb(0, 0, 0, 0.25);
}

.location-one-content,
.location-two-content {
    height: 105px;
}

.details-separater {
    height: auto;
    width: 4px;
    background-color: #27AAE2;
}


@media only screen and (min-width:992px) and (max-width:1200px) {
    #our-branches .our-branches-container {
        height: 80%;
        width: 100%;
    }
}




@media only screen and (min-width:426px) and (max-width:768px) {
    #about-founder .about-founder-image img {
        height: 400px;
        width: auto;
        object-fit: cover;
        object-position: center;
    }
}




@media only screen and (min-width:320px) and (max-width:1000px) {



    /* About hospital start */
    #about-hospital {
        height: auto;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 30px;
    }

    /* About hospital end */



    /* Our branches start */

    #our-branches {
        height: auto;
    }


    #our-branches .our-branches-container {
        height: 100%;
        width: 100%;
        background-image: url('../images/about-us/our-branches/our-branches.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

        /* background-color: orange; */
    }

    .location-one-content,
    .location-two-content {
        height: auto;
    }

    /* Our branches end */
}


@media only screen and (min-width:320px) and (max-width:767px) {

    .location-card {
        height: auto;
        width: auto;
    }


}





/* About us scroll start  */
#about-founder {
    scroll-margin-top: 80px;
    /* scroll-margin-top: 50px; */
    /* background-color: orange; */
}

#about-hospital {
    scroll-margin-top: -100px;
    /* scroll-margin-top: 30px; */
    /* background-color: red; */
}


/* About us scroll end  */

@media only screen and (min-width:1200px) and (max-width:1440px) {
    #about-founder {
        scroll-margin-top: -175px;
        /* scroll-margin-top:45px; */
    }

    #about-hospital {
        scroll-margin-top: -100px;
        /* scroll-margin-top:40px; */
        /* background-color: orange; */

    }
}

@media only screen and (min-width:1050px) and (max-width:1199px) {
    #about-founder {
        scroll-margin-top: -130px;
        /* scroll-margin-top:35px; */
    }

    #about-hospital {
        scroll-margin-top: -55px;
        /* scroll-margin-top:40px; */
        /* background-color: orange; */
    }
}



@media only screen and (min-width:768px) and (max-width:1049px) {
    #about-founder {
        scroll-margin-top: -90px;
        /* scroll-margin-top:20px; */
    }

    #about-hospital {
        scroll-margin-top: 20px;
        /* scroll-margin-top:190px; */
        /* background-color: orange; */

    }
}

@media only screen and (min-width:500px) and (max-width:767px) {
    #about-founder {
        scroll-margin-top: -80px;
        /* scroll-margin-top:10px; */
    }

    #about-hospital {
        scroll-margin-top: 50px;
        /* scroll-margin-top:160px; */
        /* background-color: orange; */
    }
}


@media only screen and (min-width:320px) and (max-width:499px) {
    #about-founder {
        scroll-margin-top: -80px;
        /* scroll-margin-top:8px; */
    }

    #about-hospital {
        scroll-margin-top: 49px;
        /* scroll-margin-top:140px; */
        /* background-color: orange; */
    }
}