@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
body {
    font-family: "Lato", sans-serif;
    padding: 0 30px;
}

a {
    text-decoration: none;
}

/* header */
header {
    /* box-shadow: 0 0 50px 0 rgb(9 12 42); */
    position: relative;
    z-index: 99;
    top: 0;
    /* background: #fff; */
    padding: 15px 0;
}

header .logopanel {
    padding-top: 15px;
    /* width: 25%; */
    /* padding-bottom: 0; */
    border-bottom: 1px solid #fff;
}

header .logopanel img {
    max-width: 100%;
    width: 190px;
}

header .menupanel {
    text-align: end;
    width: 55%;
    padding-top: 10px;
    border-bottom: 1px solid #fff;
}

header .menupanel > ul {
    padding: 0;
    list-style: none;
    margin: 0;
    display: inline-block;
    text-align: left;
}

header .menupanel > ul > li {
    display: inline-block;
    position: relative;
}

header .menupanel > ul > li > a {
    border-width: 0 0 0 1px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    padding: 30px 8px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0px;
    padding-bottom: 35px;
}

header .menupanel > ul > li > a > i {
    color: #ffffff;
    font-size: 16px;
    font-weight: 100;
    margin-left: 2px;
}

header .menupanel > ul > li > ul {
    background-color: #fff;
    box-shadow: 0 1px 40px 0 rgba(0,0,0,.1);
    display: block;
    left: 0;
    list-style: none;
    margin-top: 20px;
    opacity: 0;
    padding: 5px 0;
    position: absolute;
    transition: all .8s;
    visibility: hidden;
    width: 250px;
    z-index: 10;
}

header .menupanel > ul > li:hover > ul {
    margin-top: 0;
    opacity: 1;
    transition: all .5s;
    visibility: visible;
}

header .menupanel > ul > li > ul > li {
    position: relative;
}

header .menupanel > ul > li > ul > li > a {
    color: #000000;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 17px;
    position: relative;
    text-transform: capitalize;
    transition: all .15s linear;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
}

header .menupanel > ul > li > ul > li > a:hover {
    padding-left: 20px;
}



header .btnbox {
    padding: 1px 10px;
    padding-top: 20px;
    text-align: right;
    width: 18%;
    border-bottom: 1px solid #fff;
}

header .menupanel > ul > li > ul > li > ul {
    padding: 0;
    left: 100%;
    position: absolute;
    width: 290px;
    border: none;
    background: #565acf;
    top: 0;
    display: none;
    list-style: none;
    padding: 20px;
}

header .menupanel > ul > li > ul > li > ul > li {
    border-bottom: 1px solid #eeeeee12;
}

header .menupanel > ul > li > ul > li > ul > li > a {
    display: BLOCK;
    color: #fff;
    padding: 7px 0;
    font-size: 15px;
}

header .menupanel > ul > li > ul > li:hover > ul {
    display: block;
}

header .menupanel > ul > li > ul > li > ul > li > a:hover {
    padding-left: 10px;
}

header .btnbox a {
    color: #022771;
    border-radius: 28px;
    background-color: #ffffff;
    /* box-shadow: 1px 4px 6px 0 rgb(24 26 106 / 22%); */
    border: none;
    font-size: 13px;
    font-weight: 600;
    /* line-height: 1.2; */
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
}



 .menupanel > ul{
    padding: 0;
    list-style: none;
    margin: 0;
}
 .menupanel > ul > li{
    display: inline-block;
    position: relative;
}
 .menupanel > ul > li > a{
    padding: 25px 15px;
    display: block;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
}
 .menupanel > ul > li > ul{ background-color: #fff;
    box-shadow: 0 1px 40px 0 rgba(0,0,0,.1);
    display: block;
    left: 0;
    list-style: none;
    margin-top: 20px;
    opacity: 0;
    padding: 5px 0;
    position: absolute;
    transition: all .8s;
    visibility: hidden;
    width: 250px;
    z-index: 10;}

    .menupanel > ul > li:hover > ul {
    margin-top: 0;
    opacity: 1;
    transition: all .5s;
    visibility: visible;
}

 .menupanel > ul > li > ul > li > a{color: #000000;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 17px;
    position: relative;
    text-transform: capitalize;
    transition: all .15s linear;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;}



header .headcontact{
    text-align: CENTER;
    padding-top: 19px;
    color: #eee;
}
header .headcontact a{
    color: #727272;
    display: inline-block;
    padding: 0 5px;
}


/* SERVICE */
.widget-services {
    padding: 10% 0;
    background: #5370f636;
    position: relative;
    margin-bottom: 40px;
}

.widget-services:before {
    background-color: #20255c;
    border-radius: 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 45%;
    z-index: 0;
}
.widget-services.innerpage::before{background: none;}


.widget-services .leftbox span {
    background-position: 50%;
    background-repeat: repeat;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 15px;
    padding: 3px 15px;
    font-size: 18px;
    background-image: url('../image/bgtext.png');
    color: #20255c;
}

.widget-services .leftbox h3 {
    color: #1f245b;
    font-size: 36px;
    font-weight: 700;
}

.widget-services .leftbox p {
    font-size: 16px;
    margin-bottom: 17px;
}

.widget-services .leftbox a {
    color: #fff;
    border-radius: 8px;
    background-color: #5471f9;
    box-shadow: 1px 4px 6px 0 rgb(84 113 249 / 29%);
    border-width: 2px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    padding: 15px 30px;
    margin-top: 0;
    display: inline-block;
}

.widget-services .rightbox {display: flex;flex-wrap: wrap;}

.widget-services .rightbox .innergrid {
    margin-bottom: 30px;
    padding: 0 15px;
}

