/* ================= RESET ================= */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}







/* ===============================
   HEADER
================================= */
.modern-header {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background: transparent;
    transition: all 0.3s ease;
}

.modern-header.fixed-nav {
    position: fixed;
    top: 0;
    background: white;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

/* ===============================
   LOGO
================================= */
.logo-img {
    height: 45px;
    width: 200px;
}

.second-logo {
    margin-left: 18px;
    height: 45px;
    width: auto;
}

/* ===============================
   NAVBAR
================================= */
.navbar {
    background: transparent !important;
}

/* ===============================
   NAV LINKS
================================= */
.navbar-nav .nav-link {
    color: #111;
    font-size: 16px;
    font-weight: 500;
    margin: 0 14px;
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
    transition: 0.3s;
    padding: 12px 0;
}

/* HOVER */
.navbar-nav .nav-link:hover {
    color: #FF8C42;
}

/* UNDERLINE */
.navbar-nav .nav-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0%;
    height: 2px;
    background: #FF8C42;
    transition: 0.3s;
}

.navbar-nav .nav-link:hover::after {
    width: 100%;
}

/* ===============================
   DROPDOWN ARROW
================================= */
.dropdown-arrow {
    font-size: 12px;
    transition: 0.3s;
}

/* rotate arrow desktop */
@media (min-width: 992px) {
    .nav-item:hover .dropdown-arrow {
        transform: rotate(180deg);
    }
}

/* REMOVE DEFAULT BOOTSTRAP ARROW */
.dropdown-toggle::after {
    display: none !important;
}

/* ===============================
   DROPDOWN MENU
================================= */
.modern-dropdown,
.mega-menu {
    border: none;
    border-radius: 12px;

    background: rgba(255,255,255,0.10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    border: 1px solid rgba(255,255,255,0.3);

    box-shadow: 0 8px 30px rgba(0,0,0,0.1);

    padding: 15px;
}

/* ===============================
   NORMAL DROPDOWN
================================= */
.modern-dropdown {
    display: none;
    min-width: 230px;
}

/* ===============================
   MEGA MENU
================================= */
.mega-dropdown {
    position: relative;
}

.mega-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);

    width: 1100px;

    opacity: 0;
    visibility: hidden;

    transition: all 0.3s ease;

    display: block;
    z-index: 9999;
}

/* ===============================
   DESKTOP HOVER ONLY
================================= */
@media (min-width: 992px) {

    .nav-item:hover .modern-dropdown {
        display: block;
    }

    .mega-dropdown:hover .mega-menu {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }
}

/* ===============================
   DROPDOWN ITEMS
================================= */
.dropdown-item {
    padding: 8px 15px;
    color: #333;
    font-size: 14px;
    transition: 0.3s;
    border-radius: 6px;
}

.dropdown-item:hover {
    color: #FF8C42;
    background: rgba(255,140,66,0.08);
}

/* ===============================
   MOBILE FIX
================================= */
@media (max-width: 991px) {

    /* HEADER */
    .modern-header {
        background: white !important;
        box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    }

    /* MOBILE MENU AREA */
    #mainNavbar {
        padding: 15px 0;
    }

    /* NAV LINKS */
    .navbar-nav .nav-link {
        color: #111 !important;
        margin: 0;
        padding: 14px 0;
    }

    /* REMOVE UNDERLINE */
    .navbar-nav .nav-link::after {
        display: none;
    }

    /* DROPDOWN MENUS */
    .modern-dropdown,
    .mega-menu {

        position: static !important;
        transform: none !important;

        width: 100% !important;

        opacity: 1 !important;
        visibility: visible !important;

        display: none;

        background: white !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;

        border: none !important;
        box-shadow: none !important;

        padding: 0 0 0 15px !important;

        margin-top: 5px;
    }

    /* SHOW ACTIVE DROPDOWN */
    .dropdown-menu.show {
        display: block !important;
    }

    /* STACK MEGA MENU */
    .mega-menu .col-md-3 {
        width: 100%;
        margin-bottom: 10px;
    }

    /* DROPDOWN ITEMS */
    .dropdown-item {
        padding: 10px 0;
    }

    /* HIDE SOCIAL BAR */
    .hero-social {
        display: none;
    }

    /* MOBILE TOGGLER */
    .navbar-toggler {
        border: none;
        box-shadow: none !important;
    }
}







/* =========================
  index page 
========================= */

/* =========================
   slider section
========================= */




/* ================= HERO SECTION ================= */

/* SECTION */
.hero-section {
    background: #ffffff;
    height: 500px;              /* 🔥 FIXED HEIGHT */
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-top:50px;
}

/* CONTAINER */
.hero-container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    width: 100%;
}

/* LEFT */
.hero-left {
    flex: 1;
}

.hero-left h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: #111;
}

.hero-left h1 span {
    color: #f58220;  /* 🔥 brand color */
}

.hero-left p {
    margin: 20px 0;
    color: #666;
    font-size: 15px;
    max-width: 420px;
}

/* BUTTON */
.hero-btn {
    display: inline-block;
    background: #f58220;
    color: #fff;
    padding: 12px 22px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 14px;
}

/* RIGHT */
.hero-right {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* IMAGE */
.hero-img {
    height: 380px;        /* 🔥 FIXED IMAGE SIZE */
    width: auto;
    object-fit: contain;
    max-width: 100%;
}

.hero-left,
.hero-img {
    transition: opacity 0.5s ease;
}



/* brand colors */
.hero-social a:nth-child(1) { background: #1877f2; }
.hero-social a:nth-child(2) { background: #0077b5; }
.hero-social a:nth-child(3) { background: #ff0000; }

/* hover */
.hero-social a:hover {
    transform: scale(1.1);
}
.fade-out {
    opacity: 0;
}

/* SOCIAL SIDEBAR - FIXED */
.hero-social {
    position: fixed;        /* key for non-scrolling */
    top: 30%;
    left: 0;                /* stick to left side */
    transform: translateY(-50%);
    z-index: 9999;
     border-radius: 0 12px 12px 0; /* rounded right side */
  
    
}

/* ICON STYLE */
.hero-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    margin: 6px 0;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    transition: all 0.3s ease;
    border-radius: 10%;
}

/* BRAND COLORS */
.hero-social a:nth-child(1) { background: #1877f2; } /* Facebook */
.hero-social a:nth-child(2) { background: #0077b5; } /* LinkedIn */
.hero-social a:nth-child(3) { background: #ff0000; } /* YouTube */
 .hero-social a:nth-child(4) {background: #25d366;}  /* WhatsApp green */

/* HOVER EFFECT */
.hero-social a:hover {
    transform: translateX(6px);
}
/* ================= MOBILE ================= */

@media (max-width: 768px) {

    .hero-section {
        height: auto;
        padding: 40px 0;
    }

    .hero-container {
        flex-direction: column;
        text-align: center;
    }

    .hero-left h1 {
        font-size: 32px;
    }

    .hero-left p {
        margin: 15px auto;
    }

    .hero-right {
        justify-content: center;
    }

    .hero-img {
        height: 250px;
    }
}







/* 🔥 ANIMATION AREA */
.header-animation-area {
    position: relative;
    height: 90px;

    /* 🔥 PERFECT BLEND */

    margin-top: -5px;  /* 🔥 REMOVE GAP LINE */
    overflow: hidden;
}

/* 🔥 LEFT HOSPITAL IMAGE */
.header-hospital {
    position: absolute;
    bottom: 0;
    left: 10px;
    z-index: 5;
}

.header-hospital img {
    height: 75px;

    /* 🔥 SHADOW EFFECT */
    filter: drop-shadow(0 -6px 12px rgba(0,0,0,0.35));
}

/* 🔥 MOVING TRACK */
.header-track {
    position: absolute;
    bottom: 10px;
    left: 0;

    display: flex;
    gap: 60px;
    white-space: nowrap;
    
    transform: translateX(100vw);  /* 🔥 MUST ADD */

    min-width: max-content;
}

/* ICON */
.header-track img {
    height: 45px;
}












/* opd section SECTION */
/* ===============================
   SECTION
================================= */
.info-section {
    padding: 50px 0;
    background: #ffffff;
}

/* ===============================
   CONTAINER
================================= */
.info-container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    gap: 25px;
}

/* ===============================
   CARD
================================= */
.info-card {
    flex: 1;
    height: 180px;
    position: relative;
    border-radius: 10px;
    background: #ffffff;

    /* spacing inside */
    padding: 20px;

    /* layout fix */
    display: flex;
    align-items: center;

    overflow: hidden;

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

    transition: all 0.4s ease;
}

/* ===============================
   LED BORDER EFFECT
================================= */
.info-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    padding: 2px;

    background: linear-gradient(
        90deg,
        #ff8c42,
        #ffa366,
        #ff8c42,
        #ffa366
    );

    background-size: 300% 300%;

    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    animation: borderGlow 3s linear infinite;
}

/* ===============================
   ANIMATION
================================= */
@keyframes borderGlow {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

/* ===============================
   HOVER EFFECT
================================= */
.info-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 
        0 20px 40px rgba(0,0,0,0.15),
        0 0 20px rgba(255,140,66,0.3);
}

/* ===============================
   CONTENT
================================= */
/* TOP ROW */
.top-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

/* ICON FIXED WIDTH */
.top-row .icon {
    font-size: 28px;
    
    min-width: 35px;      /* reserve space without stretching */
    display: flex;
    align-items: center;
    justify-content: center;
}
/* TITLE */
.top-row h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

/* TEXT ALIGN EXACTLY BELOW TITLE */
.text {
    margin-left: 62px; /* icon width + gap (35 + 12) */
}

/* TEXT STYLE */
.text p {
    margin: 4px 0;
    font-size: 14px;
    color: #555;
}
/* ===============================
   REMOVE OLD ELEMENTS
================================= */
.overlay {
    display: none;
}

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

    .info-container {
        flex-direction: column;
        gap: 15px;
        padding: 0 15px;
    }

    .info-card {
        width: 100%;
        height: auto;
        padding: 18px;
    }
}


































/* excellence with ethics SECTION #f5efe6 */
.about-section {
    background: #ffffff;
    padding: 80px 0;
}

/* CONTAINER */
.about-container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    gap: 10px;
    align-items: flex-start;   /* 🔥 FIX */
}

/* ================= LEFT GRID ================= */

.about-images {
    align-self: flex-start;   /* 🔥 ensures top alignment */
}

/* COMMON IMAGE */
.about-images .img {
    overflow: hidden;
    width: 100%;
    height: auto;   /* 🔥 FIX */
}
/*


/* BIG LEFT IMAGE */
.about-images .big {
    grid-row: span 2;
}

/* WIDE IMAGE */
.about-images .wide {
    grid-column: span 2;
}

/* ================= RIGHT CONTENT ================= */

.about-content {
    flex: 1;
}

.about-content h2 {
    font-size: 36px;
    font-weight: 700;
    color: #333;
}

/* DESIGN LINE */
.design-line {
    display: flex;
    margin: 15px 0 25px;
}

.design-line .dark {
    width: 120px;
    height: 8px;
    background: #5b4b3f;
}

.design-line .light {
    width: 80px;
    height: 8px;
    background: #d6a55c;
}

/* TEXT */
.about-content p {
    font-size: 22px;
    color: #555;
    line-height: 1.8;
    text-align: justify;
}

/* BUTTON */
.about-btn {
    display: inline-block;
    margin-top: 25px;
    background: #f58220;
    color: #fff;
    padding: 12px 25px;
    text-decoration: none;
    font-weight: 600;
}

/* ================= MOBILE ================= */

/* ================= MOBILE ================= */

@media (max-width: 768px) {

    .about-section {
        padding: 50px 0;
    }

    .about-container {
        flex-direction: column;
        padding: 0 15px;
        align-items: center;
        text-align: center;
    }

    /* IMAGE SECTION */
    .about-images {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
    }

    .about-images .img {
        width: 100%;
        text-align: center;
    }

    .about-images .img img {
        width: 100%;
        max-width: 350px;
        height: auto;
        display: block;
        margin: auto;
    }

    /* CONTENT */
    .about-content {
        width: 100%;
        text-align: center;
    }

    .about-content h2 {
        font-size: 28px;
    }

    .about-content p {
        font-size: 18px;
        line-height: 1.7;
    }

    .design-line {
        justify-content: center;
    }

}







/* department section */
.dept-section {
    background: #ffffff;
    padding: 80px 20px;
    font-family: 'Poppins', sans-serif;
}

/* ICON IMAGE */
.icon img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

/* CONTAINER */
.dept-container {
    max-width: 1200px;
    margin: auto;
    text-align: center;
}

/* TITLE */
.dept-title {
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #1f2d3d;
}

/* LINE */
.dept-line {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.dept-dark {
    width: 140px;
    height: 4px;
    background: #5b4b3f;
}

.dept-light {
    width: 50px;
    height: 4px;
    background: #ff6b00;
}

/* GRID */
.dept-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

/* CARD */
.dept-card {
    background: #ffffff;
    padding: 30px 20px;
    border-radius: 18px;

    border: 2px solid #5b4b3f;

    box-shadow:
        0 10px 25px rgba(0,0,0,0.08),
        0 5px 10px rgba(0,0,0,0.04);

    transition: all 0.35s ease;

    position: relative;
    overflow: hidden;

    box-sizing: border-box;
}

/* HOVER */
.dept-card:hover {
    transform: translateY(-12px) scale(1.02);

    border-color: #ff6b00;

    box-shadow:
        0 25px 50px rgba(0,0,0,0.12),
        0 10px 20px rgba(0,0,0,0.08);
}

/* GLOW */
.dept-card::before {
    content: "";
    position: absolute;

    width: 150%;
    height: 150%;

    top: -50%;
    left: -50%;

    background: radial-gradient(circle, rgba(0,123,255,0.08), transparent 70%);

    opacity: 0;
    transition: 0.4s;
}

.dept-card:hover::before {
    opacity: 1;
}

/* ICON */
.dept-card .icon {
    font-size: 36px;
    margin-bottom: 15px;
    transition: 0.3s;
}

.dept-card:hover .icon {
    transform: rotate(8deg) scale(1.2);
}

/* HEADER */
.dept-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.dept-header .icon {
    font-size: 28px;
}

/* TITLE */
.dept-header h3 {
    font-size: 20px;
    margin: 0;
    color: #1f2d3d;
}

/* TEXT */
.dept-card p {
    font-size: 14px;
    color: #6c7a89;
    margin-bottom: 15px;
    line-height: 1.7;
    text-align: left;
}

/* LINK */
.dept-card a {
    display: inline-block;
    margin-top: 15px;
    font-size: 13px;
    text-decoration: none;
    color: #007bff;
    font-weight: 600;
    position: relative;
    z-index: 10;
    cursor: pointer;
}

.dept-card a:hover {
    color: #0056b3;
}

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

    .dept-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}


/* ==========================================
   MOBILE VIEW - 2 CARDS PER ROW
========================================== */
@media (max-width: 768px) {

    .dept-section {
        padding: 60px 15px;
    }

    .dept-grid {

        display: grid;

        grid-template-columns: repeat(2, 1fr);

        gap: 15px;
    }

    .dept-card {
        padding: 20px 15px;
        border-radius: 14px;
    }

    .dept-header {
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }

    .dept-header h3 {
        font-size: 16px;
        line-height: 1.4;
    }

    .dept-card p {
        font-size: 13px;
        line-height: 1.6;
        text-align: center;
    }

    .dept-card a {
        font-size: 13px;
    }

    .icon img {
        width: 32px;
        height: 32px;
    }

    .dept-title {
        font-size: 30px;
    }
}














/* our docotr SECTION */
/* SECTION */
.index-doctor-section {
    background: #ffffff;
    padding: 80px 20px;
    font-family: 'Poppins', sans-serif;
}

/* CONTAINER */
.index-doctor-container {
    max-width: 1200px;
    margin: auto;
    text-align: center;
}

/* TITLE */
.index-doctor-title {
    font-size: 40px;
    color: #1f2d3d;
    margin-bottom: 10px;
}

/* LINE */
.index-doctor-line {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}

.index-doctor-dark {
    width: 140px;
    height: 4px;
    background: #5b4b3f;

}

.index-doctor-light {
        width: 50px;
    height: 4px;
    background: #ff6b00;

}

/* GRID */
.index-doctor-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

/* CARD */
.index-doctor-card {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;

    /* 3D DEPTH */
    box-shadow: 
        0 10px 25px rgba(0,0,0,0.08),
        0 5px 10px rgba(0,0,0,0.05);

    transition: 0.4s;
}

/* HOVER */
.index-doctor-card:hover {
    transform: translateY(-12px) scale(1.02);
    box-shadow: 
        0 25px 50px rgba(0,0,0,0.15);
}

/* IMAGE */
.index-doctor-img {
    height: 260px;
    overflow: hidden;
}

.index-doctor-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}

/* IMAGE ZOOM */
.index-doctor-card:hover img {
    transform: scale(1.1);
}

/* INFO */
.index-doctor-info {
    padding: 20px;
}

.index-doctor-info h3 {
    font-size: 18px;
    color: #1f2d3d;
    margin-bottom: 5px;
}

.index-doctor-info p {
    font-size: 14px;
    color: #6c7a89;
    margin-bottom: 10px;
}

/* LINK */
.index-doctor-info a {
    font-size: 13px;
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
}

.index-doctor-info a:hover {
    text-decoration: underline;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .index-doctor-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .index-doctor-title {
        font-size: 28px;
    }
}

/* slider  WRAPPER */
.index-doctor-slider {
    overflow: hidden;
}

/* TRACK */
.index-doctor-track {
    display: flex;
    gap: 20px;
    transition: transform 0.6s ease;
}

/* 4 CARDS DESKTOP */
.index-doctor-card {
    min-width: calc(25% - 15px);
}

/* MOBILE: 1 CARD */
@media (max-width: 576px) {
    .index-doctor-card {
        min-width: 100%;
    }
}
/* ADD BORDER BASE */
.index-doctor-card {
    border: 2px solid transparent;
    transition: 
        transform 0.4s ease,
        box-shadow 0.4s ease,
        border 0.3s ease;
}

/* HOVER BORDER EFFECT */
.index-doctor-card:hover {
    border: 2px solid #f58220; /* orange highlight */
}

















   /* google review section */


   
   /* SECTION */
.review-section {
    padding: 80px 20px;
    background: #ffffff;
    font-family: 'Poppins', sans-serif;
}

.review-container {
    max-width: 1200px;
    margin: auto;
}
.btn-review {
    display: inline-block;
    padding: 10px 20px;
    background: #ff6b00;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
}

.btn-review:hover {
    background: #e55a00;
}

/* TITLE */
.review-title {
    text-align: center;
    font-size: 40px;
    margin-bottom: 50px;
}

.review-title span {
    color: #e67e22;
}

/* LAYOUT */
.review-layout {
    display: flex;
    gap: 40px;
}

/* LEFT SIDE */
.review-left {
    width: 30%;
}

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

.doctor-box img {
    width: 80px;
    border-radius: 50%;
    margin-bottom: 10px;
}

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

.count {
    font-size: 13px;
    color: #777;
}

.doctor-box button {
    margin-top: 10px;
    padding: 8px 15px;
    border: none;
    background: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
}

/* RIGHT SIDE */
.review-right {
    width: 70%;
}

/* SLIDER */
.review-slider {
    overflow: hidden;
}



.review-track {
    display: flex;
    gap: 30px;
    width: max-content;
    will-change: transform;
}



/* CARD (IMAGE 2 STYLE) */
.review-card {
    min-width: 300px;
    height:250px;
       padding: 60px 25px 30px; /* TOP SPACE INCREASED */
    background: #f2f2f2;
    border-radius: 70px 90px 70px 90px;
    position: relative;
    overflow: visible;
       z-index: 1;
       

}
 

/* QUOTE */
.quote {
    position: absolute;
     top: -8px;
    left: 30px;  /* move inside slightly */
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
     z-index: 2;
}

.green .quote { background: #6ab04c; }
.blue .quote { background: #3498db; }
.orange .quote { background: #f39c12; }

.quote-bg {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 40px;
    color: rgba(0,0,0,0.1);
}


/* TEXT */
.review-card h4 {
    
    margin-top: 10px;
}

.time {
    font-size: 12px;
    color: #777;
}

.review-card .stars {
    color: #f39c12;
    margin: 10px 0;
}

.review-card p {
    font-size: 13px;
    color: #555;
}

.review-card a {
    font-size: 12px;
    color: #888;
}

/* BACKGROUND QUOTE */
.quote-bg {
    position: absolute;
    bottom: 10px;
    right: 15px;
    font-size: 40px;
    color: rgba(0,0,0,0.08);
}

/* RESPONSIVE */
@media(max-width: 992px){
    .review-layout {
        flex-direction: column;
    }

    .review-left,
    .review-right {
        width: 100%;
    }
}


































    /* achievement SECTION */
.achievement-section {
    background: #ffffff;
    padding: 80px 0;
}

/* CONTAINER */
.achievement-container {
    max-width: 1200px;
    margin: auto;
}

/* TITLE */
.achievement-container h2 {
    font-size: 36px;
    margin-bottom: 10px;
}

/* LINE */
.design-line {
    display: flex;
    margin-bottom: 40px;
}

.design-line .dark {
    width: 140px;
    height: 4px;
    background: #5b4b3f;
}

.design-line .light {
    width: 50px;
    height: 4px;
    background: #ff6b00;
}

/* GRID */
.achievement-grid {
    display: flex;
    gap: 30px;
}

/* CARD */
.achievement-card {
    flex: 1;
    perspective: 1000px; /* 🔥 enables 3D */

    transition: transform 0.4s ease;
    animation: float 4s ease-in-out infinite;
}
.card-inner {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;

    /* 🔥 DEPTH SHADOW */
    box-shadow: 
        0 10px 25px rgba(0,0,0,0.15),
        0 5px 10px rgba(0,0,0,0.1);

    transition: all 0.4s ease;
    transform-style: preserve-3d;
}
.achievement-card:hover .card-inner {
    transform: 
        rotateX(5deg) 
        rotateY(-5deg) 
        scale(1.03) 
        translateY(-10px);

    box-shadow: 
        0 30px 60px rgba(0,0,0,0.3),
        0 15px 25px rgba(0,0,0,0.2);
}

.card-inner::before {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        120deg,
        rgba(255,255,255,0.3),
        transparent 40%
    );

    opacity: 0;
    transition: 0.4s;
}

.achievement-card:hover .card-inner::before {
    opacity: 1;
}
/* IMAGE BOX */
.img-box {
    border: 5px solid #f58220;
}

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

/* CONTENT */
.content {
    background: #fff;
    padding: 25px;
}

.content h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.content p {
    font-size: 14px;
    color: #555;
    line-height: 1.7;
}
/* BASE BORDER (invisible initially) */
.card-inner {
    border: 2px solid transparent;
    position: relative;
}

/* HOVER BORDER */
.achievement-card:hover .card-inner {
    border: 2px solid #f58220; /* 🔥 orange */
}

@media (max-width: 768px) {

    .achievement-grid {
        flex-direction: column;
        padding: 0 15px;
    }

    .img-box img {
        height: 220px;
    }

}




/* contact SECTION */

.contact-section {
    background: #ffffff;
    padding: 80px 0;
    text-align: center;
}

/* CONTAINER */
.contact-container {
    max-width: 1200px;
    margin: auto;
}

/* TITLE */
.contact-container h2 {
    font-size: 40px;
    color: #1f2d3d;
    line-height: 1.3;
}

.contact-container h2 span {
    color: #f58220;
}

/* SUBTITLE */
.subtitle {
    margin: 15px 0 40px;
    color: #555;
}

/* GRID */
.contact-grid {
    display: flex;
    gap: 25px;
    justify-content: center;
}

/* CARD */
.contact-card {
    background: #fff;
    padding: 30px;
    flex: 1;
    border-radius: 16px;
    overflow: hidden;
    position: relative; /* IMPORTANT */

    box-shadow:
        0 10px 25px rgba(0,0,0,0.1),
        0 5px 10px rgba(0,0,0,0.05);

    transition: all 0.4s ease;
  
    z-index: 1;
}

/* HOVER */
.contact-card:hover {
    box-shadow:
        0 0 10px rgba(245,130,32,0.6),
        0 0 20px rgba(37,211,102,0.4),
        0 0 30px rgba(124,58,237,0.3),
        0 25px 50px rgba(0,0,0,0.2);
}

/* LIGHT EFFECT */
.contact-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0.3),
        transparent 40%
    );
    opacity: 0;
    transition: 0.4s;
    pointer-events: none; /* 🔥 FIX CLICK ISSUE */
}

.contact-card:hover::before {
    opacity: 1;
}

/* HORIZONTAL LAYOUT */
.contact-card.horizontal {
    text-align: left;
}

/* HEADER */
.card-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

/* ICON */
.icon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;

    box-shadow:
        inset 0 3px 6px rgba(255,255,255,0.6),
        0 5px 10px rgba(0,0,0,0.1);
}

