:root {
            --primary-red: #d32f2f;
            --dark-red: #b71c1c;
            --navy: #1a237e;
            --dark-text: #212121;
            --gray-text: #616161;
            --light-bg: #f8f9fa;
            --white: #ffffff;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', sans-serif;
            color: var(--dark-text);
            overflow-x: hidden;
        }



        p {
    margin-top: 0;
    margin-bottom: 1rem;
    line-height: 20px;
    font-size: 14px;
}

        h1, h2, h3, h4, h5 {
            font-family: 'Playfair Display', serif;
        }

        /* ===== NAVBAR ===== */
        .navbar {
            padding: 12px 0;
            box-shadow: 0 2px 10px rgba(0,0,0,0.08);
            background: var(--white);
            z-index: 1050;
        }

        .navbar-brand {
            display: flex;
            /* align-items: center; */
            /* gap: 10px; */
            width: 20%;
        }

        .navbar-brand .logo-icon {
            width: 45px;
            height: 45px;
            background: var(--primary-red);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 20px;
        }

 .navbar-brand img{width: 95%;height:auto;}






        .navbar-brand .brand-text {
            font-family: 'Poppins', sans-serif;
            font-weight: 700;
            font-size: 14px;
            line-height: 1.2;
            color: var(--dark-text);
        }

        .navbar-brand .brand-text span {
            color: var(--primary-red);
        }

        .navbar-nav .nav-link {
            font-weight: 500;
            font-size: 14px;
            color: var(--dark-text) !important;
            padding: 8px 16px !important;
            transition: color 0.3s;
            position: relative;
        }

        .navbar-nav .nav-link:hover,
        .navbar-nav .nav-link.active {
            color: var(--primary-red) !important;
        }

        .navbar-nav .nav-link.active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 16px;
            right: 16px;
            height: 3px;
            background: #ffffff;
            border-radius: 2px;
        }

        .nav-phone {
            display: flex;
            align-items: center;
            gap: 8px;
            font-weight: 600;
            font-size: 14px;
            color: var(--dark-text);
            text-decoration: none;
        }

        .nav-phone .phone-icon {
            width: 35px;
            height: 35px;
            background: var(--primary-red);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 14px;
        }

        .btn-book-service {
            background: var(--primary-red);
            color: white;
            border: none;
            padding: 7px 14px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 14px;
            transition: all 0.3s;
        }

        .btn-book-service:hover {
            background: var(--dark-red);
            color: white;
            transform: translateY(-1px);
        }

        /* ===== HERO SLIDER ===== */
        .hero-section {
            position: relative;
            overflow: hidden;
        }

        .hero-slide {
            position: relative;
            min-height: 550px;
            display: flex;
            align-items: center;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        .hero-slide::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 60%;
            height: 100%;
            background: linear-gradient(90deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.7) 70%, transparent 100%);
            z-index: 1;
        }

        .hero-slide .hero-content {
            position: relative;
            z-index: 2;
            max-width: 500px;
        }

        .hero-slide .subtitle {
            color: var(--primary-red);
            font-weight: 600;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 10px;
        }

        .hero-slide h1 {
            font-size: 48px;
            font-weight: 900;
            line-height: 1.2;
            color: var(--dark-text);
            margin-bottom: 15px;
        }

        .hero-slide h1 .highlight {
            color: var(--primary-red);
            font-style: italic;
        }




     .hero-slide h2 {
            font-size: 48px;
            font-weight: 900;
            line-height: 1.2;
            color: var(--dark-text);
            margin-bottom: 15px;
        }

        .hero-slide h2 .highlight {
            color: var(--primary-red);
            font-style: italic;
        }




        .hero-slide p {
            color: var(--gray-text);
            font-size: 15px;
            margin-bottom: 25px;
            line-height: 22px;
        }

        .hero-buttons {
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
        }

        .btn-primary-custom {
            background: var(--primary-red);
            color: white;
            border: none;
            padding: 12px 28px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 14px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: all 0.3s;
            text-decoration: none;
        }

        .btn-primary-custom:hover {
            background: var(--dark-red);
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(211, 47, 47, 0.3);
        }

        .btn-outline-custom {
            background: transparent;
            color: var(--dark-text);
            border: 2px solid var(--dark-text);
            padding: 10px 28px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 14px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: all 0.3s;
            text-decoration: none;
        }

        .btn-outline-custom:hover {
            background: var(--dark-text);
            color: white;
            transform: translateY(-2px);
        }

        .carousel-control-prev,
        .carousel-control-next {
            width: 50px;
            height: 50px;
            background: white;
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%);
            opacity: 1;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        .carousel-control-prev {
            left: 20px;
        }

        .carousel-control-next {
            right: 20px;
        }

        .carousel-control-prev-icon,
        .carousel-control-next-icon {
            filter: invert(1) grayscale(100);
            width: 15px;
        }

        #heroCarousel .carousel-indicators {
            bottom: 20px;
        }

        #heroCarousel .carousel-indicators button {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #ccc;
            border: none;
            margin: 0 5px;
        }

        #heroCarousel .carousel-indicators button.active {
            background: var(--primary-red);
        }

        /* ===== FEATURES BAR ===== */
        .features-bar {
            background: white;
            border-radius: 15px;
            padding: 30px 20px;
            box-shadow: 0 5px 30px rgba(0,0,0,0.08);
            margin-top: -50px;
            position: relative;
            z-index: 10;
        }

        .feature-item {
            display: flex;
            align-items: center;
            gap: 15px;
            padding: 10px;
        }

        .feature-item .feature-icon {
            width: 55px;
            height: 55px;
            min-width: 55px;
            border-radius: 50%;
            border: 2px solid var(--primary-red);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primary-red);
            font-size: 22px;
        }

        .feature-item h6 {
            font-family: 'Poppins', sans-serif;
            font-weight: 600;
            font-size: 15px;
            margin-bottom: 2px;
        }

        .feature-item p {
            font-size: 12px;
            color: var(--gray-text);
            margin: 0;
        }

        /* ===== ABOUT SECTION ===== */
        .about-section {
            padding: 80px 0;
        }

        .about-image-wrapper {
            position: relative;
        }

        .about-image-wrapper img {
            border-radius: 15px;
            width: 100%;
            height: 400px;
            object-fit: cover;
        }

        .experience-badge {
            position: absolute;
            bottom: 20px;
            left: 20px;
            background: var(--primary-red);
            color: white;
            padding: 20px;
            border-radius: 12px;
            text-align: center;
        }

        .experience-badge .number {
            font-size: 36px;
            font-weight: 900;
            font-family: 'Playfair Display', serif;
            line-height: 1;
        }

        .experience-badge .text {
            font-size: 12px;
            line-height: 1.3;
        }

        .about-subtitle {
            color: var(--primary-red);
            font-weight: 600;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .about-title {
            font-size: 36px;
            font-weight: 700;
            line-height: 1.3;
        }

        .about-title span {
            color: var(--primary-red);
        }

        .about-text {
            /* color: var(--gray-text); */
            font-size: 14px;
            line-height: 20px;
        }

        .about-features {
            list-style: none;
            padding: 0;
        }

        .about-features li {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 14px;
            margin-bottom: 8px;
            color: var(--dark-text);
        }

        .about-features li i {
            color: var(--primary-red);
            font-size: 14px;
        }

        .dots-decoration {
            position: absolute;
            right: -20px;
            top: 50%;
            transform: translateY(-50%);
            opacity: 0.2;
        }

        .dots-decoration .dot-row {
            display: flex;
            gap: 8px;
            margin-bottom: 8px;
        }

        .dots-decoration .dot {
            width: 6px;
            height: 6px;
            background: var(--primary-red);
            border-radius: 50%;
        }

        /* ===== SERVICES SECTION ===== */
        .services-section {
            padding: 40px 0;
            background: var(--light-bg);
        }

        .section-subtitle {
            color: var(--primary-red);
            font-weight: 600;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .section-title {
            font-size: 36px;
            font-weight: 700;
            margin-bottom: 40px;
        }



.section-title span {
    color: var(--primary-red);
}





        .section-title .heart-icon {
            color: var(--primary-red);
            font-size: 24px;
        }

        .service-card {
            background: white;
            border-radius: 15px;
            padding: 22px 12px;
            text-align: center;
            transition: all 0.3s;
            border: 2px solid #ffe3e3;
            height: 100%;
            text-align: center;
        }

        .service-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.1);
            border-color: var(--primary-red);
        }

        .service-card .service-icon {
            width: 75px;
            height: 75px;
            border-radius: 50%;
            background: #ffeaea;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            font-size: 30px;
            color: var(--primary-red);
            transition: all 0.3s;
        }

        .service-card:hover .service-icon {
            background: var(--primary-red);
            color: white;
        }

        .service-card h3 {
            font-family: 'Poppins', sans-serif;
            font-weight: 600;
            font-size: 14px;
            margin-bottom: 10px;
        }

        .service-card p {
            font-size: 13px;
            color: var(--gray-text);
            margin-bottom: 15px;
        }

        .service-card .learn-more {
            color: var(--primary-red);
            font-weight: 600;
            font-size: 13px;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 5px;
            transition: gap 0.3s;
        }

        .service-card .learn-more:hover {
            gap: 10px;
        }

        /* ===== WHY CHOOSE US ===== */
        .why-choose-section {
            padding: 60px 0;
        }

        .why-choose-left h2 {
            font-size: 36px;
            font-weight: 700;
            line-height: 1.3;
        }

        .why-choose-left h2 span {
            color: var(--primary-red);
        }

        .why-choose-left p {
            color: var(--gray-text);
            font-size: 14px;
        }

        .quality-item {
            text-align: center;
        }

        .quality-item .quality-icon {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: #ffeaea;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 10px;
            color: var(--primary-red);
            font-size: 20px;
        }

        .quality-item h6 {
            font-family: 'Poppins', sans-serif;
            font-size: 12px;
            font-weight: 600;
        }

        .team-image {
            border-radius: 15px;
            overflow: hidden;
            height: 100%;
        }

        .team-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 15px;
        }

        .team-member-card {
            background: white;
            border-radius: 10px;
            padding: 12px 15px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            margin-bottom: 12px;
            border-left: 3px solid var(--primary-red);
        }

        .team-member-info {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .team-member-info .member-icon {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #ffeaea;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primary-red);
        }

        .team-member-info h6 {
            font-family: 'Poppins', sans-serif;
            font-size: 13px;
            font-weight: 600;
            margin: 0;
        }

        .team-member-info small {
            font-size: 11px;
            color: var(--gray-text);
        }

        .team-member-exp {
            text-align: right;
        }

        .team-member-exp .years {
            font-weight: 700;
            font-size: 14px;
            color: var(--primary-red);
        }

        .team-member-exp small {
            font-size: 11px;
            color: var(--gray-text);
        }

        .btn-view-team {
            background: white;
            color: var(--primary-red);
            border: 2px solid var(--primary-red);
            padding: 10px 24px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 13px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: all 0.3s;
            text-decoration: none;
        }

        .btn-view-team:hover {
            background: var(--primary-red);
            color: white;
        }

        /* ===== TESTIMONIALS ===== */
        .testimonials-section {
            padding: 52px 0;
            background: var(--light-bg);
        }

        .testimonial-card {
            background: white;
            border-radius: 15px;
            padding: 25px;
            box-shadow: 0 3px 15px rgba(0,0,0,0.05);
            border: 1px solid #f0f0f0;
            height: 100%;
        }

        .testimonial-stars {
            color: #ffc107;
            font-size: 14px;
            margin-bottom: 10px;
        }

        .testimonial-card p {
            font-size: 13px;
            color: var(--gray-text);
            line-height: 1.7;
            font-style: italic;
            margin-bottom: 15px;
        }

        .testimonial-author {
            display: flex;
            align-items: center;
            gap: 12px;
        }

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

        .testimonial-author .author-avatar {
            width: 50px;
            height: 50px;
            min-width: 50px;
            border-radius: 50%;
            background: #e0e0e0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 22px;
            color: var(--gray-text);
        }

        .testimonial-author h6 {
            font-family: 'Poppins', sans-serif;
            font-weight: 600;
            font-size: 14px;
            margin: 0;
        }

        .testimonial-author small {
            font-size: 12px;
            color: var(--gray-text);
        }

        .testimonial-quote {
            color: var(--primary-red);
            font-size: 30px;
            opacity: 0.3;
            float: right;
        }

        /* Testimonial Carousel */
        #testimonialCarousel .carousel-control-prev,
        #testimonialCarousel .carousel-control-next {
            width: 45px;
            height: 45px;
            background: var(--primary-red);
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%);
            opacity: 1;
        }

        #testimonialCarousel .carousel-control-prev {
            left: -60px;
        }

        #testimonialCarousel .carousel-control-next {
            right: -60px;
        }

        #testimonialCarousel .carousel-control-prev-icon,
        #testimonialCarousel .carousel-control-next-icon {
            filter: none;
            width: 14px;
        }

        /* ===== FOOTER ===== */
        .footer {
            background: #1a1a2e;
            color: white;
            padding: 55px 0 0;
        }

        .footer-brand .logo-icon {
            width: 40px;
            height: 40px;
            background: var(--primary-red);
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 18px;
            margin-right: 8px;
        }

        .footer-brand h5 {
            display: inline;
            font-family: 'Poppins', sans-serif;
            font-weight: 700;
            font-size: 16px;
        }

        .footer p {
            color: #aaa;
            font-size: 13px;
            line-height: 1.8;
        }

        .footer-social {
            display: flex;
            gap: 12px;
            margin-top: 15px;
        }

        .footer-social a {
            width: 35px;
            height: 35px;
            border-radius: 50%;
            background: rgba(255,255,255,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 14px;
            transition: all 0.3s;
            text-decoration: none;
        }

        .footer-social a:hover {
            background: var(--primary-red);
        }

        .footer h6 {
            font-family: 'Poppins', sans-serif;
            font-weight: 600;
            font-size: 16px;
            margin-bottom: 20px;
            position: relative;
        }

        .footer-links {
            list-style: none;
            padding: 0;
        }

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

        .footer-links li a {
            color: #aaa;
            font-size: 13px;
            text-decoration: none;
            transition: color 0.3s;
            display: flex;
            align-items: center;
            gap: 5px;
        }

        .footer-links li a:hover {
            color: var(--primary-red);
        }

        .footer-contact li {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            margin-bottom: 12px;
            color: #aaa;
            font-size: 13px;
        }

        .footer-contact li i {
            color: var(--primary-red);
            margin-top: 3px;
        }

        .footer-contact li a {
            color: #aaa;
            text-decoration: none;
        }

        .footer-contact li a:hover {
            color: var(--primary-red);
        }

        .emergency-support {
            color: var(--primary-red) !important;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .footer-bottom {
            border-top: 1px solid rgba(255,255,255,0.1);
            padding: 12px 0;
            margin-top: 35px;
        }

        .footer-bottom p, .footer-bottom a {
            font-size: 13px;
            color: #aaa;
        }

        .footer-bottom a {
            text-decoration: none;
        }

        .footer-bottom a:hover {
            color: var(--primary-red);
        }

        /* ===== SCROLL TO TOP ===== */
        .scroll-top {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 45px;
            height: 45px;
            background: var(--primary-red);
            color: white;
            border: none;
            border-radius: 50%;
            font-size: 18px;
            display: none;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 1000;
            box-shadow: 0 3px 15px rgba(211, 47, 47, 0.4);
            transition: all 0.3s;
        }

        .scroll-top:hover {
            transform: translateY(-3px);
        }

        .scroll-top.show {
            display: flex;
        }

        /* ===== RESPONSIVE ===== */
        @media (max-width: 991px) {
            .hero-slide {
                min-height: 450px;
            }

            .hero-slide h1 {
                font-size: 36px;
            }

            .hero-slide::before {
                width: 100%;
                background: rgba(255,255,255,0.85);
            }

            .features-bar {
                margin-top: 0;
                border-radius: 0;
            }

            .navbar-nav {
                padding: 15px 0;
            }

            .nav-phone, .btn-book-service {
                margin-top: 10px;
            }

            #testimonialCarousel .carousel-control-prev {
                left: 0;
            }

            #testimonialCarousel .carousel-control-next {
                right: 0;
            }

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

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

        @media (max-width: 767px) {
            .hero-slide {
                min-height: 400px;
                padding: 40px 0;
            }

            .hero-slide h1 {
                font-size: 28px;
            }

            .hero-buttons .btn-primary-custom,
            .hero-buttons .btn-outline-custom {
                padding: 10px 20px;
                font-size: 13px;
            }

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

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

            .why-choose-section {
                padding: 50px 0;
            }

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

            .about-image-wrapper {
                margin-bottom: 30px;
            }

            .feature-item {
                margin-bottom: 15px;
            }

            .why-choose-left {
                margin-bottom: 30px;
            }

            .why-choose-left h2 {
                font-size: 28px;
            }

            #testimonialCarousel .carousel-control-prev,
            #testimonialCarousel .carousel-control-next {
                position: relative;
                display: inline-flex;
                top: auto;
                left: auto;
                right: auto;
                transform: none;
                margin-top: 20px;
            }

            .testimonial-nav-mobile {
                display: flex;
                justify-content: center;
                gap: 15px;
                margin-top: 20px;
            }
        }

        @media (max-width: 575px) {
            .hero-slide h1 {
                font-size: 24px;
            }

            .carousel-control-prev,
            .carousel-control-next {
                width: 35px;
                height: 35px;
            }
        }

        /* Smooth animations */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.6s ease, transform 0.6s ease;
        }

        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }







/* ===== WHY CHOOSE MENON SOUMYA SECTION ===== */
.why-menon-section {
    padding: 53px 0;
    background: linear-gradient(135deg, #ffeaea 0%, #ffffff 50%, #fbebeb 100%);
    position: relative;
    overflow: hidden;
}

.why-menon-section::before {
    content: '';
    position: absolute;
    top: -100px;
    right: -100px;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(211, 47, 47, 0.05) 0%, transparent 70%);
    border-radius: 50%;
}

.why-menon-section::after {
    content: '';
    position: absolute;
    bottom: -100px;
    left: -100px;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(211, 47, 47, 0.05) 0%, transparent 70%);
    border-radius: 50%;
}

.why-menon-header {
    text-align: center;
    margin-bottom: 50px;
    position: relative;
    z-index: 2;
}

.why-menon-header h2 {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 15px;
    color: var(--dark-text);
}

.why-menon-header h2 span {
    color: var(--primary-red);
    position: relative;
    display: inline-block;
}

.why-menon-header h2 span::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--primary-red);
    border-radius: 2px;
    opacity: 0.3;
    display: none;
}

.why-menon-header p {
    /* font-size: 15px; */
    /* color: var(--gray-text); */
    /* max-width: 700px; */
    margin: 0 auto;
    line-height: 20px;
}