.widget-services .rightbox .innergrid .innerbox {
    background-color: #fff;
    background-image: url('../image/serbg.png');
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 20px;
    box-shadow: 1px 1px 50px rgba(0,0,0,.08);
    overflow: hidden;
    padding: 40px;
    z-index: 1;
}

.widget-services .rightbox .innergrid .innerbox figure {
    display: inline-block;
    padding: 7px;
    background: #fff;
    border: 2px solid #5471f963;
    border-radius: 15px;
    width: 120px;
    text-align: center;
}

.widget-services .rightbox .innergrid .innerbox figure img {
    width: 100px;
}

.widget-services .rightbox .innergrid .innerbox figure svg {
    width: 60px;
    display: inline-block;
}

.widget-services .rightbox .innergrid .innerbox .contentbox {
    text-align: left;
}

.widget-services .rightbox .innergrid .innerbox .contentbox h3 {
    font-size: 20px;
    font-weight: 600;
    color: #20255c;
}

.widget-services .rightbox .innergrid .innerbox .contentbox p {
    font-size: 16px;
}

.widget-services .rightbox .innergrid .innerbox .contentbox a {
    color: #20255c;
    border-radius: 8px;
    background-color: rgb(32 37 92 / 12%);
    /* box-shadow: 0 5px 20px 0 rgba(86,90,207,.3)!important; */
    border-width: 2px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    padding: 15px 30px;
    margin-top: 15px;
}

.widget-shape{
    direction: ltr;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: -105px;
    z-index: 9;
    }
.widget-shape-bottom{/* bottom: 0; */transform: rotate(180deg);}
.widget-shape-bottom svg{
    display: block;
    left: 50%;
    position: relative;
    width: calc(160% + 1.3px);
    height: 105px;
    transform: translateX(-50%) rotateY(180deg);
    fill: #fff;
    }
.secondshape{margin-top: -144px;}
.testimonialshape{
    margin-top: -106px;
}
.testimonialshape svg{fill: #20255c;}
/* widget-slider */
.widget-slider{padding: 0;padding-bottom: 0;}

.widget-slider  .innerbox{
       /* background-color: #3E61E4; */
       background-image: url("../image/mainhead.jpg");
       background-position: center center;
       background-size: cover;
       padding: 30px 99px;
       margin-top: -116px;
       overflow: hidden;
       border-radius: 30px;
       position:relative;
       z-index: 0;
       padding-top: 137px;
       padding-bottom: 0;
       display: flex;
}
.widget-slider  .innerbox:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, #00246e, #022770a6);
    z-index: -1;
    }
.widget-slider  .innerbox .leftbox{
    padding-top: 40px;
}
.widget-slider  .innerbox .leftbox h4 span{color: #5471f9;font-weight: 700;}
.widget-slider  .innerbox .leftbox h4{
    color: #fff;
    font-size: 15px;
}
.widget-slider    .innerbox .leftbox h3{
    font-size: 60px;
    font-weight: bold;
    color: #fff;
    line-height: 71px;
}
.widget-slider    .innerbox .leftbox p{
    color: #4c4c4c;
    margin-bottom: 30px;
    font-weight: 500;
}
.widget-slider  .innerbox .leftbox a{
    display: inline-block;
    padding: 15px 30px;
    background: #3e61e4;
    border-radius: 34px;
    color: #ffffff;
    font-weight: 500;
    margin-right: 8px;
}
.widget-slider  .innerbox .leftbox .openinghrs{
    padding: 5%;
    background: #fff;
    margin-top: 30px;
    border-radius: 10px;
    width: 390px;
}
.widget-slider  .innerbox .leftbox .openinghrs .headopen{
    font-weight: 600;
    font-size: 21px;
}
.widget-slider  .innerbox .leftbox .openinghrs ul{
    margin: 0;
    list-style: none;
    padding: 0;
}
.widget-slider  .innerbox .leftbox .openinghrs ul li{
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px dashed #c4c4c4;
}

.widget-slider  .innerbox .leftbox .openinghrs ul li span.timetag{
    font-weight: 700;
    color: #3553c2;
}

.widget-slider  .innerbox .rightbox figure{margin: 0;}
.widget-slider  .innerbox .rightbox figure img{
    width: 100%;
}
/* widget-doctor */
.widget-doctor{
    padding: 50px 0;
}

.widget-doctor .head h3{
    text-align: center;
    font-size: 57px;
    font-family: "Allison", cursive;
    padding: 0 14%;
    line-height: 49px;
    color: #20255c;
}


.widget-doctor .leftbox figure{
    padding: 25px;
}
.widget-doctor .leftbox figure img{width: 100%;}

.widget-doctor .rightbox{padding-top: 6%;}
.widget-doctor .rightbox .innerbox{padding: 10%;
    background: #20255c;
    margin-left: -20%;}
.widget-doctor .rightbox .innerbox h3{
    color: #fff;
    font-size: 38px;
    font-weight: 100;
}
.widget-doctor .rightbox .innerbox p{
    color: #fff;
}
.widget-doctor .rightbox .innerbox a{display: inline-block;
    /* border: 1px solid #eee; */
    padding: 10px 30px;
    color: #fff;
    border-radius: 5px;
    font-weight: 400;
    background: #5471f9;
    box-shadow: 1px 4px 6px 0 rgb(45 64 153 / 34%);}
.widget-doctor  .affilated{
    padding-top: 20px;
}
.widget-doctor  .affilated ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-around;
}
.widget-doctor  .affilated ul li{
    display: inline-block;
    width: auto;
    padding: 0 26px;
}
.widget-doctor  .affilated ul li img{
    height: 100px;
}
/* widget-video-testimonial */
.widget-video-testimonial{
    padding: 5% 0;
    background: #ffffff;
    padding-bottom: 3%;
}
.widget-video-testimonial .head{
    padding-bottom: 20px;
    text-align: center;
}
.widget-video-testimonial .head h3{
    /* text-align: CENTER; */
    font-size: 18px;
    font-weight: 400;
    color: #181a6a;
    position: relative;
    margin: 0;
}
.widget-video-testimonial .head p{
    font-size: 30px;
    text-align: CENTER;
    font-size: 34px;
    margin: 0;
    font-weight: 600;
    color: #000000;
    margin-bottom: 0;
    position: relative;
    padding-bottom: 10px;
}

