/* ==========================================================================
   Dr Farid Medical Clinic - Brand Theme
   Overrides Doccure index-5 (ENT) CSS with Dr Farid logo brand colors.
   Primary: #0085c8 (cerulean blue) | Secondary: #5fdbe1 (cyan)
   Fonts: Lato (body) + Montserrat (headings)
   ========================================================================== */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Montserrat:wght@400;500;600;700&display=swap');

/* ==========================================================================
   Theme Variables - Override theme-4 (ENT) → Dr Farid (cerulean/cyan)
   ========================================================================== */
.theme-farid {
    /* Block Colors — from Dr Farid logo */
    --primary: #0085c8;
    --primary-hover: #006da3;
    --secondary: #5fdbe1;
    --secondary-hover: #4cc5cb;
    --primary-100: #e0f0f8;
    --primary-200: #b3ddf0;
    --primary-transparent: #eef7fc;
    --secondary-transparent: #eefafb;

    /* RGB Values (for rgba() usage in template) */
    --primary-rgb: 0, 133, 200;
    --secondary-rgb: 95, 219, 225;

    /* Light / Gray Utility Colors (override theme-4 defaults) */
    --light-100: rgba(95, 219, 225, 0.5);      /* secondary @ 50% — borders, accents */
    --light-200: rgba(255, 255, 255, 0.1);      /* white 10% — subtle bg overlays */
    --light-300: #D9D9D9;                        /* neutral light gray — decorations */
    --gray-100: rgba(0, 133, 200, 0.08);         /* primary blue tint — card bg, borders */
    --white-rgb: rgba(255, 255, 255, 0.7);       /* semi-transparent white — form bg */

    /* Gradients */
    --primary-gradient: linear-gradient(180deg, rgba(0, 133, 200, 0.26) 0%, rgba(95, 219, 225, 0.07) 100%);
    --primary-gradient-100: linear-gradient(180deg, #0085c8 0%, #FFFFFF 100%);
    --secondary-gradient: linear-gradient(180deg, #5fdbe1 0%, #FFFFFF 100%);
    --linear-gradient: linear-gradient(90deg, #0085c8 -1.29%, #5fdbe1 103.6%);
    --primary-gradient-200: linear-gradient(180deg, #e0f0f8 0%, #FFFFFF 100%);
    --purple-gradient: linear-gradient(181.21deg, rgba(255, 255, 255, 0) 1.04%, #0085c8 81.68%);
    --pink-gradient: linear-gradient(180deg, #d5f3f5 0%, #FFFFFF 100%);
}

/* ==========================================================================
   Typography
   ========================================================================== */
.theme-farid {
    font-family: 'Lato', sans-serif;
}

.theme-farid h1,
.theme-farid h2,
.theme-farid h3,
.theme-farid h4,
.theme-farid h5,
.theme-farid h6,
.theme-farid .section-title,
.theme-farid .custom-title,
.theme-farid .footer-title {
    font-family: 'Montserrat', sans-serif;
}

/* ==========================================================================
   Header-Five - Logo & CTA Overrides
   ========================================================================== */
.theme-farid .header-five .navbar-brand img {
    max-height: 50px;
}

.theme-farid .header-five .header-navbar-rht .support-icon .icon {
    background-color: var(--primary);
    color: #fff;
}

.theme-farid .header-five .header-navbar-rht .support-icon .number a {
    color: var(--primary);
}

.theme-farid .header-five .header-navbar-rht .btn-primary {
    background-color: #f6ac1b;
    border-color: #f6ac1b;
    color: #003d5e;
    font-weight: 600;
}

.theme-farid .header-five .header-navbar-rht .btn-primary:hover {
    background-color: #5fdbe1;
    border-color: #5fdbe1;
    color: #fff;
}

.theme-farid .header-five.fixed {
    background-color: #fff;
    box-shadow: 0 2px 20px rgba(0, 133, 200, 0.1);
}

/* ==========================================================================
   Footer-Five - Dark Background
   ========================================================================== */
.theme-farid .footer-five {
    background-color: #002d47;
}

.theme-farid .footer-five .footer-logo img {
    max-height: 40px;
    width: auto;
}

.theme-farid .footer-five .footer-title {
    color: #fff;
}

.theme-farid .footer-five .footer-menu li a {
    color: rgba(255, 255, 255, 0.7);
}

.theme-farid .footer-five .footer-menu li a:hover {
    color: #5fdbe1;
}

.theme-farid .footer-five .footer-contact .contact-info .title {
    color: #5fdbe1;
}

.theme-farid .footer-five .footer-contact .contact-info p,
.theme-farid .footer-five .footer-contact .contact-info a {
    color: rgba(255, 255, 255, 0.7);
}

.theme-farid .footer-five .social-icon a {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.theme-farid .footer-five .social-icon a:hover {
    background-color: #5fdbe1;
    color: #fff;
}

.theme-farid .footer-five .footer-subscribe p {
    color: rgba(255, 255, 255, 0.7);
}

.theme-farid .footer-five .footer-subscribe .subscribe-input input {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: #fff;
}

.theme-farid .footer-five .footer-subscribe .subscribe-input input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.theme-farid .footer-five .footer-subscribe .subscribe-input button {
    background: linear-gradient(90deg, #f6ac1b, #f45a2a);
}

.theme-farid .footer-five .divide-line::before {
    background-color: rgba(255, 255, 255, 0.1);
}

.theme-farid .footer-five .copyright-text p {
    color: rgba(255, 255, 255, 0.5);
}

.theme-farid .footer-five .slide-five .slide-list .services-slide h2 {
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.15);
}

.theme-farid .footer-bottom {
    border-top-color: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   Banner Section - Full-Width Hero
   ========================================================================== */
.theme-farid .banner-section-five {
    padding: 0;
}

.theme-farid .banner-section-five .banner-content-slide {
    position: relative;
    height: 100vh;
    min-height: 600px;
    max-height: 900px;
    border-radius: 0;
    display: block !important;
}

.theme-farid .banner-section-five .banner-content-slide::before,
.theme-farid .banner-section-five .banner-content-slide::after {
    display: none;
}

/* Hero background image (static, no slider) */
.theme-farid .banner-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.theme-farid .banner-hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Text overlay */
.theme-farid .banner-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, rgba(0, 45, 71, 0.9) 0%, rgba(0, 133, 200, 0.7) 45%, rgba(0, 133, 200, 0.2) 70%, transparent 100%);
}

.theme-farid .banner-hero-text {
    max-width: 600px;
    text-align: left;
}

.theme-farid .banner-hero-text .badge-pill {
    display: inline-block;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(8px);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: 50px;
    margin-bottom: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.theme-farid .banner-hero-text h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    line-height: 1.25;
    margin-bottom: 16px;
    text-align: left;
}

.theme-farid .banner-hero-text p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 28px;
}

.theme-farid .banner-hero-btns {
    display: flex;
    gap: 12px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.theme-farid .banner-hero-btns .btn-white {
    background-color: #f6ac1b;
    color: #003d5e;
    border-color: #f6ac1b;
    font-weight: 700;
    padding: 12px 28px;
    font-size: 15px;
}

.theme-farid .banner-hero-btns .btn-white:hover {
    background-color: #5fdbe1;
    color: #fff;
    border-color: #5fdbe1;
}

.theme-farid .banner-hero-btns .btn-outline-light,
.theme-farid .banner-hero-btns .btn-outline-light:focus,
.theme-farid .banner-hero-btns .btn-outline-light:active {
    border: 2px solid #fff;
    color: #003d5e !important;
    font-weight: 700;
    padding: 12px 28px;
    font-size: 15px;
    background: #fff;
}

.theme-farid .banner-hero-btns .btn-outline-light:hover {
    background: #5fdbe1;
    border-color: #5fdbe1;
    color: #fff !important;
}

.theme-farid .banner-hero-counters {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
}

.theme-farid .banner-hero-counters .hero-counter h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 4px;
}

.theme-farid .banner-hero-counters .hero-counter p {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

/* Override hardcoded theme-4 gradient on banner slide overlay */
.theme-farid .banner-section-five .banner-content-slide .banner-slider-five .banner-slide::before {
    background: linear-gradient(181.21deg, rgba(255, 255, 255, 0) 1.04%, rgba(0, 133, 200, 0.83) 99.68%);
}

/* Hide slider arrows (static hero image) */
.theme-farid .banner-section-five .slide-btn {
    display: none;
}

/* Responsive */
@media (max-width: 991.98px) {
    .theme-farid .banner-hero-text h1 {
        font-size: 32px;
    }
    .theme-farid .banner-section-five .banner-content-slide {
        min-height: 500px;
    }
    .theme-farid .banner-hero-overlay {
        background: linear-gradient(180deg, rgba(0, 45, 71, 0.85) 0%, rgba(0, 133, 200, 0.6) 60%, transparent 100%);
    }
}

@media (max-width: 575.98px) {
    .theme-farid .banner-hero-text h1 {
        font-size: 24px;
    }
    .theme-farid .banner-hero-text p {
        font-size: 15px;
    }
    .theme-farid .banner-hero-counters {
        gap: 20px;
    }
    .theme-farid .banner-hero-counters .hero-counter h3 {
        font-size: 24px;
    }
    .theme-farid .banner-hero-btns .btn-white,
    .theme-farid .banner-hero-btns .btn-outline-light {
        padding: 10px 20px;
        font-size: 14px;
    }
}

/* ==========================================================================
   About / Our Story Section - Fix text readability on light gradient bg
   ========================================================================== */
.theme-farid .about-section-five .section-header-five .section-title,
.theme-farid .about-section-five .section-header-five p {
    color: #2f373d;
}

.theme-farid .about-section-five .section-header-five .section-sub-title {
    color: var(--primary);
}

.theme-farid .about-section-five .about-item-five .custom-title {
    color: #0085c8;
}

.theme-farid .about-section-five .about-item-five p {
    color: #7e868c;
}

.theme-farid .about-section-five .view-more .btn {
    background-color: #0085c8;
    border-color: #0085c8;
    color: #fff;
}

.theme-farid .about-section-five .view-more .btn:hover {
    background-color: #5fdbe1;
    border-color: #5fdbe1;
    color: #fff;
}

/* ==========================================================================
   Why Choose Us Section
   ========================================================================== */

/* ==========================================================================
   Instagram Video Section
   ========================================================================== */
.theme-farid .ig-video-section {
    background: var(--primary-gradient-200);
}

.theme-farid .ig-embed-wrapper {
    max-width: 100%;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 133, 200, 0.1);
}

.theme-farid .ig-embed-wrapper iframe {
    width: 100%;
    height: 580px;
    border: none;
    border-radius: 12px;
    display: block;
}

/* ==========================================================================
   Experience Section - CTA & Form Overrides
   ========================================================================== */
.theme-farid .experience-section-five {
    background-color: var(--primary);
}

.theme-farid .experience-section-five .form .btn-primary {
    background-color: #f6ac1b;
    border-color: #f6ac1b;
    color: #003d5e;
    font-weight: 600;
}

.theme-farid .experience-section-five .form .btn-primary:hover {
    background-color: #5fdbe1;
    border-color: #5fdbe1;
    color: #fff;
}

/* ==========================================================================
   Video CTA Section Override
   ========================================================================== */
.theme-farid .video-section-five .play-vid-content {
    background-color: var(--primary);
}

.theme-farid .video-section-five .btn-secondary {
    background-color: #f6ac1b;
    border-color: #f6ac1b;
    color: #003d5e;
    font-weight: 600;
}

.theme-farid .video-section-five .btn-secondary:hover {
    background-color: #5fdbe1;
    border-color: #5fdbe1;
    color: #fff;
}

/* ==========================================================================
   Marquee / Slider - Keep text on one line
   ========================================================================== */
.theme-farid .services-slide h3 {
    white-space: nowrap;
}

/* ==========================================================================
   CTA Gold Button (reusable across pages)
   ========================================================================== */
.theme-farid .btn-cta-gold {
    background-color: #f6ac1b;
    border-color: #f6ac1b;
    color: #003d5e;
    font-weight: 700;
    font-size: 16px;
}
.theme-farid .btn-cta-gold:hover,
.theme-farid .btn-cta-gold:focus {
    background-color: #5fdbe1;
    border-color: #5fdbe1;
    color: #003d5e;
}
.theme-farid .btn-cta-gold:disabled {
    background-color: #f6ac1b;
    border-color: #f6ac1b;
    color: #003d5e;
    opacity: 0.6;
}

/* ==========================================================================
   Breadcrumb - Adjust for header-five fixed height
   ========================================================================== */
.theme-farid .breadcrumb-bar {
    background-color: var(--primary);
}
.theme-farid .breadcrumb-bar .breadcrumb-title {
    color: #fff;
}
.theme-farid .breadcrumb-bar .breadcrumb-item a,
.theme-farid .breadcrumb-bar .breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.8);
}

/* ==========================================================================
   Branch Cards (Contact page - custom component)
   ========================================================================== */
.theme-farid .branch-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 20px rgba(0, 133, 200, 0.08);
    border: 1px solid #e0f0f8;
    transition: all 0.3s ease;
}

.theme-farid .branch-card:hover {
    box-shadow: 0 8px 30px rgba(0, 133, 200, 0.15);
    transform: translateY(-4px);
}

.theme-farid .branch-card .branch-badge {
    background-color: #f6ac1b;
    color: #003d5e;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 50px;
    display: inline-block;
}

.theme-farid .branch-card h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #0085c8;
    margin-bottom: 8px;
}

.theme-farid .branch-card p {
    color: #7e868c;
    font-size: 14px;
    line-height: 1.6;
}

.theme-farid .branch-card .branch-link {
    color: #5fdbe1;
    font-weight: 600;
    text-decoration: none;
}

.theme-farid .branch-card .branch-link:hover {
    color: #0085c8;
}

/* ==========================================================================
   About Page (inner page — template about-us.html structure)
   ========================================================================== */

/* About Section */
.theme-farid .about-section .section-inner-header h6 {
    color: var(--primary);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}
.theme-farid .about-section .section-inner-header h2 {
    color: #2f373d;
    font-family: 'Montserrat', sans-serif;
}
.theme-farid .about-section .about-content-details p {
    color: #7e868c;
}
.theme-farid .about-section .about-contact-icon span {
    background: var(--primary);
    color: #fff;
}
.theme-farid .about-section .about-box {
    background: var(--primary);
}
.theme-farid .about-section .about-contact-text h4 a {
    color: #2f373d;
}
.theme-farid .about-section .about-contact-text h4 a:hover {
    color: var(--primary);
}

/* Why Choose Us */
.theme-farid .why-choose-section {
    background: var(--primary-gradient-200);
    padding-top: 80px;
}
.theme-farid .why-choose-section .section-inner-header {
    margin-bottom: 40px;
}
.theme-farid .why-choose-section .section-inner-header h6 {
    color: var(--primary);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}
.theme-farid .why-choose-section .section-inner-header h2 {
    color: #2f373d;
    font-family: 'Montserrat', sans-serif;
}
.theme-farid .why-choose-section .why-choose-content h4 {
    color: #2f373d;
    font-family: 'Montserrat', sans-serif;
}
.theme-farid .why-choose-section .why-choose-content p {
    color: #7e868c;
}

/* Counter Section */
.theme-farid .counter-item-ten h3 {
    color: var(--primary);
    font-family: 'Montserrat', sans-serif;
}
.theme-farid .counter-item-ten p {
    color: #7e868c;
}

/* Way / CTA Section */
.theme-farid .way-section .way-bg {
    background-image: url('../img/about/journey-img.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.theme-farid .way-section .way-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 133, 200, 0.85);
    border-radius: inherit;
}
.theme-farid .way-section .way-bg > * {
    position: relative;
    z-index: 1;
}
.theme-farid .way-section .way-inner-header h2 {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}
.theme-farid .way-section .way-inner-header p {
    color: rgba(255, 255, 255, 0.85);
}
.theme-farid .way-section .btn-primary {
    background: #f6ac1b;
    border-color: #f6ac1b;
    color: #003d5e;
    font-weight: 700;
}
.theme-farid .way-section .btn-primary:hover {
    background: #5fdbe1;
    border-color: #5fdbe1;
    color: #003d5e;
}

/* FAQ Section */
.theme-farid .faq-section .section-inner-header h6 {
    color: var(--primary);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}
.theme-farid .faq-section .section-inner-header h2 {
    color: #2f373d;
    font-family: 'Montserrat', sans-serif;
}
.theme-farid .faq-section .accordion-button:not(.collapsed) {
    color: var(--primary);
    background-color: rgba(0, 133, 200, 0.05);
}
.theme-farid .faq-section .accordion-button:focus {
    box-shadow: 0 0 0 0.15rem rgba(0, 133, 200, 0.25);
}
.theme-farid .faq-section .faq-patients-count {
    background: var(--primary);
}
.theme-farid .faq-section .faq-patients-count h4,
.theme-farid .faq-section .faq-patients-count h4 span,
.theme-farid .faq-section .faq-patients-count p {
    color: #fff;
}
.theme-farid .faq-section .accordion-content p {
    color: #7e868c;
}
.theme-farid .faq-section .accordion-content a {
    color: var(--primary);
    font-weight: 600;
}
.theme-farid .faq-section .accordion-content a:hover {
    color: #006da3;
}

/* ==========================================================================
   Before/After Comparison Slider
   ========================================================================== */

/* Remove team-overley default styling when slider is inside */
.team-overley:has(.ba-slider) {
    padding: 0;
    background: none;
}

/* Container */
.ba-slider {
    position: relative;
    overflow: hidden;
    cursor: grab;
    border-radius: 8px;
    user-select: none;
    -webkit-user-select: none;
    aspect-ratio: 3/4;
    touch-action: none;
}
.ba-slider.ba-dragging {
    cursor: grabbing;
}

/* After image (bottom layer — visible on the right side) */
.ba-slider .ba-after {
    position: absolute;
    inset: 0;
}
.ba-slider .ba-after img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Before image (top layer — clipped to left side) */
.ba-slider .ba-before {
    position: absolute;
    inset: 0;
    width: 50%;
    overflow: hidden;
    z-index: 1;
}
.ba-slider .ba-before img {
    height: 100%;
    object-fit: cover;
    object-position: left center;
    display: block;
    min-width: 100%;
    /* Stretch to match container width so image isn't squished */
    position: absolute;
    left: 0;
    top: 0;
}

/* Drag handle container */
.ba-handle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 4px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
    pointer-events: none;
}

/* Handle circle with arrows icon */
.ba-handle-circle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--primary, #0085c8);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary, #0085c8);
    font-size: 14px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    z-index: 3;
    flex-shrink: 0;
    pointer-events: auto;
    cursor: grab;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.ba-dragging .ba-handle-circle {
    cursor: grabbing;
    transform: scale(1.1);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.35);
}