/* ICON COLORS */
.blue { background: #dbeafe; }
.purple { background: #ede9fe; }
.pink { background: #ffe4e6; }

/* TITLE */
.card-header h3 {
    margin: 0; /* FIX alignment */
    font-size: 22px;
    font-weight: 600;
    color: #1f2d3d;
}

/* BODY */
.card-body {
    padding-left: 70px;
}

/* TEXT */
.card-body p {
    margin: 5px 0 12px;
    color: #555;
}

/* BUTTON WRAPPER */
.btn-wrapper {
    position: relative;
    z-index: 2;
}

/* WHATSAPP BUTTON */
.whatsapp-btn {
    display: inline-block;
    padding: 12px 22px;
    background: #25d366;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    transition: 0.3s ease;
}

.whatsapp-btn:hover {
    background: #1ebe5d;
    transform: translateY(-2px);
}

/* CONTACT INFO */
.contact-info {
    font-weight: 500;
    margin-top: 10px;
}



/* FOOTER */
.contact-footer {
    margin-top: 30px;
    padding: 15px;
    background: #fff;
    border-radius: 8px;
    color: #555;
}
.contact-card:hover {
    transform: translateY(-5px);
    transition: 0.3s;
}
.contact-card button:hover {
    background: #e06f10;
}
@media (max-width: 768px) {

    .contact-grid {
        flex-direction: column;
        padding: 0 15px;
    }

    .contact-container h2 {
        font-size: 28px;
    }

}




/* DEFAULT BORDER */
.contact-card {
    border: 2px solid transparent;
    transition: border 0.3s ease;
}

/* HOVER BORDER */
.contact-card:hover {
    border: 2px solid #f58220;
}
























































/*footer  SECTION */
.dkfooter {
    background: #0b1c2c;
    color: #fff;
    padding-top: 60px;
    font-family: Arial, sans-serif;
}

.dkfooter-container {
    width: 90%;
    max-width: 1300px;
    margin: auto;

    display: grid;
    grid-template-columns: 1.4fr 1fr 1.5fr;
    gap: 50px;

    padding-bottom: 40px;
}

.dkfooter-section h3 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #ffffff;
}

.dkfooter-section p {
    line-height: 1.8;
    font-size: 15px;
    color: #d6d6d6;
}

.dkfooter-links {
    display: flex;
    flex-direction: column;
}

.dkfooter-links a {
    color: #d6d6d6;
    text-decoration: none;
    margin-bottom: 12px;
    transition: 0.3s;
    font-size: 15px;
}

.dkfooter-links a:hover {
    color: #00bcd4;
    padding-left: 5px;
}

.dkfooter-social {
    margin-top: 20px;
    display: flex;
    gap: 15px;
}

.dkfooter-social a {
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255,255,255,0.2);

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    color: white;
    text-decoration: none;

    transition: 0.3s;
}

.dkfooter-social a:hover {
    background: #00bcd4;
    border-color: #00bcd4;
    transform: translateY(-3px);
}

.dkfooter-map iframe {
    border-radius: 10px;
    width: 100%;
}

.dkfooter-bottom {
    border-top: 1px solid rgba(255,255,255,0.1);
    text-align: center;
    padding: 20px 10px;
    font-size: 14px;
    color: #cfcfcf;
}

/* MOBILE */
@media(max-width: 992px) {
    .dkfooter-container {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .dkfooter-map iframe {
        height: 250px;
    }
}







/*About us page*/

.about-section {
    background: #ffffff;
    margin-top: 100px;
}

/* IMAGE */
.about-row {
    min-height: 500px;   /* ensures vertical alignment space */
}

/* IMAGE */
.about-img {
    max-width: 90%;
    display: block;
    margin: auto;
     max-height: 520px;
      
    transform: translateY(-50px);
}


/* TITLE */
.about-title {
    font-size: 36px;
    font-weight: 700;
    color: #1f2d3d;
}

/* DECORATIVE BAR */
.title-bar {
    display: flex;
    align-items: center;
    margin: 15px 0 20px;
}

.dark-bar {
    width: 120px;
    height: 8px;
    background: #5b4b3f;
}

.light-bar {
    width: 60px;
    height: 8px;
    background:#ff6b00;
}

/* TEXT */
.about-text {
    color: #555;
    line-height: 1.8;
    margin-bottom: 12px;
    text-align: justify;
}

/* BUTTON */
.about-btn {
    background: #f58220;
    color: #fff;
    padding: 10px 22px;
    border-radius: 25px;
    font-weight: 600;
    transition: 0.3s;
}

.about-btn:hover {
    background: #e06f10;
    color: #fff;
}





/*second section code */

/* SECTION BACKGROUND GAP */

.hospital-stats-clean {
    background: #ffffff;
    padding: 70px 20px;
}

.stats-container {
    max-width: 1100px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

/* CARD */
.stat-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 25px;
    border: 1px solid #eee;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: all 0.35s ease;
    position: relative;
}

/* FLEX ROW ALIGNMENT */
.stat-row {
    display: flex;
    align-items: center;   /* vertical alignment */
    gap: 15px;
}

/* ICON */
.stat-card .icon {
    font-size: 34px;
    min-width: 45px;
}

/* TEXT */
.stat-card .text h3 {
    font-size: 24px;
    margin: 0;
    color: #111;
    font-weight: 600;
}

.stat-card .text p {
    margin: 2px 0 0;
    font-size: 14px;
    color: #666;
}

/* ORANGE HOVER BORDER */
.stat-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 14px;
    border: 2px solid #ff7a00;
    opacity: 0;
    transition: 0.3s ease;
}

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

.stat-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.08);
}
.icon {
    width: 50px;
    height: 50px;
    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff7f0;
    border-radius: 12px;
}

.icon img {
    width: 26px;
    height: 26px;
    object-fit: contain;
}

/* RESPONSIVE */
@media (max-width: 900px) {
    .stats-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    .stats-container {
        grid-template-columns: 1fr;
    }
}







































.vision-section {
    background: linear-gradient(135deg, #f3eee7, #eae4db);
    padding: 120px 0;
}

/* MAIN WRAPPER */
.vision-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;

    background: rgba(255,255,255,0.6);
    backdrop-filter: blur(10px);

    border-radius: 20px;
    padding: 60px;

    position: relative;

    /* DEPTH */
    box-shadow:
        0 40px 80px rgba(0,0,0,0.15),
        inset 0 1px 0 rgba(255,255,255,0.7);
}

/* GLOW BORDER */
.vision-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;

    background: linear-gradient(120deg, #f58220, #e2b27a, #f58220);

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;

    border-radius: 20px;
}

/* ITEMS */
.vision-item {
    width: 45%;
}

/* TITLE */
.vision-item h3 {
    font-size: 32px;
    font-weight: 700;
    color: #1f2d3d;
}

/* LINE */
.line {
    width: 120px;
    height: 6px;
    margin: 15px 0;
    background: linear-gradient(to right, #4b3f35, #e2b27a);
    border-radius: 4px;
}

/* TEXT */
.vision-item p {
    color: #555;
    line-height: 1.8;
}

/* DIVIDER */
.divider {
    width: 1px;
    height: 120px;
    background: linear-gradient(to bottom, transparent, #ccc, transparent);
}

/* 🔥 HOVER EFFECT */
.vision-wrapper:hover {
    transform: translateY(-10px);
    transition: 0.4s ease;

    box-shadow:
        0 60px 120px rgba(0,0,0,0.2),
        0 0 40px rgba(245,130,32,0.2);
}


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

    .vision-section {
        padding: 60px 15px;
    }

    .vision-wrapper {

        flex-direction: column;

        padding: 35px 25px;

        border-radius: 18px;

        gap: 30px;

        text-align: center;
    }

    /* REMOVE HOVER LIFT ON MOBILE */
    .vision-wrapper:hover {
        transform: none;
    }

    /* ITEMS */
    .vision-item {
        width: 100%;
    }

    /* TITLE */
    .vision-item h3 {
        font-size: 26px;
        line-height: 1.3;
    }

    /* LINE */
    .line {
        margin: 15px auto;
        width: 90px;
        height: 5px;
    }

    /* TEXT */
    .vision-item p {
        font-size: 15px;
        line-height: 1.8;
        text-align: center;
    }

    /* DIVIDER */
    .divider {

        width: 80%;
        height: 1px;

        background:
            linear-gradient(to right,
            transparent,
            #ccc,
            transparent);
    }
}









.gallery-section {
    background: linear-gradient(135deg, #f3eee7, #e9e2d9);
    padding: 100px 0;
}

/* TITLE */
.gallery-title {
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 50px;
}

/* GRID */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 200px;
    gap: 20px;
}

/* ITEM BASE */
.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    cursor: pointer;

    box-shadow:
        0 15px 30px rgba(0,0,0,0.15);

    transition: 0.4s ease;
}

/* IMAGE */
.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s ease;
}

/* SIZE VARIATIONS */
.gallery-item.big {
    grid-column: span 2;
    grid-row: span 2;
}

.gallery-item.tall {
    grid-row: span 2;
}

.gallery-item.wide {
    grid-column: span 2;
}

/* 🔥 GLOW BORDER */
.gallery-item::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 14px;
    padding: 2px;

    background: linear-gradient(120deg, #f58220, #e2b27a, #f58220);

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;

    opacity: 0;
    transition: 0.4s;
}

