.schedule-hf {
    padding: 0px 37px;         /* only for header and footer */
 }
 .col-th{
  color: #7b4db8;
 }
 .footer_logo a img{
    margin-left: -7px;
 }
 .sticky-logo img{
    width: 240px;
 }
 .header-wrap .main-menu ul li a:hover{
        color: #7b4db8;
 }
  /* ================= MODAL SECTION ================= */

.flu-modal {
    display: none;
}

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


 .flu-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(6px);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    z-index: 9999;
    animation: fadeIn 0.3s ease;
} 

/* ============================= */
/* Modal Box */
.flu-modal-box {
    width: 100%;
       max-width: 861px;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 30px 80px rgba(0,0,0,0.25);
    animation: modalSlide 0.4s ease;
}

/* ============================= */
/* Inner Layout */
.flu-modal-inner {
    display: flex;
    min-height: 480px;
}

/* ============================= */
/* Image Side */
   .flu-image {
    flex: 1;
    height: 100%;
}

.flu-image img {
    width: 100%;
      height: 446px;

    object-fit: cover;
}

/* Optional soft gradient overlay */
.flu-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0,0,0,0.2), transparent);
}

/* ============================= */
/* Content Side */
.flu-content {
    flex: 1;
    /* background: #f8fbff; */
    padding: 60px 55px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.flu-content h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #725bc9;
}

.flu-content p {
    font-size: 16px;
    color: #444;
    line-height: 1.7;
    margin-bottom: 18px;
}