/* Handle lines (top + bottom of the circle) */
.ba-handle-line {
    flex: 1;
    width: 2px;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

/* Before / After labels */
.ba-label {
    position: absolute;
    top: 8px;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 4px;
    z-index: 3;
    pointer-events: none;
}
.ba-label-before {
    left: 8px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
}
.ba-label-after {
    right: 8px;
    background: rgba(0, 133, 200, 0.8);
    color: #fff;
}

/* Responsive adjustments */
@media (max-width: 575.98px) {
    .ba-slider {
        aspect-ratio: 4/5;
    }
    .ba-handle-circle {
        width: 32px;
        height: 32px;
        font-size: 12px;
    }
    .ba-label {
        font-size: 10px;
        padding: 2px 8px;
    }
}

/* Shop Page — product card badge */
.theme-farid .badge-stock {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #28a745;
    color: #fff;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 4px;
    z-index: 1;
    width: auto;
    height: auto;
    opacity: 1;
    visibility: visible;
    transform: none;
}
.theme-farid .product-custom .profile-widget {
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    overflow: hidden;
}
.theme-farid .product-custom .pro-content .price {
    color: var(--primary);
    font-weight: 700;
    font-size: 18px;
}
.theme-farid .product-custom .cart-icon {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    color: #fff;
    border-radius: 50%;
    font-size: 14px;
}
.theme-farid .product-custom .cart-icon:hover {
    background: var(--secondary);
}
.theme-farid .pharmacy-title { color: #2f373d; }
.theme-farid .pharmacy-location { color: #7e868c; }
.theme-farid .sort-title { color: #7e868c; font-size: 14px; }

/* Shop Product — product image full height */
.theme-farid .product-description .doc-info-left {
    align-items: stretch;
}
.theme-farid .product-description .doctor-img1 {
    width: 40%;
    display: flex;
    align-items: center;
    background: #f0f8ff;
    border-radius: 8px;
    overflow: hidden;
}
.theme-farid .product-description .doctor-img1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Shop Checkout — order summary */
.theme-farid .booking-card .card-header { background: var(--primary); }
.theme-farid .booking-card .card-header .card-title { color: #fff; margin-bottom: 0; }
.theme-farid .booking-total .total-cost { color: var(--primary); font-weight: 700; font-size: 20px; }

/* Shop Product — quantity selector */
.theme-farid .custom-increment .input-number {
    width: 60px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    margin: 0 8px;
    padding: 6px;
    font-size: 16px;
    font-weight: 600;
}
.theme-farid .custom-increment .btn-number {
    width: 36px;
    height: 36px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 12px;
}

/* Shop filter sidebar */
.theme-farid .search-filter .card-header {
    background: var(--primary);
    border-radius: 8px 8px 0 0;
}
.theme-farid .search-filter .card-header .card-title {
    color: #fff;
    font-size: 16px;
}

/* ==========================================================================
   Services Page — GP service cards hover lift
   ========================================================================== */
.theme-farid .services-section-ten .services-item-ten {
    transition: all 0.3s ease;
}
.theme-farid .services-section-ten .services-item-ten:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0, 133, 200, 0.12);
}

/* ==========================================================================
   Experience Section (index-5 template — inquiry form CTA)
   ========================================================================== */
.theme-farid .experience-section-five {
    background-color: var(--primary);
}
.theme-farid .experience-section-five .section-header-five .section-title {
    color: #fff;
}
.theme-farid .experience-section-five .section-header-five .section-title span {
    color: var(--secondary);
}
.theme-farid .experience-section-five .section-header-five p {
    color: rgba(255, 255, 255, 0.85);
}
.theme-farid .experience-section-five .btn-white {
    background: #f6ac1b;
    border-color: #f6ac1b;
    color: #003d5e;
    font-weight: 700;
}
.theme-farid .experience-section-five .btn-white:hover {
    background: #5fdbe1;
    border-color: #5fdbe1;
    color: #fff;
}
.theme-farid .experience-section-five .form {
    background: #fff;
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}
.theme-farid .experience-section-five .form .title {
    color: #2f373d;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 24px;
}
.theme-farid .experience-section-five .form .btn-primary {
    background: var(--primary);
    border-color: var(--primary);
    font-weight: 600;
    font-size: 16px;
    padding: 12px;
}
.theme-farid .experience-section-five .form .btn-primary:hover {
    background: var(--primary-hover);
    border-color: var(--primary-hover);
}

/* ==========================================================================
   Review Section (index-5 template — patient testimonials)
   ========================================================================== */
.theme-farid .review-section-five .review-item .count {
    color: var(--primary);
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
.theme-farid .review-section-five .testimonial-item-five .testimonial-content .description {
    color: #7e868c;
}
.theme-farid .review-section-five .testimonial-author .review .fa-star {
    color: #f6ac1b;
}
.theme-farid .review-section-five .slide-btn .slick-arrow {
    border-color: var(--primary);
    color: var(--primary);
}
.theme-farid .review-section-five .slide-btn .slick-arrow:hover {
    background: var(--primary);
    color: #fff;
}

/* ==========================================================================
   Video CTA Section (index-5 template)
   ========================================================================== */
.theme-farid .video-section-five .play-vid-content {
    background-color: var(--primary);
}
.theme-farid .video-section-five .play-vid-content .title {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}
.theme-farid .video-section-five .play-vid-content .btn-secondary {
    background: #f6ac1b;
    border-color: #f6ac1b;
    color: #003d5e;
    font-weight: 700;
}
.theme-farid .video-section-five .play-vid-content .btn-secondary:hover {
    background: #5fdbe1;
    border-color: #5fdbe1;
    color: #fff;
}

/* ==========================================================================
   Pricing Section (Packages Page)
   ========================================================================== */
.theme-farid .pricing-section .pricing-inner-header h2 {
    color: #2f373d;
    font-family: 'Montserrat', sans-serif;
}
.theme-farid .pricing-card {
    border: 1px solid #e0f0f8;
    border-radius: 12px;
    transition: all 0.3s ease;
}
.theme-farid .pricing-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0, 133, 200, 0.12);
}
.theme-farid .pricing-card.active {
    border-color: var(--primary);
    box-shadow: 0 8px 30px rgba(0, 133, 200, 0.15);
}
.theme-farid .pricing-card .pricing-amount h2 {
    color: var(--primary);
    font-family: 'Montserrat', sans-serif;
}
/* Override template's h2 span rule (14px gray) — keep price value full-size */
.theme-farid .pricing-card .pricing-amount h2 .price-value {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}
.theme-farid .pricing-card .pricing-amount h2 .pricing-suffix {
    font-size: 16px;
    font-weight: 400;
}
/* Active/hover card: restore white text (our h2 override blocks the template's hover white) */
.theme-farid .pricing-card.active .pricing-amount h2,
.theme-farid .pricing-card:hover .pricing-amount h2 {
    color: #fff;
}
.theme-farid .pricing-card.active .pricing-amount h2 .price-value,
.theme-farid .pricing-card:hover .pricing-amount h2 .price-value {
    color: #fff;
}
.theme-farid .pricing-card.active .pricing-amount h2 .pricing-suffix,
.theme-farid .pricing-card:hover .pricing-amount h2 .pricing-suffix {
    color: rgba(255, 255, 255, 0.7);
}
.theme-farid .pricing-card .pricing-btn .btn-primary {
    background: #f6ac1b;
    border-color: #f6ac1b;
    color: #003d5e;
    font-weight: 700;
}
.theme-farid .pricing-card .pricing-btn .btn-primary:hover {
    background: #5fdbe1;
    border-color: #5fdbe1;
    color: #fff;
}
.theme-farid .pricing-card .badge {
    background: #f6ac1b;
    color: #003d5e;
    font-weight: 600;
}
.theme-farid .pricing-card .save-badge {
    background: #28a745;
    color: #fff;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 4px;
    margin-left: 8px;
}
.theme-farid .plan-choose-info .form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary);
}