/* 🔥 LIGHT SWEEP */
.gallery-item::after {
    content: "";
    position: absolute;
    top: -100%;
    left: -50%;
    width: 200%;
    height: 300%;

    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );

    transform: rotate(25deg);
    transition: 0.8s;
}

/* 🔥 HOVER EFFECT */
.gallery-item:hover img {
    transform: scale(1.12);
}

.gallery-item:hover::before {
    opacity: 1;
}

.gallery-item:hover::after {
    top: 100%;
}

.gallery-item:hover {
    transform: translateY(-10px);

    box-shadow:
        0 25px 50px rgba(0,0,0,0.3),
        0 0 30px rgba(245,130,32,0.3);
}

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

    .gallery-section {
        padding: 60px 15px;
    }

    /* TITLE */
    .gallery-title {
        font-size: 28px;
        margin-bottom: 35px;
        line-height: 1.3;
    }

    /* GRID */
    .gallery-grid {

        grid-template-columns: repeat(2, 1fr);

        grid-auto-rows: 140px;

        gap: 12px;
    }

    /* RESET LARGE SIZES */
    .gallery-item.big,
    .gallery-item.tall,
    .gallery-item.wide {

        grid-column: span 1;
        grid-row: span 1;
    }

    /* FEATURED IMAGE */
    .gallery-item.big:first-child {

        grid-column: span 2;
        grid-row: span 2;

        height: auto;
    }

    /* CARD */
    .gallery-item {
        border-radius: 12px;
    }

    /* IMAGE */
    .gallery-item img {
        border-radius: 12px;
    }

    /* REMOVE EXTRA HOVER LIFT ON MOBILE */
    .gallery-item:hover {
        transform: none;
    }

    .gallery-item:hover img {
        transform: scale(1.05);
    }
}






/*facility page code*/

.services-section {
    background: #eae4dc; /* light beige background */
    padding: 60px 20px;
    margin-top:80px;
}

.services-container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    gap: 30px;
    justify-content: center;
    flex-wrap: wrap;
}

/* CARD */
.service-card {
    width: 48%;
    background: #fff;
    overflow: hidden;
    transition: all 0.4s ease;
    cursor: pointer;
    position: relative;
}

/* IMAGE */
.image-box {
    overflow: hidden;
}

.image-box img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* TITLE */
.service-title {
    text-align: center;
    padding: 18px 10px;
    font-size: 16px;
    color: #5c5c5c;
    letter-spacing: 0.5px;
    border-top: 1px solid #eee;
    position: relative;
}

/* BOTTOM LINE */
.service-title::after {
    content: "";
    width: 120px;
    height: 2px;
    background: #c49b66; /* premium gold tone */
    display: block;
    margin: 10px auto 0;
}

/* HOVER EFFECT */
.service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

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

/* RESPONSIVE */
@media (max-width: 768px) {
    .service-card {
        width: 100%;
    }

    .image-box img {
        height: 240px;
    }
}




/*  doctor page code*/
.department-section {
    padding: 80px 20px;
    background: linear-gradient(to bottom, #f8fbff, #eef4f9);
    font-family: 'Segoe UI', sans-serif;
}

/* HEADER */
.doctor-header {
    text-align: center;
    margin-bottom: 60px;
}

.doctor-header h2 {
    font-size: 34px;
    color: #1c2b36;
    font-weight: 600;
}

.doctor-header p {
    color: #6b7c8a;
    margin-top: 8px;
    font-size: 15px;
}

.doctor-header .line {
    width: 80px;
    height: 3px;
    background: linear-gradient(
        90deg,
        #5b4b3f 0%,
        #5b4b3f 70%,
        #ff6b00 70%,
        #ff6b00 100%
    );
    margin: 15px auto 0;
    border-radius: 2px;
}

/* GRID */
.doctor-container {
    max-width: 1200px;
    margin: auto;
    display: grid;
     grid-template-columns: repeat(3, 1fr); /* 👈 FORCE 3 */
    
    gap: 30px;
}

/* CARD */
.doctor-card {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    transition: all 0.4s ease;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    position: relative;
}

/* IMAGE */
.doctor-img {
    overflow: hidden;
}

.doctor-img img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    transition: 0.5s;
    object-position: top center; /* 👈 KEY FIX */
}

    

/* INFO */
.doctor-info {
    padding: 20px;
    text-align: center;
}

.doctor-info h3 {
    font-size: 18px;
    color: #1c2b36;
    margin-bottom: 5px;
}

.doctor-info p {
    font-size: 14px;
    color: #0ea5e9;
    font-weight: 500;
    margin-bottom: 6px;
}

.doctor-info span {
    font-size: 13px;
    color: #6b7c8a;
}

/* HOVER EFFECT */
.doctor-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.1);
}

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

/* OPTIONAL BADGE */
.doctor-card::before {
    content: "Expert";
    position: absolute;
    top: 15px;
    left: 15px;
    background: #22c55e;
    color: #fff;
    font-size: 11px;
    padding: 4px 10px;
    border-radius: 20px;
}

/* RESPONSIVE */
@media(max-width:768px){
    .dept-header h2 {
        font-size: 26px;
    }
}
















    /* emergency code */



     .emergency-services {
    padding: 80px 20px;
    background: #f8f9fa;
}

.container {
    max-width: 1200px;
    margin: auto;
}

.section-header {
    text-align: center;
    margin-bottom: 60px;
}

.section-header h2 {
    font-size: 40px;
    color: #222;
    margin-bottom: 15px;
}

.section-header p {
    max-width: 750px;
    margin: 20px auto 0;
    color: #666;
    line-height: 1.8;
    font-size: 17px;
}

.design-line {
    width: 90px;
    height: 4px;
    background: linear-gradient(
        90deg,
        #5b4b3f 0%,
        #5b4b3f 70%,
        #ff6b00 70%,
        #ff6b00 100%
    );
    margin: auto;
    border-radius: 3px;
}

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

.emergency-card {
    background: #fff;
    padding: 35px 25px;
    border-radius: 14px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    transition: 0.3s ease;
}

.emergency-card:hover {
    transform: translateY(-8px);
   background:  #ff9f43;

}

.emergency-card .title-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 15px;
}

.emergency-card .icon {
    font-size: 42px;
    margin-bottom: 0;
}

.emergency-card h3 {
    margin-bottom: 0;
}
.emergency-card p {
    color: #666;
    line-height: 1.7;
    font-size: 15px;
}

/* Responsive */

@media (max-width: 992px) {
    .emergency-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

    .section-header h2 {
        font-size: 30px;
    }
}


.quick-response-section {
    padding: 80px 20px;
    background: #f8f9fa;
}

.response-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 5px 18px rgba(0,0,0,0.08);
}

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

.response-content {
    padding: 50px;
}

.response-content h2 {
    font-size: 42px;
    color: #222;
    margin-bottom: 18px;
}

.design-line {
    width: 90px;
    height: 4px;
    background: linear-gradient(
        90deg,
        #5b4b3f 0%,
        #5b4b3f 70%,
        #ff6b00 70%,
        #ff6b00 100%
    );
    border-radius: 3px;
    margin-bottom: 25px;
}

.response-content p {
    color: #666;
    line-height: 1.8;
    margin-bottom: 25px;
    font-size: 16px;
}

.response-content ul {
    padding-left: 20px;
    margin-bottom: 35px;
}

.response-content ul li {
    margin-bottom: 14px;
    color: #444;
    font-size: 16px;
}

.response-btn {
    display: inline-block;
    padding: 14px 28px;
    background: #ff6b00;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    transition: 0.3s ease;
    font-weight: 600;
}

.response-btn:hover {
    background: #e55d00;
}

/* Responsive */

@media (max-width: 992px) {

    .response-wrapper {
        grid-template-columns: 1fr;
    }

    .response-content {
        padding: 35px;
    }

    .response-content h2 {
        font-size: 32px;
    }
}

@media (max-width: 600px) {

    .response-content {
        padding: 25px;
    }

    .response-content h2 {
        font-size: 28px;
    }
}








.emergency-info-section {
    padding: 70px 20px;
    background: #f5f1eb;
}

.container {
    max-width: 1200px;
    margin: auto;
}

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

.info-box {
    background: #f7f7f7;
    padding: 45px;
    border-left: 6px solid #a40000;
    border-radius: 6px;
}

.info-box h2 {
    font-size: 34px;
    color: #333;
    margin-bottom: 18px;
    font-weight: 700;
}

.design-line {
    width: 90px;
    height: 4px;
    background: linear-gradient(
        90deg,
        #5b4b3f 0%,
        #5b4b3f 70%,
        #ff6b00 70%,
        #ff6b00 100%
    );
    border-radius: 3px;
    margin-bottom: 30px;
}

.info-box ul {
    padding-left: 22px;
}

.info-box ul li {
    margin-bottom: 18px;
    color: #666;
    font-size: 18px;
    line-height: 1.7;
}

/* Responsive */

@media (max-width: 768px) {

    .info-wrapper {
        grid-template-columns: 1fr;
    }

    .info-box {
        padding: 30px;
    }

    .info-box h2 {
        font-size: 28px;
    }
}

































/*     gallery section code*/

.gallery-section {
    padding: 80px 20px;
    background: #f8f9fa;
}

.container {
    max-width: 1200px;
    margin: auto;
}

.section-header {
    text-align: center;
    margin-bottom: 50px;
}

.section-header h2 {
    font-size: 36px;
    color: #222;
    margin-bottom: 15px;
}

.design-line {
    width: 80px;
    height: 4px;
    background: linear-gradient(
        90deg,
        #5b4b3f 0%,
        #5b4b3f 70%,
        #ff6b00 70%,
        #ff6b00 100%
    );
    margin: auto;
    border-radius: 5px;
}

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

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

.gallery-card:hover {
    transform: translateY(-8px);
}

.gallery-card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
}

.gallery-content {
    padding: 18px;
    text-align: center;
}

.gallery-content h3 {
    font-size: 20px;
    color: #333;
    margin: 0;
}

/* Responsive */

@media (max-width: 992px) {
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

    .section-header h2 {
        font-size: 28px;
    }
}







    /* =====================================
   ACED SECTION
===================================== */

.aced-section {
    background: #f4f8fb;
    padding: 110px 6%;
    position: relative;
    overflow: hidden;
}

.aced-section::before {
    content: "ACED";
    position: absolute;
    top: 40px;
    right: -40px;
    font-size: 220px;
    font-weight: 900;
    color: rgba(0,0,0,0.03);
    line-height: 1;
}

/* TOP TITLE */

.aced-top-title {
    text-align: center;
    margin-bottom: 70px;
}

.aced-top-title span {
    display: inline-block;
    background: #dbeafe;
    color: #2563eb;
    padding: 10px 24px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.aced-top-title h2 {
    font-size: 110px;
    color: #0f172a;
    margin-bottom: 10px;
    font-weight: 900;
    line-height: 1;
}

.aced-top-title p {
    color: #64748b;
    font-size: 20px;
}

/* WRAPPER */

.aced-wrapper {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 70px;
    align-items: center;
}

/* LEFT */

.big-text h3 {
    font-size: 64px;
    line-height: 1.1;
    color: #0f172a;
    margin-bottom: 25px;
    font-weight: 800;
}

.big-text p {
    color: #475569;
    line-height: 1.9;
    font-size: 17px;
    max-width: 650px;
    margin-bottom: 50px;
}

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

.feature-box {
    background: #fff;
    border-radius: 28px;
    padding: 35px;
    position: relative;
    transition: 0.4s ease;
    overflow: hidden;
   border: 1px solid #ffcc80;
}

.feature-box::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
   background: linear-gradient(to right, #ff7a18, #ffb347);
    left: 0;
    top: 0;
}

.feature-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(37,99,235,0.12);
}

.feature-box.active {
    background: linear-gradient(135deg, #ff7a18, #ffb347);
}

.feature-box.active h4,
.feature-box.active p,
.feature-box.active .number {
    color: #fff;
}

.number {
    font-size: 48px;
    font-weight: 900;
    color: #cbd5e1;
    margin-bottom: 15px;
}

.feature-box h4 {
    font-size: 24px;
    margin-bottom: 12px;
    color: #0f172a;
}

.feature-box p {
    color: #64748b;
    line-height: 1.7;
    font-size: 15px;
}

/* RIGHT */

.aced-right {
    position: relative;
}

.main-card {
    position: relative;
    border-radius: 40px;
    overflow: hidden;
    height: 720px;
    box-shadow: 0 35px 80px rgba(0,0,0,0.18);
}

.main-card img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.main-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(255, 165, 0, 0.8),
        transparent
    );
}

.image-content {
    position: absolute;
    bottom: 40px;
    left: 40px;
    z-index: 3;
}

.image-content span {
    color: #000000;
    font-size: 13px;
    letter-spacing: 2px;
}

.image-content h3 {
    color: #000;
    font-size: 38px;
    margin-top: 10px;
}

/* FLOATING INFO */

.floating-info {
    position: absolute;
    background: rgba(255,255,255,0.92);
    backdrop-filter: blur(10px);
    padding: 22px 28px;
    border-radius: 24px;
    box-shadow: 0 20px 45px rgba(0,0,0,0.12);
    animation: floaty 4s ease-in-out infinite;
}

.floating-info h4 {
    font-size: 34px;
    color: #ff9f43;
    margin-bottom: 5px;
}

.floating-info p {
    color: #64748b;
    font-size: 14px;
}

.info1 {
    top: 40px;
    left: -50px;
}

.info2 {
    top: 300px;
    right: -50px;
}

.info3 {
    bottom: 140px;
    left: -20px;
}

@keyframes floaty {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-12px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* RESPONSIVE */

@media(max-width: 1100px) {

    .aced-wrapper {
        grid-template-columns: 1fr;
    }

    .aced-top-title h2 {
        font-size: 80px;
    }

}

@media(max-width: 768px) {

    .aced-section {
        padding: 80px 20px;
    }

    .aced-top-title h2 {
        font-size: 58px;
    }

    .big-text h3 {
        font-size: 42px;
    }

    .feature-grid {
        grid-template-columns: 1fr;
    }

    .main-card {
        height: 500px;
    }

    .floating-info {
        position: relative;
        inset: unset;
        margin-top: 20px;
    }

}






     /* =========================
   testimonial VIDEO TESTIMONIAL
========================= */

.test-video-section {
    padding: 100px 20px;
    background: #f8f9fa;
}

.test-video-container {
    max-width: 1200px;
    margin: auto;
}

/* HEADER */

.test-video-header {
    text-align: center;
    margin-bottom: 70px;
}

.test-video-header span {
    display: inline-block;
    padding: 10px 22px;
    background: #fff0e6;
    color: #ff6b00;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.test-video-header h2 {
    font-size: 42px;
    color: #222;
    margin-bottom: 15px;
}

.test-video-header p {
    max-width: 700px;
    margin: auto;
    color: #666;
    line-height: 1.8;
}

.test-video-line {
    width: 90px;
    height: 4px;
    background: linear-gradient(
        90deg,
        #5b4b3f 0%,
        #5b4b3f 70%,
        #ff6b00 70%,
        #ff6b00 100%
    );
    margin: 0 auto 25px;
    border-radius: 3px;
}

/* GRID */

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

/* CARD */

.video-card {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    transition: 0.3s ease;
}

.video-card:hover {
    transform: translateY(-10px);
}

.video-box {
    position: relative;
    height: 280px;
    overflow: hidden;
}

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

/* PLAY BUTTON */

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75px;
    height: 75px;
    background: #ff6b00;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 28px;
    transition: 0.3s ease;
}

.play-btn:hover {
    background: #e55d00;
    transform: translate(-50%, -50%) scale(1.1);
}

.video-content {
    padding: 25px;
}

.video-content h3 {
    font-size: 24px;
    color: #222;
    margin-bottom: 10px;
}

.video-content p {
    color: #777;
    font-size: 15px;
}

/* ACTIVE CARD */

.video-card.active {
    transform: translateY(-10px);
}

/* RESPONSIVE */

@media(max-width:992px) {

    .test-video-grid {
        grid-template-columns: repeat(2,1fr);
    }

}

@media(max-width:768px) {

    .test-video-grid {
        grid-template-columns: 1fr;
    }

    .test-video-header h2 {
        font-size: 32px;
    }

}















   /*  fellowship page code */

   /* ===================================
   FELLOWSHIP MODERN SECTION
=================================== */
.about-banner {
margin-top:80px;
}
.custom-tabs {
    gap: 18px;
    border: none;
    justify-content: center;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.custom-tabs .nav-link {
    border: none;
    padding: 16px 28px;
    border-radius: 60px;
    background: #fff;
    color: #1e293b;
    font-weight: 600;
    font-size: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.06);
    transition: 0.3s ease;
}

.custom-tabs .nav-link:hover {
    transform: translateY(-4px);
}

.custom-tabs .nav-link.active {
    background: linear-gradient(135deg,#ff6b00,#ff9f43);
    color: #fff;
    box-shadow: 0 15px 35px rgba(255,107,0,0.3);
}

/* TAB CONTENT */

.tab-pane {
    background: #fff;
    padding: 40px;
    border-radius: 30px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.07);
}

/* IMAGE */

.tab-pane img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    border-radius: 24px;
    margin-bottom: 35px;
}

/* COURSE LIST */

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