.widget-video-testimonial .rightbox .test-grid{
    padding: 0 10px;
}
.widget-video-testimonial .rightbox .test-grid .innerbox{
    padding: 10%;
    border: 1px solid #eee;
    border-radius: 15px;
    box-shadow: 1px 4px 6px 0 rgb(238 238 238);
}
.widget-video-testimonial .rightbox .test-grid .innerbox > i{
    font-size: 70px;
    color: #cccccc;
}
.widget-video-testimonial .rightbox .test-grid .innerbox p{
    color: #5e676d;
    font-size: 16px;
}
.widget-video-testimonial .rightbox .test-grid .innerbox .ratings{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}
.widget-video-testimonial .rightbox .test-grid .innerbox .ratings i{
    color: #FFC107;
}
.widget-video-testimonial .rightbox .test-grid .innerbox h3{
    font-size: 18px;
    margin-top: 10px;
}

/* widget-video-testimonial */
.widget-video-testimonial.innertestimonial{
    padding: 5% 0;
    background: #ffffff;
}
.widget-video-testimonial.innertestimonial .head{
    padding-bottom: 30px;
}
.widget-video-testimonial.innertestimonial .head h3.innertestimonial{
    text-align: CENTER;
    font-size: 36px;
    font-weight: 700;
    color: #640606;
}
.widget-video-testimonial .head p.innertestimonial{
    text-align: center;
    color: #36066a;
}

.widget-video-testimonial.innertestimonial .test-grid .innerbox{
    padding: 10%;
    border: 1px solid #eee;
    border-radius: 15px;
    box-shadow: 1px 4px 6px 0 rgb(238 238 238);
    text-align: CENTER;
}
.widget-video-testimonial.innertestimonial .test-grid .innerbox i{
    font-size: 20px;
}

.widget-video-testimonial.innertestimonial .test-grid .innerbox p{
    text-align: justify;
    max-height: 150px;
    overflow: auto;
}
.widget-video-testimonial.innertestimonial .test-grid .innerbox span{
    display: flex;
    justify-content: center;
    gap: 7px;
    color: #FFC107;
}

.widget-video-testimonial .leftbox{
    padding-top: 18px;
}
.widget-video-testimonial .leftbox ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 0;
}
.widget-video-testimonial .leftbox ul li{
    width: 50%;
}
.widget-video-testimonial .leftbox ul li img{
    width: 100%;
}

/* Widget Faq */
.widget-faq{
    background: #ffffff;
    padding: 7% 0;
    padding-bottom: 15%;
}
.widget-faq .head{
    text-align: center;
}
.widget-faq .head h3{
    text-align: center;
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 22px;
    color: #20255c;
}
.widget-faq .tabfaq{padding: 0 20%;display: none;}
.widget-faq .tabfaq.activetab {display: block;}
.widget-faq .tabfaq ul {
  list-style: none;
  padding: 0;
  margin: 0;
}


.widget-faq .tabfaq li {
  padding: 25px;
  background: #ffffff;
  margin-bottom: 9px;
  border-radius: 8px;
  border: 1px solid #20255c;
}


.widget-faq .tabfaq h3 {
  margin: 0;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  color: #20255c;
  font-weight: 600;
}
.widget-faq .tabfaq li.active p {
    max-height: 300px;
    opacity: 1;
    margin-top: 15px;
    color: #1f2459;
}
/* Hide answers initially */

.widget-faq .tabfaq p {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.4s ease;
  margin: 0;
  font-size: 16px;
  /* margin-top: 15px; */
}

/* Show answer when active */

.widget-faq .tabfaq li.active p {
  max-height: 300px; /* large enough for content */
  opacity: 1;
  margin-top: 15px;
}

/* Optional caret icon */

.widget-faq .tabfaq h3::after {
  content: "+";
  font-weight: bold;
  transition: transform 0.3s ease;
}


.widget-faq .tabfaq li.active h3::after {
  content: "–";
}


