@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&display=swap');

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&family=STIX+Two+Text:ital,wght@0,400..700;1,400..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Yesteryear&family=Yrsa:ital,wght@0,300..700;1,300..700&display=swap');



* {

    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    /* font-family: "DM Serif Text", serif; */
    /* font-family: "STIX Two Text", serif; */
    /* font-family: "Montserrat", sans-serif; */
}

:root{

    --bgcolor:#007c9e;
}

.mt-20 {

    margin-top: 20px;
}

.mt-30 {

    margin-top: 30px;
}

.mt-60 {

    margin-top: 60px;
}

.mt-90 {

    margin-top: 90px;
}

a {

    text-decoration: none;
}


.pad-btm {

    padding-bottom: 30px;
}

/*-----------whatsappfloat------------*/

.whatsappfloat {

    margin: 0px;
    padding: 0px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 2;
    width: 60px;
    height: 60px;
    border: solid 1px #f57c00;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.whatsappfloat i {

    color: #f57c00;
    font-size: 32px;
}


/*callfloat*/

.callfloat {

    position: fixed;
    bottom: 120px;
    right: 36px;
    z-index: 2;
    width: 60px;
    height: 60px;
    border: solid 1px #f57c00;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.callfloat a i {


    color: #f57c00;
    font-size: 24px;

}



/*--------------headertop--------*/

.headertopbg {

    margin: 0px;
    padding: 10px 0px;
    background-color: #e1eeff;
    padding-bottom: 0;


}