.why-menon-card {
    background: white;
    border-radius: 15px;
    padding: 35px 25px;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 1px solid #ff7c7c40;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.why-menon-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-red), #ff6b6b);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}

.why-menon-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(211, 47, 47, 0.15);
    border-color: transparent;
}

.why-menon-card:hover::before {
    transform: scaleX(1);
}

.why-menon-icon {
    width: 75px;
    height: 75px;
    border-radius: 20px;
    background: linear-gradient(135deg, #ffeaea 0%, #ffd6d6 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: var(--primary-red);
    margin-bottom: 20px;
    transition: all 0.4s ease;
    position: relative;
}

.why-menon-card:hover .why-menon-icon {
    background: linear-gradient(135deg, var(--primary-red) 0%, #ff5252 100%);
    color: white;
    transform: rotate(-5deg) scale(1.05);
}

.why-menon-icon::after {
    content: '';
    position: absolute;
    top: -5px;
    right: -5px;
    width: 25px;
    height: 25px;
    background: var(--primary-red);
    border-radius: 50%;
    opacity: 0;
    transition: all 0.4s ease;
}

.why-menon-card:hover .why-menon-icon::after {
    opacity: 0.2;
    transform: scale(1.5);
}

.why-menon-card h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--dark-text);
    margin-bottom: 12px;
    transition: color 0.3s ease;
}

.why-menon-card:hover h3 {
    color: var(--primary-red);
}

.why-menon-card p {
    font-size: 14px;
    color: var(--gray-text);
    line-height: 19px;
    margin-bottom: 15px;
}

