/*** Spinner Start ***/
/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}
/*** Spinner End ***/

.back-to-top {
    position: fixed;
    right: 30px;
    bottom: 70px;
    transition: 0.5s;
    z-index: 99;
}

/*** Button Start ***/
.btn {
    font-weight: 600;
    transition: .5s;
}

.btn-square {
    width: 32px;
    height: 32px;
}

.btn-sm-square {
    width: 34px;
    height: 34px;
}

.btn-md-square {
    width: 44px;
    height: 44px;
}

.btn-lg-square {
    width: 40px;
    height: 40px;
}

.btn-xl-square {
    width: 66px;
    height: 66px;
}

.btn-square,
.btn-sm-square,
.btn-md-square,
.btn-lg-square,
.btn-xl-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

.btn.btn-primary {
    color: var(--bs-white);
    border: none;
}

.btn.btn-primary:hover {
    background: var(--bs-dark);
}

.btn.btn-light {
    color: var(--bs-primary);
    border: none;
}

.btn.btn-light:hover {
    color: #fff!important;
    background: #153240!important;
}

.btn.btn-dark {
    color: var(--bs-white);
    border: none;
}

.btn.btn-dark:hover {
    color: var(--bs-primary);
    background: var(--bs-light);
}

/*** Navbar Start ***/
.nav-bar {
    background: var(--bs-white);
}

.sticky-top {
    transition: 1s;
}

.navbar-light .navbar-nav .nav-link {
    position: relative;
    margin-right: 25px;
    padding: 35px 0;
    letter-spacing: 1px;
    color: var(--bs-dark);
    font-size: 17px;
    font-weight: 500;
    outline: none;
    transition: .5s;
}

.sticky-top .navbar-light .navbar-nav .nav-link {
    padding: 20px 0;
    color: var(--bs-dark);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
    color: var(--bs-primary);
}

.navbar-light .navbar-brand img {
    max-height: 60px;
    transition: .5s;
}

.sticky-top .navbar-light .navbar-brand img {
    max-height: 50px;
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    vertical-align: middle;
    margin-left: 8px;
}

.dropdown .dropdown-menu a:hover {
    background: var(--bs-primary);
    color: var(--bs-white);
}

.navbar .nav-item:hover .dropdown-menu {
    transform: rotateX(0deg);
    visibility: visible;
    margin-top: 8px !important;
    background: #222222d6;
    transition: .5s;
    opacity: 1;
    border-bottom: 4px solid #ee2d32;
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
    display: block;
    visibility: hidden;
    top: 100%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    border: 0;
    border-radius: 0px;
    margin-top: 8px !important;
    transition: .5s;
    opacity: 0;
    }
}

@media (max-width: 991px) {
    .navbar.navbar-expand-lg .navbar-toggler {
        padding: 8px 15px;
        border: 1px solid var(--bs-primary);
        color: var(--bs-primary);
    }

    .sticky-top .navbar-light .navbar-nav .nav-link {
        padding: 12px 0;
    }
}
/*** Navbar End ***/

/*** Carousel Hero Header Start ***/
.header-carousel .header-carousel-item img {
    object-fit: cover;
}


@media (min-width: 1200px) {
    .header-carousel .header-carousel-item,
    .header-carousel .header-carousel-item img {
        height: 700px;
    }
}

@media (max-width: 1199px) {
    .header-carousel .header-carousel-item,
    .header-carousel .header-carousel-item img {
        height: auto;
    }
}

.header-carousel .owl-nav .owl-prev {
    display: none;
}

.header-carousel .owl-nav .owl-next {
    position: absolute;
    width: 60px;
    height: 60px;
    bottom: -60px;
    right: 50%;
    transform: translateY(-50%);
    margin-right: -60px;
    border-radius: 60px;
    background: var(--bs-primary);
    color: var(--bs-white);
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}
.header-carousel .owl-nav .owl-next:hover {
    box-shadow: inset 0 0 100px 0 var(--bs-light);
    color: var(--bs-primary);
}

.header-carousel .owl-nav .owl-next i {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation-name: carousel-next-btn;
    animation-duration: 4s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    transition: 1s;
}

@keyframes carousel-next-btn {
    0%  {margin-top: 35%;}
    50%  {margin-bottom: 70%;}
    100% {margin-top: 35%;}
}

.header-carousel .header-carousel-item .carousel-caption {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    display: flex;
    align-items: center;
}

.carousel-caption .ticket-form {
    background: rgba(255, 255, 255, 0.4);
    border-radius: 10px;
}

.header-carousel .header-carousel-item img {
/*    animation-name: image-zoom;*/
    animation-duration: 10s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    transition: 1s;
}

@keyframes image-zoom {
    0%  {width: 100%; height: 100%;}

    25% {width: 115%; height: 115%;}

    50% {width: 130%; height: 130%;}

    75% {width: 120%; height: 120%;}

    100% {width: 100%; height: 100%;}
}
/*** Carousel Hero Header End ***/


/* Default – show desktop, hide mobile */
.banner-img.desktop {
    display: block;
}
.banner-img.mobile {
    display: none;
}

/* Mobile View */
@media (max-width: 767px) {
    .banner-img.desktop {
        display: none !important;
    }
    .banner-img.mobile {
        display: block !important;
    }
}


/*** Single Page Hero Header Start ***/
.bg-breadcrumb {
    position: relative;
    overflow: hidden;
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../img/service-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0 60px 0;
    transition: 0.5s;
}

.bg-breadcrumb .breadcrumb {
    position: relative;
}

.bg-breadcrumb .breadcrumb .breadcrumb-item a {
    color: var(--bs-white);
}
/*** Single Page Hero Header End ***/


/*** Feature Start ***/
.feature .feature-item {
    position: relative;
    border-radius: 10px;
    background: var(--bs-light);
}

.feature-item .feature-content {
    position: absolute;
    width: 100%; 
    height: 100%; 
    bottom: 0; 
    left: 0;
    margin-top: 0;
    margin-right: 0; 
    background: rgba(0, 0, 0, 0.7); 
    border-radius: 10px;
    z-index: 2;
}

.feature-item .feature-content .feature-content-inner {
    position: relative;
    z-index: 5;
}
/*** Feature End ***/


/*** Service Start ***/
.service {
    position: relative;
    overflow: hidden;
    background-image: url(../img/service-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.service::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 1;
}

.service .service-section {
    position: relative;
    z-index: 5;
}

.service .service-days {
    border-radius: 10px;
    background: var(--bs-white);
}

.service .service-item {
    position: relative;
    height: 100%;
    text-align: center;
    border-radius: 10px;
    background: var(--bs-white);
    z-index: 1;
}

.service .service-item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    border-radius: 10px;
    background: var(--bs-primary);
    transition: 0.5s;
    z-index: 2;
}

.service .service-item:hover:after {
    height: 100%;
}

.service .service-item i {
    color: var(--bs-primary);
    transition: 0.5s;
}

.service .service-item:hover i {
    color: var(--bs-white);
}

.service .service-item .service-content {
    position: relative;
    z-index: 3;
}

.service .service-item .service-content p {
    transition: 0.5s;
}

.service .service-item:hover .service-content p {
    color: var(--bs-white);
}

.service .service-item .service-content a.h4 {
    transition: 0.5s;
}

.service .service-item:hover .service-content a.h4:hover {
    color: var(--bs-white);
}
/*** Service End ***/


/*** Blog Start ***/
.container-fluid.blog.py-5 {
    background: #222222!important;
}
.blog .blog-item {
    border-radius: 10px;
}

.blog .blog-item .blog-img {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transition: 0.5s;
}

.blog .blog-item .blog-img img {
    transition: 0.5s;
}

.blog .blog-item:hover .blog-img img {
    transform: scale(1.2);
}

.blog .blog-item .blog-img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: rgba(0, 0, 0, .3);
    z-index: 1;
}

.blog .blog-item .blog-img .blog-category {
    position: absolute;
    top: 25px;
    left: 25px;
    border-radius: 10px;
    color: var(--bs-white);
    background: var(--bs-primary);
    z-index: 5;
}

.blog .blog-item .blog-img .blog-date {
    position: absolute;
    bottom: 25px;
    left: 25px;
    color: var(--bs-white);
    z-index: 5;
}

.blog .blog-item .blog-content {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: var(--bs-light);
}

.arrow-blog-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.arrow-blog-list li {
  position: relative;
  padding-left: 34px; /* thoda zyada space for >> */
  margin-bottom: 14px;
}

.arrow-blog-list li::before {
  content: ">>";
  position: absolute;
  left: 0;
  top: 2px;
  color: #ed2d32;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  transition: transform 0.3s ease;
}

.arrow-blog-list a {
  text-decoration: none;
  color: #222;
  display: inline-block;
  padding-bottom: 3px;
  border-bottom: 2px solid transparent;
  transition: color 0.3s ease, border-color 0.3s ease;
}

.arrow-blog-list li:hover::before {
  transform: translateX(6px);
}