/* ============================= */
/* Close Button */
.flu-cl-btn {
    position: absolute;
    z-index: 999;
    top: 18px;
    right: 22px;
    background: #ffffff;
    color: #333;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 22px;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

.flu-cl-btn:hover {
    background: #725bc9;
    color: #fff;
    transform: rotate(90deg);
}

/* ============================= */
/* Animations */
@keyframes modalSlide {
    from { opacity: 0; transform: translateY(40px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ============================= */
/* Tablet (≤991px) */
/* ============================= */
/* Tablet Responsive (≤991px) */
@media (max-width: 991px) {

    .flu-modal {
        padding: 15px;
        align-items: center;
    }

    .flu-modal-box {
        max-width: 700px;
        width: 100%;
        border-radius: 14px;
    }

    .flu-modal-inner {
        flex-direction: column;
        min-height: auto;
    }

    /* Image Top Full Width */
    .flu-image {
        width: 100%;
          height: 355px;
    }

    .flu-image img {
        height: 100%;
        object-fit: cover;
    }

    /* Content Section */
    .flu-content {
        padding: 35px 30px;
        text-align: center;
    }

    .flu-content h2 {
               font-size: 20px;
        margin-bottom: 18px;
    }

    .flu-content p {
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 14px;
    }

    .flu-cl-btn {
        top: 15px;
        right: 15px;
    }
}
@media (max-width: 576px) {

    .flu-modal {
        padding: 10px;
    }

    .flu-modal-box {
        border-radius: 12px;
    }

    .flu-image {
        height: 220px;
    }

    .flu-content {
        padding: 25px 18px;
    }

    .flu-content h2 {
              font-size: 18px;
    }

    .flu-content p {
        font-size: 14px;
    }

    .flu-cl-btn {
        width: 32px;
        height: 32px;
        font-size: 16px;
    }
}


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

    .hero-banner {
        position: relative;
        /* height: 520px; */
        /* SAME AS IMAGE */
        background: url("../aspley-img/aspley-banner (3).png") center center / cover no-repeat;
        display: flex;
        align-items: center;
    }

    /* Dark overlay for text readability */
    .hero-overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.35);
    }

    /* CONTENT */
    .hero-content {
        position: relative;
        z-index: 2;
        color: #fff;
        text-align: center;
    }

    /* HEADING */
    .hero-content h1 {
        font-size: 66px;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
        line-height: 1.2;
        margin-bottom: 15px;
        color: white;
    }

    /* SUB TEXT */
    .hero-content p {
        font-size: 18px;
        letter-spacing: 3px;
        text-transform: uppercase;
        margin-bottom: 30px;
        font-weight: 500;
    }

    /* BUTTON */
    .hero-btn {
        display: inline-block;
        padding: 20px 21px;
        border-radius: 50px;
        font-size: 20px;
        font-weight: 600;
        letter-spacing: 1px;
        color: #fff;
        text-decoration: none;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
        transition: all 0.3s ease;
        background: linear-gradient(139deg, #69c5e7, #7537bf);
        border: 1px solid white;
    }

    .hero-btn:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
        color: #fff;
    }

    /* ================= RESPONSIVE ================= */


    @media (max-width: 767px) {
        .hero-banner {
            height: 360px;
        }

        .hero-content h1 {
            font-size: 24px;
            letter-spacing: 1px;
        }

        .hero-content p {
            font-size: 13px;
            letter-spacing: 1px;
        }

        .hero-btn {
            padding: 17px 21px;
            border-radius: 50px;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 1px;
        }

        .card-btn {
            font-size: 15px;
        }

        .hero h1 span {
            font-size: 49px;
        }

        .hero h1 {
            font-weight: 300;
            line-height: 1;
            text-transform: math-auto;
            margin-top: 15px;
        }

        .bottom-text {
            font-size: 14px !important;
        }


    }


    /* squdule */
    .icon-col-1{
      font-size: 24px;
          color: #2f80ed;
    }
    .icon-col-2{
      font-size: 24px;
          color: #2bb0c8;
    }
    .icon-col-3{
      font-size: 24px;
          color: #7b61c8;
    }

    /* ================= HERO end ================= */
    
/* features sectionb  */
.features-strip {
     background: linear-gradient(90deg, #0A9DBB, #4C2BBE);
  padding: 28px 0;
}

.features-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: nowrap; /* ❌ wrap band */
}

/* EACH ITEM */
.feature-box {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #ffffff;
  font-weight: 600;
  flex: 1;               /* 🔥 sab equal width */
  justify-content: center;
}

.feature-box i {
  font-size: 38px;
  color: #3cc5f3;
}

.feature-box span {
  font-size: 15px;
  line-height: 1.2;
}

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

  .feature-box i {
    font-size: 30px;
  }

  .feature-box span {
    font-size: 12px;
  }
  .features-strip{
            padding: 32px 0 ;

  }
  .btm-ab{
    justify-content: center;
  }
}

/* ================= VERY SMALL MOBILES ================= */
@media (max-width: 480px) {

  .feature-box {
    gap: 6px;
  }

  .feature-box i {
    font-size: 24px;
  }

  .feature-box span {
    font-size: 10px;
    line-height: 1.1;
  }
}

/* about section  */
 /* HERO SECTION */
       /* ================= HERO SECTION ================= */
.hero {
    padding: 100px 0;
    overflow: hidden;
}

/* ================= IMAGE STACK ================= */
.image-wrapper {
    position: relative;
    max-width: 520px;
    width: 100%;
}

.image-large {
    position: relative;
    border: 4px solid #7b3fa0;
    border-radius: 6px;
    overflow: hidden;
    animation: slideUp 1.1s ease forwards;
}

.image-large img {
    width: 100%;
    display: block;
}

.image-small {
    position: absolute;
      bottom: -164px;
    left: 140px;
    width: 65%;
    border: 6px solid #1f86c8;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    animation: slideUp 1.4s ease forwards;
}

.image-small img {
    width: 100%;
    display: block;
}

/* ================= HOVER EFFECT ================= */
.image-large,
.image-small {
    transition: all 0.5s ease;
}

.image-large img,
.image-small img {
    transition: transform 0.6s ease;
}

.image-large:hover img,
.image-small:hover img {
    transform: scale(1.08);
}

/* ================= TEXT CONTENT ================= */
.hero h1 {
    font-size: 64px;
    font-weight: 300;
    line-height: 1.1;
    animation: fadeRight 1s ease forwards;
}

.hero h1 span {
    color: #3093CB;
    font-weight: 700;
}

.hero p {
    font-size: 16px;
    margin-top: 20px;
    font-weight: 500;
    max-width: 500px;
    animation: fadeRight 1.3s ease forwards;
}

/* ================= 3D BUTTON ================= */
.af-3d-btn {
    display: inline-block;
 
    padding: 3px 15px;
    border-radius: 7px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    background: linear-gradient(139deg, #69c5e7, #7537bf);
    text-decoration: none;
    transition: all 0.3s ease;
        margin: 6px;

}

.af-3d-btn:hover {
    transform: translateY(4px);
    color: #fff;
}

.af-3d-btn:active {
    transform: translateY(8px);
}

/* ================= RESPONSIVE ================= */

/* -------- Laptop -------- */
@media (max-width: 1200px) {

    .hero h1 {
        font-size: 52px;
    }

    .image-small {
              bottom: -168px;
        left: 100px;
        width: 70%;
    }
}

/* -------- Tablet -------- */
@media (max-width: 991px) {

    .hero {
        padding: 70px 0;
        text-align: center;
    }

    .image-wrapper {
        margin: 0 auto 40px auto;
    }

    .image-small {
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        margin-top: 20px;
    }

    .hero h1 {
        font-size: 40px;
    }

    .hero p {
        margin: 20px auto;
    }
}

/* -------- Mobile -------- */
@media (max-width: 576px) {

    .hero {
        padding: 60px 0;
    }

    .hero h1 {
        font-size: 30px;
        line-height: 1.3;
    }

    .hero h1 span {
        font-size: 30px;
    }

    .hero p {
        font-size: 14px;
        max-width: 100%;
    }

    .af-3d-btn {
        padding: 12px 28px;
        font-size: 13px;
    }
}


/* team  */
  .doctor-card {
            background: #fff;
            border-radius: 16px;
            padding: 15px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
            height: 100%;
            transition: all 0.4s ease;
            position: relative; 
               overflow: hidden;
        }
.doctor-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 45px rgba(36,144,235,0.15);
}
        .img-box {
            position: relative;
            border-radius: 14px;
            overflow: hidden;
        }

        .img-box img {
            width: 100%;
                 height: 230px;
            object-fit: cover;
            border-radius: 14px;
               transition: transform 0.6s ease;
        }
.doctor-card:hover .img-box img {
    transform: scale(1.08);
}
.img-box::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(20,69,123,0.5), transparent);
    opacity: 0;
    transition: 0.4s;
}
.doctor-card:hover .img-box::after {
    opacity: 1;
}
        .rating {
            position: absolute;
            top: 10px;
            right: 10px;
            background: #f5c542;
            color: #000;
            padding: 4px 10px;
            border-radius: 20px;
            font-size: 10px;
            font-weight: 600;
              box-shadow: 0 5px 15px rgba(0,0,0,0.1);
                transition: 0.3s;
        }
        .doctor-card:hover .rating {
    background: #14457b;
}

        .card-body h5 {
            margin-top: 15px;
            font-weight: 700;
        }

        .role {
            font-size: 13px;
            color: #000;
            letter-spacing: 1px;
            margin-bottom: 10px;
            font-weight: 700;
        }

        .contact p {
            font-size: 14px;
            color: #555;
            margin: 4px 0;
               transition: 0.3s;
        }
        .contact {
    opacity: 0.8;
    transition: 0.4s;
}

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

        .contact i {
            color: #4b7c6f;
            margin-right: 6px;
        }

        /* Team Header Responsive */
        .team-header {
            /* border-bottom: 1px solid #eee; */
            padding-bottom: 25px;
        }

        /* Tablet */
        @media (max-width: 991px) {
            .pq-section-title {
                font-size: 22px;
            }
              .doctor-card {
        margin-bottom: 25px;
    }
        }

        /* Mobile */
        @media (max-width: 767px) {
            .team-header {
                text-align: center;
            }

            .team-btn {
                margin-top: 15px;
            }

            .pq-section-title {
                font-size: 20px;
            }

            .pq-section-sub-title {
                font-size: 14px;
            }
        }
        @media (max-width: 576px) {
    .our-team {
        padding: 60px 0;
    }
}

