/* Reset and Base Styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

       
        body {
            background-color: var(--light);
            color: var(--dark);
            line-height: 1.6;
        }

        /* About Us Section */
        .aboutus-section {
            padding: 100px 5%;
            background-color: var(--white);
            position: relative;
            overflow: hidden;
        }

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

        /* Heading Content */
        .aboutus-heading-content {
            text-align: center;
            margin-bottom: 80px;
            position: relative;
        }

        .aboutus-heading {
            margin-bottom: 30px;
        }

        .aboutus-heading h2 {
            font-size: 42px;
            color: var(--primary);
            margin-bottom: 15px;
            position: relative;
            display: inline-block;
        }

        .aboutus-heading h2:after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 3px;
            background-color: var(--accent);
            transition: var(--transition);
        }

        .aboutus-heading:hover h2:after {
            width: 120px;
        }

        .aboutus-heading span {
            display: block;
            margin-top: 15px;
        }

        .aboutus-heading img {
            width: 150px;
            height: auto;
            opacity: 0.7;
        }

        .aboutus-text {
            max-width: 800px;
            margin: 0 auto;
        }

        .aboutus-text p {
            font-size: 18px;
            color: var(--dark);
            line-height: 1.8;
        }

        /* Main Container */
        .aboutus-main-container {
            display: flex;
            align-items: center;
            gap: 60px;
        }

        .aboutus-image {
            flex: 1;
            border-radius: 15px;
            overflow: hidden;
            /* box-shadow: var(--shadow); */
            position: relative;
            transform: translateX(-50px);
            opacity: 0;
            transition: var(--transition);
        }

        .aboutus-image.animate {
            transform: translateX(0);
            opacity: 1;
        }

        .aboutus-image:before {
            content: '';
            position: absolute;
            top: -15px;
            left: -15px;
            right: 15px;
            bottom: 15px;
            border: 3px solid var(--accent);
            border-radius: 15px;
            z-index: -1;
            transition: var(--transition);
        }

        .aboutus-image:hover:before {
            top: -20px;
            left: -20px;
            right: 20px;
            bottom: 20px;
        }

        .aboutus-image img {
            width: 100%;
            height: auto;
            display: block;
            transition: var(--transition);
        }

        .aboutus-image:hover img {
            transform: scale(1.05);
        }

        .aboutus-content {
            flex: 1;
            transform: translateX(50px);
            opacity: 0;
            transition: var(--transition);
        }

        .aboutus-content.animate {
            transform: translateX(0);
            opacity: 1;
        }

        .aboutus-content h3 {
            font-size: 32px;
            color: var(--primary);
            margin-bottom: 25px;
            position: relative;
            padding-bottom: 15px;
        }

        .aboutus-content h3:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 60px;
            height: 3px;
            background-color: var(--accent);
        }

        .aboutus-content p {
            margin-bottom: 20px;
            font-size: 16px;
            line-height: 1.8;
            color: #555;
        }

        /* Experience Section */
        .aboutus-exp {
            display: flex;
            align-items: center;
            gap: 20px;
            margin: 40px 0 30px;
            padding: 25px;
            background-color: var(--light);
            border-radius: 10px;
            box-shadow: var(--shadow);
            position: relative;
            overflow: hidden;
        }

        .aboutus-exp:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 5px;
            height: 100%;
            background-color: var(--accent);
            transition: var(--transition);
        }

        .aboutus-exp:hover:before {
            width: 8px;
        }

        .aboutus-exp-img {
            width: 80px;
            height: 80px;
            background-color: var(--accent);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            animation: pulse 2s infinite;
        }

        .aboutus-exp-img i {
            font-size: 36px;
            color: var(--white);
        }

        .aboutus-exp-content {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .aboutus-exp-content span {
            font-size: 42px;
            font-weight: 700;
            color: var(--primary);
            line-height: 1;
        }

        .aboutus-exp-content p {
            margin: 0;
            line-height: 1.4;
        }

        .aboutus-exp-content p:first-of-type {
            font-weight: 600;
            color: var(--dark);
        }

        .aboutus-exp-content p:last-of-type {
            font-size: 14px;
            color: #777;
        }

        /* Button */
        .btn {
            display: inline-block;
            padding: 14px 32px;
            background-color: var(--primary);
            color: var(--white);
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
            font-weight: 600;
            text-decoration: none;
            transition: var(--transition);
            box-shadow: var(--shadow);
            position: relative;
            overflow: hidden;
        }

        .btn:before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
            transition: var(--transition);
        }

        .btn:hover {
            background-color: var(--secondary);
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
        }

        .btn:hover:before {
            left: 100%;
        }

        /* Animation Keyframes */
        @keyframes pulse {
            0% {
                box-shadow: 0 0 0 0 rgba(218, 165, 32, 0.7);
            }
            70% {
                box-shadow: 0 0 0 15px rgba(218, 165, 32, 0);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(218, 165, 32, 0);
            }
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .animate-fadeInUp {
            animation: fadeInUp 0.8s ease forwards;
        }

        /* Responsive Styles */
        @media (max-width: 992px) {
            .aboutus-main-container {
                flex-direction: column;
                gap: 40px;
            }
            
            .aboutus-image, .aboutus-content {
                width: 100%;
            }
            
            .aboutus-heading h2 {
                font-size: 36px;
            }
            
            .aboutus-content h3 {
                font-size: 28px;
            }
        }

        @media (max-width: 768px) {
            .aboutus-section {
                padding: 80px 5%;
            }
            
            .aboutus-heading-content {
                margin-bottom: 60px;
            }
            
            .aboutus-heading h2 {
                font-size: 32px;
            }
            
            .aboutus-text p {
                font-size: 16px;
            }
            
            .aboutus-exp {
                flex-direction: column;
                text-align: center;
                gap: 15px;
            }
            
            .aboutus-exp-content {
                flex-direction: column;
                gap: 10px;
            }
            
            .aboutus-exp-content span {
                font-size: 36px;
            }
        }

        @media (max-width: 576px) {
            .aboutus-section {
                padding: 60px 20px;
            }
            
            .aboutus-heading h2 {
                font-size: 28px;
            }
            
            .aboutus-content h3 {
                font-size: 24px;
            }
            
            .btn {
                padding: 12px 25px;
                font-size: 14px;
            }
        }


        /* service section start */
             /* Reset and Base Styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        :root {
            --primary: #8B4513; /* Earth brown - Vastu primary color */
            --secondary: #CD853F; /* Light brown */
            --accent: #DAA520; /* Golden yellow */
            --light: #F5F5DC; /* Beige */
            --dark: #2F4F4F; /* Dark slate */
            --white: #FFFFFF;
            --shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            --transition: all 0.4s ease;
        }

        body {
            background-color: var(--light);
            color: var(--dark);
            line-height: 1.6;
        }

        /* Services Section */
        .service-section {
            padding: 100px 5%;
            background: linear-gradient(135deg, var(--light) 0%, #f8f4e9 100%);
            position: relative;
            overflow: hidden;
        }

        .service-section:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" opacity="0.03"><path fill="%238B4513" d="M500,250c138,0,250,112,250,250S638,750,500,750S250,638,250,500S362,250,500,250z M500,200c-165,0-300,135-300,300s135,300,300,300s300-135,300-300S665,200,500,200L500,200z"/></svg>');
            background-size: 300px;
            z-index: 0;
        }

        .service-container {
            max-width: 1550px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        /* Section Title */
        .service-section-title {
            text-align: center;
            font-size: 42px;
            color: var(--primary);
            margin-bottom: 60px;
            position: relative;
            padding-bottom: 20px;
        }

        .service-section-title:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: linear-gradient(90deg, var(--accent), var(--primary));
            border-radius: 2px;
            transition: var(--transition);
        }

        .service-section-title:hover:after {
            width: 120px;
        }

        /* Services Grid */
        .services-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));
            gap: 30px;
        }

        /* Service Card */
        .service-card {
            background: var(--white);
            border-radius: 15px;
            padding: 40px 30px;
            text-align: center;
            box-shadow: var(--shadow);
            transition: var(--transition);
            position: relative;
            overflow: hidden;
            z-index: 1;
            opacity: 0;
            transform: translateY(30px);
        }

        .service-card.animate {
            opacity: 1;
            transform: translateY(0);
        }

        .service-card:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background: linear-gradient(90deg, var(--accent), var(--primary));
            transform: scaleX(0);
            transform-origin: left;
            transition: var(--transition);
        }

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

        .service-card:after {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(218,165,32,0.1) 0%, rgba(218,165,32,0) 70%);
            transform: scale(0);
            transition: var(--transition);
            z-index: -1;
        }

        .service-card:hover:after {
            transform: scale(1);
        }

        .service-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        }

        /* Service Icon */
        .service-icon {
            width: 90px;
            height: 90px;
            margin: 0 auto 25px;
            background: linear-gradient(135deg, var(--accent), var(--primary));
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            transition: var(--transition);
        }

        .service-card:hover .service-icon {
            transform: scale(1.1) rotate(5deg);
        }

        .service-icon:before {
            content: '';
            position: absolute;
            top: -5px;
            left: -5px;
            right: -5px;
            bottom: -5px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--accent), var(--primary));
            opacity: 0.3;
            z-index: -1;
            animation: pulse 2s infinite;
        }

        .service-icon i {
            font-size: 36px;
            color: var(--white);
            transition: var(--transition);
        }

        .service-card:hover .service-icon i {
            transform: scale(1.1);
        }

        /* Service Content */
        .service-card h3 {
            font-size: 24px;
            color: var(--primary);
            margin-bottom: 20px;
            position: relative;
            padding-bottom: 15px;
        }

        .service-card h3:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 40px;
            height: 2px;
            background-color: var(--accent);
            transition: var(--transition);
        }

        .service-card:hover h3:after {
            width: 60px;
        }

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

        /* Animation Keyframes */
        @keyframes pulse {
            0% {
                transform: scale(1);
                opacity: 0.3;
            }
            50% {
                transform: scale(1.05);
                opacity: 0.5;
            }
            100% {
                transform: scale(1);
                opacity: 0.3;
            }
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Responsive Styles */
        @media (max-width: 992px) {
            .service-section {
                padding: 80px 5%;
            }
            
            .service-section-title {
                font-size: 36px;
            }
            
            .services-grid {
                gap: 25px;
            }
            
            .service-card {
                padding: 35px 25px;
            }
        }

        @media (max-width: 768px) {
            .service-section {
                padding: 60px 5%;
            }
            
            .service-section-title {
                font-size: 32px;
                margin-bottom: 50px;
            }
            
            .services-grid {
                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                gap: 20px;
            }
            
            .service-card {
                padding: 30px 20px;
            }
            
            .service-icon {
                width: 80px;
                height: 80px;
                margin-bottom: 20px;
            }
            
            .service-icon i {
                font-size: 32px;
            }
            
            .service-card h3 {
                font-size: 22px;
            }
        }

        @media (max-width: 576px) {
            .service-section {
                padding: 50px 20px;
            }
            
            .service-section-title {
                font-size: 28px;
            }
            
            .services-grid {
                grid-template-columns: 1fr;
            }
            
            .service-card {
                padding: 25px 20px;
            }
        }

        /* service section end */


        /* principle section start */

                /* Reset and Base Styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }



        body {
            background-color: var(--light);
            color: var(--dark);
            line-height: 1.6;
        }

        /* Principles Section */
        .principle-section {
            padding: 100px 5%;
            background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
            position: relative;
            overflow: hidden;
        }

        .principle-section:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                radial-gradient(circle at 20% 80%, rgba(139, 69, 19, 0.03) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(218, 165, 32, 0.03) 0%, transparent 50%);
            z-index: 0;
        }

        .principle-container {
            max-width: 1550px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        /* Section Title */
        .principle-section-title {
            text-align: center;
            font-size: 42px;
            color: var(--primary);
            margin-bottom: 80px;
            position: relative;
            padding-bottom: 20px;
        }

        .principle-section-title:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: linear-gradient(90deg, var(--primary), var(--accent));
            border-radius: 2px;
            transition: var(--transition);
        }

        .principle-section-title:hover:after {
            width: 120px;
            background: linear-gradient(90deg, var(--accent), var(--primary));
        }

        /* Principles Grid */
        .principles-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));
            gap: 40px;
        }

        /* Principle Card */
        .principle-card {
            background: var(--white);
            border-radius: 20px;
            padding: 50px 30px 40px;
            text-align: center;
            box-shadow: var(--shadow);
            transition: var(--transition);
            position: relative;
            overflow: hidden;
            z-index: 1;
            opacity: 0;
            transform: translateY(40px);
        }

        .principle-card.animate {
            opacity: 1;
            transform: translateY(0);
        }

        .principle-card:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, var(--accent) 0%, var(--primary) 100%);
            opacity: 0;
            transition: var(--transition);
            z-index: -1;
        }

        .principle-card:hover:before {
            opacity: 0.05;
        }

        .principle-card:after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
            transition: var(--transition);
        }

        .principle-card:hover:after {
            left: 100%;
        }

        .principle-card:hover {
            transform: translateY(-15px) scale(1.02);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }

        /* Principle Icon */
        .principle-card i {
            font-size: 60px;
            color: var(--accent);
            margin-bottom: 30px;
            display: block;
            transition: var(--transition);
            position: relative;
        }

        .principle-card i:before {
            text-shadow: 0 5px 15px rgba(218, 165, 32, 0.3);
        }

        .principle-card:hover i {
            color: var(--primary);
            transform: scale(1.1) rotate(5deg);
        }

        /* Icon Background Effect */
        .principle-card .icon-bg {
            position: absolute;
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 100px;
            background: radial-gradient(circle, rgba(218,165,32,0.1) 0%, rgba(218,165,32,0) 70%);
            border-radius: 50%;
            opacity: 0;
            transition: var(--transition);
        }

        .principle-card:hover .icon-bg {
            opacity: 1;
            transform: translateX(-50%) scale(1.2);
        }

        /* Principle Content */
        .principle-card h3 {
            font-size: 24px;
            color: var(--primary);
            margin-bottom: 20px;
            position: relative;
            padding-bottom: 15px;
            transition: var(--transition);
        }

        .principle-card:hover h3 {
            color: var(--dark);
        }

        .principle-card h3:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 40px;
            height: 3px;
            background-color: var(--accent);
            transition: var(--transition);
            border-radius: 2px;
        }

        .principle-card:hover h3:after {
            width: 60px;
            background-color: var(--primary);
        }

        .principle-card p {
            color: #555;
            line-height: 1.7;
            font-size: 16px;
            transition: var(--transition);
        }

        .principle-card:hover p {
            color: #444;
        }

        /* Decorative Elements */
        .principle-card .decoration {
            position: absolute;
            width: 30px;
            height: 30px;
            opacity: 0.1;
            transition: var(--transition);
        }

        .principle-card .decoration-1 {
            top: 15px;
            left: 15px;
            border-top: 2px solid var(--primary);
            border-left: 2px solid var(--primary);
        }

        .principle-card .decoration-2 {
            bottom: 15px;
            right: 15px;
            border-bottom: 2px solid var(--accent);
            border-right: 2px solid var(--accent);
        }

        .principle-card:hover .decoration {
            opacity: 0.3;
            transform: scale(1.2);
        }

        /* Animation Keyframes */
        @keyframes float {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-10px);
            }
        }

        @keyframes pulse-glow {
            0% {
                box-shadow: 0 0 0 0 rgba(218, 165, 32, 0.4);
            }
            70% {
                box-shadow: 0 0 0 10px rgba(218, 165, 32, 0);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(218, 165, 32, 0);
            }
        }

        .float-animation {
            animation: float 3s ease-in-out infinite;
        }

        /* Responsive Styles */
        @media (max-width: 992px) {
            .principle-section {
                padding: 80px 5%;
            }
            
            .principle-section-title {
                font-size: 36px;
                margin-bottom: 60px;
            }
            
            .principles-grid {
                gap: 30px;
            }
            
            .principle-card {
                padding: 40px 25px 35px;
            }
            
            .principle-card i {
                font-size: 50px;
                margin-bottom: 25px;
            }
        }

        @media (max-width: 768px) {
            .principle-section {
                padding: 60px 5%;
            }
            
            .principle-section-title {
                font-size: 32px;
                margin-bottom: 50px;
            }
            
            .principles-grid {
                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                gap: 25px;
            }
            
            .principle-card {
                padding: 35px 20px 30px;
            }
            
            .principle-card i {
                font-size: 45px;
                margin-bottom: 20px;
            }
            
            .principle-card h3 {
                font-size: 22px;
            }
        }

        @media (max-width: 576px) {
            .principle-section {
                padding: 50px 20px;
            }
            
            .principle-section-title {
                font-size: 28px;
            }
            
            .principles-grid {
                grid-template-columns: 1fr;
            }
            
            .principle-card {
                padding: 30px 20px;
            }
            
            .principle-card:hover {
                transform: translateY(-10px) scale(1.01);
            }
        }

        /* principle section end */



