body{font-family: "Sora", "Instrument Sans";}
.bg-pri{background:#FFD861;}
.bg-sec{background:#1E6493;}
.bg-sec-color{color:#1E6493 !important;}
/*--------- Common Css ----------- */
.blog-img img,.medevents .medevents-img , .casestudies .casestudies-img, .gallery .presscard,.doccard .doccard-img img, .vm .vmimg img{
    transition: transform 0.4s ease-in-out;
}
.limit-text{
  display: inline-block;
  width: 14ch;             /* ch = character units */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle; 
}
.blog-img:hover img ,.medevents:hover .medevents-img, .casestudies:hover .casestudies-img, .gallery:hover .presscard,.doccard:hover .doccard-img img, .vm .vmimg:hover img {
    transform: scale(1.03); /* Adjust scale as needed */
}
.list-none li{    list-style: none;}
.points ul{
    padding-left: 0px;
}
.navbar .contact .topicon {
    border-radius: 50px;
    width: 20px;
    font-size: 27px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color:#1E6493;
}
.text-96{color:#969696 !important;}
.obj-cover{object-fit: cover !important;}
.obj-fill{object-fit: fill !important;}
.navbar-light .navbar-nav .nav-link {color: #2D2D2D;font-size:16px;font-weight:500;}
a.text-hover:hover{text-decoration:underline !important;}
a.text-hover-color:hover{color:#F7B32B !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 !important;}
.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: 8px 30px;border-radius:30px !important;background: transparent;
        color:#FFD861 !important;
        border:1px solid #FFD861;}
.btnprimary {padding: 10px 35px !important;border-radius:30px !important;font-size:14px;font-weight:400;text-decoration:none !important;}

/*--------- 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: #1E6493 !important;
}
.navbar-brand{
    color:#1E6493 !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;
    }
    
/*--------- Top Menu Css ---------*/
.top_menu .float-right a i{font-size: 15px;background: #fff;border-radius: 50%;color: #1E6493;padding: initial;width: 25px;height: 25px;text-align: center;padding-top: 5px;}

/*services*/
.service .testimoimg{width: 75px;height: 75px;border-radius: 50%;}

.service-card:hover .text-hover-color{
    color:#F7B32B !important
}

/*vision-mission*/
.vision-mission-card:hover .text-hover-color{
    color:#F7B32B !important
}
/*Doctors*/
.doctor-card:hover .text-hover-color{
    color:#F7B32B !important
}
.doctoricons{
    background: #000;
    margin: 0px 5px;
    color: #fff;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
}
/*Banner Section STYLES*/
.carousel-indicators li{
    border-radius: 50%;
    width: 12px;
    height: 12px;
}
.banner_txt {
    position: absolute;
    top: 505;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    width: 80%;
}
.banner_txt h3{
    font-size: 40px;
    font-weight: bold;
}

.banner_txt p{
    font-size: 16px;
}

a._banner_href {
    color: #fff;
    width: 100%;
    display: block;
}
  
.banner_txt h1{font-size:37px;width: 100%;font-weight: 900;color:#FFFFFF!important;}
.banner_txt p{width:100%;}


/*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;
}
.awards_homepage .post:hover p.awardtitle{
    color:#F7B32B !important;
}
/*Press Styles*/
.presscard{
    border: 3px solid #A1A0A0 !important;
    padding: 1px;
}
.presscontent{
    overflow-y: auto;
    height: 65px;
    }
/*News Styles*/
.news .post:hover .newstitle{
    color:#F7B32B ;
}
.news-information h1.font-weight-bold.mb-0 {
    font-size: 30px;
}
/*Treatments Styles*/
.treatments .treatments-card:hover h3.treattitle{
    color:#F7B32B ;
}
/*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:#2D2D2D;}
.w-250{width:250px;}
.bg-hgrey{background: #F4F4F4;}
.maskimg{position: absolute;right: 0;width: 200px;top: 0;}




/*--------- Blog Area input Css ---------*/
.blogcategory ul li.yearnum:hover p{
    color:#F7B32B !important;
}
.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: #3a3a3a;}
.faqsection a:hover, .faqsection .text-link:hover {text-decoration: none;}

/*--------- video Gallery Css --------- */
.video_gallery_homepage .videogallery:hover span.vidtitle{
    color:#F7B32B !important;
}
.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: #1E6493 !important;}
.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{padding:23px 15px;border:1px solid #2D2D2D4D !important;    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;border-radius:8px;}
.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 ---------*/
.bookappointment-text:hover .bookapptxt{
    color:#F48C12 !important;
}
.bookapmt-mainimg {
  display: block;
  width: 100% !important;
  height: 555px;
  border-radius: 12px; /* optional: match card rounding */
  object-fit: cover;
  /*height:500px;*/
}
/*.bookapmt .form-control{border: none !important;border-bottom: 1px solid #808080 !important;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;}
label{
    margin-bottom:0 !important;
}
/*--------- Speciality's Css ---------*/
.specialtick ul{padding-left: 0px;}
.specialtick{    display: flex;
    align-items: center;}
.artdate{right: 0px;position: absolute;bottom: 22px;background: #FFD861;padding: 10px 15px;color:#1E6493 !important;font-size: 14px;font-weight: 500;}

/*--------- Gallery Css ---------*/
.albumcss{height: 100%;overflow: hidden;}
.allimgnums {position: absolute;bottom: 90px;right: 0;left: 0;color: white;font-size: 18px;font-weight: 600;background: #14131394;text-align: center;}
.albumcss:hover .allimgnums{
    display:block !important;
}
/*--------- iframe Css ---------*/
.mapvenue iframe{width:100%;}

/*--------- Submit btn Searchbar Css ---------*/
.subbtnsearch{position: absolute;right: 8px;top: 8px;border:none !important;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;}
.workhrs.c_row{display: flex;align-items: normal;}
.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;}



.choosetickbefore ul , .specialtick ul{list-style:none !important;}
.choosetickbefore ul li{color:#2D2D2D;position:relative;margin-top:20px;font-size:16px;}
.choosetickbefore ul li::before {content: url('/assets/caresphere/img/tickcareshphere.png');margin-right:15px;position:absolute;left: -40px;top:-9px;}
/*--------- 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;font-size:14px;}
.h-280{height:310px;object-fit:cover;}
.h-250{height:250px;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*/
.mob-d-flex{display:flex !important;}
.mob-flex-col{flex-direction:column !important;}
.mob-border-none{border:none !important;}
.mob-text-center{text-align:center !important;}
.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;}
.mobtext-right{text-align:right !important;}
.mobjustify-right{justify-content:end !important;}
.file-upload-input {
    width: 200px !important;
}

.bred_flex {flex-direction: column;}

.docimgabouthome{
    position: static;
}
.medevents{height: auto;}
.whychoosevideo{position:relative !important;}
} 


@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;}
}  

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.allbannerheading{
    font-family: "Instrument Sans";
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color:#1D1D1D;
    padding-bottom:10px;
}
.allheadingdesc{
    font-family: "Sora";
    font-weight: 600;
    font-style: SemiBold;
    font-size: 26px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color:#1E6493 !important;
    text-align: center;
}
.btnthird {
    display: inline-flex;
    align-items: center;        /* PERFECT vertical centering */
    gap: 14px;
    padding-top:10px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2;           /* IMPORTANT */
    color: #000000;
    text-decoration: none;
}
.w-90{
    width:90%;
}

/* text */
.btnthird .btntext {
    display: flex;
    align-items: center;
}

/* arrow */
.btnthird .arrow {
    display: flex;
    align-items: center;

    font-size: 22px;            /* match visual height */
    line-height: 1;
    font-family: Arial, sans-serif; /* fixes glyph baseline issue */
    transition: transform 0.3s ease;
}

/* hover */
.btnthird:hover {
    color: #1E6493;
    font-weight:400;
}
.btnthird:hover .arrow {
    transform: translateX(4px);
    color:#1E6493 !important;
    font-weight:400;
}
.allinnerdivtitle{
    font-family: "Sora";
    font-weight: 500;
    font-size: 17px;
    color:#2D2D2D !important;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*departments*/
/* =====================================
   DEPARTMENTS INDEX PAGE
===================================== */

.departments-index-page {
    background: #ffffff;
}

/* TITLE */
.departments-index-page-title {
    font-size: 32px;
    font-weight: 600;
    color: #1e73be;
}

/* ITEM */
.departments-index-page-item {
    padding: 0 6px; /* SAFE spacing */
}

/* CARD */
.departments-index-page-card {
    text-align: center;
}

/* LINK RESET */
.departments-index-page-link {
    text-decoration: none !important;
    color: inherit;
    display: block;
}

/* ICON */
.departments-index-page-icon {
    width: 115px;
    height: 115px;
    margin: 0 auto 10px;
    border-radius: 50%;
    background: #1E6493;
    border: 2px solid #eeeeee;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

/* ICON IMAGE */
.departments-index-page-icon img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    /*filter: brightness(0) saturate(100%) invert(60%);*/
    transition: all 0.3s ease;
}

/* NAME */
.departments-index-page-name {
    font-size: 19px !important;
    font-weight: 600 !important;
    color: #1D1D1DCC !important;
    width: 100%;
    margin: 0 auto;
    text-align: center; 
    line-height: 1.3;
    font-family:"Instrument Sans";
}

/* HOVER */
.departments-index-page-card:hover .departments-index-page-icon {
    border-color: #e5e5e5;
    box-shadow: 0 0 0 6px #f2f2f2;
}

.departments-index-page-card:hover img {
    filter: brightness(0) saturate(100%) invert(35%);
}

/* RESPONSIVE */
@media (max-width: 767px) {
    .departments-index-page-icon {
        width: 100px;
        height: 100px;
    }

    .departments-index-page-icon img {
        width: 45px;
        height: 45px;
    }
}


/*bookappointment*/

.bookapp-section {
    position: relative;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    /*padding: 56px 0 36px 0;*/
    /*min-height: 320px;*/
    height:200px;
}
/* SECTION – centers the container */
.bookapp-section {
    display: flex;
    align-items: center;     /* vertical center */
    justify-content: center; /* horizontal center */
    background-size: cover;
    background-position: center;
}

/* CTA – centers text + button as one group */
.footer-cta {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; /* center group */
    gap: 170px;               /* space between text & button */
    padding: 8px 0;
    margin: 0;
}

/* TEXT WRAPPER */
.footer-cta-text {
    max-width: 560px;
}

/* HEADING */
.footerbookappheading {
    font-size: 32px;
    font-weight: 500;
    color: #ffffff;
    margin: 0 0 4px 0;
    line-height: 1.5;
}

/* DESCRIPTION */
.footerbookappdesc {
    font-size: 16px;
    font-weight: 400;
    color: #eaf2f8;
    margin: 0;
    line-height: 1.5;
}

/* BUTTON */
.footer-cta-button {
    background: #ffd54f;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 26px;
    border-radius: 30px;
    text-decoration: none;
    white-space: nowrap;
}

/* BUTTON HOVER */
.footer-cta-button:hover {
    background: #ffc107;
    color: #000;
}

/* MOBILE */
@media (max-width: 768px) {
    .footer-cta {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }

    .footer-cta-text {
        max-width: 100%;
    }
}



/*footer*/
.footer-main{
    background:#2D2D2D;
}

/* Newsletter */
.footer-newsletter{
    max-width:700px;
    margin:auto;
}

.newsletter-wrapper{
    display:flex;
    align-items:center;
    border-radius:40px;
    padding:6px;
    width:520px;
    max-width:100%;;
    gap:30px
}

.newsletter-input{
    flex:1;
    height:50px;
    border:none;
    outline:none;
    padding:0 20px;
    font-size:17px;
    border-radius:40px;
    color:#000;
    background:#fff;
}

.newsletter-input::placeholder{
    color:#999;
}

.newsletter-btn{
    height:44px;
    padding:0 30px;
    border-radius:30px;
    background:#1e88e5;
    border:none;
    color:#fff;
    font-size:15px;
    cursor:pointer;
}

.newsletter-btn:focus,
.newsletter-btn:active{
    outline:none;
    box-shadow:none;
}

/* Footer content */
.footer-logo{
    font-size:26px;
    font-weight:500;
    font-family:"Roboto";
}

.footer-title{
    font-size:22px;
    font-weight:500;
}

.footer-links{
    padding:0;
}

.footer-links li{
    margin-bottom:10px;
}

.footer-links a{
    color:#fff;
    opacity:.85;
    text-decoration:none;
}

.footer-links a:hover{
    opacity:1;
}

.footer-social{
    list-style:none;
    padding:0;
    display:flex;
    gap:20px;
}

.footer-social a{
    color:#fff;
    font-size:18px;
}

.footer-contact-item{
    display:flex;
    gap:12px;
    margin-bottom:12px;
    font-size:15px;
}

.footer-contact-item a,
.footer-contact-item span{
    color:#fff;
    opacity:.85;
    text-decoration:none;
}

.footer-bottom{
    border-top:1px solid #858585;
}

/* Mobile */
@media(max-width:576px){
    .newsletter-wrapper{
        flex-direction:column;
        background:transparent;
        padding:0;
    }

    .newsletter-input,
    .newsletter-btn{
        width:100%;
        height:48px;
        border-radius:10px;
    }

    .newsletter-input{
        margin-bottom:10px;
    }
}

/* Center the whole column block */
.footer-guide{
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Shared width for heading + list */
.footer-guide .footer-title,
.footer-links-left{
    width: 160px;       /* same line start */
}

/* Heading alignment */
.footer-guide .footer-title{
    text-align: left;   /* FIX */
}

/* UL reset */
.footer-links-left{
    padding: 0;
    margin: 0;
}

/* List spacing */
.footer-links-left li{
    margin-bottom: 12px;
}

/* Link style */
.footer-links-left a{
    display: block;
    text-align: left;
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
    opacity: 0.85;
    text-decoration: none;
    line-height: 1.8;
}

.footer-links-left a:hover{
    opacity: 1;
}
footer .navbar-brand {
    color: #ffffff !important;
    font-size: 22px;
}

footer .navbar-brand img {
    margin-right: 6px;
}
/* Footer logo + text center & equal */
.footer-brand {
    display: flex;
    align-items: center;       /* vertical center */
    
    gap: 8px;                  /* equal spacing */
    color: #ffffff !important;
    text-decoration: none;
}

/* Text style */
.footer-site-name {
    color: #ffffff;
    font-size: 22px;
    line-height: 1;            /* equal height alignment */
    font-weight:500;
}


/* Image alignment fix */
.footer-brand img {
    display: block;
    height: 30px;
    width: auto;
}
.footerpara{
    font-family: "Sora";
    font-weight: 200;
    font-size: 15px;
    color:#fff;
}
.footer-get-touch {
    color: #ffffff;
}

/* Each block spacing */
.footer-contact-block {
    margin-bottom: 18px;
}

/* Icon + label alignment */
.contact-head {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    margin-bottom: 4px;
    color: #ffffff;
}

.contact-head i {
    font-size: 14px;
    min-width: 16px;
}

/* Value text */
.contact-value {
    display: block;
    padding-left: 24px; /* aligns under text, not icon */
    color: #ffffff;
    font-size: 14px;
    line-height: 1.5;
    text-decoration: none;
    font-weight:200;
}

.contact-value:hover {
    color: #FFD861;
}




/*about us */
/* ===== ABOUT IMAGE STACK (MATCHES DESIGN) ===== */
.about-image-stack{
  position:relative;
  width:520px;
  height:420px;
}
.statisticsnumber{
    font-size:21px;
    color: #1D1D1D !important;
}
.statisticsname{
    font-size:10px;
    font-weight:500;
    color: #1D1D1D !important;
}
.aboutustitle{
    font-family: "Instrument Sans";
    font-weight: 500;
    font-size: 20px;
    color: #1D1D1D;
    padding-bottom: 10px;
}
.aboutusheading{
    font-family: "Sora";
    font-weight: 600;
    font-size: 24px;
    color:#1E6493 !important;
}
/* TOP IMAGE */
.about-image-top{
    position: absolute;
    top: 0;
    left: 0;
    width: 290px;
    height: 332px;
    border-radius: 8px;
    overflow: hidden;
    z-index: 1;
}

.about-image-top img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* BOTTOM IMAGE */
.about-image-bottom{
    position: absolute;
    bottom: 0;
    right: -75px;
    width: 290px;
    height: 332px;
    border-radius: 8px;
    overflow: hidden;
    z-index: 1;
}

.about-image-bottom img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* CENTER STAT CIRCLE */
.about-exp-circle{
  position:absolute;
  top:50%;
  left:57%;
  transform:translate(-50%,-50%);
  width:120px;
  height:120px;

  /* BACKGROUND IMAGE */
  background-image: url('/assets/caresphere/img/aboutuscircleiamge.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  border-radius:50%;
  text-align:center;
  /*padding:26px 14px;*/
  z-index:2;

  /* optional depth */
  box-shadow:0 12px 28px rgba(0,0,0,0.25);

  /* ensures text is above bg */
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

/* RESPONSIVE */
@media(max-width:991px){
  .about-image-stack{
    margin:auto;
  }
}

@media(max-width:576px){
  .about-image-stack{
    width:100%;
    height:auto;
  }

  .about-image-top,
  .about-image-bottom{
    position:static;
    width:100%;
    height:220px;
    margin-bottom:20px;
  }

  .about-exp-circle{
    position:static;
    transform:none;
    margin:20px auto;
  }
}


/*treatments*/
.borderimage{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.treatmentslowerdiv{
    background:#fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border:1px solid #2D2D2D4D;
    border-top:none;
}


/*doctors*/

/* ===============================
   DOCTORS CARD (ISOLATED)
================================ */

.doctors-index-page-card {
    text-align: center;
}

/* Circle image */
.doctor-circle-image {
    width: 115px;
    height: 115px;
    margin: 0 auto 10px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    border: 2px solid #eeeeee;
}

/* Image */
.doctor-circle-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Overlay */
.doctor-circle-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(30, 100, 147, 0.35);
    opacity: 0;
    transition: opacity 0.35s ease;
}

/* Hover ONLY for doctors */
.doctors-index-page-card:hover .doctor-circle-image::after {
    opacity: 1;
}

/* Responsive */
@media (max-width: 767px) {
    .doctor-circle-image {
        width: 100px;
        height: 100px;
    }
}
/* ===============================
   BOOK APPOINTMENT BACKGROUND
================================ */

.book-appointment-bg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
}



/*FAQ*/
/* ===== FAQ HOVER GRID ===== */
.faq-hover-grid-section {
    background: radial-gradient(circle at top, #f8fafc, #e2e8f0);
}

/* Grid */
.faq-hover-grid {
    perspective: 1200px;
}

/* Tile */
.faq-hover-tile {
    position: relative;
    height: 200px;
    border-radius: 22px;
    background: #FFD861;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.5s ease;
}

/* Glow */
.faq-hover-tile::before {
    content: "";
    position: absolute;
    inset: -2px;
    background: linear-gradient(120deg, #38bdf8, #6366f1, #22d3ee);
    z-index: 0;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.faq-hover-tile:hover::before {
    opacity: 1;
}

/* Inner */
.faq-front,
.faq-back {
    position: absolute;
    inset: 2px;
    border-radius: 20px;
    padding: 22px;
    z-index: 1;
    background: #FFD861;
    transition: all 0.6s ease;
}


/* FRONT */
.faq-front h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    color: #1E6493 !important;
}

/* ICON (replaces faq-tag) */
.faq-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #1E6493;
    color: #FFD861 !important;
    font-weight: 800;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
}

/* Hint */
.faq-hint {
    position: absolute;
    bottom: 18px;
    font-size: 12px;
    color: #475569;
}

/* BACK */
.faq-back {
    opacity: 0;
    transform: translateY(40px);
    /*background: linear-gradient(135deg, #020617, #020617);*/
    background:#1E6493 !important;
    /* 🔥 FIX: allow scroll correctly */
    display: flex;
    flex-direction: column;
    max-height: 100%;
}

.faq-back p {
    font-size: 14px;
    /*color: #e5e7eb;*/
    color:#FFD861;
    line-height: 1.7;

    /* 🔥 SCROLL FIX */
    overflow-y: auto;
    max-height: 140px;
    padding-right: 6px;
}

/* Hover Animation */
.faq-hover-tile:hover .faq-front {
    opacity: 0;
    transform: translateY(-30px) scale(0.95);
}

.faq-hover-tile:hover .faq-back {
    opacity: 1;
    transform: translateY(0);
}

/* Scrollbar inside answer */
.faq-back p::-webkit-scrollbar {
    width: 4px;
}

.faq-back p::-webkit-scrollbar-thumb {
    background: #38bdf8;
    border-radius: 10px;
}

/* Mobile */
@media (max-width: 767px) {
    .faq-hover-tile {
        height: auto;
    }

    .faq-front,
    .faq-back {
        position: relative;
        opacity: 1;
        transform: none;
    }

    .faq-back {
        margin-top: 15px;
        max-height: none;
    }

    .faq-back p {
        max-height: none;
    }

    .faq-hint {
        display: none;
    }
}



/*Why to choose */
.obj-cover{
    object-fit: cover;
}

.choose-img-big,
.choose-img-small{
    height: 300px;
}

/* GAP COLUMN */
.choose-gap{
    pointer-events: none;
}
/* Reduce space between col-md-8 and col-md-4 */
.choose-gap{
    max-width: 30px;
    flex: 0 0 30px;
}

/* Wrapper */
.choose-img-wrapper{
    position: relative;
    height: 100%;
    overflow: hidden;
}

/* ---------------- BOTTOM BAR ---------------- */
.choose-bottom-bar{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    display: flex;
    align-items: stretch;
    transition: all 0.3s ease;
}

.choose-icon-block{
    width: 60px;
    background: #7fcf91;
    display: flex;
    align-items: center;
    justify-content: center;
}

.choose-icon-block img{
    width: 24px;
}

.choose-bottom-bar h5{
    color: #fff;
    margin: 0;
    padding: 14px 16px;
    font-size: 16px;
    font-weight: 600;
}

/* ---------------- HOVER OVERLAY ---------------- */
.choose-hover-content{
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.75);
    display: flex;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s ease;
}

/* LEFT STRIP */
.hover-vertical-strip{
    width: 170px;
    background: #7fcf91;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hover-vertical-strip img{
    width: 28px;
}

/* TEXT AREA */
.hover-text{
    padding: 20px;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.hover-text h4{
    font-size: 22px;
    font-weight: 700;
}

.hover-text h5{
    font-size: 18px;
    margin-bottom: 8px;
}

/* SCROLLABLE CONTENT */
.scrollable-text{
    flex: 1 1 auto;
    overflow-y: auto;
    padding-right: 10px;
    font-size: 13px;
    line-height: 1.6;
}

/* Custom scrollbar (webkit) */
.scrollable-text::-webkit-scrollbar{
    width: 4px;
}

.scrollable-text::-webkit-scrollbar-thumb{
    background: #7fcf91;
    border-radius: 10px;
}

/* HOVER EFFECT */
.choose-img-big .choose-img-wrapper:hover .choose-hover-content{
    opacity: 1;
    visibility: visible;
}

.choose-img-big .choose-img-wrapper:hover .choose-bottom-bar{
    opacity: 0;
}

/* DISABLE HOVER ON SMALL IMAGE */
.no-hover .choose-hover-content{
    display: none;
}

/* MOBILE */
@media(max-width: 767px){
    .choose-img-big,
    .choose-img-small{
        height: auto;
        min-height: 240px;
    }

    .choose-gap{
        display: none;
    }
}
/* clickable feel */
.clickable-card{
    cursor: pointer;
}

/* subtle hover overlay */
.clickable-card::after{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.08);
    opacity: 0;
    transition: opacity 0.25s ease;
}

.clickable-card:hover::after{
    opacity: 1;
}

/* ensure icon + text stay visible */
.clickable-card .choose-bottom-bar{
    position: relative;
    z-index: 2;
}
/* Ensure bottom bar also triggers the click */
.choose-img-small .choose-bottom-bar{
    pointer-events: none;
}

/* Keep hover overlay clickable but visible */
.choose-img-small .clickable-card::after{
    pointer-events: none;
}
.hover-desc p{
    color:#fff !important;
}
/* Main card wrapper */
.choose-img-wrapper{
    border-radius: 8px;
    overflow: hidden; /* critical */
}

/* Image must inherit rounding */
.choose-img-wrapper > img{
    border-radius: 8px;
}

/* Bottom bar — force clean bottom rounding */
.choose-bottom-bar{
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}

/* Hover overlay must also respect rounding */
.choose-hover-content{
    border-radius: 8px;
    overflow: hidden;
}

/* Left vertical strip rounded on left only */
.hover-vertical-strip{
    border-radius: 8px 0 0 8px;
}

/* Prevent pixel bleeding at bottom */
.choose-bottom-bar,
.choose-hover-content{
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
/* ----------------------------------
   BASE TRANSITIONS (SMOOTH & SLOW)
-----------------------------------*/
.choose-img-wrapper{
    transition: transform 0.8s cubic-bezier(.4,0,.2,1);
}

/* Image zoom for depth */
.choose-img-wrapper > img{
    transition: transform 1.2s cubic-bezier(.4,0,.2,1);
}

/* ----------------------------------
   OVERLAY (CINEMATIC FADE)
-----------------------------------*/
.choose-hover-content{
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.7s ease;
    backdrop-filter: blur(2px);
}

/* ----------------------------------
   LEFT GREEN STRIP (SLIDE IN)
-----------------------------------*/
.hover-vertical-strip{
    transform: translateX(-100%);
    transition: transform 0.7s cubic-bezier(.4,0,.2,1);
}

/* ----------------------------------
   TEXT STAGGER ANIMATION
-----------------------------------*/
.hover-text{
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.7s ease, transform 0.7s ease;
    transition-delay: 0.25s;
}

.hover-text h4{
    transition-delay: 0.3s;
}

.hover-text h5{
    transition-delay: 0.4s;
}

.hover-text .scrollable-text{
    transition-delay: 0.5s;
}

/* ----------------------------------
   BOTTOM BAR FADE
-----------------------------------*/
.choose-bottom-bar{
    transition: opacity 0.5s ease;
}

/* ----------------------------------
   HOVER STATE (BIG IMAGE ONLY)
-----------------------------------*/
.choose-img-big .choose-img-wrapper:hover > img{
    transform: scale(1.08);
}

.choose-img-big .choose-img-wrapper:hover .choose-hover-content{
    opacity: 1;
    visibility: visible;
}

.choose-img-big .choose-img-wrapper:hover .hover-vertical-strip{
    transform: translateX(0);
}

.choose-img-big .choose-img-wrapper:hover .hover-text{
    opacity: 1;
    transform: translateY(0);
}

.choose-img-big .choose-img-wrapper:hover .choose-bottom-bar{
    opacity: 0;
}
/* ---------- CRITICAL FIX: PREVENT COLLAPSE ---------- */
.choose-img-small .choose-img-wrapper,
.choose-img-big .choose-img-wrapper{
    position: relative;
    height: 100%;
    min-height: 300px;
}

/* Ensure images define height */
.choose-img-small .choose-img-wrapper > img,
.choose-img-big .choose-img-wrapper > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ---------- SAFE OVERLAY (COL-MD-4 ONLY) ---------- */
.choose-img-small .choose-img-wrapper::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.18);
    opacity: 0;
    transition: opacity 0.6s ease;
    z-index: 1;
    pointer-events: none; /* VERY IMPORTANT */
}

/* Hover effect */
.choose-img-small .choose-img-wrapper:hover::before{
    opacity: 1;
}

/* Image zoom */
.choose-img-small .choose-img-wrapper > img{
    transition: transform 1.2s cubic-bezier(.4,0,.2,1);
}

.choose-img-small .choose-img-wrapper:hover > img{
    transform: scale(1.06);
}

/* Bottom bar always visible */
.choose-img-small .choose-bottom-bar{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

/* Clickable feel */
.choose-img-small{
    cursor: pointer;
}


/*Awards*/

.awards-desc p{
    color:#2D2D2D !important;
    font-size:14px;
    min-height:27px;
}
.press-img-link{
  position: relative;   /* 🔴 REQUIRED */
  display: block;
}

.press-img-btn{
    position: absolute;
    left: 12px;
    bottom: 12px;
    background: #1E6493;
    color: #fff !important;
    padding: 6px 12px;
    font-size: 12px;
    border-radius: 10px;
    z-index: 2;
    white-space: nowrap;
    border: 1px solid #1E6493;
}
.press-img-btn:hover{
    background:transparent;
    color:#1E6493 !important;
    border:1px solid #1E6493;
}

/* Optional hover polish */
/*.press-img-link:hover .press-img-btn{*/
/*  background: #0087F8;*/
/*}*/
.blog-img-wrap {
    position: relative;
    display: block;
}

.blog-date {
    position: absolute;
    right: 12px;
    bottom: 12px;
    background: #0d6efd; /* bootstrap primary */
    color: #fff;
    padding: 6px 12px;
    font-size: 13px;
    border-radius: 20px;
    font-weight: 500;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}





.blog-img-box {
    position: relative;
    width: 100%;
    height: 200px;          /* IMPORTANT */
    overflow: hidden;
}

.blog-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Overlay badge */
.blog-date-overlay {
    position: absolute;
    left: 12px;
    bottom: 12px;
    background: transparent;
    color: #fff;
    padding: 6px 12px;
    font-size: 12px;
    border-radius: 10px;
    z-index: 2;
    white-space: nowrap;
    border:1px solid #FFFFFF;
}
.blog-date-overlay:hover{
    background:#1E6493;
    color:#fff;
    border:1px solid #1E6493;
}

.btnthird,
.btnthird:hover,
.btnthird:focus {
    text-decoration: none !important;
}
.awards-desc-scroll{
    display: block;
    max-height: 52px;          /* adjust if needed */
    overflow-y: auto;
    font-size: 14px;
    line-height: 1.5;
    padding-right: 6px;
    min-height: 52px; 
}

/* Optional: smooth scrollbar (WebKit browsers) */
.awards-desc-scroll::-webkit-scrollbar{
    width: 4px;
}

.awards-desc-scroll::-webkit-scrollbar-thumb{
    background-color: #ccc;
    border-radius: 10px;
}

.awards-desc-scroll::-webkit-scrollbar-track{
    background: transparent;
}
.treatmentslowerdiv ,
.treatmentslowerdiv :hover,
.treatmentslowerdiv :focus {
    text-decoration: none !important;
}


/*testimonials*/

.testimonials-main {
    min-height: 520px;
    justify-content:center;
}

.testimonials-left img {
    object-fit: cover;
}

.testimonials-right {
    padding: 50px 70px;
    background-size: cover;
    background-position: center;
    position: relative;
    min-height:456px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.testimonials-content {
    max-width: 420px;
}

.testimonial-item {
    position: relative;
}

.peoplereview {
    color: #2D2D2D !important;
    font-size: 14px;
    line-height:24px;
}

/* User info */
/*.testimonial-user img {*/
/*    border: 2px solid #fff;*/
/*}*/

/* Scroll indicator line */
.testimonial-line {
    width: 100%;
    height: 2px;
    background: #d6d6d6;
    overflow: hidden;
    position: relative;
}

.testimonial-line .line-fill {
    width: 0;
    height: 100%;
    background: #2b8be0;
    display: block;
}

/* Owl fixes */
#testimonials_slider .owl-dots {
    display: none;
}

/* Responsive */
@media (max-width: 767px) {
    .testimonials-right {
        padding: 30px 20px;
        border-radius:8px;
    }
}
.testimonialsname{
    font-family: "Sora";
    font-weight: 600;
    font-size: 16px;
    color:#1E6493;
}
.testimonialsplace{
    font-family: "Sora";
    font-weight: 400;
    font-size: 15px;
    color:#2D2D2D;
}
.testiimage{
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    height:521px;
}
}



/*events*/
.post-img {
    position: relative;
}

.post-img .image-link {
    display: block;
    position: relative;
}

.image-date-badge {
    position: absolute;
    left: 12px;
    bottom: 12px;
    background: transparent;
    color: #fff !important;
    padding: 6px 12px;
    font-size: 12px;
    border-radius: 10px;
    z-index: 2;
    white-space: nowrap;
    border: 1px solid #FFFFFF;
}
.image-date-badge:hover{
    background:#1E6493;
    color:#fff;
    border:1px solid #1E6493;
}


/*Doctors inner page*/

/* ===============================
   DOCTORS INNER – ALT DESIGN
================================ */

.doctors-inner-alt .doctor-profile-tile {
    /*background: #f8fafc;*/
    border-radius: 12px;
    padding: 30px 20px;
    text-align: center;
    height: 100%;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.doctors-inner-alt .doctor-profile-tile:hover {
    background: #ffffff;
    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.06),
        0 12px 28px rgba(0, 0, 0, 0.04);
}


/* Link reset */
.doctor-profile-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

/* Image */
.doctor-profile-image {
    width: 120px;
    height: 120px;
    margin: 0 auto 15px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.doctor-profile-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Content */
.doctor-profile-name {
    font-size: 18px;
    font-weight: 600;
    color: #1d1d1d;
    margin-bottom: 6px;
}

.doctor-profile-spec {
    font-size: 14px;
    color: #1E6493;
    font-weight: 500;
}

/* Hover image overlay */
.doctor-profile-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(30, 100, 147, 0.25);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.doctors-inner-alt .doctor-profile-tile:hover .doctor-profile-image::after {
    opacity: 1;
}
.doctor-profile-link,
.doctor-profile-link:hover,
.doctor-profile-link:focus,
.doctor-profile-link:active {
    text-decoration: none !important;
    color: inherit;
}


/* Responsive */
@media (max-width: 767px) {
    .doctor-profile-image {
        width: 100px;
        height: 100px;
    }
}


/*Departments inner page*/
/* ===============================
   DEPARTMENTS INNER – ALT DESIGN
================================ */

.departments-inner-alt .department-profile-tile {
    /*background: #f8fafc;*/
    border-radius: 12px;
    padding: 30px 20px;
    text-align: center;
    height: 100%;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.departments-inner-alt .department-profile-tile:hover {
    background: #ffffff;
    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.06),
        0 12px 28px rgba(0, 0, 0, 0.04);
}

/* Link reset */
.department-profile-link,
.department-profile-link:hover,
.department-profile-link:focus,
.department-profile-link:active {
    text-decoration: none;
    color: inherit;
    display: block;
}

/* Image */
.department-profile-image {
    width: 120px;
    height: 120px;
    margin: 0 auto 15px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    padding:20px;
}

.department-profile-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Hover overlay */
.department-profile-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(30, 100, 147, 0.25);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.departments-inner-alt .department-profile-tile:hover .department-profile-image::after {
    opacity: 1;
}

/* Content */
.department-profile-name {
    font-size: 18px;
    font-weight: 600;
    color: #1d1d1d;
    margin-bottom: 6px;
}

.department-profile-desc {
    font-size: 14px;
    color: #555;
    line-height: 1.4;
}

/* Responsive */
@media (max-width: 767px) {
    .department-profile-image {
        width: 100px;
        height: 100px;
    }
}


/* Specialties Section */
.strength-section{
    background:#83CF8F4D;
    overflow:visible; /* ✅ allow circles outside */
}

/* Decorative circles */
.strength-circle{
    position:absolute;
    border-radius:50%;
    z-index:0; /* behind cards */
}

/* Top-left circles (outside section) */
.circle-top-left{
    width:120px;
    height:120px;
    background:#FFD861;
    top:-32px;        /* ✅ push outside */
    left:-22px;       /* ✅ push outside */
}
.circle-top-left::after{
    content: '';
    position: absolute;
    width: 65px;
    height: 65px;
    background: #1E6493;
    border-radius: 50%;
    bottom: -15px;
    right: -15px;
}

/* Bottom-right circles (outside section) */
.circle-bottom-right{
    width:120px;
    height:120px;
    background:#FFD861;
    bottom:-52px;     /* ✅ push outside */
    right:-21px;      /* ✅ push outside */
}
.circle-bottom-right::after{
    content:'';
    position:absolute;
    width:65px;
    height:65px;
    background:#1E6493;
    border-radius:50%;
    top:-15px;
    left:-15px;
}

/* Card (unchanged) */
.strength-card{
    background:#fff;
    border-radius:8px;
    padding:43px 23px;
    display:flex;
    gap:23px;
    box-shadow:0 8px 20px rgba(0,0,0,0.06);
    position:relative;
    z-index:2;
}

/* Image wrapper */
.strength-img-wrap{
    display:flex;
    align-items:center;
}

/* Image */
.strength-img{
    width:143px;
    height:143px;
    border-radius:50%;
    overflow:hidden;
}
.strength-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* Content */
.strength-content{
    height:143px;
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

/* Header */
.strength-header{
    display:flex;
    align-items:center;
    margin-bottom:3px;
}
.strength-number{
    font-size:30px;
    font-weight:600;
    color:#FFD861;
}

/* Orange line */
.strength-line{
    width:30px;
    height:2px;
    background:#f4b400;
    margin:0 10px;
}

/* Title */
.strength-header h5{
    margin:0;
    font-weight:600;
    color:#1E6493;
    font-size:17px;
}

/* Scrollable text */
.strength-text{
    font-size:12px;
    line-height:1.6;
    color:#2D2D2D;
    overflow-y:auto;
    padding-right:6px;
    max-height:73px;
}
.strength-text p{
    font-size:12px;
    line-height:1.6;
    color:#2D2D2D;
    /*overflow-y:auto;*/
    padding-right:6px;
    max-height:73px;
}

/* Scrollbar */
.strength-text::-webkit-scrollbar{
    width:4px;
}
.strength-text::-webkit-scrollbar-thumb{
    background:#cfded3;
    border-radius:10px;
}

/* =========================
   TABLET RESPONSIVE
   ========================= */
@media (max-width: 991px){

    .strength-card{
        padding:30px 20px;
        gap:18px;
    }

    .strength-img{
        width:120px;
        height:120px;
    }

    .strength-content{
        height:120px;
    }

    .strength-number{
        font-size:26px;
    }

    .strength-header h5{
        font-size:16px;
    }

    .strength-text{
        font-size:12px;
        max-height:65px;
    }

    /* Decorative circles adjust */
    .circle-top-left{
        width:90px;
        height:90px;
        top:-30px;
        left:-20px;
    }
    .circle-top-left::after{
        width:50px;
        height:50px;
    }

    .circle-bottom-right{
        width:90px;
        height:90px;
        bottom:-40px;
        right:-20px;
    }
    .circle-bottom-right::after{
        width:50px;
        height:50px;
    }
}


/* =========================
   MOBILE RESPONSIVE
   ========================= */
@media (max-width: 767px){

    .strength-section{
        padding-top:40px;
        padding-bottom:40px;
    }

    .strength-card{
        flex-direction:column;
        align-items:center;
        text-align:center;
        padding:25px 20px;
    }

    .strength-img-wrap{
        justify-content:center;
        margin-bottom:15px;
    }

    .strength-img{
        width:110px;
        height:110px;
    }

    .strength-content{
        height:auto;
        align-items:center;
    }

    .strength-header{
        justify-content:center;
    }

    .strength-number{
        font-size:24px;
    }

    .strength-line{
        display:none; /* clean mobile look */
    }

    .strength-header h5{
        font-size:16px;
    }

    .strength-text{
        max-height:100px;
        text-align:center;
    }

    /* Hide circles on mobile to avoid overlap */
    .strength-circle{
        display:none;
    }
}


/* =========================
   SMALL MOBILE (≤ 480px)
   ========================= */
@media (max-width: 480px){

    .strength-img{
        width:95px;
        height:95px;
    }

    .strength-header h5{
        font-size:15px;
    }

    .strength-text{
        font-size:11.5px;
        max-height:90px;
    }
}
/* =========================
   MOBILE: REMOVE SCROLL,
   SHOW FULL CONTENT
   ========================= */
@media (max-width: 767px){

    .strength-text{
        overflow: visible !important;   /* ❌ no scroll */
        max-height: none !important;    /* ✅ full content */
    }

    .strength-content{
        height: auto !important;        /* ✅ auto height */
    }
}



/*Photo Gallery*/
/*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: #FFD861;
    color: #1E6493 !important;
    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 */

/* 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: #FFD861;*/
/*    color: #1E6493 !important;*/
/*    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: #1E6493;
    color:#FFD861 !important;
    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;
    color: #1E6493 !important;
    text-decoration:none !important;
}

.album-link:hover .album-title {
    color: #FFD861 !important;
    transform: scale(1.05);
}
.album-link,
.album-link:hover {
    text-decoration: none;
}

.album-title,
.album-link:hover .album-title {
    text-decoration: none;
}


/* 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: #FFD861 !important;
    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: #20355C;
    
}
.video-title:hover{
    color:#1E6493 !important;
}
/* 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 #1E6493;
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 0.7s 0.2s forwards;
}
/* Remove underline from all links inside video detail page */
.video-detail-page a,
.video-detail-page a:hover,
.video-detail-page a:focus,
.video-detail-page a:active {
    text-decoration: none;
}

.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: #20355C;
    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 #1E6493;
}

.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;
    }
}
/* Uniform image box */
.gallery-img-wrap {
    width: 100%;
    height: 260px;           /* SAME HEIGHT for all */
    overflow: hidden;
    border-radius: 12px;     /* optional */
    background: #f5f5f5;
}

/* Image behavior */
.gallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover;       /* crops, keeps proportion */
    display: block;
}


/*Contact Us*/

.contact-card {
    background: #1E64932B;
    padding: 35px 20px;
    /*border-radius: 6px;*/
    transition: all 0.35s ease;
    height: 100%;
    cursor: pointer;

    /* 🔥 IMPORTANT */
    display: flex;
    flex-direction: column;
}

/* TOP AREA */
.card-top {
    display: flex;
    align-items: flex-start;
    gap: 20px;

    /* 🔥 SAME HEIGHT FOR ALL CARDS */
    min-height: 65px;
}

.icon-box {
    width: 60px;
    height: 60px;
    min-width: 60px;
    background: #1f5f8b;
    color: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    transition: all 0.35s ease;
}

.card-head h5 {
    font-weight: 400;
    margin-bottom: 5px;
    color: #2D2D2D;
    font-size: 20px;
}

.main-text {
    color: #2D2D2D;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
}

.main-text a {
    color: #2D2D2D;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
}

/* WORD BREAK FIX */
.main-text,
.main-text a {
    word-break: break-word;
    overflow-wrap: anywhere;
}

/* ADDRESS / EMAIL SCROLL (DESKTOP & TAB ONLY) */
.address-scroll {
    max-height: 76px;
    overflow-y: auto;
    padding-right: 6px;
}

.address-scroll::-webkit-scrollbar {
    width: 4px;
}
.address-scroll::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2);
    border-radius: 10px;
}

/* DESCRIPTION — SAME START POINT */
.desc {
    margin-top: auto;
    padding-top: 20px;
    font-size: 15px;
    color: #2D2D2D;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 0;
}

/* ACTIVE STATE */
.contact-card.active {
    background: #1f5f8b;
}

/* HOVER — WORKS ON ALL CARDS INCLUDING ACTIVE */
.contact-card:hover {
    background: #1E6493;
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}

.contact-card.active:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.18);
}

/* TEXT COLOR CHANGE */
.contact-card.active h5,
.contact-card.active .desc,
.contact-card:hover h5,
.contact-card:hover .desc {
    color: #fff;
}

.contact-card.active .main-text,
.contact-card.active .main-text a,
.contact-card:hover .main-text,
.contact-card:hover .main-text a {
    color: #fff;
}

/* ICON INVERT */
.contact-card.active .icon-box,
.contact-card:hover .icon-box {
    background: #fff;
    color: #1f5f8b;
}

/* ===============================
   MOBILE RESPONSIVE FIX
   REMOVE SCROLL ONLY IN MOBILE
================================ */
@media (max-width: 767px) {

    .card-top {
        min-height: auto;   /* natural height on mobile */
    }

    .address-scroll {
        max-height: none;
        overflow: visible;  /* 🔥 scroll removed */
        padding-right: 0;
    }
}


/*Contact form*/
.form-control{
    padding:22px 15px !important;
    border-radius:8px!important;
}
/* Contact form placeholder styling */
.primary_section input::placeholder,
.primary_section textarea::placeholder {
    color: #2D2D2D;        /* blue */
    font-size: 15px;
    opacity: 1;            /* important for Firefox */
    font-weight:300;
    
}

.form-control:focus{
    border-color:#1E6493 !important;
    box-shadow:none !important;
}



/*Treatments info page */

/* Layout row */
.treatments-main-row {
    position: relative;
}

/* Vertical divider */
.treatments-vertical-divider {
    width: 1px;
    height: 100%;
    border-left: 1px dashed #d9d9d9;
}

/* Breadcrumb */
.treatments-breadcrumb {
    font-size:14px;
    color:#666;
    margin-bottom:10px;
}
.treatments-breadcrumb a {
    color:#222;
    text-decoration:none;
}
.treatments-breadcrumb span {
    color:#0b69ff;
    font-weight:500;
}

/* Title */
.treatments-main-title {
    font-size:26px;
    font-weight:600;
    margin-bottom:20px;
    color:#111;
}

/* Images */
.treatments-hero-img {
    width:100%;
    height:360px;
    object-fit:cover;
    border-radius:12px;
    box-shadow:0 6px 18px rgba(0,0,0,0.08);
}

/* Content */
.treatments-content {
    margin-top:18px;
}
.treatments-short-desc {
    font-size:14px;
    color:#444;
    margin-bottom:10px;
}
.treatments-long-desc {
    font-size:14px;
    line-height:1.7;
    color:#555;
}

/* Sidebar */
.treatments-sidebar {
    border:1px solid #e5e5e5;
    border-radius:10px;
    overflow:hidden;
    background:#fff;
}

.treatments-sidebar-header {
    background:#FFD861;
    color:#fff;
    font-size:18px;
    font-weight:600;
    padding:14px 18px;
}

/* Sidebar list with inset borders */
.treatments-sidebar-list {
    list-style:none;
    padding:0;
    margin:0;
}

.treatments-sidebar-list li {
    padding:0 16px; /* space from left & right */
}

.treatments-sidebar-list li:not(:last-child) {
    border-bottom:1px solid #ddd;
}

.treatments-sidebar-list a {
    display:block;
    padding:14px 0;
    font-size:14px;
    color:#333;
    text-decoration:none;
    transition:0.2s;
}

.treatments-sidebar-list a:hover,
.treatments-sidebar-list a.active {
    color:#0b69ff;
    font-weight:600;
}
.treatments-vertical-divider {
    width: 1px;                 /* actual line width */
    height: 100%;
    border-left: 1px dashed #d6d6d6;
}

.treatments-sidebar-list a {
    display:block;
    padding:14px 0;
    font-size:14px;
    color:#333;
    text-decoration:none;
    transition:0.2s;
}

.treatments-sidebar-list a:hover {
    color:#0b69ff;
}

/* ACTIVE ITEM */
.treatments-sidebar-list a.active {
    color:#0b69ff;
    font-weight:600;
    cursor:default;
}




/*Blogs info page*/

*{
    text-decoration:none !important;
}

/* Breadcrumb */
.blog-breadcrumb{
    font-size:14px;
    color:#777;
}

/* Blog image – NOT modified */
.blog-main-img{
    width: 100%;
    height: 430px;
    border-radius: 8px;
    object-fit: cover;
}

/* Meta */
.blog-meta{
    display:flex;
    gap:15px;
    margin-top:23px;
    align-items: center;
}
.badge-date{
    background: transparent;
    color: #1E6493 !important;
    padding: 4px 23px;
    font-size: 14px;
    border-radius: 10px;
    white-space: nowrap;
    border: 1px solid #1E6493;
    font-weight: 600;
}
.read-time-b{
    font-size: 14px;
    color: #1E6493;
    font-weight: 600;
}

/* Title */
.blog-title{
    font-size: 25px;
    font-weight: 500;
    margin: 15px 0;
    color: #2D2D2D !important;
}
.blog-content{
    margin: 15px 0;
}

/* Divider between columns */
.blog-divider{
    position: absolute;
    left: 66.6%;
    top: 20px;
    bottom: 0;
    border-left: 1px dashed #2D2D2D80;
}

/* Sidebar */
.blog-widget{
    /*background:#fff;*/
    /*padding:20px;*/
    /*border-radius:12px;*/
    /*box-shadow:0 0 18px rgba(0,0,0,0.06);*/
}

/* Search */
.search-box{
    display: flex;
    border: 1px solid #F5F5F5;
    border-radius: 8px;
    overflow: hidden;
}
.search-box input{
    border: none;
    padding: 12px 15px;
    width: 100%;
    color: #2D2D2D;
    background: #F5F5F5;
}
.search-box input::placeholder{
    color:#2D2D2D;
    font-size:14px;
    font-weight:300;
}
.search-box input:focus::placeholder{
    color:transparent;
    border:none;
}
.search-box button{
    padding: 0 16px;
    color: #2D2D2D;
    border: none;
    background: #FFD861;
}
.search-box input:focus,
.search-box button:focus{
    outline: none;
    box-shadow: none;
}

/* Social share */
.blog-share{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:30px;
}
.blog-share a{
    width:32px;
    height:32px;
    border:1px solid #1f5faa;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#FFD861;
}

/* Separator */
.blog-separator{
    border-top:1px solid #999;
    margin:30px 0;
}

/* Prev Next */
.blog-prev-next-wrap{
    display:flex;
    justify-content:space-between;
}
.prev-post,
.next-post{
    max-width:45%;
}
.next-post{
    text-align:right;
}
.nav-label{
    font-size:14px;
    font-weight:600;
    color:#1f5faa;
    margin-bottom:6px;
    display:block;
}

/* Recent blogs */
.recent-blog{
    display:flex;
    gap:12px;
    margin-bottom:20px;
}
.recent-blog img{
    width: 107px;
    height: 86px;
    border-radius: 8px;
    object-fit: cover;
}
.extra-blog{
    display:none;
}
.bloginforighth5{
    font-family: "Sora";
    font-weight: 600;
    font-size: 20px;
    color:#2D2D2D !important;
    padding-bottom: 10px;
}

/* Responsive */
@media(max-width:991px){
    .blog-divider{
        display:none;
    }
}

.search-box{
    position: relative;
    width: 100%;
}

.search-box input{
    width: 100%;
    padding: 14px 55px 14px 16px; /* space for icon */
    border: none;
    border-radius: 8px;
    background: #F5F5F5;
    color: #2D2D2D;
    font-size: 14px;
}

.search-box input::placeholder{
    color: #aaa;
}

.search-box input:focus{
    outline: none;
    box-shadow: none;
}

/* Icon button inside input */
.search-box button{
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    border-radius: 8px;
    border: none;
    background: #FFD861;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* Remove focus border on click */
.search-box button:focus{
    outline: none;
    box-shadow: none;
}
/* Home & Blogs */
.blog-breadcrumb .breadcrumb-link{
    color: #000000;
    text-decoration: none;
    font-family: "Sora";
    font-weight: 300;
    font-size: 17px;
}

/* Current blog title */
.blog-breadcrumb .breadcrumb-current{
    font-family: "Sora";
    font-weight: 600;
    font-size: 17px;
    color:#1E6493;
}

/* Optional hover */
.blog-breadcrumb .breadcrumb-link:hover{
    text-decoration: underline;
}
.recentblogpara{
    font-family: "Instrument Sans";
    font-weight: 500;
    font-size: 13px;
    color: #2D2D2D;
    line-height: 17px;
    height:34px;
    width:215px;
}
.recentblogreadmore{
    font-family: "Sora";
    font-weight: 400;
    font-size: 12px;
    color:#000000;
}
.recentblogdate{
    font-size:12px;
    color:#2D2D2D;
    font-weight:300;
    font-family:"Sora";
}




/*Testimonials info*/
/* SECTION */
.testimonials-info{
    background:#fff;
    overflow:hidden;
}

/* LAYOUT */
.testimonials-info-wrapper{
    min-height:520px;
}

/* LEFT IMAGE */
.testimonials-info-image img{
    object-fit:cover;
}

/* RIGHT PANEL */
.testimonials-info-content{
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:center;
    padding:60px 50px;
    position:relative;
}

.testimonials-info-content::before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(255,255,255,0.9);
}

.testimonials-info-inner{
    position:relative;
    z-index:2;
    max-width:420px;
}

/* TITLE & DESC */
.testimonials-info-title{
    font-size:30px;
    font-weight:700;
    margin-bottom:10px;
}

.testimonials-info-desc{
    font-size:16px;
    color:#666;
    margin-bottom:30px;
}

/* ITEM */
.testimonials-info-item{
    padding-bottom:25px;
}

/* TEXT */
.testimonials-info-text{
    font-size:16px;
    line-height:1.7;
    color:#333;
    margin-bottom:25px;
}

/* USER */
.testimonials-info-user{
    display:flex;
    align-items:center;
    gap:15px;
}

.testimonials-info-avatar{
    width:70px;
    height:70px;
    border-radius:50%;
    object-fit:cover;
}

.testimonials-info-name{
    font-weight:600;
    margin-bottom:2px;
}

.testimonials-info-location{
    font-size:14px;
    color:#777;
}

/* DATE */
.testimonials-info-date{
    display:inline-block;
    margin-top:15px;
    font-size:12px;
    color:#fff;
    background:#000;
    padding:6px 14px;
    border-radius:20px;
}

/* RESPONSIVE */
@media(max-width:768px){
    .testimonials-info-content{
        padding:40px 25px;
    }

    .testimonials-info-inner{
        max-width:100%;
    }
}

/* Card wrapper */
.side-card{
    background: #ffffff;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    overflow: hidden;
}

/* Header */
.side-card-header{
    background: #FFD861;
    padding: 12px 16px;
}

.side-card-header h5{
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
}

/* Body */
.side-card-body{
    padding: 0;
}

/* List item */
.side-card-item{
    display: block;
    padding: 14px 16px;
    font-size: 15px;
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #2D2D2D;
    margin: 0px 18px;
}

/* Remove last border */
.side-card-item:last-child{
    border-bottom: none;
}

/* Hover effect (subtle like image) */
.side-card-item:hover{
    background: #FAFAFA;
    color: #000;
}
.side-card-item.active-service {
    color: #0d6efd;
}



.infopagesshortwriteup{
    font-family: "Instrument Sans";
    font-size: 22px;
    line-height: 28px;
    margin-top: 35px;
    color: #2D2D2D;
    font-weight: 500;
}
.venue-map iframe {
    width: 100% !important;
    max-width: 100%;
    height: 350px;   /* adjust if needed */
    border: 0;
}