/* testimonial  */
  .testimonial-card {
            max-width: 900px;
            background: #e9f6f6;
            /* exact light teal */
            border-radius: 14px;
            padding: 40px 45px;
            /* box-shadow: 0 6px 0 rgba(186, 220, 220, 0.9); */
            box-shadow: 0px -10px 0px 0px #3f9b9b52 inset;
            position: relative;
        }

        .stars {
            color: #ffb547;
            /* star orange */
            font-size: 18px;
            margin-bottom: 20px;
        }

        .testimonial-text {
            font-size: 18px;
            line-height: 1.8;
            color: #6b7474;
            margin-bottom: 35px;
            max-width: 780px;
        }

        .testimonial-footer {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
        }

        .testimonial-footer h4 {
            margin: 0;
            font-size: 16px;
            font-weight: 700;
            color: #1c1c1c;
        }

        .testimonial-footer span {
            font-size: 13px;
            font-weight: 500;
            color: #7b8a8a;
            letter-spacing: 0.5px;
        }

        .quote-icon {
            font-size: 50px;
            color: #c8dddd;
        }

        .testimonial-heading {
            text-align: center;
            padding: 40px 15px;
        }

        .testimonial-heading h1 {
            font-size: 75px;
            font-weight: 700;
            margin: 0;
            line-height: 1.2;
        }

        .testimonial-heading .blue {
            color: #1e88e5;
            /* Blue from image */
        }

        .testimonial-heading .black {
            color: #000000;
        }

        .testimonial-heading p {
            font-size: 40px;
            font-weight: 700;
            color: #373434;
            line-height: 1.3;
        }

        .testimonial-section {
            background: #fff;
        }

        .subtitle {
            font-size: 22px;
            font-weight: 600;
            color: #333;
        }

        /* Testimonial Box */
        .testimonial-box {
            background: #d2ffff;
            padding: 40px;
            border-radius: 16px;
            position: relative;
            min-height: 260px;
        }

        .stars {
            color: #ffa534;
            font-size: 18px;
            margin-bottom: 15px;
        }

        .testimonial-text {
            font-size: 16px;
            color: #555;
            line-height: 1.7;
        }

        .author {
            margin-top: 20px;
        }

        .author span {
            display: block;
            font-size: 13px;
            color: #888;
        }

        /* Quote Icon */
        .quote-icon {
            position: absolute;
            right: 25px;
            bottom: 15px;
            font-size: 70px;
            color: #c8dddd;
            font-family: serif;
        }

        /* Image */
        .testimonial-img {
            width: 260px;
            height: 320px;
            object-fit: cover;
            border-radius: 14px;
        }

        /* Controls */
        .testimonial-controls {
            position: absolute;
            right: 12%;
            bottom: -16%;
            display: flex;
            gap: 10px;
        }

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

    .testimonial-controls {
        position: relative;
        bottom: auto;
        right: auto;
        justify-content: center;
        margin-top: 20px;
    }

    .testimonial-img {
        margin-bottom: 15px;
    }

}