/* ==========================================================================
   Contact Section (Contact Page)
   ========================================================================== */
.theme-farid .contact-section .contact-inner-header h2 {
    color: #2f373d;
    font-family: 'Montserrat', sans-serif;
}
.theme-farid .contact-section .contact-inner-header h6 {
    color: var(--primary);
}
.theme-farid .contact-card {
    border: 1px solid #e0f0f8;
    border-radius: 12px;
    transition: all 0.3s ease;
}
.theme-farid .contact-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(0, 133, 200, 0.1);
}
.theme-farid .contact-card .contact-icon i {
    color: var(--primary);
}
.theme-farid .contact-section .btn-whatsapp-cta {
    background: #f6ac1b;
    border-color: #f6ac1b;
    color: #003d5e;
    font-weight: 700;
    padding: 12px 32px;
    border-radius: 8px;
    font-size: 16px;
}
.theme-farid .contact-section .btn-whatsapp-cta:hover {
    background: #5fdbe1;
    border-color: #5fdbe1;
    color: #fff;
}
.theme-farid .contact-map-card {
    border: 1px solid #e0f0f8;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
}
.theme-farid .contact-map-card iframe {
    width: 100%;
    height: 100%;
    min-height: 400px;
    border: 0;
}

/* ==========================================================================
   Weight Loss Page
   ========================================================================== */