.arrow-blog-list li:hover a {
  color: #ed2d32;
  border-bottom-color: #ed2d32;
}

/*** Blog End ***/

/*** Team Start ***/
.team .team-item {
    position: relative;
    background: var(--bs-primary);
    border-radius: 10px;
}

.team .team-item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    border-radius: 10px;
    background: var(--bs-dark);
    transition: 0.5s;
    z-index: 1;
}

.team .team-item:hover:after {
    height: 100%;
}

.team .team-item .team-content {
    position: relative;
    text-align: center;
    z-index: 2;
}

.team .team-item .team-content .team-icon {
    background: var(--bs-light);
    border-radius: 10px;
    display: flex;
    display: inline-flex;
}

.team .team-item .team-content h4,
.team .team-item .team-content p {
    transition: 0.5s;
}

.team .team-item:hover .team-content h4 {
    color: var(--bs-primary);
}

.team .team-item .team-content p {
    color: var(--bs-white);
    transition: 0.5s;
}

.team .team-item:hover .team-content p {
    color: var(--bs-body);
}
/*** Team End ***/


/*** Footer Start ***/
.footer {
    background: var(--bs-dark);
}

.footer .footer-item {
    display: flex;
    flex-direction: column;
}

.footer .footer-item a {
    line-height: 35px;
    color: #fff!important;
    transition: 0.5s;
}

.footer .footer-item p {
    line-height: 28px;
}

.footer .footer-item a:hover {
    color: var(--bs-primary)!important;
    border-bottom: 1px solid #ee2d32!important;
}

.footer .footer-item .footer-btn a,
.footer .footer-item .footer-btn a i {
    transition: 0.5s;
}

.footer .footer-item .footer-btn a:hover {
    background: var(--bs-white);
}

.footer .footer-item .footer-btn a:hover i {
    color: var(--bs-primary);
}

.footer .footer-item .opening-date {
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.footer .footer-item .opening-date .opening-clock {
    display: flex;
    align-items: center;
    line-height: 35px;
}

/* ===== Footer Quick Links Menu Fix ===== */

.footer .footer-item .footer-quick-links {
    list-style: none !important;
    padding: 0;
    margin: 0;
}

.footer .footer-item .footer-quick-links li {
    list-style: none !important;
    padding: 0;
    margin-bottom: 6px;
}

.footer .footer-item .footer-quick-links li::marker {
    content: none !important;
}

.footer .footer-item .footer-quick-links a {
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 25px!important;
    color: #fff!important;
    text-decoration: none;
    border-bottom: none !important; /* hover border clash fix */
}

.footer .footer-item .footer-quick-links a i {
    font-size: 14px;
    opacity: 0.7;
}
/* Mobile devices (max-width: 767px) */
@media (max-width: 767px) {
    .footer-item {
        padding-bottom: 20px!important;
    }
}
/*** Footer End ***/

/*** copyright Start ***/
.copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: var(--bs-dark);
}
/*** copyright end ***/


:root {
    --theme-color: #103859; /* Change to match your website */
}

/* TAB BUTTONS ----------------------------------- */
.facility-tabs {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.facility-tab {
    background: transparent;
    border: none;
    font-size: 17px;
    font-weight: 500;
    padding: 12px 10px;
    text-align: left;
    cursor: pointer;
    position: relative;
    color: #333;
    transition: 0.3s ease;
    border-bottom: 2px solid #e9eef5;
}

/* Modern Hover */
.facility-tab:hover {
    color: #fff!important;
}

/* Underline animation */
.facility-tab::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 3px;
    width: 0;
    background: var(--theme-color);
    border-radius: 5px;
    transition: width 0.35s ease;
}

.facility-tab:hover::after {
    width: 100%;
}

/* ACTIVE TAB */
.facility-tab.active {
    color: #fff!important;
    font-weight: 600;
}

.facility-tab.active::after {
    width: 100%;
}
span.fa.fa-bars {
    color: #fff !important;
}
/* CONTENT BOXES ---------------------------------- */
.facility-box {
    display: none;
    animation: fadeIn 0.4s ease;
/*    padding: 0px 10px!important;*/

}

.facility-box.active {
    display: block;
}

/* IMAGES ------------------------------------------ */
.facility-image-wrapper {
    position: relative;
    height: 340px;
    overflow: hidden;
    border-radius: 10px;
}

.facility-img {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 18px; /* smoother rounded corners */
    background: #fff;

    /* soft professional shadow */
    box-shadow: 
        0 10px 25px rgba(0, 0, 0, 0.08),
        0 4px 10px rgba(0, 0, 0, 0.05);

    transition: all 0.4s ease;
    object-fit: cover;
    opacity: 0;
    transition: 0.5s ease;
}

.facility-img.active {
    opacity: 1;
}

.facility-services{
    padding-left: 0;
    margin: 0;
    list-style: none;
}

.facility-services li{
    position: relative;
    padding-left: 22px;
    margin-bottom: 6px;
    font-size: 13px;
    color: #555;
    line-height: 1.4;
}

/* Tick icon – Font Awesome Solid (same family as fas) */
.facility-services li::before{
    content: "\f00c"; /* fa-check */
    font-family: "Font Awesome 5 Free";
    font-weight: 900; /* REQUIRED for solid icons */
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 12px;
    color: #d61f3c;
}



/* Smooth Fade Animation */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.doctor-section {
    background: #fff;
}

.doctor-card {
    background: #fafafa;
    border-radius: 12px;
    padding: 22px;
    position: relative;
    overflow: hidden;
    border: 1px solid #eaeaea;
    transition: 0.3s ease;
}

.doctor-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.08);
}

/* Experience Badge */
.exp-badge {
    position: absolute;
    top: 18px;
    left: 18px;
    background: #ffffff;
    padding: 6px 12px;
    font-size: 13px;
    border-radius: 6px;
    font-weight: 600;
    border: 1px solid #ddd;
}

/* Text Styling */
.doctor-name {
    margin-top: 50px;
    font-weight: 700;
    font-size: 19px;
    line-height: 1.3;
    color: #000;
}

.designation {
    color: #444;
    margin: 6px 0;
}

/* Location */
.location-wrap {
    color: #555;
    font-size: 14px;
    margin-top: -10px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.dot {
    width: 8px;
    height: 8px;
    background: #ee2d32;
    border-radius: 50%;
}

/* Doctor Image */
.doctor-img-wrap {
    margin-top: 20px;
    background: #092b3c;
    border-radius: 0 0 12px 12px;
    padding-top: 40px;
    position: relative;
}

.doctor-img {
    width: 100%;
    object-fit: contain;
    position: relative;
    z-index: 3;
}

/* View All Doctors Button */
.view-all-btn {
    padding: 10px 24px;
    border: 2px solid #ee2d32;
    color: #ee2d32;
    font-weight: 600;
    letter-spacing: 1px;
    text-decoration: none;
    transition: 0.3s ease;
}

.view-all-btn:hover {
    background: #ee2d32;
    color: #fff;
}

@media (max-width: 767px) {

  .section-title {
    text-align: center;
    margin-bottom: 15px;
  }

  .view-all-btn {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    display: block;
    text-align: center;
  }

  .d-flex.justify-content-between.align-items-center {
    flex-direction: column;
    gap: 12px;
  }
}

.client-logos {
    background: #ffffff;
}

.section-title {
    font-size: 28px;
    font-weight: 700;
}

/* Slide Wrapper */
.clientSwiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

/* Logo Box */
.clientSwiper .swiper-slide div {
    background: #fff;
    border-radius: 12px;
    padding: 18px 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    transition: 0.3s ease;
}

/* Logo Image */
.clientSwiper img {
    width: 120px;
    height: auto;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: 0.3s ease;
}

/* Hover effect */
.clientSwiper .swiper-slide div:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}

.clientSwiper img:hover {
    filter: grayscale(0%);
    opacity: 1;
}

.testimonials-section {
    background: #222222;
}

.section-title {
    font-size: 32px;
    font-weight: 700;
}

.section-subtitle {
    color: #666;
    margin-top: 10px;
}

.testimonialSwiper .swiper-slide {
    padding: 20px;
}

.testimonial-card {
    background: #ffffff;
    border-radius: 18px;
    padding: 30px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.07);
    transition: 0.3s ease;
    height: 100%;
}

.testimonial-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
}

.testimonial-text {
    font-size: 17px;
    line-height: 1.7;
    color: #333;
    margin-bottom: 25px;
    font-style: italic;
}

.testimonial-user {
    display: flex;
    align-items: center;
    gap: 15px;
}

.testimonial-user img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #e91e63;
}

.testimonial-user h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.testimonial-user p {
    margin: 0;
    font-size: 14px;
    color: #777;
}

:root {
    --theme-color: #ee2d32;   /* Blue from screenshot */
}

/* Hide on desktop */
@media(min-width: 768px) {
    .mobile-footer-bar {
        display: none !important;
    }
    .py-5 {
    padding-bottom: 2rem !important;
}
}