/* benefit-section start */

        :root {
            --primary: #8B4513; /* Earth brown - Vastu primary color */
            --secondary: #CD853F; /* Light brown */
            --accent: #DAA520; /* Golden yellow */
            --light: #F5F5DC; /* Beige */
            --dark: #2F4F4F; /* Dark slate */
            --white: #FFFFFF;
            --shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            --transition: all 0.4s ease;
        }

        body {
            background-color: var(--light);
            color: var(--dark);
            line-height: 1.6;
        }

        /* Benefits Section */
        .benefits-section {
            padding: 100px 5%;
            background: linear-gradient(135deg, var(--white) 0%, var(--light) 100%);
            position: relative;
            overflow: hidden;
        }

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

        /* Section Title */
        .benefits-section-title {
            text-align: center;
            font-size: 42px;
            color: var(--primary);
            margin-bottom: 80px;
            position: relative;
            padding-bottom: 20px;
            opacity: 0;
            transform: translateY(30px);
            transition: var(--transition);
        }

        .benefits-section-title.animate {
            opacity: 1;
            transform: translateY(0);
        }

        .benefits-section-title:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: linear-gradient(90deg, var(--accent), var(--primary));
            border-radius: 2px;
            transition: var(--transition);
        }

        .benefits-section-title:hover:after {
            width: 120px;
        }

        /* Benefits Content Container */
        .benefits-container > .benefits-container {
            display: flex;
            align-items: center;
            gap: 60px;
        }

        .benefits-content {
            flex: 1;
            opacity: 0;
            transform: translateX(-50px);
            transition: var(--transition);
        }

        .benefits-content.animate {
            opacity: 1;
            transform: translateX(0);
        }

        .benefits-content h3 {
            font-size: 32px;
            color: var(--primary);
            margin-bottom: 25px;
            position: relative;
            padding-bottom: 15px;
        }

        .benefits-content h3:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 60px;
            height: 3px;
            background-color: var(--accent);
            transition: var(--transition);
        }

        .benefits-content:hover h3:after {
            width: 80px;
        }

        .benefits-content > p {
            font-size: 18px;
            color: #555;
            margin-bottom: 35px;
            line-height: 1.7;
        }

        /* Benefits List */
        .benefits-list {
            list-style: none;
            margin-bottom: 40px;
        }

        .benefits-list li {
            display: flex;
            align-items: flex-start;
            margin-bottom: 20px;
            padding: 15px 20px;
            background: var(--white);
            border-radius: 10px;
            box-shadow: var(--shadow);
            transition: var(--transition);
            opacity: 0;
            transform: translateX(-30px);
        }

        .benefits-list li.animate {
            opacity: 1;
            transform: translateX(0);
        }

        .benefits-list li:hover {
            transform: translateX(10px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
        }

        .benefits-list li:nth-child(even):hover {
            transform: translateX(-10px);
        }

        .benefits-list i {
            color: var(--accent);
            font-size: 20px;
            margin-right: 15px;
            margin-top: 3px;
            flex-shrink: 0;
            transition: var(--transition);
        }

        .benefits-list li:hover i {
            transform: scale(1.2) rotate(5deg);
            color: var(--primary);
        }

        .benefits-list li span {
            color: #555;
            line-height: 1.6;
            font-size: 16px;
        }

        /* Benefits Image */
        .benefits-image {
            flex: 1;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: var(--shadow);
            position: relative;
            opacity: 0;
            transform: translateX(50px);
            transition: var(--transition);
        }

        .benefits-image.animate {
            opacity: 1;
            transform: translateX(0);
        }

        .benefits-image:before {
            content: '';
            position: absolute;
            top: -15px;
            left: -15px;
            right: 15px;
            bottom: 15px;
            border: 3px solid var(--accent);
            border-radius: 15px;
            z-index: -1;
            transition: var(--transition);
        }

        .benefits-image:hover:before {
            top: -20px;
            left: -20px;
            right: 20px;
            bottom: 20px;
        }

        .benefits-image img {
            width: 100%;
            height: auto;
            display: block;
            transition: var(--transition);
        }

        .benefits-image:hover img {
            transform: scale(1.05);
        }

        /* Button */
        .btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 14px 32px;
            background: linear-gradient(135deg, var(--primary), var(--secondary));
            color: var(--white);
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
            font-weight: 600;
            text-decoration: none;
            transition: var(--transition);
            box-shadow: var(--shadow);
            position: relative;
            overflow: hidden;
        }

        .btn:before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
            transition: var(--transition);
        }

        .btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
        }

        .btn:hover:before {
            left: 100%;
        }

        .btn i {
            transition: var(--transition);
        }

        .btn:hover i {
            transform: translateX(5px);
        }

        /* Animation Keyframes */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Responsive Styles */
        @media (max-width: 992px) {
            .benefits-container > .benefits-container {
                flex-direction: column-reverse;
                gap: 40px;
            }
            
            .benefits-content, .benefits-image {
                width: 100%;
            }
            
            .benefits-section-title {
                font-size: 36px;
            }
            
            .benefits-content h3 {
                font-size: 28px;
            }
        }

        @media (max-width: 768px) {
            .benefits-section {
                padding: 80px 5%;
            }
            
            .benefits-section-title {
                font-size: 32px;
                margin-bottom: 60px;
            }
            
            .benefits-content h3 {
                font-size: 26px;
            }
            
            .benefits-content > p {
                font-size: 16px;
            }
            
            .benefits-list li {
                padding: 12px 15px;
                margin-bottom: 15px;
            }
            
            .benefits-list li span {
                font-size: 15px;
            }
        }

        @media (max-width: 576px) {
            .benefits-section {
                padding: 60px 20px;
            }
            
            .benefits-section-title {
                font-size: 28px;
            }
            
            .benefits-content h3 {
                font-size: 24px;
            }
            
            .btn {
                padding: 12px 25px;
                font-size: 14px;
                width: 100%;
                justify-content: center;
            }
            
            .benefits-list li {
                flex-direction: column;
                text-align: center;
                gap: 10px;
            }
            
            .benefits-list i {
                margin-right: 0;
            }
        }

        /* benefit section end */