.widget-faq .listdata ul{
    padding: 0;
    text-align: center;
}
.widget-faq .listdata ul li{
    display: inline-block;
    margin: 0 5px;
}
.widget-faq .listdata ul li a{
    display: block;
    padding: 10px 30px;
    border: 2px solid #20255b;
    border-radius: 22px;
    margin-bottom: 10px;
    color: #20255b;
    font-weight: 500;
}
.widget-faq .listdata ul li a.active{background:#20255c; color:#fff}
/* widget-book-consult */
.widget-book-consult{
    background: #fefefe;
    padding: 5% 0;
}
.widget-book-consult .head{
    text-align: center;
}
.widget-book-consult .head h3{
    text-align: CENTER;
    color: #20255c;
    font-weight: 600;
}
.widget-book-consult .head a{
    display: inline-block;
    padding: 13px 50px;
    border: 1px solid #20255c;
    margin: 0 5px;
    border-radius: 33px;
    margin-top: 15px;
    color: #20255c;
    font-weight: 600;
}

/* widget-booking */
.widget-booking{
    background: #20255c;
    padding: 5% 0;
}

.widget-booking .head h3{

    color: #ffffff;
    text-align: center;
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 00;

}
.widget-booking .head span{
    text-align: center;
    font-size: 57px;
    font-family: "Allison", cursive;
    padding: 0 14%;
    line-height: 49px;
    color: #ffffff;
    display: block;
}

.widget-booking .enq-form .innerbox{
    width: 700px;
    background: #fff;
    margin: 0 auto;
    padding: 5%;
    border-radius: 20px;
    margin-top: 20px;
    padding-top: 6%;
}
.widget-booking .enq-form .innerbox form{display: flex
;
    flex-wrap: wrap;}
.widget-booking .enq-form .innerbox .lblbox{padding: 0 6px;}
.widget-booking .enq-form .innerbox .lblbox label{    width: 100%;
    position: relative;}
.widget-booking .enq-form .innerbox .lblbox label span{
    display: inline-block;
    position: absolute;
    padding: 5px 10px;
    background: #20255c;
    left: 10px;
    top: -13px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    border-radius: 4px;
    letter-spacing: 1px;
    box-shadow: 3px 4px 5px 0px rgb(254 242 249);
    }
.widget-booking .enq-form .innerbox .lblbox label input{
    width: 100%;
    padding: 10px;
    margin-bottom: 26px;
    border: 1px solid #20255c;
    border-radius: 10px;
    padding-left: 20px;
    padding-top: 15px;
    outline: none;
    height: 60px;
    }
    .widget-booking .enq-form .innerbox .lblbox label textarea{width: 100%;
    padding: 10px;
    margin-bottom: 26px;
    border: 1px solid #20255c;
    border-radius: 10px;
    padding-left: 20px;
    padding-top: 15px;
    outline: none;}

        .widget-booking .enq-form .innerbox .lblbox label select{
    width: 100%;
    padding: 20px;

    border: 1px solid #20255c;
    border-radius: 10px;
    padding-left: 20px;
    padding-top: 25px;
    outline: none;
    }
     .widget-booking .enq-form .innerbox .lblbox button{
    margin-top: 15px;
    display: inline-block;
    border: none;
    color: #fff;
    border-radius: 8px;
    background-color: #1c2050;
    box-shadow: 1px 4px 6px 0 rgb(84 113 249 / 29%);
    border-width: 2px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    padding: 15px 30px;
    margin-top: 20px;
    display: inline-block;
}


/* widget-breadcrumb */
.widget-breadcrumb{padding:30px 0;background: #20255c;/* background: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(255 255 255) 44%, rgb(255 255 255) 100%); */margin-top: -120px;padding-top: 140px;border-radius: 20px;}
.widget-breadcrumb .head{
    text-align: center;
}
.widget-breadcrumb .head h3{
    color: #ffffff;
    font-size: 2em;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.widget-breadcrumb .head ul{
    display: inline-block;
    list-style: none;
    padding: 10px 34px;
    /* background: #565acf; */
    border-radius: 8px;
    /* background-color: #f5f5f5; */
    border: 1px solid #eee;
    box-shadow: 0 5px 20px 0 rgb(173 36 136 / 14%);
}
.widget-breadcrumb .head ul li{
    float: left;
    color: #ffffff;
    font-size: 16px;
}
.widget-breadcrumb .head ul li a{
    position: relative;
    display: block;
    padding: 0;
    padding-right: 20px;
}
.widget-breadcrumb .head ul li a:before{content:"/";position:absolute;right: 4px;color: #fbedf6;top: 2px;}
.widget-breadcrumb .head ul li a svg{
    color: #fff;
}

.widget-blogs{
    background: #ffffff;
    padding: 5% 0;
}
.widget-blogs .head{
    padding-bottom: 15px;
}
.widget-blogs .head h3{
 text-align: CENTER;
 font-size: 18px;
 margin: 0;
 font-weight: 400;
 color: #000000;
 position: relative;
}

.widget-blogs .head p{
    text-align: CENTER;
    font-size: 30px;
    color: #000000;
    margin: 0;
    }


.widget-blogs .bloglist ul{
    padding: 0;
    list-style: none;
    display: flex;
}
.widget-blogs .bloglist ul li{
    width: 50%;
    padding: 25px;
    border: 1px solid #f3f3f3;
    border-radius: 10px;
    box-shadow: 1px 4px 6px 0 rgb(238 238 238);
}
.widget-blogs .bloglist ul li .innerbox{
    display: flex;
    gap: 15px;
}
.widget-blogs .bloglist ul li .innerbox figure{
    width: 30%;
    margin: 0;
}
.widget-blogs .bloglist ul li .innerbox figure img{
    width: 100%;
    border-radius: 5px;
}
.widget-blogs .bloglist ul li .innerbox .detbox{
    width: 70%;
}
.widget-blogs .bloglist ul li .innerbox .detbox h3{
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 600;
}
.widget-blogs .bloglist ul li .innerbox .detbox p{
    margin: 0;
    font-size: 16px;
    color: #bbbbbb;
    margin-bottom: 10px;
}
.widget-blogs .bloglist ul li .innerbox .detbox a{
    display: flex;
    align-items: center;
    gap: 7px;
}

/* footer */
footer{
    padding: 5% 0;
    background: #181a6a;
    padding-bottom: 30px;
    margin-bottom: 20px;
    border-radius: 19px;
}

footer .footerlink h3{
    font-size: 22px;
    /* font-family: "Allison", cursive; */
    color: #fff;
    margin-bottom: 15px;
}
footer .footerlink span{
    color: #ffffff;
    font-weight: 600;
}
footer .footerlink p{
    color: #fff;
    margin: 0;
}
footer .footerlink ul{
    padding: 0;
    list-style: none;
}
footer .footerlink a{
    padding: 0;
    margin-right: 6px;
    color: #fff;
    margin-bottom: 19px;
    display: inline-block;
}
footer .footerlink a.sociallink{
    border: 1px solid #fff;
    padding: 5px 10px;
    border-radius: 5px;
}
footer .footerlink a.sociallink i{font-style: normal;}

footer .footerlink ul li a{
    margin: 0;
    padding: 5px 0;
}

footer .footertext{
    padding: 10px 0;
    border-top: 1px solid #eeeeee21;
    margin-top: 15px;
}
footer .footertext h3{
    font-size: 20px;
    color: #5471f9;
    padding: 15px 0;
    margin: 0;
}
footer .footertext p{
    color: #fff;
    font-size: 16px;
    margin: 0;
}
footer .footertext h4{
    font-size: 16px;
    color: #fff;
    background: #2c3274;
    padding: 15px;
    font-weight: 300;
    border-radius: 3px;
    margin-top: 15px;
}
footer .footertext span{
    display: block;
    color: #fff;
    margin-bottom: 5px;
    font-weight: 600;
    margin-top: 10px;
}
footer .footertext ul{
    padding: 0;
}
footer .footertext ul li{
    color: #6a73c4;
    padding-left: 0;
}

footer .copyright{
    text-align: center;
    border-top: 1px solid #eeeeee24;
    margin-top: 12px;
    padding: 15px;
    border-bottom: 1px solid #eeeeee24;
}
footer .copyright p{
    margin: 0;
    color: #fff;
}
footer .copyright p a{
    color: #fff;
    font-weight: 500;
}
footer .quicklinks{
    text-align: center;
}
footer .quicklinks a{
    padding: 0 5px;
    color: #5471e0;
    text-decoration: underline;
}

.widget-page{
    padding: 60px 0;
    background: #ffffff;
}
.widget-page .innercontent{
    padding-top: 0;
    padding-bottom: 40px;
}
.widget-page .innercontent .featuredimage{
    width: 100%;

}
.widget-page .innercontent h1{
    font-size: 30px;
    text-align: CENTER;
    font-weight: 700;
    color: #20255c;
}
.widget-page .innercontent h2{
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
}
.widget-page .innercontent h3{
    font-size: 17px;
}
.widget-page .innercontent p{
    font-size: 16px;
    text-align: justify;
    margin: 0;
}
.widget-page .innercontent a{
    display: inline-block;
    margin: 0;
    background: #20255c;
    padding: 7px 26px;
    font-weight: 500;
    border-radius: 7px;
    color: #ffffff;
}
.widget-page .innercontent ul{
    padding-left: 16px;
}
.widget-page .innercontent ul li{}
.widget-page .innercontent ol{}
.widget-page .innercontent ol li{}
.widget-page .innercontent ul li{}
.widget-page .innercontent dl{}
.widget-page .innercontent dl dt{}
.widget-page .innercontent dl dd{}

.widget-page{
    padding-bottom: 0;
}
.widget-page .rightbox{
    padding: 32px;
}
.widget-page .rightbox .innerbox{
    background: #20255c;
    padding: 14% 40px;
    margin-left: -54px;
    border-radius: 9px;
}
.widget-page .rightbox .innerbox h3{
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}
.widget-page .rightbox .innerbox h2{
    font-weight: 700;
    color: #fff;
    font-size: 30px;
}

.widget-page .rightbox .innerbox a{
    display: inline-block;
    padding: 10px 20px;
    background: #fff;
    border-radius: 5px;
    color: #20255c;
}

.blogcontainer{
    padding: 40px 0;
}
.blogcontainer .blogbox{
    text-decoration: none;
    color: inherit;
    box-shadow: 1px 4px 6px 0 rgb(206 206 206 / 29%);
    display: block;
    padding: 25px;
    border: 1px solid #eee;
    border-radius: 10px;
    margin-bottom: 25px;
}

.blogcontainer .blogbox figure img{width:100%;border-radius: 6px;}

.blogcontainer .blogbox .blog-det h3{
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: #000;
    margin-bottom: 7px;
}


.blogpageleft figure img{
    width: 100%;
    border-radius: 19px;
}
.blogpageleft h3{
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    padding: 15px 0 10px;
    line-height: 1.3;
}

.blogpageleft .contentbox p{font-size: 16px;text-align: justify;}
.blogpageleft .contentbox h1{
    font-size: 22px;
    font-weight: 700;
}
.blogpageleft .contentbox h2{
    font-size: 20px;
    font-weight: 700;
}


.widget-serbottom{
    padding: 40px 0;
    background: #20255c0f;
}

.widget-serbottom .head h3{
    font-weight: 700;
    text-align: CENTER;
    color: #20255c;
}


.blogcontainer .casebox{
    display: flex;
    flex-wrap: wrap;
}

.blogcontainer .casebox .leftbox figure img{
    width: 100%;
}
.blogcontainer .casebox .rightbox{
    padding: 5%;
    padding-top: 7%;
    /* background: #eee; */
}

.blogcontainer .casebox .rightbox .innerbox h3{
    font-weight: 700;
    color: #20255c;
}
.blogcontainer .casebox .rightbox .innerbox p{
    font-size: 18px;
}

.contactpage{
    padding: 70px 0;
}

.contactpage .leftbox h3{
    font-weight: 700;
    color: #20255c;
}
.contactpage .leftbox .subhead{
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
}
.contactpage .leftbox .addressbox{
    padding: 25px;
    background: #fff;
    margin-bottom: 15px;
    border: 2px solid #eee;
    border-radius: 12px;
    box-shadow: 1px 4px 6px 0 rgb(184 184 184 / 29%);
}
.contactpage .leftbox .addressbox span{
    font-weight: 700;
    color: #20255c;
    margin-bottom: 5px;
    display: block;
}
.contactpage .leftbox .addressbox p{
    margin: 5px 0;
}
.contactpage .leftbox .addressbox a{
    display: inline-block;
    color: #000;
    margin-right: 8px;
}
.contactpage iframe{width: 100%; height: 340px;}


.appointment-form {
  max-width: 800px;
  margin: auto;
  padding: 5%;
  background: #fff;
  border-radius: 0;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  border: 1px solid #eee;
}

.appointment-form h2 {
  grid-column: 1 / -1;
  text-align: center;
  margin-bottom: 10px;
  color: #007BFF;
}

.form-group {
  display: flex;
  flex-direction: column;
}

.form-group.full-width {
  grid-column: 1 / -1;
}

.appointment-form label {
  margin-bottom: 6px;
  font-weight: bold;
  color: #333;
}

.appointment-form input,
.appointment-form select,
.appointment-form textarea {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  outline: none;
}

.appointment-form select[multiple],
.appointment-form textarea {
  height: auto;
}

.radio-group {
  display: flex;
  gap: 20px;
}

.radio-group label {
  font-weight: normal;
}

.appointment-form button {
  width: 100%;
  padding: 12px;
  background: #007BFF;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease;
  background-color: #5471f9;
  box-shadow: 1px 4px 6px 0 rgb(84 113 249 / 29%);
}

.appointment-form button:hover {
  background: #0056b3;
}

/* Responsive: stack into 1 column on mobile */
@media (max-width: 700px) {
  .appointment-form {
    grid-template-columns: 1fr;
  }
}

/* Responsive: stack fields on small screens */
@media (max-width: 600px) {
  .form-row {
    flex-direction: column;
  }
}
.widget-book{
    padding: 38px 0;
}
.widget-book .head{
    padding: 0 10%;
    text-align: CENTER;
    padding-bottom: 2%;
}
.widget-book .head p{
    font-size: 16px;
    color: #000;
}
.widget-book .head span{
    font-weight: 600;
    color: #20255c;
}

.gallery-popup {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 60px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0,0,0,0.9);
    text-align: center;
}

.gallery-popup img {
    max-width: 80%;
    max-height: 80%;
    margin-top: 20px;
    border-radius: 5px;
}

.close-popup {
    position: absolute;
    top: 20px;
    right: 35px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
}

.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 50px;
    padding: 10px;
    user-select: none;
    transform: translateY(-50%);
}

.prev { left: 10px; }
.next { right: 10px; }

.widget-gallery-grid{padding:30px 0;}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.375rem;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #0d6efd; /* Bootstrap primary */
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: all 0.2s;
}

.page-link:hover {
    z-index: 2;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
}

.aboutcontent .head p{
    text-align: CENTER;
    font-size: 18px;
}

.aboutcontent .leftbox img{width:100%;}
.aboutcontent .rightbox{
    padding: 4%;
    background: #20255c;
}
.aboutcontent .rightbox h3{
    color: #fff;
    font-weight: 600;
    font-size: 32px;
}
.aboutcontent .rightbox p{
    text-align: justify;
    color: #fff;
}
.aboutcontent .lastbox{
    padding-top: 2%;
}
.aboutcontent .lastbox p{
    text-align: justify;
}


/* Side Menu Styles */
.side-menu {
    width: 80%; /* or any width you want */
    position: fixed;
    top: 0;
    text-align: center;
    left: -80%; /* Initially hidden off-screen */
    padding-top: 20px;
    height: 100%;
    background-color: #ffffff;
    color: #000000;
    padding: 0;
    z-index: 1000;
    transition: left 0.3s ease; /* Smooth transition for opening/closing */
    overflow-y: scroll;
    padding-top: 10px;
}

    .side-menu.open {
        left: 0; /* When "open" class is added, the menu slides in */
    }

.side-menu-inner {
    overflow-y: auto;
}

.side-menu-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: left;
    border-top: 1px solid #eee;
    margin-top: 20px;
}

