* { margin:0; padding:0; box-sizing:border-box; }
        body { font-family:'Poppins',sans-serif; line-height:1.6; color:#333; }
        /* ===== HEADER ===== */
        header { position:fixed; top:0; width:100%; background:white; box-shadow:0 2px 8px rgba(0,0,0,.08); z-index:50; }
        .header-container { max-width:1400px; margin:0 auto; padding:0 1rem; display:flex; justify-content:space-between; align-items:center; height:70px; }
        @media (min-width:768px) { .header-container { padding:0 2rem; } }
        .logo { display:flex; align-items:center; gap:.75rem; flex-shrink:0; }
        .logo img { width:120px; height:auto; }
        @media (min-width:768px) { .logo img { width:60%; } }
        nav { display:none; gap:2.5rem; position:absolute; left:50%; transform:translateX(-50%); }
        nav a { font-size:13px; font-weight:500; text-decoration:none; color:#374151; transition:color .3s; white-space:nowrap; }
        nav a:hover { color:#2563eb; }
        .contact-btn { display:none; background:#000; color:white; border:none; padding:.6rem 1.8rem; border-radius:.375rem; cursor:pointer; font-weight:600; font-size:13px; transition:background .3s; white-space:nowrap; text-decoration:none; }
        .contact-btn:hover { background:#1f2937; }
        .mobile-menu-btn { display:flex; background:none; border:none; cursor:pointer; width:24px; height:24px; align-items:center; justify-content:center; flex-shrink:0; }
        .mobile-menu-btn svg { width:100%; height:100%; stroke:currentColor; }
        .mobile-menu { display:none; position:absolute; top:70px; left:0; right:0; background:white; flex-direction:column; gap:.5rem; padding:1rem; border-bottom:1px solid #e5e7eb; max-height:calc(100vh - 70px); overflow-y:auto; }
        .mobile-menu.active { display:flex; }
        .mobile-menu a { font-size:14px; font-weight:500; text-decoration:none; color:#333; padding:.75rem 0; border-bottom:1px solid #f0f0f0; }
        .mobile-menu .contact-btn { display:block; width:100%; text-align:center; margin-top:.5rem; }
        @media (min-width:768px) { nav{display:flex;} .contact-btn{display:block;} .mobile-menu-btn{display:none!important;} .mobile-menu{display:none!important;} }
        /* ===== HERO SECTION ===== */
        .hero { position:relative; width:100%; height:80vh; min-height:420px; overflow:hidden; display:flex; align-items:center; justify-content:center; padding-top:70px; z-index:1; }
        @media (max-width:768px) { .hero { height:59vh; min-height:380px; } }
        @media (max-width:480px) { .hero { height:54vh; min-height:340px; } }
        .hero-slide { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 1s ease-in-out; }
        .hero-slide.active { opacity:1; }
        .hero-slide img { width:100%; height:100%; object-fit:cover; }
        .hero-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4); }
        .hero-content { position:relative; z-index:2; text-align:center; color:white; max-width:900px; padding:1rem; }
        .hero-content h1 { font-size:1.8rem; font-weight:800; margin-bottom:.75rem; line-height:1.2; white-space:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
        @media (min-width:640px) { .hero-content h1 { font-size:2.2rem; -webkit-line-clamp:3; } }
        @media (min-width:768px) { .hero-content h1 { font-size:2.8rem; -webkit-line-clamp:3; } }
        @media (min-width:1024px) { .hero-content h1 { font-size:3.2rem; -webkit-line-clamp:unset; white-space:normal; overflow:visible; text-overflow:clip; } }
        .hero-content p { font-size:.9rem; margin-bottom:1.25rem; line-height:1.5; opacity:.95; white-space:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
        @media (min-width:640px) { .hero-content p { font-size:1rem; -webkit-line-clamp:3; } }
        @media (min-width:768px) { .hero-content p { font-size:1.1rem; -webkit-line-clamp:3; } }
        @media (min-width:1024px) { .hero-content p { -webkit-line-clamp:unset; white-space:normal; overflow:visible; text-overflow:clip; } }
        .hero-btn { background:#000; color:white; border:none; padding:.75rem 2rem; border-radius:.375rem; cursor:pointer; font-weight:600; font-size:1rem; transition:all .3s; }
        .hero-btn:hover { background:#333; transform:translateY(-2px); }
        /* ===== CAROUSEL INDICATORS ===== */
        .carousel-indicators { position:absolute; bottom:15px; left:50%; transform:translateX(-50%); display:flex; gap:10px; z-index:3; }
        .carousel-indicators .indicator { width:12px; height:12px; background:rgba(255,255,255,.5); border:none; border-radius:50%; cursor:pointer; transition:all .3s; }
        .carousel-indicators .indicator.active { background:#fff; transform:scale(1.3); box-shadow:0 0 8px rgba(255,255,255,.7); }
        .carousel-indicators .indicator:hover:not(.active) { background:rgba(255,255,255,.8); transform:scale(1.1); }
        @media (max-width:768px) { .carousel-indicators { bottom:15px; gap:8px; } .carousel-indicators .indicator { width:10px; height:10px; } .carousel-indicators .indicator.active { transform:scale(1.25); } }
        @media (max-width:480px) { .carousel-indicators { bottom:12px; gap:6px; } .carousel-indicators .indicator { width:9px; height:9px; } }
        /* ===== SERVICES SECTION ===== */
        .services { padding:1.5rem 1rem; background:#FDF6EC; }
        @media (min-width:768px) { .services { padding:2.5rem 2rem; } }
        @media (min-width:1024px) { .services { padding:3rem 2rem; } }
        .services-container { max-width:1400px; margin:0 auto; }
        .section-header { text-align:center; margin-bottom:1.5rem; }
        @media (min-width:768px) { .section-header { margin-bottom:2rem; } }
        .section-label { font-size:.7rem; font-weight:700; color:black; margin-bottom:0; letter-spacing:1px; }
        @media (min-width:768px) { .section-label { font-size:.8rem; } }
        .section-title-decoration { font-size:2rem; font-weight:800; color:rgba(17,24,39,.08); letter-spacing:2px; font-family:'Mr Dafoe'; margin-top:-.5rem; margin-bottom:0; position:relative; z-index:1; }
        .why-we-are-title-decoration { font-size:2rem!important; font-weight:800; letter-spacing:2px; font-family:'Mr Dafoe'; margin-top:-1rem; margin-bottom:0; position:relative; z-index:1; }
        @media (min-width:768px) { .section-title-decoration { font-size:3rem; margin-top:-1rem; } }
        .section-title { margin-top:-4%; font-size:1.5rem; font-weight:800; color:#111827; margin-bottom:0; }
        @media (min-width:768px) { .section-title { margin-top:-4%; font-size:2rem; } }
        .services-grid { display:grid; grid-template-columns:1fr; gap:1rem; }
        @media (min-width:640px) { .services-grid { grid-template-columns:repeat(2,1fr); } }
        @media (min-width:1024px) { .services-grid { grid-template-columns:repeat(3,1fr); } }
        .service-card { padding:1.25rem; border-radius:1.5rem; border:3px solid rgba(255,255,255,.6); box-shadow:0 4px 12px rgba(0,0,0,.08); transition:all .3s; display:flex; flex-direction:column; align-items:center; text-align:center; }
        @media (min-width:768px) { .service-card { padding:1.5rem; } }
        .service-card:hover { box-shadow:0 8px 20px rgba(0,0,0,.12); transform:translateY(-4px); }
        .service-card.orange { background:linear-gradient(135deg,#fed7aa 0%,#fdba74 100%); border:3px solid #fdba74; }
        .service-card.blue { background:linear-gradient(135deg,#bfdbfe 0%,#93c5fd 100%); border:3px solid #93c5fd; }
        .service-card.purple { background:linear-gradient(135deg,#d8b4fe 0%,#c084fc 100%); border:3px solid #c084fc; }
        .service-card.light-blue { background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%); border:3px solid #bfdbfe; }
        .service-card.pink { background:linear-gradient(135deg,#fbcfe8 0%,#f9a8d4 100%); border:3px solid #f9a8d4; }
        .service-card.yellow { background:linear-gradient(135deg,#fef08a 0%,#fde047 100%); border:3px solid #fde047; }
        .service-icon { width:50px; height:50px; background:rgba(255,255,255,.7); border-radius:1rem; display:flex; align-items:center; justify-content:center; margin-bottom:.75rem; flex-shrink:0; }
        @media (min-width:768px) { .service-icon { width:65px; height:65px; margin-bottom:1rem; } }
        .service-icon svg { width:28px; height:28px; }
        @media (min-width:768px) { .service-icon svg { width:40px; height:40px; } }
        .service-card h3 { font-size:.9rem; font-weight:700; color:#111827; margin-bottom:.4rem; }
        @media (min-width:768px) { .service-card h3 { font-size:1.1rem; margin-bottom:.6rem; } }
        .service-card p { font-size:.75rem; color:#374151; font-weight:400; }
        @media (min-width:768px) { .service-card p { font-size:.85rem; } }
        /* ===== PROPERTY LISTING SECTION ===== */
        .property-listing { padding:1.5rem 1rem; background:#FDF6EC; }
        @media (min-width:768px) { .property-listing { padding:2.5rem 2rem; } }
        @media (min-width:1024px) { .property-listing { padding:3rem 2rem; } }
        .property-listing-container { max-width:1400px; margin:0 auto; }
        .property-header { margin-bottom:1.5rem; text-align:center; }
        .property-header h2 { font-size:1.5rem; font-weight:800; color:#111827; }
        @media (min-width:768px) { .property-header h2 { font-size:2rem; } }
        .properties-grid { display:flex; flex-wrap:nowrap; overflow-x:auto; gap:.5rem; margin-top:1.5rem; scroll-behavior:smooth; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none; padding-bottom:.5rem; }
        @media (min-width:768px) { .properties-grid { gap:.75rem; } }
        .properties-grid::-webkit-scrollbar { display:none; }
        .property-card { flex:0 0 auto; width:100%; max-width:220px; border:none; border-radius:.75rem; box-shadow:0 4px 12px rgba(0,0,0,.1); overflow:hidden; transition:all .3s; background:white; }
        @media (min-width:640px) { .property-card { max-width:200px; } }
        @media (min-width:768px) { .property-card { width:calc(50% - .375rem); max-width:100%; } }
        @media (min-width:1024px) { .property-card { width:calc(25% - .5rem); max-width:100%; } }
        .property-card:hover { box-shadow:0 12px 24px rgba(0,0,0,.15); transform:translateY(-4px); }
        .property-image { position:relative; width:100%; height:140px; overflow:hidden; background:#f3f4f6; }
        @media (min-width:768px) { .property-image { height:170px; } }
        .property-image img { width:100%; height:100%; object-fit:cover; }
        .property-badge { position:absolute; top:.4rem; left:.4rem; background:white; color:#111827; font-size:.55rem; font-weight:700; padding:.2rem .5rem; border-radius:.375rem; box-shadow:0 2px 8px rgba(0,0,0,.1); }
        @media (min-width:768px) { .property-badge { font-size:.6rem; padding:.3rem .65rem; top:.5rem; left:.5rem; } }
        .property-info { padding:.5rem; }
        @media (min-width:768px) { .property-info { padding:.7rem; } }
        .property-info h3 { font-weight:700; color:#111827; margin-bottom:.3rem; font-size:.8rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
        @media (min-width:768px) { .property-info h3 { font-size:.9rem; margin-bottom:.5rem; } }
        .property-details { display:flex; gap:1rem; font-size:.6rem; color:#6b7280; margin-bottom:.5rem; align-items:center; flex-wrap:wrap; }
        @media (min-width:768px) { .property-details { gap:2.9rem; font-size:.7rem; margin-bottom:.7rem; } }
        .property-details span { display:flex; align-items:center; gap:.15rem; position: relative; }
        .property-details span:not(:last-child)::after { content: ''; position: absolute; right: -0.6rem; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background: #e5e7eb; }
        @media (min-width:768px) { .property-details span:not(:last-child)::after { right: -0.7rem; height: 14px; } }
        .property-info > a { display:flex; padding-bottom:.25rem; align-items:center; gap:.25rem; font-size:.65rem; color:#6b7280; text-decoration:none; transition:color .3s; }
        @media (min-width:768px) { .property-info > a { padding-bottom:.4rem; font-size:.75rem; } }
        .property-info > a:hover { color:#2563eb; }
        .property-info > a img { width:12px; height:12px; filter:brightness(0) saturate(100%) invert(46%) sepia(83%) saturate(1455%) hue-rotate(198deg) brightness(98%) contrast(101%); }
        @media (min-width:768px) { .property-info > a img { width:14px; height:14px; } }
        .property-footer { display:flex; justify-content:space-between; align-items:center; padding-top:.35rem; border-top:1px solid #e5e7eb; flex-wrap:wrap; gap:.35rem; }
        @media (min-width:768px) { .property-footer { padding-top:.55rem; gap:0; } }
        .price-box { display:flex; align-items:baseline; gap:.15rem; flex-wrap:nowrap; white-space:nowrap; }
        .property-price { font-size:.9rem; font-weight:800; color:#2563eb; }
        @media (min-width:768px) { .property-price { font-size:1rem; } }
        .property-price-unit { font-size:.55rem; color:#6b7280; font-weight:500; }
        @media (min-width:768px) { .property-price-unit { font-size:.65rem; } }
        .view-detail-btn { color:#2563eb; font-size:.6rem; font-weight:600; text-decoration:none; cursor:pointer; transition:all .3s; border:1px solid #2563eb; padding:.2rem .5rem; border-radius:.375rem; background:white; display:inline-block; }
        @media (min-width:768px) { .view-detail-btn { font-size:.7rem; padding:.3rem .8rem; } }
        .view-detail-btn:hover { background:#2563eb; color:white; }
        .view-more-btn { display:block; margin:1rem auto; background:#2563eb; color:white; border:none; padding:.6rem 1.5rem; border-radius:.375rem; cursor:pointer; font-weight:600; font-size:12px; transition:all .3s; }
        @media (min-width:768px) { .view-more-btn { padding:.7rem 2rem; font-size:13px; } }
        .view-more-btn:hover { background:#1d4ed8; transform:translateY(-2px); }
        /* ===== WHY WE ARE SECTION ===== */
        .why-we-are { padding:1.5rem 1rem; background:#1c1c1e; color:white; }
        @media (min-width:768px) { .why-we-are { padding:2.5rem 2rem; } }
        @media (min-width:1024px) { .why-we-are { padding:3rem 2rem; } }
        .why-we-are-container { max-width:1400px; margin:0 auto; display:flex; flex-direction:column; align-items:center; gap:1.5rem; }
        @media (min-width:1024px) { .why-we-are-container { flex-direction:row; justify-content:space-between; gap:2rem; } }
        @media (max-width:768px) { .why-we-are-container { margin-top:3rem; } }
        .why-we-are-content { display:flex; flex-direction:column; gap:1rem; flex:1; max-width:100%; order:2; }
        @media (min-width:1024px) { .why-we-are-content { order:2; max-width:50%; } }
        .why-we-are-header { display:flex; gap:1rem; }
        .why-we-are-icon { width:40px; height:40px; background:#fbbf24; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:1.25rem; }
        @media (min-width:768px) { .why-we-are-icon { width:48px; height:48px; font-size:1.5rem; } }
        .why-we-are-header h3 { font-size:1.1rem; font-weight:800; margin-bottom:.4rem; }
        @media (min-width:768px) { .why-we-are-header h3 { font-size:1.3rem; } }
        .why-we-are-header p { color:#d1d5db; font-weight:600; font-size:.85rem; }
        .why-we-are-content > p { color:#d1d5db; line-height:1.6; font-size:.85rem; }
        @media (min-width:768px) { .why-we-are-content > p { font-size:.9rem; } }
        .stats { display:flex; gap:1.5rem; padding-top:.75rem; flex-wrap:wrap; }
        @media (min-width:768px) { .stats { gap:2rem; } }
        .stat { display:flex; flex-direction:column; }
        .stat-number { font-size:1.5rem; font-weight:800; color:#fbbf24; }
        @media (min-width:768px) { .stat-number { font-size:1.75rem; } }
        .stat-label { font-size:.75rem; color:#9ca3af; font-weight:500; }
        @media (min-width:768px) { .stat-label { font-size:.8rem; } }
        .contact-with-us-btn {
            background:white;
            color:#111827;
            border:none;
            padding:.6rem 1.5rem;
            border-radius:.375rem;
            cursor:pointer;
            font-weight:600;
            font-size:12px;
            transition:all .3s;
            width:fit-content;
            text-decoration:none;
            display:none;
        }
        @media (min-width:768px) { .contact-with-us-btn { padding:.7rem 1.8rem; font-size:13px; } }
        .contact-with-us-btn:hover { background:#f3f4f6; transform:translateY(-2px); }
        @media (max-width:767px) { .mobile-btn { display:inline-block; } }
        @media (min-width:768px) { .desktop-btn { display:inline-block; } }
        .why-we-are-images { flex:1; max-width:100%; order:1; display:flex; align-items:center; justify-content:center; width:100%; }
        @media (min-width:1024px) { .why-we-are-images { order:1; max-width:50%; } }
        .why-we-are-images img { width:100%; height:auto; object-fit:cover; border-radius:.75rem; margin:0; }
        /* ===== TEAM SECTION - FULL IMAGE FILLING CARD WITHOUT GAPS ===== */
        .team { padding:1.5rem 1rem; background:#FDF6EC; }
        @media (min-width:768px) { .team { padding:2.5rem 2rem; } }
        @media (min-width:1024px) { .team { padding:3rem 2rem; } }
        .team-container { max-width:1400px; margin:0 auto; }
        .team-grid {
            display:grid;
            grid-template-columns:repeat(4,1fr);
            gap:1rem;
            margin-bottom:1rem;
        }
        @media (max-width:1023px) { .team-grid { grid-template-columns:repeat(2,1fr); } }
        @media (max-width:640px) {
            .team-grid { grid-template-columns:1fr; }
            .team-card { width:74%; margin-left:14%; }
        }
        .team-card { 
            background:#FDF6EC; 
            border:none; 
            border-radius:1rem; 
            overflow:hidden; 
            transition:all .3s; 
            position:relative; 
            min-height:280px; 
            margin-left:0; 
            margin-right:0; 
            width:100%; 
        }
        .team-logo { 
            position:absolute; 
            top:.75rem; 
            right:.75rem; 
            width:40px; 
            height:40px; 
            object-fit:contain; 
            background:transparent; 
            z-index:10; 
        }
        .team-card:hover { transform:translateY(-4px); }
        .team-card img:not(.team-logo) { 
            width:100%; 
            height:280px; 
            object-fit:cover; 
            object-position:top; 
            display:block; 
            background:#FDF6EC; 
            margin:0; 
            padding:0; 
            border-radius:1rem 1rem 0 0; 
        }
        @media (max-width:1023px) { 
            .team-card img:not(.team-logo) { 
                height:280px; 
                width:100%; 
                object-fit:cover; 
            } 
        }
        @media (max-width:640px) { 
            .team-card img:not(.team-logo) { 
                height:280px; 
                width:100%; 
                object-fit:cover; 
            } 
        }
        .team-info { padding:.6rem; text-align:center; }
        @media (min-width:768px) { .team-info { padding:.8rem; } }
        .team-info h3 { font-weight:700; color:#111827; font-size:.75rem; margin-bottom:.15rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
        @media (min-width:768px) { .team-info h3 { font-size:.8rem; } }
        .team-info p { color:#3A8BEA; font-size:.65rem; font-weight:500; }
        @media (min-width:768px) { .team-info p { font-size:.7rem; } }
        /* ===== FOOTER ===== */
        footer { background:linear-gradient(180deg,#2563eb 0%,#1d4ed8 100%); color:white; padding:1.5rem 1rem 0; position:relative; overflow:hidden; }
        @media (min-width:768px) { footer { padding:2.5rem 2rem 0; } }
        footer::before { content:''; position:absolute; bottom:0; left:0; right:0; height:60px; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"><path d="M0,50 Q300,0 600,50 T1200,50 L1200,120 L0,120 Z" fill="%231d4ed8" opacity="0.3"></path></svg>') repeat-x; background-size:600px 60px; }
        .footer-container { max-width:1400px; margin:0 auto; position:relative; z-index:1; }
        .footer-grid { display:grid; grid-template-columns:1fr; gap:1.5rem; margin-bottom:1rem; }
        @media (min-width:640px) { .footer-grid { grid-template-columns:repeat(2,1fr); } }
        @media (min-width:1024px) { .footer-grid { grid-template-columns:repeat(3,1fr); } }
        .footer-section { display:flex; flex-direction:column; }
        .footer-section h4 { font-weight:700; margin-bottom:.75rem; font-size:.85rem; text-transform:uppercase; letter-spacing:.5px; position:relative; padding-bottom:.5rem; }
        @media (min-width:768px) { .footer-section h4 { margin-bottom:1rem; font-size:.9rem; } }
        .footer-section h4::after { content:''; position:absolute; bottom:0; left:0; width:30px; height:3px; background:white; border-radius:2px; }
        .footer-section p { font-size:.75rem; color:#bfdbfe; margin-bottom:.75rem; line-height:1.5; }
        @media (min-width:768px) { .footer-section p { font-size:.8rem; } }
        .footer-section ul { list-style:none; }
        .footer-section:nth-child(2) ul { display:flex; flex-wrap:nowrap; gap:.5rem; white-space:nowrap; overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; }
        .footer-section:nth-child(2) ul::-webkit-scrollbar { display:none; }
        @media (min-width:768px) { .footer-section:nth-child(2) ul { display:block; overflow-x:visible; } }
        .footer-section:nth-child(2) ul li { font-size:.65rem; color:#bfdbfe; margin-bottom:0; display:flex; align-items:center; gap:.2rem; }
        @media (min-width:768px) { .footer-section:nth-child(2) ul li { font-size:.8rem; margin-bottom:.5rem; gap:.5rem; } }
        .footer-section ul li::before { content:'>'; color:white; font-weight:bold; font-size:.85rem; }
        @media (min-width:768px) { .footer-section ul li::before { font-size:.95rem; } }
        .footer-section a { color:#bfdbfe; text-decoration:none; transition:color .3s; }
        .footer-section a:hover { color:white; }
        .footer-logo-section { display:flex; flex-direction:column; gap:.75rem; }
        .footer-logo-section .logo { margin-bottom:.3rem; }
        .footer-logo-section .logo img { width:70%; filter:brightness(0) invert(1); }
        .social-links { display:flex; gap:.75rem; color:#2563eb; margin-top:.75rem; flex-wrap:wrap; }
        .social-links a { display:inline-flex; align-items:center; justify-content:center; width:35px; height:35px; background:rgba(255,255,255,.2); border-radius:50%; transition:all .3s; }
        .social-links a:hover { background:white; }
        .social-links svg { width:18px; height:18px; fill:white; transition:fill .3s; }
        .social-links a:hover svg { fill:#2563eb; }
        .footer-contact-item { display:flex; gap:.5rem; margin-bottom:.5rem; font-size:.75rem; align-items:flex-start; }
        @media (min-width:768px) { .footer-contact-item { font-size:.8rem; } }
        .footer-contact-item span:first-child { flex-shrink:0; font-size:.9rem; }
        .footer-contact-item span:last-child { color:#bfdbfe; line-height:1.3; }
        .footer-contact-item a.address-link { color:#bfdbfe; text-decoration:none; transition:color .3s; }
        .footer-contact-item a.address-link:hover { color:white; }
        .footer-bottom { background-image:url('img/footer_bg.png'); background-repeat:no-repeat; background-size:cover; background-position:center; border-top:1px solid rgba(255,255,255,.2); padding:.75rem 0; text-align:center; font-size:.75rem; color:#bfdbfe; position:relative; z-index:1; width:100vw; left:50%; transform:translateX(-50%); margin:0; }
        @media (min-width:768px) { .footer-bottom { font-size:.8rem; } }
        /* ===== CTA SECTION ===== */
        .cta { padding:0; background:white; width:100vw; margin-left:calc(-50vw + 50%); position:relative; left:50%; transform:translateX(-50%); }
        .cta-content { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; background:url('img/Become_a_Agent.png') no-repeat; background-size:cover; background-position:center; padding:1.5rem 1rem; min-height:200px; overflow:hidden; gap:1rem; text-align:center; width:100%; }
        @media (max-width:639px) { .cta-content { background:#C9C9C9; background-image:none; min-height: 10%; gap:.5rem; } }
        @media (min-width:640px) { .cta-content { flex-direction:row; align-items:center; justify-content:space-between; padding:2.5rem 2rem; min-height:250px; text-align:left; } }
        @media (min-width:1024px) { .cta-content { padding:3rem; min-height:300px; } }
        .cta-text { position:relative; z-index:2; display:flex; flex-direction:column; gap:.75rem; max-width:480px; flex:1; }
        @media (max-width:639px) { .cta-text { margin-left:0; margin-top:0; width:100%; align-items:center; } .cta-text h2,.cta-text p { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; max-width:100%; } }
        @media (min-width:640px) { .cta-text { margin-left:30%; margin-top:23%; } }
        .cta-text h2 { font-size:1.25rem; font-weight:800; color:black; margin:0; line-height:1.2; }
        @media (min-width:640px) { .cta-text h2 { font-size:1.5rem; } }
        @media (min-width:1024px) { .cta-text h2 { font-size:1.6rem; } }
        .cta-text p { color:black; line-height:1.6; margin:0; font-size:.85rem; }
        @media (min-width:768px) { .cta-text p { font-size:.9rem; } }
        .cta-btn { background:#000; color:white; border:none; padding:.6rem 1.5rem; border-radius:.375rem; cursor:pointer; font-weight:600; font-size:12px; transition:all .3s; white-space:nowrap; position:relative; z-index:2; margin-top:24%; width:fit-content; align-self:center; text-decoration:none; display:inline-block; }
        @media (min-width:640px) { .cta-btn { align-self:auto; padding:.7rem 1.8rem; font-size:13px; } }
        @media (max-width:639px) { .cta-btn { margin-top:1rem; } }
        .cta-btn:hover { background:#716f6f; transform:translateY(-2px); }
        .cta-mobile { display:block; }
        .cta-desktop { display:none; }
        @media (min-width:640px) { .cta-mobile{display:none;} .cta-desktop{display:block;} }