/* Hero Section */
.theme-farid .wl-hero-section {
    background: linear-gradient(135deg, #eef7fc 0%, #e0f0f8 100%);
    padding: 60px 0;
}
.theme-farid .wl-hero-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 42px;
    font-weight: 700;
    color: #2f373d;
    line-height: 1.2;
    margin-bottom: 20px;
}
.theme-farid .wl-hero-subtitle {
    font-size: 18px;
    color: #7e868c;
    max-width: 600px;
    margin: 0 auto;
}
@media (max-width: 767.98px) {
    .theme-farid .wl-hero-title {
        font-size: 28px;
    }
    .theme-farid .wl-hero-subtitle {
        font-size: 16px;
    }
}

/* Problem Section — card overrides */
.theme-farid .wl-problem-section .choose-item-five {
    text-align: center;
    padding: 30px 20px;
}
.theme-farid .wl-problem-section .choose-icon {
    margin-bottom: 16px;
}

/* Solution Section */
.theme-farid .wl-solution-section .about-details-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef7fc;
    border-radius: 50%;
}

/* Features Grid */
.theme-farid .wl-feature-card {
    background: #fff;
    border: 1px solid #e0f0f8;
    border-radius: 12px;
    padding: 30px 20px;
    height: 100%;
    transition: all 0.3s ease;
}
.theme-farid .wl-feature-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0, 133, 200, 0.12);
}
.theme-farid .wl-feature-icon {
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef7fc;
    border-radius: 50%;
    margin-bottom: 16px;
    font-size: 22px;
    color: var(--primary);
}
.theme-farid .wl-feature-card h5 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #2f373d;
    margin-bottom: 8px;
}
.theme-farid .wl-feature-card p {
    color: #7e868c;
    font-size: 14px;
    margin-bottom: 0;
}

