header{
    position: unset;
    width: 100%;
}

.header-nav {
    background: #1f375ad1;
}



footer{
    margin-top: 100px;
}




.about-section .row{
    align-items: center;
}



.about-video iframe {
    border-radius: 25px !important;;
    position: relative !important;
    border: 0;
    top: -21px !important;
}

.about-video{
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    z-index: 2;
}


.about-video iframe{
    width: 550px !important;
    height: 375px !important;
    border-radius: 9px;
    position: unset !important;
}



.why-image{
    width: 100%;
    height: 450px;
}
.why-image svg{
    width: 100%;
    height: 100%;
}


.about-section{
    padding-block: 0;
}


.why-image img{
    width: 100%;
    height: 100%;
     object-fit: contain;
    /*object-fit: cover;*/
    border-radius: 17px;
}

/*.why-extra{*/
/*    display: grid;*/
/*    grid-template-columns: 1fr 1fr;*/
/*    grid-template-rows: 1fr 1fr;*/
/*    height: 100%;*/
/*    grid-gap: 20px;*/
/*}*/

.each-grid-item{
    display: flex;
    flex-direction: column;
    padding: 23px;
    justify-content: center;
    gap: 20px;
    border: 2px solid #E1E6F0;
    border-radius: 18px;
    position: relative;
}

.each-grid-item:before{
    position: absolute;
    content: '';
    background-image: url(../images/about/ribbon.png);
    background-repeat: no-repeat;
    width: 47px;
    height: 45px;
    background-size: contain;
    right: -16px;
    top: 21px;
}

.grid-item-text{
    gap: 0.8rem;
    display: flex;
    flex-direction: column;
}
.grid-item-text h6{
    display: flex;
    gap: 8px;
    text-align: center;
    align-items: center;
}
.why-us{
    padding-block: 90px;
    background: #F5F7FB;
}

.grid-icon{
    align-self: flex-end;
}

.grid-item-text h6{
    font-size: 15px;
    font-weight: 600;
}


.grid-item-text span{
    font-size: 15px;
    color: #2c2c2c;
}

.grid-icon{
    width: 87px;
    height: 87px;
}

.grid-icon svg{
    width: 100%;
    height: 100%;
    object-fit: contain;
}





.about-doctor{
    padding-top: 70px;
}



.dr-list{
    list-style: none;
    padding-right: 0;
}

.dr-list li{
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
}

.doctor-img{
    width: 100%;
    height: 600px;
}

.doctor-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.about-doctor .row{
    align-items: center;
}





.about-buttons{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
}


.counseling-sec{
    padding-block: 90px 21px;
}
.counseling-sec .extra-title{
    margin-top: 0;
    gap: 1.2rem;
    display: flex;
    flex-direction: column;
}

.col-doctor-content{
    gap: 1.2rem;
    display: flex;
    flex-direction: column;
}


/*responsive*/
/*responsive*/
/*responsive*/
/*responsive*/
/*responsive*/


@media screen and (max-width: 1399px){

}

@media screen and (max-width: 1199px){

    .grid-icon {
        width: 60px;
        height: 60px;
    }

    .each-grid-item {
        padding: 19px;
        gap: 13px;
    }
    .doctor-img {
        width: 100%;
        height: 500px;
    }

    .about-video iframe {
        width: 432px !important;
        height: 304px !important;
    }

}


@media screen and (max-width: 991px){

    .navbar-toggler .navbar-toggler-icon svg {
        fill: var(--primary-color);
    }

    .col-about-image{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .about-video {
        justify-content: center;
    }

    .col-about-content{
        margin-bottom: 40px;
    }


    .why-us .row {
        flex-direction: column-reverse;
    }

    .col-why-extra{
        margin-bottom: 40px;
    }

    .why-image {
        width: 100%;
        height: 350px;
    }

    .doctor-img {
        width: 100%;
        height: 420px;
    }

    .counseling-box {
        padding: 25px;
        padding-left: 20%;
    }

    .counseling-content {
        gap: 94px;
    }

    .counseling-box::before {
        width: 267px;
        height: 282px;
        left: -47px;
    }

    .about-banner .container-fluid {
        padding-inline: 25px;
    }


}


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

    .counseling-box {
        padding: 25px;
        padding-left: 25px;
        /*padding-bottom: 300px;*/
    }

    .counseling-box::before {
        opacity: 0.3;
    }

    .about-buttons {
        justify-content: center;
    }

}


@media screen and (max-width: 575px){

    .breadcrumb-side h3 {
        font-size: 15px;
        margin-bottom: 16px;
    }

    .breadcrumb-nav {
        padding: 13px 17px;
    }

    .about-section {
        padding-block: 16px 50px;
    }

    .why-us {
        padding-block: 60px;
    }

    .extra-title::before {
        display: none;
    }

    .counseling {
        padding-block: 68px;
    }

    .about-doctor {
        padding-top: 50px;
    }

    .counseling-sec {
        padding-block: 56px 1px;
    }

    .why-extra {
        grid-template-columns: 1fr;
    }

}


@media screen and (max-width: 425px){

    .about-video iframe {
        width: 332px !important;
        height: 249px !important;
    }

}


@media screen and (max-width: 375px){


    .why-image {
        height: 271px;
    }

}


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

    .counseling-box {
        padding: 15px;
        padding-left: 15px;
    }

    .about-video iframe {
        width: 276px !important;
        height: 219px !important;
    }

}








/*responsive*/
/*responsive*/
/*responsive*/
/*responsive*/