/* consulation section start */
        /* Consultation Process Section */
        .consultation-process-section {
            padding: 100px 5%;
            background: linear-gradient(135deg, var(--light) 0%, #f0ebd5 100%);
            position: relative;
            overflow: hidden;
        }

        .consultation-process-section:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.03"><path fill="%238B4513" d="M50,10a40,40 0 1,0 0,80a40,40 0 1,0 0,-80" /></svg>');
            background-size: 200px;
            z-index: 0;
        }

        .consultation-container {
            max-width: 1500px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        /* Section Title */
        .consultation-section-title {
            text-align: center;
            font-size: 42px;
            color: var(--primary);
            margin-bottom: 20px;
            position: relative;
            padding-bottom: 20px;
            opacity: 0;
            transform: translateY(30px);
            transition: var(--transition);
        }

        .consultation-section-title.animate {
            opacity: 1;
            transform: translateY(0);
        }

        .consultation-section-title:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: linear-gradient(90deg, var(--accent), var(--primary));
            border-radius: 2px;
            transition: var(--transition);
        }

        .consultation-section-title:hover:after {
            width: 120px;
        }

        /* Process Steps Container */
        .consultation-process-steps {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            position: relative;
        }

        /* Connecting Line */
        .consultation-process-steps:before {
            content: '';
            position: absolute;
            top: 80px;
            left: 10%;
            right: 10%;
            height: 3px;
            background: linear-gradient(90deg, var(--accent), var(--primary), var(--accent));
            z-index: 0;
            border-radius: 3px;
            opacity: 0.5;
        }

        /* Process Step */
        .consultation-process-step {
            background: var(--white);
            border-radius: 15px;
            padding: 40px 30px 30px;
            text-align: center;
            box-shadow: var(--shadow);
            transition: var(--transition);
            position: relative;
            z-index: 1;
            opacity: 0;
            transform: translateY(30px);
        }

        .consultation-process-step.animate {
            opacity: 1;
            transform: translateY(0);
        }

        .consultation-process-step:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background: linear-gradient(90deg, var(--accent), var(--primary));
            border-radius: 15px 15px 0 0;
            transform: scaleX(0);
            transform-origin: left;
            transition: var(--transition);
        }

        .consultation-process-step:hover:before {
            transform: scaleX(1);
        }

        .consultation-process-step:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        }

        /* Step Number */
        .consultation-step-number {
            width: 70px;
            height: 70px;
            background: linear-gradient(135deg, var(--accent), var(--primary));
            color: var(--white);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
            font-weight: 700;
            margin: 0 auto 25px;
            position: relative;
            transition: var(--transition);
            box-shadow: 0 5px 15px rgba(218, 165, 32, 0.3);
        }

        .consultation-process-step:hover .consultation-step-number {
            transform: scale(1.1) rotate(5deg);
            box-shadow: 0 8px 20px rgba(218, 165, 32, 0.4);
        }

        .consultation-step-number:before {
            content: '';
            position: absolute;
            top: -5px;
            left: -5px;
            right: -5px;
            bottom: -5px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--accent), var(--primary));
            opacity: 0.3;
            z-index: -1;
            animation: pulse 2s infinite;
        }

        /* Step Content */
        .consultation-process-step h3 {
            font-size: 22px;
            color: var(--primary);
            margin-bottom: 15px;
            position: relative;
            padding-bottom: 10px;
        }

        .consultation-process-step h3:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 30px;
            height: 2px;
            background-color: var(--accent);
            transition: var(--transition);
        }

        .consultation-process-step:hover h3:after {
            width: 50px;
        }

        .consultation-process-step p {
            color: #555;
            line-height: 1.7;
            font-size: 16px;
        }

        /* Step Icons (Optional decorative elements) */
        .consultation-process-step:nth-child(1):after {
            content: '📐';
            position: absolute;
            top: -15px;
            right: -10px;
            font-size: 40px;
            opacity: 0.1;
            transform: rotate(15deg);
            transition: var(--transition);
        }

        .consultation-process-step:nth-child(2):after {
            content: '🔍';
            position: absolute;
            top: -15px;
            right: -10px;
            font-size: 40px;
            opacity: 0.1;
            transform: rotate(-15deg);
            transition: var(--transition);
        }

        .consultation-process-step:nth-child(3):after {
            content: '💡';
            position: absolute;
            top: -15px;
            right: -10px;
            font-size: 40px;
            opacity: 0.1;
            transform: rotate(10deg);
            transition: var(--transition);
        }

        .consultation-process-step:nth-child(4):after {
            content: '✅';
            position: absolute;
            top: -15px;
            right: -10px;
            font-size: 40px;
            opacity: 0.1;
            transform: rotate(-10deg);
            transition: var(--transition);
        }

        .consultation-process-step:hover:after {
            opacity: 0.2;
            transform: rotate(0deg) scale(1.2);
        }

        /* Animation Keyframes */
        @keyframes pulse {
            0% {
                transform: scale(1);
                opacity: 0.3;
            }
            50% {
                transform: scale(1.05);
                opacity: 0.5;
            }
            100% {
                transform: scale(1);
                opacity: 0.3;
            }
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Responsive Styles */
        @media (max-width: 992px) {
            .consultation-process-steps {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .consultation-process-steps:before {
                display: none;
            }
            
            .consultation-section-title {
                font-size: 36px;
            }
        }

        @media (max-width: 768px) {
            .consultation-process-section {
                padding: 80px 5%;
            }
            
            .consultation-section-title {
                font-size: 32px;
            }
            
            .consultation-process-steps {
                grid-template-columns: 1fr;
                gap: 25px;
            }
            
            .consultation-process-step {
                padding: 35px 25px 25px;
            }
            
            .consultation-step-number {
                width: 60px;
                height: 60px;
                font-size: 24px;
                margin-bottom: 20px;
            }
            
            .consultation-process-step h3 {
                font-size: 20px;
            }
        }

        @media (max-width: 576px) {
            .consultation-process-section {
                padding: 60px 20px;
            }
            
            .consultation-section-title {
                font-size: 28px;
            }
            
            .consultation-process-step {
                padding: 30px 20px 20px;
            }
            
            .consultation-step-number {
                width: 55px;
                height: 55px;
                font-size: 22px;
            }
            
            .consultation-process-step h3 {
                font-size: 18px;
            }
            
            .consultation-process-step p {
                font-size: 15px;
            }
        }


        /* Testimonials Section start */



        /* Testimonials Section */
        .testimonials-section {
            padding: 100px 5%;
            background: linear-gradient(135deg, var(--white) 0%, var(--light) 100%);
            position: relative;
            overflow: hidden;
        }

        .testimonials-section:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.03"><path fill="%238B4513" d="M73,50c0,12.7-10.3,23-23,23S27,62.7,27,50 M30.9,50c0,10.5,8.5,19.1,19.1,19.1S69.1,60.5,69.1,50" /></svg>');
            background-size: 150px;
            z-index: 0;
        }

        .testimonials-container {
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        /* Section Title */
        .testimonials-section-title {
            text-align: center;
            font-size: 42px;
            color: var(--primary);
            margin-bottom: 80px;
            position: relative;
            padding-bottom: 20px;
            opacity: 0;
            transform: translateY(30px);
            transition: var(--transition);
        }

        .testimonials-section-title.animate {
            opacity: 1;
            transform: translateY(0);
        }

        .testimonials-section-title:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: linear-gradient(90deg, var(--accent), var(--primary));
            border-radius: 2px;
            transition: var(--transition);
        }

        .testimonials-section-title:hover:after {
            width: 120px;
        }

        /* Testimonial Slider */
        .testimonials-container > .testimonials-container {
            position: relative;
            max-width: 900px;
            margin: 0 auto;
        }

        .testimonial-slider {
            position: relative;
            overflow: hidden;
            border-radius: 20px;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        }

        .testimonial-track {
            display: flex;
            transition: var(--transition);
        }

        .testimonial-slide {
            min-width: 100%;
            padding: 60px 40px;
            background: var(--white);
            text-align: center;
            position: relative;
            opacity: 0;
            transform: translateX(50px);
            transition: var(--transition);
        }

        .testimonial-slide.active {
            opacity: 1;
            transform: translateX(0);
        }

        .testimonial-slide:before {
            content: '"';
            position: absolute;
            top: 30px;
            left: 40px;
            font-size: 100px;
            color: var(--accent);
            opacity: 0.2;
            line-height: 1;
            font-family: Georgia, serif;
        }

        /* Client Image */
        .testimonials-client-image {
            width: 100px;
            height: 100px;
            margin: 0 auto 30px;
            border-radius: 50%;
            overflow: hidden;
            border: 4px solid var(--accent);
            box-shadow: 0 5px 15px rgba(218, 165, 32, 0.3);
            position: relative;
            transition: var(--transition);
        }

        .testimonial-slide.active .testimonials-client-image {
            animation: bounceIn 0.8s ease;
        }

        .testimonials-client-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition);
        }

        .testimonials-client-image:hover {
            transform: scale(1.05);
            border-color: var(--primary);
        }

        .testimonials-client-image:hover img {
            transform: scale(1.1);
        }

        /* Testimonial Text */
        .testimonial-text {
            font-size: 20px;
            line-height: 1.8;
            color: #555;
            margin-bottom: 30px;
            position: relative;
            z-index: 1;
            font-style: italic;
            transition: var(--transition);
        }

        .testimonial-slide.active .testimonial-text {
            animation: fadeInUp 0.8s ease 0.3s both;
        }

        /* Client Name */
        .testimonials-client-name {
            font-size: 18px;
            font-weight: 600;
            color: var(--primary);
            position: relative;
            padding-top: 20px;
            transition: var(--transition);
        }

        .testimonial-slide.active .testimonials-client-name {
            animation: fadeInUp 0.8s ease 0.5s both;
        }

        .testimonials-client-name:before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 40px;
            height: 2px;
            background-color: var(--accent);
        }

        /* Testimonial Navigation */
        .testimonial-nav {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin-top: 40px;
        }

        .testimonial-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: rgba(139, 69, 19, 0.3);
            cursor: pointer;
            transition: var(--transition);
            position: relative;
        }

        .testimonial-dot.active {
            background-color: var(--accent);
            transform: scale(1.3);
        }

        .testimonial-dot:before {
            content: '';
            position: absolute;
            top: -5px;
            left: -5px;
            right: -5px;
            bottom: -5px;
            border-radius: 50%;
            background-color: var(--accent);
            opacity: 0;
            transition: var(--transition);
        }

        .testimonial-dot:hover:before {
            opacity: 0.2;
        }

        /* Navigation Arrows */
        .testimonial-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 50px;
            height: 50px;
            background: var(--white);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primary);
            font-size: 20px;
            cursor: pointer;
            transition: var(--transition);
            box-shadow: var(--shadow);
            z-index: 10;
            opacity: 0;
        }

        .testimonials-container:hover .testimonial-arrow {
            opacity: 1;
        }

        .testimonial-arrow:hover {
            background: var(--accent);
            color: var(--white);
            transform: translateY(-50%) scale(1.1);
        }

        .testimonial-prev {
            left: -70px;
        }

        .testimonial-next {
            right: -70px;
        }

        /* Animation Keyframes */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes bounceIn {
            0% {
                opacity: 0;
                transform: scale(0.3);
            }
            50% {
                opacity: 1;
                transform: scale(1.05);
            }
            70% {
                transform: scale(0.9);
            }
            100% {
                opacity: 1;
                transform: scale(1);
            }
        }

        @keyframes pulse {
            0% {
                transform: scale(1);
                opacity: 0.3;
            }
            50% {
                transform: scale(1.05);
                opacity: 0.5;
            }
            100% {
                transform: scale(1);
                opacity: 0.3;
            }
        }

        /* Responsive Styles */
        @media (max-width: 992px) {
            .testimonial-arrow {
                opacity: 1;
            }
            
            .testimonial-prev {
                left: 20px;
            }
            
            .testimonial-next {
                right: 20px;
            }
            
            .testimonials-section-title {
                font-size: 36px;
            }
        }

        @media (max-width: 768px) {
            .testimonials-section {
                padding: 80px 5%;
            }
            
            .testimonials-section-title {
                font-size: 32px;
                margin-bottom: 60px;
            }
            
            .testimonial-slide {
                padding: 50px 30px;
            }
            
            .testimonial-slide:before {
                top: 20px;
                left: 30px;
                font-size: 80px;
            }
            
            .testimonial-text {
                font-size: 18px;
            }
            
            .testimonials-client-name {
                font-size: 16px;
            }
            
            .testimonial-arrow {
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 576px) {
            .testimonials-section {
                padding: 60px 20px;
            }
            
            .testimonials-section-title {
                font-size: 28px;
            }
            
            .testimonial-slide {
                padding: 40px 20px;
            }
            
            .testimonial-slide:before {
                top: 15px;
                left: 20px;
                font-size: 60px;
            }
            
            .testimonial-text {
                font-size: 16px;
            }
            
            .testimonials-client-image {
                width: 80px;
                height: 80px;
            }
            
            .testimonial-arrow {
                width: 35px;
                height: 35px;
                font-size: 16px;
            }
            
            .testimonial-prev {
                left: 10px;
            }
            
            .testimonial-next {
                right: 10px;
            }
        }
         /* Testimonials Section end */       



         /* vastu tips start */
          /* Vastu Tips Section */
        .vastu-tips-section {
            padding: 100px 5%;
            background: linear-gradient(135deg, var(--white) 0%, var(--light) 100%);
            position: relative;
            overflow: hidden;
        }

        .vastu-tips-section:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.03"><path fill="%238B4513" d="M50,10a40,40 0 1,0 0,80a40,40 0 1,0 0,-80" /></svg>');
            background-size: 200px;
            z-index: 0;
        }

        .tips-container {
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        /* Section Title */
        .tips-section-title {
            text-align: center;
            font-size: 42px;
            color: var(--primary);
            margin-bottom: 20px;
            position: relative;
            padding-bottom: 20px;
            opacity: 0;
            transform: translateY(30px);
            transition: var(--transition);
        }

        .tips-section-title.animate {
            opacity: 1;
            transform: translateY(0);
        }

        .tips-section-title:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: linear-gradient(90deg, var(--accent), var(--primary));
            border-radius: 2px;
            transition: var(--transition);
        }

        .tips-section-title:hover:after {
            width: 120px;
        }

        .tips-section-subtitle {
            text-align: center;
            font-size: 18px;
            color: #555;
            max-width: 800px;
            margin: 0 auto 60px;
            line-height: 1.7;
        }

        /* Tips Categories */
        .tips-categories {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 15px;
            margin-bottom: 50px;
        }

        .category-btn {
            padding: 12px 25px;
            background: var(--white);
            border: 2px solid var(--accent);
            border-radius: 30px;
            color: var(--dark);
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);
            box-shadow: var(--shadow);
        }

        .category-btn.active, .category-btn:hover {
            background: var(--accent);
            color: var(--white);
            transform: translateY(-3px);
        }

        /* Tips Grid */
        .tips-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 30px;
            margin-bottom: 50px;
        }

        .tip-card {
            background: var(--white);
            border-radius: 15px;
            padding: 30px;
            box-shadow: var(--shadow);
            transition: var(--transition);
            position: relative;
            overflow: hidden;
            opacity: 0;
            transform: translateY(30px);
        }

        .tip-card.animate {
            opacity: 1;
            transform: translateY(0);
        }

        .tip-card:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background: linear-gradient(90deg, var(--accent), var(--primary));
            transform: scaleX(0);
            transform-origin: left;
            transition: var(--transition);
        }

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

        .tip-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        }

        .tip-icon {
            width: 70px;
            height: 70px;
            background: linear-gradient(135deg, var(--accent), var(--primary));
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
            position: relative;
            transition: var(--transition);
        }

        .tip-card:hover .tip-icon {
            transform: scale(1.1) rotate(5deg);
        }

        .tip-icon:before {
            content: '';
            position: absolute;
            top: -5px;
            left: -5px;
            right: -5px;
            bottom: -5px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--accent), var(--primary));
            opacity: 0.3;
            z-index: -1;
            animation: pulse 2s infinite;
        }

        .tip-icon i {
            font-size: 30px;
            color: var(--white);
        }

        .tip-card h3 {
            font-size: 22px;
            color: var(--primary);
            margin-bottom: 15px;
            position: relative;
            padding-bottom: 10px;
        }

        .tip-card h3:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 40px;
            height: 2px;
            background-color: var(--accent);
            transition: var(--transition);
        }

        .tip-card:hover h3:after {
            width: 60px;
        }

        .tip-card p {
            color: #555;
            line-height: 1.7;
            margin-bottom: 15px;
        }

        .tip-benefits {
            list-style: none;
            margin-top: 20px;
        }

        .tip-benefits li {
            display: flex;
            align-items: flex-start;
            margin-bottom: 10px;
            color: #555;
        }

        .tip-benefits i {
            color: var(--accent);
            margin-right: 10px;
            margin-top: 5px;
            flex-shrink: 0;
        }

        /* Important Tips Highlight */
        .important-tips {
            background: linear-gradient(135deg, var(--primary), var(--secondary));
            border-radius: 15px;
            padding: 40px;
            color: var(--white);
            box-shadow: var(--shadow);
            margin-top: 50px;
            position: relative;
            overflow: hidden;
            opacity: 0;
            transform: translateY(30px);
            transition: var(--transition);
        }

        .important-tips.animate {
            opacity: 1;
            transform: translateY(0);
        }

        .important-tips:before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 70%);
            z-index: 0;
        }

        .important-tips-content {
            position: relative;
            z-index: 1;
        }

        .important-tips h3 {
            font-size: 28px;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .important-tips h3 i {
            color: var(--accent);
        }

        .important-tips-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            list-style: none;
        }

        .important-tips-list li {
            display: flex;
            align-items: flex-start;
            margin-bottom: 15px;
            padding: 15px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 10px;
            transition: var(--transition);
        }

        .important-tips-list li:hover {
            background: rgba(255, 255, 255, 0.2);
            transform: translateX(10px);
        }

        .important-tips-list i {
            color: var(--accent);
            margin-right: 15px;
            margin-top: 3px;
            flex-shrink: 0;
        }

        /* Animation Keyframes */
        @keyframes pulse {
            0% {
                transform: scale(1);
                opacity: 0.3;
            }
            50% {
                transform: scale(1.05);
                opacity: 0.5;
            }
            100% {
                transform: scale(1);
                opacity: 0.3;
            }
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Responsive Styles */
        @media (max-width: 992px) {
            .tips-grid {
                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            }
            
            .tips-section-title {
                font-size: 36px;
            }
        }

        @media (max-width: 768px) {
            .vastu-tips-section {
                padding: 80px 5%;
            }
            
            .tips-section-title {
                font-size: 32px;
            }
            
            .tips-section-subtitle {
                font-size: 16px;
                margin-bottom: 40px;
            }
            
            .tips-grid {
                grid-template-columns: 1fr;
                gap: 25px;
            }
            
            .tip-card {
                padding: 25px;
            }
            
            .important-tips {
                padding: 30px;
            }
            
            .important-tips h3 {
                font-size: 24px;
            }
        }

        @media (max-width: 576px) {
            .vastu-tips-section {
                padding: 60px 20px;
            }
            
            .tips-section-title {
                font-size: 28px;
            }
            
            .tips-categories {
                gap: 10px;
            }
            
            .category-btn {
                padding: 10px 20px;
                font-size: 14px;
            }
            
            .tip-card {
                padding: 20px;
            }
            
            .tip-icon {
                width: 60px;
                height: 60px;
            }
            
            .tip-icon i {
                font-size: 25px;
            }
            
            .tip-card h3 {
                font-size: 20px;
            }
            
            .important-tips {
                padding: 25px;
            }
            
            .important-tips-list {
                grid-template-columns: 1fr;
            }
        }

        /* vastu home end */

       /* contact section start  */
               /* Contact Section */
        .contact-section {
            padding: 100px 5%;
            background: linear-gradient(135deg, var(--light) 0%, #f0ebd5 100%);
            position: relative;
            overflow: hidden;
        }

        .contact-section:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.03"><path fill="%238B4513" d="M73,50c0,12.7-10.3,23-23,23S27,62.7,27,50 M30.9,50c0,10.5,8.5,19.1,19.1,19.1S69.1,60.5,69.1,50" /></svg>');
            background-size: 150px;
            z-index: 0;
        }

        .contact-container {
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        /* Section Title */
        .contact-section-title {
            text-align: center;
            font-size: 42px;
            color: var(--primary);
            margin-bottom: 20px;
            position: relative;
            padding-bottom: 20px;
            opacity: 0;
            transform: translateY(30px);
            transition: var(--transition);
        }

        .contact-section-title.animate {
            opacity: 1;
            transform: translateY(0);
        }

        .contact-section-title:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: linear-gradient(90deg, var(--accent), var(--primary));
            border-radius: 2px;
            transition: var(--transition);
        }

        .contact-section-title:hover:after {
            width: 120px;
        }

        .contact-section-subtitle {
            text-align: center;
            font-size: 18px;
            color: #555;
            max-width: 800px;
            margin: 0 auto 60px;
            line-height: 1.7;
        }

        /* Contact Content */
        .contact-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 50px;
            align-items: start;
        }

        /* Contact Information */
        .contact-info {
            opacity: 0;
            transform: translateX(-50px);
            transition: var(--transition);
        }

        .contact-info.animate {
            opacity: 1;
            transform: translateX(0);
        }

        .contact-info h3 {
            font-size: 28px;
            color: var(--primary);
            margin-bottom: 30px;
            position: relative;
            padding-bottom: 15px;
        }

        .contact-info h3:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 60px;
            height: 3px;
            background-color: var(--accent);
            transition: var(--transition);
        }

        .contact-info:hover h3:after {
            width: 80px;
        }

        .contact-info p {
            color: #555;
            margin-bottom: 30px;
            font-size: 16px;
            line-height: 1.7;
        }

        /* Contact Details */
        .contact-details {
            display: flex;
            flex-direction: column;
            gap: 25px;
            margin-bottom: 40px;
        }

        .contact-item {
            display: flex;
            align-items: flex-start;
            gap: 20px;
            padding: 20px;
            background: var(--white);
            border-radius: 10px;
            box-shadow: var(--shadow);
            transition: var(--transition);
            opacity: 0;
            transform: translateX(-30px);
        }

        .contact-item.animate {
            opacity: 1;
            transform: translateX(0);
        }

        .contact-item:hover {
            transform: translateX(10px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
        }

        .contact-icon {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, var(--accent), var(--primary));
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            transition: var(--transition);
        }

        .contact-item:hover .contact-icon {
            transform: scale(1.1) rotate(5deg);
        }

        .contact-icon i {
            font-size: 24px;
            color: var(--white);
        }

        .contact-text h4 {
            font-size: 18px;
            color: var(--primary);
            margin-bottom: 5px;
        }

        .contact-text p {
            color: #555;
            margin: 0;
            font-size: 16px;
        }

        /* Social Links */
        .social-links {
            display: flex;
            gap: 15px;
            margin-top: 20px;
        }

        .social-link {
            width: 45px;
            height: 45px;
            background: var(--white);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primary);
            text-decoration: none;
            transition: var(--transition);
            box-shadow: var(--shadow);
        }

        .social-link:hover {
            background: var(--accent);
            color: var(--white);
            transform: translateY(-5px);
        }

        /* Contact Form */
        .contact-form-container {
            background: var(--white);
            border-radius: 15px;
            padding: 40px;
            box-shadow: var(--shadow);
            opacity: 0;
            transform: translateX(50px);
            transition: var(--transition);
            position: relative;
            overflow: hidden;
        }

        .contact-form-container.animate {
            opacity: 1;
            transform: translateX(0);
        }

        .contact-form-container:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background: linear-gradient(90deg, var(--accent), var(--primary));
        }

        .contact-form-container h3 {
            font-size: 28px;
            color: var(--primary);
            margin-bottom: 30px;
            text-align: center;
            position: relative;
            padding-bottom: 15px;
        }

        .contact-form-container h3:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 60px;
            height: 3px;
            background-color: var(--accent);
        }

        .form-group {
            margin-bottom: 25px;
            position: relative;
        }

        .form-group label {
            display: block;
            margin-bottom: 8px;
            color: var(--dark);
            font-weight: 500;
        }

        .form-control {
            width: 100%;
            padding: 15px;
            border: 2px solid #e0e0e0;
            border-radius: 8px;
            font-size: 16px;
            transition: var(--transition);
            background: var(--white);
        }

        .form-control:focus {
            outline: none;
            border-color: var(--accent);
            box-shadow: 0 0 0 3px rgba(218, 165, 32, 0.1);
        }

        textarea.form-control {
            min-height: 120px;
            resize: vertical;
        }

        /* Submit Button */
        .submit-btn {
            width: 100%;
            padding: 16px;
            background: linear-gradient(135deg, var(--primary), var(--secondary));
            color: var(--white);
            border: none;
            border-radius: 8px;
            font-size: 18px;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);
            box-shadow: var(--shadow);
            position: relative;
            overflow: hidden;
        }

        .submit-btn:before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
            transition: var(--transition);
        }

        .submit-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
        }

        .submit-btn:hover:before {
            left: 100%;
        }

        .submit-btn i {
            margin-left: 10px;
            transition: var(--transition);
        }

        .submit-btn:hover i {
            transform: translateX(5px);
        }

        /* Map Section */
        .map-container {
            margin-top: 60px;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: var(--shadow);
            opacity: 0;
            transform: translateY(30px);
            transition: var(--transition);
        }

        .map-container.animate {
            opacity: 1;
            transform: translateY(0);
        }

        .map-placeholder {
            height: 400px;
            background: linear-gradient(135deg, var(--primary), var(--secondary));
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: var(--white);
            text-align: center;
            padding: 40px;
        }

        .map-placeholder i {
            font-size: 60px;
            margin-bottom: 20px;
            color: var(--accent);
        }

        .map-placeholder h3 {
            font-size: 24px;
            margin-bottom: 15px;
        }

        .map-placeholder p {
            font-size: 16px;
            opacity: 0.9;
        }

        /* Animation Keyframes */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes pulse {
            0% {
                transform: scale(1);
                opacity: 0.3;
            }
            50% {
                transform: scale(1.05);
                opacity: 0.5;
            }
            100% {
                transform: scale(1);
                opacity: 0.3;
            }
        }

        /* Responsive Styles */
        @media (max-width: 992px) {
            .contact-content {
                grid-template-columns: 1fr;
                gap: 40px;
            }
            
            .contact-section-title {
                font-size: 36px;
            }
        }

        @media (max-width: 768px) {
            .contact-section {
                padding: 80px 5%;
            }
            
            .contact-section-title {
                font-size: 32px;
            }
            
            .contact-section-subtitle {
                font-size: 16px;
                margin-bottom: 40px;
            }
            
            .contact-form-container {
                padding: 30px;
            }
            
            .contact-info h3,
            .contact-form-container h3 {
                font-size: 24px;
            }
            
            .map-placeholder {
                height: 300px;
                padding: 30px;
            }
            
            .map-placeholder i {
                font-size: 50px;
            }
            
            .map-placeholder h3 {
                font-size: 20px;
            }
        }

        @media (max-width: 576px) {
            .contact-section {
                padding: 60px 20px;
            }
            
            .contact-section-title {
                font-size: 28px;
            }
            
            .contact-form-container {
                padding: 25px;
            }
            
            .contact-item {
                flex-direction: column;
                text-align: center;
                gap: 15px;
            }
            
            .contact-icon {
                margin: 0 auto;
            }
            
            .social-links {
                justify-content: center;
            }
            
            .map-placeholder {
                height: 250px;
                padding: 20px;
            }
            
            .map-placeholder i {
                font-size: 40px;
            }
            
            .map-placeholder h3 {
                font-size: 18px;
            }
        }

        /* contact section end   */