.mobile-footer-bar {
    position: fixed;
    bottom: -100px; /* hidden initially */
    left: 0;
    right: 0;
    background: var(--theme-color);
    padding: 12px 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 99999;
    transition: 0.4s ease;
/*    border-radius: 18px 18px 0 0;*/
    box-shadow: 0 -4px 18px rgba(0,0,0,0.2);
}

.mobile-footer-bar a.footer-icon {
  text-decoration: none;
  color: #fff;
}

.mobile-footer-bar a.footer-icon:active,
.mobile-footer-bar a.footer-icon:focus {
  color: #fff;
}

.mobile-footer-bar.visible {
    bottom: 0;
}

.mobile-footer-bar .footer-icon {
    color: #fff!important;
    text-align: center;
    font-size: 13px;
}

.mobile-footer-bar .footer-icon i {
    font-size: 22px;
    display: block;
    margin-bottom: 4px;
}

/* Floating WhatsApp Button - Left Side */
.whatsapp-float-left {
    position: fixed;
    width: 45px;
    height: 45px;
    bottom: 73px;
    left: 20px;  /* LEFT SIDE */
    background-color: #25D366;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 28px;
    z-index: 9999;
    box-shadow: 0px 4px 12px rgba(0,0,0,0.25);
    transition: 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hover Effect */
.whatsapp-float-left:hover {
    background-color: #1ebe5d;
    transform: scale(1.08);
}

/* Mobile View */
@media (max-width: 576px) {
    .whatsapp-float-left {
        width: 45px !important;
        height: 45px !important;
        bottom: 73px !important;
        left: 15px !important;
        font-size: 24px !important;
    }
}

@media (max-width: 767px) {
    .copyright {
        display: none !important;
    }
}



.treatments-hero{
  position:relative;
  padding:110px 0;
  background-size:cover;
  background-position:center;
}
.hero-overlay{
  position:absolute;
  inset:0;
  background:rgb(0 0 0 / 94%);
}
.treatments-hero .container{
  position:relative;
  z-index:2;
}
.treatments-hero h1{
  font-size:48px;
  color: #fff;
  font-weight:700;
}
.treatments-hero p{
  font-size:18px;
  max-width:620px;
  margin:10px auto 0;
}

@media(max-width:768px){
  .treatments-hero{padding:70px 15px;}
  .treatments-hero h1{font-size:30px;}
}
.treatments-list{background:#f9f9f9;}

.treatment-card{
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  transition:.4s ease;
  height:100%;
}
.treatment-card:hover{
  transform:translateY(-8px);
}

.treatment-img{
  overflow:hidden;
  height:230px;
}
.treatment-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.5s;
}
.treatment-card:hover img{transform:scale(1.1);}

.treatment-body{
  padding:22px;
  text-align:center;
}
.treatment-body h5{
  font-size:18px;
  font-weight:600;
}
.treatment-body p{
  font-size:14px;
  color:#666;
  min-height:60px;
}

.read-more{
  display:inline-block;
  margin-top:12px;
  padding:8px 22px;
  border-radius:30px;
  background:#ee2d32!important;
  color:#fff;
  transition:.3s;
}
.read-more:hover{
  background:#153240!important;
  color:#fff;
}

@media(max-width:600px){
  .treatment-img{height:180px;}
  .treatment-body p{min-height:auto;}
}

#loadMoreTreatments{
  background:#ee2d32;
  border:none;
  padding:10px 30px;
}

.treatments-cta{
  background:#ee2d32;
}
.treatments-cta h3{
  font-size:30px;
  color: #fff;
}
@media(max-width:768px){
  .treatments-cta h3{font-size:24px;}
}

.our-facilities{background:#fff;}

.facility-card {
    background: linear-gradient(135deg, #222222, #222222);
    transition: all 0.3s ease;
}

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

#facilityModal img {
    object-fit: cover;
}

#facilityModal .modal-content {
    border-radius: 14px;
    overflow: hidden;
}

#facilityModal h3 {
    color: #222;
}

/* Blur background behind modal */
.glass-modal {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background: rgba(0, 0, 0, 0.4);
}