.headerlogo {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.headercall {

    margin: 0px;
    padding: 0px;
}

.headercall1 {

    margin: 0px;
    padding: 0px;
}

.headercall1 ul {

    margin: 0px;
    padding: 0px;
    display: flex;
    gap: 30px;
    justify-content: center;
    margin-top: 20px;
}

.headercall1 ul li {

    margin: 0px;
    padding: 0px;
    list-style: none;
}

.headercall1 ul li .headercallicon {

    margin: 0px;
    padding: 0px;
    display: flex;
    gap: 10px;
}

.headercallicon1 {

    margin: 0px;
    padding: 0px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
}

.headercallicon1 i {

    color: var(--bgcolor);
    font-size: 20px;
}

.headercallicontext {

    margin: 0px;
    padding: 0px;
}

.headercallicontext h6 {

    color: var(--bgcolor);
    font-family: "STIX Two Text", serif;
}

.headercallicontext h4 {

    color: var(--bgcolor);
    font-family: "STIX Two Text", serif;
    font-size: 20px;
}

.headertopright {

    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: right;
    margin-top: 14px;
}

.headertopright button {

    background-color: var(--bgcolor);
    color: white;
    border-radius: 20px;
    margin-top: 15px;
}

/*---------navbar----------*/

.navbar {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    margin-top: 20px;

}

.navbarmain {

    margin: 0px;
    padding: 0px;
    background-color: var(--bgcolor);
    width: 100%;
    display: block;
    border-radius: 20px;
    position: relative;
    z-index: 20;
}

.navbarmainbox {

    margin: 0px;
    padding: 20px;
}

.navbarmainbox ul {

    margin: 0px;
    padding: 0px;
    display: flex;
}

.navbarmainbox ul li {

    margin: 0px;
    padding: 0px;
    list-style: none;
    position: relative;
}


.navbarmainbox ul li ul.submenu {

    position: absolute;
    top: 170%;
    left: 0;
    width: 180%;
    background-color: white;
    margin: 0px;
    padding: 0px;
    display: none;
    border-top: solid 4px #2f7a76;
    border-bottom: solid 4px #2f7a76;
}

.navbarmainbox ul li:hover ul.submenu {

    display: block;
}

.navbarmainbox ul li ul.submenu li {

    margin: 0px;
    padding: 8px 15px;
    display: block;
    list-style: none;
    border-bottom: dotted 1px #007c9e;
}

.navbarmainbox ul li ul.submenu li a {

    font-size: 16px;
    color: var(--bgcolor);
    text-decoration: none;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    font-family: "STIX Two Text", serif;
}



.navbarmainbox ul li a {

    margin: 0px;
    padding: 0px 15px;
    cursor: pointer;
    text-decoration: none;
    font-size: 16px;
    font-family: "STIX Two Text", serif;
    transition: all 0.5s;
    color: white;
    padding-bottom: 60px;
}

.navbarmainbox ul li a:hover {

    color: #fc9a38;
}

.navsocialmedia {

    margin: 0px;
    padding: 0px;
}

.navsocialmedia ul {

    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: right;
    margin-top: 15px;
}

.navsocialmedia ul li {

    margin: 0px;
    padding: 0px 15px;
    list-style: none;

    display: block;
}


.navsocialmediaicon {

    margin: 0px;
    padding: 0px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: solid 1px #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease-in-out;
}

.navsocialmediaicon:hover {

    border: solid 1px #f57c00;
}

.navsocialmediaicon a i {

    color: white;
    font-size: 15px;
    transition: all 0.5s ease-in-out;
    transition-delay: 0.2s;
}

.navsocialmediaicon a i:hover {

    color: #f57c00;
}

/*---------banner--------*/

.banner {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    position: relative;
    top: -30px;
    z-index: 1;

}

.banner img {

    width: 100%;
    display: block;
    height: 550px;
}



.bannericon{
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 18%;
    left: 45%;
    background-image: url(../img/Tuhin-Sinha-icon.png);
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
    height: 430px;
    z-index: 10;
    width: 45%;
    transition: all 0.12s ease;
    -webkit-transition: all 0.12s ease;
    -moz-transition: all 0.12s ease;
    -ms-transition: all 0.12s ease;
    -o-transition: all 0.12s ease;
}

.bannershape-icon{

    
    background-color: #EAF3FB;
  height: 390px;
  width: 390px;
  position: absolute;
  top: 20%;
  left: 20%;
  border-radius: 62% 47% 82% 35%/45% 45% 80% 66%;
  will-change: border-radius, transform, opacity;
  display: block;
  z-index: 1;
  -webkit-animation: sliderShape 8s linear infinite;
}

@keyframes sliderShape{

    0% , 100%{

        border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
  transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    }
    34%{

        border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
  transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
    }
    50%{

        transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    }67%{

        border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
  transform: translate3d(0, -3px, 0) rotateZ(0.01deg);
    }
}

.banner-text{

    position: absolute;
    top: 38%;
    left: 20%;
    z-index: 2;
}

.banner-text h2{

    color: #009285;
    font-weight: 800;
    font-size: clamp(24px,5vw,36px);
    line-height: 70px
}

.bannerbtn {


    position: absolute;
    top: 75%;
    left:30%;
    transform: translate(-50%, -50%);
    display: flex;
    gap: 15px;
 z-index: 2;
}

.bannerbtn button {


    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 14px;
    background-color:#007c9e !important;
    color:  #fff !important;
}

.bannerbtn button:hover{

    background-color: #007c9e !important;
    color: #fff !important;
}



/*---------service--------*/

.servicebg {

    margin: 0px;
    padding: 60px 0px;
    background-image: url(../img/pattern.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-attachment: scroll;
    background-size: cover;
    border-top-width: 1px;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
    background-color: #f2f7f7;
}

.serviceleft {

    margin: 0px;
    padding: 0px;
}

.serviceleft h5 {

    color: var(--bgcolor);
    font-family: "DM Serif Text", serif;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 10px;
}

.serviceleft h2 {

    color: #14033e;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: clamp(20px, 5vw, 48px);
}

.serviceleft h2 span {

    color: var(--bgcolor);
}

.servicemiddle {

    margin: 0px;
    padding: 0px;
    margin-top: 50px;

}

.servicemiddlebtn {

    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 15px;
}

.servicemiddlebtn button {

    border: solid 1px #f57c00 !important;
    color: #f57c00 !important;
}

.servicemiddlebtn button:hover {

    border: solid 1px #f57c00 !important;
    color: #fff !important;
}

.servicemiddle p {

    color: #333;
    font-size: 18px;
    font-family: "STIX Two Text", serif;
    font-weight: 500;
}

.serviceright {

    margin: 0px;
    padding: 0px;
    text-align: right;
    margin-top: 70px;
}

.serviceright button {

    border-radius: 20px;
    background-color: #317874;
    color: white;
}

.serviceright button:hover {

    background-color: #317874;
    color: white;
}

/*-----------serviceproduct--------*/

.serviceproductbox {

    margin: 0px;
    padding: 20px;
    background: linear-gradient(#c0f3f1, #fff);
    border-radius: 20px;
}

.serviceproductboxtop {

    margin: 0px;
    padding: 0px;
    display: flex;
    gap: 15px;
}

.serviceproductboxtop1 {

    margin: 0px;
    padding: 0px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #317874;
}

.serviceproductboxtop1 p {

    color: #2f7a76;
    font-size: 16px;
    font-family: "STIX Two Text", serif;

}

.serviceproductboxtop2 {

    margin: 0px;
    padding: 0px;
}

.serviceproductboxtop2 h6 {

    color: #317874;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: 500;
}


.serviceproductboxicon {

    margin: 20px;
    padding: 0px;
    position: relative;
    z-index: 1;
    margin-top: 80px;
}

.serviceproductboxicon::before {

    position: absolute;
    z-index: -1;
    content: "";

    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: rgba(206, 206, 206, 0.225);
    top: -161%;
    left: 39.4%;
}

.serviceproducttext {

    margin: 20px 0px;
    padding: 0px;
}

.serviceproducttext p {

    color: #333;
    font-size: 16px;
    font-family: "STIX Two Text", serif;
    text-align: justify;
}

.serviceproducttext h6 a {

    text-align: right;
    color: #f57c00;
    text-decoration: none;
    font-family: "STIX Two Text", serif;
    font-size: 20px;
    font-weight: 500;
}


/*----------physiotheraphy----------*/

.physiotheraphyimg{

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.physiotheraphyimg img{

    width: 100%;
    display: block;
    height: auto;
    border-radius: 20px;
}


.physiotheraphytext{

    margin: 0px;
    padding: 0px;
}

.physiotheraphytext h2{

    color: #212121;
  font-size: 32px;
  font-family: "Montserrat", sans-serif;
  margin-top: 20px;
  font-weight: 600;
}

.physiotheraphydetailstext{

    margin-top: 30px;
    padding: 0px;
}


.physiotheraphydetailstextleft{

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.physiotheraphydetailstextleft ul{

    margin: 0px;
    padding: 0px;
    display: block;  
}

.physiotheraphydetailstextleft ul li{

    margin: 0px;
    padding: 10px 0px;
    margin: 0px 15px;
    font-size: 16px;
    color: #061a1e;

}

.physiotheraphydetailstextleftbtn{

    text-align: center;
    margin: 0;
    padding: 0px;
    margin-top: 20px;
}

.physiotheraphydetailstextleftbtn button{

    background-color: #f57c00 !important;
    color: white !important;
     border-radius: 15px;
}


.physiotheraphydetailstextleftbtn button:hover{

    box-shadow: none;
    outline: none !important;
   }

/*---------------doctorchamber----------------*/

.doctorchamberheadertext{

    margin: 0px;
    padding: 0px;
}

.doctorchamberheadertext h5
{

    color: var(--bgcolor);
  font-family: "DM Serif Text", serif;
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 10px;
}

.doctorchamberheadertext h2{

    color: #14033e;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: clamp(20px, 5vw, 48px);
}

.doctorchamberheadertext h2 span{

    color: var(--bgcolor);
}

.doctorchamberheaderbox{

    margin: 0px;
    padding: 0px;
    margin-top: 40px;
}

.doctorchamberheaderboxmain{

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.doctorchamberheaderboxmainimg{

    margin: 0px;
    padding: 0px;
}

.doctorchamberheaderboxmainimg img{

    width: 100%;
    height: 300px;
    border-radius: 20px;
    object-fit: cover;
}

.doctorchamberheaderboxmaintext{

    margin: 0;
    padding: 0px;
}

.doctorchamberheaderboxmaintext h4{

    color: var(--bgcolor);
  font-size: 32px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}

.doctorchamberheaderboxmaintext p{

    color: #000;
    font-size: 15px;
      font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.doctorchamberheaderboxmaintext button{

    background-color: #fc9a38 !important;
    color: #fff !important;
    border-radius: 15px;
}

.doctorchamber .owl-prev,
.doctorchamber .owl-next{

    width: 40px !important;
    height: 40px !important;
    border-radius: 15px !important;
    border: solid 1px #2f7a76 !important;
}

.doctorchamber .owl-prev:hover,
.doctorchamber .owl-next:hover{
    background-color: transparent !important;
    color: #000 !important;
}

.doctorchamberdoctorimg{

    margin: 20px 0px;
    padding: 0px;
    display: flex;
    gap: 15px;
}

.doctorchamberdoctorimg div{

        width: 50px;
    height: 50px;
    border-radius: 50%;
}

.doctorchamberdoctorimg div img{

    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}
/*-------------------otherservice-------------------*/

.otherservice-pad-btm {

    padding-bottom: 60px;
}


.otherservicepattern {

    width: 100%;
    margin: 0px;
    padding: 60px 0px;
    position: relative;
    z-index: 1;
}

.otherservicepattern::before {

    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/pattern-25.png);
    background-position: center;
    background-size: 200px 200px;
    background-repeat: repeat;
    z-index: -1;
    opacity: 0.5;
}

.otherserviceleft {

    margin: 0px;
    padding: 0px;
    margin-top:0px;

}

.otherserviceleft h2 {

    color: #212121;
    font-size: 32px;
    font-family: "Montserrat", sans-serif;
    margin-top: 20px;
    font-weight: 600;
}

.otherservicebloodcolection{

    margin-top: 20px;
    padding: 0px;
}



.otherserviceright {

    margin: 0px;
    padding: 0px;
    
}

.otherserviceright1 {

    margin: 0px;
    padding: 15px;
    background-color: #fdfdfd;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 20px;
}

.oterserviceicon {

    margin: 0px;
    padding: 0px;
    text-align: center;
}

.oterserviceicon img {

    width: 100%;
    display: block;
    height: 166px;
    object-fit: cover;
    border-radius: 20px;
}

.oterserviceiconimg{

    height: 212px !important;
}


.oterserviceicontext {

    margin: 14px 0px;
    padding: 0px;
    text-align: center;
}


.oterserviceicontext h4 {

    color: var(--bgcolor);
    font-size: 22px;
    font-family: "DM Serif Text", serif;
}


/*----------aboutus-----------*/

.aboutusbg-pad {

    padding-bottom: 50px;
}

.aboutusbg {

    margin: 0px;
    padding: 50px 0px;
    background-color: #f2f7f7;
    padding-bottom: 20px;
}

.aboutustextcenter {

    margin: 0px;
    padding: 0px;
    text-align: center;
}

.aboutustextcenterintro {

    margin: 0px;
    padding: 5px 20px;
    background-color: #f57c00;
    display: inline-block;
    border-radius: 15px;
}

.aboutustextcenterintro h5 {

    color: white;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
}

.aboutustextcenter h2 {

    color: #333;
    font-size: 50px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    margin-top: 20px;
}

.aboutustextcenterintro p {

    font-size: 18px;
    font-family: "STIX Two Text", serif;
    color: #333;

}

.aboutustextcenter h2 span {

    color: var(--bgcolor);
}

.aboutusleft {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.aboutusleft img {

    width: 100%;
    border-radius: 20px;
    height: 730px;
    object-fit: cover;
}

.aboutusright {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.aboutusrighttext {

    margin: 0px;
    padding: 0px;
}

.aboutusrighttext p {

    color: #333;
    font-size: 16px;
    font-family: "STIX Two Text", serif;
}

.aboutusrighttext1 {

    margin: 20px 0px;
    padding: 0px;
}

.aboutusrighttext1 ul {

    margin: 0px;
    padding: 0px;
    display: block;
}

.aboutusrighttext1 ul li {

    margin: 0px;
    padding: 6px 0px;
    list-style: none;
}

.aboutusrighttext1 a h6 {

    color: #f57c00;
    font-size: 20px;
    font-family: "STIX Two Text", serif;
    font-weight: 500;
}

.aboutusrighttext1 ul li .aboutusrighttext1icon {

    display: flex;
    gap: 10px;
}

.aboutusrighttext1icon1 {


    width: 25px;
    height: 25px;
    background-color: var(--bgcolor);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.aboutusrighttext1icon1 i {

    color: white;
    font-size: 18px;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.aboutusrighttext1icontext {

    margin: 0px;
    padding: 0px;

}

.aboutusrighttext1icontext p {

    color: #333;
    font-size: 16px;
    font-family: "STIX Two Text", serif;
}

.aboutuspic-bottom {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
    background-image: url(../img/aboutus2.jpg);
    border-radius: 20px;

}

.aboutuspic-bottom1 {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
    background-image: url(../img/aboutus2.jpg);
    border-radius: 20px;

}



/*animatednumber*/

.animatednumberbg {

    margin: 0px;
    padding: 20px;
    width: 100%;
    display: block;
    background-color: var(--bgcolor);
    border-radius: 20px;
    position: relative;
    z-index: 1;
}

.animatednumberbg::before {

    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    background-image: url(../img/animtatednumber.jpg);
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: 0.1;
}

.mt-10-animtaed {

    margin-top: -2px !important;
}

/** Counter Started **/
.counter-box {
    display: block;
    padding: 40px 20px 37px;
    text-align: center
}

.stat {
    border-right: 2px solid #fff !important;

}

@media only screen and (max-width: 678px) {
    .stat {
        border-bottom: 2px solid #fff !important;
        border-right: 0px !important;
    }
}

.counter-box p {
    margin: 5px 0 0;
    padding: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    font-family: robbot;
}

.counter-box i {
    font-size: 60px;
    margin: 0 0 15px;
    color: #d2d2d2
}

.counter {
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    line-height: 28px
}

.counter.plus {
    position: relative;
}

.counter.plus::after {
    content: "+";
    position: absolute;
    top: 0;
    font-size: 29px;
}

.doctorbox {

    margin: 0px;
    padding: 20px;
    background: linear-gradient(#c0f3f1, #fff);
    border-radius: 20px;
    border: solid 1px #fff;
}

.doctorbox1 {

    margin: 0px;
    padding: 0px;
    text-align: center;

}

.doctorbox1 h5 {

    color: #14033e;
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
}

.doctorbox1 h6 {

    color: #317874;
    font-size: 20px;
    font-family: "STIX Two Text", serif;
}

.doctorboximg {

    margin: 0px auto;
    padding: 0px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
}

.doctorboximg img {

    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 10px solid white;

}

.doctorboxbtn {

    margin: 0px;
    padding: 0px;
    text-align: center;
    margin-top: 25px;
}

.doctorboxbtn button {

    background-color: #f57c00 !important;
    color: white;
    border-radius: 15px;
    font-size: 20px;
}


.doctorbtn {

    margin: 20px 0px;
    padding: 0px;
    margin-top: 40px;
    text-align: center;
}

.doctorbtn button {

    font-size: 24px;
    background-color: #f57c00 !important;
    color: #fff;
}

.doctorboxtab {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}



.tab {
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.tab button {
    background-color: #f57c00;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 20px 25px;
    font-weight: bold;
    transition: 0.3s;
    color: white;
    font-family: "Montserrat", sans-serif;
}

.tab button:hover {
    background-color: var(--bgcolor);
}

.tab button.active {
    background-color: #fff;
    color: var(--bgcolor);
}

.tabcontent {
    background: #fff;
    width: 100%;
    display: none;
    padding: 6px 12px;
    font-family: arial;
    line-height: 21px;
    margin-top: 45px;
}

.doctor-carasoul {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}


/*---------bloodclection---------*/

.bloodclectionbg {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    background-image: url(../img/blood_clection.jpg);
    height: 500px;
    background-position: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: -30px;
}


.bloodclectionbg1 {

    margin: 0px;
    padding: 100px 0px;
    width: 100%;
    display: block;
   
    background-position: 100%;
    background-size: cover;
    background-repeat: no-repeat;
  background-position-x: -264px;
}

.bloodclectiontext {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    padding-top: 90px;
}


.bloodclectiontext h4 {

    color: #333;
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    text-align: center;
}

.bloodclectiontext h2 {

    font-size: 72px;
    color: #2f7a76;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    line-height: 120px;
    text-align: center;
}

.bloodclectiontext h5 a {

    color: var(--bgcolor);
    font-size: 48px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    text-decoration: none;
}

.bloodcollectph {

    text-align: center;
    margin: 0px;
    padding: 0px;
}

.bloodcollectph button {

    margin-top: 30px;
    border: solid 1px #f57c00 !important;
    font-size: 24px;
    color: #000 !important;
}

.bloodcollectph button:hover {

    margin-top: 30px;
    border: solid 1px #f57c00 !important;
    background-color: #f57c00 !important;
    color: #fff !important;
}


/*----------appointment---------*/

.appointmentbox {

    margin: 0px;
    padding: 20px;
    width: 100%;
    display: block;
    background-color: var(--bgcolor);
    padding-bottom: 0;
    position: relative;
    z-index: 1;
}

.appointmentbox::before {

    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background-image: url(../img/pattern.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.appointmentleft {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.appointmentleft1 {

    margin: 0px;
    padding: 5px 25px;
    background-color: white;
    display: inline-block;
    border-radius: 15px;

}

.appointmentleft1 h5 {

    color: var(--bgcolor);
    font-size: 20px;
    font-family: "DM Serif Text", serif;
    margin-top: 8px;
    letter-spacing: 2px;

}

.appointmentleft h2 {

    margin-top: 20px;
    font-size: 72px;
    color: #ececec;
    font-family: "DM Serif Text", serif;
}

.appointmentleft h2 span {

    margin-left: 40px;
    color: #c0f3f1;
}

.appointmentleft p {

    color: #f5f5f5;
    font-size: 16px;
    font-family: "STIX Two Text", serif;
}

.appointmentbtn {

    margin: 0px;
    padding: 0px;
    display: flex;
    gap: 15px;
    margin: 40px 0px;
    color: #2f7a76;
}

.appointmentbtn button {

    color: var(--bgcolor);
    font-size: 20px;
}

.appointmentbtnbuttonclr {

    color: white !important;
}

.appointmentbtn button:last-child:hover {

    color: var(--bgcolor) !important;
}

.appoinmentright {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.appoinmentrightimg {

    margin: 0px;
    padding: 0px;
    position: relative;
    top: 0px;
    z-index: 1;
}

.appoinmentrightimgimg {

    height: 533px;
}


.testimonial .owl-prev,
.testimonial .owl-next {

    width: 40px !important;
    height: 40px !important;
    border: solid 1px #2f7a76 !important;
    border-radius: 15px;
}

.testimonial .owl-prev:hover,
.testimonial .owl-next:hover {

    background-color: transparent !important;
    color: #2f7a76 !important;
}

/*--------------videogallery----------------*/

.videogallerybox {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.videogallerybox1{

    margin: 0px auto;
    padding: 0px;
    width: 100%; 
}

.videogallerybox2{

    margin: 0px;
    padding: 150px 0;
    background-image: url(../img/Dr.TuhinSinha-youtube.png);
    width: 100%;
margin-top: -64px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.videogallerybox2 i{

    font-size: 108px;
}

.video .owl-prev,
.video .owl-next {

    width: 40px !important;
    height: 40px !important;
    border: solid 1px #2f7a76 !important;
    border-radius: 10px !important;
    /* top:30px !important;
    position: absolute !important; */
    margin-top: 40px !important;
}



/*-----------blog-----------------*/

.blogbox {

    margin: 0px;
    padding: 20px;
    width: 100%;
    display: block;
    background: linear-gradient(#c0f3f1, #fff);
    border-radius: 20px;
}


.blogboximg {

    width: 100%;
    display: block;
    height: 250px;
}

.blogboximg img {

    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 20px;
}

.blogboxtext {

    margin: 20px;
    padding: 0px;
}

.blogboxtextdate {

    margin: 0px;
    padding: 0px 25px;
    position: relative;
    background-color: rgba(47, 122, 118, 0.534);
    display: inline-block;
    backdrop-filter: blur(10px);
    top: -40px;
    z-index: 1;
    border-radius: 20px;

}

.blogboxtextdate p {

    color: white;
    font-size: 16px;
    font-family: "STIX Two Text", serif;
    margin: 0;
    padding: 6px 0px;
    font-weight: 700;
}


.blogboxtext1 {

    margin: 0px;
    padding: 0px;
    margin-top: -20px;
}

.blogboxtext1 i {

    color: var(--bgcolor);
    font-size: 16px;
}

.blogboxtext1 h4 {

    color: var(--bgcolor);
    font-family: "STIX Two Text", serif;
    font-size: 18px;
    font-weight: 600;
}

.blogboxtext1 h2 {

    color: var(--bgcolor);
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
}

.blogboxtext1 p {

    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-family: "STIX Two Text", serif;
    color: #333;
}

.blogboxtext2 {

    margin: 0px;
    padding: 0px;
    text-align: right;
}

.blogboxtext2 h6 a {

    text-align: right;
    text-decoration: none;
    color: #f57c00;
    font-family: "STIX Two Text", serif;
    font-size: 22px;
}


.blogbtn {

    margin: 0px;
    padding: 0px;
    text-align: center;
}


.blogbtn button {

    background-color: #f57c00;
    color: white;
    font-size: 24px;
}

.blogbtn button:hover {

    background-color: #f57c00;
    color: white;
}


.blogbtn button:focus {

    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

/*---------feq---------*/

.feqleft {

    margin: 0px;
    padding: 0px;
}

.feqleft h2 {

    color: #14033e;
    font-size: 72px;
    font-family: "Montserrat", sans-serif;
    margin-top: 30px;
}

.feqleft h2 span {

    color: var(--bgcolor);
}

.feqleft p {

    color: #333;
    font-size: 16px;
    font-family: "STIX Two Text", serif;
    margin-top: 15px;
}

.faqright {

    margin: 0px;
    padding: 0px;
}

/*-------------testimonialbox----------*/

.testbox {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.testboxmain {

    margin: 0px;
    padding: 30px;
    background: linear-gradient(#c0f3f1, #fff);
    border-radius: 30px;
}

.testboxmainimg {

    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto;
    display: table;
    padding: 0px;

}

.testboxmainimg img {

    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: solid 10px white;
}

.testboxmaintext {

    margin: 20px 0px;
    padding: 0px;
}

.testboxmaintext p {

    color: #333;
    font-size: 16px;
    font-family: "STIX Two Text", serif;
}

.testboxmaintext h6 {

    color: var(--bgcolor);
    font-size: 18px;
    font-family: "STIX Two Text", serif;
}

.footerbg {

    margin: 0px;
    padding-top: 40px;
    padding-bottom: 20px;
    width: 100%;
    display: block;
    background-color: #f5f5f5;
}

.footerleft {

    margin: 0px;
    padding: 0px;
}

.footerleftimg {

    margin: 0px;
    padding: 0px;
}

.footerleft p {

    margin: 0px;
    padding: 0px;
    font-size: 16px;
    color: #333;
    font-family: "STIX Two Text", serif;
    margin-top: 20px;
}

.footersocial {

    margin: 0px;
    padding: 0px;
    display: flex;
    gap: 12px;
    margin-top: 20px;
}

.footersocial a i {

    color: var(--bgcolor);
    font-size: 24px;

}

.footermiddle {

    margin: 0px;
    padding: 0px;
}

.footermiddle h2 {

    color: var(--bgcolor);
    font-size: 32px;
    font-family: "Montserrat", sans-serif;
}

.footernavigation {

    margin-top: 30px;
    padding: 0px;
}

.footernavigation ul {

    margin: 0px;
    padding: 0px;
    display: block;
}

.footernavigation ul li {

    margin: 0px;
    padding: 5px 0px;
    display: block;
    list-style: none;
}

.footernavigation ul li a {

    margin: 0px;
    padding: 0px;
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    color: #333;
    transition: all 0.5s ease-in-out;
    font-weight: 500;
}

.footernavigation ul li a:hover {

    color: var(--bgcolor);
}

.footerright {

    margin: 0px;
    padding: 0px;
}

.footerright h2 {

    color: var(--bgcolor);
    font-size: 32px;
    font-family: "Montserrat", sans-serif;
}

.footericon {

    margin-top: 25px;
    padding: 0px;
}

.footericon1 {

    margin-top: 10px;
    padding: 0px;
    display: flex;
    gap: 15px;
}

.footericon1 i {

    line-height: 20px;
    color: var(--bgcolor);
}

.footericon1 p,
.footericon1 p a {

    color: #333;
    font-size: 18px;
    font-family: "STIX Two Text", serif;
    text-decoration: none;
}

.footercopyright {

    margin: 0px;
    padding: 0px;
    background-color: var(--bgcolor);

}

.footercopyright1 {

    margin: 0px;
    padding: 0px;
    text-align: center;
}

.footercopyright1 p,
.footercopyright1 p a {

    font-size: 16px;
    color: white;
    font-family: "STIX Two Text", serif;
    text-decoration: none;
    margin-top: 10px;
}


.res-bar {

    margin: 0px;
    padding: 0px 15px;
    float: left;
    margin-top: -25px;
    cursor: pointer;
    display: none;
}


.res-bar i {

    color: white;
}

.res-cross {

    margin: 0px;
    padding: 10px 20px;
    float: right;
    display: none;
    cursor: pointer;
}


/*------------aboutubanner----------------*/

.aboutusbanner {

    margin: 0px;
    padding: 0px;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/aboutus.jpg);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bgcolor);
    height: 250px;
    flex-direction: column;
    position: relative;
    z-index: 1;
    margin-top: -35px;
}

.aboutusbanner::before {

    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(33, 33, 33, 0.705);
    top: 0;
    left: 0;
    z-index: -1;
}

.aboutusbanner h2 {

    color: white;
    font-size: 32px;
    font-family: "Montserrat", sans-serif;
}

.aboutusbanner h6,
.aboutusbanner h6 a {

    color: white;
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
    text-decoration: none;
}



.aboutsusleft {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.aboutsusleft img {


    width: 100%;
    display: block;
    height: 350px;
    object-fit: cover;
    padding-bottom: 30px;
}

.aboutsusright {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.aboutsusright p {

    color: #333;
    font-size: 16px;
    font-family: "STIX Two Text", serif;
    text-align: justify;
}


.missionvision {

    background-color: white;
    border-radius: 20px;
    margin: 0px;
    padding: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.missionvisionicon {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.missionvisionicon1 {

    display: block;
    text-align: center;
}


.missionvisionicon1 i {

    color: var(--bgcolor);
    font-size: 24px;
}

.missionvisionicon1 h4 {

    font-family: "Montserrat", sans-serif;
    color: var(--bgcolor);
    font-size: 24px;
    font-weight: 500;
    margin-top: 10px;
}

.missionvisiontext {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.missionvisiontext p {

    font-size: 16px;
    color: #333;
    font-family: "STIX Two Text", serif;
}


/*-------------------contactuspge-------------*/


.contactusleft {

    margin: 0px;
    padding: 30px;
    width: 100%;
    display: block;
    background-color: white;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 20px;
}

.contactusleft h2 {

    color: var(--bgcolor);
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}


.contactusleft1 {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    margin-top: 20px;
}

.contactusleft1 input {

    width: 100%;
    display: block;
    background-color: white;
    border: solid 1px #007c9e;
    font-size: 16px;
    color: #212121;
    border-radius: 20px;
    margin: 8px 0px;
    padding: 12px;
}

.contactusleft1 input:focus {

    outline: none;
    border: none;
    border: solid 1px #2f7a76;
}

.contactusleft1 textarea {

    width: 100%;
    display: block;
    background-color: white;
    border: solid 1px #2f7a76;
    font-size: 16px;
    color: #212121;
    border-radius: 20px;
    margin: 8px 0px;
    padding: 12px;
    height: 120px;
}


.contactusleft2 {

    margin: 0px;
    padding: 0px;
    text-align: center;
    margin-top: 25px;

}

.contactusleft2 button {

    font-size: 24px;
    background-color: #f57c00;
}


.contactusright {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

/*------------contactadress--------------*/


.contactaddress1 {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.contactaddress1 h2 {

    color: #2f7a76;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    letter-spacing: 2px;
}

.contactaddress1 h4 {

    color: #212121;
    font-size: 30px;
    font-family: "Montserrat", sans-serif;
}

.contactaddress2 {

    margin-top: 15px;
    padding: 0;
    display: flex;
    gap: 10px;
}

.contactaddress2 p {

    color: #2f7a76;
    font-family: "STIX Two Text", serif;
    font-size: 18px;
    text-transform: capitalize;
}


.conatctusLeft {

    margin: 0px;
    padding: 20px;
    background-color: #effffe;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}


.conatctusLefticon {

    margin: 0px;
    padding: 0px;
    text-align: center;
}


.conatctusLefticon i {

    font-size: 24px;
    color: var(--bgcolor);
}


.conatctusLefttext {

    margin: 0px;
    padding: 0px;
}

.conatctusLefttext h4 {

    color: var(--bgcolor);
    font-size: 24px;
    text-align: center;
    margin-top: 15px;
    font-family: "Montserrat", sans-serif;
}


.conatctusLefttext p,
.conatctusLefttext p a {

    color: #061a1e;
    font-size: 16px;
    font-family: "STIX Two Text", serif;
    text-align: center;
    text-decoration: none;
}

.contactuspad {

    padding-bottom: 30px;
}


/*-------------servicepage-------------------*/


.servicemain {

    width: 100%;
    display: block;
    max-width: 700px;
    margin: 0 auto;
}

.servicemain h4 {

    color: #2f7a76;
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
}

.servicemain h2 {

    color: #212121;
    font-size: 32px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    margin: 14px 0px;
}

.servicemain p {

    color: #333;
    font-size: 16px;
    font-family: "STIX Two Text", serif;
}

.servicemain p span {

    color: var(--bgcolor);
    font-size: 20px;
}

.servicemain1 {

    margin: 0px;
    padding: 0px;
    margin-top: 25px;
}


.servicemain1 ul {

    margin: 0px;
    padding: 0px;
    display: block;
}

.servicemain1 ul li {

    margin: 0px;
    padding: 10px 0px;
    display: block;
}

.servicemain1 ul li p {

    margin: 0px;
    padding: 0;
    font-size: 16px;
    color: #333;
    font-family: "STIX Two Text", serif;
}


.servicemainimg {

    margin-top: 20px;
    padding: 0px;
    width: 100%;
    display: block;
}

.servicemainimg img {

    width: 100%;
    display: block;
    height: 515px;
    object-fit: cover;
}


.servicedoctor{

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    text-align: center;
}

.servicedoctor h4{

    color: var(--bgcolor);
  font-family: "DM Serif Text", serif;
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 10px;
}

.servicedoctor h2{

    color: #14033e;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: clamp(20px, 5vw, 48px);
}

.servicedoctor h2 span{

    color: var(--bgcolor);
}

.ourdoctorbox{

    margin: 0px;
    padding: 0px;
    margin-top: 25px;
}

.ourdoctorboxImg{

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.ourdoctorboximg1{

    margin: 0px;
    padding: 0px;
}

.ourdoctorboximg1 img{

    width: 100%;
    display: block;
    height: 394px;
    object-fit: cover;
}

.ourdoctorboximgtext{
    margin: 20px 0px;
    padding: 0px;
}

.ourdoctorboximgtext h6{

    color: #061a1e;
    font-size: 24px;
    text-align: center;
}

.servicedoctorbox .owl-prev,
.servicedoctorbox .owl-next{

    width: 30px !important;
    height: 30px !important;
    border: solid 1px #2f7a76 !important;
}




/*======================ecgpage----------------------*/

.ecgbody{

    margin: 0px;
    padding: 0px;
    width: 100%;
display: block;
}

.ecgbody h2{

    text-align: center;
    margin: 0px;
    padding: 0px;
    font-size: 32px;
    color: var(--bgcolor);
    font-family: "Montserrat", sans-serif;
}

.ecgbody p{

color: #061a1e;
font-size: 16px;
margin-top: 20px;
}

.ecgbody p span{

    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.ecgleft{

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.ecgleft img{

    width: 100%;
    display: block;
    height: 460px;
    object-fit: cover;
    border-radius: 20px;
}

.ecgbodyphone{

  margin: 20px auto;
   padding: 15px;
    display: flex;
    justify-content: space-between;
    background: var(--bgcolor);
    width: 30%;
    border-radius: 15px;
    margin-top: 60px;
}

.ecgbodyphone1{

    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 15px;

}

.ecgbodyphone1-width{

    width: 50%;
    margin: auto;
    padding:0px; 
 
}

.ecgbodyphone1-width1{

    border-right: dotted 1px #fff;
    
}

.ecgbodyphone1-width i{

    color: white;
    font-size: 48px;
}

.ecgbtn{

    margin: 0px;
    padding: 0px;
    text-align: center;
}

/*------------------------blogpge----------------*/


.pagination {

    margin: 20px 0px;
    padding: 0px;
    text-align: center;
    margin-top: 0px;
    display: flex;
    justify-content: center;
}

.page-link {

    color: var(--bgcolor) !important;
}


.blogpageright {

    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
}

.blogpageright1 {

    margin: 0px;
    padding: 20px;
    background-color: #f7f7f7;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.blogpageright1 h4 {

    color: var(--bgcolor);
    font-family: "Montserrat", sans-serif;
}

.blogpageright1main {

    margin: 0px;
    padding: 0px;
    margin-top: 15px;
}


.blogpageright1main1 {

    margin: 15px 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.blogpageright1main1img {

    margin: 0px;
    padding: 0px;
}


.blogpageright1main1img img {

    width: 100%;
    display: block;
    height: 100px;
    object-fit: cover;
}

.blogpageright1main1text {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.blogpageright1main1text h2 {

    font-size: 16px;
    color: var(--bgcolor);
    font-family: "Montserrat", sans-serif;
}

.blogpageright1main1text i {

    color: var(--bgcolor);
}


.blogpageright1main1text p {

    color: #333;
    font-size: 15px;
    font-family: "STIX Two Text", serif;
}


.blogtag {

    margin-top: 50px;
    padding: 20px;
    background-color: #f7f7f7;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.blogtag h4 {


    color: var(--bgcolor);
    font-family: "Montserrat", sans-serif;
}

.blogcategories {

    margin-top: 15px;
    padding: 0px;
}

.blogcategories1 {

    margin: 0px;
    padding: 0px;
}

.blogcategories1 ul {

    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}

.blogcategories1 ul li {

    margin: 10px 6px;
    padding: 10px 15px;
    list-style: none;
    background-color: #e7e7e7;
}

.blogcategories1 ul li a {

    margin: 0px;
    padding: 0px;
    font-size: 15px;
    color: var(--bgcolor);
    text-decoration: none;
    cursor: pointer;
    font-family: "STIX Two Text", serif;
}


/*------------blogdetailspage-------------*/


.blogdetailsmain {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.blogdetailsmainimg {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}


.blogdetailsmainimg img {

    width: 100%;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 450px;
    object-fit: cover;
}

.blogdetailsmaintext {

    margin-top: 30px;
    padding: 0px;
}


.blogdetailsmaintextadmin {

    margin: 0px;
    padding: 0px;
    display: flex;
    gap: 25px;
}

.blogdetailsmaintextadmin-1 {

    margin: 0px;
    padding: 0px;
}

.blogdetailsmaintextadmin-1 h4 {

    color: var(--bgcolor);
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
}


.blogdetailsmaintextadmin-calender {

    margin: 0px;
    padding: 0px;
}

.blogdetailsmaintextadmin-calender p {

    color: var(--bgcolor);
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
}

.blogdetialsmaintext {

    margin: 15px 0px;
    padding: 0px;
}

.blogdetialsmaintext h1 {

    color: var(--bgcolor);
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
}

.blogdetialsmaintext p {

    color: #333;
    font-size: 15px;
    font-family: "STIX Two Text", serif;
    margin-top: 15px;
}



.blogdetialsmaintext1 {

    margin: 15px 0px;
    padding: 20px;
    width: 100%;
    display: block;
    background-color: #e7e7e7;
    position: relative;
    z-index: 1;
}

.blogdetialsmaintext1 p {

    color: #333;
    font-size: 15px;
    font-family: "STIX Two Text", serif;
}

.blogdetialsmaintext1::before {

    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: var(--bgcolor);
    z-index: -1;
}


/* Appointment Form */
.appointment-form {
    background-color: #fff;
    padding: 2rem;
    border-radius: 8px;
    color: #333 !important;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
}

.appointment-form input,
.appointment-form select,
.appointment-form textarea {
    width: 100%;
    padding: 0.55rem;
    margin-bottom: 12px;
    border: 1px solid #ccc;
    color: #333 !important;
    border-radius: 5px;
    font-size: 1rem;
}

.appointment-form select {
    background-color: #f0f0f000 !important;
    /* Background of the select box */
    color: #6c757d !important;
    /* Text color */
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 16px;
    width: 100%;
    max-width: 100%;
    appearance: none;
    /* Remove default browser style */
    -webkit-appearance: none;
    -moz-appearance: none;
}

.appointment-form button {
    background-color: #2f7a76;
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1rem;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.appoitmentboxright1 {
    display: flex;
    gap: 10px;
}

.appoitmentboxright p a {
    font-size: 17px;
    font-family: "Source Sans 3", sans-serif;
    color: #0a3d63;
    font-weight: 500;
}

.call h2 {
    font-size: 46px !important;
    font-family: "Merriweather", sans-serif;

}

.call i {
    font-size: 40px !important;
    padding-top: 5px;
}

.appoitmentboxright1 i {
    color: #0c4d74;
    font-size: 20px;
    margin-top: 2px;
}

.appointment p {
    font-size: 40px;
    font-weight: 500;
    font-family: "Merriweather", sans-serif;
    color: #fff;
}

.appointment-btn {
    display: inline-block;
    padding: 11px 17px;
    background-color: #00285d;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    margin-top: 3px;
    height: 44px;
    text-align: center;
    font-family: "Merriweather", sans-serif;
    border-radius: 0px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.appointment-btn:hover {
    background-color: #eeecec;
    color: #00285d;
    transform: translateY(-2px);
}

.contact {
    .contact-container {
        display: flex;
        flex-wrap: wrap;
        padding: 40px;
        gap: 30px;
    }
}

.contact-info1 {
    background-color: #061a1e;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0px 7px 9px #0000005e;
}

.contact-details {
    border: 2px solid #083d62;
    padding: 20px;
    width: 100%;
    height: 205px;
    box-shadow: 2px 5px 8px 2px #1204048f;
}

.contact-details i {
    font-size: 45px;
    padding-right: 10px;
    color: #4a838b;
}

.contact-details p {
    font-size: 15px;
    color: #333;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 500;
}

.contact-image {
    background: url('..//img/oncology.jpg') center center/cover no-repeat;
    min-height: 400px;
    position: relative;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 20px;
}


.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {

    display: block !important;
}

.medicine .owl-prev,
.medicine .owl-next {

    width: 40px !important;
    height: 40px !important;
    border: solid 1px #2f7a76 !important;
}


.Orthopedics .owl-prev,
.Orthopedics .owl-next {

    width: 40px !important;
    height: 40px !important;
    border: solid 1px #2f7a76 !important;
}


.ENT .owl-prev,
.ENT .owl-next {

    width: 40px !important;
    height: 40px !important;
    border: solid 1px #2f7a76 !important;
}


.Dietecian .owl-prev,
.Dietecian .owl-next {

    width: 40px !important;
    height: 40px !important;
    border: solid 1px #2f7a76 !important;
}


.Gynaecologist .owl-prev,
.Gynaecologist .owl-next {

    width: 40px !important;
    height: 40px !important;
    border: solid 1px #2f7a76 !important;
}


.SkinSpecialist .owl-prev,
.SkinSpecialist .owl-next {

    width: 40px !important;
    height: 40px !important;
    border: solid 1px #2f7a76 !important;
}

.Pulmonologist .owl-prev,
.Pulmonologist .owl-next {

    width: 40px !important;
    height: 40px !important;
    border: solid 1px #2f7a76 !important;
}

.dis-block-res {

    display: none;
}

.sticky {
    position: fixed;
    top: -20px;
    left: 0;
    margin: 0px;
    padding: 0;
    z-index: 9999;
    width: 100%;
    display: block;

}

.res-cta-button {

    display: none;
}

.res-banner-bg{

    display: none;
}

    .dis-none-banner{

        display: block !important;
    }


/*------------gallery-------------*/



.gallery-item {
    cursor: pointer;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    width: 100%;
    display: block;
}

.gallery-item:hover {
    transform: scale(1.03);
}

.gallery-img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
}

/* Lightbox Styles */
.lightbox-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 5vh;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.9);
}

.lightbox-content-wrapper {
    position: relative;
    width: 100%;
    height: 90vh;
}

.lightbox-content {
    max-height: 80vh;
    max-width: 70vw;
    border-radius: 5px;
    object-fit: contain;
}

.lightbox-close {
    position: absolute;
    top: 20px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    cursor: pointer;
    z-index: 10000;
    line-height: 1;
}

.lightbox-close:hover,
.lightbox-close:focus {
    color: #bbb;
    text-decoration: none;
}

.lightbox-btn {
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
    border: none;
    outline: none;
    padding: 15px 25px;
    cursor: pointer;
    font-size: 24px;
    border-radius: 50%;
    margin: 0 20px;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lightbox-btn:hover:not(:disabled) {
    background-color: rgba(255, 255, 255, 0.5);
}

.lightbox-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

@media (max-width: 768px) {
    .lightbox-btn {
        padding: 10px 15px;
        font-size: 18px;
        margin: 0 10px;
    }

    .lightbox-content {
        max-width: 80vw;
    }
}






@media(max-width:991px) {

    .dis-block-res {

        display: block;
    }

    .res-banner-bg{

        margin: 0px;
        padding: 0px;
        width: 100%;
        display: block;
        background-color: #c0f3f1;
height: 395px;
    }

    .dis-none {

        display: none !important;
    }
    .dis-none-banner{

        display: none !important;
    }

    .res-text-alighn {

        text-align: center;

    }

    .headertopright {

        justify-content: center;
    }

    .res-bar {

        display: block;
    }

    .navsocialmedia {

        padding-bottom: 15px;
    }

    .navsocialmedia ul li {

        padding: 0px 10px;
    }

    .navbarmainbox {

        margin: 0px;
        padding: 0px;
        position: fixed;
        top: 140px;
        left: -100%;
        width: 100%;
        height: 100%;
        background-color: white;
        z-index: 9999;
        transition: all 0.5s ease-in-out;
        text-align: center;
        margin-top: 20px;
    }

    .navbarmainbox ul {

        margin: 0px;
        padding: 0px;
        display: block;
        margin-top: 25px;

    }

    .navbarmainbox ul li {

        margin: 0px;
        padding: 8px 6px;
        list-style: none;

        border-bottom: solid 1px #317874;
    }

    .navbarmainbox ul li a {

        margin: 0px;
        padding: 0px;
        font-size: 15px;
        color: #317874;
        text-decoration: none;
        cursor: pointer;
        font-size: 32px;
    }

    .navbarmainbox ul li:last-child {

        border-bottom: none;
    }

    .navbarmainbox.main {

        left: 0;
        top: 38px;
    }

    .res-cross {

        display: block;
    }

    .servicemiddle {

        margin-top: 0;
    }

    .serviceright {

        margin-top: 0;
    }

    .serviceproductboxtop2 h6 {

        font-size: 24px;
    }

    .serviceproductboxtop {

        margin-bottom: 30px;
    }

    .servicebg {

        padding-bottom: 0;
    }

    .aboutustextcenter h2 {

        font-size: 30px;
    }

    .aboutustextcenterintro h5 {

        font-size: 15px;
    }

    .aboutusleft img {
        height: 398px;
    }

    .aboutuspic-bottom {
        height: 247px;
    }

    .appointmentleft h2 {

        font-size: 37px;
    }

    .appointmentbtn {

        flex-direction: column;
    }

    .appointmentbtn button {

        width: 100%;
    }

    .feqleft h2 {

        font-size: 42px;
    }

    .accordion button .icon {

        right: 8px;
    }

    .navbarmainbox ul li ul.submenu {

        position: relative;
        width: 100%;
    }

    .navbarmainbox ul li ul.submenu li a {

        font-size: 24px;
    }

    .tab {

        flex-direction: column;
    }

    .tab button {

        margin: 10px 0px;
    }

    .bloodclectiontext h2 {
        font-size: 32px;
        color: white !important;
    }

    .bloodclectiontext h5 a {

        font-size: 28px;
color: #fff;
    }

    .bloodclectiontext h4 {

        font-weight: 400px;
        color: white ;
        text-align: center !important;
        line-height: 40px;
    }

    .bloodclectionbg {

        position: relative;
        z-index: 1;
        margin-top: 20px;
        height: 500px;
    }

    .bloodclectionbg::before {

        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.418);
        z-index: -1;
    }

    .bloodcollectph button {

        border: solid 1px white !important;
     color: #fff !important;
    }

    .otherserviceleft {

        margin-top: -30px;
    }


    .aboutusbg {

        padding-bottom: 0;
    }

    .aboutsusleft {

        margin-top: -17px;
    }

    .servicemainimg img {

        height: 250px;
    }

    .servicemain h2 {

        font-size: 27px;
    }

    .accordion button .accordion-title {

        padding: 1em 1.5em 1em 0.5em;
        font-size: 12px;
    }

    .accordion button[aria-expanded="true"]+.accordion-content {

        min-height: 12em;
    }

    .res-mt-20 {

        margin-top: 44px;
    }

    .tab button {

        padding: 10px 15px;
    }

    .aboutusbg-pad {

        padding-bottom: 25px;
    }

    .bannerbtn {

        top: 78%;
    }

    .servicemiddle p {

        font-size: 14px;
    }

    .serviceproducttext p {
        font-size: 14px;
    }

    .aboutustextcenterintro p {

        font-size: 14px;
    }

    .otherserviceleft h2 {

        font-size: 30px;
    }

    .aboutusrighttext1icontext p {

        font-size: 14px;
    }

    .blogboxtext1 p {

        font-size: 14px;
    }

    .feqleft p {

        font-size: 14px;
    }

    .footerleft p {

        font-size: 14px;
    }

    .footernavigation ul li a {

        font-size: 14px;
    }

    .footericon1 p,
    .footericon1 p a {

        font-size: 14px;
    }

    .aboutusrighttext p {

        font-size: 14px;
    }

    .aboutsusright p {

        font-size: 14px;
    }

    .missionvisiontext p {

        font-size: 14px;
    }

    .appointmentleft p {

        font-size: 14px;
    }

    .testboxmaintext p {

        font-size: 14px;
    }

    .servicemain p {

        font-size: 14px;
    }

    .contactusleft1 input {

        padding: 8px;
    }

    .whatsappfloat {

        display: none;
    }

    .callfloat {

        display: none;
    }

    .res-cta-button {

        margin: 0px;
        padding: 20px;
        background-color: #2f7a76;
        position: fixed;
        top: 50%;
        right: -45px;
        z-index: 999;
        display: block;
        transition: all 0.5s ease-in-out;
        height: 10px;
    }

    .res-cta-button:hover {

        right: 0;
        height: 48%;
    }

    .res-cta-button1 {

        margin: 0px;
        padding: 0px;
    }

    .res-cta-button1 ul {

        margin: 0px;
        padding: 0px;
        display: block;
    }

    .res-cta-button1 ul li {

        margin: 0px;
        padding: 8px 0px;
        list-style: none;

    }

    .res-cta-button1 ul li:not(:last-child) {

        border-bottom: dotted 1px #FFF;
    }

    .res-cta-button1 ul li a {

        color: #fff;
        font-size: 24px;

    }

    .writingmode {

        writing-mode: vertical-rl;
        font-size: 14px !important;
        border-bottom: none;
    }

    .font-size {

        font-size: 14px !important;
    }

    .ecgleft img{

        height: 254px;
    }
.ecgbodyphone{

    width: 100%;
}

.ecgbodyphone1-width i{
    font-size: 40px;
}

.bloodclectionbg1{

    padding: 60px 0px;
}

/* .bloodclectiontext h4{

    color: #000 !important;
} */

.videogallerybox2{

    padding: 50px 0px;
}

.videogallerybox2 i{

    font-size: 24px;
}

.bannershape-icon{

height: 225px;
    width: 258px;
    top: 55%;
    left: 14%;
}

.banner img{

    height: 367px;
}
.bannerbtn{
    left: 47%;
    top: 80% !important;
    flex-direction: column;
}

.bannerbtn button{

    width: 100%;
    font-size: 15px;
    padding: 15px 5px !important;
}

.banner-text h2{

    line-height: 40px;
    font-size: 30px;
}

.res-text-black{

    color: #000 !important;
}
.res-btn-bg{

    background-color: #f57c00 !important;
}

}

@media (max-width:620px){

    .banner-text{

        top: 60%;
    }
        .bannerbtn{

        top:95% !important;
    }
}

@media only screen and (min-width:992px) and (max-width:1300px){

    .bannericon{

        height: 317px;
        width: 50%;
    }

}