.side-menu-list li {
    position: relative;
    padding: 0;
    font-size: 18px;
    cursor: pointer;
}

    .side-menu-list li a{
        color: #000000;
        text-decoration: none;
        display: block;
        padding: 10px 15px;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0px;
        position: relative;
        text-transform: uppercase;
    }
  .side-menu-list li a i{
    position: absolute;
    right: 15px;
    top: 12px;
}
.side-menu-list li ul{
    padding: 15px;
    list-style: none;
    background: #eee;
    display: none;
}

.side-menu-list li ul li a{
    padding: 7px 0;
}
        .menu-item a .toggle-icon {
            margin-right: 10px;
            font-size: 18px;
            top: 5px;
            display: inline-block;
        }


.side-menu img {
    /* background: #1b2d56; */
    padding: 0;
    width: 208px;
}

.mobheader{
    padding: 31px 20px;
    position: relative;
    z-index: 9;
    /* margin-top: 35px; */
}
.mobheader .innerbox{
    position: relative;
}
.mobheader .innerbox .logo{width: 260px;display: inline-block;}
.mobheader .innerbox .logo img{max-width: 100%;width: 187px;}
.mobheader .innerbox .mobilebtn{
    position: absolute;
    right: 15px;
    border: none;
    top: 9px;
    background: none;
}

