/* --- CSS VARIABLES & RESET --- */
        :root {
            --royal-purple: #4B2E83;
            --neon-purple: #7B5FC7;
            --gold: #F4C95D;
            --off-white: #FAF8FF;
            --dark-bg: #211A2D;
            --glass: rgba(75, 46, 131, 0.1);
            --gradient-main: linear-gradient(135deg, var(--royal-purple), var(--neon-purple));
            --gradient-gold: linear-gradient(135deg, var(--gold), #ffdb8a);
            --shadow-neon: 0 0 20px rgba(123, 95, 199, 0.4);
            --font-heading: 'Space Grotesk', sans-serif;
            --font-body: 'Outfit', sans-serif;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth; }
        
        body {
            font-family: var(--font-body);
            background-color: var(--off-white);
            color: var(--dark-bg);
            overflow-x: hidden;
            line-height: 1.6;
        }

        h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); }
        a { text-decoration: none; transition: 0.3s; }
        ul { list-style: none; }
        img { max-width: 100%; display: block; }

        /* --- UTILITIES --- */
        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        .section-padding { padding: 100px 0; }
        .text-center { text-align: center; }
        .flex-center { display: flex; align-items: center; justify-content: center; }
        
        .section-title {
            font-size: 2.5rem;
            margin-bottom: 1rem;
            background: var(--gradient-main);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            position: relative;
            display: inline-block;
        }

        .legal h5{
            font-size:25px !important;
            padding-top:20px; 
            padding-bottom:20px;
        }

        .legal ul li{
            list-style: disc;
        }
        
        .btn {
            display: inline-block;
            padding: 14px 32px;
            border-radius: 50px;
            font-weight: 600;
            cursor: pointer;
            border: none;
            position: relative;
            overflow: hidden;
            z-index: 1;
        }

        .btn-primary {
            background: var(--gradient-main);
            color: white;
            box-shadow: var(--shadow-neon);
        }

        .btn-secondary {
            background: var(--gradient-gold);
            color: var(--dark-bg);
        }

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

        /* --- ANIMATIONS --- */
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
            100% { transform: translateY(0px); }
        }

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

        /* --- NAVBAR --- */
        header {
            position: fixed;
            top: 0; width: 100%;
            z-index: 1000;
            background: rgba(250, 248, 255, 0.9);
            backdrop-filter: blur(10px);
            border-bottom: 1px solid rgba(75, 46, 131, 0.1);
            transition: 0.3s;
        }

        nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 80px;
        }

        .logo {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--royal-purple);
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .nav-links { display: flex; gap: 30px; align-items: center; }
        .nav-links a { color: var(--dark-bg); font-weight: 500; font-size: 0.95rem; }
        .nav-links a:hover { color: var(--neon-purple); }
        
        .mobile-toggle { display: none; font-size: 1.5rem; color: var(--royal-purple); cursor: pointer; }

        /* --- HERO SECTION --- */
        #home {
            min-height: 100vh;
            display: flex;
            align-items: center;
            background: radial-gradient(circle at top right, rgba(123,95,199,0.1), transparent 40%),
                        radial-gradient(circle at bottom left, rgba(244,201,93,0.1), transparent 40%);
            padding-top: 80px;
            position: relative;
            overflow: hidden;
        }

        .hero-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 50px;
            align-items: center;
        }

        .hero-content h1 {
            font-size: 3.5rem;
            line-height: 1.1;
            margin-bottom: 20px;
            color: var(--dark-bg);
        }

        .hero-content span { color: var(--neon-purple); }
        .hero-content p { font-size: 1.1rem; margin-bottom: 30px; color: #555; max-width: 500px; }

        .hero-img-wrapper { position: relative; }
        .hero-img { border-radius: 20px; box-shadow: var(--shadow-neon); }
        
        /* Floating decorative elements */
        .deco-circle {
            position: absolute;
            border-radius: 50%;
            background: var(--gradient-gold);
            opacity: 0.2;
            z-index: -1;
        }

        /* --- ABOUT US --- */
        #about { background: white; }
        .about-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-top: 50px; }
        .about-card {
            padding: 30px;
            border-radius: 15px;
            background: var(--off-white);
            border: 1px solid rgba(75,46,131,0.05);
            transition: 0.3s;
        }
        .about-card:hover { transform: translateY(-10px); box-shadow: var(--shadow-neon); }
        .about-icon { font-size: 2rem; color: var(--gold); margin-bottom: 15px; }

        /* --- MILESTONES --- */
        .milestones {
            background: var(--dark-bg);
            color: white;
            padding: 60px 0;
        }
        .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; text-align: center; }
        .stat-number { font-size: 2.5rem; font-weight: 700; color: var(--gold); font-family: var(--font-heading); }

        /* --- FEATURES / WHY CHOOSE US --- */
        #feature { position: relative; }
        .feature-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
        .feature-list li { margin-bottom: 20px; display: flex; align-items: start; gap: 15px; }
        .check-icon { 
            width: 30px; height: 30px; 
            background: var(--gradient-main); 
            border-radius: 50%; 
            display: flex; align-items: center; justify-content: center; 
            color: white; flex-shrink: 0;
        }

        /* --- WORK PROCESS --- */
        .process-steps { display: flex; justify-content: space-between; margin-top: 60px; position: relative; flex-wrap: wrap; gap: 20px;}
        .step { text-align: center; flex: 1; min-width: 200px; position: relative; z-index: 2; }
        .step-num { 
            width: 60px; height: 60px; 
            background: var(--off-white); 
            border: 2px solid var(--neon-purple); 
            border-radius: 50%; 
            display: flex; align-items: center; justify-content: center; 
            font-size: 1.5rem; font-weight: bold; color: var(--royal-purple);
            margin: 0 auto 20px;
        }

        /* --- PACKAGES --- */
        #packages { background: var(--off-white); }
        .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 50px; }
        .price-card {
            background: white;
            padding: 40px;
            border-radius: 20px;
            text-align: center;
            border: 1px solid rgba(0,0,0,0.05);
            transition: 0.3s;
            position: relative;
            overflow: hidden;
        }
        .price-card.featured { border: 2px solid var(--neon-purple); transform: scale(1.05); }
        .price-card.featured::before {
            content: 'Most Popular';
            position: absolute; top: 20px; right: -30px;
            background: var(--gold); color: var(--dark-bg);
            padding: 5px 40px; transform: rotate(45deg); font-weight: bold; font-size: 0.8rem;
        }
        .price { font-size: 2.5rem; font-weight: 700; color: var(--royal-purple); margin: 20px 0; }

        /* --- SERVICES --- */
        #service { background: white; }
        .services-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 25px; margin-top: 50px; }
        .service-item {
            background: var(--off-white);
            padding: 30px;
            border-radius: 15px;
            transition: 0.3s;
            border-bottom: 3px solid transparent;
        }
        .service-item:hover { border-bottom: 3px solid var(--gold); background: white; box-shadow: 0 10px 30px rgba(0,0,0,0.08); }
        .service-icon { font-size: 2rem; color: var(--neon-purple); margin-bottom: 15px; }

        /* --- INSURANCE & REAL ESTATE SPECIALS --- */
        .special-sections { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin: 80px 0; }
        .special-card {
            padding: 50px;
            border-radius: 20px;
            color: white;
            position: relative;
            overflow: hidden;
        }
        .insurance-bg { background: var(--gradient-main); }
        .mortgage-bg { background: linear-gradient(135deg, #211A2D, #4B2E83); }
        .special-card h3 { font-size: 2rem; margin-bottom: 15px; }

        /* --- BOOKING FORM --- */
        .booking-wrapper {
            background: white;
            padding: 50px;
            border-radius: 20px;
            box-shadow: 0 20px 60px rgba(75,46,131,0.1);
            max-width: 800px;
            margin: 0 auto;
        }
        .form-group { margin-bottom: 20px; }
        .form-control {
            width: 100%; padding: 15px;
            border: 1px solid #ddd; border-radius: 10px;
            font-family: var(--font-body);
            transition: 0.3s;
        }
        .form-control:focus { outline: none; border-color: var(--neon-purple); box-shadow: 0 0 0 3px rgba(123,95,199,0.1); }

        /* --- REVIEWS --- */
        #reviews { background: var(--off-white); }
        .review-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 50px; }
        .review-card { background: white; padding: 30px; border-radius: 15px; position: relative; }
        .stars { color: var(--gold); margin-bottom: 10px; }
        .reviewer { display: flex; align-items: center; gap: 15px; margin-top: 20px; }
        .reviewer-img { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; }

        /* --- FAQ --- */
        .faq-item { border-bottom: 1px solid #eee; margin-bottom: 10px; }
        .faq-question {
            padding: 20px; cursor: pointer; font-weight: 600;
            display: flex; justify-content: space-between; align-items: center;
            background: white; border-radius: 10px;
        }
        .faq-answer { padding: 0 20px; max-height: 0; overflow: hidden; transition: 0.3s ease; color: #666; }
        .faq-item.active .faq-answer { max-height: 200px; padding-bottom: 20px; }
        .faq-item.active .faq-question { color: var(--neon-purple); }

        /* --- CONTACT --- */
        #contact { background: var(--dark-bg); color: white; }
        #contact .section-title { -webkit-text-fill-color: white; background: none; }
        .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; }
        .contact-info-item { display: flex; gap: 20px; margin-bottom: 30px; align-items: center; }
        .c-icon { width: 50px; height: 50px; background: rgba(255,255,255,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--gold); }
        #contact .form-control { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); color: white; }

        /* --- LEGAL & NEWSLETTER --- */
        .legal-text { font-size: 0.9rem; color: #666; line-height: 1.8; margin-bottom: 40px; display: none; }
        .legal-text.show { display: block; }
        
        #subscribe { background: var(--gradient-main); color: white; text-align: center; }
        #subscribe .section-title { -webkit-text-fill-color: white; }
        .sub-form { max-width: 600px; margin: 30px auto 0; display: grid; gap: 15px; }
        .checkbox-group { display: flex; align-items: start; gap: 10px; font-size: 0.85rem; text-align: left; opacity: 0.9; }
        .checkbox-group input { margin-top: 4px; }

        /* --- FOOTER --- */
        footer { background: #15101c; color: #aaa; padding: 80px 0 30px; font-size: 0.9rem; }
        .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 40px; margin-bottom: 50px; }
        .footer-col h4 { color: white; margin-bottom: 20px; font-size: 1.2rem; }
        .footer-col ul li { margin-bottom: 10px; }
        .footer-col ul li a { color: #aaa; }
        .footer-col ul li a:hover { color: var(--gold); padding-left: 5px; }
        .copyright { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 30px; text-align: center; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px;}

        /* --- RESPONSIVE --- */
        @media (max-width: 992px) {
            .hero-grid, .feature-layout, .contact-grid, .special-sections { grid-template-columns: 1fr; }
            .hero-content { text-align: center; margin-bottom: 40px; }
            .hero-content p { margin: 0 auto 30px; }
            .stats-grid { grid-template-columns: repeat(2, 1fr); }
        }

        @media (max-width: 768px) {
            .nav-links {
                position: fixed; top: 80px; left: 0; width: 100%;
                background: white; flex-direction: column; padding: 30px;
                box-shadow: 0 10px 30px rgba(0,0,0,0.1);
                clip-path: circle(0% at 100% 0); transition: 0.5s;
            }
            .nav-links.active { clip-path: circle(150% at 100% 0); }
            .mobile-toggle { display: block; }
            .section-title { font-size: 2rem; }
            .hero-content h1 { font-size: 2.5rem; }
            .process-steps { flex-direction: column; }
            .copyright { flex-direction: column; text-align: center; }
        }
    

/* --- Multi-page site additions --- */
.page-hero{padding:150px 0 80px;background:radial-gradient(circle at top right,rgba(123,95,199,.12),transparent 40%),radial-gradient(circle at bottom left,rgba(244,201,93,.12),transparent 40%);text-align:center}
.page-hero h1{font-size:3rem;margin-bottom:15px}
.page-hero p{max-width:760px;margin:0 auto;color:#666}
.inner-content{padding:80px 0}
.content-card{background:#fff;border-radius:20px;padding:35px;box-shadow:0 15px 45px rgba(33,26,45,.08);margin-bottom:25px}
.content-card h2,.content-card h3{margin-bottom:15px;color:var(--royal-purple)}
.content-card p{margin-bottom:15px;color:#555}
.content-card ul{padding-left:20px;margin:15px 0}
.content-card li{list-style:disc;margin-bottom:8px}
.page-cta{text-align:center;background:var(--dark-bg);color:#fff;padding:70px 0}
.page-cta .section-title{-webkit-text-fill-color:#fff;background:none}
.breadcrumb{font-size:.9rem;margin-top:10px;color:#777}
.breadcrumb a{color:var(--royal-purple)}
.footer-col a{color:#aaa}
.form-note{font-size:.85rem;color:#777;margin-top:12px}
.legal-page .content-card{line-height:1.8}
.legal-page .content-card h2{font-size:1.5rem;margin-top:25px}
@media(max-width:768px){.page-hero{padding:125px 0 60px}.page-hero h1{font-size:2.2rem}.inner-content{padding:55px 0}}