.why-menon-card .check-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.why-menon-card .check-list li {
    font-size: 12px;
    color: var(--gray-text);
    padding: 4px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.why-menon-card .check-list li i {
    color: var(--primary-red);
    font-size: 11px;
}

.why-menon-card .card-number {
    position: absolute;
    top: 20px;
    right: 20px;
    font-family: 'Playfair Display', serif;
    font-size: 50px;
    font-weight: 900;
    color: rgba(211, 47, 47, 0.08);
    line-height: 1;
    transition: all 0.4s ease;
}

.why-menon-card:hover .card-number {
    color: rgba(211, 47, 47, 0.15);
    transform: scale(1.1);
}

/* Stats Bar */
.why-menon-stats {
    margin-top: 60px;
    background: linear-gradient(135deg, var(--primary-red) 0%, var(--dark-red) 100%);
    border-radius: 20px;
    padding: 8px 30px;
    box-shadow: 0 15px 40px rgba(211, 47, 47, 0.3);
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.why-menon-stats::before {
    content: '';
    position: absolute;
    top: -64%;
    right: -8%;
    width: 201px;
    height: 200px;
    background: rgb(255 255 255 / 10%);
    border-radius: 50%;
}

.why-menon-stats::after {
    content: '';
    position: absolute;
    bottom: -65%;
    left: -5%;
    width: 194px;
    height: 194px;
    background: rgb(255 255 255 / 8%);
    border-radius: 50%;
}

.stat-item {
    text-align: center;
    color: white;
    position: relative;
    z-index: 2;
    padding: 10px 0;
}

.stat-item .stat-icon {
    font-size: 28px;
    margin-bottom: -5px;
    opacity: 0.9;
}

.stat-item .stat-number {
    font-family: 'Playfair Display', serif;
    font-size: 42px;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 5px;
}

.stat-item .stat-label {
    font-size: 13px;
    opacity: 0.9;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.stat-divider {
    width: 1px;
    background: rgba(255, 255, 255, 0.2);
    height: 70px;
    margin: auto;
}

@media (max-width: 991px) {
    .why-menon-header h2 {
        font-size: 30px;
    }
    
    .why-menon-stats {
        padding: 30px 20px;
    }
    
    .stat-divider {
        display: none;
    }
    
    .stat-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 20px;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .why-menon-section {
        padding: 50px 0;
    }
    
    .why-menon-header h2 {
        font-size: 26px;
    }
    
    .why-menon-card {
        padding: 25px 20px;
    }
    
    .stat-item .stat-number {
        font-size: 32px;
    }
}
/* ===== WHY CHOOSE MENON SOUMYA SECTION ===== */





/* ===== PAGE HEADER / BREADCRUMB ===== */
        .page-header {
            background: linear-gradient(135deg, rgba(211, 47, 47, 0.9) 0%, rgba(183, 28, 28, 0.95) 100%),
                        url('https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?w=1920');
            background-size: cover;
            background-position: center;
            padding: 100px 0 80px;
            color: white;
            text-align: center;
            position: relative;
        }

        .page-header::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 80px;
            /* background: linear-gradient(to bottom, transparent, var(--light-bg)); */
        }

        .page-header h1 {
            font-size: 48px;
            font-weight: 900;
            margin-bottom: 15px;
        }

        .breadcrumb-nav {
            display: inline-flex;
            background: rgba(255, 255, 255, 0.15);
            padding: 10px 25px;
            border-radius: 50px;
            backdrop-filter: blur(10px);
        }

        .breadcrumb-nav a {
            color: white;
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
        }

        .breadcrumb-nav a:hover { color: #ffcdd2; }

        .breadcrumb-nav .separator {
            margin: 0 10px;
            opacity: 0.7;
        }

        .breadcrumb-nav .current {
            color: #ffcdd2;
            font-weight: 600;
            font-size: 14px;
        }

        /* ===== ABOUT INTRO ===== */
        .about-intro {
            padding: 45px 0;
        }

        .section-subtitle {
            color: var(--primary-red);
            font-weight: 600;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 10px;
        }

        .section-title {
            font-size: 36px;
            font-weight: 700;
            line-height: 1.3;
            margin-bottom: 20px;
        }

        .section-title span { color: var(--primary-red); }

        .about-text { 
            color: var(--gray-text); 
            font-size: 15px; 
            line-height: 1.8;
            margin-bottom: 15px;
        }

        .about-image-main {
            position: relative;
            border-radius: 20px;
            overflow: hidden;
        }

        .about-image-main img {
            width: 100%;
            height: 500px;
            object-fit: cover;
            border-radius: 20px;
        }

        .about-image-badge {
            position: absolute;
            bottom: 20px;
            right: 20px;
            background: white;
            padding: 20px 25px;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .about-image-badge .badge-icon {
            width: 55px;
            height: 55px;
            background: var(--primary-red);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 24px;
        }

        .about-image-badge .badge-text h4 {
            font-family: 'Poppins', sans-serif;
            font-size: 16px;
            font-weight: 700;
            margin: 0;
            color: var(--dark-text);
        }

        .about-image-badge .badge-text p {
            font-size: 12px;
            color: var(--gray-text);
            margin: 0;
        }

        .feature-tick {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 12px;
            font-size: 14px;
        }

        .feature-tick i {
            color: var(--primary-red);
            font-size: 18px;
        }

        .btn-primary-custom {
            background: var(--primary-red); color: white; border: none;
            padding: 12px 28px; border-radius: 6px;
            font-weight: 600; font-size: 14px;
            display: inline-flex; align-items: center; gap: 8px;
            text-decoration: none; transition: all 0.3s;
        }

        .btn-primary-custom:hover {
            background: var(--dark-red); color: white;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(211, 47, 47, 0.3);
        }

        /* ===== MISSION VISION VALUES ===== */
        .mvv-section {
            padding: 36px 0;
            background: var(--light-bg);
        }

        .mvv-card {
            background: white;
            border-radius: 20px;
            padding: 20px 24px;
            height: 96%;
            text-align: center;
            transition: all 0.4s ease;
            border: 2px solid #ffd6da;
            position: relative;
            overflow: hidden;
        }

        .mvv-card::before {
            content: '';
            position: absolute;
            top: 0; left: 0;
            width: 100%; height: 5px;
            background: var(--primary-red);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.4s ease;
        }

        .mvv-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 50px rgba(0,0,0,0.1);
        }

        .mvv-card:hover::before {
            transform: scaleX(1);
        }

        .mvv-icon {
            width: 90px;
            height: 90px;
            background: linear-gradient(135deg, #ffeaea, #ffcdd2);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 25px;
            font-size: 38px;
            color: var(--primary-red);
            transition: all 0.4s ease;
        }

        .mvv-card:hover .mvv-icon {
            background: var(--primary-red);
            color: white;
            transform: rotateY(180deg);
        }

        .mvv-card h3 {
            font-family: 'Playfair Display', serif;
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 15px;
            color: #d32f2f;
        }

        .mvv-card p {
            font-size: 14px;
            color: var(--gray-text);
            line-height: 1.8;
        }

        /* ===== STORY SECTION ===== */
        .story-section {
            padding: 80px 0;
        }

        .story-image {
            border-radius: 20px;
            overflow: hidden;
            position: relative;
        }

        .story-image img {
            width: 100%;
            height: 450px;
            object-fit: cover;
        }

        .story-experience {
            position: absolute;
            top: 20px;
            left: 20px;
            background: white;
            padding: 15px 20px;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        }

        .story-experience .number {
            font-family: 'Playfair Display', serif;
            font-size: 32px;
            font-weight: 900;
            color: var(--primary-red);
            line-height: 1;
        }

        .story-experience .text {
            font-size: 11px;
            color: var(--gray-text);
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .milestone-list {
            list-style: none;
            padding: 0;
            margin-top: 25px;
        }

        .milestone-list li {
            display: flex;
            gap: 20px;
            margin-bottom: 20px;
            padding-bottom: 20px;
            border-bottom: 1px dashed #e0e0e0;
        }

        .milestone-list li:last-child {
            border-bottom: none;
        }

        .milestone-year {
            min-width: 70px;
            height: 70px;
            background: linear-gradient(135deg, var(--primary-red), var(--dark-red));
            color: white;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            font-size: 18px;
        }

        .milestone-content h4 {
            font-family: 'Poppins', sans-serif;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 5px;
            color: var(--dark-text);
        }

        .milestone-content p {
            font-size: 13px;
            color: var(--gray-text);
            margin: 0;
        }

        /* ===== TEAM SECTION ===== */
        .team-section {
            padding: 80px 0;
            background: var(--light-bg);
        }

        .team-card {
            background: white;
            border-radius: 20px;
            overflow: hidden;
            transition: all 0.4s ease;
            box-shadow: 0 5px 20px rgba(0,0,0,0.05);
        }

        .team-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 50px rgba(211, 47, 47, 0.15);
        }

        .team-card-image {
            position: relative;
            overflow: hidden;
            height: 280px;
        }

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

        .team-card:hover .team-card-image img {
            transform: scale(1.1);
        }

        .team-card-social {
            position: absolute;
            bottom: -50px;
            left: 0;
            right: 0;
            display: flex;
            justify-content: center;
            gap: 8px;
            padding: 15px;
            background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
            transition: bottom 0.4s ease;
        }

        .team-card:hover .team-card-social {
            bottom: 0;
        }

        .team-card-social a {
            width: 35px;
            height: 35px;
            background: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primary-red);
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .team-card-social a:hover {
            background: var(--primary-red);
            color: white;
        }

        .team-card-body {
            padding: 25px 20px;
            text-align: center;
        }

        .team-card-body h3 {
            font-family: 'Playfair Display', serif;
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 5px;
        }

        .team-card-body .designation {
            color: var(--primary-red);
            font-size: 13px;
            font-weight: 500;
            margin-bottom: 10px;
        }

        .team-card-body .experience {
            font-size: 12px;
            color: var(--gray-text);
        }

        /* ===== STATS SECTION ===== */
        .stats-section {
            padding: 70px 0;
            background: linear-gradient(135deg, var(--primary-red) 0%, var(--dark-red) 100%);
            color: white;
        }

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

        .stat-box .stat-icon {
            font-size: 40px;
            margin-bottom: 15px;
            opacity: 0.9;
        }

        .stat-box .stat-number {
            font-family: 'Playfair Display', serif;
            font-size: 48px;
            font-weight: 900;
            line-height: 1;
            margin-bottom: 5px;
        }

        .stat-box .stat-label {
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 1px;
            opacity: 0.9;
        }

        /* ===== CTA SECTION ===== */
        .cta-section {
            padding: 80px 0;
            background: var(--light-bg);
        }

        .cta-box {
            background: white;
            border-radius: 25px;
            padding: 50px 40px;
            box-shadow: 0 15px 50px rgba(0,0,0,0.08);
            position: relative;
            overflow: hidden;
        }

        .cta-box::before {
            content: '';
            position: absolute;
            top: -100px;
            right: -100px;
            width: 250px;
            height: 250px;
            background: radial-gradient(circle, rgba(211, 47, 47, 0.1), transparent);
            border-radius: 50%;
        }

        .cta-box h2 {
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 15px;
        }

        .cta-box h2 span {
            color: var(--primary-red);
        }

        .cta-box p {
            color: var(--gray-text);
            margin-bottom: 0;
        }



         /* ===== RESPONSIVE ===== */
        @media (max-width: 991px) {
            .page-header h1 { font-size: 36px; }
            .section-title { font-size: 28px; }
            .about-image-main img { height: 400px; }
        }

        @media (max-width: 767px) {
            .page-header { padding: 70px 0 60px; }
            .page-header h1 { font-size: 28px; }
            .about-intro, .mvv-section, .story-section, 
            .team-section, .cta-section { padding: 50px 0; }
            .about-image-main { margin-bottom: 30px; }
            .about-image-main img { height: 350px; }
            .stat-box { margin-bottom: 30px; }
            .cta-box { padding: 30px 25px; text-align: center; }
            .cta-box h2 { font-size: 24px; }
        }




  /* CONTACT INFO CARDS */
        .contact-info-section {
            padding: 80px 0 40px;
        }

        .contact-info-card {
            background: white;
            border-radius: 20px;
            padding: 40px 30px;
            text-align: center;
            height: 100%;
            transition: all 0.4s ease;
            border: 1px solid #f0f0f0;
            position: relative;
            overflow: hidden;
        }

        .contact-info-card::before {
            content: '';
            position: absolute;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: linear-gradient(135deg, var(--primary-red), var(--dark-red));
            opacity: 0;
            transition: opacity 0.4s ease;
            z-index: 0;
        }

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

        .contact-info-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 50px rgba(211, 47, 47, 0.2);
        }

        .contact-info-card > * {
            position: relative;
            z-index: 1;
        }

        .contact-info-card:hover h3,
        .contact-info-card:hover p,
        .contact-info-card:hover a {
            color: white !important;
        }

        .contact-icon {
            width: 80px;
            height: 80px;
            background: linear-gradient(135deg, #ffeaea, #ffcdd2);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            font-size: 32px;
            color: var(--primary-red);
            transition: all 0.4s ease;
        }

        .contact-info-card:hover .contact-icon {
            background: white;
            color: var(--primary-red);
            transform: rotate(360deg);
        }

        .contact-info-card h3 {
            font-family: 'Playfair Display', serif;
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 12px;
            color: var(--dark-text);
            transition: color 0.4s ease;
        }

        .contact-info-card p {
            font-size: 14px;
            color: var(--gray-text);
            margin-bottom: 5px;
            transition: color 0.4s ease;
        }

        .contact-info-card a {
            color: var(--primary-red);
            text-decoration: none;
            font-weight: 600;
            font-size: 15px;
            transition: color 0.4s ease;
        }

        /* CONTACT FORM SECTION */
        .contact-form-section {
            padding: 60px 0 65px;
        }

        .section-subtitle { color: var(--primary-red); font-weight: 600; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px; }
        .section-title { font-size: 36px; font-weight: 700; line-height: 1.3; margin-bottom: 20px; }
        .section-title span { color: var(--primary-red); }

        .contact-form-wrapper {
            background: white;
            border-radius: 20px;
            padding: 50px 40px;
            box-shadow: 0 15px 50px rgba(0,0,0,0.08);
        }

        .form-control,
        .form-select {
            border: 2px solid #f0f0f0;
            border-radius: 10px;
            padding: 12px 18px;
            font-size: 14px;
            transition: all 0.3s ease;
            background: var(--light-bg);
        }

        .form-control:focus,
        .form-select:focus {
            border-color: var(--primary-red);
            background: white;
            box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.1);
        }

        .form-label {
            font-size: 13px;
            font-weight: 600;
            color: var(--dark-text);
            margin-bottom: 6px;
        }

        .form-label .required {
            color: var(--primary-red);
        }

        .input-group-icon {
            position: relative;
        }

        .input-group-icon .form-control {
            padding-left: 45px;
        }

        .input-group-icon .input-icon {
            position: absolute;
            left: 16px;
            top: 50%;
            transform: translateY(-50%);
            color: var(--gray-text);
            font-size: 14px;
            pointer-events: none;
        }

        .input-group-icon .form-control:focus + .input-icon {
            color: var(--primary-red);
        }

        .btn-submit {
            background: linear-gradient(135deg, var(--primary-red), var(--dark-red));
            color: white;
            border: none;
            padding: 14px 40px;
            border-radius: 10px;
            font-weight: 600;
            font-size: 15px;
            transition: all 0.3s ease;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }

        .btn-submit:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 30px rgba(211, 47, 47, 0.4);
            color: white;
        }

        .contact-side-image {
            border-radius: 20px;
            overflow: hidden;
            position: relative;
            height: 100%;
            min-height: 500px;
        }

        .contact-side-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .contact-side-image::after {
            content: '';
            position: absolute;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: linear-gradient(135deg, rgba(211, 47, 47, 0.7), rgba(183, 28, 28, 0.85));
        }

        .contact-side-content {
            position: absolute;
            top: 0; left: 0;
            width: 100%; height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 50px 40px;
            color: white;
            z-index: 2;
        }

        .contact-side-content h2 {
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 20px;
            color: white;
        }

        .contact-side-content p {
            font-size: 15px;
            opacity: 0.95;
            margin-bottom: 30px;
            line-height: 1.8;
        }

        .contact-side-info {
            list-style: none;
            padding: 0;
        }

        .contact-side-info li {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 20px;
        }

        .contact-side-info li .info-icon {
            width: 45px;
            height: 45px;
            min-width: 45px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            backdrop-filter: blur(10px);
        }

        .contact-side-info li .info-text strong {
            display: block;
            font-size: 13px;
            opacity: 0.85;
            font-weight: 500;
            margin-bottom: 2px;
        }

        .contact-side-info li .info-text span {
            font-size: 15px;
            font-weight: 600;
        }

        /* MAP SECTION */
        .map-section {
            padding: 0 0 50px;
        }

        .map-wrapper {
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 15px 50px rgba(0,0,0,0.1);
            height: 391px;
            position: relative;
        }

        .map-wrapper iframe {
            width: 100%;
            height: 100%;
            border: 0;
        }

        /* OFFICE LOCATIONS */
        .locations-section {
            padding: 36px 0;
            background: var(--light-bg);
        }

        .location-card {
            background: white;
            border-radius: 20px;
            overflow: hidden;
            transition: all 0.4s ease;
            box-shadow: 0 5px 20px rgba(0,0,0,0.05);
            height: 100%;
        }

        .location-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 50px rgba(211, 47, 47, 0.15);
        }

        .location-image {
            height: 200px;
            overflow: hidden;
            position: relative;
        }

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

        .location-card:hover .location-image img {
            transform: scale(1.1);
        }

        .location-badge {
            position: absolute;
            top: 15px;
            left: 15px;
            background: var(--primary-red);
            color: white;
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 11px;
            font-weight: 600;
            text-transform: uppercase;
        }

        .location-body {
            padding: 25px;
        }

        .location-body h3 {
            font-family: 'Playfair Display', serif;
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 15px;
        }

        .location-body ul {
            list-style: none;
            padding: 0;
        }

        .location-body ul li {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            margin-bottom: 10px;
            font-size: 13px;
            color: var(--gray-text);
        }

        .location-body ul li i {
            color: var(--primary-red);
            margin-top: 4px;
            min-width: 14px;
        }




   /* SERVICE DETAIL */
        .service-detail { padding: 80px 0; }
        .service-main-image { border-radius: 20px; overflow: hidden; margin-bottom: 30px; box-shadow: 0 15px 40px rgba(0,0,0,0.1); position: relative; }
        .service-main-image img { width: 100%; height: 450px; object-fit: cover; }
        .image-overlay-badge { position: absolute; top: 25px; left: 25px; background: var(--primary-red); color: white; padding: 10px 20px; border-radius: 50px; font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 8px; box-shadow: 0 5px 20px rgba(211, 47, 47, 0.4); }
        .section-subtitle {color: var(--primary-red);font-weight: 600;font-size: 14px;text-transform: uppercase;letter-spacing: 2px;margin-bottom: -1px;}
        .section-title { font-size: 36px; font-weight: 700; line-height: 1.3; margin-bottom: 20px; }
        .section-title span { color: var(--primary-red); }
        .service-content h3 { font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 700; margin: 35px 0 15px; color: var(--dark-text); position: relative; padding-left: 20px; }
        .service-content h3::before { content: ''; position: absolute; left: 0; top: 10px; bottom: 10px; width: 4px; background: var(--primary-red); border-radius: 2px; }
        .service-content p { color: var(--gray-text); font-size: 15px; line-height: 1.8; margin-bottom: 15px; }

        /* CARE TYPES GRID */
        .care-types-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 30px 0; }
        .care-type-card {background: linear-gradient(135deg, #fff 0%, #fff5f5 100%);border-radius: 15px;padding: 7px 10px;border: 1px solid #ffeaea;transition: all 0.4s ease;display: flex;gap: 12px;align-items: center;}
        .care-type-card:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(211, 47, 47, 0.15); border-color: var(--primary-red); }
        .care-type-icon {width: 45px;height: 40px;min-width: 45px;background: var(--primary-red);border-radius: 12px;display: flex;align-items: center;justify-content: center;color: white;font-size: 21px;}
        .care-type-card h4 {font-family: 'Poppins', sans-serif;font-size: 15px;font-weight: 600;margin-bottom: 0px;color: var(--dark-text);}
        .care-type-card p { font-size: 12px; color: var(--gray-text); margin: 0; line-height: 1.5; }

        /* CONDITIONS */
        .conditions-box {background: linear-gradient(135deg, var(--light-red), #ffd6d6);border-radius: 20px;padding: 14px 30px;margin: 4px 0;}
        .conditions-box h3 { font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 700; margin-bottom: 20px; color: var(--dark-text); padding-left: 0; }
        .conditions-list {display: grid;grid-template-columns: repeat(1, 1fr);gap: 7px;list-style: none;padding: 0;}
        .conditions-list li { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--dark-text); font-weight: 500; }
        .conditions-list li i { color: var(--primary-red); font-size: 16px; }

        /* SIDEBAR */
        .service-sidebar { position: sticky; top: 100px; }
        .sidebar-widget { background: white; border-radius: 15px; padding: 25px; margin-bottom: 25px; box-shadow: 0 5px 25px rgba(0,0,0,0.05); border: 1px solid #f0f0f0; }
        .sidebar-widget h4 { font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 2px solid var(--primary-red); color: var(--dark-text); }
        .service-list { list-style: none; padding: 0; }
        .service-list li { margin-bottom: 8px; }
        .service-list li a { display: flex; align-items: center; justify-content: space-between; padding: 12px 18px; background: var(--light-bg); border-radius: 8px; text-decoration: none; color: var(--dark-text); font-size: 14px; font-weight: 500; transition: all 0.3s ease; }
        .service-list li a:hover, .service-list li a.active { background: var(--primary-red); color: white; transform: translateX(5px); }
        .quick-book-box { background: linear-gradient(135deg, var(--primary-red), var(--dark-red)); border-radius: 15px; padding: 35px 25px; color: white; text-align: center; }
        .btn-white { background: white; color: var(--primary-red); border: none; padding: 10px 25px; border-radius: 6px; font-weight: 600; font-size: 13px; text-decoration: none; display: inline-block; }

        /* PROCESS SECTION */
        .process-section { padding: 80px 0; background: var(--light-bg); }
        .process-card { background: white; border-radius: 15px; padding: 35px 25px; text-align: center; height: 100%; border: 1px solid #f0f0f0; position: relative; }
        .process-number { position: absolute; top: 15px; right: 20px; font-family: 'Playfair Display', serif; font-size: 60px; font-weight: 900; color: rgba(211, 47, 47, 0.08); }
        .process-icon { width: 80px; height: 80px; background: linear-gradient(135deg, #ffeaea, #ffcdd2); border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 32px; color: var(--primary-red); }

        /* CTA SECTION */
        .cta-section { padding: 60px 0; background: linear-gradient(135deg, var(--primary-red) 0%, var(--dark-red) 100%); color: white; position: relative; }
        .btn-cta-white { background: white; color: var(--primary-red); border: none; padding: 14px 32px; border-radius: 8px; font-weight: 600; font-size: 15px; text-decoration: none; }







/* ===== HOW IT WORKS SECTION ===== */

.how-it-works-section {
    padding: 13px 0 40px;
    background: #ffffff;
    position: relative;
}

.how-it-works-header {
    text-align: center;
    margin-bottom: 35px;
}

.step-card {
    text-align: center;
    padding: 30px 20px;
    border-radius: 20px;
    transition: all 0.4s ease;
    height: 100%;
    border: 2px solid #f6d6d6;
    box-shadow: 0 5px 15px rgb(211 47 47 / 10%);
}

.step-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

.step-icon-wrapper {
    width: 80px;
    height: 80px;
    background: var(--light-red);
    color: var(--primary-red);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    font-size: 32px;
    position: relative;
    border: 1px dashed #f4433675;
}

.step-number {
    position: absolute;
    top: -5px;
    right: -5px;
    background: var(--primary-red);
    color: white;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-card h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #d32f2f;
}

.step-card p {
    font-size: 14px;
    color: var(--gray-text);
    line-height: 19px;
    margin: 0;
}

/* ===== HOW IT WORKS SECTION ===== */




/* ===== TRUSTED SERVICES CTA BANNER ===== */
.trusted-cta-section {
    padding: 45px 0;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, rgb(211 47 47 / 96%) 0%, rgb(183 28 28 / 86%) 100%), url(../images/abt.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.trusted-cta-section::before {
    content: '';
    position: absolute;
    top: -100px;
    left: -100px;
    width: 350px;
    height: 350px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
}

.trusted-cta-section::after {
    content: '';
    position: absolute;
    bottom: -120px;
    right: -120px;
    width: 400px;
    height: 400px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
}

.trusted-cta-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: white;
}

.trusted-cta-icon {
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    font-size: 36px;
    color: white;
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 255, 255, 0.3);
    animation: pulse-glow 2s infinite;
}

@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    }
    50% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    }
}

.trusted-cta-subtitle {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ffcdd2;
    margin-bottom: 15px;
}

.trusted-cta-content h2 {
    font-size: 42px;
    font-weight: 900;
    margin-bottom: 20px;
    line-height: 1.3;
    color: white;
}

.trusted-cta-content h2 .highlight {
    position: relative;
    display: inline-block;
}

.trusted-cta-content h2 .highlight::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0;
    height: 3px;
    background: rgb(246 120 120);
    z-index: -1;
    border-radius: 4px;
}

.trusted-cta-content p {
    font-size: 16px;
    line-height: 1.9;
    opacity: 0.95;
    max-width: 850px;
    margin: 0 auto 35px;
}

/* Service tags */
.service-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-bottom: 35px;
}