.mobheader .innerbox .mobilebtn span{
    width: 40px;
    height: 1px;
    display: block;
    background: #ffffff;
    margin-bottom: 15px;
}

.widget-text-testimonial{
    padding: 5% 0;
    background: #eee;
}
.widget-text-testimonial .testimonialdata{
    padding: 0 25px;
}
.widget-text-testimonial .testimonialdata .inneritem{
    padding: 5%;
    border: 1px solid #eee;
    margin-bottom: 15px;
    box-shadow: #eee 3px 3px 6px 0;
    border-radius: 6px;
    position: relative;
    text-align: left;
    width: 90% !important;
    background: #fff;
}
.widget-text-testimonial .testimonialdata .inneritem i{
    font-size: 7em;
    position: absolute;
    color: #eee;
    z-index: -1;
    top: 40px;
    left: 40px;
}
.widget-text-testimonial .testimonialdata .inneritem h3{
    font-weight: 700;
    color: #20255c;
}


.widget-shortcontact{
    background: #fff;
    padding: 0 20px;
}

.widget-shortcontact .innerbox ul{
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex;
    justify-content: space-between;
    /* flex-wrap: nowrap; */
}
.widget-shortcontact .innerbox ul li:first-child a{
    text-align: left;
}
.widget-shortcontact .innerbox ul li{width: 33.33%;}
.widget-shortcontact .innerbox ul li a{
    padding: 12px 0;
    display: block;
    COLOR: #181a6a;
    text-align: right;
}
.widget-shortcontact .innerbox ul li a i{
    margin-right: 10px;
}
.widget-shortcontact .innerbox ul li a span{
    display: inline-block;
    border-left: 1px solid #181a6a6e;
    padding-left: 10px;
    font-weight: 600;
}