.course-list li {
    position: relative;
    padding: 20px 20px 20px 75px;
    margin-bottom: 18px;
    background: #fff7f0;
    border-radius: 18px;
    color: #475569;
    line-height: 1.8;
    font-size: 15px;
    transition: 0.3s ease;
    border-left: 5px solid #ff6b00;
}

.course-list li:hover {
    transform: translateX(6px);
    background: #fff2e8;
}

/* ICON */

.course-list li::before {
    content: "✓";
    position: absolute;
    left: 22px;
    top: 18px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg,#ff6b00,#ff9f43);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
}

/* LABEL */

.label-title {
    color: #111827;
    font-weight: 700;
}

/* LINKS */

.course-list a {
    color: #ff6b00;
    text-decoration: none;
    font-weight: 600;
}

.course-list a:hover {
    text-decoration: underline;
}

/* RESPONSIVE */

@media(max-width:992px){

    .tab-pane {
        padding: 28px;
    }

    .tab-pane img {
        height: 320px;
    }

}

@media(max-width:768px){

    .custom-tabs {
        gap: 12px;
    }

    .custom-tabs .nav-link {
        width: 100%;
        text-align: center;
    }

    .tab-pane {
        padding: 22px;
        border-radius: 20px;
    }

    .tab-pane img {
        height: 250px;
    }

    .course-list li {
        padding: 18px 18px 18px 65px;
        font-size: 14px;
    }

}






     /* ============================
   DNB SECTION
============================ */




     .academic-section{
    padding:110px 20px;
    background:linear-gradient(to bottom,#fff,#fff7f0);
}

.academic-container{
    max-width:1300px;
    margin:auto;
}

/* GRID */

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

/* CARD */

.academic-card{
    background:#fff;
    border-radius:30px;
    padding:40px;
    box-shadow:0 15px 50px rgba(0,0,0,0.08);
    transition:0.4s ease;
    position:relative;
    overflow:hidden;
}

.academic-card:hover{
    transform:translateY(-10px);
}

/* TOP */

.academic-top{
    margin-bottom:30px;
}

.program-badge{
    display:inline-block;
    padding:10px 20px;
    background:#fff0e6;
    color:#ff6b00;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

.academic-top h3{
    font-size:34px;
    line-height:1.2;
    color:#1e293b;
    margin-bottom:18px;
}

.academic-top p{
    color:#64748b;
    line-height:1.9;
    font-size:15px;
}

/* LIST */

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

.academic-list li{
    position:relative;
    padding:20px 20px 20px 72px;
    margin-bottom:18px;
    background:#fff7f0;
    border-radius:18px;
    color:#475569;
    line-height:1.8;
    border-left:5px solid #ff6b00;
    transition:0.3s ease;
}

.academic-list li:hover{
    background:#fff2e8;
    transform:translateX(6px);
}

.academic-list li::before{
    content:"✓";
    position:absolute;
    left:22px;
    top:18px;
    width:34px;
    height:34px;
    border-radius:50%;
    background:linear-gradient(135deg,#ff6b00,#ff9f43);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
}

.academic-list b{
    color:#111827;
}

/* RESPONSIVE */

@media(max-width:991px){

    .academic-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .academic-section{
        padding:80px 20px;
    }

    .academic-card{
        padding:25px;
    }

    .academic-top h3{
        font-size:28px;
    }

    .academic-list li{
        padding:18px 18px 18px 65px;
        font-size:14px;
    }

}

















































     /* ============================
   CAREER SECTION
============================ */

.career-section {
    padding: 110px 20px;
    background: linear-gradient(to bottom,#fff,#fff7f0);
}

.career-container {
    max-width: 1250px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 0.9fr;
    gap: 60px;
    align-items: center;
}

/* LEFT */

.career-content span {
    display: inline-block;
    padding: 10px 22px;
    background: #fff0e6;
    color: #ff6b00;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.career-content h2 {
    font-size: 54px;
    line-height: 1.1;
    color: #1e293b;
    margin-bottom: 20px;
}

.career-line {
    width: 90px;
    height: 4px;
    background: linear-gradient(
        90deg,
        #5b4b3f 0%,
        #5b4b3f 70%,
        #ff6b00 70%,
        #ff6b00 100%
    );
    border-radius: 3px;
    margin-bottom: 28px;
}

.career-content p {
    color: #64748b;
    line-height: 1.9;
    font-size: 16px;
}

/* POINTS */

.career-points {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.career-point {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    background: #fff;
    padding: 22px;
    border-radius: 20px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.06);
}

.career-point .icon {
    width: 65px;
    height: 65px;
    background: linear-gradient(135deg,#ff6b00,#ff9f43);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #fff;
    flex-shrink: 0;
}

.career-point h4 {
    font-size: 22px;
    color: #222;
    margin-bottom: 6px;
}

.career-point p {
    margin: 0;
    font-size: 15px;
}

/* FORM */

.career-form-box {
    background: #fff;
    padding: 40px;
    border-radius: 30px;
    box-shadow: 0 15px 50px rgba(0,0,0,0.08);
}

.career-form-box h3 {
    font-size: 34px;
    color: #1e293b;
    margin-bottom: 30px;
}

/* INPUTS */

.input-group {
    margin-bottom: 22px;
}

.input-group input,
.input-group select,
.input-group textarea {
    width: 100%;
    padding: 16px 18px;
    border: 1px solid #ffd8a8;
    border-radius: 14px;
    outline: none;
    font-size: 15px;
    transition: 0.3s ease;
    background: #fffaf5;
}

.input-group input:focus,
.input-group select:focus,
.input-group textarea:focus {
    border-color: #ff6b00;
    background: #fff;
}

/* BUTTON */

.career-btn {
    width: 100%;
    border: none;
    padding: 17px;
    border-radius: 14px;
    background: linear-gradient(135deg,#ff6b00,#ff9f43);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease;
}

.career-btn:hover {
    transform: translateY(-4px);
}

/* RESPONSIVE */

@media(max-width:992px){

    .career-container {
        grid-template-columns: 1fr;
    }

}

@media(max-width:768px){

    .career-section {
        padding: 80px 20px;
    }

    .career-content h2 {
        font-size: 36px;
    }

    .career-form-box {
        padding: 25px;
    }

}




     /* ============================
   BLOGSHOW SECTION
============================ */

.blogshow-section {
    padding: 110px 20px;
    background: linear-gradient(to bottom,#fff,#fff7f0);
}

.blogshow-container {
    max-width: 1250px;
    margin: auto;
}

/* HEADING */

.blogshow-heading {
    text-align: center;
    margin-bottom: 70px;
}

.blogshow-heading span {
    display: inline-block;
    padding: 10px 22px;
    background: #fff0e6;
    color: #ff6b00;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.blogshow-heading h2 {
    font-size: 54px;
    line-height: 1.1;
    color: #1e293b;
    margin-bottom: 20px;
}

.blogshow-heading p {
    max-width: 760px;
    margin: auto;
    color: #64748b;
    line-height: 1.9;
    font-size: 16px;
}

.blogshow-line {
    width: 90px;
    height: 4px;
    background: linear-gradient(
        90deg,
        #5b4b3f 0%,
        #5b4b3f 70%,
        #ff6b00 70%,
        #ff6b00 100%
    );
    border-radius: 3px;
    margin: 0 auto 25px;
}

/* GRID */

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

/* CARD */

.blogshow-card {
    background: #fff;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 15px 45px rgba(0,0,0,0.07);
    transition: 0.3s ease;
}

.blogshow-card:hover {
    transform: translateY(-10px);
}

.blogshow-card.active {
    transform: translateY(-10px);
}

/* IMAGE */

.blogshow-image {
    overflow: hidden;
}

.blogshow-image img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    transition: 0.4s ease;
}

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

/* CONTENT */

.blogshow-content {
    padding: 30px;
}

/* META */

.blogshow-meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px;
}

.blogshow-meta span {
    font-size: 13px;
    font-weight: 600;
    color: #ff6b00;
    background: #fff4eb;
    padding: 8px 14px;
    border-radius: 50px;
}

/* TITLE */

.blogshow-content h3 {
    font-size: 26px;
    line-height: 1.4;
    color: #1e293b;
    margin-bottom: 18px;
}

/* TEXT */

.blogshow-content p {
    color: #64748b;
    line-height: 1.9;
    margin-bottom: 28px;
    font-size: 15px;
}

/* BUTTON */

.blogshow-btn {
    display: inline-block;
    padding: 13px 26px;
    background: linear-gradient(135deg,#ff6b00,#ff9f43);
    color: #fff;
    text-decoration: none;
    border-radius: 50px;
    font-weight: 600;
    transition: 0.3s ease;
}

.blogshow-btn:hover {
    transform: translateY(-4px);
}

/* RESPONSIVE */

@media(max-width:992px){

    .blogshow-grid {
        grid-template-columns: repeat(2,1fr);
    }

}

@media(max-width:768px){

    .blogshow-section {
        padding: 80px 20px;
    }

    .blogshow-heading h2 {
        font-size: 36px;
    }

    .blogshow-grid {
        grid-template-columns: 1fr;
    }

    .blogshow-content h3 {
        font-size: 22px;
    }

}







     /* ============================
   BLOGDETAIL SECTION
============================ */

.blogdetail-section {
    padding: 110px 20px;
    background: linear-gradient(to bottom,#fff,#fff8f2);
}

.blogdetail-container {
    max-width: 1000px;
    margin: auto;
}

/* IMAGE */

.blogdetail-image {
    margin-bottom: 45px;
}

.blogdetail-image img {
    width: 100%;
    height: 520px;
    object-fit: cover;
    border-radius: 32px;
    box-shadow: 0 20px 55px rgba(0,0,0,0.12);
}

/* CONTENT */

.blogdetail-content {
    background: #fff;
    padding: 50px;
    border-radius: 32px;
    box-shadow: 0 15px 50px rgba(0,0,0,0.06);
}

/* META */

.blogdetail-meta {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.blogdetail-meta span {
    background: #fff0e6;
    color: #ff6b00;
    padding: 10px 18px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
}

/* TITLE */

.blogdetail-content h1 {
    font-size: 52px;
    line-height: 1.2;
    color: #1e293b;
    margin-bottom: 20px;
}

/* LINE */

.blogdetail-line {
    width: 90px;
    height: 4px;
    background: linear-gradient(
        90deg,
        #5b4b3f 0%,
        #5b4b3f 70%,
        #ff6b00 70%,
        #ff6b00 100%
    );
    border-radius: 3px;
    margin-bottom: 35px;
}

/* PARAGRAPH */

.blogdetail-content p {
    color: #64748b;
    line-height: 2;
    font-size: 17px;
    margin-bottom: 30px;
}

/* SUB TITLE */

.blogdetail-content h2 {
    font-size: 34px;
    color: #1e293b;
    margin-bottom: 25px;
    margin-top: 40px;
}

/* QUOTE */

.blogdetail-quote {
    background: linear-gradient(135deg,#ff6b00,#ff9f43);
    padding: 40px;
    border-radius: 28px;
    margin: 45px 0;
    position: relative;
}

.blogdetail-quote h3 {
    color: #fff;
    font-size: 30px;
    line-height: 1.6;
    font-weight: 600;
}

/* LIST */

.blogdetail-list {
    list-style: none;
    padding: 0;
    margin-bottom: 40px;
}

.blogdetail-list li {
    position: relative;
    background: #fff7f0;
    padding: 18px 20px 18px 70px;
    border-radius: 16px;
    margin-bottom: 18px;
    color: #475569;
    border-left: 5px solid #ff6b00;
}

.blogdetail-list li::before {
    content: "✓";
    position: absolute;
    left: 22px;
    top: 16px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg,#ff6b00,#ff9f43);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

/* TAGS */

.blogdetail-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 40px;
}

.blogdetail-tags a {
    padding: 12px 22px;
    background: #fff0e6;
    color: #ff6b00;
    border-radius: 50px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s ease;
}

.blogdetail-tags a:hover {
    background: #ff6b00;
    color: #fff;
}

/* RESPONSIVE */

@media(max-width:768px){

    .blogdetail-section {
        padding: 80px 20px;
    }

    .blogdetail-image img {
        height: 260px;
        border-radius: 22px;
    }

    .blogdetail-content {
        padding: 28px;
        border-radius: 24px;
    }

    .blogdetail-content h1 {
        font-size: 34px;
    }

    .blogdetail-content h2 {
        font-size: 26px;
    }

    .blogdetail-content p {
        font-size: 15px;
    }

    .blogdetail-quote {
        padding: 28px;
    }

    .blogdetail-quote h3 {
        font-size: 22px;
    }

}






     /* ============================
   BLOGADD SECTION
============================ */

.blogadd-section {
    padding: 110px 20px;
    background: linear-gradient(to bottom,#fff,#fff7f0);
}

.blogadd-container {
    max-width: 1250px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

/* LEFT */

.blogadd-content span {
    display: inline-block;
    padding: 10px 22px;
    background: #fff0e6;
    color: #ff6b00;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.blogadd-content h2 {
    font-size: 54px;
    line-height: 1.1;
    color: #1e293b;
    margin-bottom: 20px;
}

.blogadd-line {
    width: 90px;
    height: 4px;
    background: linear-gradient(
        90deg,
        #5b4b3f 0%,
        #5b4b3f 70%,
        #ff6b00 70%,
        #ff6b00 100%
    );
    border-radius: 3px;
    margin-bottom: 28px;
}

.blogadd-content p {
    color: #64748b;
    line-height: 1.9;
    font-size: 16px;
}

/* POINTS */

.blogadd-points {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.blogadd-point {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    background: #fff;
    padding: 22px;
    border-radius: 20px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.06);
}

.blogadd-point .icon {
    width: 65px;
    height: 65px;
    background: linear-gradient(135deg,#ff6b00,#ff9f43);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #fff;
    flex-shrink: 0;
}

.blogadd-point h4 {
    font-size: 22px;
    color: #222;
    margin-bottom: 6px;
}

.blogadd-point p {
    margin: 0;
    font-size: 15px;
}

/* FORM */

.blogadd-form-box {
    background: #fff;
    padding: 40px;
    border-radius: 32px;
    box-shadow: 0 15px 50px rgba(0,0,0,0.08);
}

.blogadd-form-box h3 {
    font-size: 34px;
    color: #1e293b;
    margin-bottom: 30px;
}

/* GROUP */

.blogadd-group {
    margin-bottom: 24px;
}

.blogadd-group label {
    display: block;
    margin-bottom: 10px;
    color: #1e293b;
    font-weight: 600;
    font-size: 15px;
}

/* INPUT */

.blogadd-group input,
.blogadd-group select,
.blogadd-group textarea {
    width: 100%;
    padding: 16px 18px;
    border: 1px solid #ffd8a8;
    border-radius: 16px;
    outline: none;
    font-size: 15px;
    background: #fffaf5;
    transition: 0.3s ease;
}

.blogadd-group input:focus,
.blogadd-group select:focus,
.blogadd-group textarea:focus {
    border-color: #ff6b00;
    background: #fff;
}

/* FILE */

.blogadd-group input[type="file"] {
    padding: 14px;
}

/* BUTTON */

.blogadd-btn {
    width: 100%;
    border: none;
    padding: 18px;
    border-radius: 16px;
    background: linear-gradient(135deg,#ff6b00,#ff9f43);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease;
}

.blogadd-btn:hover {
    transform: translateY(-4px);
}

/* RESPONSIVE */

@media(max-width:992px){

    .blogadd-container {
        grid-template-columns: 1fr;
    }

}

@media(max-width:768px){

    .blogadd-section {
        padding: 80px 20px;
    }

    .blogadd-content h2 {
        font-size: 36px;
    }

    .blogadd-form-box {
        padding: 25px;
    }

}






     /* ============================
   CONTACTPAGE SECTION
============================ */

.contactpage-section {
    padding: 110px 20px;
    background: linear-gradient(to bottom,#fff,#fff7f0);
}

.contactpage-container {
    max-width: 1250px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

/* LEFT */

.contactpage-content span {
    display: inline-block;
    padding: 10px 22px;
    background: #fff0e6;
    color: #ff6b00;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.contactpage-content h2 {
    font-size: 54px;
    line-height: 1.1;
    color: #1e293b;
    margin-bottom: 20px;
}

.contactpage-line {
    width: 90px;
    height: 4px;
    background: linear-gradient(
        90deg,
        #5b4b3f 0%,
        #5b4b3f 70%,
        #ff6b00 70%,
        #ff6b00 100%
    );
    border-radius: 3px;
    margin-bottom: 28px;
}

.contactpage-content p {
    color: #64748b;
    line-height: 1.9;
    font-size: 16px;
}

/* INFO */

.contactpage-info {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.contactpage-card {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    background: #fff;
    padding: 24px;
    border-radius: 22px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.06);
    transition: 0.3s ease;
}

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

.contactpage-card .icon {
    width: 68px;
    height: 68px;
    background: linear-gradient(135deg,#ff6b00,#ff9f43);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #fff;
    flex-shrink: 0;
}

.contactpage-card h4 {
    font-size: 22px;
    color: #1e293b;
    margin-bottom: 8px;
}

.contactpage-card p {
    margin: 0;
    font-size: 15px;
}

/* FORM */

.contactpage-form-box {
    background: #fff;
    padding: 42px;
    border-radius: 32px;
    box-shadow: 0 15px 50px rgba(0,0,0,0.08);
}

.contactpage-form-box h3 {
    font-size: 34px;
    color: #1e293b;
    margin-bottom: 30px;
}

/* INPUT */

.contactpage-group {
    margin-bottom: 22px;
}

.contactpage-group input,
.contactpage-group select,
.contactpage-group textarea {
    width: 100%;
    padding: 16px 18px;
    border: 1px solid #ffd8a8;
    border-radius: 16px;
    outline: none;
    font-size: 15px;
    background: #fffaf5;
    transition: 0.3s ease;
}

.contactpage-group input:focus,
.contactpage-group select:focus,
.contactpage-group textarea:focus {
    border-color: #ff6b00;
    background: #fff;
}

/* BUTTON */

.contactpage-btn {
    width: 100%;
    border: none;
    padding: 18px;
    border-radius: 16px;
    background: linear-gradient(135deg,#ff6b00,#ff9f43);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease;
}

.contactpage-btn:hover {
    transform: translateY(-4px);
}

/* RESPONSIVE */

@media(max-width:992px){

    .contactpage-container {
        grid-template-columns: 1fr;
    }

}

@media(max-width:768px){

    .contactpage-section {
        padding: 80px 20px;
    }

    .contactpage-content h2 {
        font-size: 36px;
    }

    .contactpage-form-box {
        padding: 25px;
    }

}
















     /* =====================================================
   MEDICAL GASTROENTEROLOGY COMPLETE SECTION
===================================================== */

.medicalgastro{
    width:100%;
    padding:100px 0;
    background:linear-gradient(to bottom,#f8fbff,#ffffff);
    overflow:hidden;
}

/* HEADER */

.medicalgastro-header{
    width:90%;
    max-width:1200px;
    margin:auto;
    text-align:center;
    margin-bottom:70px;
}

.medicalgastro-tag{
    display:inline-block;
    padding:12px 24px;
    background:#fff2e6;
    color:#ff7a00;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:22px;
}

.medicalgastro-header h2{
    font-size:48px;
    color:#0f172a;
    line-height:1.3;
    margin-bottom:20px;
    font-weight:700;
}

.medicalgastro-header p{
    width:75%;
    margin:auto;
    font-size:17px;
    line-height:1.9;
    color:#64748b;
}

/* MAIN WRAPPER */

.medicalgastro-wrapper{
    width:90%;
    max-width:1350px;
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:40px;
}

/* BOXES */

.medicalgastro-left,
.medicalgastro-right{
    background:#ffffff;
    border-radius:35px;
    padding:45px;
    box-shadow:0 15px 50px rgba(0,0,0,0.05);
    border:1px solid #edf2f7;
}

/* TITLES */

.medicalgastro-title{
    margin-bottom:35px;
}

.medicalgastro-title h3{
    font-size:32px;
    color:#0f172a;
    margin-bottom:12px;
}

.medicalgastro-title p{
    color:#64748b;
    font-size:16px;
    line-height:1.8;
}

/* FACILITY GRID */

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

.facility-card{
    background:#f8fbff;
    border-radius:24px;
    padding:28px;
    transition:0.4s;
    border:1px solid transparent;
}

.facility-card:hover{
    transform:translateY(-8px);
    background:#fff7f1;
    border-color:#ffd9b5;
}

.facility-icon{
    width:65px;
    height:65px;
    border-radius:18px;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.facility-card h4{
    font-size:20px;
    color:#0f172a;
    margin-bottom:10px;
}

.facility-card p{
    font-size:14px;
    line-height:1.8;
    color:#64748b;
}

/* PROBLEM LIST */

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

.problem-item{
    background:#f8fbff;
    padding:18px 22px;
    border-radius:18px;
    font-size:16px;
    color:#0f172a;
    display:flex;
    align-items:center;
    gap:14px;
    transition:0.3s;
}

.problem-item:hover{
    transform:translateX(8px);
    background:#fff7f1;
}

.problem-item span{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:50%;
    background:#ff7a00;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
}

/* HIGHLIGHT BOX */

.gastro-highlight{
    margin-top:35px;
    padding:35px;
    border-radius:28px;
    background:linear-gradient(135deg,#ff7a00,#ff9f43);
    color:#fff;
}

.gastro-highlight h4{
    font-size:28px;
    margin-bottom:14px;
}

.gastro-highlight p{
    line-height:1.9;
    font-size:15px;
    opacity:0.95;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .medicalgastro-wrapper{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .facility-grid{
        grid-template-columns:1fr;
    }

    .medicalgastro-header h2{
        font-size:34px;
    }

    .medicalgastro-header p{
        width:100%;
    }

    .medicalgastro-left,
    .medicalgastro-right{
        padding:30px;
    }

    .medicalgastro-title h3{
        font-size:26px;
    }

}

@media(max-width:480px){

    .medicalgastro{
        padding:70px 0;
    }

    .medicalgastro-header h2{
        font-size:28px;
    }

}













     /* =====================================================
   SURGICAL GASTROENTEROLOGY SECTION
===================================================== */

.surgicalgastro{
    width:100%;
    padding:100px 0;
    background:linear-gradient(to bottom,#ffffff,#f7fbff);
    overflow:hidden;
}

/* HEADER */

.surgicalgastro-header{
    width:90%;
    max-width:1200px;
    margin:auto;
    text-align:center;
    margin-bottom:70px;
}

.surgicalgastro-tag{
    display:inline-block;
    padding:12px 24px;
    border-radius:50px;
    background:#eef6ff;
    color:#0066cc;
    font-size:14px;
    font-weight:600;
    margin-bottom:22px;
}

.surgicalgastro-header h2{
    font-size:48px;
    line-height:1.3;
    color:#0f172a;
    margin-bottom:20px;
    font-weight:700;
}

.surgicalgastro-header p{
    width:75%;
    margin:auto;
    color:#64748b;
    font-size:17px;
    line-height:1.9;
}

/* WRAPPER */

.surgicalgastro-wrapper{
    width:90%;
    max-width:1350px;
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:40px;
}

/* BOXES */

.surgicalgastro-left,
.surgicalgastro-right{
    background:#ffffff;
    border-radius:35px;
    padding:45px;
    box-shadow:0 15px 50px rgba(0,0,0,0.05);
    border:1px solid #edf2f7;
}

/* TITLE */

.surgicalgastro-title{
    margin-bottom:35px;
}

.surgicalgastro-title h3{
    font-size:32px;
    color:#0f172a;
    margin-bottom:12px;
}

.surgicalgastro-title p{
    color:#64748b;
    line-height:1.8;
    font-size:16px;
}

/* SERVICE GRID */

.surgical-service-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

.surgical-service-card{
    background:#f8fbff;
    border-radius:24px;
    padding:28px;
    transition:0.4s;
    border:1px solid transparent;
}

.surgical-service-card:hover{
    transform:translateY(-8px);
    background:#eef6ff;
    border-color:#bfdcff;
}

.surgical-icon{
    width:65px;
    height:65px;
    border-radius:18px;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.surgical-service-card h4{
    font-size:20px;
    color:#0f172a;
    margin-bottom:10px;
}

.surgical-service-card p{
    font-size:14px;
    line-height:1.8;
    color:#64748b;
}

/* PROBLEM LIST */

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

.surgical-problem-item{
    background:#f8fbff;
    padding:18px 22px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:14px;
    font-size:16px;
    color:#0f172a;
    transition:0.3s;
}

.surgical-problem-item:hover{
    transform:translateX(8px);
    background:#eef6ff;
}

.surgical-problem-item span{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:50%;
    background:#0066cc;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
}

/* HIGHLIGHT BOX */

.surgical-highlight{
    margin-top:35px;
    padding:35px;
    border-radius:28px;
    background:linear-gradient(135deg,#0066cc,#008cff);
    color:#ffffff;
}

.surgical-highlight h4{
    font-size:28px;
    margin-bottom:14px;
}

.surgical-highlight p{
    line-height:1.9;
    font-size:15px;
    opacity:0.95;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .surgicalgastro-wrapper{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .surgical-service-grid{
        grid-template-columns:1fr;
    }

    .surgicalgastro-header h2{
        font-size:34px;
    }

    .surgicalgastro-header p{
        width:100%;
    }

    .surgicalgastro-left,
    .surgicalgastro-right{
        padding:30px;
    }

    .surgicalgastro-title h3{
        font-size:26px;
    }

}

@media(max-width:480px){

    .surgicalgastro{
        padding:70px 0;
    }

    .surgicalgastro-header h2{
        font-size:28px;
    }

}







     /* =====================================================
   UROLOGY DEPARTMENT SECTION
===================================================== */

.urologydepartment{
    width:100%;
    padding:100px 0;
    background:linear-gradient(to bottom,#f8fcff,#ffffff);
    overflow:hidden;
}

/* HEADER */

.urology-header{
    width:90%;
    max-width:1200px;
    margin:auto;
    text-align:center;
    margin-bottom:70px;
}

.urology-tag{
    display:inline-block;
    padding:12px 24px;
    border-radius:50px;
    background:#e9fbff;
    color:#0097a7;
    font-size:14px;
    font-weight:600;
    margin-bottom:22px;
}

.urology-header h2{
    font-size:48px;
    line-height:1.3;
    color:#0f172a;
    margin-bottom:20px;
    font-weight:700;
}

.urology-header p{
    width:75%;
    margin:auto;
    color:#64748b;
    font-size:17px;
    line-height:1.9;
}

/* WRAPPER */

.urology-wrapper{
    width:90%;
    max-width:1350px;
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:40px;
}

/* BOX */

.urology-left,
.urology-right{
    background:#ffffff;
    border-radius:35px;
    padding:45px;
    box-shadow:0 15px 50px rgba(0,0,0,0.05);
    border:1px solid #edf2f7;
}

/* TITLES */

.urology-title{
    margin-bottom:35px;
}

.urology-title h3{
    font-size:32px;
    color:#0f172a;
    margin-bottom:12px;
}

.urology-title p{
    color:#64748b;
    line-height:1.8;
    font-size:16px;
}

/* GRID */

.urology-service-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

/* CARD */

.urology-service-card{
    background:#f6fcff;
    border-radius:24px;
    padding:28px;
    transition:0.4s;
    border:1px solid transparent;
}

.urology-service-card:hover{
    transform:translateY(-8px);
    background:#ecfbff;
    border-color:#b8eef5;
}

.urology-icon{
    width:65px;
    height:65px;
    border-radius:18px;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.urology-service-card h4{
    font-size:20px;
    color:#0f172a;
    margin-bottom:10px;
}

.urology-service-card p{
    font-size:14px;
    line-height:1.8;
    color:#64748b;
}

/* PROBLEM LIST */

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

.urology-problem-item{
    background:#f6fcff;
    padding:18px 22px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:14px;
    font-size:16px;
    color:#0f172a;
    transition:0.3s;
}

.urology-problem-item:hover{
    transform:translateX(8px);
    background:#ecfbff;
}

.urology-problem-item span{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:50%;
    background:#0097a7;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
}

/* HIGHLIGHT */

.urology-highlight{
    margin-top:35px;
    padding:35px;
    border-radius:28px;
    background:linear-gradient(135deg,#0097a7,#00bcd4);
    color:#ffffff;
}

.urology-highlight h4{
    font-size:28px;
    margin-bottom:14px;
}

.urology-highlight p{
    line-height:1.9;
    font-size:15px;
    opacity:0.95;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .urology-wrapper{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .urology-service-grid{
        grid-template-columns:1fr;
    }

    .urology-header h2{
        font-size:34px;
    }

    .urology-header p{
        width:100%;
    }

    .urology-left,
    .urology-right{
        padding:30px;
    }

    .urology-title h3{
        font-size:26px;
    }

}

@media(max-width:480px){

    .urologydepartment{
        padding:70px 0;
    }

    .urology-header h2{
        font-size:28px;
    }

}







/* =====================================================
   NEPHROLOGY DEPARTMENT SECTION
===================================================== */

.nephrologydepartment{
    width:100%;
    padding:100px 0;
    background:linear-gradient(to bottom,#f8fcff,#ffffff);
    overflow:hidden;
}

/* HEADER */

.nephrology-header{
    width:90%;
    max-width:1200px;
    margin:auto;
    text-align:center;
    margin-bottom:70px;
}

.nephrology-tag{
    display:inline-block;
    padding:12px 24px;
    border-radius:50px;
    background:#eef4ff;
    color:#3366cc;
    font-size:14px;
    font-weight:600;
    margin-bottom:22px;
}

.nephrology-header h2{
    font-size:48px;
    line-height:1.3;
    color:#0f172a;
    margin-bottom:20px;
    font-weight:700;
}

.nephrology-header p{
    width:75%;
    margin:auto;
    color:#64748b;
    font-size:17px;
    line-height:1.9;
}

/* WRAPPER */

.nephrology-wrapper{
    width:90%;
    max-width:1350px;
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:40px;
}

/* BOX */

.nephrology-left,
.nephrology-right{
    background:#ffffff;
    border-radius:35px;
    padding:45px;
    box-shadow:0 15px 50px rgba(0,0,0,0.05);
    border:1px solid #edf2f7;
}

/* TITLES */

.nephrology-title{
    margin-bottom:35px;
}

.nephrology-title h3{
    font-size:32px;
    color:#0f172a;
    margin-bottom:12px;
}

.nephrology-title p{
    color:#64748b;
    line-height:1.8;
    font-size:16px;
}

/* GRID */

.nephrology-service-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

/* CARD */

.nephrology-service-card{
    background:#f6f9ff;
    border-radius:24px;
    padding:28px;
    transition:0.4s;
    border:1px solid transparent;
}

.nephrology-service-card:hover{
    transform:translateY(-8px);
    background:#eef4ff;
    border-color:#c9d8ff;
}

.nephrology-icon{
    width:65px;
    height:65px;
    border-radius:18px;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.nephrology-service-card h4{
    font-size:20px;
    color:#0f172a;
    margin-bottom:10px;
}

.nephrology-service-card p{
    font-size:14px;
    line-height:1.8;
    color:#64748b;
}

/* PROBLEM LIST */

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

.nephrology-problem-item{
    background:#f6f9ff;
    padding:18px 22px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:14px;
    font-size:16px;
    color:#0f172a;
    transition:0.3s;
}

.nephrology-problem-item:hover{
    transform:translateX(8px);
    background:#eef4ff;
}

.nephrology-problem-item span{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:50%;
    background:#3366cc;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
}

/* HIGHLIGHT */

.nephrology-highlight{
    margin-top:35px;
    padding:35px;
    border-radius:28px;
    background:linear-gradient(135deg,#3366cc,#5a84ff);
    color:#ffffff;
}

.nephrology-highlight h4{
    font-size:28px;
    margin-bottom:14px;
}

.nephrology-highlight p{
    line-height:1.9;
    font-size:15px;
    opacity:0.95;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .nephrology-wrapper{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .nephrology-service-grid{
        grid-template-columns:1fr;
    }

    .nephrology-header h2{
        font-size:34px;
    }

    .nephrology-header p{
        width:100%;
    }

    .nephrology-left,
    .nephrology-right{
        padding:30px;
    }

    .nephrology-title h3{
        font-size:26px;
    }

}

@media(max-width:480px){

    .nephrologydepartment{
        padding:70px 0;
    }

    .nephrology-header h2{
        font-size:28px;
    }

}







     /* =====================================================
   SPINE, ORTHOPEDIC & JOINT REPLACEMENT SECTION
===================================================== */

.orthospinedepartment{
    width:100%;
    padding:100px 0;
    background:linear-gradient(to bottom,#f8fbff,#ffffff);
    overflow:hidden;
}

/* HEADER */

.orthospine-header{
    width:90%;
    max-width:1200px;
    margin:auto;
    text-align:center;
    margin-bottom:70px;
}

.orthospine-tag{
    display:inline-block;
    padding:12px 24px;
    border-radius:50px;
    background:#eefaf2;
    color:#1b8f4d;
    font-size:14px;
    font-weight:600;
    margin-bottom:22px;
}

.orthospine-header h2{
    font-size:48px;
    line-height:1.3;
    color:#0f172a;
    margin-bottom:20px;
    font-weight:700;
}

.orthospine-header p{
    width:75%;
    margin:auto;
    color:#64748b;
    font-size:17px;
    line-height:1.9;
}

/* WRAPPER */

.orthospine-wrapper{
    width:90%;
    max-width:1350px;
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:40px;
}

/* BOX */

.orthospine-left,
.orthospine-right{
    background:#ffffff;
    border-radius:35px;
    padding:45px;
    box-shadow:0 15px 50px rgba(0,0,0,0.05);
    border:1px solid #edf2f7;
}

/* TITLE */

.orthospine-title{
    margin-bottom:35px;
}

.orthospine-title h3{
    font-size:32px;
    color:#0f172a;
    margin-bottom:12px;
}

.orthospine-title p{
    color:#64748b;
    line-height:1.8;
    font-size:16px;
}

/* GRID */

.orthospine-service-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

/* CARD */

.orthospine-service-card{
    background:#f7fcf9;
    border-radius:24px;
    padding:28px;
    transition:0.4s;
    border:1px solid transparent;
}

.orthospine-service-card:hover{
    transform:translateY(-8px);
    background:#eefaf2;
    border-color:#c7efd7;
}

.orthospine-icon{
    width:65px;
    height:65px;
    border-radius:18px;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.orthospine-service-card h4{
    font-size:20px;
    color:#0f172a;
    margin-bottom:10px;
}

.orthospine-service-card p{
    font-size:14px;
    line-height:1.8;
    color:#64748b;
}

/* PROBLEM LIST */

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

.orthospine-problem-item{
    background:#f7fcf9;
    padding:18px 22px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:14px;
    font-size:16px;
    color:#0f172a;
    transition:0.3s;
}

.orthospine-problem-item:hover{
    transform:translateX(8px);
    background:#eefaf2;
}

.orthospine-problem-item span{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:50%;
    background:#1b8f4d;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
}

/* HIGHLIGHT */

.orthospine-highlight{
    margin-top:35px;
    padding:35px;
    border-radius:28px;
    background:linear-gradient(135deg,#1b8f4d,#28b463);
    color:#ffffff;
}

.orthospine-highlight h4{
    font-size:28px;
    margin-bottom:14px;
}

.orthospine-highlight p{
    line-height:1.9;
    font-size:15px;
    opacity:0.95;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .orthospine-wrapper{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .orthospine-service-grid{
        grid-template-columns:1fr;
    }

    .orthospine-header h2{
        font-size:34px;
    }

    .orthospine-header p{
        width:100%;
    }

    .orthospine-left,
    .orthospine-right{
        padding:30px;
    }

    .orthospine-title h3{
        font-size:26px;
    }

}

@media(max-width:480px){

    .orthospinedepartment{
        padding:70px 0;
    }

    .orthospine-header h2{
        font-size:28px;
    }

}









     /* =====================================================
   ORTHOPEDIC TRAUMA DEPARTMENT SECTION
===================================================== */

.orthotrauma{
    width:100%;
    padding:100px 0;
    background:linear-gradient(to bottom,#fffaf7,#ffffff);
    overflow:hidden;
}

/* HEADER */

.orthotrauma-header{
    width:90%;
    max-width:1200px;
    margin:auto;
    text-align:center;
    margin-bottom:70px;
}

.orthotrauma-tag{
    display:inline-block;
    padding:12px 24px;
    border-radius:50px;
    background:#fff1e8;
    color:#e85d04;
    font-size:14px;
    font-weight:600;
    margin-bottom:22px;
}

.orthotrauma-header h2{
    font-size:48px;
    line-height:1.3;
    color:#0f172a;
    margin-bottom:20px;
    font-weight:700;
}

.orthotrauma-header p{
    width:75%;
    margin:auto;
    color:#64748b;
    font-size:17px;
    line-height:1.9;
}

/* WRAPPER */

.orthotrauma-wrapper{
    width:90%;
    max-width:1350px;
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:40px;
}

/* BOX */

.orthotrauma-left,
.orthotrauma-right{
    background:#ffffff;
    border-radius:35px;
    padding:45px;
    box-shadow:0 15px 50px rgba(0,0,0,0.05);
    border:1px solid #edf2f7;
}

/* TITLE */

.orthotrauma-title{
    margin-bottom:35px;
}

.orthotrauma-title h3{
    font-size:32px;
    color:#0f172a;
    margin-bottom:12px;
}

.orthotrauma-title p{
    color:#64748b;
    line-height:1.8;
    font-size:16px;
}

/* GRID */

.orthotrauma-service-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

/* CARD */

.orthotrauma-service-card{
    background:#fff8f4;
    border-radius:24px;
    padding:28px;
    transition:0.4s;
    border:1px solid transparent;
}

.orthotrauma-service-card:hover{
    transform:translateY(-8px);
    background:#fff1e8;
    border-color:#ffd3bd;
}

.orthotrauma-icon{
    width:65px;
    height:65px;
    border-radius:18px;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.orthotrauma-service-card h4{
    font-size:20px;
    color:#0f172a;
    margin-bottom:10px;
}

.orthotrauma-service-card p{
    font-size:14px;
    line-height:1.8;
    color:#64748b;
}

/* PROBLEM LIST */

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

.orthotrauma-problem-item{
    background:#fff8f4;
    padding:18px 22px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:14px;
    font-size:16px;
    color:#0f172a;
    transition:0.3s;
}

.orthotrauma-problem-item:hover{
    transform:translateX(8px);
    background:#fff1e8;
}

.orthotrauma-problem-item span{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:50%;
    background:#e85d04;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
}

/* HIGHLIGHT */

.orthotrauma-highlight{
    margin-top:35px;
    padding:35px;
    border-radius:28px;
    background:linear-gradient(135deg,#e85d04,#ff7b00);
    color:#ffffff;
}

.orthotrauma-highlight h4{
    font-size:28px;
    margin-bottom:14px;
}

.orthotrauma-highlight p{
    line-height:1.9;
    font-size:15px;
    opacity:0.95;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .orthotrauma-wrapper{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .orthotrauma-service-grid{
        grid-template-columns:1fr;
    }

    .orthotrauma-header h2{
        font-size:34px;
    }

    .orthotrauma-header p{
        width:100%;
    }

    .orthotrauma-left,
    .orthotrauma-right{
        padding:30px;
    }

    .orthotrauma-title h3{
        font-size:26px;
    }

}

@media(max-width:480px){

    .orthotrauma{
        padding:70px 0;
    }

    .orthotrauma-header h2{
        font-size:28px;
    }

}











     /* =====================================================
   NEUROLOGY DEPARTMENT SECTION
===================================================== */

.neurologydepartment{
    width:100%;
    padding:100px 0;
    background:linear-gradient(to bottom,#f7fbff,#ffffff);
    overflow:hidden;
}

/* HEADER */

.neurology-header{
    width:90%;
    max-width:1200px;
    margin:auto;
    text-align:center;
    margin-bottom:70px;
}

.neurology-tag{
    display:inline-block;
    padding:12px 24px;
    border-radius:50px;
    background:#eef4ff;
    color:#4f46e5;
    font-size:14px;
    font-weight:600;
    margin-bottom:22px;
}

.neurology-header h2{
    font-size:48px;
    line-height:1.3;
    color:#0f172a;
    margin-bottom:20px;
    font-weight:700;
}

.neurology-header p{
    width:75%;
    margin:auto;
    color:#64748b;
    font-size:17px;
    line-height:1.9;
}

/* WRAPPER */

.neurology-wrapper{
    width:90%;
    max-width:1350px;
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:40px;
}

/* BOX */

.neurology-left,
.neurology-right{
    background:#ffffff;
    border-radius:35px;
    padding:45px;
    box-shadow:0 15px 50px rgba(0,0,0,0.05);
    border:1px solid #edf2f7;
}

/* TITLE */

.neurology-title{
    margin-bottom:35px;
}

.neurology-title h3{
    font-size:32px;
    color:#0f172a;
    margin-bottom:12px;
}

.neurology-title p{
    color:#64748b;
    line-height:1.8;
    font-size:16px;
}

/* GRID */

.neurology-service-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

/* CARD */

.neurology-service-card{
    background:#f7f8ff;
    border-radius:24px;
    padding:28px;
    transition:0.4s;
    border:1px solid transparent;
}

.neurology-service-card:hover{
    transform:translateY(-8px);
    background:#eef2ff;
    border-color:#c7d2fe;
}

.neurology-icon{
    width:65px;
    height:65px;
    border-radius:18px;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.neurology-service-card h4{
    font-size:20px;
    color:#0f172a;
    margin-bottom:10px;
}

.neurology-service-card p{
    font-size:14px;
    line-height:1.8;
    color:#64748b;
}

/* PROBLEM LIST */

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

.neurology-problem-item{
    background:#f7f8ff;
    padding:18px 22px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:14px;
    font-size:16px;
    color:#0f172a;
    transition:0.3s;
}

.neurology-problem-item:hover{
    transform:translateX(8px);
    background:#eef2ff;
}

.neurology-problem-item span{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:50%;
    background:#4f46e5;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
}

/* HIGHLIGHT */

.neurology-highlight{
    margin-top:35px;
    padding:35px;
    border-radius:28px;
    background:linear-gradient(135deg,#4f46e5,#6366f1);
    color:#ffffff;
}

.neurology-highlight h4{
    font-size:28px;
    margin-bottom:14px;
}

.neurology-highlight p{
    line-height:1.9;
    font-size:15px;
    opacity:0.95;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .neurology-wrapper{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .neurology-service-grid{
        grid-template-columns:1fr;
    }

    .neurology-header h2{
        font-size:34px;
    }

    .neurology-header p{
        width:100%;
    }

    .neurology-left,
    .neurology-right{
        padding:30px;
    }

    .neurology-title h3{
        font-size:26px;
    }

}

@media(max-width:480px){

    .neurologydepartment{
        padding:70px 0;
    }

    .neurology-header h2{
        font-size:28px;
    }

}






     /* =====================================================
   NEUROSURGERY DEPARTMENT SECTION
===================================================== */

.neurosurgerydepartment{
    width:100%;
    padding:100px 0;
    background:linear-gradient(to bottom,#f8fbff,#ffffff);
    overflow:hidden;
}

/* HEADER */

.neurosurgery-header{
    width:90%;
    max-width:1200px;
    margin:auto;
    text-align:center;
    margin-bottom:70px;
}

.neurosurgery-tag{
    display:inline-block;
    padding:12px 24px;
    border-radius:50px;
    background:#eef2ff;
    color:#4338ca;
    font-size:14px;
    font-weight:600;
    margin-bottom:22px;
}

.neurosurgery-header h2{
    font-size:48px;
    line-height:1.3;
    color:#0f172a;
    margin-bottom:20px;
    font-weight:700;
}

.neurosurgery-header p{
    width:75%;
    margin:auto;
    color:#64748b;
    font-size:17px;
    line-height:1.9;
}

/* WRAPPER */

.neurosurgery-wrapper{
    width:90%;
    max-width:1350px;
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:40px;
}

/* BOX */

.neurosurgery-left,
.neurosurgery-right{
    background:#ffffff;
    border-radius:35px;
    padding:45px;
    box-shadow:0 15px 50px rgba(0,0,0,0.05);
    border:1px solid #edf2f7;
}

/* TITLE */

.neurosurgery-title{
    margin-bottom:35px;
}

.neurosurgery-title h3{
    font-size:32px;
    color:#0f172a;
    margin-bottom:12px;
}

.neurosurgery-title p{
    color:#64748b;
    line-height:1.8;
    font-size:16px;
}

/* GRID */

.neurosurgery-service-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

/* CARD */

.neurosurgery-service-card{
    background:#f7f8ff;
    border-radius:24px;
    padding:28px;
    transition:0.4s;
    border:1px solid transparent;
}

.neurosurgery-service-card:hover{
    transform:translateY(-8px);
    background:#eef2ff;
    border-color:#c7d2fe;
}

.neurosurgery-icon{
    width:65px;
    height:65px;
    border-radius:18px;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.neurosurgery-service-card h4{
    font-size:20px;
    color:#0f172a;
    margin-bottom:10px;
}

.neurosurgery-service-card p{
    font-size:14px;
    line-height:1.8;
    color:#64748b;
}

/* PROBLEM LIST */

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

.neurosurgery-problem-item{
    background:#f7f8ff;
    padding:18px 22px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:14px;
    font-size:16px;
    color:#0f172a;
    transition:0.3s;
}

.neurosurgery-problem-item:hover{
    transform:translateX(8px);
    background:#eef2ff;
}

.neurosurgery-problem-item span{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:50%;
    background:#4338ca;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
}

/* HIGHLIGHT */

.neurosurgery-highlight{
    margin-top:35px;
    padding:35px;
    border-radius:28px;
    background:linear-gradient(135deg,#4338ca,#6366f1);
    color:#ffffff;
}

.neurosurgery-highlight h4{
    font-size:28px;
    margin-bottom:14px;
}

.neurosurgery-highlight p{
    line-height:1.9;
    font-size:15px;
    opacity:0.95;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .neurosurgery-wrapper{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .neurosurgery-service-grid{
        grid-template-columns:1fr;
    }

    .neurosurgery-header h2{
        font-size:34px;
    }

    .neurosurgery-header p{
        width:100%;
    }

    .neurosurgery-left,
    .neurosurgery-right{
        padding:30px;
    }

    .neurosurgery-title h3{
        font-size:26px;
    }

}

@media(max-width:480px){

    .neurosurgerydepartment{
        padding:70px 0;
    }

    .neurosurgery-header h2{
        font-size:28px;
    }

}














     /* =====================================================
   CARDIOLOGY DEPARTMENT SECTION
===================================================== */

.cardiologydepartment{
    width:100%;
    padding:100px 0;
    background:linear-gradient(to bottom,#fff8f8,#ffffff);
    overflow:hidden;
}

/* HEADER */

.cardiology-header{
    width:90%;
    max-width:1200px;
    margin:auto;
    text-align:center;
    margin-bottom:70px;
}

.cardiology-tag{
    display:inline-block;
    padding:12px 24px;
    border-radius:50px;
    background:#ffecec;
    color:#dc2626;
    font-size:14px;
    font-weight:600;
    margin-bottom:22px;
}

.cardiology-header h2{
    font-size:48px;
    line-height:1.3;
    color:#0f172a;
    margin-bottom:20px;
    font-weight:700;
}

.cardiology-header p{
    width:75%;
    margin:auto;
    color:#64748b;
    font-size:17px;
    line-height:1.9;
}

/* WRAPPER */

.cardiology-wrapper{
    width:90%;
    max-width:1350px;
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:40px;
}

/* BOX */

.cardiology-left,
.cardiology-right{
    background:#ffffff;
    border-radius:35px;
    padding:45px;
    box-shadow:0 15px 50px rgba(0,0,0,0.05);
    border:1px solid #edf2f7;
}

/* TITLE */

.cardiology-title{
    margin-bottom:35px;
}

.cardiology-title h3{
    font-size:32px;
    color:#0f172a;
    margin-bottom:12px;
}

.cardiology-title p{
    color:#64748b;
    line-height:1.8;
    font-size:16px;
}

/* GRID */

.cardiology-service-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

/* CARD */

.cardiology-service-card{
    background:#fff7f7;
    border-radius:24px;
    padding:28px;
    transition:0.4s;
    border:1px solid transparent;
}

.cardiology-service-card:hover{
    transform:translateY(-8px);
    background:#ffecec;
    border-color:#ffc9c9;
}

.cardiology-icon{
    width:65px;
    height:65px;
    border-radius:18px;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.cardiology-service-card h4{
    font-size:20px;
    color:#0f172a;
    margin-bottom:10px;
}

.cardiology-service-card p{
    font-size:14px;
    line-height:1.8;
    color:#64748b;
}

/* PROBLEM LIST */

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

.cardiology-problem-item{
    background:#fff7f7;
    padding:18px 22px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:14px;
    font-size:16px;
    color:#0f172a;
    transition:0.3s;
}

.cardiology-problem-item:hover{
    transform:translateX(8px);
    background:#ffecec;
}

.cardiology-problem-item span{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:50%;
    background:#dc2626;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
}

/* HIGHLIGHT */

.cardiology-highlight{
    margin-top:35px;
    padding:35px;
    border-radius:28px;
    background:linear-gradient(135deg,#dc2626,#ef4444);
    color:#ffffff;
}

.cardiology-highlight h4{
    font-size:28px;
    margin-bottom:14px;
}

.cardiology-highlight p{
    line-height:1.9;
    font-size:15px;
    opacity:0.95;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .cardiology-wrapper{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .cardiology-service-grid{
        grid-template-columns:1fr;
    }

    .cardiology-header h2{
        font-size:34px;
    }

    .cardiology-header p{
        width:100%;
    }

    .cardiology-left,
    .cardiology-right{
        padding:30px;
    }

    .cardiology-title h3{
        font-size:26px;
    }

}

@media(max-width:480px){

    .cardiologydepartment{
        padding:70px 0;
    }

    .cardiology-header h2{
        font-size:28px;
    }

}








     /* =====================================================
   CARDIOVASCULAR & THORACIC SURGERY SECTION
===================================================== */

.cvtsdepartment{
    width:100%;
    padding:100px 0;
    background:linear-gradient(to bottom,#fff8f8,#ffffff);
    overflow:hidden;
}

/* HEADER */

.cvts-header{
    width:90%;
    max-width:1200px;
    margin:auto;
    text-align:center;
    margin-bottom:70px;
}

.cvts-tag{
    display:inline-block;
    padding:12px 24px;
    border-radius:50px;
    background:#ffecec;
    color:#b91c1c;
    font-size:14px;
    font-weight:600;
    margin-bottom:22px;
}

.cvts-header h2{
    font-size:48px;
    line-height:1.3;
    color:#0f172a;
    margin-bottom:20px;
    font-weight:700;
}

.cvts-header p{
    width:75%;
    margin:auto;
    color:#64748b;
    font-size:17px;
    line-height:1.9;
}

/* WRAPPER */

.cvts-wrapper{
    width:90%;
    max-width:1350px;
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:40px;
}

/* BOX */

.cvts-left,
.cvts-right{
    background:#ffffff;
    border-radius:35px;
    padding:45px;
    box-shadow:0 15px 50px rgba(0,0,0,0.05);
    border:1px solid #edf2f7;
}

/* TITLE */

.cvts-title{
    margin-bottom:35px;
}

.cvts-title h3{
    font-size:32px;
    color:#0f172a;
    margin-bottom:12px;
}

.cvts-title p{
    color:#64748b;
    line-height:1.8;
    font-size:16px;
}

/* GRID */

.cvts-service-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

/* CARD */

.cvts-service-card{
    background:#fff7f7;
    border-radius:24px;
    padding:28px;
    transition:0.4s;
    border:1px solid transparent;
}

.cvts-service-card:hover{
    transform:translateY(-8px);
    background:#ffecec;
    border-color:#ffc9c9;
}

.cvts-icon{
    width:65px;
    height:65px;
    border-radius:18px;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.cvts-service-card h4{
    font-size:20px;
    color:#0f172a;
    margin-bottom:10px;
}

.cvts-service-card p{
    font-size:14px;
    line-height:1.8;
    color:#64748b;
}

/* PROBLEM LIST */

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

.cvts-problem-item{
    background:#fff7f7;
    padding:18px 22px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:14px;
    font-size:16px;
    color:#0f172a;
    transition:0.3s;
}

.cvts-problem-item:hover{
    transform:translateX(8px);
    background:#ffecec;
}

.cvts-problem-item span{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:50%;
    background:#b91c1c;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
}

/* HIGHLIGHT */

.cvts-highlight{
    margin-top:35px;
    padding:35px;
    border-radius:28px;
    background:linear-gradient(135deg,#b91c1c,#dc2626);
    color:#ffffff;
}

.cvts-highlight h4{
    font-size:28px;
    margin-bottom:14px;
}

.cvts-highlight p{
    line-height:1.9;
    font-size:15px;
    opacity:0.95;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .cvts-wrapper{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .cvts-service-grid{
        grid-template-columns:1fr;
    }

    .cvts-header h2{
        font-size:34px;
    }

    .cvts-header p{
        width:100%;
    }

    .cvts-left,
    .cvts-right{
        padding:30px;
    }

    .cvts-title h3{
        font-size:26px;
    }

}

@media(max-width:480px){

    .cvtsdepartment{
        padding:70px 0;
    }

    .cvts-header h2{
        font-size:28px;
    }

}






     /* =====================================================
   ICU & CRITICAL CARE SECTION
===================================================== */

.icudepartment{
    width:100%;
    padding:100px 0;
    background:linear-gradient(to bottom,#f8fbff,#ffffff);
    overflow:hidden;
}

/* HEADER */

.icu-header{
    width:90%;
    max-width:1200px;
    margin:auto;
    text-align:center;
    margin-bottom:70px;
}

.icu-tag{
    display:inline-block;
    padding:12px 24px;
    border-radius:50px;
    background:#eef7ff;
    color:#0f766e;
    font-size:14px;
    font-weight:600;
    margin-bottom:22px;
}

.icu-header h2{
    font-size:48px;
    line-height:1.3;
    color:#0f172a;
    margin-bottom:20px;
    font-weight:700;
}

.icu-header p{
    width:75%;
    margin:auto;
    color:#64748b;
    font-size:17px;
    line-height:1.9;
}

/* WRAPPER */

.icu-wrapper{
    width:90%;
    max-width:1350px;
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:40px;
}

/* BOX */

.icu-left,
.icu-right{
    background:#ffffff;
    border-radius:35px;
    padding:45px;
    box-shadow:0 15px 50px rgba(0,0,0,0.05);
    border:1px solid #edf2f7;
}

/* TITLE */

.icu-title{
    margin-bottom:35px;
}

.icu-title h3{
    font-size:32px;
    color:#0f172a;
    margin-bottom:12px;
}

.icu-title p{
    color:#64748b;
    line-height:1.8;
    font-size:16px;
}

/* GRID */

.icu-service-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

/* CARD */

.icu-service-card{
    background:#f4fbfb;
    border-radius:24px;
    padding:28px;
    transition:0.4s;
    border:1px solid transparent;
}

.icu-service-card:hover{
    transform:translateY(-8px);
    background:#e8f8f8;
    border-color:#b7ece9;
}

.icu-icon{
    width:65px;
    height:65px;
    border-radius:18px;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.icu-service-card h4{
    font-size:20px;
    color:#0f172a;
    margin-bottom:10px;
}

.icu-service-card p{
    font-size:14px;
    line-height:1.8;
    color:#64748b;
}

/* PROBLEM LIST */

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

.icu-problem-item{
    background:#f4fbfb;
    padding:18px 22px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:14px;
    font-size:16px;
    color:#0f172a;
    transition:0.3s;
}

.icu-problem-item:hover{
    transform:translateX(8px);
    background:#e8f8f8;
}

.icu-problem-item span{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:50%;
    background:#0f766e;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
}

/* HIGHLIGHT */

.icu-highlight{
    margin-top:35px;
    padding:35px;
    border-radius:28px;
    background:linear-gradient(135deg,#0f766e,#14b8a6);
    color:#ffffff;
}

.icu-highlight h4{
    font-size:28px;
    margin-bottom:14px;
}

.icu-highlight p{
    line-height:1.9;
    font-size:15px;
    opacity:0.95;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .icu-wrapper{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .icu-service-grid{
        grid-template-columns:1fr;
    }

    .icu-header h2{
        font-size:34px;
    }

    .icu-header p{
        width:100%;
    }

    .icu-left,
    .icu-right{
        padding:30px;
    }

    .icu-title h3{
        font-size:26px;
    }

}

@media(max-width:480px){

    .icudepartment{
        padding:70px 0;
    }

    .icu-header h2{
        font-size:28px;
    }

}







     /* =====================================================
   MEDICAL ONCOLOGY DEPARTMENT SECTION
===================================================== */

.medicaloncologydepartment{
    width:100%;
    padding:100px 0;
    background:linear-gradient(to bottom,#fff9fb,#ffffff);
    overflow:hidden;
}

/* HEADER */

.medicaloncology-header{
    width:90%;
    max-width:1200px;
    margin:auto;
    text-align:center;
    margin-bottom:70px;
}

.medicaloncology-tag{
    display:inline-block;
    padding:12px 24px;
    border-radius:50px;
    background:#ffeaf3;
    color:#c2185b;
    font-size:14px;
    font-weight:600;
    margin-bottom:22px;
}

.medicaloncology-header h2{
    font-size:48px;
    line-height:1.3;
    color:#0f172a;
    margin-bottom:20px;
    font-weight:700;
}

.medicaloncology-header p{
    width:75%;
    margin:auto;
    color:#64748b;
    font-size:17px;
    line-height:1.9;
}

/* WRAPPER */

.medicaloncology-wrapper{
    width:90%;
    max-width:1350px;
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:40px;
}

/* BOX */

.medicaloncology-left,
.medicaloncology-right{
    background:#ffffff;
    border-radius:35px;
    padding:45px;
    box-shadow:0 15px 50px rgba(0,0,0,0.05);
    border:1px solid #edf2f7;
}

/* TITLE */

.medicaloncology-title{
    margin-bottom:35px;
}

.medicaloncology-title h3{
    font-size:32px;
    color:#0f172a;
    margin-bottom:12px;
}

.medicaloncology-title p{
    color:#64748b;
    line-height:1.8;
    font-size:16px;
}

/* GRID */

.medicaloncology-service-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

/* CARD */

.medicaloncology-service-card{
    background:#fff6fa;
    border-radius:24px;
    padding:28px;
    transition:0.4s;
    border:1px solid transparent;
}

.medicaloncology-service-card:hover{
    transform:translateY(-8px);
    background:#ffeaf3;
    border-color:#ffc7dd;
}

.medicaloncology-icon{
    width:65px;
    height:65px;
    border-radius:18px;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.medicaloncology-service-card h4{
    font-size:20px;
    color:#0f172a;
    margin-bottom:10px;
}

.medicaloncology-service-card p{
    font-size:14px;
    line-height:1.8;
    color:#64748b;
}

/* PROBLEM LIST */

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

.medicaloncology-problem-item{
    background:#fff6fa;
    padding:18px 22px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:14px;
    font-size:16px;
    color:#0f172a;
    transition:0.3s;
}

.medicaloncology-problem-item:hover{
    transform:translateX(8px);
    background:#ffeaf3;
}

.medicaloncology-problem-item span{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:50%;
    background:#c2185b;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
}

/* HIGHLIGHT */

.medicaloncology-highlight{
    margin-top:35px;
    padding:35px;
    border-radius:28px;
    background:linear-gradient(135deg,#c2185b,#e91e63);
    color:#ffffff;
}

.medicaloncology-highlight h4{
    font-size:28px;
    margin-bottom:14px;
}

.medicaloncology-highlight p{
    line-height:1.9;
    font-size:15px;
    opacity:0.95;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .medicaloncology-wrapper{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .medicaloncology-service-grid{
        grid-template-columns:1fr;
    }

    .medicaloncology-header h2{
        font-size:34px;
    }

    .medicaloncology-header p{
        width:100%;
    }

    .medicaloncology-left,
    .medicaloncology-right{
        padding:30px;
    }

    .medicaloncology-title h3{
        font-size:26px;
    }

}

@media(max-width:480px){

    .medicaloncologydepartment{
        padding:70px 0;
    }

    .medicaloncology-header h2{
        font-size:28px;
    }

}








     /* =====================================================
   SURGICAL ONCOLOGY DEPARTMENT SECTION
===================================================== */

.surgicaloncologydepartment{
    width:100%;
    padding:100px 0;
    background:linear-gradient(to bottom,#fff8fb,#ffffff);
    overflow:hidden;
}

/* HEADER */

.surgicaloncology-header{
    width:90%;
    max-width:1200px;
    margin:auto;
    text-align:center;
    margin-bottom:70px;
}

.surgicaloncology-tag{
    display:inline-block;
    padding:12px 24px;
    border-radius:50px;
    background:#ffeaf4;
    color:#be185d;
    font-size:14px;
    font-weight:600;
    margin-bottom:22px;
}

.surgicaloncology-header h2{
    font-size:48px;
    line-height:1.3;
    color:#0f172a;
    margin-bottom:20px;
    font-weight:700;
}

.surgicaloncology-header p{
    width:75%;
    margin:auto;
    color:#64748b;
    font-size:17px;
    line-height:1.9;
}

/* WRAPPER */

.surgicaloncology-wrapper{
    width:90%;
    max-width:1350px;
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:40px;
}

/* BOX */

.surgicaloncology-left,
.surgicaloncology-right{
    background:#ffffff;
    border-radius:35px;
    padding:45px;
    box-shadow:0 15px 50px rgba(0,0,0,0.05);
    border:1px solid #edf2f7;
}

/* TITLE */

.surgicaloncology-title{
    margin-bottom:35px;
}

.surgicaloncology-title h3{
    font-size:32px;
    color:#0f172a;
    margin-bottom:12px;
}

.surgicaloncology-title p{
    color:#64748b;
    line-height:1.8;
    font-size:16px;
}

/* GRID */

.surgicaloncology-service-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

/* CARD */

.surgicaloncology-service-card{
    background:#fff6fa;
    border-radius:24px;
    padding:28px;
    transition:0.4s;
    border:1px solid transparent;
}

.surgicaloncology-service-card:hover{
    transform:translateY(-8px);
    background:#ffeaf4;
    border-color:#ffc8dc;
}

.surgicaloncology-icon{
    width:65px;
    height:65px;
    border-radius:18px;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.surgicaloncology-service-card h4{
    font-size:20px;
    color:#0f172a;
    margin-bottom:10px;
}

.surgicaloncology-service-card p{
    font-size:14px;
    line-height:1.8;
    color:#64748b;
}

/* PROBLEM LIST */

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

.surgicaloncology-problem-item{
    background:#fff6fa;
    padding:18px 22px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:14px;
    font-size:16px;
    color:#0f172a;
    transition:0.3s;
}

.surgicaloncology-problem-item:hover{
    transform:translateX(8px);
    background:#ffeaf4;
}

.surgicaloncology-problem-item span{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:50%;
    background:#be185d;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
}

/* HIGHLIGHT */

.surgicaloncology-highlight{
    margin-top:35px;
    padding:35px;
    border-radius:28px;
    background:linear-gradient(135deg,#be185d,#e11d48);
    color:#ffffff;
}

.surgicaloncology-highlight h4{
    font-size:28px;
    margin-bottom:14px;
}

.surgicaloncology-highlight p{
    line-height:1.9;
    font-size:15px;
    opacity:0.95;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .surgicaloncology-wrapper{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .surgicaloncology-service-grid{
        grid-template-columns:1fr;
    }

    .surgicaloncology-header h2{
        font-size:34px;
    }

    .surgicaloncology-header p{
        width:100%;
    }

    .surgicaloncology-left,
    .surgicaloncology-right{
        padding:30px;
    }

    .surgicaloncology-title h3{
        font-size:26px;
    }

}

@media(max-width:480px){

    .surgicaloncologydepartment{
        padding:70px 0;
    }

    .surgicaloncology-header h2{
        font-size:28px;
    }

}







     /* =====================================================
   RADIOLOGY DEPARTMENT SECTION
===================================================== */

.radiologydepartment{
    width:100%;
    padding:100px 0;
    background:linear-gradient(to bottom,#f7fbff,#ffffff);
    overflow:hidden;
}

/* HEADER */

.radiology-header{
    width:90%;
    max-width:1200px;
    margin:auto;
    text-align:center;
    margin-bottom:70px;
}

.radiology-tag{
    display:inline-block;
    padding:12px 24px;
    border-radius:50px;
    background:#e8f4ff;
    color:#0369a1;
    font-size:14px;
    font-weight:600;
    margin-bottom:22px;
}

.radiology-header h2{
    font-size:48px;
    line-height:1.3;
    color:#0f172a;
    margin-bottom:20px;
    font-weight:700;
}

.radiology-header p{
    width:75%;
    margin:auto;
    color:#64748b;
    font-size:17px;
    line-height:1.9;
}

/* WRAPPER */

.radiology-wrapper{
    width:90%;
    max-width:1350px;
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:40px;
}

/* BOX */

.radiology-left,
.radiology-right{
    background:#ffffff;
    border-radius:35px;
    padding:45px;
    box-shadow:0 15px 50px rgba(0,0,0,0.05);
    border:1px solid #edf2f7;
}

/* TITLE */

.radiology-title{
    margin-bottom:35px;
}

.radiology-title h3{
    font-size:32px;
    color:#0f172a;
    margin-bottom:12px;
}

.radiology-title p{
    color:#64748b;
    line-height:1.8;
    font-size:16px;
}

/* GRID */

.radiology-service-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

/* CARD */

.radiology-service-card{
    background:#f4faff;
    border-radius:24px;
    padding:28px;
    transition:0.4s;
    border:1px solid transparent;
}

.radiology-service-card:hover{
    transform:translateY(-8px);
    background:#e8f4ff;
    border-color:#b7dcff;
}

.radiology-icon{
    width:65px;
    height:65px;
    border-radius:18px;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.radiology-service-card h4{
    font-size:20px;
    color:#0f172a;
    margin-bottom:10px;
}

.radiology-service-card p{
    font-size:14px;
    line-height:1.8;
    color:#64748b;
}

/* PROBLEM LIST */

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

.radiology-problem-item{
    background:#f4faff;
    padding:18px 22px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:14px;
    font-size:16px;
    color:#0f172a;
    transition:0.3s;
}

.radiology-problem-item:hover{
    transform:translateX(8px);
    background:#e8f4ff;
}

.radiology-problem-item span{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:50%;
    background:#0369a1;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
}

/* HIGHLIGHT */

.radiology-highlight{
    margin-top:35px;
    padding:35px;
    border-radius:28px;
    background:linear-gradient(135deg,#0369a1,#0284c7);
    color:#ffffff;
}

.radiology-highlight h4{
    font-size:28px;
    margin-bottom:14px;
}

.radiology-highlight p{
    line-height:1.9;
    font-size:15px;
    opacity:0.95;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .radiology-wrapper{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .radiology-service-grid{
        grid-template-columns:1fr;
    }

    .radiology-header h2{
        font-size:34px;
    }

    .radiology-header p{
        width:100%;
    }

    .radiology-left,
    .radiology-right{
        padding:30px;
    }

    .radiology-title h3{
        font-size:26px;
    }

}

@media(max-width:480px){

    .radiologydepartment{
        padding:70px 0;
    }

    .radiology-header h2{
        font-size:28px;
    }

}





     /* =====================================================
   PHYSIOTHERAPY & REHABILITATION SECTION
===================================================== */

.physiodepartment{
    width:100%;
    padding:100px 0;
    background:linear-gradient(to bottom,#f8fff9,#ffffff);
    overflow:hidden;
}

/* HEADER */

.physio-header{
    width:90%;
    max-width:1200px;
    margin:auto;
    text-align:center;
    margin-bottom:70px;
}

.physio-tag{
    display:inline-block;
    padding:12px 24px;
    border-radius:50px;
    background:#e9fdf0;
    color:#15803d;
    font-size:14px;
    font-weight:600;
    margin-bottom:22px;
}

.physio-header h2{
    font-size:48px;
    line-height:1.3;
    color:#0f172a;
    margin-bottom:20px;
    font-weight:700;
}

.physio-header p{
    width:75%;
    margin:auto;
    color:#64748b;
    font-size:17px;
    line-height:1.9;
}

/* WRAPPER */

.physio-wrapper{
    width:90%;
    max-width:1350px;
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:40px;
}

/* BOX */

.physio-left,
.physio-right{
    background:#ffffff;
    border-radius:35px;
    padding:45px;
    box-shadow:0 15px 50px rgba(0,0,0,0.05);
    border:1px solid #edf2f7;
}

/* TITLE */

.physio-title{
    margin-bottom:35px;
}

.physio-title h3{
    font-size:32px;
    color:#0f172a;
    margin-bottom:12px;
}

.physio-title p{
    color:#64748b;
    line-height:1.8;
    font-size:16px;
}

/* GRID */

.physio-service-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

/* CARD */

.physio-service-card{
    background:#f4fff6;
    border-radius:24px;
    padding:28px;
    transition:0.4s;
    border:1px solid transparent;
}

.physio-service-card:hover{
    transform:translateY(-8px);
    background:#e9fdf0;
    border-color:#b7f1c8;
}

.physio-icon{
    width:65px;
    height:65px;
    border-radius:18px;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.physio-service-card h4{
    font-size:20px;
    color:#0f172a;
    margin-bottom:10px;
}

.physio-service-card p{
    font-size:14px;
    line-height:1.8;
    color:#64748b;
}

/* PROBLEM LIST */

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

.physio-problem-item{
    background:#f4fff6;
    padding:18px 22px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:14px;
    font-size:16px;
    color:#0f172a;
    transition:0.3s;
}

.physio-problem-item:hover{
    transform:translateX(8px);
    background:#e9fdf0;
}

.physio-problem-item span{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:50%;
    background:#15803d;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
}

/* HIGHLIGHT */

.physio-highlight{
    margin-top:35px;
    padding:35px;
    border-radius:28px;
    background:linear-gradient(135deg,#15803d,#22c55e);
    color:#ffffff;
}

.physio-highlight h4{
    font-size:28px;
    margin-bottom:14px;
}

.physio-highlight p{
    line-height:1.9;
    font-size:15px;
    opacity:0.95;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .physio-wrapper{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .physio-service-grid{
        grid-template-columns:1fr;
    }

    .physio-header h2{
        font-size:34px;
    }

    .physio-header p{
        width:100%;
    }

    .physio-left,
    .physio-right{
        padding:30px;
    }

    .physio-title h3{
        font-size:26px;
    }

}

@media(max-width:480px){

    .physiodepartment{
        padding:70px 0;
    }

    .physio-header h2{
        font-size:28px;
    }

}



     /* =====================================================
   PATHOLOGY & LABORATORY MEDICINE SECTION
===================================================== */

.pathologydepartment{
    width:100%;
    padding:100px 0;
    background:linear-gradient(to bottom,#fffdf8,#ffffff);
    overflow:hidden;
}

/* HEADER */

.pathology-header{
    width:90%;
    max-width:1200px;
    margin:auto;
    text-align:center;
    margin-bottom:70px;
}

.pathology-tag{
    display:inline-block;
    padding:12px 24px;
    border-radius:50px;
    background:#fff5df;
    color:#b7791f;
    font-size:14px;
    font-weight:600;
    margin-bottom:22px;
}

.pathology-header h2{
    font-size:48px;
    line-height:1.3;
    color:#0f172a;
    margin-bottom:20px;
    font-weight:700;
}

.pathology-header p{
    width:75%;
    margin:auto;
    color:#64748b;
    font-size:17px;
    line-height:1.9;
}

/* WRAPPER */

.pathology-wrapper{
    width:90%;
    max-width:1350px;
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:40px;
}

/* BOX */

.pathology-left,
.pathology-right{
    background:#ffffff;
    border-radius:35px;
    padding:45px;
    box-shadow:0 15px 50px rgba(0,0,0,0.05);
    border:1px solid #edf2f7;
}

/* TITLE */

.pathology-title{
    margin-bottom:35px;
}

.pathology-title h3{
    font-size:32px;
    color:#0f172a;
    margin-bottom:12px;
}

.pathology-title p{
    color:#64748b;
    line-height:1.8;
    font-size:16px;
}

/* GRID */

.pathology-service-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

/* CARD */

.pathology-service-card{
    background:#fffaf0;
    border-radius:24px;
    padding:28px;
    transition:0.4s;
    border:1px solid transparent;
}

.pathology-service-card:hover{
    transform:translateY(-8px);
    background:#fff5df;
    border-color:#f6d99a;
}

.pathology-icon{
    width:65px;
    height:65px;
    border-radius:18px;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.pathology-service-card h4{
    font-size:20px;
    color:#0f172a;
    margin-bottom:10px;
}

.pathology-service-card p{
    font-size:14px;
    line-height:1.8;
    color:#64748b;
}

/* PROBLEM LIST */

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

.pathology-problem-item{
    background:#fffaf0;
    padding:18px 22px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:14px;
    font-size:16px;
    color:#0f172a;
    transition:0.3s;
}

.pathology-problem-item:hover{
    transform:translateX(8px);
    background:#fff5df;
}

.pathology-problem-item span{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:50%;
    background:#b7791f;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
}

/* HIGHLIGHT */

.pathology-highlight{
    margin-top:35px;
    padding:35px;
    border-radius:28px;
    background:linear-gradient(135deg,#b7791f,#d69e2e);
    color:#ffffff;
}

.pathology-highlight h4{
    font-size:28px;
    margin-bottom:14px;
}

.pathology-highlight p{
    line-height:1.9;
    font-size:15px;
    opacity:0.95;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .pathology-wrapper{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .pathology-service-grid{
        grid-template-columns:1fr;
    }

    .pathology-header h2{
        font-size:34px;
    }

    .pathology-header p{
        width:100%;
    }

    .pathology-left,
    .pathology-right{
        padding:30px;
    }

    .pathology-title h3{
        font-size:26px;
    }

}

@media(max-width:480px){

    .pathologydepartment{
        padding:70px 0;
    }

    .pathology-header h2{
        font-size:28px;
    }

}




     /* =====================================================
   ANESTHESIA & PERIOPERATIVE CARE SECTION
===================================================== */

.anesthesiadepartment{
    width:100%;
    padding:100px 0;
    background:linear-gradient(to bottom,#f9fbff,#ffffff);
    overflow:hidden;
}

/* HEADER */

.anesthesia-header{
    width:90%;
    max-width:1200px;
    margin:auto;
    text-align:center;
    margin-bottom:70px;
}

.anesthesia-tag{
    display:inline-block;
    padding:12px 24px;
    border-radius:50px;
    background:#eef2ff;
    color:#5b21b6;
    font-size:14px;
    font-weight:600;
    margin-bottom:22px;
}

.anesthesia-header h2{
    font-size:48px;
    line-height:1.3;
    color:#0f172a;
    margin-bottom:20px;
    font-weight:700;
}

.anesthesia-header p{
    width:75%;
    margin:auto;
    color:#64748b;
    font-size:17px;
    line-height:1.9;
}

/* WRAPPER */

.anesthesia-wrapper{
    width:90%;
    max-width:1350px;
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:40px;
}

/* BOX */

.anesthesia-left,
.anesthesia-right{
    background:#ffffff;
    border-radius:35px;
    padding:45px;
    box-shadow:0 15px 50px rgba(0,0,0,0.05);
    border:1px solid #edf2f7;
}

/* TITLE */

.anesthesia-title{
    margin-bottom:35px;
}

.anesthesia-title h3{
    font-size:32px;
    color:#0f172a;
    margin-bottom:12px;
}

.anesthesia-title p{
    color:#64748b;
    line-height:1.8;
    font-size:16px;
}

/* GRID */

.anesthesia-service-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

/* CARD */

.anesthesia-service-card{
    background:#f7f8ff;
    border-radius:24px;
    padding:28px;
    transition:0.4s;
    border:1px solid transparent;
}

.anesthesia-service-card:hover{
    transform:translateY(-8px);
    background:#eef2ff;
    border-color:#c7d2fe;
}

.anesthesia-icon{
    width:65px;
    height:65px;
    border-radius:18px;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.anesthesia-service-card h4{
    font-size:20px;
    color:#0f172a;
    margin-bottom:10px;
}

.anesthesia-service-card p{
    font-size:14px;
    line-height:1.8;
    color:#64748b;
}

/* PROBLEM LIST */

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

.anesthesia-problem-item{
    background:#f7f8ff;
    padding:18px 22px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:14px;
    font-size:16px;
    color:#0f172a;
    transition:0.3s;
}

.anesthesia-problem-item:hover{
    transform:translateX(8px);
    background:#eef2ff;
}

.anesthesia-problem-item span{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:50%;
    background:#5b21b6;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
}

/* HIGHLIGHT */

.anesthesia-highlight{
    margin-top:35px;
    padding:35px;
    border-radius:28px;
    background:linear-gradient(135deg,#5b21b6,#7c3aed);
    color:#ffffff;
}

.anesthesia-highlight h4{
    font-size:28px;
    margin-bottom:14px;
}

.anesthesia-highlight p{
    line-height:1.9;
    font-size:15px;
    opacity:0.95;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .anesthesia-wrapper{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .anesthesia-service-grid{
        grid-template-columns:1fr;
    }

    .anesthesia-header h2{
        font-size:34px;
    }

    .anesthesia-header p{
        width:100%;
    }

    .anesthesia-left,
    .anesthesia-right{
        padding:30px;
    }

    .anesthesia-title h3{
        font-size:26px;
    }

}

@media(max-width:480px){

    .anesthesiadepartment{
        padding:70px 0;
    }

    .anesthesia-header h2{
        font-size:28px;
    }

}


     /* =====================================================
   DIET & NUTRITION DEPARTMENT SECTION
===================================================== */

.dietnutritiondepartment{
    width:100%;
    padding:100px 0;
    background:linear-gradient(to bottom,#f8fff7,#ffffff);
    overflow:hidden;
}

/* HEADER */

.dietnutrition-header{
    width:90%;
    max-width:1200px;
    margin:auto;
    text-align:center;
    margin-bottom:70px;
}

.dietnutrition-tag{
    display:inline-block;
    padding:12px 24px;
    border-radius:50px;
    background:#ecfdf3;
    color:#15803d;
    font-size:14px;
    font-weight:600;
    margin-bottom:22px;
}

.dietnutrition-header h2{
    font-size:48px;
    line-height:1.3;
    color:#0f172a;
    margin-bottom:20px;
    font-weight:700;
}

.dietnutrition-header p{
    width:75%;
    margin:auto;
    color:#64748b;
    font-size:17px;
    line-height:1.9;
}

/* WRAPPER */

.dietnutrition-wrapper{
    width:90%;
    max-width:1350px;
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:40px;
}

/* BOX */

.dietnutrition-left,
.dietnutrition-right{
    background:#ffffff;
    border-radius:35px;
    padding:45px;
    box-shadow:0 15px 50px rgba(0,0,0,0.05);
    border:1px solid #edf2f7;
}

/* TITLE */

.dietnutrition-title{
    margin-bottom:35px;
}

.dietnutrition-title h3{
    font-size:32px;
    color:#0f172a;
    margin-bottom:12px;
}

.dietnutrition-title p{
    color:#64748b;
    line-height:1.8;
    font-size:16px;
}

/* GRID */

.dietnutrition-service-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

/* CARD */

.dietnutrition-service-card{
    background:#f4fff6;
    border-radius:24px;
    padding:28px;
    transition:0.4s;
    border:1px solid transparent;
}

.dietnutrition-service-card:hover{
    transform:translateY(-8px);
    background:#ecfdf3;
    border-color:#b7f1c8;
}

.dietnutrition-icon{
    width:65px;
    height:65px;
    border-radius:18px;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.dietnutrition-service-card h4{
    font-size:20px;
    color:#0f172a;
    margin-bottom:10px;
}

.dietnutrition-service-card p{
    font-size:14px;
    line-height:1.8;
    color:#64748b;
}

/* PROBLEM LIST */

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

.dietnutrition-problem-item{
    background:#f4fff6;
    padding:18px 22px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:14px;
    font-size:16px;
    color:#0f172a;
    transition:0.3s;
}

.dietnutrition-problem-item:hover{
    transform:translateX(8px);
    background:#ecfdf3;
}

.dietnutrition-problem-item span{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:50%;
    background:#15803d;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
}

/* HIGHLIGHT */

.dietnutrition-highlight{
    margin-top:35px;
    padding:35px;
    border-radius:28px;
    background:linear-gradient(135deg,#15803d,#22c55e);
    color:#ffffff;
}

.dietnutrition-highlight h4{
    font-size:28px;
    margin-bottom:14px;
}

.dietnutrition-highlight p{
    line-height:1.9;
    font-size:15px;
    opacity:0.95;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .dietnutrition-wrapper{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .dietnutrition-service-grid{
        grid-template-columns:1fr;
    }

    .dietnutrition-header h2{
        font-size:34px;
    }

    .dietnutrition-header p{
        width:100%;
    }

    .dietnutrition-left,
    .dietnutrition-right{
        padding:30px;
    }

    .dietnutrition-title h3{
        font-size:26px;
    }

}

@media(max-width:480px){

    .dietnutritiondepartment{
        padding:70px 0;
    }

    .dietnutrition-header h2{
        font-size:28px;
    }

}



     /* =====================================================
   CORPORATE GOVERNANCE SECTION
===================================================== */

.corporategovernance{
    width:100%;
    padding:100px 0;
    background:linear-gradient(to bottom,#f8fbff,#ffffff);
    overflow:hidden;
}

/* HEADER */

.corporategovernance-header{
    width:90%;
    max-width:1200px;
    margin:auto;
    text-align:center;
    margin-bottom:70px;
}

.corporategovernance-tag{
    display:inline-block;
    padding:12px 24px;
    border-radius:50px;
    background:#eef4ff;
    color:#1e40af;
    font-size:14px;
    font-weight:600;
    margin-bottom:22px;
}

.corporategovernance-header h2{
    font-size:48px;
    line-height:1.3;
    color:#0f172a;
    margin-bottom:20px;
    font-weight:700;
}

.corporategovernance-header p{
    width:75%;
    margin:auto;
    color:#64748b;
    font-size:17px;
    line-height:1.9;
}

/* WRAPPER */

.corporategovernance-wrapper{
    width:90%;
    max-width:1350px;
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:40px;
}

/* BOX */

.corporategovernance-left,
.corporategovernance-right{
    background:#ffffff;
    border-radius:35px;
    padding:45px;
    box-shadow:0 15px 50px rgba(0,0,0,0.05);
    border:1px solid #edf2f7;
}

/* TITLE */

.corporategovernance-title{
    margin-bottom:35px;
}

.corporategovernance-title h3{
    font-size:32px;
    color:#0f172a;
    margin-bottom:12px;
}

.corporategovernance-title p{
    color:#64748b;
    line-height:1.8;
    font-size:16px;
}

/* GRID */

.corporategovernance-service-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

/* CARD */

.corporategovernance-service-card{
    background:#f5f9ff;
    border-radius:24px;
    padding:28px;
    transition:0.4s;
    border:1px solid transparent;
}

.corporategovernance-service-card:hover{
    transform:translateY(-8px);
    background:#eef4ff;
    border-color:#bfd3ff;
}

.corporategovernance-icon{
    width:65px;
    height:65px;
    border-radius:18px;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.corporategovernance-service-card h4{
    font-size:20px;
    color:#0f172a;
    margin-bottom:10px;
}

.corporategovernance-service-card p{
    font-size:14px;
    line-height:1.8;
    color:#64748b;
}

/* LIST */

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

.corporategovernance-problem-item{
    background:#f5f9ff;
    padding:18px 22px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:14px;
    font-size:16px;
    color:#0f172a;
    transition:0.3s;
}

.corporategovernance-problem-item:hover{
    transform:translateX(8px);
    background:#eef4ff;
}

.corporategovernance-problem-item span{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:50%;
    background:#1e40af;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
}

/* HIGHLIGHT */

.corporategovernance-highlight{
    margin-top:35px;
    padding:35px;
    border-radius:28px;
    background:linear-gradient(135deg,#1e40af,#2563eb);
    color:#ffffff;
}

.corporategovernance-highlight h4{
    font-size:28px;
    margin-bottom:14px;
}

.corporategovernance-highlight p{
    line-height:1.9;
    font-size:15px;
    opacity:0.95;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .corporategovernance-wrapper{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .corporategovernance-service-grid{
        grid-template-columns:1fr;
    }

    .corporategovernance-header h2{
        font-size:34px;
    }

    .corporategovernance-header p{
        width:100%;
    }

    .corporategovernance-left,
    .corporategovernance-right{
        padding:30px;
    }

    .corporategovernance-title h3{
        font-size:26px;
    }

}

@media(max-width:480px){

    .corporategovernance{
        padding:70px 0;
    }

    .corporategovernance-header h2{
        font-size:28px;
    }

}