.service-tag {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: white;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.service-tag:hover {
    background: white;
    color: var(--primary-red);
    transform: translateY(-3px);
}

.service-tag i {
    font-size: 12px;
}

/* CTA Buttons */
.trusted-cta-buttons {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-cta-call {
    background: white;
    color: var(--primary-red);
    border: 2px solid white;
    padding: 14px 35px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-cta-call:hover {
    background: transparent;
    color: white;
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.btn-cta-enquire {
    background: transparent;
    color: white;
    border: 2px solid white;
    padding: 14px 35px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-cta-enquire:hover {
    background: white;
    color: var(--primary-red);
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* Phone number display */
.cta-phone-display {
    margin-top: 25px;
    font-size: 14px;
    opacity: 0.9;
}

.cta-phone-display a {
    color: white;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.cta-phone-display a:hover {
    color: #ffcdd2;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
    .trusted-cta-section {
        background-attachment: scroll;
    }

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

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

@media (max-width: 767px) {
    .trusted-cta-section {
        padding: 50px 0;
    }

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

    .trusted-cta-content p {
        font-size: 14px;
        line-height: 1.7;
    }

    .trusted-cta-icon {
        width: 70px;
        height: 70px;
        font-size: 30px;
    }

    .service-tags {
        gap: 8px;
    }

    .service-tag {
        padding: 6px 15px;
        font-size: 12px;
    }

    .btn-cta-call,
    .btn-cta-enquire {
        padding: 12px 28px;
        font-size: 14px;
        width: 100%;
        justify-content: center;
    }

    .trusted-cta-buttons {
        flex-direction: column;
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }
}
/* ===== TRUSTED SECTION ===== */




/* ===== FAQ SECTION ===== */
.faq-section {
    padding: 44px 0;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.faq-section::before {
    content: '';
    position: absolute;
    top: -100px;
    right: -100px;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgb(211 47 47 / 11%) 0%, transparent 70%);
    border-radius: 50%;
}

.faq-section::after {
    content: '';
    position: absolute;
    bottom: -100px;
    left: -100px;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgb(211 47 47 / 8%) 0%, transparent 70%);
    border-radius: 50%;
}

.faq-header {
    text-align: center;
    margin-bottom: 50px;
    position: relative;
    z-index: 2;
}

.faq-header h2 {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--dark-text);
}

.faq-header h2 span {
    color: var(--primary-red);
}

.faq-intro-box {
    background: linear-gradient(135deg, #fff5f5 0%, #ffffff 100%);
    border-left: 4px solid var(--primary-red);
    padding: 25px 30px;
    border-radius: 10px;
    max-width: 850px;
    margin: 0 auto;
    text-align: left;
    box-shadow: 0 5px 20px rgba(0,0,0,0.04);
}

.faq-intro-box p {
    font-size: 15px;
    color: var(--gray-text);
    line-height: 1.8;
    margin: 0;
}

.faq-intro-box p strong {
    color: var(--dark-text);
}

/* FAQ Image Side */
.faq-image-wrapper {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    min-height: 500px;
    box-shadow: 0 15px 50px rgba(0,0,0,0.1);
}

.faq-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.faq-image-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(211, 47, 47, 0.95), transparent);
    padding: 40px 30px 30px;
    color: white;
}

.faq-image-overlay h3 {
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    color: white;
}

.faq-image-overlay p {
    font-size: 14px;
    opacity: 0.95;
    margin-bottom: 20px;
}

.faq-image-overlay .btn-faq-contact {
    background: white;
    color: var(--primary-red);
    border: none;
    padding: 12px 28px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.faq-image-overlay .btn-faq-contact:hover {
    background: var(--dark-text);
    color: white;
    transform: translateY(-2px);
}

.faq-floating-badge {
    position: absolute;
    top: 20px;
    right: 20px;
    background: white;
    padding: 12px 18px;
    border-radius: 50px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 2;
}

.faq-floating-badge i {
    color: var(--primary-red);
    font-size: 18px;
}

.faq-floating-badge span {
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-text);
}

/* FAQ Accordion Custom Styles */
.faq-accordion {
    position: relative;
    z-index: 2;
}

.faq-accordion .accordion-item {
    background: white;
    border: 2px solid #f0f0f0;
    border-radius: 12px !important;
    margin-bottom: 15px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-accordion .accordion-item:hover {
    border-color: var(--primary-red);
    box-shadow: 0 5px 25px rgba(211, 47, 47, 0.08);
}

.faq-accordion .accordion-button {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: var(--dark-text);
    padding: 10px 15px;
    background: white;
    border: none;
    display: flex;
    align-items: center;
    gap: 15px;
    text-align: left;
}

.faq-accordion .accordion-button:not(.collapsed) {
    color: var(--primary-red);
    background: linear-gradient(135deg, #fff5f5, #ffffff);
    box-shadow: none;
    border-bottom: 2px solid #ffeaea;
}

.faq-accordion .accordion-button:focus {
    box-shadow: none;
    border-color: transparent;
}

.faq-accordion .accordion-button::after {
    background-image: none;
    width: 30px;
    height: 30px;
    background-color: var(--light-red);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    content: '\f067';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 12px;
    color: var(--primary-red);
    transition: all 0.3s ease;
    margin-left: auto;
}

.faq-accordion .accordion-button:not(.collapsed)::after {
    background-color: var(--primary-red);
    color: white;
    content: '\f068';
    transform: rotate(0deg);
}

.faq-question-number {
    width: 35px;
    height: 35px;
    min-width: 35px;
    background: linear-gradient(135deg, var(--primary-red), var(--dark-red));
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Playfair Display', serif;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.faq-accordion .accordion-button:not(.collapsed) .faq-question-number {
    background: linear-gradient(135deg, var(--dark-red), var(--primary-red));
    transform: scale(1.05);
    box-shadow: 0 5px 15px rgba(211, 47, 47, 0.3);
}

.faq-accordion .accordion-body {
    font-size: 14px;
    color: var(--gray-text);
    padding: 14px 18px 11px 18px;
    line-height: 22px;
    background: white;
}

.faq-accordion .accordion-body strong {
    color: var(--dark-text);
    font-weight: 600;
}

/* Still have questions box */
.faq-still-questions {
    margin-top: 50px;
    background: linear-gradient(135deg, var(--primary-red), var(--dark-red));
    border-radius: 20px;
    padding: 40px 35px;
    text-align: center;
    color: white;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.faq-still-questions::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}

.faq-still-questions::after {
    content: '';
    position: absolute;
    bottom: -50px;
    left: -50px;
    width: 150px;
    height: 150px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}

.faq-still-icon {
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    font-size: 24px;
    color: white;
    position: relative;
    z-index: 1;
}

.faq-still-questions h3 {
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    color: white;
    position: relative;
    z-index: 1;
}

.faq-still-questions p {
    font-size: 14px;
    opacity: 0.95;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.faq-still-buttons {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.btn-faq-call {
    background: white;
    color: var(--primary-red);
    border: 2px solid white;
    padding: 12px 28px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.btn-faq-call:hover {
    background: transparent;
    color: white;
    transform: translateY(-3px);
}

.btn-faq-enquire {
    background: transparent;
    color: white;
    border: 2px solid white;
    padding: 12px 28px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.btn-faq-enquire:hover {
    background: white;
    color: var(--primary-red);
    transform: translateY(-3px);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
    .faq-header h2 {
        font-size: 30px;
    }

    .faq-image-wrapper {
        margin-bottom: 30px;
        min-height: 350px;
    }
}

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

    .faq-header h2 {
        font-size: 26px;
    }

    .faq-intro-box {
        padding: 20px;
    }

    .faq-intro-box p {
        font-size: 14px;
    }

    .faq-accordion .accordion-button {
        font-size: 14px;
        padding: 18px 20px;
        gap: 12px;
    }

    .faq-accordion .accordion-body {
        padding: 18px 20px 20px 65px;
        font-size: 13px;
    }

    .faq-question-number {
        width: 30px;
        height: 30px;
        min-width: 30px;
        font-size: 13px;
    }

    .faq-still-questions {
        padding: 30px 20px;
    }

    .faq-still-questions h3 {
        font-size: 20px;
    }

    .faq-still-buttons {
        flex-direction: column;
        width: 100%;
    }

    .btn-faq-call,
    .btn-faq-enquire {
        width: 100%;
        justify-content: center;
    }
}
/* ===== FAQ SECTION ===== */



/* Dropdown Menu */
.navbar .dropdown-menu{
    display:block;
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:all .35s ease;
    border:none;
    border-radius:10px;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
    padding: 2px 0;
    margin-top:0;
    min-width:240px;
}

/* Show Dropdown on Hover */
.navbar .dropdown:hover > .dropdown-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* Dropdown Items */
.navbar .dropdown-item{
    padding: 4px 15px;
    font-size: 12px;
    font-weight:500;
    transition:.3s;
}

.navbar .dropdown-item:hover{
    background:#dc2b23;
    color:#fff;
    padding-left:28px;
}

/* Dropdown Toggle Arrow Animation */
.navbar .dropdown-toggle::after{
    transition:.3s;
}

.navbar .dropdown:hover .dropdown-toggle::after{
    transform:rotate(180deg);
}

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

    .navbar .dropdown-menu{
        display:none;
        opacity:1;
        visibility:visible;
        transform:none;
        box-shadow:none;
        border-radius:0;
        padding-left:15px;
    }

    .navbar .dropdown-menu.show{
        display:block;
    }

}