html
{
    scroll-behavior: smooth;
}
.gallbladerbox
{
    width: 100%;
    padding: 15px 25px;
    background-color: #178066;
    color: white !important;
}
.gallbladerbox:hover
{
    color: white;
}
.readmorebutton
{
    background-color: #178066;
    text-align: center;
    color: white;
    padding: 15px;
    margin-bottom: 20px;
}
.img_margin
{
    margin-top: 25px;
    margin-bottom: 25px;
}
.img_left
{
    margin-left: 15px;
}
.topphnumber
{
    
    padding: 0px;
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.topphnumber1
{
    
    padding: 0px;
    margin-top: -26px;
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.topphnumber1 p
{
    font-size: 16px;
    color: white;
}
/* .topphnumber ul
{
    display: flex;
    justify-content: left;
    margin: 0px;
    padding: 0px;
}
.topphnumber ul li
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline-block;
}
.topphnumber ul li a
{
    font-size: clamp(12px,100vw,18px);
    color: rgb(255, 255, 255);
    text-decoration: none;
    list-style: none;
    display: block;
    padding: 0 8px;
} */


.box {
    /* margin: 50px; */
}

.tabTitle ul {
    overflow: hidden;
    padding: 15px 0;
    background-color: #178066;
    width: 100%;
    display: block;
  
}

.tabTitle ul li {
    float: left;

    padding: 5px 15px;
    margin-right: 3px;
    cursor: pointer;
    list-style: none;
}

.tabContent {
    width: auto;
    height: auto;

    margin-top: 5px;
}

.selected {
   color: white;
}

.dn {
    display: none;
}
.servicebox
{
    margin: 0px;
    padding: 0px;
}
.imagebox
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    max-height: 267px;
  
    
}
.img_control
{
    border-radius: 10px;
    box-shadow: 10px 10px 10px rgba(187, 187, 187, 0.651);
    position: relative;
    margin-left: 0px;
}
.img_contro2
{ box-shadow: 10px 10px 10px rgba(187, 187, 187, 0.651);
    border-radius: 10px;
   
    position: relative;
    margin-left: 0px;
}
.textbox
{
    margin: 0px;
    padding: 0px;
}
.textbox h2
{
    
    color: #178066;
}
.textbox p
{ 
    color: black;

}

.gallerybox
{
    margin-top:75px;
    margin-bottom: 25px;
    padding: 0px;
}
.gallerybox1
{
    margin-top: 15px;
    padding: 0px;
    margin-bottom: 30px;
    transition: all ease 0.4s;
}

.galleryimgbox
{
    margin: 0px;
    padding: 0px;
}
.galleryimgbox1
{
    border-radius: 10px;
    transition: all ease 0.4s;
    max-height: 300px;
    height:300px;
    object-fit: fill;
    /* max-height: 149px; */
    width: 100%;
}

.galleryimgbox1:hover
{
    transform: rotate(5deg);
}
.ourdoctorbox
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    background-color: white;
    border-radius: 10px 10px 0 0px;
    min-height: 450px;
    position: relative;
    height: 100%;
}
.doctorimagebox
{
    margin: 0px;
    padding: 0px;
   
}
.doctorimagebox1
{ border-radius: 10px;
    max-height: 354px;
    object-fit: fill;

}

.doctortextbox
{
    padding: 15px;

}
.doctortextbox h4
{
    text-transform: capitalize;
    font-weight: bold;
}
.doctortextbox p
{
    text-transform: capitalize;
    font-style: italic;
}
.btncolor
{
    background-color: #62d2a2 !important;
}
.headingdepartment
{
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 0px;
}
.headingdepartment h2
{
    color: black;
    text-transform: capitalize;
}
.vediobox
{
    margin-top: 30px;
    margin-bottom: 10px;
 padding: 0;
}
.vediobox h2
{
    text-transform: capitalize;
    font-weight: bold;
    color: black;
}
.vediobox1

{
    margin-top: 15px;
    margin-bottom: 15px;
}
.callbox
{
 margin: 0px;
 padding: 0px;
}
.callbox i
{
    margin-top: 18px;
}
.callbox p
{
    margin-top: 15px;
    font-size: 18px;
  
}
.callbox a
{color: white;

}
.callbox a:hover
{
    color: white;
}
.footercopyright
{
    margin: 0px;
    padding: 0px;
}
.footercopyright a
{
    color: white;
}

.mt-200
{
    margin-top: 200px;
}
.mb-200
{
    margin-bottom: 200px;
}
.serviceheader
{
    margin: 0px;
    padding: 0px;
}
.serviceheader h2
{color: black;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
}



.servicemainbox
{
    margin: 0px;
    padding: 0px;
}
.servicemainbox h4
{
    color: #178066;
    margin-top: 20px;
    text-transform: capitalize;
}
.servicebox1
{
    margin: 0px;
    padding: 0px;
}
.servicebox1 ul
{
    margin: 0px;
    padding: 0px;
    display: block;
}
.servicebox1 ul li
{
    font-size: 18px;
    color: black;
    padding: 10px 0px;
 
text-transform: capitalize;   
 text-decoration: none;
    list-style: circle;
    display: flex;
    gap: 15px;
 
}
.servicebox1 ul li i
{
    font-size: 12px;
    color: #178066;
  margin-top: 8px;
}
.text_header
{
margin: 0px;
padding: 0px;
}
.text_header h4
{
    color: #178066;
    margin-top: 20px;
    text-transform: capitalize;
}
.scrolltop
{
    position: fixed;
    z-index: 1000;
    bottom: 20px;
    right: 15px;
    background-color: #19ce67;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
}
.scrolltop:hover
{
    background-color: rgb(0, 71, 46);
}

@media (max-width:991px)
{
    .doctorimagebox1
    {
        width: 100%;
        display: block;
    }
    .topphnumber
    {
        gap: 6px;
    }
    .topphnumber1
    {
        gap: 6px;
    }
    .topphnumber p
    {
        font-size: 16px;
    }
    .topphnumber1 p
{
    font-size: 16px;
    color: white;
}
.textbox
{
    margin-top: 123px;
}
.mt-200
{
    margin-top: 100px;
}
.gallerybox
{
    margin-top: 55px;
}
.footercallphsize span
{
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    font-weight: bold;
    text-transform: capitalize;
}
   
}
@media only screen and (min-width:767px) and (max-width:991px)
{
    .textbox
{
    margin-top: 267px;
}
  
}
@media only screen and (min-width:437px) and (max-width:544px)
{
    .textbox
{
    margin-top: 125px;
}
  
}

@media only screen and (min-width:402px) and (max-width:437px)
{
    .textbox
    {
        margin-top: 16px;
    }
}
.footermail
{
    display: flex;
    gap: 15px;
}
.footermail1
{
    display: flex;
    gap: 15px;
}
.footermail1 i
{
    font-size: 26px;
}


.footermail i
{
    font-size: 26px;
    line-height: 50px;
}
.mt-225
{
    margin-top: 225px;
}
.detail-box h3
{
    color: white;
}