/* EXTRA SMALL MOBILE */
@media (max-width: 576px) {

    .testimonial-controls {
        margin-top: 15px;
    }

    .testimonial-controls button {
        width: 40px;
        height: 40px;
    }

}

        .carousel-control-prev,
        .carousel-control-next {
            position: static;
            width: 40px;
            height: 40px;
            /* background: #1ea1d6; */
            border-radius: 50%;
            opacity: 1;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

        .carousel-control-prev i,
        .carousel-control-next i {
            color: #000;
            font-size: 18px;
        }

        /* Dots */
        .testimonial-dots {
            bottom: -40px;
        }

        .testimonial-dots button {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #ccc;
        }

     /* book appoiment  */
     
     

/* HERO WRAPPER */
.hero-wrapper {
    background: linear-gradient(139deg, #69c5e7, #7537bf);
    border-radius: 28px;
    padding: 40px 35px 0; /* bottom padding remove */
    margin: 46px 35px;
    position: relative;
    overflow: hidden;
}

/* FLEX LAYOUT */
.hero-contentt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

/* TEXT */
.hero-textt {
    max-width: 560px;
    color: #fff;
    z-index: 2;
}

/* IMAGE FIX */
.hero-image {
    position: absolute;
    bottom: -48px;
    right: 18px;
}

.hero-image img {
      height: 412px;   /* control size */
    object-fit: contain;
    display: block;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .hero-image img {
    display: none;
    }
}

@media (max-width: 768px) {
    .hero-contentt {
        flex-direction: column;
        text-align: center;
    }

    .hero-image {
        position: relative;   /* reset */
        right: auto;
        margin-top: 20px;
    }

    .hero-image img {
        height: 260px;
    }
}
     
       /* HERO CONTAINER */
        /*.hero-wrapper {*/
        /*      background: linear-gradient(139deg, #69c5e7, #7537bf);*/
         
        /*    border-radius: 28px;*/
        /*    padding: 14px 35px 0px;*/

        /*    margin: 46px 35px;*/

        /*}*/

        /* FLEX LAYOUT */
        /*.hero-contentt {*/
        /*    display: flex;*/
        /*    align-items: center;*/
        /*    justify-content: space-between;*/
        /*}*/

        /* TEXT SIDE */
        /*.hero-textt {*/
        /*    max-width: 560px;*/
        /*    color: #ffffff;*/
        /*}*/

        .hero-textt h1 {
           font-size: 44px;
            font-weight: 700;
            line-height: 1.3;
            margin-bottom: 20px;
            color: #fff;

        }

        .hero-textt p {
            font-size: 16px;
            line-height: 1.7;
            opacity: 0.9;
            margin-bottom: 30px;
        }

        /* ACTIONS */
        .hero-actions {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .btn-appointmentt {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background: #ffffff;
            color: #1aa0d8;
            padding: 14px 22px;
            border-radius: 40px;
            font-size: 14px;
            font-weight: 600;
            text-decoration: none;
        }

        .btn-appointmentt .arrow {
            width: 28px;
            height: 28px;
            background: #1aa0d8;
            color: #ffffff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
        }

        .call-text {
            font-size: 18px;
            font-weight: 600;
            opacity: 0.95;
        }

        /* IMAGE SIDE */
        /*.hero-image img {*/
        /*    max-width: 320px;*/
        /*    display: block;*/
        /*}*/

        /* RESPONSIVE */
        @media (max-width: 992px) {
            .hero-contentt {
                flex-direction: column;
                text-align: center;
            }

            .hero-actions {
                justify-content: center;
                flex-wrap: wrap;
            }

            .hero-image {
                margin-top: 30px;
            }
        }

        .bg-c{
              background: linear-gradient(139deg, #69c5e7, #7537bf);
        }

        .bg-gre{
              background: rgba(0, 0, 0, .07);
        }


        /* footer  */

        /* ================= FOOTER BACKGROUND ================= */
#pq-footer {
       background: -webkit-linear-gradient(180deg, #5f3295 0%, #450791 99%);
    color: #eef2ff;
    position: relative;
    overflow: hidden;
}

/* Soft overlay for depth */
#pq-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.15);
    z-index: 0;
}

#pq-footer .container {
    position: relative;
    z-index: 2;
}

/* ================= TITLE ================= */


.footer-title::after {
    content: "";
    width: 45px;
    height: 3px;
    background: #fff;   /* warm highlight */
    display: block;
    margin-top: 8px;
    border-radius: 2px;
}

/* ================= PARAGRAPH ================= */
.pq-footer-block p {
    font-size: 14px;
    line-height: 1.7;
    color: #f5f7ff;
}

/* ================= LINKS ================= */
.pq-footer-block ul li {
    list-style: none;
    margin-bottom: 10px;
}

.pq-footer-block ul li a {
    color: #eef2ff;
    text-decoration: none;
    transition: 0.3s ease;
    font-size: 14px;
}

.pq-footer-block ul li a:hover {
    color: #fff;
    padding-left: 6px;
}

/* ================= SOCIAL ICONS ================= */
.pq-footer-social ul {
    display: flex;
    gap: 12px;
    padding: 0;
    margin-top: 15px;
}

.pq-footer-social ul li {
    list-style: none;
}

.pq-footer-social ul li a {
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    transition: all 0.3s ease;
}

.pq-footer-social ul li a:hover {
    background: #ffd166;
    color: #7537bf;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}

/* ================= CONTACT ================= */
.pq-contact li {
    margin-bottom: 12px;
    font-size: 14px;
}

.pq-contact i {
    color: #fff;
    margin-right: 8px;
}

/* ================= COPYRIGHT ================= */
.pq-copyright-footer {
    background: rgba(0,0,0,0.25);
    padding: 18px 0;
       margin-top: 17px;
}

.pq-copyright {
    font-size: 14px;
    color: #eef2ff;
}

.pq-copyright a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.pq-copyright a:hover {
    color: #ffffff;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 991px) {
    .pq-footer-style-1 {
        padding-top: 60px;
    }

    .pq-footer-block {
        margin-bottom: 30px;
    }
}


.pd-all{
  padding: 0px 30px;
}

@media (max-width: 991px) {
    .hide-mobile {
        display: none !important;
    }
}

/* policy  */
.policy-section {
  padding: 80px 0;
  background: #f9fbfd;
}

.policy-title {
  font-size: 32px;
  font-weight: 700;
  color: #1c3c6b;
  margin-bottom: 40px;
}

.policy-content {
  background: #ffffff;
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.policy-block {
  margin-bottom: 40px;
}

.policy-heading {
  font-size: 20px;
  font-weight: 700;
  color: #743ec1;
  margin-bottom: 15px;
  position: relative;
}

.policy-heading::after {
  content: "";
  width: 50px;
  height: 3px;
  background: #743ec1;
  position: absolute;
  left: 0;
  bottom: -6px;
}

.policy-role h5 {
  font-size: 17px;
  font-weight: 600;
  margin-top: 20px;
  color: #333;
}

.policy-role p {
  margin-top: 5px;
  color: #555;
  line-height: 1.7;
}

.policy-list {
  padding-left: 20px;
}

.policy-list li {
  margin-bottom: 12px;
  color: #555;
  line-height: 1.6;
      list-style: circle;
}

/* Responsive */
@media (max-width: 991px) {
  .policy-content {
    padding: 25px;
  }

  .policy-title {
    font-size: 26px;
  }

  .policy-heading {
    font-size: 18px;
  }
}

@media (max-width: 576px) {
  .policy-section {
    padding: 50px 0;
  }

  .policy-content {
    padding: 20px;
  }

  .policy-title {
    font-size: 22px;
  }
}

/* ================== Contact page ==================== */

 .contact-modern-section {
  
    background: linear-gradient(135deg, #f7f9fc, #eef3f8);
}

/* CARD */
.contact-modern-card {
    background: #ffffff;
    padding: 50px;
    border-radius: 25px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.08);
}

.contact-modern-title {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 35px;
    color: #7b4dbf;
    line-height: 38px;
}

/* ITEMS */
.contact-modern-item {
    display: flex;
    gap: 18px;
    margin-bottom: 25px;
    align-items: flex-start;
}

.contact-modern-item .icon {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, #1CA7C6, #2E5BFF);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    flex-shrink: 0;
}

.contact-modern-item h6 {
    margin: 0 0 5px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #7b4db8;
}

.contact-modern-item p {
    margin: 0;
    font-size: 16px;
    color: #555;
    line-height: 1.6;
}

.contact-modern-item a {
       text-decoration: none;
    color: #555;
    text-decoration: none;
}

.contact-modern-item a:hover {
    text-decoration: underline;
}

/* MAP */
.contact-modern-map iframe {
    width: 100%;
    height: 620px;
    border: 0;
    border-radius: 25px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.08);
}

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

    .contact-modern-card {
        padding: 30px;
    }

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

    .contact-modern-map iframe {
        height: 350px;
        margin-top: 30px;
    }
}
   
@media (max-width: 576px) {
     .mb-p p{
        font-size: 11px;
     }
         .breadcrumb {
             padding: 167px 0 155px 0;
         }
}
   
/* ================= consultaion fees page ========================= */
 .consultation-policy{
    /* padding:80px 0; */
    background:#f7f7f7;   
}

.policy-title{                
    font-size:28px;
    font-weight:700;  
    margin-bottom:30px;
    border-bottom:2px solid #0d6efd;
    display:inline-block;
    padding-bottom:6px;
}

.policy-list{
    list-style:none;
    padding:0;
    margin-bottom:50px;
}

.policy-list li{
    margin-bottom:18px;
    line-height:1.7;
    font-size:15px;
    color:#333;
}

.policy-list li strong{
    color:#222;
}

.payment-title{
    font-size:22px;
    font-weight:700;
    margin-bottom:15px;
}

.payment-text{
    font-size:15px;
    margin-bottom:10px;
}

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

/* Responsive */

@media (max-width:768px){

.policy-title{
    font-size:22px;
}

.payment-title{
    font-size:20px;
}

.policy-list li{
    font-size:14px;
}

}

@media (max-width:480px){ 

.policy-title{
    font-size:20px;
}

.payment-title{
    font-size:18px;
}

}

/* appoinment  */
  /* APPOIMENT  */
                .appointment-section {

                    background: linear-gradient(180deg, #e7e5ed 0%, #FFF 100%);
                    overflow: hidden;
                }

                /* WRAPPER */
                .appointment-wrapper {
                    position: relative;
                    display: flex;
                    align-items: center;
                }

                /* IMAGE */
                .appointment-image {
                    width: 68%;
                    position: relative;
                }

                .appointment-image img {
                    width: 100%;
                    border-radius: 24px;
                    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.15);
                }

                /* CARD */
                .appointment-card {
                    position: absolute;
                    right: 0;
                    background: linear-gradient(135deg, #F4F8FC, #ffffff);
                    backdrop-filter: blur(10px);
                    padding: 50px;
                    width: 480px;
                    border-radius: 24px;
                    box-shadow:
                        0 25px 70px rgba(0, 0, 0, 0.12),
                        inset 0 1px 0 rgba(255, 255, 255, 0.6);

                    animation: slideLeft 1s ease;
                }

                /* SUB TITLE */
                .sub-title {
                    color: #7b4dbf;
                    font-weight: 700;
                    letter-spacing: 2px;
                    font-size: 14px;
                    text-transform: uppercase;
                }

                /* TITLE */
                .appointment-card h2 {
                    font-size: 38px;
                    font-weight: 700;
                    margin: 15px 0;
                    color: #646464;
                }

                /* TEXT */
                .appointment-card p {
                    color: #6c7a92;
                    font-size: 16px;
                    margin-bottom: 30px;
                }



                @media(max-width:991px) {

                    .appointment-wrapper {
                        flex-direction: column;
                    }

                    .appointment-image {
                        width: 100%;
                    }

                    .appointment-card {
                        position: relative;
                        width: 90%;
                        margin-top: -80px;
                        padding: 35px;
                    }

                }

                @media(max-width:576px) {

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

                    .appointment-card {
                        width: 100%;
                        padding: 25px;
                        margin-top: -50px;
                    }

                    .appointment-card h2 {
                        font-size: 26px;
                    }

                }

                /* service  */
                     .bottom-text {
                    text-align: center;
                    font-size: 28px;
                    font-weight: 700;
                    background: linear-gradient(90deg, #2E86C1, #7A3FA0);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    line-height: 1.4;
                    margin-top: 90px;
                    max-width: 1000px;
                    margin-left: auto;
                    margin-right: auto;
                    margin-bottom: 47px;
                }

                .service-card h4 {
                    text-align: center;
                }

                /* Section */
                .services-section {
                    background: #fff;
                }

                /* Heading */
                .services-title {
                    font-size: 36px;
                    font-weight: 700;
                    color: #0b4aa2;
                }

                .services-desc {
                    max-width: 720px;
                    margin: 15px auto 0;
                    font-size: 16px;
                    color: #555;
                }

                /* Card */
                .service-card {
                    text-align: left;
                }

                .service-img {
                    position: relative;
                    overflow: hidden;
                }

                .service-img img {
                    width: 100%;
                    transition: transform 0.4s ease;
                    height: 200px;
                }



                /* Text */
                .service-card h4 {
                    font-size: 20px;
                    margin: 18px 0 10px;
                    color: #7b4dbf;
                }

                .service-card p {
                    font-size: 14px;
                    line-height: 1.6;
                    color: #555;
                }

                /* Hover effect */
                .service-card:hover img {
                    transform: scale(1.05);
                }

                /* middle specialist  */
                /* SECTION */
                .medical-specialist-sec {
                    padding: 55px 37px;
                    /* background: #f3f4f6; */
                }

                /* IMAGE */
                .medical-specialist-img img {
                    width: 100%;
                    border-radius: 20px;
                }

                /* CONTENT */
                .medical-specialist-subtitle {
                    font-size: 14px;
                    letter-spacing: 2px;
                    color: #7b4db8;
                    font-weight: 600;
                    /* margin-bottom: 25px; */
                }

                /* ACCORDION */
                .medical-accordion {
                    margin-bottom: 13px;
                }

                .medical-accordion-item {
                    border-bottom: 1px solid #ddd;
                    padding: 10px 0;
                }

                .medical-accordion-btn {
                    width: 100%;
                    background: none;
                    border: none;
                    padding: 0;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    font-size: 22px;
                    font-weight: 600;
                    color: #7b4dbf;
                    transition: 0.3s ease;
                }

                /* Active Title Purple */
                .medical-accordion-btn:not(.collapsed) {
                    color: #7b4db8;
                }

                /* Arrow Animation */
                .medical-accordion-btn i {
                    transition: 0.3s ease;
                }

                .medical-accordion-btn:not(.collapsed) i {
                    transform: rotate(90deg);
                    color: #7b4db8;
                }

                /* BODY TEXT */
                .medical-accordion-body {
                    margin-top: 15px;
                    font-size: 16px;
                    color: #6c757d;
                    line-height: 1.7;
                }


                /* RESPONSIVE */
                @media (max-width: 991px) {
                    .medical-specialist-content {
                        margin-top: 40px;
                    }

                    .medical-accordion-btn {
                        font-size: 18px;
                    }
                }


                /* ==================header ===================== */
                  /* ================= SECOND HEADER ================= */

        .second-header {
            background: linear-gradient(90deg, #1CA7C6, #2E5BFF);
            padding: 12px 37px;
            position: relative;
            z-index: 9;
            width: 100%;
            margin-top: 123px;
        }

        /* Desktop */
        .second-menu {
            display: flex;
            justify-content: center;
             gap: 35px;
            list-style: none;
            margin: 0;
            padding: 0;
            flex-wrap: wrap;
        }

        .second-menu li a {
            color: #fff;
            font-size: 15px;
            font-weight: 500;
            text-decoration: none;
            white-space: nowrap;
        }

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

        @media (max-width: 991px) {

            .second-menu {
                flex-wrap: nowrap;
                overflow-x: auto;
                justify-content: flex-start;
                gap: 20px;
                padding: 0 15px;
                scrollbar-width: none;
                /* Firefox */
            }

            .second-menu::-webkit-scrollbar {
                display: none;
                /* Chrome */
            }

            .second-menu li {
                flex: 0 0 auto;
            }

            .second-menu li a {
                font-size: 14px;
            }

            .second-header {
                display: none;
            }
        }

        @media (max-width: 1199px) {
            .second-header {
                display: none;
            }
        }

        /* ==================service details============ */
        
                /* DESCRIPTION TEXT */
                .service4-card-content__desc p {
                    font-size: 15px;
                    line-height: 1.7;
                    color: #555;
                    margin-bottom: 15px;
                }

                /* LIST STYLE */
                .list-style {
                    padding-left: 0;
                    margin: 15px 0 20px;
                    list-style: none;
                }

                /* LIST ITEM DESIGN */
                .list-style li {
                    position: relative;
                    padding-left: 30px;
                    margin-bottom: 12px;
                    font-size: 15px;
                    color: #333;
                    font-weight: 500;
                }

                /* CUSTOM ICON (CHECK STYLE) */
                .list-style li::before {
                    content: "✔";
                    position: absolute;
                    left: 0;
                    top: 0;
                    color: #0d6efd;
                    font-size: 14px;
                    font-weight: bold;
                }

                /* HOVER EFFECT (optional modern touch) */
                .list-style li:hover {
                    color: #0d6efd;
                    transition: 0.3s;
                }

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

                    .service4-card-content__desc p,
                    .list-style li {
                        font-size: 14px;
                    }

                    .list-style li {
                        padding-left: 25px;
                    }
                }
				
				
				
				#imageSlider {
  position: relative;
}
 
#imageSlider img {
  height: 400px;
  object-fit: cover;
  border-radius: 16px;
}
 
/* Move buttons inside image */
#imageSlider .carousel-control-prev,
#imageSlider .carousel-control-next {
  width: 45px;
  height: 45px;
  background: rgba(0,0,0,0.5);
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
 
 
/* Mobile */
@media (max-width: 768px) {
  #imageSlider img {
    height: 250px;
  }
}

    .certifi img{
                    width: 184px;
                }