.widget-home-services{
    padding: 20px 0;
    background: #ffffff;
}
.widget-home-services .head{
    text-align: center;
}
.widget-home-services .head span{
    font-weight: 600;
    letter-spacing: 2px;
}
.widget-home-services .head h3{
    text-align: CENTER;
    font-size: 34px;
    margin: 0;
    font-weight: 600;
    color: #000000;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 10px;
}

.widget-home-services .head h3:before{position:absolute;content:"";width: 100px;height: 3px;/* background: #ed3237; */bottom: -8px;margin: 0 auto;right: 0;left: 0;}
.widget-home-services .sergrid{
    margin-bottom: 35px;
}
.widget-home-services .sergrid .innerbox{
    padding: 0;
    /* border: 2px solid #eee; */
    text-align: CENTER;
    background: #fff;
    border-radius: 8px;
    box-shadow: 1px 4px 6px 0 rgb(238 238 238);
}

.widget-home-services .sergrid .innerbox a figure{
    margin: 0;
}
.widget-home-services .sergrid .innerbox a figure img{
    width: 100%;
    border-radius: 30px 30px 0 0;
}
.widget-home-services .sergrid .innerbox a .contentbox{
    padding: 35px;
    position: relative;
}
.widget-home-services .sergrid .innerbox a .contentbox h3{
    font-size: 18px;
    color: #ffffff;
    background: #00246e;
    position: absolute;
    top: -30px;
    left: 5%;
    right: 5%;
    padding: 20px 0;
    border-radius: 8px;
    font-weight: 600;
}
.widget-home-services .sergrid .innerbox a .contentbox p{
    color: #5e676d;
    font-size: 16px;
    margin-top: 15px;
}

.widget-certificate{
    padding: 5% 0;
}

.widget-certificate .head h3{
    text-align: CENTER;
    font-size: 25px;
    margin: 0;
    font-weight: 400;
    color: #000000;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 10px;
}
.widget-certificate .head h3:before{    position: absolute;
    content: "";
    width: 100px;
    height: 2px;
    background: #000000;
    bottom: -8px;
    margin: 0 auto;
    right: 0;
    left: 0;}
 .widget-gallery-grid {
    padding: 40px 0;
}

.widget-gallery-grid .gridimg img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 6px;
    cursor: pointer;
}

/* Prevent bootstrap column breaking */
.widget-gallery-grid .gridimg {
    display: block;
}

/* Optional hover effect */
.widget-gallery-grid .gallery-img:hover {
    transform: scale(1.03);
    transition: 0.3s ease;
}
.widget-about{
    padding: 30px 0;
}