/* Modal content glass look */
.glass-modal .modal-content {
    background: rgba(255, 255, 255, 0.96);
    border-radius: 18px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

/* Smooth animation */
.modal.fade .modal-dialog {
    transform: scale(0.95);
    transition: all 0.35s ease;
}

.modal.show .modal-dialog {
    transform: scale(1);
}

/* Close button style */
.glass-modal .btn-close {
    background-color: #fff;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    opacity: 1;
}

/* Mobile optimization */
@media (max-width: 767px) {
    .glass-modal {
        backdrop-filter: blur(4px);
    }
}

.treatment-breadcrumb{
  display:flex;
  justify-content:center;
  gap:8px;
  font-size:14px;
}
.treatment-breadcrumb a{color:#fff;opacity:.85}
.treatment-breadcrumb span{opacity:.6}

.callback-sticky{
  position:sticky;
  top:90px;
  background:#2222220a!important;
  padding:35px 30px;
  border-radius:18px;
  box-shadow:0 12px 35px rgba(0,0,0,.12);
}

/* RIGHT SIDEBAR WRAPPER */
.callback-sticky{
    position: sticky;
    top: 90px;
    background: #2222220a!important;
    padding: 32px 28px;
    border-radius: 18px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
    max-width: 100%;
}

/* FORM TITLE */
.callback-sticky h4{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

/* FORM */
.callback-form .form-group{
    margin-bottom: 18px;
}
.callback-form label{
    font-size: 13px;
    color: #666;
    margin-bottom: 6px;
    display: block;
}
.callback-form input{
    width: 100%;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid #ddd;
    font-size: 14px;
    transition: .3s;
}
.callback-form input:focus{
    outline: none;
    border-color: #d72b7f;
    box-shadow: 0 0 0 2px rgba(215,43,127,.15);
}

/* BUTTON */
.callback-btn{
    width: 50%!important;
    border: none;
    border-radius: 30px;
    padding: 12px 20px;
    background: #ee2d32!important;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: .3s;
}
.callback-btn:hover{
    opacity: .9;
}

/* TREATMENT LIST */
.treatment-list{
    margin-top: 35px;
    border-top: 1px solid #eee;
    padding-top: 25px;
}
.treatment-list h5{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
}
.treatment-list ul{
    padding-left: 0;
    margin: 0;
}
.treatment-list li{
    list-style: none;
    margin-bottom: 10px;
}
.treatment-list a{
    font-size: 14px;
    color: #333;
/*    text-decoration: underline;*/
    transition: .3s;
}
.treatment-list a:hover{
    color: #ee2d32;
}

/* MOBILE FIX */
@media(max-width: 991px){
    .callback-sticky{
        position: static;
    }
}


/* ======================================
   OUR CENTERS SECTION
====================================== */

.our-centers-section{
  background:#f7f9fb;
  position:relative;
}

/* Center Card Box */
.center-card{
  background:#ffffff;
  border-radius:22px;
  overflow:hidden;
  height:100%;
  transition:0.4s ease;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

/* Hover Effect on Card */
.center-card:hover{
  transform:translateY(-12px);
  box-shadow:0 20px 40px rgba(0,0,0,0.15);
}

/* Center Image Wrapper – FIXED SIZE */
.center-img{
  width:100%;
  height:220px;              /* Fixed height */
  overflow:hidden;
  position:relative;
}

/* Center Featured Image */
.center-img img{
  width:100%;
  height:100%;
  object-fit:cover;         /* Crop without distortion */
  transition:0.4s ease;
}

/* Zoom Effect on Hover */
.center-card:hover .center-img img{
  transform:scale(1.08);
}

/* Center Content Area */
.center-content{
  text-align:center;
  background:#fff;
}

/* Center Title */
.center-content h5{
  font-weight:700;
  font-size:18px;
  margin-bottom:6px;
  color:#222;
}

/* Center Description / Address */
.center-content p{
  font-size:14px;
  line-height:1.6;
  color:#666;
  margin-bottom:10px;
}

/* View Details Button */
.center-content .btn{
  font-size:13px;
  padding:6px 16px;
  border-radius:30px;
}

/* Tablet */
@media(max-width:991px){
  .center-img{height:200px;}
  .center-content h5{font-size:17px;}
}

/* Mobile */
@media(max-width:575px){
  .center-img{height:170px;}
  .center-content{padding:15px 12px;}
  .center-content h5{font-size:16px;}
  .center-content p{font-size:13px;}
}

/* ======================================
   CENTRE DOCTORS & STAFF CAROUSEL
====================================== */

.centre-carousel{
  background:#f7f9fb;
}

.centre-carousel h3{
  font-weight:700;
  margin-bottom:30px;
  text-align:center;
  color:#222;
}

.doc-card{
  background:#fff;
  border-radius:22px;
  padding:0px;
  text-align:center;
  box-shadow:0 12px 28px rgba(255,255,255);
  transition:.4s;
}

.doc-img-box{
  width:100%;
  height:100%;
/*  border-radius:18px;*/
  background:#eef3f6;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  margin-bottom:15px;
}

.doc-img-box img{
  width:100%;
  height:100%!important;
  object-fit:cover;  /* 🔥 no cut, no stretch */
}

/* Title */
.doc-card h6{
  font-weight:700;
  color:#003b5c;
  margin-bottom:4px;
}

/* ARROWS */
.doctor-carousel .owl-nav{
  position:absolute;
  top:-70px;
  right:10px;
}

.doctor-carousel .owl-nav button{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#003b5c !important;
  color:#fff !important;
  font-size:20px !important;
  box-shadow:0 6px 18px rgba(0,0,0,.3);
}


.doc-card span{
  display:block;
  font-size:13px;
  color:#777;
}

.doc-card p{
  font-size:13px;
  color:#999;
  margin:6px 0 12px;
}

.doc-btn{
  display:inline-block;
  background:#003b5c;
  color:#fff;
  padding:7px 20px;
  margin-bottom: 25px;
  border-radius:30px;
  font-size:13px;
  text-decoration:none;
  transition:.3s;
}

.doc-btn:hover{
  background:#ee2d32;
  color:#fff;
}

.med-about-hero{
  background:linear-gradient(135deg,#000,#222222);
  padding:80px 0;
  color:#fff;
  position:relative;
}

.hero-text blockquote{
  font-size:32px;
  line-height:1.5;
  font-weight:500;
  position:relative;
/*  max-width:620px;*/
}

.big-q{
  font-size:70px;
  color:#ee2d32;
  position:absolute;
  left:-35px;
  top:-20px;
}

.hero-author{
  margin-top:18px;
  color:#bbb;
  font-size:14px;
}

/* Doctor Image Circle */
.hero-img-wrap{
  display:flex;
  justify-content:center;
}

.doctor-circle{
  width:280px;
  height:280px;
  border-radius:50%;
  background:#111;
  padding:6px;
  box-shadow:0 0 0 4px rgb(238 45 50);
}

.doctor-circle img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
}

/* Responsive */
@media(max-width:991px){
  .med-about-hero{padding:60px 0;text-align:center}
  .hero-text blockquote{font-size:26px;margin:auto}
  .big-q{left:0;top:-10px;position:relative}
  .doctor-circle{width:220px;height:220px;margin-top:35px}
}

.med-tree-life{
  padding:40px 0;
  background:#fff;
  position:relative;
}

/* LEFT TREE */
.tree-life-left{
  background:url('https://atriuscardiac.sandhyatech.com/wp-content/uploads/2026/01/about-us.jpg') center/contain no-repeat;
  height:420px;
  position:relative;
}

.tree-overlay-text{
  position:absolute;
  left:30px;
  bottom:30px;
  font-size:46px;
  font-weight:700;
  color:rgba(0,0,0,0.45);
}

/* RIGHT CONTENT */
.tree-life-right h2{
  font-size:34px;
  font-weight:700;
  margin-bottom:15px;
}
.tree-life-right p{
  color:#555;
  line-height:1.7;
  margin-bottom:10px;
  text-align: left;
}

/* LOGO CARDS */
.tree-logos{
  display:flex;
  gap:20px;
}
.logo-card{
  width:120px;
  height:120px;
  background:#fff;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.logo-card img{
  width:70px;
}

/* RESPONSIVE */
@media(max-width:991px){
  .tree-life-left{height:300px;margin-bottom:40px}
  .tree-overlay-text{font-size:32px}
  .tree-logos{justify-content:center}
  .tree-life-right{text-align:center}
}

/* =========================
   SECTION BASE
========================= */

.our-growth{
  padding:50px 0;
  background:#f7f7f7;
}

#growth-section{
  overflow-x:hidden;
}

/* =========================
   HEADING
========================= */

.growth-heading-wrap{
  text-align:center;
  margin-bottom:50px;
}

.growth-title{
  font-size:36px;
  font-weight:700;
  color:#222;
}

.growth-subline{
  width:70px;
  height:3px;
  background:#ed2d32;
  display:block;
  margin:12px auto 15px;
  border-radius:2px;
}

/* =========================
   SLIDER WRAPPER FIX
========================= */

.growth-slider,
.growth-nav-slider{
  overflow:hidden;
}

.growth-slider .slick-track,
.growth-nav-slider .slick-track{
  display:flex;
}

/* =========================
   MAIN SLIDE LAYOUT (DESKTOP)
========================= */

.growth-item{
  display:flex;
  align-items:center;
  gap:48px;
  width:100%;
}

/* LEFT IMAGE */
.growth-item-left{
  flex:0 0 42%;
  max-width:42%;
}

.growth-item-left img{
  width:100%;
  height:280px;
  object-fit:cover;
  border-radius:18px;
  display:block;
}

/* RIGHT CONTENT */
.growth-item-right{
  flex:0 0 58%;
  max-width:58%;
}

.growth-item-right .heading{
  font-size:22px;
  font-weight:600;
  margin-bottom:16px;
  color:#222;
}

.growth-item-right p{
  color:#555;
  font-size:15px;
  line-height:1.7;
}

/* =========================
   TIMELINE / NAV
========================= */

.growth-nav-slider{
  margin-top:50px;
  position:relative;
}

.growth-nav-slider:before{
  content:"";
  position:absolute;
  top:10px;
  left:0;
  right:0;
  height:1px;
  background:#ccc;
}

.growth-dot{
  width:16px;
  height:16px;
  border-radius:50%;
  border:2px solid #ed2d32;
  background:#fff;
  margin:0 auto;
  transition:all 0.3s ease;
}

.growth-text{
  text-align:center;
  margin-top:10px;
  font-weight:600;
  font-size:14px;
  color:#666;
}

.growth-nav-slider .slick-current .growth-dot{
  background:#ed2d32;
  transform:scale(1.15);
}

.growth-nav-slider .slick-current .growth-text{
  color:#ed2d32;
}

/* =========================
   RESPONSIVE (MOBILE)
========================= */

@media (max-width:991px){

  .growth-item{
    flex-direction:column;
    gap:30px;
  }

  .growth-item-left,
  .growth-item-right{
    max-width:100%;
    width:100%;
  }

  .growth-item-left img{
    height:240px;
  }

  .growth-item-right{
    text-align:center;
  }
}

@media (max-width:575px){

  .growth-title{
    font-size:28px;
  }

  .growth-item-left img{
    height:220px;
  }
}

.awards-carousel .owl-nav .owl-prev::before {
  content: "\f053"; /* fa-chevron-left */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #ed2d32;
}

.awards-carousel .owl-nav .owl-next::before {
  content: "\f054"; /* fa-chevron-right */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #ed2d32;
}


.our-mission-section{
  padding:50px 0;
  background:#fff url('https://atriuscardiac.care/wp-content/uploads/2026/02/dot-grid.webp');
}

.mission-heading{
  text-align:center;
  font-size:36px;
  font-weight:700;
  margin-bottom:60px;
}

.mission-wrap{
  margin-top:20px;
}

.mission-text p{
  font-size:20px;
  color:#444;
  line-height:1.8;
}

.mission-image img{
  width:100%;
  border-radius:24px;
  box-shadow:0 15px 40px rgba(0,0,0,0.15);
}

/* Responsive */
@media(max-width:991px){
  .mission-text{text-align:center;margin-bottom:40px}
  .mission-heading{font-size:30px}
}

.our-values-section{
  padding:50px 0;
  background:#f7f7f7;
}

.values-heading{
  text-align:center;
  font-size:36px;
  font-weight:700;
}

.values-intro{
  max-width:760px;
  margin:10px auto 0;
  text-align:center;
  color:#666;
  line-height:1.7;
}

.values-image img{
  width:100%;
  border-radius:22px;
  box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.values-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px;
}

.value-box{
  text-align:center;
}

.value-box img{
  width:42px;
  margin-bottom:12px;
}

.value-box h5{
  font-weight:700;
  margin-bottom:6px;
  color:#222;
}

.value-box p{
  font-size:14px;
  color:#666;
  line-height:1.6;
}

/* Responsive */
@media(max-width:991px){
  .values-grid{grid-template-columns:1fr}
  .values-image{margin-bottom:40px}
}

.awards-section{
  padding:50px 0;
  position: relative;
  overflow: hidden;
  background:#fff;
}

.awards-heading{
  text-align:center;
  font-size:34px;
  font-weight:700;
  margin-bottom:40px;
}

.award-card{
  background:#222222;
  border-radius:22px;
  padding:30px;
  text-align:center;
  box-shadow:0 12px 35px rgba(0,0,0,.08);
  position:relative;
  min-height:160px;
}

.award-year{
  font-size:20px;
  font-weight:700;
  color:#fff;
}

.award-body{
  margin-top:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
}

.award-body p{
  max-width:260px;
  font-size:14px;
  color:#fff;
}

.laurel{
  width:24px;
  height:60px;
  background:url('https://cdn-icons-png.flaticon.com/512/2583/2583345.png') center/contain no-repeat;
}

.laurel.right{
  transform:scaleX(-1);
}

/* Owl arrows */
/* ===== OWL NAV FIX – AWARDS SECTION ===== */

.awards-section {
  position: relative;
  overflow: hidden;
}

/* Force nav visible */
/*.awards-carousel .owl-nav {
  display: block !important;
}*/

.best-doctors-section{padding:50px 0;background:#f7f7f7}

.doctor-filter-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:40px;
}

.location-tabs button{
  border:1px solid #ddd;
  background:#fff;
  padding:10px 22px;
  border-radius:30px;
  margin-right:10px;
  font-weight:600;
}

.location-tabs .active{
  background:#ed2d32;
  color:#fff;
  border-color:#ed2d32;
}

.speciality-filter{
  padding:10px 20px;
  border-radius:30px;
  border:1px solid #ddd;
}

.doctor-card{
  background:#fff;
  border-radius:20px;
  padding:25px;
  box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.doc-header{
  display:flex;
  gap:15px;
}

.doc-header img{
  width:70px;height:70px;border-radius:50%;object-fit:cover;
}

.doc-tabs{
  display:flex;
  gap:25px;
  border-bottom:1px solid #eee;
  margin:15px 0;
}

.doc-tabs span.active{
  color:#ed2d32;
  border-bottom:2px solid #ed2d32;
}

.doc-list{
  list-style:none;padding:0;
}

.doc-list li{
  font-size:14px;
  margin-bottom:6px;
}

.doc-btn{
  background:#ed2d32;
  color:#fff;
  padding:10px 28px;
  border-radius:30px;
  display:inline-block;
  margin-top:15px;
}

.doctor-tabs{display:flex;gap:15px;margin-bottom:40px;flex-wrap:wrap}
.doc-tab{padding:10px 22px;border-radius:30px;border:1px solid #ccc;background:#fff}
.doc-tab.active{background:#ed2d32;color:#fff}

.doctor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}

.doctor-card{
  background:#fff;
  padding:25px;
  border-radius:18px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  text-align:center;
}

.doc-img img{
  width:110px;
  height:110px;
  border-radius:50%;
  object-fit:cover;
}

.doc-btn{
  display:inline-block;
  margin-top:15px;
  background:#ed2d32;
  color:#fff;
  padding:10px 22px;
  border-radius:30px;
}

/* Mobile */
@media(max-width:768px){
  .doctor-grid{grid-template-columns:1fr}
}
.doctor-tabs{display:flex;gap:15px;margin-bottom:40px;flex-wrap:wrap}
.doc-tab{padding:10px 22px;border-radius:30px;border:1px solid #ccc;background:#fff}
.doc-tab.active{background:#ed2d32;color:#fff}

.doctor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}

.doctor-card{
  background:#fff;
  padding:25px;
  border-radius:18px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  text-align:center;
}

.doc-img img{
  width:110px;
  height:110px;
  border-radius:50%;
  object-fit:cover;
}

.doc-btn{
  display:inline-block;
  margin-top:15px;
  background:#ed2d32;
  color:#fff;
  padding:10px 22px;
  border-radius:30px;
}

/* Mobile */
@media(max-width:768px){
  .doctor-grid{grid-template-columns:1fr}
}
.doctor-tabs{display:flex;gap:15px;margin-bottom:40px;flex-wrap:wrap}
.doc-tab{padding:10px 22px;border-radius:30px;border:1px solid #ccc;background:#fff}
.doc-tab.active{background:#ed2d32;color:#fff}

.doctor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}

.doctor-card{
  background:#fff;
  padding:25px;
  border-radius:18px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  text-align:center;
}

.doc-img img{
  width:110px;
  height:110px;
  border-radius:50%;
  object-fit:cover;
}

.doc-btn{
  display:inline-block;
  margin-top:15px;
  background:#ed2d32;
  color:#fff;
  padding:10px 22px;
  border-radius:30px;
}

section.med-doctors-section.mb-4 {
    margin-bottom: 40px !important;
}

/* Mobile */
@media(max-width:768px){
  .doctor-grid{grid-template-columns:1fr}
}
.doctor-tabs{display:flex;gap:15px;margin-bottom:40px;flex-wrap:wrap}
.doc-tab{padding:10px 22px;border-radius:30px;border:1px solid #ccc;background:#fff}
.doc-tab.active{background:#ed2d32;color:#fff}

.doctor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}

.doctor-card{
  background:#fff;
  padding:25px;
  border-radius:18px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  text-align:center;
}

.doc-img img{
  width:110px;
  height:110px;
  border-radius:50%;
  object-fit:cover;
}

.doc-btn{
  display:inline-block;
  margin-top:15px;
  background:#ed2d32;
  color:#fff;
  padding:10px 22px;
  border-radius:30px;
}

/* Mobile */
@media(max-width:768px){
  .doctor-grid{grid-template-columns:1fr}
}

.doctor-filter-tabs{
  display:flex;
  gap:12px;
  margin:40px 0px;
  flex-wrap:wrap;
}

.doc-tab{
  padding:10px 26px;
  border-radius:40px;
  background:#222222;
  color: #fff;
  border:1px solid #fff;
  font-weight:600;
  cursor: pointer;
  transition: background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease,transform 0.25s ease;
}

/* Hover Effect */
.doc-tab:hover{
    background: #ed2d32;      /* theme red */
    color: #ffffff;
    border-color: #ed2d32;
    transform: translateY(-2px);
}

.doc-tab.active{
  background:#ed2d32;
  color:#fff;
  border-color:#ed2d32;
  box-shadow:0 8px 18px rgba(240,78,48,.3);
}


.doctor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}

.med-doctor-card{
 background:#22222217;border-radius:20px;padding:25px;
 box-shadow:0 12px 28px rgba(0,0,0,.08)
}

.doc-header{display:flex;gap:18px}
.doc-avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover;background: #ee2d32;}

.doc-tabs{display:flex;gap:20px;margin:18px 0;border-bottom:1px solid #eee}
.doc-tabs span{font-size:13px;padding-bottom:6px}
.doc-tabs .active{border-bottom:2px solid #ed2d32;color:#ed2d32}

.doc-points{
    padding-left: 0;
    margin: 0;
    list-style: none;
}

.doc-points li{
    position: relative;
    padding-left: 22px;
    margin-bottom: 6px;
    font-size: 13px;
    color: #555;
    line-height: 1.4;
}

/* Tick icon – Font Awesome Solid (same family as fas) */
.doc-points li::before{
    content: "\f00c"; /* fa-check */
    font-family: "Font Awesome 5 Free";
    font-weight: 900; /* REQUIRED for solid icons */
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 12px;
    color: #d61f3c;
}

.doc-info h4{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 6px;
}

.doc-meta{
    font-size: 13px;
    color: #555;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
    line-height: 1.4;
}

.doc-meta i{
    font-size: 13px;
    color: #ee2d32;
    min-width: 14px;
}

.doc-sep{
    margin: 0 6px;
    color: #999;
}



.meet-btn{
 display:block;margin:18px auto 0;
 background:#ed2d32;color:#fff;padding:10px 26px;
 border-radius:30px;text-align:center
}

.meet-btn:hover{
 background:#ed2d32;color:#fff;padding:10px 26px;
 border-radius:30px;text-align:center
}

@media(max-width:991px){
 .doctor-grid{grid-template-columns:1fr}
}

.doc-tab-btn{
  font-size:12px;
  font-weight:600;
  color:#777;
  cursor:pointer;
  padding-bottom:6px;
}

.doc-tab-btn.active{
  color:#ed2d32;
  border-bottom:2px solid #ed2d32;
}

.doc-tab-content{display:none}
.doc-tab-content.active{display:block}

/* ===== Meet the Doctor Button Fix ===== */
.meet-btn{
  width:160px;          /* button ki width kam */
  margin:18px auto 0;  /* center align */
  display:block;
  padding:8px 0;       /* height thodi compact */
  font-size:13px;
  text-align:center;
}

@media (max-width: 575px){

  .doctor-filter-tabs{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
    width:100vw !important;

    /* break bootstrap container padding */
    margin-left:calc(-50vw + 50%);
    margin-right:calc(-50vw + 50%);

    padding:12px 15px;
    -webkit-overflow-scrolling:touch;
  }

  .doctor-filter-tabs .doc-tab{
    flex:0 0 auto !important;
    min-width:150px;
    text-align:center;
  }
}

section.bod-section.mb-4 {
    margin: 70px 0px!important;
}
.bod-card{
  background:rgba(255,255,255,0.85);
  backdrop-filter:blur(12px);
  border-radius:26px;
  padding:30px 20px;
  text-align:center;
  box-shadow:0 20px 45px rgba(0,0,0,.12);
  transition:.45s cubic-bezier(.19,1,.22,1);
  position:relative;
}
.bod-card:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:26px;
  background:linear-gradient(135deg,rgba(240,78,48,.35),rgba(0,0,0,0));
  opacity:.4;
}
.bod-card:hover{
  transform:translateY(-14px) scale(1.02);
}

.bod-card img{
  width:150px;
  height:150px;
  border-radius:50%;
  border:4px solid #ed2d32;
  object-fit:cover;
  margin-bottom:16px;
}
.bod-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.7);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}

.bod-modal-content {
  background: #fff;
  width: 100%;
  max-width: 520px;
  padding: 30px;
  border-radius: 14px;
  position: relative;
  text-align: center;
}

.bod-modal-content img {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 15px;
}

.bod-close {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 26px;
  background: none;
  border: none;
  cursor: pointer;
}

@keyframes pop{
  from{transform:scale(.8);opacity:0}
  to{transform:scale(1);opacity:1}
}

.bod-close{
  position:absolute;
  right:18px;
  top:18px;
  width:36px;
  height:36px;
  border-radius:50%;
  border:none;
  background:#ed2d32;
  color:#fff;
  font-size:22px;
  line-height:36px;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(240,78,48,.4);
}

/* ===== View Profile Hover Button ===== */
.bod-card{
  position:relative;
  overflow:hidden;
}

.bod-card .view-profile-btn{
  position:absolute;
  bottom:25px;
  left:50%;
  transform:translateX(-50%) translateY(20px);
  background:rgba(240,78,48,0.9);
  color:#fff;
  padding:8px 26px;
  border-radius:30px;
  font-size:13px;
  opacity:0;
  transition:.35s ease;
  pointer-events:none;
}

.bod-card:hover .view-profile-btn{
  opacity:1;
  transform:translateX(-50%) translateY(0);
  pointer-events:auto;
}

.contact-hero{
  padding:60px 0;
  color:#fff;
}

.contact-title{text-align:center}
.contact-title h2{font-size:38px;font-weight:700}
.contact-title p{color:#ddd;margin-top:8px}

.contact-info-card,
.contact-form-card{
  background:rgb(34 34 34 / 14%);
  color:#333;
  border-radius:28px;
  padding:35px;
  box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.contact-row{
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
  align-items: flex-start; /* long text ke liye */
}

.contact-row .icon{
  width: 45px;
  height: 45px;
  min-width: 45px;      /* ⭐ MOST IMPORTANT */
  border-radius: 50%;
  background: #ed2d32;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-row .icon i{
  font-size: 18px;      /* icon size control */
}

.contact-row p{
  margin: 0;
}


.social-links a{
  width:36px;height:36px;border-radius:50%;
  background:#ed2d32;color:#fff;
  display:inline-flex;align-items:center;justify-content:center;
  margin-right:10px;
}

.form-tabs{text-align:center;margin-bottom:25px}
.form-tabs button{
  border:1px solid #ccc;
  background:#fff;padding:6px 20px;border-radius:20px;
  margin:0 5px;
}
.form-tabs .active{background:#ed2d32;color:#fff}

.contact-form input,
.contact-form textarea,
.contact-form select{
  width:100%;border:none;border-bottom:1px solid #aaa;
  padding:8px;
  border-radius: 10px;
}

.submit-btn{
  background:#ed2d32;color:#fff;
  padding:10px 40px;border-radius:30px;
  border:none;margin-top:25px;
  width: 30%;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.submit-btn {
    width: 35%!important;
}
.contact-map iframe{
  width:100%;height:350px;border:0;border-radius:25px;
}
@media(max-width:768px){

  .contact-hero{
    padding:70px 15px;
  }

  .contact-title h2{
    font-size:26px;
  }

  .contact-title p{
    font-size:13px;
  }

  .contact-info-card,
  .contact-form-card{
    padding:28px 22px;
    border-radius:22px;
  }

  .contact-row{
    gap:12px;
  }

  .contact-row .icon{
    width:38px;
    height:38px;
    font-size:14px;
  }

  .form-tabs{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
  }

  .form-tabs button{
    padding:6px 18px;
    font-size:12px;
  }

  .contact-form label{
    font-size:12px;
  }

  .contact-form input,
  .contact-form textarea,
  .contact-form select{
    font-size:13px;
    padding:10px 5px;
    border-radius: 10px;

  }

  .submit-btn{
    padding:10px 36px;
    font-size:13px;
  }

  .contact-map iframe{
    height:260px;
    border-radius:18px;
  }
}

.med-blog-page{padding:50px 0;background:#fff;}

.blog-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:35px;
}
.blog-header h2{font-weight:700;color:#222}

.blog-search-wrap{display:flex;gap:20px;}
.blog-search,
.blog-filter{
  background:#fff;
  padding:10px 18px;
  border-radius:30px;
  box-shadow:0 6px 18px rgba(0,0,0,.1);
  display:flex;
  align-items:center;
  gap:10px;
}
.blog-search input{border:none;outline:none}

.blog-card{
  background:#fff;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 12px 35px rgba(0,0,0,.12);
  transition:.4s;
}
.blog-card:hover{transform:translateY(-10px)}

.blog-img{position:relative}
.blog-img img{width:100%;height:260px;object-fit:cover}

.blog-tag{
  position:absolute;top:12px;right:12px;
  background:#ed2d32;color:#fff;
  padding:4px 10px;border-radius:6px;font-size:12px;
}

.blog-img-title{
  position:absolute;bottom:0;
  width:100%;padding:10px 15px;
  background:rgba(0,0,0,.55);
  color:#fff;font-size:14px;
}

.blog-body{padding:20px}
.blog-type{color:#ed2d32;font-size:13px}
.blog-body h4{font-size:18px;font-weight:700;margin:6px 0}
.blog-body p{font-size:13px;color:#777}

.trending-box{
  background:#fff;
  padding:25px;
  border-radius:22px;
  box-shadow:0 12px 35px rgba(0,0,0,.12);
}
.trending-box h4{font-weight:700;margin-bottom:15px}
.trending-box ul{padding-left:0}
.trending-box li{
  list-style:none;
  margin-bottom:10px;
  color:#444;
  position:relative;
  padding-left:18px;
}
.trending-box li:before{
  content:'○';
  color:#ed2d32;
  position:absolute;left:0;
}

/* Mobile */
@media(max-width:768px){
  .blog-header{flex-direction:column;align-items:flex-start;gap:20px}
  .blog-search-wrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }

  .blog-search,
  .blog-filter {
    width: 100%;
  }

  .blog-search input,
  .blog-filter select {
    width: 100%;
    box-sizing: border-box;
  }
}

.trending-box{
  background:#fff;
  padding:25px;
  border-radius:18px;
  box-shadow:0 8px 20px rgba(0,0,0,.08);
}
.trending-box ul{padding-left:0}
.trending-box li{
  list-style:none;
  margin-bottom:8px;
}
.trending-box a{
  color:#444;text-decoration:none;
}

.blog-search-wrap{
  display:flex;
  gap:15px;
}
.blog-search input,
.blog-filter select{
  padding:10px 14px;
  border-radius:30px;
  border:1px solid #ddd;
  outline:none;
}

.trending-box{
  background:#fff;
  padding:25px;
  border-radius:18px;
  box-shadow:0 8px 20px rgba(0,0,0,.08);
}
.trending-box ul{padding-left:0}
.trending-box li{
  list-style:none;
  margin-bottom:8px;
}
.trending-box a{
  color:#444;text-decoration:none;
}

.blog-pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin:60px 0 30px;
}

.blog-pagination a,
.blog-pagination span{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#fff;
  color:#444;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:600;
  text-decoration:none;
  box-shadow:0 6px 15px rgba(0,0,0,.12);
  transition:.3s;
}

.blog-pagination a:hover{
  background:#ed2d32;
  color:#fff;
}

.blog-pagination .current{
  background:#ed2d32;
  color:#fff;
}

.blog-detail-page{padding:60px 0;background:#fff;}
.blog-breadcrumb{font-size:15px;font-style: italic;color:#fff;margin-bottom:20px 0;}
.blog-title{font-size:32px;font-weight:700;}
.blog-meta-wrap{
  background:#f7f7f7;
  border-radius:16px;
  padding:14px 20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:15px 0 25px;
  flex-wrap:wrap;
}

.blog-meta-left{
  font-size:14px;
  color:#555;
}
.blog-meta-left span{
  margin-left:8px;
  color:#ed2d32;
}

.blog-meta-share a{
  width:34px;
  height:34px;
  background:#fff;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:6px;
  box-shadow:0 3px 10px rgba(0,0,0,.1);
  color:#444;
  transition:.3s;
}
.blog-meta-share a:hover{
  background:#ed2d32;
  color:#fff;
}


.blog-featured-img{margin:25px 0;position:relative;}
.blog-featured-img img{width:100%;border-radius:20px;}
.blog-logo{
  position:absolute;top:15px;right:15px;
  background:#ed2d32;color:#fff;padding:6px 16px;border-radius:20px;
}

.blog-content p{line-height:1.8;color:#444;}

.blog-query-form{
  background:#f7f7f7;
  border-radius:20px;
  padding:30px;
  /*position:sticky;
  top:90px;*/
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.blog-trending{
  margin-top:30px;
  background:#fff;
  border-radius:20px;
  padding:25px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.blog-trending ul{list-style:none;padding:0;}
.blog-trending li{margin-bottom:10px;}
.blog-trending a{color:#444;text-decoration:none;}
.blog-trending a:hover{color:#ed2d32;}

@media(max-width:991px){
  .blog-query-form{position:static;margin-top:40px;}
}

.recent-blog-card{margin-bottom:22px;}

.recent-blog-img{
  position:relative;
  overflow:hidden;
  border-radius:18px;
}

.recent-blog-img img{
  width:100%;
  height:160px;
  object-fit:cover;
}

.recent-blog-tag{
  position:absolute;
  top:10px;
  right:10px;
  background:#ed2d32;
  color:#fff;
  padding:4px 10px;
  font-size:12px;
  border-radius:12px;
}

.recent-blog-overlay{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  padding:8px 12px;
  background:rgba(255,255,255,0.7);
  font-size:13px;
  color:#ed2d32;
  font-weight:600;
}

.recent-blog-body h5{
  font-size:16px;
  font-weight:600;
  margin:10px 0 4px;
}

.recent-blog-body span{
  font-size:13px;
  color:#777;
}

@media(max-width:575px){
  .blog-meta-wrap{flex-direction:column;gap:12px;text-align:center}
  .blog-meta-share{justify-content:center}
}
.sidebar-card{
  background:#2222220a;
  border-radius:22px;
  border-bottom: 4px solid #ee2d32;
  padding:25px;
  margin-bottom:35px;   /* ⭐ space between trending & recent */
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.sidebar-card h4{
  font-size:20px;
  font-weight:700;
  margin-bottom:18px;
}

.static-query-form .form-group{
  margin-bottom:18px;
}

.static-query-form label{
  font-size:13px;
  font-weight:600;
  color:#555;
  margin-bottom:6px;
  display:block;
}

.static-query-form input{
  width:100%;
  border:none;
  border-bottom:1px solid #ccc;
  padding:8px 4px;
  outline:none;
  font-size:14px;
  background:#fff!important;
}

.static-query-form input:focus{
  border-color:#ed2d32;
}

.query-submit-btn{
  width:30%!important;
  margin-top:15px;
  background:#ed2d32!important;
  color:#fff!important;
  border:none;
  border-radius:30px;
  padding:10px 0;
  font-size:14px;
  font-weight:600;
  transition:.3s;
}
button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
    background: #ed2d32 !important;
}
.query-submit-btn:hover{
  background:#d93c1f;
}



.treatments-section {
    background: #fffdf7;
}

.section-title {
    font-size: 36px;
    font-weight: 600;
}

.section-title span {
    color: #ee2d32;
}

.view-all-btn {
    border-radius: 0;
    font-weight: 500;
    padding: 12px 22px;
}

.treatment-card {
    background: #fff;
    height: 100%;
}

.treatment-img {
    overflow: hidden;
    /*border-bottom-left-radius: 160px;
    border-bottom-right-radius: 160px;*/
}

.treatment-img img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    image-rendering: auto;
    backface-visibility: hidden;
    transform: translateZ(0);
}

.treatment-card:hover img {
    transform: scale(1.08);
}

.treatment-content {
    padding: 25px 10px;
}

.treatment-content h4 {
    font-size: 22px;
    margin-bottom: 12px;
}

.treatment-content p {
    font-size: 15px;
    color: #666;
}

.treatment-content a {
    font-size: 14px;
    font-weight: 600;
    color: #ee2d32;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.treatment-content a:hover {
    border-color: #ee2d32;
}

.doctor-section-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    gap: 15px;
}

.view-all-doctors-btn {
    font-size: 14px;
    font-weight: 600;
    color: #ee2d32;
    text-decoration: none;
    padding-bottom: 3px;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.view-all-doctors-btn span {
    margin-left: 6px;
    transition: transform 0.3s ease;
}

.view-all-doctors-btn:hover {
    border-color: #ee2d32;
}

.view-all-doctors-btn:hover span {
    transform: translateX(4px);
}

/* Buttons */
.doc-actions{
    display: flex;
    gap: 12px;
    margin-top: 15px;
    flex-wrap: wrap;
}

.btn-appointment{
    background: #d61f3c;
    color: #fff;
    border: none;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 30px;
    cursor: pointer;
    transition: all .3s ease;
}

.btn-appointment:hover{
    background: #b91630;
    transform: translateY(-2px);
}

.btn-profile{
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 30px;
    text-align: center;
    border: 1px solid #d61f3c;
    color: #d61f3c;
    text-decoration: none;
    transition: all .3s ease;
}

.btn-profile:hover{
    background: #d61f3c;
    color: #fff;
}

/* Modal Overlay (Glass Effect) */
.appointment-modal{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.appointment-modal.active{
    display: flex;
}

/* Modal Box */
.modal-box{
    background: rgba(255,255,255,0.95);
    border-radius: 16px;
    width: 100%;
    max-width: 820px;
    padding: 25px;
    position: relative;
    animation: scaleUp .35s ease;
}

@keyframes scaleUp{
    from{transform: scale(.9); opacity:0;}
    to{transform: scale(1); opacity:1;}
}

.modal-close{
    position: absolute;
    top: 12px;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
    color: #333;
}

/* Responsive */
@media(max-width:768px){
    .doc-actions{
        flex-direction: column;
    }
}


/* Mobile Responsive */
@media (max-width: 768px) {
    .doctor-section-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .view-all-doctors-btn {
        margin-top: 10px;
    }
}

.cf7-modern{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.cf7-modern label{
    font-size: 13px;
    font-weight: 600;
    color: #333;
    display: flex;
    flex-direction: column;
}

.cf7-modern input,
.cf7-modern select{
    padding: 12px 14px;
    border-radius: 8px;
    width: 100%;
    border: 1px solid #ddd;
    font-size: 14px;
    outline: none;
    transition: .3s;
}

.cf7-modern input:focus,
.cf7-modern select:focus{
    border-color: #d61f3c;
}

.cf7-modern input[readonly]{
    background: #f5f5f5;
}

/*.cf7-modern input[type="file"]{
    padding: 8px;
}*/

/* File upload wrapper */
.cf7-file-wrap{
    display: flex;
    flex-direction: column;
}

/* Note always below file */
.upload-note{
    font-size: 12px;
    color: #777;
    margin: 0;
}

/* CF7 default paragraph gap remove */
.wpcf7-form p {
    margin: 0!important;
}
.cf7-submit{    /* full row occupy */
    width: 50%!important;             /* auto width */
    padding: 12px 28px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 30px;
    background: #d61f3c;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: .3s ease;
    margin-left: left;       /* RIGHT ALIGN */
}

.cf7-submit:hover{
    background: #b51630;
}


/* Mobile */
@media(max-width:768px){
    .cf7-modern{
        grid-template-columns: 1fr;
    }
}

/* Section */
.patients-family-section {
  background: #171717;
}

/* Card */
.zigzag-testimonial-card {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  transition: all 0.35s ease;
  height: 100%;
}

.zigzag-testimonial-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 45px rgba(0,0,0,0.12);
}

/* Image */
.zigzag-img {
  height: 230px;
  overflow: hidden;
}

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

/* Body */
.zigzag-body {
  padding: 22px 22px 26px;
}

.zigzag-body p {
  font-size: 14.5px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 22px;
}

/* User */
.zigzag-user h6 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 2px;
}

.zigzag-user span {
  font-size: 13px;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

/* 🔥 Zig-zag effect */
.swiper-slide:nth-child(even) .zigzag-testimonial-card {
  margin-top: 70px;
}

.swiper-slide:nth-child(odd) .zigzag-testimonial-card {
  margin-top: 0;
}

/* Remove extra right spacing */
.testimonialSwiper {
  padding-right: 0;
}

/* Force swiper to use full container width */
.testimonialSwiper .swiper-wrapper {
  align-items: stretch;
}

/* Reduce container side padding only for this section */
.patients-family-section .container {
  max-width: 1400px;   /* increase usable width */
  padding-left: 15px;
  padding-right: 15px;
}


/* Mobile fix */
@media (max-width: 767px) {
  .swiper-slide:nth-child(even) .zigzag-testimonial-card {
    margin-top: 0;
  }
}

/*second-opinion page*/
.second-opinion {
  background: #fff;
  overflow-x: hidden;
  padding: 60px 0;
}

.section-title {
  font-size: 32px;
  font-weight: 700;
}

.query-form-card {
  background: #222222;
  border-radius: 16px;
  padding: 30px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.query-form-card h4 {
  font-weight: 600;
  margin-bottom: 20px;
}
.second-opinion-form .wpcf7-response-output {
    color: #222!important;
}
.form-group {
  margin-bottom: 15px;
}

.form-group label {
  font-weight: 500;
  font-size: 14px;
}

.form-group input,
.form-group textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 8px 8px;
  outline: none;
}

.submit-btn {
  width: 100%;
  background: #222222;
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px;
  margin-top: 15px;
  font-weight: 600;
}

/* STEPS */
.steps-timeline {
  max-width: 520px;
}

.step-row {
  display: flex;
  gap: 20px;
  margin-bottom: 35px;
}

.step-left {
  position: relative;
  width: 22px;
  display: flex;
  justify-content: center;
}

.step-dot {
  width: 16px;
  height: 16px;
  background: #f24e2e;
  border-radius: 50%;
  z-index: 2;
}

.step-line {
  position: absolute;
  top: 18px;
  width: 2px;
  height: 100%;
  background: #dcdcdc;
}

.step-row.last .step-line {
  display: none;
}

.step-right h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}

.step-content {
  display: flex;
  gap: 15px;
  align-items: flex-start;
}

.step-svg {
  width: 42px;
  height: 42px;
  color: #444;
  flex-shrink: 0;
}

.step-content h5 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.step-content p {
  margin-top: 6px;
  font-size: 14px;
  color: #555;
  line-height: 1.5;
}

/*html, body {
  max-width: 100%;
  overflow-x: hidden;
}*/
.second-opinion-img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

.step-svg {
  max-width: 42px;
  overflow: hidden;
}

input[type="file"] {
  max-width: 100%;
  padding: 0px!important;
}
.wpcf7-form-control {
  width: 100%;
}

.wpcf7-response-output {
  margin-top: 15px;
  font-size: 14px;
}
/* ===== CF7 Validation FIX – Only for f0e4545 ===== */

/* Inline field error message */
.wpcf7 form[action*="f0e4545"] .wpcf7-not-valid-tip {
  color: #fff !important;
  font-size: 13px;
  margin-top: 6px;
  display: block;
}

/* Form level error / success message */
.wpcf7 form[action*="f0e4545"] .wpcf7-response-output {
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.6);
  background: transparent;
  margin-top: 15px;
}

/* Required field underline */
.wpcf7 form[action*="f0e4545"] input.wpcf7-not-valid,
.wpcf7 form[action*="f0e4545"] textarea.wpcf7-not-valid {
  border-bottom: 2px solid #fff !important;
}

/* Hide CF7 default red background box */
.wpcf7 form[action*="f0e4545"] .wpcf7-validation-errors {
  display: none;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .steps-timeline {
    max-width: 100%;
  }
  .row {
    margin-left: 0;
    margin-right: 0;
  }
}


.appointment-blue-center {
  background: #222222;
  padding: 70px 15px;
}

.form-container {
  max-width: 1150px;
  margin: auto;
  background: #2b5dab;
  padding: 50px 60px;
  border-radius: 12px;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px 50px;
}

.form-group label {
  color: #fff;
  font-size: 15px;
  margin-bottom: 8px;
  display: block;
}

.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
  padding: 15px 12px;
  border-radius: 999px;
  border: none;
  font-size: 15px;
  border-radius: 10px!important;
  background: #fff!important;
}
/* FIX select visibility */
.form-group select {
  background-color: #ffffff !important;
  color: #000000 !important;
}

/* Placeholder option color */
.form-group select option {
  color: #000000;
}

/* Disabled select */
.form-group select:disabled {
  background-color: #f1f5f9 !important;
  color: #64748b !important;
  cursor: not-allowed;
}

textarea {
  border-radius: 20px!important;
/*  min-height: 160px;*/
}

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

@media (max-width: 991px) {
  .form-grid {
    grid-template-columns: 1fr;
  }

  .form-container {
    padding: 35px 25px;
  }
}

.profile-modal{
  position:fixed;
  inset:0;
  display:none;
  z-index:99999;

  /* Glass effect */
  background:rgba(0,0,0,0.25);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.profile-modal.active{
  display:flex;
  align-items:center;
  justify-content:center;
}

.profile-modal .modal-box{
  background:rgba(255,255,255,0.95);
  backdrop-filter: blur(2px);
  border-radius:14px;
  padding:30px;
  max-width:900px;
  width:95%;
  max-height:90vh;
  overflow:auto;
  box-shadow:0 20px 40px rgba(0,0,0,0.25);
}


.profile-modal h4{
  margin-bottom:20px;
}

.profile-modal .modal-close{
  position:absolute;
  right:20px;
  top:15px;
  font-size:26px;
  cursor:pointer;
}

.btn-profile{
  background:#000!important;
  color:#fff;
}

.btn-profile:hover{
  background:#222222!important;
  color:#fff;
}
/* Mobile */
@media(max-width:768px){
  .profile-modal .modal-box{
    padding:20px;
  }
}

/* =========================
   CAREER SECTION
========================= */
.career-hero {
  padding: 70px 0;
  background: #ffffff;
}

.career-content h2 {
  font-weight: 700;
  margin-bottom: 15px;
}

.career-content p {
  color: #555;
  line-height: 1.7;
  margin-bottom: 12px;
}

.career-content h5 {
  margin-top: 20px;
  font-weight: 600;
}

.career-list {
  padding-left: 18px;
  margin: 10px 0 20px;
}

.career-list li {
  margin-bottom: 8px;
  color: #333;
}

.career-contact {
  font-size: 15px;
}

.career-contact a {
  color: #0d6efd;
  text-decoration: none;
}

/* =========================
   FORM CARD
========================= */
.career-form {
  margin-top: 30px;
  background: #f8fafc;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 10px 35px rgba(0,0,0,0.08);
}

/* =========================
   CF7 FIELD STRUCTURE
========================= */
.tic-form-field {
  margin-bottom: 15px;
}

.tic-form-field label {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
  color: #333;
}

.form-control,
.textarea-field {
  width: 100%;
  padding: 10px 14px;
  border-radius: 6px;
  border: 1px solid #dce1e7;
  font-size: 14px;
}

.form-control:focus,
.textarea-field:focus {
  outline: none;
  border-color: #0d6efd;
  box-shadow: none;
}

/* =========================
   TWO COLUMN FIELDS
========================= */
.second-form-field-flex {
  display: flex;
  gap: 15px;
}

.second-form-field-flex .tic-form-field {
  flex: 1;
}

/* =========================
   FILE UPLOAD
========================= */
input[type="file"] {
  padding: 8px;
  background: #fff;
}

/* =========================
   SUBMIT BUTTON
========================= */
.tic-submit {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}

.tic-submit .custom-button {
  background: #0d6efd;
  color: #fff;
  border: none;
  padding: 10px 26px;
  border-radius: 6px;
  font-size: 15px;
  cursor: pointer;
}

.tic-submit .custom-button:hover {
  background: #0b5ed7;
}

.tic-submit img {
  width: 34px;
}

/* =========================
   IMAGE SECTION
========================= */
.career-image img {
  width: 100%;
  border-radius: 18px;
  object-fit: cover;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 991px) {
  .career-form {
    margin-top: 20px;
  }

  .second-form-field-flex {
    flex-direction: column;
  }
}

/* FULL WIDTH WRAPPER */
.glossary-wrapper {
  width: 100%;
  background: #faf9f6;
  padding: 80px 0;
}

/* CENTER CONTENT */
.glossary-container {
  max-width: 1100px;
  margin: auto;
  padding: 0 20px;
}

/* TITLE */
.glossary-title {
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 60px;
}

/* LETTER BADGE */
.glossary-letter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #d90429;
  color: #fff;
  font-weight: 600;
  border-radius: 4px;
  margin-bottom: 20px;
}

/* SUBTITLE */
.glossary-subtitle {
  font-size: 12px;
  letter-spacing: 1px;
  color: #777;
  margin-bottom: 40px;
}

/* ITEM */
.glossary-item h3 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}

.glossary-item p {
  font-size: 16px;
  color: #555;
  line-height: 1.7;
  max-width: 700px;
}

/* DIVIDER */
.glossary-container hr {
  border: none;
  border-top: 1px solid #ddd;
  margin: 40px 0;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .glossary-title {
    font-size: 30px;
  }

  .glossary-item h3 {
    font-size: 20px;
  }
}
.glossary-pagination {
  margin-top: 50px;
  text-align: center;
}

.glossary-pagination a,
.glossary-pagination span {
  display: inline-block;
  margin: 0 6px;
  padding: 8px 14px;
  border: 1px solid #ddd;
  text-decoration: none;
  color: #333;
  font-size: 14px;
}

.glossary-pagination .current {
  background: #d90429;
  color: #fff;
  border-color: #d90429;
}

.google-reviews-section {
    background: #f8f9fa;
    padding: 80px 0;
}

.google-reviews-section .section-title {
    font-size: 36px;
    font-weight: 700;
    color: #222;
}

.google-reviews-section .red-text {
    color: #c40000;
}

.google-reviews-section .section-subtitle {
    font-size: 18px;
    color: #666;
    margin-top: 10px;
}

.google-review-box {
    margin-top: 30px;
}

.review-btn {
    display: inline-block;
    background: #c40000;
    color: #fff;
    padding: 12px 30px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s ease;
}

.review-btn:hover {
    background: #900000;
    color: #fff;
}