@import "https://fonts.googleapis.com/css2?family=Cairo:wght@700;900&display=swap";:root{--white:#fff;--gray:#c1c1c7;--black:#222225;--blue:#1e293b;--g-blue:#06b6d4;--orange:#e6a862}html,body{scroll-behavior:smooth;width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;font-family:Cairo,sans-serif}*{box-sizing:border-box}#root{-webkit-overflow-scrolling:touch;width:100%;height:100%}.menu-toggle-btn{display:none}.hero-box{background-image:url(/hero.jpg);background-position:50%;background-size:cover;width:100%;height:100vh;position:relative;overflow:hidden}.hero-box:before{content:"";background-color:#050a1980;width:100%;height:100%;position:absolute;top:0;left:0}.header-nav{box-sizing:border-box;z-index:10;justify-content:space-between;align-items:center;width:100%;padding:25px 50px;display:flex;position:absolute;top:0;left:0}.logo-area{cursor:pointer;align-items:center;gap:5px;margin-left:60px;display:flex}.logo-text{color:var(--white);margin-right:-15px;font-family:Cairo,sans-serif;font-size:28px;font-weight:600}.logo-img{filter:brightness(0)invert();width:80px;height:80px}.nav-menu{direction:rtl;gap:40px;margin-right:60px;list-style:none;display:flex}.nav-menu a{color:var(--white);font-family:Cairo,sans-serif;font-size:16px;font-weight:500;text-decoration:none}.nav-menu a:hover{color:var(--orange);transition:all .3s}.hero-text-content{text-align:center;width:100%;color:var(--white);padding:0 20px;position:absolute;bottom:80px}.hero-text-content h1{margin-bottom:20px;font-family:Cairo,sans-serif;font-size:32px;font-weight:800}.login-btn{border:1px solid var(--white);color:var(--white);cursor:pointer;background:0 0;border-radius:20px;margin-right:660px;padding:7px 25px;font-family:Cairo,sans-serif}.login-btn:hover{background:var(--orange);transition:all .3s}.cta-btn{background:var(--orange);border:1px solid var(--black);color:var(--black);cursor:pointer;border-radius:25px;padding:10px 30px;font-family:Cairo,sans-serif;font-size:17px;font-weight:700;text-decoration:none}.cta-btn:hover{background:var(--gray);border:1px solid var(--black);color:var(--black)}.close-menu-btn{display:none}.properties-section{background:#0f172a;height:1400px;padding:50px 20px 80px}.properties-container{max-width:1200px;height:100vh;margin:0 auto}.section-header{text-align:center;margin-top:40px;margin-bottom:50px}.section-title{color:var(--white);margin-top:40px;font-size:2rem;font-weight:700}.icon-svg{width:18px;height:19px;stroke:var(--g-blue);vertical-align:middle;margin-left:-5px}.properties-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;display:grid}.property-card{background-color:var(--blue);border:1px solid var(--blue);border-radius:16px;transition:transform .3s,box-shadow .3s;overflow:hidden}.property-card:hover{border-color:var(--g-blue);transform:translateY(-5px);box-shadow:0 10px 30px #06b6d426}.property-img-wrapper{height:220px;position:relative}.property-img{object-fit:cover;width:100%;height:100%}.property-price{color:var(--g-blue);background-color:#020617d9;border:1px solid #06b6d44d;border-radius:8px;padding:6px 14px;font-size:1.1rem;font-weight:700;position:absolute;bottom:15px;left:15px}.property-body{padding:20px}.property-location{color:var(--gray);font-size:.85rem}.property-title{color:var(--white);margin:10px 0;font-size:1.25rem;font-weight:700}.property-features{color:var(--gray);border-top:1px solid var(--blue);border-bottom:1px solid var(--blue);justify-content:space-between;margin:15px 0;padding:10px 0;font-size:.9rem;display:flex}.property-btn{width:100%;color:var(--g-blue);border:1px solid var(--g-blue);cursor:pointer;background-color:#0000;border-radius:8px;padding:10px;font-weight:600;transition:background-color .3s,color .3s}.property-btn:hover{background-color:var(--g-blue);color:var(--black)}.about-section{color:var(--white);text-align:right;direction:rtl;background-color:#2a354f;padding:100px 20px}.about-container{justify-content:space-between;gap:50px;max-width:1200px;margin:0 auto;display:flex}.about-main-img{object-fit:cover;border:1px solid #1e293b;border-radius:20px;width:550px;height:600px;margin-bottom:20px}.content-side{margin-right:30px;font-size:1.3rem;display:inline-block}.content-side span{color:var(--g-blue);font-size:2rem}.content-side h2{font-size:1.7rem}.about-description{color:var(--gray);margin-bottom:30px;font-size:.9rem;line-height:2}.about-features-list{flex-direction:column;gap:25px;margin-bottom:30px;display:flex}.feature-icon-box{color:var(--g-blue);justify-content:center;align-items:center;margin-top:5px;padding:10px;font-size:1.4rem;display:flex}.about-feature-item h4{color:#fff;margin-bottom:5px;font-size:1.1rem}.about-feature-item p{color:#94a3b8;margin:12px 0 0;font-size:.9rem}.about-btn{color:#020617;cursor:pointer;background-color:#06b6d4;border:none;border-radius:8px;padding:12px 30px;font-size:1rem;font-weight:700;transition:background-color .3s,transform .2s}.about-btn:hover{background-color:#0891b2;transform:translateY(-2px)}.about-feature-item{background-color:#0f172a;border:1px solid #1e293b;border-radius:10px;align-items:flex-start;gap:12px;padding:12px;display:flex}.stats-section{text-align:right;box-sizing:border-box;background-color:#2a354f;width:100%;height:50vh;padding:10px 40px}.stats-container{text-align:center;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;max-width:1100px;margin:0 auto;display:grid}.stat-card{border:1px solid var(--gray);background-color:#0000;border-radius:14px;padding:10px;transition:transform .3s,border-color .3s}.stat-number{color:var(--gray);margin-bottom:3px;font-size:2.5rem;font-weight:700}.stat-label{color:var(--gray);margin-left:10px;font-size:.9rem}.contact-section{box-sizing:border-box;direction:rtl;background-color:#0f172a;width:100%;padding:100px 20px}.contact-container{max-width:1100px;margin:0 auto}.contact-header{text-align:center;margin-bottom:150px}.section-subtitle{color:var(--g-blue);font-size:2.2rem;font-weight:600}.section-title{color:var(--white);margin:30px 0 10px;font-size:1.7rem;font-weight:700}.contact-desc{color:var(--gray);margin-top:40px;font-size:1rem}.contact-content-wrapper{grid-template-columns:1fr 1.2fr;align-items:center;gap:50px;display:grid}.contact-info{flex-direction:column;gap:5px;display:flex}.info-item{background-color:#0000;border-radius:14px;align-items:flex-start;gap:12px;padding:20px;display:flex}.info-icon{border-radius:10px;padding:10px;font-size:1.5rem}.info-icon svg{width:25px;height:25px;stroke:var(--g-blue);fill:none;stroke-width:2px;vertical-align:middle;margin-top:7px;margin-left:1px}.info-item h4{color:var(--white);margin-bottom:22px;font-size:1.1rem}.info-item p{color:var(--gray);margin:0;font-size:1rem}.contact-form{background-color:#0000;border:1px solid #1e293b;border-radius:16px;flex-direction:column;gap:60px;margin-top:20px;padding:40px;display:flex}.form-group input,.form-group textarea{width:100%;color:var(--black);box-sizing:border-box;background-color:#3b4555;border:1px solid #1e293b;border-radius:10px;outline:none;padding:14px;font-size:.9rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--g-blue)}::placeholder{color:#f8f9fb;opacity:1}.submit-btn{background-color:var(--g-blue);color:var(--black);cursor:pointer;border:none;border-radius:10px;padding:14px;font-size:1rem;font-weight:700;transition:background-color .3s}.submit-btn:hover{background-color:var(--g-blue)}.footer-section{text-align:right;direction:rtl;background-color:#2a354f;padding-top:60px}.footer-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:80px;max-width:1100px;margin:0 auto;padding:0 20px 40px;display:grid}.footer-logo{color:var(--white);margin-bottom:20px;font-size:1.5rem;font-weight:700}.footer-logo span{color:var(--g-blue)}.footer-col h4{color:var(--white);margin-bottom:26px;font-size:1.1rem}.footer-about{color:var(--gray)}.social-icons{gap:10px;display:flex}.social-icon svg{width:23px;height:23px;stroke:var(--white);fill:none;stroke-width:2px;vertical-align:middle;margin-top:5px;margin-left:1px}.social-icon{color:var(--white);background-color:#0f172a;border:1px solid #1e293b;border-radius:8px;padding:7px 9px 9px;font-size:.9rem;text-decoration:none;transition:all .3s}.social-icon:hover{background-color:var(--g-blue);color:#020617;border-color:#2a354f;transition:all .3s}.footer-bottom{text-align:center;color:var(--gray);background-color:#2a354f;border-top:1px solid #1e293b;padding:20px;font-size:.9rem}.icon-svg{width:18px;height:25px;stroke:var(--gray);fill:none;stroke-width:2px;vertical-align:middle;margin-left:5px;margin-right:5px}@media (width<=768px){.menu-toggle-btn{justify-content:center;align-items:center;margin-left:-50px;color:var(--white)!important;background-color:#0000!important;border:none!important;font-size:28px!important;display:block!important}.logo-area{margin-left:30px}.logo-text{margin-left:100px}.close-menu-btn{color:var(--white)!important;background:0 0!important;border:none!important;margin-right:163px!important;font-size:28px!important;display:block!important}.nav-menu.active{left:0!important}.nav-menu{z-index:9999999;background-color:#0f172a;flex-direction:column;gap:40px;width:260px;height:100vh;padding:40px 30px;list-style:none;transition:right .3s ease-in-out;display:flex;position:fixed;top:-10px;right:-100%;box-shadow:-5px 0 15px #00000080}.cta-btn{border:3px solid var(--black);padding:10px 20px}.cta-btn:hover{border:3px solid var(--black)}.properties-section{height:3450px;padding:50px 20px 80px}.properties-grid{gap:50px}.section-title{margin-top:60px}.about-section{text-align:right;box-sizing:border-box;direction:rtl;width:100%;padding:100px 15px}.about-container{flex-direction:column;gap:40px;max-width:600px;margin:0 auto;display:flex}.content-side .subtitle{color:var(--g-blue);font-size:2rem;font-weight:600}.title{color:var(--white);margin-top:20px;margin-bottom:25px;font-size:1.3rem;font-weight:700;line-height:1.4}.about-image-wrapper{width:100%;position:relative}.about-main-img{object-fit:cover;border:1px solid #1e293b;border-radius:14px;width:100%;height:440px;display:block}.about-description{color:var(--gray);text-align:start;margin-bottom:60px;font-size:.9rem;line-height:1.6}.about-features-list{flex-direction:column;gap:20px;display:flex}.about-feature-item{background-color:#0f172a;border:1px solid #1e293b;border-radius:10px;align-items:flex-start;gap:12px;padding:12px;display:flex}.feature-icon-box{color:var(--g-blue);border-radius:6px;justify-content:center;align-items:center;width:25px;height:25px;margin-top:20px;font-size:.9rem;font-weight:700;display:flex}.about-feature-item h4{color:var(--white);margin-bottom:3px;font-size:.95rem}.about-feature-item p{color:var(--gray);margin:0;font-size:.75rem}.stats-section{height:1000px}.stats-container{margin-top:-50px}.stat-card{padding:8px 1px 30px}.contact-content-wrapper{grid-template-columns:1fr}.contact-info{margin-top:-60px}.section-subtitle{font-size:2rem}.section-title{font-size:1.4rem}.contact-desc{margin-top:25px}.contact-form{border:1px solid #394455}.footer-container{text-align:center;grid-template-columns:1fr;gap:15px}.social-icons{justify-content:center}.footer-bottom p{margin-top:10px}}