.widget-about .leftbox figure{
    width: 95%;
    position: relative;
}
.widget-about .leftbox figure img{
    width: 100%;
    border-radius: 15px;
}
.widget-about .leftbox .captionbox{
    position: absolute;
    bottom: 5%;
    left: 5%;
    right: 5%;
    background: #03266f;
    border-radius: 10px;
    padding: 5%;
    background: linear-gradient(to right, #00246e, #2196F3);
}
.widget-about .leftbox .captionbox h3{
    font-size: 25px;
    margin: 0;
    color: #fff;
    margin-bottom: 6px;
}
.widget-about .leftbox .captionbox p{
    margin: 0;
    color: #ffffffbf;
}
.widget-about .rightbox{
    padding-top: 60px;
}
.widget-about .rightbox .subhead{
    font-weight: 600;
}
.widget-about .rightbox h3{
    font-size: 38px;
    font-weight: bold;
    color: #01256e;
}
.widget-about .rightbox p{
    font-weight: 400;
    color: #5e676d;
    font-size: 16px;
}
.widget-about .rightbox a{
    display: inline-block;
    padding: 15px 30px;
    background: #3e61e4;
    border-radius: 34px;
    color: #ffffff;
    font-weight: 500;
    margin-right: 8px;
}



.widget-booking-home .leftbox{
    padding: 0;
}
.widget-booking-home .leftbox .innerbox{
    padding: 15%;
    background: #00246e;
    border-radius: 0 0 30px 30px;
}
.widget-booking-home .leftbox .innerbox span{
    color: #fff;
    display: block;
    margin-bottom: 10px;
}
.widget-booking-home .leftbox .innerbox h3{
    font-weight: 700;
    color: #fff;
    font-size: 46px;
}
.widget-booking-home .leftbox .innerbox p{
    color: #fff;
    font-weight: 400;
    margin-bottom: 10%;
}
.widget-booking-home .leftbox .innerbox .emergencybx{
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 20px;
}
.widget-booking-home .leftbox .innerbox .emergencybx .icon{
    width: 60px;
    height: 60px;
    color: #00246e;
    text-align: center;
    padding: 10px;
    background: #eee;
    font-size: 27px;
    border-radius: 30px;
}

.widget-booking-home .leftbox .innerbox .emergencybx .detbox .phntxt{
    margin: 0;
}
.widget-booking-home .leftbox .innerbox .emergencybx .detbox .phntxt2{
    font-size: 26px;
    font-weight: 600;
    margin: 0;
}
.widget-booking-home .leftbox .innerbox ul{
    list-style: none;
    padding: 0;
}
.widget-booking-home .leftbox .innerbox ul li{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #ffffff45;
}
.widget-booking-home .leftbox .innerbox ul li .dttag{
    font-size: 18px;
    margin: 0;
    padding: 5px 0;
}
.widget-booking-home .leftbox .innerbox ul li .timetag{
    font-size: 18px;
    margin: 0;
    padding: 5px 0;
}

.widget-booking-home .formbox .innerbox{
    padding: 10%;
    background: #e5edff;
    border-radius: 15px;
    background: linear-gradient(to right, #ffffff, #ecf2fd);
}
.widget-booking-home .formbox .innerbox h3{
    font-weight: 600;
}

.widget-booking-home .formbox .innerbox form .formbx{
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 20px;
}
.widget-booking-home .formbox .innerbox form .formbx label{
    width: 100%;
}
.widget-booking-home .formbox .innerbox form .formbx label span{
    display: block;
    font-weight: 600;
    margin-bottom: 7px;
}
.widget-booking-home .formbox .innerbox form .formbx label input{
    border: none;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.058823529411764705);
    padding: 15px;

    width: 100%;
    border-radius: 29px;
    outline: none;
    border: 1px solid #e7e7e7;
}
.widget-booking-home .formbox .innerbox form .formbx label textarea{
    border: none;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.058823529411764705);
    padding: 15px;
    width: 100%;
    border-radius: 35px;
    outline: none;
    border: 1px solid #e7e7e7;
    height: 118px;
}
.widget-booking-home .formbox .innerbox form button{
    display: inline-block;
    padding: 15px 30px;
    background: #3e61e4;
    border-radius: 34px;
    color: #ffffff;
    font-weight: 500;
    margin-right: 8px;
    border: none;
    }

  .widget-booking-home  .extrabox{
    padding: 2%;
    background: #00246e;
    border-radius: 0 0 30px 30px;
}

@media only screen and (max-width: 68em) {
    body{padding: 0;}
    .widget-doctor .affilated ul li img{height: auto;width: 100%;}
	.widget-booking .enq-form .innerbox{width:100%;}
	.widget-slider .textonvideo .innerbox a{margin-bottom:15px;}

	.widget-services:before{background:none;}
	.widget-services .leftbox{padding-bottom:15px;}
	.widget-doctor .head h3{
    padding: 0;
    font-size: 38px;
    line-height: normal;
}
	.widget-doctor .rightbox .innerbox{margin:0}
	.widget-doctor .leftbox figure{padding:0;}
	.widget-doctor .rightbox .innerbox h3{font-size:20px;}
	.widget-doctor .rightbox .innerbox p{text-align:justify;}
	footer .footertext{padding:0 30px;}

	.widget-faq .listdata{
    overflow-x: auto;
    overflow-y: hidden;
    box-sizing: border-box;
    scrollbar-width: thin;
    margin-bottom: 15px;
    }

	.widget-faq .listdata ul li{
    display: table-cell;
    padding: 0 10px;
}
	.widget-faq .listdata ul li a{white-space: nowrap; }
	.widget-faq .tabfaq{padding: 0 15px;}
.testimonialshape {
    margin-top: -1px;
}
.widget-booking .enq-form .innerbox .lblbox {
    padding: 0 6px;
    width: 100%;
}
	.widget-booking .enq-form .innerbox .lblbox label span{letter-spacing:0;}

	.widget-page{padding:15px;}
	.widget-page .innercontent{padding:0;}
	.widget-page .rightbox .innerbox{/* padding:0; */margin-left: 0;margin-bottom: 15px;border-radius: 0;}
    .widget-page .rightbox{padding: 0 ;}
	.widget-page .aboutcontent .rightbox{padding: 30px;}

.widget-slider .innerbox{padding: 5%;padding-top: 20%;flex-direction:column;padding-bottom: 0;border-radius: 0;}
.widget-slider .innerbox .leftbox h3{font-size: 40px;line-height: normal;}
.widget-slider .innerbox .leftbox .openinghrs{width: 100%;}
.widget-about .leftbox figure{width: 100%;}
.widget-about .rightbox {
    padding-top: 15px;
}
.widget-breadcrumb{border-radius: 0;}
footer{border-radius: 0;margin: 0;}
.widget-video-testimonial.innertestimonial .test-grid .innerbox{padding: 5%; margin-bottom: 15px;}
.widget-booking-home .leftbox .innerbox, .widget-booking-home .formbox .innerbox{padding: 5%;border-radius: 0;}
.widget-booking-home .formbox .innerbox form .formbx{flex-direction: column;}
}