/* ==========================================================================
   Floating Mobile Bottom Bar — WhatsApp + Book Appointment
   ========================================================================== */
.mobile-bottom-bar {
    display: none;
}
@media (max-width: 767.98px) {
    .mobile-bottom-bar {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1040;
        background: #fff;
        box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.1);
        padding: 10px 16px;
        padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
        gap: 10px;
    }
    .mobile-bottom-bar a {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 12px 8px;
        border-radius: 10px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        font-size: 14px;
        text-decoration: none;
        transition: all 0.2s ease;
    }
    .mobile-bottom-bar .btn-mobile-whatsapp {
        background: #fff;
        border: 2px solid var(--primary);
        color: var(--primary);
    }
    .mobile-bottom-bar .btn-mobile-whatsapp:hover {
        background: var(--primary-100);
    }
    .mobile-bottom-bar .btn-mobile-whatsapp i {
        font-size: 18px;
    }
    .mobile-bottom-bar .btn-mobile-book {
        background: #f6ac1b;
        border: 2px solid #f6ac1b;
        color: #003d5e;
    }
    .mobile-bottom-bar .btn-mobile-book:hover {
        background: #5fdbe1;
        border-color: #5fdbe1;
    }
    .mobile-bottom-bar .btn-mobile-book i {
        font-size: 16px;
    }
    /* Add bottom padding to body so content isn't hidden behind the bar */
    body {
        padding-bottom: 72px;
    }
    /* Move scroll-to-top button above the bar */
    .progress-wrap {
        bottom: 80px !important;
    }
}

/* FAQ Section — header color override */
.theme-farid .faq-section .section-inner-header h6 {
    color: var(--primary);
}
.theme-farid .faq-section .section-inner-header h2 {
    color: #2f373d;
    font-family: 'Montserrat', sans-serif;
}