body{font-family: "Kumbh Sans", sans-serif;}
/*--------- Common Css ----------- */
.text-96{color:#969696 !important;}
.obj-cover{object-fit: cover !important;}
.obj-fill{object-fit: fill !important;}
.navbar-light .navbar-nav .nav-link {color:#20355C;font-size:15px;font-weight:600;}
a.text-hover:hover{text-decoration:underline !important;}
.text-ul{text-decoration:underline !important;}
.faq-hover:hover{background: #B8B8B8 !important;}
.ofh{overflow: hidden;}
.bg-white{background: #000;}
.bg-app {background: #F7B32B;}
.text-main {color: #F7B32B;}
.bg-lapp{background: #F7B32B;}
.text-appp {color: #F48C12 !important;}
.text-app2 {color: #F7B32B !important;}
.bg-darkk{background-color: #000000 !important;}
.bg-news{background: #F6F6F6;}
.bg-light1 {background: rgba(0, 0, 0, 0.04);}
.bg-greyy{background: #B8B8B8 !important;}
.text-darkk{color: #000000;}
.text-darkkk{color: #000000 !important;}
.text-grey{color: #969696;}
.text-lblue{color: #0F4DED !important;}
.text-nblue{color: #0A0CF4 !important;}
.text-app {color: #F48C12;}
.text-lightt , .text-lightt p{color:#555555 !important;}
.brs-10 {border-radius: 10px;}
.brs-15{border-radius: 15px;}
.brs-top-15{border-top-left-radius: 15px;border-top-right-radius: 15px;}
.brs-bot-15{border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;box-shadow: rgba(139, 150, 153, .2) 0 5px 18px;}
.brs-bot-30{border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;}
.brs-20 {border-radius: 20px;}
.brs-30 {border-radius: 30px;}
.brs-40 {border-radius: 40px;}
.brs-50{border-radius:50%;}
.pad5-7{padding: 3px 5px;}  
.lh-60{line-height: 75px;}
.fs-65{font-size: 65px;}
.sideimg {position: absolute;top: 0px;left: 0;width: 350px;}
.bg-under{background: #545454;}
.mtn-48{margin-top: -48px;}
.wid-20{width: 20px;}
.fw-100{font-weight:100;}
.fw-200{font-weight:200;}
.fw-300{font-weight:300;}
.fw-400{font-weight:400;}
.fw-500{font-weight:500;}
.fw-600{font-weight:600;}
.fw-700{font-weight:700;}
.fw-800{font-weight:800;}
.fw-900{font-weight:900;}
.btnsecondary {padding: 10px 33px !important;border-radius:14px !important;font-size:16px;font-weight:600;}
.btnprimary {padding: 12px 26px !important;border-radius:14px !important;font-size:16px;font-weight:600;transition: 0.3s;}

/*--------- Text overflow Control Css --------- */
.overelipsis1 {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.overelipsis2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.overelipsis3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.overelipsis {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}

/*Navbar Styles*/
.navbar-nav .nav-link.active {
  color: #F7B32B !important;
}
.top-navbar-head.activescroll {
    background: #fff;
    padding: 12px 15px !important;
    box-shadow: rgba(139, 150, 153, .2) 0 5px 18px;
}
  nav.breadcrumb{
        position: relative;
        justify-content: flex-end;
    } 
    ol.breadcrumb {
        justify-content: flex-end;
        margin: 0px;
        padding: 0px;
    }
    .bred_flex {
        display: flex;
        justify-content: space-between;
    }
    .bred_flex h1 {
        font-size: 18px;
        margin-bottom: 0px;
    }
    
    
    
    .allheadingfont{
    font-weight: 600;
    font-style: SemiBold;
    font-size: 26px;
    color:#20355C !important;
    text-align:center;
    padding-top:20px;
    padding-bottom:20px;
    }
    
    
    
    
    
    
    
/*--------- Top Menu Css ---------*/
.top_menu .float-right a i{font-size: 15px;background: #fff;border-radius: 50%;color: #20355C;padding: initial;width: 25px;height: 25px;text-align: center;padding-top: 5px;}

/*Banner Section STYLES*/
.carousel-indicators li{
    border-radius: 50%;
    width: 12px;
    height: 12px;
}
.banner_txt {
    position: absolute;
    top: 36%;
    left: 54%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    width: 80%;
}
.banner_txt h3{
    font-size: 40px;
    font-weight: bold;
}

a._banner_href {
    color: #fff;
    width: 100%;
    display: block;
}
  
.banner_txt h1{
    /*font-family: "Poppins";*/
    font-weight: 600;
    font-style: SemiBold;
    font-size: 29px;
    line-height: 140%;
    letter-spacing: 0%;
    color:#FFFFFF;
    padding-bottom: 13px;
}
.banner_txt p{
    /*font-family: "Poppins";*/
    font-size: 16px;
    color:#FFFFFF;
    font-weight:300;
}


/*About Styles*/
.docimgabout{
    width: 350px;
    object-fit: cover;
    position: absolute;
    height: 400px;
    left: 40px;
    top: 35px;
}
.docimgabouthome{
     width: 350px !important;
     height: 350px !important;
}
.about_homepage div.text-lightt p{
    font-size:14px !important;
    font-weight:500 !important;
}
.whytochoosehome .choosetickbefore li{
    font-size: 20px;
    font-weight: 600;
}
.whytochoosehome .choosetickbefore p{
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
}
/*Awards Styles*/
.awards-card .card-text{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 320px;
}
/*Press Styles*/
.presscard{
    border: 3px solid #A1A0A0 !important;
    padding: 1px;
}
.presscontent{
    overflow-y: auto;
    height: 65px;
    }
/*News Styles*/
.news-information h1.font-weight-bold.mb-0 {
    font-size: 30px;
}
/*FAQ STyles*/
.faq-hover.active {
    background-color: #B8B8B8 !important; 
}
.faqsection .card-body p{
    color: #4D4D4D;
    font-size: 14px;
    font-weight: 400;
}
/*#accordion .hdng a:after {font-family:Fontawesome;content:'\f078';float:right;font-size:15px;}*/
/*#accordion .hdng a.collapsed:after {font-family:Fontawesome;content:'\f077';}*/

#accordion .hdng a:after {
    font-family: FontAwesome;
    content: '\f077'; /* up arrow — shown when expanded */
    float: right;
    font-size: 15px;
}

#accordion .hdng a.collapsed:after {
    content: '\f078'; /* down arrow — shown when collapsed */
}

#democ .carousel-indicators .active {background: #F7B32B;border: 1px solid #F7B32B;margin-top: 9px;}

.whychoosevideo{position:absolute;}
.choosetickbefore *{color:#ffffff;}
.w-250{width:250px;}
.bg-hgrey{background: #F4F4F4;}
.maskimg{position: absolute;right: 0;width: 200px;top: 0;}




/*--------- Blog Area input Css ---------*/
.blogcategory ul li{border:1px solid #e9e9e9;padding:4px;}
.blogcategory ul li a:hover{color: #F7B32B;}
.blogarea h2, .blogarea h3, .blogarea h4, .blogarea h5, .blogarea h6{font-weight:bold;margin:20px 0px;}
.blogarea p{font-size:18px;}
.blogarea span{color: #000000;font-size:16px !important;}
.blogarea ul li, .blogarea ol li{font-size:18px;padding: 8px 0px;line-height: 30px;}
.blogarea img{width:100%;margin:20px 0px;border: 1px solid #dee2e6;}

/*---------Events Css --------- */
.medeventsdiv a:hover{text-decoration: none;}
.medevents{background: rgba(0, 0, 0, 0.04);cursor:pointer;height: 320px;}
.medevents:hover{background: #000000;}
.medevents p{color:#000000;}
.medevents:hover p{color:#ffffff;}
.medevents p.text-app{color:#000000;}
.medevents:hover p.text-app{color:#F7B32B;}
.venuedetails{height:45px;overflow-y:scroll;}
.medevents:hover span , .medevents:hover .title{color: #F7B32B !important;}

/*--------- Tesimonial Css --------- */
.testimoimg{width: 75px;height: 75px;border-radius: 50%;}
.paginationcss .page-link {position: relative;display: block;padding: 15px 20px;line-height: 1.25;color: #121212;background-color: #fff;border: 1px solid #dee2e6;border-radius: 50%;margin-right: 16px;}
.page-item:first-child .page-link {border-radius: 50%;}
.paginationcss  .page-item:last-child .page-link {border-radius: 50%;}
.paginationcss .page-item.active .page-link {color: #000000;background-color: #F7B32B;border-color: #dee2e6;}


/*--------- Faq's Css --------- */
.faqsection a, .faqsection .text-link {color: #FFFFFF;}
.faqsection a:hover, .faqsection .text-link:hover {text-decoration: none;}

/*--------- video Gallery Css --------- */
.vedioimg{position:relative;}
.videogallery{position: absolute;top: 0;bottom: 0;left: 0;right: 0;padding:15px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);}
.vgallery .btnandtitle{position:absolute;bottom: 20px;}
.playbtnimg{position:absolute;left: 40%;top: 36%;width:130px;}
.playbtnimgvideo1{left: 75px;}

/*--------- Owl-Carousel Css --------- */
.owl-item a:hover{text-decoration: none;}
.owl-theme .owl-controls .owl-page span {background: #F7B32B;}
.owl-buttons{position: absolute;right: 74px;top: -70px;}
.owl-controls .owl-page, .owl-controls .owl-buttons div {cursor: pointer;background: #000000!important;width: 50px;}
.owl-controls .owl-page{background: transparent !important;width: 20px !important;}

/*--------- Contact Us and Write a Review Css ---------*/
.contactusform ::placeholder {color: #000000;font-size:18px;}
.contactusform{background: #F8FCFF;}
.contactusform .form-control{background: rgba(0, 0, 254, 0.04);padding:25px 15px;border:1px solid #0A0CF4;    border-radius: 7px;}
.writereview .form-control{background: transparent;padding: 25px 15px;}
.writereviewtestimonial .form-control{border: 1px solid #000000;}
.writereview .form-control::placeholder {color: #000000;}
.wreviewp{padding: 10px 10px !important;height: 52px;}
.wreviewpeople{background: rgba(0, 0, 0, 0.04);height: 240px;}
.wrpeopleimg{width: 50px;height: 50px;}
.peoplereview{height: 125px;overflow-y: auto;}
.mobilecon{width: 60px;position: absolute;left: 0px;top: -12px;}

/*--------- Social media icons Css ---------*/
.bg-fb{background: #3b5998;}
.bg-twit{background: #00acee;}
.bg-link{background: #0072b1;}
.bg-whats{background: #25D366;}

/*--------- Book Appointgment Css ---------*/
.bookapmt .form-control{border: none;border-bottom: 1px solid #808080;border-radius: 0;box-shadow: none;}
.bookapmt .form-control::placeholder{font-size:14px !important;}
.bookapmt .form-control{padding-left:0px !important;}
.appointmentimg{position: absolute;right: -100px;}
.appointmentslotscontainer label{background: #eee;border-radius: 4px;padding: 2px 8px;float: left;color: #000000;border: 1px solid #727272;}
.appointmentslotscontainer label:hover{background:#0A0CF4;color:#FFFFFF;}
.appointmentslotscontainer div{width:178px;text-align:center;position:relative;font-size: 16px;}

/*--------- Speciality's Css ---------*/
.specialtick{    display: flex;
    align-items: center;}
.artdate{right: 0px;position: absolute;bottom: 22px;background: #F7B32B;padding: 10px 15px;}

/*--------- Gallery Css ---------*/
.albumcss{height: 100%;overflow: hidden;}
.allimgnums {position: absolute;bottom: 32px;right: 0;left: 0;color: white;font-size: 18px;font-weight: 600;background: #14131394;text-align: center;}

/*--------- iframe Css ---------*/
.mapvenue iframe{width:100%;}

/*--------- Submit btn Searchbar Css ---------*/
.subbtnsearch{right: 8px;top: 8px;border:none;background:transparent;z-index:1;padding:0px 12px;color:transparent;}


/*--------- Custotm style ScrollBar Css ---------*/
.cusscroll ::-webkit-scrollbar {width: 2px;}
.cusscroll ::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; }
.cusscroll ::-webkit-scrollbar-thumb {background: #F7B32B;  border-radius: 10px;}
.cusscroll ::-webkit-scrollbar-thumb:hover {background: #b30000; }


/*--------- Contact Us Css ---------*/
.c_row {display: flex;align-items: center;}
.c_row .c_icon {min-width:50px;height: 50px;vertical-align: middle;text-align: center;background: #F7B32B;border-radius: 50%;display: flex;justify-content: center; margin-right: 0.7em;}
.c_row .c_icon i {color: #000000;font-size: 24px;}
.contdetails .c_row .c_icon{align-items: center;}

.bookappfooter .c_row{align-items: start !important;}
.bookappfooter .c_row .c_icon {min-width:0px !important;height: 0px !important;}




/*--------- Footer Css ---------*/
footer p.footba::before{content: "";position: absolute;width: 420px;left: 0;height: 1px;background: #575757;top: 31px;}
footer p.footba::after{content: "";position: absolute;width: 420px;right: 0;height: 1px;background: #575757;top: 31px;}
.breadcrumb {border-radius: 0px;}

/*--------- Video Popup Css ---------*/
.video-block button.close {position: absolute;z-index: 999;background: #023047;color: #fff;padding: 10px;opacity: 1;right: 0;top: 0px;}

.text-red {color: red;}
.h-280{height:280px;object-fit:cover;}


/*--------- Responsive Css ---------*/
@media (max-width: 1200px) {
footer p.footba::before{display:none;}
footer p.footba::after{display:none;}
}  

@media (max-width: 1024px) {
.top_menu{display:none;}
.appointmentimg {display: none;}
.navbar{padding:20px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
}  

@media (max-width: 768px) {
.appointmentslotscontainer div {width: 250px;} 
.bookappempire{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
}

@media (max-width: 767px) {
/*COMMON CODE*/
.height-auto{height:auto !important;}
.mobpx-0{padding-left: 0px !important;padding-right: 0px !important;}
.mobd-none{display:none !important;}
.mobp-static{position: static !important;}
.mobpl-15{padding-left: 15px !important;}
.mobpl-0{padding-left: 0px !important;}
.mobpr-15{padding-right: 15px !important;}
.mobpx-15{padding-left: 15px !important;padding-right: 15px !important;}
.mobpx-0{padding-left: 0px !important;padding-right: 0px !important;}
.mobmx-0{margin-left: 0px !important;margin-right: 0px !important;}
.mobmr-15{margin-right: 15px !important;}
.mobtext-center{text-align: center !important;}
.mobw-100{width: 100% !important;}
.mobmy-5px{margin: 5px 0px !important;}   
.mobfs-24{font-size: 24px !important;}
.moblh-3{line-height: 3;}
.file-upload-input {
    width: 200px !important;
}
.bred_flex {flex-direction: column;}
.banner_txt h1 {
    font-size: 30px;
    width: 100%;
}
.docimgabouthome{
    position: static;
}
.medevents{height: auto;}
.whychoosevideo{position:relative !important;}
} 
@media (max-width: 475px) {
.banner_txt h1{font-size:30px;}
.banner_txt p{width:100%;}
} 

@media (max-width: 450px) {
.fs-65{font-size:40px !important;}
.fs-40{font-size:35px !important;}
.w-75{width:100% !important;}
.playbtnimg {width: 80px;}
.sideimg {display:none;}
.centext{text-align:center;}
.py-5{padding-top:10px !important; padding-bottom:10px !important;}
.pt-5{padding-top:10px !important;}
.owl-buttons {right: -4px;top: -38px;}
#testimonials_slider .owl-buttons {top: 0px;position: relative;}
.pt-3{padding-top: 0.5rem!important;}
.lh-60 {line-height: 52px;}
.mr-20{margin-right:0px !important;}
.w-250{width:200px;}
.navbar-brand.fs-30{font-size:26px !important;}
}  

@media (max-width: 375px) {
.navbar-brand.fs-30{font-size:20px !important;}
.fs-50 {font-size: 35px !important;}
.fs-40 {font-size: 28px !important;}
}  

@media (max-width: 325px) {
.docimgabout {width: 285px;height: 285px;}
.navbar-brand.fs-30{font-size:16px !important;}
}  






                                                  /*MY STYLING FOR THIS TEMPLATE*/
                                                  
                                                  
.navbar-nav .nav-link.active {
  color: #F7B32B !important;
}
.top-navbar-head.activescroll {
    background: #fff;
    padding: 12px 15px !important;
    box-shadow: rgba(139, 150, 153, .2) 0 5px 18px;
}
  nav.breadcrumb{
        position: relative;
        justify-content: flex-end;
    } 
    ol.breadcrumb {
        justify-content: flex-end;
        margin: 0px;
        padding: 0px;
    }
    .bred_flex {
        display: flex;
        justify-content: space-between;
    }
    .bred_flex h1 {
        font-size: 18px;
        margin-bottom: 0px;
    }
    
    .logoheading{
        /*font-family: "Poppins";*/
        font-weight: 800;
        font-size: 25px;
        color:#20355C;
    }
   /* Add this to your stylesheet or in a <style> block */
.navbar-nav .nav-link {
  position: relative;
  color: #20355C;
  text-decoration: none;
  transition: color 0.2s;
}

.navbar-nav .nav-link::after {
  content: '';
  position: absolute;
  left: 0;
  top: -8px; /* 👈 Line now appears at the top */
  width: 100%;
  height: 2.5px;
  background: #0087F8; /* Theme color */
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s cubic-bezier(0.47, 0, 0.745, 0.715);
  border-radius: 100px;
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after {
  transform: scaleX(1);
}

/*top bar*/

/* ============ TOP BAR (Elegant + Matching with Navbar) ============ */
.top_menu {
  background: #20355C; /* subtle light teal gradient */
  border-bottom: 1px solid rgba(1, 189, 178, 0.1);
  color: #20355C;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  position: relative;
  z-index: 1031;
}

/* Contact links (left side) */
.top_menu .top_left {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 8px 0;
}
.top_menu .top_left li {
  position: relative;
}
.top_menu .top_left li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background: rgba(32, 53, 92, 0.1);
}
.top_menu .top_left a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #20355C;
  transition: all 0.25s ease;
}
.top_menu .top_left i {
  color: #01BDB2;
  font-size: 14px;
  transition: all 0.3s ease;
}
.top_menu .top_left a:hover {
  color: #01BDB2;
  transform: translateY(-1px);
}
.top_menu .top_left a:hover i {
  color: #F7B32B;
  transform: scale(1.1);
}

/* Announcement (center) */
.top_menu marquee,
.top_menu .col-sm-4.text-center {
  color: #20355C;
  font-weight: 600;
  padding: 6px 0;
}
.top_menu marquee span {
  color: #01BDB2;
  font-weight: 700;
}
.top_menu marquee a:hover span {
  color: #F7B32B;
}

/* Social Icons (right side) */
.top_menu .top_right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.top_menu .top_right a {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #fff;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(1, 189, 178, 0.3);
}
.top_menu .top_right a:hover {
  background: #0087F8;
  color: #20355C;
  box-shadow: 0 3px 12px rgba(247, 179, 43, 0.35);
  transform: translateY(-2px);
}

/* Subtle hover for entire bar */
.top_menu:hover {
  box-shadow: 0 2px 12px rgba(139, 150, 153, 0.15);
}

/* Responsive layout */
@media (max-width: 991.98px) {
  .top_menu .top_left { flex-wrap: wrap; gap: 12px; justify-content: center; }
  .top_menu .top_right { justify-content: center; }
  .top_menu .row > div { text-align: center !important; }
}
.top_menu p, .top_menu a, .top_menu a span {
    color:white ;
    text-decoration: none;
    font-size:16px;
}
.fa-envelope:before{
    font-size:16px;
    color:#fff;
}
.fa-envelope:after{
    font-size:16px;
}
.fa-phone:before{
    font-size:16px;
    color:#fff;
}
.fa-phone:after{
    font-size:16px;
}
.top_menu .float-right a i {
    font-size: 16px;
    background: white;
    border-radius: 50%;
    color: #20355C;
    padding: initial;
    width: 25px;
    height: 25px;
    text-align: center;
    padding-top: 5px;
}



                                    /*bookappointment*/
                              
.bookappointmentheading{
    font-weight: 600;
    font-style: SemiBold;
    font-size: 26px;
    color:#FFFFFF;
    text-align:center;
}
.bookappointmentpara{
    font-weight: 400;
    font-style: Regular;
    font-size: 30px;
    leading-trim: NONE;
    text-align: center;
    color:#FFFFFF;
    text-align:center;
    padding-bottom:15px;
    }
/* Overlap the Book Appointment card onto the footer */
.book-on-footer{
  position: relative;
  z-index: 2;
  margin-bottom: -300px;           /* depth of overlap */
}

/* Rounded card look using your existing inline background */
.bapp-card{
  border-radius: 18px;
  padding: 50px 24px 60px;
  background-size: cover;         /* so the image fills the card */
  background-position: center;
  box-shadow: 0 10px 24px rgba(0,0,0,0.15);
  overflow: hidden;               /* clip to radius */
}

/* Give footer top space so content doesn't get covered by overlap */
footer.footer-stack{
  padding-top: 300px;             /* should be >= |margin-bottom| + card padding */
  border-top-left-radius: 35px;
  border-top-right-radius: 35px;
}

/* Optional tweak for small screens */
@media (max-width: 767.98px){
  .book-on-footer{ margin-bottom: -60px; }
  footer.footer-stack{ padding-top: 50px; }
  .bapp-card{ border-radius: 14px; padding: 24px 18px 26px; }
}

/* Keep your copyright divider look */
.footer-bottom{
  border-top: 1px solid rgba(255,255,255,0.2);
  color:#bebebe;
}
.bookappbtn {
  padding: 15px 33px !important;
  border-radius: 14px !important;
  font-size: 16px;
  font-weight: 600;
  background: #20355C;
  color: #fff;
 transition: 0.3s;
}
.bookappbtn:hover{
  background: #0087F8;
  color: #fff; 
  transform: translateY(-3px);
}





@keyframes subtlePulse {
  0% { transform: scale(1.03); }
  100% { transform: scale(1.05); }
}

/* ===== Responsiveness (adjust feel on mobile) ===== */
@media (max-width: 767.98px) {
  .bookappbtn {
    font-size: 15px;
    padding: 13px 26px !important;
    border-radius: 12px !important;
  }
  .bookappbtn:hover {
    transform: scale(1.02);
  }
}

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
                                       /*footer*/
                                       
                                       
 /* ===============================
   TYPOGRAPHY
=============================== */
.footer-menu-title {
  font-weight: 700;
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: 0%;
  transition: color 0.4s ease, transform 0.3s ease;
  position: relative;
  animation: fadeSlideUp 0.8s ease forwards;
}

.footericonh3 {
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 0%;
  color: #FFFFFF;
  transition: color 0.4s ease, transform 0.3s ease;
  position: relative;
  animation: fadeSlideUp 0.8s ease forwards;
}

.footerpara {
  font-weight: 300;
  font-size: 14px !important;
  color: #FFFFFF;
  line-height: 22px;
  letter-spacing: 0%;
  opacity: 0;
  animation: fadeInText 1s ease forwards 0.3s;
  transition: color 0.3s ease, transform 0.3s ease;
}

/* === Hover Effects on Headings and Paragraph === */
.footer-menu-title:hover,
.footericonh3:hover {
  color: #00b4ff;
  transform: translateY(-3px);
  text-shadow: 0 0 8px rgba(0, 180, 255, 0.6);
}

.footerpara:hover {
  color: #d0d5e1;
  transform: translateY(-2px);
}

/* ===============================
   GET IN TOUCH (RIGHT COLUMN)
=============================== */
.footer-contacts {
  margin: 0;
  padding: 0;
}

.contact-item {
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 20px;
  position: relative;
  transition: all 0.3s ease-in-out;
  transform: translateY(0);
  animation: fadeSlideUp 0.9s ease forwards;
}

.contact-item:hover {
  transform: translateY(-3px);
}

/* Icon animation */
.footer-contact-icon {
  display: inline-flex;
  width: 22px;
  justify-content: center;
  line-height: 1;
  margin-top: 4px;
  transition: transform 0.3s ease, color 0.3s ease;
}

.footer-contact-icon i {
  font-size: 16px;
  color: #ffffff;
  transition: color 0.3s ease, transform 0.3s ease;
}

.contact-item:hover .footer-contact-icon i {
  transform: scale(1.3) rotate(5deg);
  color: #00b4ff;
}

/* Text next to icon */
.contact-text {
  text-align: left;
}

.contact-label {
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 2px;
  transition: color 0.3s ease;
}

.contact-value {
  font-weight: 400;
  font-size: 16px;
  color: #d0d5e1;
  margin-top: 2px;
  transition: color 0.3s ease;
}

.contact-value a {
  color: #d0d5e1;
  text-decoration: none;
  position: relative;
  transition: color 0.3s ease;
}

.contact-value a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 2px;
  background: #00b4ff;
  transition: width 0.3s ease;
}

.contact-value a:hover {
  color: #ffffff;
}

.contact-value a:hover::after {
  width: 100%;
}

.contact-item:hover .contact-label {
  color: #00b4ff;
}

.contact-item:hover .contact-value {
  color: #ffffff;
}

.contact-item::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 0;
  height: 2px;
  background: #00b4ff;
  transition: width 0.4s ease;
  border-radius: 2px;
}

.contact-item:hover::before {
  width: 100%;
}

/* ===============================
   FORM (Subscribe Section)
=============================== */
.subscribe {
  opacity: 0;
  animation: fadeSlideUp 1s ease forwards 0.6s;
}

.subscribe input.form-control {
  transition: all 0.4s ease;
  border: 1px solid #ffffff;
  border-radius: 10px;
  background: #ffffff;
  color: #000 !important;
}

.subscribe input.form-control:focus {
  border-color: #00b4ff;
  box-shadow: 0 0 10px rgba(0, 180, 255, 0.6);
  transform: scale(1.02);
}

.subscribe .btnprimary {
  background-color: #007bff;
  color: #fff;
  font-weight: 500;
  border-radius: 8px;
  padding: 8px 20px;
  border: none;
  margin-top: 12px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.subscribe .btnprimary::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  transition: all 0.6s ease;
}

.subscribe .btnprimary:hover::after {
  left: 100%;
}

.subscribe .btnprimary:hover {
  background-color: #00b4ff;
  transform: translateY(-2px);
  box-shadow: 0 0 12px rgba(0, 180, 255, 0.5);
}

/* ===============================
   ANIMATIONS KEYFRAMES
=============================== */
@keyframes fadeSlideUp {
  0% {
    opacity: 0;
    transform: translateY(15px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInText {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===============================
   RESPONSIVE TWEAKS
=============================== */
@media (max-width: 575.98px) {
  .contact-label {
    font-size: 18px;
  }
  .contact-value {
    font-size: 15px;
  }
  .contact-item {
    margin-bottom: 16px;
  }
}
.link{
    font-weight: 300;
    font-style: Medium;
    font-size: 24px;
    letter-spacing: 0%;
    line-height:40px;
}
/* ===== Copyright Section ===== */
.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.2); /* thin soft line */
  padding-top: 20px;
  margin-top: 40px;
  color: #bebebe;
  background-color: transparent;
  text-align: center;
  animation: fadeSlideUp 0.9s ease forwards;
}

.footer-bottom p {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: #bebebe;
}

.footer-bottom a {
  color: #bebebe;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-bottom a:hover {
  color: #ffffff;
}

/* Optional subtle fade animation (matches your footer scroll effect) */
@keyframes fadeSlideUp {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


/*about*/
/* --- About (Responsive, aligned for desktop/tablet/mobile) --- */
:root{
  --about-blue: #2196f3;
  --cardW: clamp(280px, 42vw, 410px);
  --thumbW: clamp(130px, 24vw, 215px);
  --statsW: clamp(220px, 36vw, 368px);
  --radius-lg: 14px;
}

/* Wrapper */
.about-visual-block{
  width: var(--cardW);
  margin: 0 auto;
  position: relative;
  padding: clamp(16px, 3vw, 30px) 0;
  overflow: visible;
}

/* Main cluster */
.about-main-center{
  position: relative;
  display: grid;
  place-items: center;
}

/* Main image keeps aspect & cover */
.about-img-main{
  width: 100%;
  height:500px;
  aspect-ratio: 4 / 3;
  border-radius: var(--radius-lg);
  object-fit: cover;
  box-shadow: 0 3px 30px rgba(0,0,0,.09);
  display: block;
}

/* Thumbnail (overlaps on md+, stacks on sm) */
.about-img-thumb-wrap{
  position: absolute;
  left: -55px;
  bottom: -32px;
  width: var(--thumbW);
  aspect-ratio: 1 / 0.91; /* ~215x196 */
  z-index: 2;
  box-shadow: 0 2px 18px rgba(0,0,0,.13);
  border-radius: 11px;
  overflow: hidden;
  background: #fff;
  border: 7px solid #fff;
  display: grid;
  place-items: center;
}
.about-img-thumb{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Stats card (overlaps on md+, stacks on sm) */
.about-stats-right{
  position: absolute;
  right: -33px;
  bottom: -61px;
  width: var(--statsW);
  min-height: clamp(120px, 12vw, 166px);
  border-radius: 0 7px 43px 7px;
  background: var(--about-blue);
  box-shadow: 0 2px 14px rgba(0,0,0,.08);
  display: flex;
  align-items: center;
  z-index: 1;
}
.about-stats-content{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 14px 17px 14px 93px;
}
.about-stats-years{
  color: #fff;
  text-align: center;
  line-height: 1.1;
  min-width: 58px;
}
.about-stats-years-value{
  display: block;
  font-size: 23px;
  font-weight: 600;
  padding-bottom:10px;
}
.about-stats-years span{
  display: block;
  font-size: 23px;
  font-weight: 600;
  margin-top: 2px;
  color:#fff !important;
}
.about-stats-divider{
  border-left: 3px solid #fff;
  height: 65px;
  margin: 0 6px;
}
.about-stats-label{
  color: #fff;
  font-size: clamp(14px, 1.2vw, 16px);
  font-weight: 600;
  text-align: left;
  min-width: 90px;
}
.about-stats-label span{ color:#fff !important; line-height: 1.4;font-size:20px;font-weight:600; }

/* Typography (clamped for all devices) */
.aboutustitle{
  font-weight: 700;
  font-size: 28px;
  color:#20355C !important;
}
.aboutusheading{
  font-weight: 500;
  font-size: 30px;
  line-height: 1.35;
  color:#0087F8;
}
.aboutuspara p{
  font-weight: 400;
  font-size: 15px;
  color:#20355C;
  letter-spacing:1px;
  word-spacing: 2px;
}

/* ----- Breakpoints ----- */

/* <= 767px: mobile - stack everything; remove overlaps */
@media (max-width: 767.98px){
  .about-visual-block{ width: min(92vw, 420px); padding: 18px 0; }
  .about-img-main{ aspect-ratio: 4 / 3; }

  .about-img-thumb-wrap{
    position: static;
    width: min(70%, 280px);
    margin-top: 14px;
    transform: none;
  }
  .about-stats-right{
    position: static;
    width: 100%;
    border-radius: 14px;
    margin-top: 14px;
    justify-content: center;
  }
  .about-stats-content{
    justify-content: center;
    padding: 12px 14px;
  }
  .about-stats-divider{ height: 28px; margin: 0 10px; }
}

/* 768–991px: tablet portrait - soft overlaps using translate; no negative overflow */
@media (min-width: 768px) and (max-width: 991.98px){
  .about-visual-block{ width: min(90vw, 520px); padding: 24px 0; }
  .about-img-main{ aspect-ratio: 16 / 11; }

  .about-img-thumb-wrap{
    left: 0;
    bottom: 0;
    transform: translate(-18%, 30%);
    width: clamp(150px, 26vw, 220px);
  }
  .about-stats-right{
    right: 0;
    bottom: 0;
    transform: translate(18%, 40%);
    width: clamp(240px, 45vw, 340px);
    min-height: clamp(110px, 16vw, 150px);
    border-radius: 10px 10px 26px 10px;
  }
  .about-stats-content{ padding: 12px; gap: 10px; }
}

/* 992–1199px: tablet landscape / small desktop - use lighter offsets */
@media (min-width: 992px) and (max-width: 1199.98px){
  .about-visual-block{ width: clamp(360px, 40vw, 430px); }
  .about-img-thumb-wrap{ left: -36px; bottom: -26px; }
  .about-stats-right{ right: -22px; bottom: -42px; width: clamp(260px, 34vw, 340px); }
}

/* >= 1200px: desktop - original intent with safe bounds */
@media (min-width: 1200px){
  .about-visual-block{ width: var(--cardW); }
  .about-img-thumb-wrap{ left: -55px; bottom: -32px; }
  .about-stats-right{ right: -33px; bottom: -61px; width: var(--statsW); }
}

/* Utility tweaks */
.row.g-4{ --bs-gutter-x: 1.5rem; --bs-gutter-y: 1.5rem; }





                                             /*services*/
                                             
                                             
.servicesheading{
    font-weight: 600;
    font-style: SemiBold;
    font-size: 26px;
    color:#FFFFFF !important;
    text-align:center;
}
.servicespara{
    font-weight: 500;
    font-style: Medium;
    font-size: 30px;
    color:#FFFFFF !important;
    text-align:center;
}
.services-card{
    border:1px solid #fff;
}
.services-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.service-card {
  display: flex;
  align-items: center;
  justify-content: center;
}

.services-card{
  width: 272px;
  height: 200px;
  padding: 44px 28px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.30);
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  box-shadow: 0 2px 0 rgba(0,0,0,0.02), inset 0 1px 0 rgba(255,255,255,0.06);
  display: flex;
  flex-direction: column;
  gap: 14px;
  text-align: center;
}

.services-card h3 { margin-top: 4px; margin-bottom: 0; color: #FFFFFF; line-height: 1.2; }

.services-card .card-img{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
}

.services-card .card-img img{
  width: 56px !important;
  height: 56px !important;
  object-fit: contain !important;
  display: inline-block;
}

/* clickable state */
.services-card.is-clickable{ cursor: pointer; }
.services-card.is-clickable:hover{
  border-color: rgba(255,255,255,0.5);
  box-shadow: 0 4px 14px rgba(0,0,0,0.12), inset 0 1px 0 rgba(255,255,255,0.08);
  background:transparent;
}

/* grid centering when not using slider */
.row.gx-4.gy-4 > [class*="col-"]{ display:flex; }

/* owl centering kept intact */
.owl_slider .owl-stage{ display:flex !important; align-items:stretch !important; justify-content:center !important; }
.owl_slider .owl-item{ display:flex; justify-content:center; }

/* keep your existing heading styles (spacing tweaks only) */
.servicesheading{ margin-bottom: 13px; }
.servicespara{ margin-bottom: 32px; }

@media (max-width: 576px){
  .services-card{ width: 100%; max-width: 360px; height: 190px; }
}


                                  /*servives inner page*/
                                  
   .service-card-link,
.service-card-link * {
    text-decoration: none !important;
}
                               
/* === Fade Up Animation for Cards === */
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-up {
  opacity: 0;
  animation: fadeUp 0.8s ease forwards;
}

/* stagger each card slightly via inline delay */
.srv-card {
  animation-delay: var(--delay, 0s);
}

/* Add subtle scale on hover for more depth */
.srv-card:hover {
  transform: translateY(-6px) scale(1.03);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.fade-up { opacity: 0; transform: translateY(40px); transition: all 0.8s ease; }
.fade-up.animate { opacity: 1; transform: translateY(0); }
/* light section bg like departments */
.srv-section{
  background-color: #f7faff;
}

/* container row side padding similar to departments */
.srv-rowmargin{
  margin: 0 50px;
}
@media (max-width: 992px){
  .srv-rowmargin{ margin: 0; }
}
@media (max-width: 576px){
  .srv-rowmargin{ margin: 0; }
}

/* Card box (transform existing .service-card into the styled card) */
.srv-card{
  /* turn the old row layout into centered column */
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  width: 272px;
  height: 215px;
  background-color: #ffffff;
  border: 1.5px solid #007bff;
  border-radius: 12px;
  transition: all 0.3s ease;
  cursor: pointer;

  /* remove inline gap if present */
  gap: 0 !important;
  padding: 20px 16px;
  text-align: center;
}

/* Card hover like departments */
.srv-card:hover{
  background-color: #0087F8;
  border-color: #007bff;
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.08);
}

/* Reorder content so title is above icon (without changing PHP) */
.srv-card .card-text{ order: 1; width: 100%; }
.srv-card .card-img{ order: 2; width: 100%; display: flex; justify-content: center; }

/* Icon sizing (override w-100/height from markup) */
.srv-card .docimg{
  width: 48px !important;
  height: 48px !important;
  object-fit: contain !important;
}

/* Icon turns white on hover */
.srv-card:hover .docimg{
  filter: brightness(0) invert(1);
}

/* Title (h3) – blue before hover, white after; no underline ever */
.srv-title{
  color: #0087F8 !important;
  font-weight: 700; /* matches your dept look */
  margin-bottom: 10px;
  transition: color 0.3s ease;
}
.srv_a,
.srv-title a,
.srv-title a:link,
.srv-title a:visited,
.srv-title a:hover,
.srv-title a:focus{
  color: inherit !important;
  text-decoration: none !important;
  outline: none !important;
  border: none !important;
}

/* On card hover, title turns white */
.srv-card:hover .srv-title,
.srv-card:hover .srv-title a{
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Optional: hide description and 'Read More' to match department compact card.
   Remove these rules if you want them visible. */
.srv-desc{ display: none; }
.srv-read{ display: none; }

/* Responsive sizes similar to departments */
@media (max-width: 992px){
  .srv-card{ width: 220px; height: 160px; }
}
@media (max-width: 576px){
  .srv-card{ width: 100%; max-width: 320px; }
}


/*services info*/
.services-info-page { background:#f7faff; }
.services-info-mainrow { margin-top:8px; }
.services-info-aside-item,
.services-info-aside-item * {
    text-decoration: none !important;
}

/* Breadcrumb */
.services-info-breadcrumb { display:flex; align-items:center; gap:8px; margin-bottom:14px; }
.services-info-heading { font-size:20px; font-weight:700; color:#20355C; }
.services-info-breadcrumb-sep { font-size:20px; color:#555; }
.services-info-title { font-size:20px; font-weight:700; color:#0087F8; }

/* Hero */
.services-info-heroimg {
  border-radius:12px;
  border:2px solid #cfe5ff;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  object-fit:cover;
}

/* Text content */
.services-info-intro { color:#4b5563; }
.services-info-bodycopy { color:#475569; line-height:1.7; }

/* Bullets */
.services-info-bodycopy ul { padding-left:20px; margin:10px 0 18px; }
.services-info-bodycopy ul li {
  list-style:none; margin:6px 0; position:relative; padding-left:16px;
  color:#364152;
}
.services-info-bodycopy ul li::before {
  content:''; width:6px; height:6px; background:#0ea5e9; border-radius:50%;
  position:absolute; left:0; top:10px;
}

/* CTA */
.services-info-ctaimg { margin-top:16px; border-radius:10px; border:1px solid #e5efff; }

/* Sidebar cards */
.services-info-aside-card {
  background:#fff; border:1px solid #e3eeff; border-radius:12px;
  padding:16px; box-shadow:0 4px 14px rgba(17,24,39,.04);
}
.services-info-aside-title { font-size:16px; font-weight:700; margin-bottom:10px;color:#20355C; }

/* Other Services */
.services-info-aside-list { display:flex; flex-direction:column; gap:10px; }
.services-info-aside-item {
  display:grid; grid-template-columns:36px 1fr 16px; align-items:center;
  gap:10px; padding:10px 12px;
  border:1px solid #cfe5ff; border-radius:10px; background:#f9fbff;
  text-decoration:none; transition:0.25s;
}
.services-info-aside-item:hover {
  background:#eaf3ff; border-color:#9fd0ff; transform:translateY(-2px);
}
.services-info-aside-icon img { width:24px; height:24px; object-fit:contain; }
.services-info-aside-label { color:#0087F8; font-weight:600; }
.services-info-aside-chevron { color:#9fb7db; font-size:20px; }

/* Working Hours */
.services-info-hours-table { display:flex; flex-direction:column; gap:8px; }
.services-info-hours-row {
  display:grid; grid-template-columns:1fr auto;
  border-bottom:1px dashed #e1ecff;
  padding:8px 10px;
}
.services-info-hours-row:last-child { border-bottom:0; }
.services-info-hours-day { color:#20355C !important; font-weight:600; }
.services-info-hours-time { color:#0087F8; font-weight:600; }

/* More Services */
.services-info-mini {
  display:block; background:#fff; border:1px solid #e3eeff; border-radius:12px;
  text-decoration:none; overflow:hidden; transition:0.25s;
}
.services-info-mini:hover { transform:translateY(-4px); box-shadow:0 8px 18px rgba(0,0,0,.06); }
.services-info-mini-img img { height:160px; object-fit:cover; }
.services-info-mini-body { padding:12px 14px; }
.services-info-mini-title { font-size:16px; color:#0b69ff; font-weight:700; }
.services-info-mini-desc { font-size:13px; color:#4b5563; }



/*why to choose*/


.choosetickbefore ul , .specialtick ul{list-style:none !important;}
.choosetickbefore ul li{color:#000000;position:relative;margin-top:20px;}
.choosetickbefore ul li::before {content: url('https://hhcldoctorsites.com/assets/img/tickmark.png');margin-right:15px;position:absolute;left: -40px;}


/* ——— Section look/feel to match reference ——— */
.primary_section.service {
  background: #f4f9ff;           /* very light blue bg like the mock */
}
.primary_section.service .aboutustitle {
  color: #273044;
  font-weight: 700;
  text-align: center;
}
.primary_section.service .text-app {
  color: #2b7de9;                /* headline blue */
}

/* ——— Right side: universal wrapper ——— */
/*.primary_section.service .choosetickbefore {*/
/*  display: grid;*/
/*  gap: 18px;*/
/*  margin-top: 18px;*/
/*}*/

/* Reset UL so we control spacing */
.primary_section.service .choosetickbefore ul {
  list-style: none !important;
  padding: 0;
  margin: 0;
}

/* Make BOTH <li> and <p> render as cards */
.primary_section.service .choosetickbefore ul li,
.primary_section.service .choosetickbefore > p {
  position: relative;
  margin: 0;                     /* handled by grid gap */
  padding: 38px 20px 38px 100px;  /* room for the icon */
  background: #0087F866;           /* card blue */
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(27, 73, 151, 0.08);
  color: #20355C;
  font-weight: 500;
  line-height: 1.35;
  margin:0px 0px 20px 0px;
  font-size:23px;
}

/* Hover micro-interaction */
.primary_section.service .choosetickbefore ul li:hover,
.primary_section.service .choosetickbefore > p:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(27, 73, 151, 0.12);
}

/* Icon bubble (works for both <li> and <p>) */
.primary_section.service .choosetickbefore ul li::before,
.primary_section.service .choosetickbefore > p::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
  background-image: url('https://hhcldoctorsites.com/assets/img/tickmark.png'); /* your existing icon */
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 22px;
}

/* If you ever place an <i> or <img> inside the text, keep layout tidy */
.primary_section.service .choosetickbefore i,
.primary_section.service .choosetickbefore img.icon {
  margin-right: 6px;
  vertical-align: -2px;
}

/* Left media column tidy */
.primary_section.service .image-fluid {
  border-radius: 14px;
  object-fit: cover;
}

/* Responsive padding adjustments for the right column */
@media (max-width: 991.98px) {
  .primary_section.service .col-md-6.p-5 { padding: 1.25rem !important; }
}



/*statistics in about us page*/

/* Band background + spacing */
.stats-band {
  background: #2f4060;                /* dark blue background */
  padding-top: 75px;
  padding-bottom: 75px;
}

/* Row alignment */
.stats-row {
  margin-left: 0;
  margin-right: 0;
  row-gap: 24px;
  text-align: center;
}

/* Each stat block */
.stat-card {
  padding-left: 8px;
  padding-right: 8px;
}

/* Remove the separator line */
.stat-card::after {
  display: none !important;
}

/* Numbers */
.stat-value {
  color: #ffffff;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.1;
  margin: 0 0 6px 0;
}

/* Labels */
.stat-label {
  color: #e6eef9;
  font-weight: 500;
  font-size: 20px;
  margin: 0;
}

/* Responsive typography */
@media (max-width: 767.98px) {
  .stat-value { font-size: 28px; }
  .stat-label { font-size: 16px; }
}


/*vission and mission in about us page*/












/*values in about us page*/

/* ===== Our Values (exact like mock) ===== */
.values-section{
  background:#F4FAFF;        /* page tint */
  padding:72px 0;            /* vertical breathing */
}

.values-title{
  text-align:center;
  font-weight:800;
  font-size:28px;
  line-height:1.2;
  color:#243447;
  margin:0 0 56px;
}

/* 4 equal cards with precise gap */
.values-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:65px;                  /* matches visual spacing */
}

/* base card box (equal width/height) */
.value-card{
  background:#fff;
  height:180px;              /* equal height */
  border-radius:24px;
  box-shadow:0 10px 28px rgba(18,64,143,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;           /* keep skew edges clean */
  transition:transform .22s ease, box-shadow .22s ease;
}

/* alternating bend */
.value-left {  transform:skewX(-12deg); border-top-right-radius:11px; border-bottom-right-radius:11px;border-bottom-left-radius:11px; border-top-left-radius:11px; }
.value-right{  transform:skewX( 12deg); border-top-right-radius:11px; border-bottom-right-radius:11px;border-bottom-left-radius:11px; border-top-left-radius:11px;  }

/* keep content upright + vertical stack (icon up, label down) */
.value-inner{
  transform:skewX(12deg);    /* cancels .value-left skew */
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  text-align:center;
}
.value-right .value-inner{ transform:skewX(-12deg); } /* cancels right skew */

/* icon puck size & tone exactly like mock */
.value-icon{
  width:64px;
  height:64px;
  border-radius:50%;
  background:#E8F2FF;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* label */
.value-label{
  font-size:18px;
  font-weight:700;
  color:#253B5C;
  line-height:1;
}

/* hover (subtle) */
.value-card:hover{
  box-shadow:0 14px 34px rgba(18,64,143,.16);
  transform:translateY(-3px) skewX(var(--sk, 0));
}
.value-left:hover  { --sk:-12deg; }
.value-right:hover { --sk: 12deg; }

/* ===== Responsive tweaks ===== */

/* Large laptops / small desktops */
@media (max-width: 1199px) {
  .values-grid{
    grid-template-columns: repeat(3, 1fr);
    gap: 48px;
  }
  .value-card{ height: 170px; }
}

/* Tablets */
@media (max-width: 991px) {
  .values-section{ padding: 60px 0; }
  .values-title{
    font-size: 26px;
    margin-bottom: 30px;
  }
  .values-grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
  .value-card{ height: 165px; }
  .value-icon{ width: 60px; height: 60px; }
  .value-label{ font-size: 17px; }
}

/* Large phones / small tablets */
@media (max-width: 767px) {
  .values-section{ padding: 48px 0; }
  .values-grid{
    gap: 24px;
  }
  .value-card{ height: 158px; }
  .value-icon{ width: 58px; height: 58px; }
}

/* Phones */
@media (max-width: 575px) {
  .values-title{
    font-size: 24px;
    margin-bottom: 24px;
  }
  .values-grid{
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .value-card{ height: 150px; }
  .value-icon{ width: 54px; height: 54px; }
  .value-label{ font-size: 16px; }
}

/* Tiny devices */
@media (max-width: 360px) {
  .value-card{ height: 144px; }
  .value-icon{ width: 50px; height: 50px; }
  .value-label{ font-size: 15px; }
}

/* Motion-safe hover on mobile */
@media (hover: none) {
  .value-card:hover{
    transform: skewX(var(--sk, 0)); /* no lift on touch */
    box-shadow: 0 10px 28px rgba(18,64,143,.10);
  }
}

/* Accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .value-card{
    transition: none;
  }
}



/*FAQ*/


/* =======================
   MODERN FAQ DESIGN - RIGHT ICON
======================= */
.faq-content p{
font-size: 16px;
color:#20355C !important;
}
.faqsection-animated {
  background: linear-gradient(180deg, #f9fbff 0%, #eef5ff 100%);
  position: relative;
  overflow: hidden;
}

.fancy-title {
  font-weight: 800;
  letter-spacing: 0.5px;
  position: relative;
}
.fancy-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  background: linear-gradient(90deg, #007bff, #00c4ff);
  margin: 12px auto 0;
  border-radius: 10px;
}

.faq-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.faq-item {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
  overflow: hidden;
  transition: all 0.4s ease;
}

.faq-item:hover {
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
  transform: translateY(-2px);
}

.faq-item.active {
  border-left: 4px solid #007bff;
  background: linear-gradient(135deg, #ffffff, #f7faff);
}

.faq-question {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 25px;
  cursor: pointer;
}

.faq-title {
  font-weight: 600;
  font-size: 18px;
  color: #20355C !important;
  flex: 1;
  padding-right: 45px; /* leave space for icon */
  transition: color 0.3s ease;
}

.faq-item.active .faq-title {
  color: #0087F8 !important;
}

.faq-icon {
  position: absolute;
  right: 25px;
  top: 50%;
  width: 22px;
  height: 22px;
  transform: translateY(-50%);
}

.faq-icon .line {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background: #007bff;
  border-radius: 2px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}

.faq-icon .plus-line {
  transform: translate(-50%, -50%) rotate(90deg);
}

.faq-item.active .faq-icon .plus-line {
  transform: translate(-50%, -50%) rotate(0deg);
  opacity: 0;
}

.faq-item.active .faq-icon .minus-line {
  opacity: 1;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-10px) scale(0.98);
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.faq-answer.open {
  max-height: 500px;
  opacity: 1;
  transform: translateY(0) scale(1);
}

.faq-content {
  padding: 0 25px 22px;
  font-size: 16px;
  line-height: 1.7;
  color: #333;
}

/* Hover underline link */
.hover-underline {
  position: relative;
  color: #007bff;
  text-decoration: none;
}
.hover-underline::after {
  content: "";
  position: absolute;
  left: 0; bottom: -3px;
  width: 100%;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
.hover-underline:hover::after {
  transform: scaleX(1);
}

.faqtitle{
    font-weight: 700;
    font-style: Bold;
    font-size: 36px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color:#2E3A59;
}
.faqpara h3{
    font-weight: 500;
    font-style: Medium;
    font-size: 12px !important;
    letter-spacing: 0%;
    color:#0087F8 !important;
}





/*Department*/
/* center the grid/slider content like the mock */
.departments-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
}

/* card look & sizing — same as Services but department-specific classes */
.departments-card{
  width: 272px;
  height: 200px;
  padding: 24px 28px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.30);
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  box-shadow: 0 2px 0 rgba(0,0,0,0.02), inset 0 1px 0 rgba(255,255,255,0.06);
  display: flex;
  flex-direction: column;
  gap: 14px;
  text-align: center;
}

/* title spacing only; typography stays yours */
.departments-card h3{ margin-top: 4px; margin-bottom: 0; color:#fff; line-height:1.2; }

/* icon area */
.dept-card-img{
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:6px;
}

/* normalize department image to act like an icon */
.dept-card-img .dept-img,
.dept-img{
  width: 56px !important;
  height: 56px !important;
  object-fit: contain !important;
  display: inline-block;
}

/* make the whole card feel clickable (without breaking existing links) */
.departments-card.is-clickable{ cursor: pointer; }
.departments-card.is-clickable:hover{
  border-color: rgba(255,255,255,0.5);
  box-shadow: 0 4px 14px rgba(0,0,0,0.12), inset 0 1px 0 rgba(255,255,255,0.08);
  background:transparent;
}

/* when not using slider, keep columns equal & centered */
.row.gx-4.gy-4 > [class*="col-"]{ display:flex; }

/* owl centering for departments slider only */
#departments_slider .owl-stage{
  display:flex !important;
  align-items:stretch !important;
  justify-content:center !important;
}
#departments_slider .owl-item{
  display:flex;
  justify-content:center;
}

/* responsive adjustments */
@media (max-width: 576px){
  .departments-card{ width:100%; max-width:360px; height:190px; }
}




/*departments inner page*/

/* background */
.dept-section {
  background-color: #f7faff;
}

/* headings */
.dept-heading {
font-weight: 700;
font-style: SemiBold;
font-size: 26px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
color:#20355C;
}

.dept-subheading {
  font-size: 16px;
  font-weight: 400;
  color: #555;
  margin-bottom: 30px;
}
.rowmargin{
    margin:0px 50px;
}

/* department card box */
.dept-card {
  width: 272px;
  height: 215px;
  background-color: #ffffff;
  border: 1.5px solid #007bff;
  border-radius: 12px;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.dept-card:hover {
  background-color: #0087F8;
  border-color: #007bff;
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.08);
}

/* h3 title inside a tag */
.dept-title {
  font-size: 18px;
  font-weight: 700;
  color: #0087F8 !important;
  margin-bottom: 12px;
  transition: color 0.3s ease;
  text-decoration:none !important;
}
.dept_a{
   text-decoration:none !important; 
}
/* completely remove underline from all anchor states inside h3 */
.dept-title a,
.dept-title a:link,
.dept-title a:visited,
.dept-title a:hover,
.dept-title a:focus,
.dept-title:hover a,
.dept-title:focus a {
  color: #fff !important;
  text-decoration: none !important;
  border: none !important;
  outline: none !important;
}

/* hover text color change */
.dept-card:hover .dept-title,
.dept-card:hover .dept-title a {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* icon styling */
.dept-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dept-img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  transition: filter 0.3s ease;
}

/* hover icon turns white */
.dept-card:hover .dept-img {
  filter: brightness(0) invert(1);
}

/* responsive */
@media (max-width: 992px) {
  .dept-card {
    width: 220px;
    height: 160px;
  }
  .rowmargin{
      margin:0;
  }
}

@media (max-width: 576px) {
  .dept-card {
    width: 100%;
    max-width: 320px;
  }
  .rowmargin{
      margin:0;
  }
}

/* === Fade Up Animation (same as services) === */
@keyframes fadeUp {
  0% { opacity: 0; transform: translateY(40px); }
  100% { opacity: 1; transform: translateY(0); }
}
.fade-up {
  opacity: 0;
  animation: fadeUp 0.8s ease forwards;
}

/* optional: slightly stronger hover depth to match motion */
.dept-card:hover {
  transform: translateY(-6px) scale(1.03);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
/* if using scroll-in, swap to class-based animation */
.fade-up { opacity: 0; transform: translateY(40px); transition: all 0.8s ease; }
.fade-up.animate { opacity: 1; transform: translateY(0); }



/*departments info page*/



/* ===== Dept Detail — Page Shell ===== */
.dept-detail { background: #f7faff; }
.dept-mainrow { margin-top: 8px; }

/* Headings + breadcrumb-ish link */
.dept-heading { font-size: 22px; font-weight: 700; color: #1a1a1a; }
.dept-crumb-link h3 { color: #0087F8; margin-left: 8px; }
.dept-crumb-link h3:hover { text-decoration: none; }

/* ===== Left: Main content ===== */
.dept-hero img{
  border-radius: 12px;
  border: 2px solid #cfe5ff;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  object-fit: cover;
}

.dept-title{
  color: #1a1a1a;
}

.dept-intro{
  color: #4b5563;
}

.dept-bodycopy{
  color: #475569;
  line-height: 1.7;
}

/* Consistent stylized bullets inside long text areas */
.dept-bodycopy ul,
.dept-bodycopy .fs-13 ul {
  padding-left: 20px;
  margin: 10px 0 18px;
}
.dept-bodycopy ul li{
  position: relative;
  list-style: none;
  margin: 6px 0;
  padding-left: 16px;
  color: #364152;
}
.dept-bodycopy ul li::before{
  content: "";
  width: 6px; height: 6px;
  background: #0ea5e9;
  border-radius: 50%;
  position: absolute; left: 0; top: 10px;
}

/* CTA banner/image under content */
.dept-ctaimg{
  border-radius: 10px;
  margin-top: 16px;
  border: 1px solid #e5efff;
}

/* ===== Right: Sidebar ===== */
.dept-aside .aside-card{
  background: #ffffff;
  border: 1px solid #e3eeff;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 4px 14px rgba(17, 24, 39, 0.04);
}

.aside-title{
  font-size: 16px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 10px;
}

/* Other Departments list */
.aside-list{ display: flex; flex-direction: column; gap: 10px; }

.aside-item{
  display: grid;
  grid-template-columns: 36px 1fr 16px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #cfe5ff;
  border-radius: 10px;
  text-decoration: none;
  background: #f9fbff;
  transition: background .25s ease, border-color .25s ease, transform .2s ease;
}
.aside-item:hover{
  background: #eaf3ff;
  border-color: #9fd0ff;
  transform: translateY(-2px);
}
.aside-icon img{ width: 24px; height: 24px; object-fit: contain; }
.aside-label{ color: #0b69ff; font-weight: 600; }
.aside-chevron{ color: #9fb7db; font-size: 20px; line-height: 1; }

/* Working Hours */
.hours-table{ display: flex; flex-direction: column; gap: 8px; }
.hours-row{
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 8px 10px;
  border-bottom: 1px dashed #e1ecff;
}
.hours-row:last-child{ border-bottom: 0; }
.hours-day{ color: #5b6b83; font-weight: 600; }
.hours-time{ color: #0b69ff; font-weight: 600; }

/* ===== More Departments (grid) ===== */
.dept-more .dept-mini{
  display: block;
  background: #fff;
  border: 1px solid #e3eeff;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .25s ease;
}
.dept-more .dept-mini:hover{
  transform: translateY(-4px);
  box-shadow: 0 8px 18px rgba(0,0,0,0.06);
}
.dept-mini-img img{
  height: 170px;
  object-fit: cover;
}
.dept-mini-body{ padding: 12px 14px; }
.dept-mini-title{ color: #0b69ff; }
.dept-mini-desc{ color: #4b5563; }

/* ===== Micro-interactions / details ===== */
.dept-crumb-link h3,
.dept-mini-title,
.aside-label{
  text-decoration: none !important;
}

/* Responsive polish */
@media (max-width: 991px){
  .dept-mainrow { row-gap: 24px; }
}
/* Breadcrumb Heading Style */
.dept-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

/* Left Title (Our Departments) */
.dept-breadcrumb .dept-heading {
  font-size: 20px;
  font-weight: 700;
  color: #20355C; /* strong black */
  margin: 0;
}

/* Separator (› icon) */
.dept-breadcrumb .breadcrumb-sep {
  font-size: 25px;
  color: #555; /* neutral grey */
  margin: 0 2px;
}

/* Right Title (Active Department) */
.dept-breadcrumb .dept-title {
  font-size: 20px;
  font-weight: 700;
  color: #0087F8; /* bright blue */
  margin: 0;
}

/* Responsive adjustment */
@media (max-width: 576px){
  .dept-breadcrumb .dept-heading,
  .dept-breadcrumb .dept-title {
    font-size: 18px;
  }
  .dept-breadcrumb .breadcrumb-sep {
    font-size: 14px;
  }
}




/*testimonials*/

/* Heading */
.testimonial_heading { font-size: 30px; letter-spacing: 0.2px; }
.testimonial_subheading { margin-top: 6px; opacity: 0.95; font-size: 15px; }

/* card wrapper */
.testimonial-card-wrap { display:flex; justify-content:center; padding: 18px 12px; }

/* card */
.testimonial-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(19,40,63,0.12);
    padding: 20px;
    display: flex;
    align-items: flex-start;
    max-width: 720px;
    width: 100%;
    gap: 18px;
}

/* left column (avatar) */
.testimonial-left-col { flex: 0 0 auto; }
.testimoimg {
    width:72px;
    height:72px;
    object-fit:cover;
    border-radius:50%;
    border:4px solid #fff;
    box-shadow: 0 4px 10px rgba(32,48,80,0.08);
}

/* right column (content) */
.testimonial-right-col { flex: 1 1 auto; display: flex; flex-direction: column; }

/* Header row: name+role on left, stars on right */
.testimonial-head-row {
    display:flex;
    align-items:flex-start;
    gap:12px;
}

/* name & role */
.name-role { display:flex; flex-direction:column; }
.tes-name {
    font-weight: 600;
    font-size: 24px;
    color:#20355C;
    }
.tes-role {
    color:#1ea1e6;
    font-size:13px;
    margin-top:4px;
}

/* stars alignment */
.testimonial-stars { display:flex; gap:6px; align-items:center; margin-left:8px;}
.star { font-size:30px; color:#d6e6f3; line-height:1; }
.star.filled { color:#1ea1e6; }

/* testimonial text — now placed below header and spans full width */
.testimonial-text {
    font-size:19px !important;
    margin-top: 12px;
    color:#20355C !important;
    word-break: break-word;
    width: 100%;
    font-weight:400;

}

/* when using row/columns (non-carousel) ensure spacing matches */
.testimonials-row .testimonial-card-wrap { padding-left:8px; padding-right:8px; }

/* responsive: stack on small screens */
@media (max-width: 767px) {
    .testimonial-card {
        flex-direction: row;
        padding: 16px;
    }
    .testimoimg { width:56px; height:56px; }
    .testimonial-card-wrap { padding: 10px 8px; }
}




                           /*star css*/
                           
                           
                           
.test_tot{
    padding:30px 35px;
    border-radius:10px;
}
.quotes {
    width: 60px;
    margin-bottom: 20px;
}
.test_cont{display:flex;gap: 18px;}
 
 
.testimonial-stars {
    display: inline-block;
}
 
.star {
    font-size: 27px;
    color: #0087F8 !important;
    margin-right: 2px;
    position: relative;
}
 
.star.full {
    color: #FFD700; /* Gold full star */
}
 
.star.half {
    background: linear-gradient(90deg, #FFD700 50%, #ccc 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
 
.star.empty {
    color: #ccc;
}
 
.rating-number {
    font-size: 16px;
    color: #20355C !important;
    margin-left: 6px;
}
.star.half {
    background: linear-gradient(90deg, #FFD700 50%, #ccc 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.9;
}
 



/*Blog*/


/* blog-cards.css - styles for the blog card layout */

:root{
  --bg: #eef6fb;
  --card-bg: #ffffff;
  --accent: #0888ff;
  --muted: #6b7280;
  --dark: #1f2a44;
  --pill-bg: linear-gradient(180deg,#0aa0ff,#0086e0);
  --card-radius: 12px;
  --soft-shadow: 0 6px 18px rgba(31,42,68,0.06);
}

.primary_section.blog_homepage {
  background: transparent;
}

/* Heading */
.bh-title {
  margin: 0 0 22px;
  font-size: 20px;
  font-weight: 700;
}
.view-all-link { color: var(--accent); text-decoration: none; font-weight: 600; }

/* Restore spacing between cards ALWAYS */
.cards-grid {
    gap: 22px !important;
}

/* For Bootstrap row layouts */
.cards-grid .col-sm-4,
.cards-grid .col-12 {
    padding-left: 11px !important;
    padding-right: 11px !important;
    margin-bottom: 22px !important;
}

/* For Owl Carousel items */
#blog_slider .card-blog {
    /*margin-right: 22px !important;*/
    height:500px !important;
}
#blog_slider .owl-stage {
    display: flex;
    gap: 22px;
}


/* In case owl-carousel provides different wrapper, these classes are the same layout */
#blog_slider.owl-carousel { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }

/* responsive */
@media (max-width: 980px) {
  .cards-grid, #blog_slider.owl-carousel { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 640px) {
  .cards-grid, #blog_slider.owl-carousel { grid-template-columns: 1fr; }
}

/* Card */
.card-blog {
  background: var(--card-bg);
  border-radius: var(--card-radius);
  padding: 18px;
  /*box-shadow: var(--soft-shadow);*/
  position: relative;
  overflow: visible;
  display: flex;
  flex-direction: column;
  min-height: 500px;
}

/* Date pill */
.date-row { display:flex; align-items:center; gap:10px; }
.date-pill {
  display:inline-flex;
  align-items:center;
  gap:10px;
  background: #0087F8;
  color: #fff;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  width: max-content;
  box-shadow: 0 6px 16px rgba(8,136,255,0.15);
}
.date-pill i { font-size:14px; }

/* Image */
.card-blog .blog-img { margin-top: 12px; }
.card-blog .blog-img img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  border-radius: 14px;
  display: block;
  background: #ddd;
  border: 0;
}

/* Content area */
.card-blog .content { padding-top: 16px; display:flex; flex-direction:column; gap:8px; flex:1; }
.category {
  font-size: 13px;
  color: var(--muted);
  margin-bottom: 6px;
  font-weight: 600;
}
.title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--dark);
  margin: 0;
}
.title a { 
    color: #0087F8; 
    text-decoration: none !important; 
    font-weight: 600;
    font-size: 18px;
    
}
.title a:hover { text-decoration: underline; }

/* Excerpt */
.excerpt {
    font-weight: 600;
    font-size: 16px;
    color:#20355C !important;
  margin: 8px 0 12px;
}

/* Divider */
.divider {
  height: 1px;
  background: linear-gradient(90deg, rgba(0,0,0,0.04), rgba(0,0,0,0.02));
  margin: 10px 0 12px;
}

/* CTA row */
.cta-row {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin-top:auto;
}

/* Circular CTA */
.cta-circle {
  width: 44px;
  height: 44px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: var(--accent);
  color: #fff;
  box-shadow: 0 6px 14px rgba(8,136,255,0.14);
  text-decoration: none;
  border: 0;
  font-size: 14px;
}
.cta-circle:hover { transform: translateY(-2px); transition: transform .15s ease;background:#20355C; }

/* Read more link */
.cta-secondary {
  display:inline-flex;
  align-items:center;
  gap:8px;
  color: #0087F8;
  text-decoration: none;
  font-weight: 400;
  font-size: 16px;
}

/* Variation: dark circle (if you want) */
.cta-circle.dark { background:#2f4056; box-shadow:none; }

/* Small tweaks for images and text overflow */
.card-blog .blog-img + .content { margin-top: 6px; }
.title { display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden; }
.excerpt { display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow:hidden; }

/* Make sure grid inside existing row (when not using owl) doesn't have extra gutters */
.row.cards-grid { margin-left: 0; margin-right: 0; }
.row.cards-grid > .col-sm-4 { padding-left: 0; padding-right: 0; }

/* Small utility: if using your theme's .container and fonts, these rules still work */



/* --- Hover & animation additions for blog-cards (drop into blog-cards.css) --- */

/* Smooth defaults */
.card-blog,
.card-blog .blog-img img,
.date-pill,
.cta-circle,
.cta-secondary,
.title,
.excerpt {
  transition: transform 240ms cubic-bezier(.2,.9,.3,1), 
              box-shadow 240ms cubic-bezier(.2,.9,.3,1),
              opacity 240ms ease,
              color 180ms ease;
  will-change: transform, box-shadow, opacity;
}

/* Card hover: lift + stronger shadow */
/*.card-blog {*/
/*  transform: translateZ(0);*/
/*  transition: transform 260ms cubic-bezier(.2,.9,.3,1), box-shadow 260ms cubic-bezier(.2,.9,.3,1);*/
/*}*/
.card-blog:hover,
.card-blog:focus-within {
  /*transform: translateY(-8px) scale(1.002);*/
  box-shadow: 0 18px 38px rgba(31,42,68,0.12), 0 6px 18px rgba(8,136,255,0.06);
}

/* Image subtle zoom on card hover and slightly lift */
.card-blog .blog-img img {
  transition: transform 480ms cubic-bezier(.22,.9,.3,1), filter 320ms ease;
  transform-origin: center center;
  backface-visibility: hidden;
}
.card-blog:hover .blog-img img,
.card-blog:focus-within .blog-img img {
  transform: scale(1.06) translateY(-2px);
  filter: contrast(1.02) saturate(1.03);
}

/* Date pill micro lift & glow on hover (also when card hovered) */
.date-pill {
  transition: transform 320ms cubic-bezier(.22,.9,.3,1), box-shadow 320ms ease, opacity 240ms ease;
  transform-origin: left center;
}
.card-blog:hover .date-pill,
.card-blog:focus-within .date-pill {
  transform: translateY(-6px) translateX(2px) scale(1.01);
  box-shadow: 0 10px 22px rgba(8,136,255,0.14);
}

/* CTA circle hover: rotate + scale + subtle shadow */
.cta-circle {
  transition: transform 260ms cubic-bezier(.2,.9,.3,1), box-shadow 260ms ease;
  transform-origin: center center;
}
.cta-circle:hover,
.cta-circle:focus {
  transform: rotate(-10deg) scale(1.08);
  box-shadow: 0 14px 26px rgba(8,136,255,0.16);
  background:#20355C;
  color:#fff;
}

/* CTA circle focus-visible for accessibility */
.cta-circle:focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px rgba(8,136,255,0.12), 0 14px 26px rgba(8,136,255,0.16);
  border-radius:50%;
}

/* Read more link: slide-in caret & underline animation */
.cta-secondary {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  overflow: visible;
}
.cta-secondary::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 2px;
  width: 0%;
  background: linear-gradient(90deg, rgba(8,136,255,0.95), rgba(8,136,255,0.6));
  transition: width 320ms cubic-bezier(.2,.9,.3,1);
  border-radius:2px;
}
.cta-secondary:hover::after,
.cta-secondary:focus::after,
.card-blog:hover .cta-secondary::after {
  width: calc(100% + 6px);
}

.cta-secondary:hover{
    color:#20355C !important;
}

/* Title & excerpt entrance micro-animation when card appears */
@keyframes fadeUp {
  from { transform: translateY(8px); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}
.card-blog .title,
.card-blog .excerpt {
  animation-duration: 420ms;
  animation-timing-function: cubic-bezier(.2,.9,.3,1);
  animation-fill-mode: both;
  opacity: 0;
  transform: translateY(6px);
}
.card-blog .title { animation-delay: 120ms; }
.card-blog .excerpt { animation-delay: 180ms; }

.card-blog.visible .title,
.card-blog.visible .excerpt,
.card-blog.inited .title,
.card-blog.inited .excerpt {
  animation-name: fadeUp;
  opacity: 1;
  transform: none;
}

/* Staggered hover for multiple cards: small delay to make interactions feel lively */
.cards-grid .card-blog:nth-child(1):hover { transition-delay: 0ms; }
.cards-grid .card-blog:nth-child(2):hover { transition-delay: 40ms; }
.cards-grid .card-blog:nth-child(3):hover { transition-delay: 80ms; }

/* Small floating pulse for CTA to draw attention (slow, optional) */
@keyframes pulseSlow {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.03); opacity: 0.96; }
  100% { transform: scale(1); opacity: 1; }
}
/* apply only when not interacting to avoid distracting users */
.card-blog .cta-circle:not(:hover):not(:focus) {
  animation: pulseSlow 6s ease-in-out infinite;
  animation-delay: 900ms;
}

/* Hover state for truncated text to expand slightly for legibility */
.card-blog:hover .title,
.card-blog:focus-within .title {
  -webkit-line-clamp: 3;
  max-height: none;
}

/* Reduce motion users: simplify animations */
@media (prefers-reduced-motion: reduce) {
  .card-blog,
  .card-blog .blog-img img,
  .date-pill,
  .cta-circle,
  .cta-secondary,
  .card-blog .title,
  .card-blog .excerpt {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }
  .card-blog { box-shadow: var(--soft-shadow); }
}

/* Ensure focusable elements remain keyboard-friendly */
.card-blog a { outline: none; }
.card-blog a:focus-visible { box-shadow: 0 0 0 4px rgba(8,136,255,0.12); border-radius:8px; }

/* Optional: if you initialize cards with JS, add .inited or .visible class to trigger entrance animation */
/* Example (JS): document.querySelectorAll('.card-blog').forEach((c,i)=>setTimeout(()=>c.classList.add('visible'), i*80)); */
/* ===== Fix: make content visible by default, animate only when .inited/.visible present ===== */

/* Reset any earlier rules that set title/excerpt hidden */
.card-blog .title,
.card-blog .excerpt {
  /* visible by default */
  opacity: 1;
  transform: none;
  animation: none;
  transition: none;
}

/* Keep the fadeUp animation but only run when the card has .inited or .visible */
@keyframes fadeUp {
  from { transform: translateY(8px); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}

/* When you want the entrance animation, add .inited or .visible via JS */
.card-blog.inited .title,
.card-blog.visible .title {
  animation-name: fadeUp;
  animation-duration: 420ms;
  animation-timing-function: cubic-bezier(.2,.9,.3,1);
  animation-fill-mode: both;
  animation-delay: 120ms;
}

.card-blog.inited .excerpt,
.card-blog.visible .excerpt {
  animation-name: fadeUp;
  animation-duration: 420ms;
  animation-timing-function: cubic-bezier(.2,.9,.3,1);
  animation-fill-mode: both;
  animation-delay: 180ms;
}

/* Keep reduced-motion respect */
@media (prefers-reduced-motion: reduce) {
  .card-blog.inited .title,
  .card-blog.visible .title,
  .card-blog.inited .excerpt,
  .card-blog.visible .excerpt {
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


/*bloginfo*/
.dept-titlee{
font-weight: 400;
font-style: Regular;
font-size: 17px;
color:#000000;
}
.dept-titlenav{
font-weight: 400;
font-size: 20px;
color:#0087F8;
}
.innerparabloginfo p{
    text-align: justify !important;
    font-weight: 400;
    font-style: Regular;
    font-size: 17px;
    color:#20355C !important;
}
.blog-share-icons {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-top: 40px;
}

.blog-share-icons a {
    width: 45px;
    height: 45px;
    background: #2d4b83; /* Same blue tone as your screenshot */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

.blog-share-icons a i {
    color: #ffffff;
    font-size: 18px;
}

.blog-share-icons a:hover {
    background: #1c315b;
}



                                    /*news*/

/* Section basics */
.news_homepage { background: #f4fbfe; padding-top: 36px; padding-bottom: 36px; }
.nh-section-title { font-size: 20px; color: #203246; font-weight: 700; margin-bottom: 32px; text-align:center; }

/* Each "item wrapper" ensures horizontal spacing between items (important for carousel) */
.news-item-wrap {
    padding: 0 14px;            /* space between carousel/grid items */
    box-sizing: border-box;
}

/* Card */
.news-single-card { width: 100%; height: 100%; display:block; }
.ns-link { text-decoration: none; color: inherit; display:block; }

/* Inner layout - keep overflow hidden to prevent image spillage */
.ns-inner {
    display: flex;
    align-items: stretch;
    border-radius: 12px;
    box-shadow: 0 8px 22px rgba(32,50,70,0.06);
    overflow: hidden;          /* ensure nothing spills out */
    background: transparent;
}

/* Left image column - fixed width so image can't grow into neighbour */
.ns-left {
    flex: 0 0 44%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    position: relative;
    z-index: 2;
    padding: 12px;
    box-sizing: border-box;
}

/* Image box fixes rounding and prevents overflow */
.ns-imgbox {
    width: 264px;
    height: 190px;             /* card image height */
    border-radius: 10px;
    overflow: hidden;
    box-sizing: border-box;
    background: #e9eef2;
}

/* image */
.ns-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    -webkit-backface-visibility: hidden;
}

/* Right content panel (white) */
.ns-right {
    flex: 1;
    background: #ffffff;
    padding:13px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    z-index: 1;
    height: 191px;
}

/* Right inner */
.ns-right-inner { width: 100%; }

/* Meta row */
.ns-meta {
    margin: 0 0 10px 0;
    display: flex;
    align-items: center;
}
.text-darkk { color: #1279d6; font-weight: 700; }
.ns-meta-date {
    font-weight: 700;
    font-size: 14px;
    color:#0087F8 !important;
}

/* Title */
.ns-title {
    font-weight: 600;
    font-size: 16px;
    color: #20355C !important;
    margin: 8px 0 12px;
}

/* CTA */
.ns-footer { display:flex; align-items:center; gap:12px; margin-top:auto; }
.ns-readtxt { color:#1279d6; font-weight:700; font-size:16px; }
.ns-svg { width:36px; height:36px; }

/* Ensure carousel .owl-item spacing is respected (if using Owl) */
.nh-carousel .owl-stage-outer { padding: 0 6px; }        /* small stage padding */
.nh-carousel .owl-item { box-sizing: border-box; padding: 0 6px; } /* spacing inside carousel */

/* Grid layout: make two items sit side-by-side without overlap */
.nh-grid .col-md-6 { display:flex; align-items:stretch; }

/* Make sure images and cards don't overlap on small screens */
@media (max-width: 991.98px) {
    .ns-inner { flex-direction: column; }
    .ns-left { flex: 0 0 auto; padding: 12px; }
    .ns-imgbox { height: 260px; }
    .ns-right { padding: 16px; }
    .ns-meta { justify-content: flex-start; }
}
@media (max-width: 576px) {
    .ns-imgbox { height: 200px; }
    .ns-title { font-size: 16px; }
    .ns-readtxt { font-size: 14px; }
}



/*news inner page*/
/* Remove underline on hover for all news text links */
.news_homepage .ns-link:hover,
.news_homepage .ns-link *,
.news_homepage a:hover,
.news_homepage a:focus {
    text-decoration: none !important;
}


/*news info page*/
.newsinfoshortcontent {
    font-weight: 600 !important;
    font-size: 22px;
    color:#20355C !important;
}
.innerparanewsinfo p{
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 20px;
letter-spacing: 0%;
vertical-align: middle;
color:#20355C !important;
}


/*contact us*/

/* Blue background */
.contact-info-new {
    background: #20355C;
    padding: 50px 0;
}

/* Wrapper Box */
.contact-box {
    margin-bottom: 20px;
}

/* ICON: white circle left */
.left-icon-circle {
    width: 65px;
    height: 65px;
    min-width: 65px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}

/* Icon color blue */
.left-icon-circle i {
    color: #007bff;
    font-size: 28px;
}

/* TEXT BLOCK */
.left-info-text {
    text-align: left;
}

/* Heading text */
.left-title {
    font-weight: 600;
    font-style: SemiBold;
    font-size: 22px;
    color: #ffffff;
    margin: 0;
}

/* Value text */
.left-value {
font-weight: 400;
font-size: 16px;
color:#FFFFFF;
}

/* Links */
.left-value a {
    font-weight: 300;
    font-size: 18px;
    color:#FFFFFF;
    text-decoration: none;
}
.left-value a:hover {
    text-decoration: underline;
}
.bapp-cardd{
  border-radius: 18px;
  padding: 50px 24px 60px;
  background-size: cover;         /* so the image fills the card */
  background-position: center;
  box-shadow: 0 10px 24px rgba(0,0,0,0.15);
  background:#fff;
  overflow: hidden;               /* clip to radius */
}
.secondcontactussection{
    margin:20px;
    border-radius:30px;
}

/* Responsive */
@media(max-width:768px){
    .contact-box {
        margin-bottom: 30px;
    }
}

/* WHITE CARD */
.contact-form-card {
    background: #ffffff;
    border-radius: 36px;
    padding: 40px 20px 0px 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.10);
}

/* LABEL */
.label-new {
font-weight: 400;
font-style: Regular;
font-size: 21px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
color:#20355C;
}

/* INPUT + TEXTAREA */
.input-new {
    height: 46px;
    border-radius: 15px;
    border: 1px solid #D1D5DB;
    font-size: 14px;
    padding: 30px 14px;
    transition: 0.3s ease;
}

.textarea-new {
    height: 200px !important;
    padding-top: 12px;
}

/* FOCUS EFFECT */
.input-new:focus,
.textarea-new:focus {
    border-color: #007BFF;
    box-shadow: 0 0 8px rgba(0,123,255,0.3);
    outline: none;
}

/* SUBMIT BUTTON */
.btn-submit-new {
    background: #0084FF;
    color: #fff;
    padding: 10px 40px;
    border-radius: 10px;
    border: none;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s ease;
}

.btn-submit-new:hover {
    background: #006fe0;
}

/* FIELD ANIMATION */
.form-animate {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeField 0.7s forwards ease-out;
}
.w-90{
    width:92%;
}
/* Space between each pair of fields (every row of 2 inputs) */
.contact-form-new .col-md-6 {
    margin-bottom: 25px;   /* You can increase to 30px, 40px */
}

/* Extra spacing before the message box */
.contact-form-new .col-md-12 textarea {
    margin-top: 10px;
}

/* Space below message box before submit button */
.contact-form-new .col-md-12 {
    margin-bottom: 25px;
}
.input-new::placeholder,
.textarea-new::placeholder {
    font-weight: 300;
    font-style: Light;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color:#20355C;
}
.animate-field {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.6s ease-out;
}

.animate-field.show {
    opacity: 1;
    transform: translateY(0);
}
.contactparaa{
    font-weight: 700;
    font-style: SemiBold;
    font-size: 30px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color:#0087F8;
    text-align:center;
}


.form-animate:nth-child(1) { animation-delay: 0.1s; }
.form-animate:nth-child(2) { animation-delay: 0.2s; }
.form-animate:nth-child(3) { animation-delay: 0.3s; }
.form-animate:nth-child(4) { animation-delay: 0.4s; }
.form-animate:nth-child(5) { animation-delay: 0.5s; }
.form-animate:nth-child(6) { animation-delay: 0.6s; }

@keyframes fadeField {
    from { opacity: 0; transform: translateY(25px);}
    to { opacity: 1; transform: translateY(0);}
}
/* ===========================
   INITIAL STATE (before animation)
=========================== */
.contact-anim {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease;
}

/* VISIBLE STATE (animation triggered) */
.contact-anim.anim-show {
    opacity: 1;
    transform: translateY(0);
}

/* STAGGER EFFECT */
.contact-anim:nth-child(1) { transition-delay: 0.1s; }
.contact-anim:nth-child(2) { transition-delay: 0.25s; }
.contact-anim:nth-child(3) { transition-delay: 0.4s; }

/* ===========================
   ICON CIRCLE HOVER EFFECT
=========================== */
.left-icon-circle {
    width: 65px;
    height: 65px;
    min-width: 65px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.35s ease;
}

.left-icon-circle i {
    font-size: 28px;
    color: #007BFF;
    transition: 0.35s ease;
}

/* ICON HOVER ANIMATION */
.contact-box:hover .left-icon-circle {
    transform: scale(1.15);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.35);
}

.contact-box:hover .left-icon-circle i {
    transform: rotate(8deg);
    color: #005bd1;
}

/* ===========================
   TEXT HOVER EFFECT
=========================== */
.left-info-text h4,
.left-info-text p,
.left-info-text a {
    transition: 0.3s ease;
}

.contact-box:hover .left-title {
    color: #ffffff;
    text-shadow: 0 0 10px rgba(255,255,255,0.5);
}

.contact-box:hover .left-value a {
    color: #eaeaea;
    text-decoration: underline;
}
.secondcontactussection .left-value a {
    display: inline-block !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    transition: all 0.25s ease !important;
}

.secondcontactussection .left-value a:hover {
    transform: translateY(-3px) !important;
    background: #20355C !important;
    color: #ffffff !important;
}
/* Remove default underline + base styling */
.secondcontactussection .left-value a {
    position: relative;
    display: inline-block;
    text-decoration: none !important;   /* REMOVE underline */
    color: #e8e8e8;
    padding-bottom: 3px;
    transition: all 0.25s ease;
}

/* Hidden underline before hover */
.secondcontactussection .left-value a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;               /* underline sits below text */
    width: 0%;               /* start hidden */
    height: 2px;             /* thickness */
    background: #ffffff;     /* underline color */
    transition: width .35s ease;
    border-radius: 2px;
}

/* Hover: text moves up */
.secondcontactussection .left-value a:hover {
    transform: translateY(-3px);
    color: #ffffff;
}

/* Hover: underline grows left -> right */
.secondcontactussection .left-value a:hover::after {
    width: 100%;
}



/*bookappointment*/
.bookapmt-section {
    background: #f9fbff;
    position: relative;
    overflow: hidden;
}

/* Fade Animations */
.fade-in-up {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp .8s forwards;
}
.delay-1 { animation-delay: .2s; }
.delay-2 { animation-delay: .4s; }

@keyframes fadeUp {
    to { opacity: 1; transform: translateY(0); }
}

/* Floating Inputs */
.floating-input {
    position: relative;
    margin-bottom: 25px;
}

.floating-input input,
.floating-input textarea {
    border: 1px solid #c9d4e5;
    padding: 14px 12px;
    width: 100%;
    border-radius: 8px;
    transition: .3s;
    background: #fff;
}

.floating-input label {
    position: absolute;
    left: 14px;
    top: 16px;
    pointer-events: none;
    font-size: 14px;
    color: #7a8ba3;
    transition: .3s ease;
}

.floating-input input:focus,
.floating-input textarea:focus {
    border-color: #20355C;
    box-shadow: 0 0 8px rgba(32, 53, 92, 0.15);
}

.floating-input input:focus + label,
.floating-input input:not(:placeholder-shown) + label,
.floating-input textarea:focus + label,
.floating-input textarea:not(:placeholder-shown) + label {
    top: -10px;
    left: 8px;
    background: #f9fbff;
    padding: 0 4px;
    font-size: 12px;
    color: #20355C;
}

/* Select Box Hover */
.select-animate select {
    border-radius: 8px;
    border: 1px solid #c9d4e5;
    padding: 14px;
    transition: .3s;
}
.select-animate select:hover {
    border-color: #20355C;
    box-shadow: 0 0 10px rgba(32, 53, 92, 0.15);
}

/* Submit button animation */
.submit-btn {
    margin-top: 20px;
    padding: 12px 40px;
    border-radius: 40px;
    position: relative;
    overflow: hidden;
    transition: 0.3s ease;
}

.submit-btn:hover {
    transform: translateY(-3px);
    background: #20355C;
    color:#fff;
}

.submit-btn .btn-hover-line {
    position: absolute;
    width: 0%;
    height: 3px;
    bottom: 0;
    left: 0;
    background: #fff;
    transition: .3s;
}

.submit-btn:hover .btn-hover-line {
    width: 100%;
}
.input-neww {
    height: 55px;
    border-radius: 15px;
    border: 1px solid #D1D5DB;
    transition: 0.3s ease;
    font-weight: 300;
    font-style: Light;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color:#20355C;
}
.input-neww:focus,
.textarea-new:focus {
    border-color: #007BFF;
    box-shadow: 0 0 8px rgba(0,123,255,0.3);
    outline: none;
}
.input-neww::placeholder,
.textarea-new::placeholder {
    font-weight: 300;
    font-style: Light;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color:#20355C;
}




/*doctors*/
/* LEFT SIDE */
.doctors-left-title {
font-weight: 600;
font-style: Medium;
font-size: 28px;
color:#0087F8 !important;
}

.doctors-left-desc {
font-weight: 400;
font-style: Regular;
font-size: 20px;
color:#20355C !important;
text-align: justify;
}

.doctors-left-btn {
    display: inline-block;
    background: #1e73be;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 600;
    transition: 0.3s;
}

.doctors-left-btn:hover {
    background: #143f73;
    transform: translateY(-3px);
}

/* CARD DESIGN */
.doctor-card {
    background: #fff;
    border-radius: 14px;
    padding: 15px;
    /*box-shadow: 0 5px 20px rgba(0,0,0,0.08);*/
    transition: 0.3s;
}

.doctor-card:hover {
    transform: translateY(-5px);
}

/* IMAGE BOX */
.doctor-img-box {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    height:281px;
}

.doctor-img {
    width: 300px;
    height: 260px;
    object-fit: cover;
    border-radius: 50px;
    padding: 30px;
}

/* Floating Icon */
.doctor-icon {
    width: 54px;
    height: 54px;
    background: #0087F8;
    color: #fff !important;
    border-radius: 50%;
    position: relative;
    bottom:47px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    border:7px solid #fff;
}

/* TEXT STYLES */
/*.doctor-info {*/
/*    padding-top: 25px;*/
/*}*/

.doctor-name {
    font-weight: 600;
    font-style: SemiBold;
    font-size: 23px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color:#0087F8 !important;
}

.doctor-spec{
    font-weight: 500;
    font-style: SemiBold;
    font-size: 22px;
    color:#0087F8 !important;
}
/* Hover color change */
.doctor-card:hover .doctor-name,
.doctor-card:hover .doctor-spec {
    color: #20355C !important;
}

.doctor-name,
.doctor-spec {
    transition: color 0.3s ease;
}


/* Carousel Spacing */
.doctors-carousel .doctor-card {
    margin: 10px;
}
.btnprimary:hover{
        background: #143f73;
    transform: translateY(-3px);
}
.btnsecondary:hover{
        background: #143f73;
    transform: translateY(-3px);
}

/*doctors info*/

.doctor-info a:hover,
.doctor-info a,
.doctor-name:hover,
.doctor-spec:hover {
    text-decoration: none !important;
}

/* MAIN IMAGE */
.doctor-main-img {
    height: 380px;
    object-fit: cover;
    border-radius: 14px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
}

/* NAME */
.doctor-inner-name {
    font-size: 30px;
    font-weight: 700;
    color: #20355C;
}

/* SHORT TEXT */
.doctor-inner-short {
    font-size: 18px;
    color: #555;
    margin: 10px 0;
}

/* LONG DESCRIPTION */
.doctor-inner-long {
    font-size: 16px;
    color: #666;
}

/* BUTTON */
.doctor-inner-btn {
    background: #1e73be;
    color: #fff;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 600;
    transition: 0.3s;
}
.doctor-inner-btn:hover {
    background: #143f73;
    transform: translateY(-3px);
}

/* SUBTITLE */
.doctor-inner-subtitle {
    font-size: 22px;
    color: #20355C;
    font-weight: 700;
    margin-bottom: 20px;
}

/* SMALL HEADING */
.doctor-inner-small-heading {
    font-size: 18px;
    color: #20355C;
    font-weight: 600;
}

/* LINE WITH TITLE + VALUE */
.doctor-info-line {
    display: flex;
    margin: 5px 0;
}
.doctor-info-line .title {
    width: 180px;
    font-weight: 600;
    color: #20355C;
}
.doctor-info-line .value {
    font-weight: 400;
    color: #444;
}

.doctor-sub-img {
    height: 300px;
    object-fit: cover;
    border-radius: 14px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* TEXT CONTENT */
.doctor-inner-text {
    color: #555;
    font-size: 15px;
}

/* RECENT DOCTOR CARDS SAME STYLE */







/*testimonials*/


.testimonialsheading{
    font-family: "K2D";
    font-weight: 600;
    font-size: 22px;
    color:#121212;
}
.testimonialstatasticsheading{
    font-family: "K2D";
    font-weight: 400;
    font-size: 18px;
    color:#121212;
}
/* SECTION BASE */
.testimonials_homepage {
  background-color: #ffefe6;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 0;
}

/* REMOVE PADDING AND GAP BETWEEN ROWS */
.testimonial-row {
  margin: 0;
  align-items: stretch;
}

.testimonial-left {
  padding: 60px 50px;
  background-color: #ffefe6;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Avatars and Title */
.avatars {
  display: flex;
  align-items: center;
}

.avatars img.author-img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 3px solid #fff;
  margin-left: -10px;
  object-fit: cover;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Testimonial Card */
.testimonial-card {
  background: #fff;
  border-radius: 10px;
  padding: 25px 30px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
  min-height: 230px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.testimonial-card:hover {
  transform: translateY(-4px);
}
.testimonials-patient-text{
    font-weight: 400;
    font-size: 20px;
    color:#0087F8 !important;
}

/* Author Section */
.testimonial-author {
  display: flex;
  align-items: center;
  background: #20355C;
  border-radius: 50px;
  padding: 10px 15px;
  width:100%;
}

.testimonial-author .author-img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
  flex-shrink: 0;
}

.testimonial-author .author-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.author-name {
  color: #fff;
  font-size: 17px;
}

/* Carousel adjustments */
.owl-carousel .owl-stage {
  display: flex;
}

.owl-carousel .owl-item {
  display: flex;
  justify-content: center;
}

.owl-carousel .testimonial-card {
  margin: 10px;
}

/* RIGHT SIDE FULL HEIGHT IMAGE */
.testimonial-image-side {
  position: relative;
  padding: 0;
  overflow: hidden;
}

.testimonial-side-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: none;
  display: block;
}

/* Responsive Fixes */
@media (max-width: 991px) {
  .testimonials_homepage {
    text-align: center;
  }

  .testimonial-left {
    padding: 40px 25px;
  }

  .avatars {
    justify-content: center;
    margin-bottom: 15px;
  }

  .testimonial-image-side {
    height: 300px;
  }

  .testimonial-side-img {
    height: 100%;
  }
}

.bg-lappp{background: #20355C;}
.newlabeltext{
    border:1px solid #fff !important;
}
.newlabel{
    color:#fff !important;
}
.testimonial-date{
    
}




/*new*/
/*/27/11/2025 eveing*/

/*gallery*/

/* Container layouts */
.gallery-container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
}

.gallery-container-fluid {
    width: 100%;
    padding: 0 25px;
}

/* Grid setup */
.gallery-row {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

/* Header styles */
.gallery-header {
    width: 100%;
    margin-bottom: 30px;
}

.gallery-title {
    font-size: 1.8rem;
    font-weight: 600;
    color: #007B8A; /* A refined blue tone */
    margin-bottom: 5px;
}

.gallery-subtitle {
    font-size: 1.1rem;
    font-weight: 400;
    color: #555;
}

/* Card styles */
.gallery-card {
    flex: 0 0 calc(33.333% - 30px);
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgb(0 0 0 / 0.12);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    opacity: 0;
    animation: fadeInUp 0.7s ease forwards;
}

.gallery-card:hover {
    transform: translateY(-10px) scale(1.05);
    box-shadow: 0 16px 30px rgb(0 0 0 / 0.25);
}

.gallery-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* Image & Overlay */
.gallery-image-wrapper {
    position: relative;
    overflow: hidden;
    height: 250px;
    /*border-bottom-left-radius: 20px;*/
    /*border-bottom-right-radius: 20px;*/
    border-radius:20px;
}

.gallery-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
    border-radius: 0;
    display: block;
}

.gallery-image-wrapper:hover .gallery-image {
    transform: scale(1.1);
}

.gallery-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    background: rgba(1, 189, 178, 0.8);
    color: #fff;
    font-size: 1rem;
    text-align: center;
    font-weight: 600;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    pointer-events: none;
}

/* Album title */
.gallery-album-title {
    margin: 15px 0 10px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #222;
    text-align: center;
}

/* Optional description */
.gallery-description {
    font-size: 1rem;
    color: #666;
    text-align: center;
    padding: 0 15px 15px;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .gallery-card {
        flex: 0 0 calc(50% - 20px);
    }
}

@media (max-width: 576px) {
    .gallery-card {
        flex: 0 0 100%;
    }
}

/* Animations */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
/* Slide in from right animation */
@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Apply initial state and animation to gallery cards */
.gallery-card {
    flex: 0 0 calc(33.333% - 30px);
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgb(0 0 0 / 0.12);
    opacity: 0;
    /* Delay will be set dynamically via JavaScript */
    animation: slideInRight 0.8s forwards;
}

/*gallery info page*/
/* Initial state for gallery images */
/*.gallery .item img {*/
/*    opacity: 0;*/
/*    transform: scale(0.95);*/
/*    transition: opacity 0.8s ease, transform 0.8s ease;*/
/*}*/

/* When image becomes visible */
/*.gallery .item img.show {*/
/*    opacity: 1;*/
/*    transform: scale(1);*/
/*}*/

/* Container styles */
.photo-container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
}
.photo-container-fluid {
    width: 100%;
    padding: 0 25px;
}

/* Gallery grid */
.photo-gallery {
    width: 100%;
}
.photo-row {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: center;
}

/* Columns */
.photo-col {
    flex: 0 0 calc(33.333% - 25px);
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 6px 15px rgb(0 0 0 / 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background: #fff;
}

.photo-col:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 30px rgb(0 0 0 / 0.2);
}

/* Image styling */
.photo-item {
    display: block;
    overflow: hidden;
    border-radius: 15px;
    text-decoration: none;
}

.photo-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    transition: transform 0.4s ease;
    border-radius: 15px;
}

.photo-item:hover .photo-image {
    transform: scale(1.1);
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .photo-col {
        flex: 0 0 calc(50% - 20px);
    }
}

@media (max-width: 576px) {
    .photo-col {
        flex: 0 0 100%;
    }
}

/*photo main*/

/* Container & Layout */
.photo-gallery-homepage {
    background: #f9fafb;
}

.container, .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

/* Header */
.photo-gallery-header {
    border-bottom: 2px solid #01BDB2;
    padding-bottom: 10px;
}

.gallery-title {
    color: #014d4a;
    font-size: 1.8rem;
}

.gallery-view-all {
    color: #01BDB2;
    text-decoration: none;
    transition: color 0.3s ease;
}

.gallery-view-all:hover {
    color: #027f7a;
    text-decoration: underline;
}

.gallery-description {
    color: #555;
    font-size: 1.05rem;
}

/* Carousel & Grid */
.owl-carousel .gallery-album-card {
    outline: none;
    padding: 0px;
    opacity: 0;
    transform: translateX(100px);
    animation: slideInRight 0.7s forwards;
}

.owl-carousel .gallery-album-card:nth-child(1) { animation-delay: 0s; }
.owl-carousel .gallery-album-card:nth-child(2) { animation-delay: 0.15s; }
.owl-carousel .gallery-album-card:nth-child(3) { animation-delay: 0.3s; }
.owl-carousel .gallery-album-card:nth-child(4) { animation-delay: 0.45s; }
.owl-carousel .gallery-album-card:nth-child(5) { animation-delay: 0.6s; }
.owl-carousel .gallery-album-card:nth-child(n+6) { animation-delay: 0.75s; }

.gallery-album-col {
    margin-bottom: 30px;
    opacity: 0;
    transform: translateX(100px);
    animation: slideInRight 0.7s forwards;
}

.gallery-album-col:nth-child(odd) {
    animation-delay: 0.2s;
}
.gallery-album-col:nth-child(even) {
    animation-delay: 0.4s;
}

/* Album Card */




.album-image-wrapper {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}




/* More Photos Overlay */
.album-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(1, 189, 178, 0.85);
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    padding: 12px 0;
    text-align: center;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    pointer-events: none;
    line-height: 1.3;
}

/* Album Title */
.album-title {
    margin-top: 15px;
    font-size: 1.25rem;
    color: #013d3a;
}

/* Animations */
@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .gallery-album-col, .owl-carousel .gallery-album-card {
        padding: 0 10px !important;
        width: 100% !important;
        flex: none !important;
    }
}


/*video gallery*/

/* Equal Heights & Widths for Photo Gallery */
.owl-carousel .gallery-album-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.gallery-album-card .album-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: inherit;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}



.album-image-wrapper {
    height: 220px;
    width: 317px;
    flex-shrink: 0;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}


.album-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(1, 189, 178, 0.85);
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    padding: 12px 0;
    text-align: center;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    pointer-events: none;
    line-height: 1.3;
    transition: background 0.3s ease, padding 0.3s ease;
}

.album-link:hover .album-overlay {
    background: rgba(1, 189, 178, 0.95);
    padding: 15px 0;
}

.album-title {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
    width: 100%;
    transition: color 0.3s ease, transform 0.3s ease;
    margin-top: 15px;
    font-size: 1.25rem;
}

.album-link:hover .album-title {
    color: #01BDB2;
    transform: scale(1.05);
}

/* Equal Heights & Widths for Video Gallery */
.owl-carousel .video-album-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.video-album-card .video-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: inherit;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}



.video-wrapper {
    height: 220px;
    width: 100%;
    flex-shrink: 0;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}

.video-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: none;
    border-radius: 30px;
    transition: transform 0.5s ease, filter 0.3s ease;
    display: block;
}

.video-link:hover .video-thumbnail {
    transform: scale(1.1);
    filter: brightness(1.1);
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.7) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    transition: background 0.3s ease;
}

.video-link:hover .video-overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%);
}

.video-play-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
}

.video-play-btn {
    width: 60px;
    height: 60px;
    transition: transform 0.3s ease, filter 0.3s ease;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
}

.video-link:hover .video-play-btn {
    transform: scale(1.2);
    filter: drop-shadow(0 6px 12px rgba(1, 189, 178, 0.6));
}

.video-title {
    margin-top: 10px;
    font-weight: 500;
    font-size: 1rem;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    line-height: 1.4;
    transition: transform 0.3s ease, color 0.3s ease;
}

.video-link:hover .video-title {
    transform: scale(1.05);
    color: #01BDB2;
    text-shadow: 0 2px 8px rgba(1, 189, 178, 0.8);
}

/* Owl Carousel Equal Dimensions */
.owl-carousel .owl-item {
    display: flex;
    height: auto;
}

.owl-carousel .owl-stage {
    display: flex;
    align-items: stretch;
}

.owl-carousel .owl-item > div {
    width: 100%;
    height: 100%;
}

/* Slide-in Animation */
.owl-carousel .gallery-album-card,
.owl-carousel .video-album-card {
    opacity: 0;
    transform: translateX(100px);
    animation: slideInRight 0.7s forwards;
        background: #fff;
    border-radius: 16px;
    
}

.owl-carousel .gallery-album-card:nth-child(1),
.owl-carousel .video-album-card:nth-child(1) { animation-delay: 0s; }
.owl-carousel .gallery-album-card:nth-child(2),
.owl-carousel .video-album-card:nth-child(2) { animation-delay: 0.15s; }
.owl-carousel .gallery-album-card:nth-child(3),
.owl-carousel .video-album-card:nth-child(3) { animation-delay: 0.3s; }
.owl-carousel .gallery-album-card:nth-child(4),
.owl-carousel .video-album-card:nth-child(4) { animation-delay: 0.45s; }
.owl-carousel .gallery-album-card:nth-child(5),
.owl-carousel .video-album-card:nth-child(5) { animation-delay: 0.6s; }
.owl-carousel .gallery-album-card:nth-child(n+6),
.owl-carousel .video-album-card:nth-child(n+6) { animation-delay: 0.75s; }

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Pulse Animation */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.8;
    }
}

.album-link:hover .album-overlay,
.video-link:hover .video-play-btn {
    animation: pulse 1.5s ease-in-out infinite;
}

/* Cursor */
.album-link,
.video-link {
    cursor: pointer;
}
/* Video Detail Page Styles */
.video-detail-page {
    background: #f9fafb;
    min-height: 100vh;
}

/* Video Player */
.video-player-wrapper {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    margin-bottom: 25px;
    background: #000;
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 0.7s forwards;
}

.main-video-player,
.youtube-player {
    width: 100%;
    display: block;
    border-radius: 20px;
}

.main-video-player {
    height: auto;
    min-height: 400px;
}

/* Video Info Section */
.video-info-section {
    background: #fff;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    margin-bottom: 30px;
    border-bottom: 3px solid #01BDB2;
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 0.7s 0.2s forwards;
}

.video-detail-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #014d4a;
    margin-bottom: 12px;
    line-height: 1.3;
}

.video-meta-info {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    font-size: 0.95rem;
    color: #686868;
}

.meta-separator {
    color: #ccc;
}

.video-description {
    font-size: 1rem;
    line-height: 1.7;
    color: #444;
    margin-top: 15px;
}

/* Comments Header */
.comments-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0 20px;
    padding: 20px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 0.7s 0.3s forwards;
}

.comments-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: #014d4a;
    margin: 0;
}

.btn-write-comment {
    background: #01BDB2;
    color: #fff;
    padding: 10px 25px;
    border-radius: 25px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(1, 189, 178, 0.3);
}

.btn-write-comment:hover {
    background: #027f7a;
    transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(1, 189, 178, 0.4);
    color: #fff;
}

/* Comments Section */
.comments-section {
    background: transparent;
}

.comments-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.comment-card {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateX(50px);
    animation: slideInRight 0.6s forwards;
}

.comment-card:nth-child(1) { animation-delay: 0.1s; }
.comment-card:nth-child(2) { animation-delay: 0.2s; }
.comment-card:nth-child(3) { animation-delay: 0.3s; }
.comment-card:nth-child(4) { animation-delay: 0.4s; }
.comment-card:nth-child(n+5) { animation-delay: 0.5s; }

.comment-card:hover {
    transform: translateX(0) translateY(-5px);
    box-shadow: 0 8px 25px rgba(1, 189, 178, 0.2);
}

.comment-text {
    font-size: 1rem;
    line-height: 1.6;
    color: #333;
    margin-bottom: 15px;
}

.comment-author-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.author-name {
    font-weight: 700;
    color: #014d4a;
    font-size: 1rem;
}

.comment-date {
    font-size: 0.85rem;
    color: #888;
}

/* Load More Button */
.load-more-wrapper {
    text-align: center;
    margin-top: 30px;
}

.btn-load-more {
    background: #01BDB2;
    color: #fff;
    padding: 12px 40px;
    border-radius: 25px;
    font-weight: 600;
    border: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(1, 189, 178, 0.3);
}

.btn-load-more:hover {
    background: #027f7a;
    transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(1, 189, 178, 0.4);
}

/* Comment Form */
.comment-form-anchor {
    height: 80px;
    margin-top: -80px;
}

.comment-form-wrapper {
    margin-top: 40px;
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 0.7s 0.5s forwards;
}

.comment-form-card {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    border-top: 4px solid #01BDB2;
}

.form-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: #014d4a;
    margin-bottom: 8px;
}

.form-subtitle {
    font-size: 1rem;
    color: #686868;
    margin-bottom: 25px;
}

.form-input,
.form-textarea {
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    padding: 12px 18px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
}

.form-input:focus,
.form-textarea:focus {
    border-color: #01BDB2;
    box-shadow: 0 0 0 3px rgba(1, 189, 178, 0.1);
    outline: none;
}

.form-textarea {
    resize: vertical;
    min-height: 120px;
}

.btn-submit-comment {
    background: #01BDB2;
    color: #fff;
    padding: 12px 40px;
    border-radius: 25px;
    font-weight: 600;
    border: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(1, 189, 178, 0.3);
}

.btn-submit-comment:hover {
    background: #027f7a;
    transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(1, 189, 178, 0.4);
}

/* Sidebar Section */
.sidebar-section {
    position: sticky;
    top: 20px;
    opacity: 0;
    transform: translateX(30px);
    animation: slideInRight 0.7s 0.4s forwards;
}

.sidebar-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: #014d4a;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #01BDB2;
}

.recent-videos-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.recent-video-item {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.recent-video-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(1, 189, 178, 0.2);
}

.recent-video-link {
    display: flex;
    gap: 15px;
    text-decoration: none;
    color: inherit;
    padding: 12px;
}

.recent-video-thumbnail {
    position: relative;
    flex-shrink: 0;
    width: 140px;
    height: 100px;
    border-radius: 12px;
    overflow: hidden;
}

.thumbnail-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.recent-video-item:hover .thumbnail-img {
    transform: scale(1.1);
}

.play-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.3);
    transition: background 0.3s ease;
}

.recent-video-item:hover .play-overlay {
    background: rgba(0, 0, 0, 0.5);
}

.play-icon {
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
    transition: transform 0.3s ease;
}

.recent-video-item:hover .play-icon {
    transform: scale(1.2);
}

.recent-video-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px 0;
}

.recent-video-title {
    font-size: 0.95rem;
    font-weight: 600;
    color: #333;
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.watch-now-link {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #01BDB2;
    font-weight: 600;
    font-size: 0.9rem;
    transition: color 0.3s ease;
}

.recent-video-item:hover .watch-now-link {
    color: #027f7a;
}

.watch-icon {
    transition: transform 0.3s ease;
}

.recent-video-item:hover .watch-icon {
    transform: translateX(3px);
}

/* Animations */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .video-detail-title {
        font-size: 1.4rem;
    }
    
    .comments-header {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    
    .recent-video-link {
        flex-direction: column;
    }
    
    .recent-video-thumbnail {
        width: 100%;
        height: 160px;
    }
    
    .sidebar-section {
        position: static;
        margin-top: 40px;
    }
}



/*treatments*/

 /*Treatments Section Animation */
.animate-on-scroll-bottom {
  opacity: 0;
  transform: translateY(60px);
  transition: all 1.5s ease;
}

.animate-slide-in-bottom {
  opacity: 1;
  transform: translateY(0);
}

 /*Flex layout for cards */
.treatments-cards-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px; 
  padding-bottom: 24px;
}





.card-img img {
  width: 100%;
  height: 215px;
  border-radius: 12px 12px 0 0;
  object-fit: cover;
}

.card-textt {
  flex: 1 1 auto;
  padding: 16px;
  border-radius: 0 0 12px 12px;
  background: #fff;
}
 /*Owl fix - remove flex so carousel works */
.treatments-cards-row.owl-carousel {
  display: block !important;
}

 /*Owl items behave normally */
.treatments-cards-row.owl-carousel .service-card {
  display: inline-block;
  vertical-align: top;
}


/*treatments info page*/


 /*Animate on scroll */
.animate-on-scroll-bottom {
  opacity: 0;
  transform: translateY(60px);
  transition: all 3.5s ease;
}
.animate-slide-in-bottom {
  opacity: 1;
  transform: translateY(0);
}

 /*Flex row cards layout */
.treatments-cards-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-start;
}







:root{
  --brand: #FF8A34;
  --brand-shadow: rgba(255,138,52,.28);
  --text: #0E1217;
  --muted: #6B7280;
  --field: #EEF2F8;
  --focus: #01BDB2;
  --divider: #E6E7EC;
}

 ===== Layout (equal height columns) ===== 
.contact-main{ padding:5px 10px; background:#fff; }
.contact-shell{
  max-width:1060px; margin:0 auto;
  display:flex; gap:40px; align-items:stretch;   
}

 /*Columns behave like Bootstrap col-md */
.col-md{
  flex:1 1 0; display:flex; flex-direction:column; transition: transform .18s, box-shadow .22s, filter .18s;
  will-change: transform, box-shadow;
}
.col-md:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 38px rgba(0,0,0,.12);
  filter: saturate(1.02);
}

 /*Left visual card (no border) */
.left-card{
  background:#fff; border-radius:14px;
 box-shadow: 0 0 30px rgba(0,0,0,0.07);
  padding:18px 18px 24px;
  display:flex; flex-direction:column; height:100%;
}

 /*Right wrap (plain white, same height due to flex stretch) */
.right-wrap{ padding:8px 4px 6px 6px; display:flex; flex-direction:column; }

 /*Form */
.contact-group{ margin-bottom:18px; position:relative; }
.contact-label{ font-weight:700; font-size:15px; color:white; display:block; margin-bottom:8px; }
.contact-input{
  width:100%; background:var(--field); border:none; border-radius:10px;
  padding:14px; font-size:14px; color:#111; outline:none;
  transition: box-shadow .18s, color .19s, background .28s, transform .12s;
  box-shadow: 0 1px 6px rgba(0,0,0,.04);
}
.contact-group:hover .contact-input{ transform: translateY(-1px); }
.contact-input:focus,
.contact-input:hover{ box-shadow: 0 0 0 1.5px var(--focus) inset; background:#fff; }

 /*Label focus micro-animation */
.contact-group.focused .contact-label{
  animation: slideLabel .45s cubic-bezier(.66,-0.2,.32,1.39);
  color: var(--focus);
}
@keyframes slideLabel{ from{opacity:0; transform:translateX(-14px);} to{opacity:1; transform:translateX(0);} }

textarea.contact-input{ min-height:110px; resize:vertical; }

 /*Select caret */
.select-wrap{ position:relative; }
.contact-select{ appearance:none; -webkit-appearance:none; -moz-appearance:none; padding-right:34px; }
.select-caret{ position:absolute; right:12px; top:50%; transform:translateY(-50%); pointer-events:none; }
.select-caret:before{
  content:""; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #333; display:block;
}

 /*Submit button */
.contact-btn-row{ margin-top:10px; }
.contact-btn{
  background:var(--brand); color:#fff; border:none; border-radius:999px;
  font-weight:700; font-size:14px; padding:12px 22px; cursor:pointer;
  box-shadow:0 12px 28px var(--brand-shadow);
  transition: transform .12s, box-shadow .18s, filter .18s;
}
.contact-btn:hover{ transform: translateY(-1px); box-shadow:0 18px 36px rgba(255,138,52,.36); }

 /*Right text/content */
.contact-title{ font-weight:800; font-size:28px; color:var(--text); margin:6px 0 8px; }
.contact-desc{ color:#4B5563; font-size:15px; line-height:1.7; margin: 0 0 14px; }

.contact-info-row{ display:flex; align-items:center; gap:12px; margin:12px 0; }
.contact-icon-box{
  width:36px; height:36px; border-radius:50%;
  background:var(--brand); display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 24px var(--brand-shadow);
}
.contact-icon{ display:block; }

.info-title{font-family: "K2D";
font-weight: 700;
font-style: Bold;
font-size: 16px;
color:#121212;
}
.info-value{ font-size:14px; color:#121212; }
.info-value a{ color:#121212; text-decoration:none; }
.info-value a:hover{ text-decoration:underline; }

.contact-hr{ border:0; height:1px; background:var(--divider); margin:16px 0; }

 /*Socials */
.contact-follow-row{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.follow-label{ font-weight:700; font-size:15px; color:var(--text); margin-right:6px; }
.contact-follow-icon{
  width:36px; height:36px; border-radius:50%;
  background:#F2F3F7; border:1px solid #D7D9E0; color:#111;
  display:flex; align-items:center; justify-content:center;
  transition: transform .12s, background .18s, border-color .18s, opacity .18s;
}
.contact-follow-icon:hover{ transform:translateY(-1px); background:#C3CCFC; border-color:#BBD1FF; }

 /*===== Entrance animations (staggered) ===== */
.anim-section, .anim-item{ opacity:0; will-change: transform, opacity; }
@keyframes inLeft  { from{opacity:0; transform:translateX(-26px);} to{opacity:1; transform:translateX(0);} }
@keyframes inRight { from{opacity:0; transform:translateX( 26px);} to{opacity:1; transform:translateX(0);} }
@keyframes inFade  { from{opacity:0;} to{opacity:1;} }

.in-view .anim-from-left  { animation: inLeft .55s cubic-bezier(.22,.7,.3,1) forwards; }
.in-view .anim-from-right { animation: inRight .55s cubic-bezier(.22,.7,.3,1) forwards; }
.in-view .anim-fade       { animation: inFade .55s ease forwards; }

 /*Stagger (per element) */
.in-view .anim-item{
  animation-duration:.5s; animation-fill-mode:forwards;
  animation-timing-function:cubic-bezier(.22,.7,.3,1);
  animation-delay: calc(0.07s * var(--d, 1));
}
.in-view .anim-item.anim-from-left{ animation-name: inLeft; }
.in-view .anim-item.anim-from-right{ animation-name: inRight; }

 /*Responsive */
@media (max-width: 980px){
  .contact-shell{ flex-direction:column; gap:18px; }
  .right-wrap{ padding:0; }
}




/*events*/


/* CARD */
.events-card {
    background: #fff;
    padding: 18px !important;
    border-radius: 12px;
    /*box-shadow: 0 0 20px rgba(0,0,0,0.12);*/
    min-height: 417px;
    /*transition: 0.3s;*/
}

.events-card:hover {
    /*transform: translateY(-6px);*/
    box-shadow: 0 0 20px rgba(0,0,0,0.12);

}

/* DATE PILL */
.events-date-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #0087F8;
    padding: 8px 14px;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}

/* IMAGE */
.events-img img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 12px;
    background: #eee;
    margin-top: 12px;
}

/* TITLE */
.events-title {
    color: #20355C !important;
    font-size: 18px;
    font-weight: 700;
    margin-top: 12px;
}

/* DESCRIPTION */
.events-excerpt {
    color: #20355C;
    font-size: 15px;
    font-weight: 600;
    margin-top: 8px;
}

/* DIVIDER */
.events-divider {
    margin: 12px 0;
    border: none;
    height: 1px;
    background: rgba(0,0,0,.1);
}

/* CTA */
.events-cta-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.events-cta-circle {
    width: 42px;
    height: 42px;
    background: #0087F8;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    transition: .3s;
}

.events-cta-circle:hover {
    background: #20355C;
    transform: scale(1.1);
}

.events-cta-secondary {
    font-size: 15px;
    font-weight: 600;
    color: #0087F8;
}




/*events info page*/
/* HERO IMAGE */
.event-info-hero-img {
    width: 100%;
    border-radius: 14px;
    object-fit: cover;
    max-height: 450px;
}

/* TITLES */
.event-title {
    font-size: 32px;
    font-weight: 700;
    color: #20355C;
}

.event-section-title {
    font-size: 22px;
    font-weight: 700;
    color: #20355C;
    margin-top: 20px;
}

/* PARAGRAPH TEXT */
.event-description,
.event-desc-text {
    font-size: 17px;
    line-height: 1.7;
    color: #20355C;
    text-align: justify;
}

/* SIDEBAR */
.event-info-sidebar {
    background: #fff;
    padding: 20px;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

/* SIDEBAR BOXES */
.event-info-box {
    background: #f8faff;
    padding: 18px;
    border-radius: 12px;
    margin-bottom: 18px;
    border: 1px solid #e2e8f0;
}

.event-info-heading {
    font-size: 18px;
    font-weight: 700;
    color: #20355C;
    margin-bottom: 8px;
}

.event-info-text {
    font-size: 16px;
    font-weight: 500;
    color: #20355C;
}

.event-info-subtext {
    color: #0087F8;
    font-weight: 600;
}

.event-map iframe {
    width: 100% !important;
    border-radius: 12px;
}

/* LINK STYLING */
.event-info-link {
    color: #0087F8;
    text-decoration: underline;
    font-weight: 600;
}

.event-info-link:hover {
    color: #20355C;
}

/* ADDITIONAL IMAGES */
.event-info-extra-img {
    width: 100%;
    border-radius: 14px;
    object-fit: cover;
}
/* remove underline from all text inside event cards */
.events-card *,
.events-card a,
.events-card a:hover,
.events-card-link,
.events-card-link:hover,
.events-title a,
.events-title a:hover,
.events-excerpt a,
.events-excerpt a:hover {
    text-decoration: none !important;
}






/*vission and mission*/
.missionVisionSection {
    background: #f0f7ff;
}

.mv-subtitle {
    font-size: 20px;
    font-weight: 600;
    color: #2d3e50;
}

.mv-title {
    color: #20355C !important;
    margin-bottom: 15px;
    font-weight: 700;
    font-style: SemiBold;
    font-size: 24px;
}

.mv-desc {

    font-size: 28px;
    font-weight: 500;
    color: #007bff !important;
    margin-bottom: 25px;
}

.mv-box {
    background: #d7ebff;
    padding: 25px 25px 10px 25px;
    border-radius: 14px;
    margin-bottom: 25px;
}

.mv-item {
    margin-bottom: 15px;
}

.mv-link-box {
    display: block;
    padding: 12px;
    border-radius: 10px;
    transition: 0.3s;
}

.mv-link-box:hover {
    background: #c4e1ff;
}

.mv-icon-box {
    display: flex;
    gap: 12px;
}

.mv-icon i {
    font-size: 28px;
    color: #007bff;
}

.mv-item-title {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 4px;
}

.mv-item-desc {
    font-size: 16px;
    color: #20355C;
    font-weight:400;
    line-height:20px;
}

.mv-img {
    width: 100%;
    border-radius: 14px;
}

.mv-readmore {
    font-size: 14px;
    color: #007bff;
    text-decoration: underline;
}
.mv-long-desc p{
    color: #20355C;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 25px;
}

.missionVisionSection,
.missionVisionSection * {
    text-decoration: none !important;
}

/*mission and vission inner page*/

/* Global remove underline */
.missionVisionSection, 
.missionVisionSection * {
    text-decoration: none !important;
}

.mv-subtitle {
    font-size: 20px;
    font-weight: 600;
    color: #2d3e50;
    margin-bottom: 10px;
}





.mv-long {
    font-size: 15px;
    color: #333;
    line-height: 1.7;
    margin-bottom: 25px;
}

.mv-img {
    width: 100%;
    border-radius: 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}


/* ================================
   Remaining Items – Grid Boxes
================================ */

.mv-grid-box {
    background: #d7ebff;
    padding: 20px 25px;
    border-radius: 14px;
    transition: 0.3s;
}

.mv-grid-box:hover {
    background: #c4ddff;
}

.mv-icon-box {
    display: flex;
    gap: 15px;
}

.mv-icon-box i {
    font-size: 32px;
    color: #007bff;
}

.mv-grid-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #1f1f1f;
}

.mv-grid-desc {
    font-size: 15px;
    color: #555;
    margin-bottom: 10px;
}

.mv-grid-long {
    font-size: 14px;
    color: #444;
}
.mv-inner-imgicon{
    width: 35px;
    height:35px;
    border-radius: 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}



/*awards*/

/* LEFT TITLE / DESCRIPTION */
.awards-left-title {
    font-size: 28px;
    font-weight: 700;
    color: #0a58ca;
    margin-bottom: 15px;
}

.awards-left-desc {
    font-size: 16px;
    line-height: 26px;
    color: #444;
    margin-bottom: 20px;
}

/* CARD */
.awards-card {
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    padding: 20px;
    /*box-shadow: 0 6px 25px rgba(0,0,0,0.08);*/
    transition: all .3s ease;
    min-height:450px;
}

.awards-card:hover {
    transform: translateY(-6px);
}

/* IMAGE */
.awards-img-box {
    width: 100%;
    text-align: center;
}

.awards-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 18px;
}

/* TEXT AREA */
.awards-info {
    padding: 15px 10px;
    min-height: 150px;
}

.awards-title {
    font-size: 18px;
    font-weight: 700;
    color: #0087F8 !important;
    margin-bottom: 6px;
}

.awards-desc p{
    font-weight: 600;
    font-size: 16px;
    color: #20355C !important;
    margin: 8px 0 12px;
}

/* BUTTON */
.awards-btn {
    border-radius: 50px;
    padding: 5px 25px;
}



/*awards info page*/

/* SECTION */
.awards-info-page-section {
    background: #ffffff;
}

/* TITLES */
.awards-info-page-title {
    font-size: 32px;
    font-weight: 700;
    color: #0a58ca;
}

.awards-info-page-subtitle {
    font-size: 16px;
    color: #555;
    max-width: 700px;
    margin: 10px auto 0;
}

/* ROW WRAPPER */
.awards-info-page-row {
    padding: 25px 20px;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 6px 25px rgba(0,0,0,0.07);
}

/* IMAGE */
.awards-info-page-img-box {
    width: 100%;
    text-align: center;
}

.awards-info-page-img {
    width: 100%;
    max-width: 320px;
    height: auto;
    border-radius: 16px;
    object-fit: cover;
}

/* CONTENT RIGHT */
.awards-info-page-content {
    padding-left: 20px;
}

.awards-info-page-heading {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #000;
}

.awards-info-page-meta-box {
    margin-bottom: 15px;
}

.awards-info-page-meta {
    font-size: 16px;
    color: #333;
    margin-bottom: 6px;
}

.awards-info-page-meta span {
    font-weight: 600;
    color: #000;
}

/* DESCRIPTION */
.awards-info-page-desc {
    font-size: 15px;
    color: #444;
    line-height: 24px;
}

/* RESPONSIVE */
@media (max-width: 767px) {
    .awards-info-page-content {
        padding-left: 0;
        margin-top: 20px;
    }
    .awards-info-page-img {
        max-width: 100%;
    }
}



/*press-release*/

/* GRID */
.press-release__grid {
    display: flex;
    gap: 22px !important;
}

/* CARD */
.press-release__card {
    background: #fff;
    border-radius: 12px;
    padding: 18px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
    display: flex;
    flex-direction: column;
    width: 100% !important;
    /*min-height: 460px;*/
    min-height: 412px;

}
.press-release__card:hover {
box-shadow: 0 18px 38px rgba(31,42,68,0.12), 0 6px 18px rgba(8,136,255,0.06);
}
.ns-inner:hover {
box-shadow: 0 18px 38px rgba(31,42,68,0.12), 0 6px 18px rgba(8,136,255,0.06);
}
/* DATE PILL */
.press-release__date-row {
    display: flex;
    margin-bottom: 10px;
}
.press-release__date-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #0087F8;
    color: #fff;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
}

/* IMAGE */
.press-release__img img {
    width: 100%;
    height: 150px;
    border-radius: 14px;
    object-fit: cover;
    display: block;
}

/* CONTENT */
.press-release__content {
    padding-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.press-release__source {
    color: #0888ff !important;
    font-size: 18px;
    font-weight: 600;
}

.press-release__main-title {
    font-size: 17px;
    font-weight: 700;
    color: #20355C !important;
    margin: 0;
}

.press-release__excerpt {
    font-size: 15px;
    color: #20355C;
    line-height: 1.4;
}

/* Divider */
.press-release__divider {
    height: 1px;
    background: rgba(0,0,0,0.06);
    margin: 10px 0;
    border: 0;
}

/* CTA */
.press-release__cta-row {
    display: flex;
    align-items: center;
    margin-top: auto;
}

.press-release__cta-circle {
    width: 42px;
    height: 42px;
    background: #0888ff;
    color: white;
    border-radius: 50%;
    display: grid;
    place-items: center;
    text-decoration: none;
}

.press-release__cta-secondary {
    margin-left: 10px;
    color: #0888ff;
    font-weight: 600;
    text-decoration: none;
}

/* Owl fix */
#press_release_slider .press-release__card {
    margin-right: 22px !important;
}



/*treatments new*/
/* SECTION */

/* LEFT TEXT */
.treatmentsnew-left-title {
    color: #20355C !important;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 24px;
}

.treatmentsnew-left-desc {
     font-size: 28px;
    font-weight: 500;
    color: #007bff !important;
    margin-bottom: 25px;
}

/* CARD */
.treatmentsnew-card {
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    /*box-shadow: 0 6px 25px rgba(0,0,0,0.08);*/
    transition: .3s ease;
}

.treatmentsnew-card:hover {
    transform: translateY(-6px);
}

/* IMAGE */
.treatmentsnew-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 18px;
}

/* CONTENT */
.treatmentsnew-info {
    padding: 15px 10px;
    min-height: 160px;
}

.treatmentsnew-title {
    color: #0087F8 !important;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 18px;
}

.treatmentsnew-desc {
    font-weight: 600;
    font-size: 16px;
    color: #20355C !important;
    margin: 8px 0 12px;
}

/* BUTTON */
.treatmentsnew-btn {
    border-radius: 50px;
    padding: 6px 25px;
}

/* CAROUSEL FIXES */
.treatmentsnew-carousel .owl-item {
    padding: 0 12px !important;
}


/*treatments inner page new*/
/* WRAPPER */
.treatmentsnewinfo-section {
    background: #fff;
}

/* PAGE TITLES */
.treatmentsnewinfo-title {
    font-size: 32px;
    font-weight: 700;
    color: #0a58ca;
}

.treatmentsnewinfo-subtitle {
    font-size: 16px;
    color: #555;
    max-width: 700px;
    margin: 0 auto;
}

/* ROW DESIGN */
.treatmentsnewinfo-row {
    background: #ffffff;
    padding: 25px;
    border-radius: 20px;
    box-shadow: 0 6px 25px rgba(0,0,0,0.08);
}

/* IMAGE */
.treatmentsnewinfo-img-box {
    text-align: center;
}

.treatmentsnewinfo-img {
    width: 100%;
    max-width: 350px;
    border-radius: 18px;
    object-fit: cover;
}

/* TEXT CONTENT */
.treatmentsnewinfo-content {
    padding-left: 20px;
}

.treatmentsnewinfo-heading {
    font-size: 26px;
    font-weight: 700;
    color: #000;
    margin-bottom: 12px;
}

.treatmentsnewinfo-desc {
    font-size: 15px;
    color: #444;
    line-height: 23px;
    margin-bottom: 15px;
}

/* BUTTON */
.treatmentsnewinfo-btn {
    border-radius: 50px;
    padding: 7px 25px;
}

/* RESPONSIVE FIX */
@media(max-width: 767px){
    .treatmentsnewinfo-content {
        padding-left: 0;
        margin-top: 15px;
    }
    .treatmentsnewinfo-img {
        max-width: 100%;
    }
}


/*treatments info page new*/
/* MAIN BOX */
.treatmentsnewinner-mainbox {
    background: #fff;
    padding: 25px;
    border-radius: 20px;
    box-shadow: 0 6px 25px rgba(0,0,0,0.08);
}

/* TITLE */
.treatmentsnewinner-title {
    font-size: 32px;
    font-weight: 700;
    color: #0a58ca;
}

/* IMAGE */
.treatmentsnewinner-mainimg {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 20px;
}

/* SHORT DESCRIPTION */
.treatmentsnewinner-shortdesc {
    font-size: 18px;
    color: #444;
    margin-bottom: 15px;
}

/* LONG DESCRIPTION */
.treatmentsnewinner-longdesc {
    font-size: 16px;
    line-height: 26px;
    color: #333;
    margin-bottom: 20px;
}

/* CTA Image */
.treatmentsnewinner-ctaimg {
    width: 100%;
    border-radius: 10px;
    margin-top: 20px;
}

/* DOCTOR SIDEBAR */
.treatmentsnewinner-doctitle {
    font-size: 22px;
    font-weight: 700;
    color: #0a58ca;
    margin-bottom: 20px;
}

.treatmentsnewinner-doctorcard {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 20px;
    box-shadow: 0 6px 25px rgba(0,0,0,0.08);
    text-align: center;
}

.treatmentsnewinner-doctorimg {
    width: 100%;
    height: 170px;
    border-radius: 15px;
    object-fit: cover;
}

.treatmentsnewinner-docname {
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
}

.treatmentsnewinner-docspec {
    font-size: 14px;
    color: #555;
}

.treatmentsnewinner-docread {
    font-size: 14px;
    color: #0a58ca;
    font-weight: 600;
}

/* MORE TREATMENTS */
.treatmentsnewinner-moretitle {
    font-size: 24px;
    font-weight: 800;
    text-align: center;
}

.treatmentsnewinner-morecard {
    background: #fff;
    padding: 15px;
    border-radius: 20px;
    box-shadow: 0 6px 25px rgba(0,0,0,0.08);
}

.treatmentsnewinner-moreimg {
    width: 100%;
    height: 170px;
    border-radius: 16px;
    object-fit: cover;
}

.treatmentsnewinner-moreheading {
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
}

.treatmentsnewinner-moredesc {
    font-size: 14px;
    color: #444;
}

.treatmentsnewinner-morebtn {
    color: #0a58ca;
    font-weight: 600;
}

/*Newly*/
.allmoredivs{
    font-size: 28px;
    font-weight: 600;
}