:root{
  --nav-blue:#083b69 !important;
  --accent:#f28c2b !important;
  --muted:#7b8aa0 !important;
  --light:#f0f4f7 !important;
  --max-width:1100px !important;
}
*{box-sizing:border-box}
body{font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial !important;line-height:1.4 !important;margin:0 !important;color:#123 !important;}
.container{max-width:var(--max-width) !important;margin:0 auto !important;padding:0 20px !important;}

/* Top Bar Styles */
.top-bar{background:#f5f5f5 !important;padding:8px 0 !important;border-bottom:1px solid #e0e0e0 !important;}
.top-bar-inner{display:flex !important;justify-content:space-between !important;align-items:center !important;}
.top-bar-left{display:flex !important;gap:24px !important;align-items:center !important;}
.top-bar-contact{display:flex !important;align-items:center !important;gap:8px !important;color:#1877f2 !important;text-decoration:none !important;font-size:13px !important;transition:opacity 0.3s ease !important;}
.top-bar-contact:hover{opacity:0.8 !important;}
.top-bar-contact i{font-size:14px !important;}
.top-bar-right{display:flex !important;gap:8px !important;align-items:center !important;}
.top-social-icon{display:flex !important;align-items:center !important;justify-content:center !important;width:32px !important;height:32px !important;border-radius:50% !important;color:#fff !important;text-decoration:none !important;transition:all 0.3s ease !important;font-size:14px !important;}
.top-social-icon.facebook{background:#1877f2 !important;}
.top-social-icon.instagram{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important;}
.top-social-icon.youtube{background:#ff0000 !important;}
.top-social-icon.whatsapp{background:#25d366 !important;}
.top-social-icon:hover{transform:translateY(-2px) !important;box-shadow:0 4px 8px rgba(0,0,0,0.2) !important;}

/* Header Styles */
.site-header{background:var(--nav-blue) !important;color:#fff !important;}
.header-inner{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:14px 0 !important;}
.logo{font-weight:700 !important;color:#fff !important;text-decoration:none !important;display:flex !important;align-items:center !important;}
.header-logo-fallback{display:flex !important;align-items:center !important;gap:10px !important;}
.header-logo-icon{width:45px !important;height:45px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:rgba(255,255,255,0.1) !important;border-radius:8px !important;}
.header-logo-icon i{font-size:22px !important;color:#fff !important;}
.header-logo-text{display:flex !important;flex-direction:column !important;}
.header-logo-main{font-weight:700 !important;font-size:22px !important;color:#fff !important;line-height:1.2 !important;letter-spacing:1px !important;text-transform:uppercase !important;}
.header-logo-sub{font-weight:400 !important;font-size:10px !important;color:rgba(255,255,255,0.9) !important;letter-spacing:1px !important;text-transform:uppercase !important;margin-top:2px !important;}
.main-nav{display:flex !important;align-items:center !important;gap:18px !important;}
.main-nav a{color:#dbe8ff !important;text-decoration:none !important;font-size:14px !important;transition:color 0.3s ease !important;display:flex !important;align-items:center !important;gap:6px !important;text-transform:uppercase !important;font-weight:500 !important;}
.main-nav a.nav-services{text-transform:none !important;}
.main-nav a:hover{color:#fff !important;}
.main-nav a i{font-size:14px !important;}
.main-nav a.nav-home span{text-transform:none !important;}
.main-nav a.nav-dropdown i.fa-chevron-down{font-size:10px !important;margin-left:4px !important;opacity:0.8 !important;}

.hero{position:relative !important;padding:120px 0 90px !important;overflow:hidden !important;min-height:200px !important;display:flex !important;align-items:center !important;}
.hero-bg{position:absolute !important;inset:0 !important;background-image:url('/mahir/assets/p1.jpg') !important;background-size:cover !important;background-position:center right !important;filter:contrast(105%) !important;}
.hero-bg::after{content:'' !important;position:absolute !important;inset:0 !important;background:linear-gradient(90deg,rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.65) 40%, rgba(255,255,255,0.25) 100%) !important;} 
.hero-inner{position:relative !important;display:flex !important;gap:30px !important;align-items:center !important;width:100% !important;}
.hero-left{flex:1 !important;}
.hero-left h1{font-size:42px !important;margin:0 0 16px !important;color:var(--nav-blue) !important;line-height:1.2 !important;font-weight:700 !important;}
.lead{font-weight:600 !important;color:#21445d !important;margin:12px 0 8px !important;font-size:18px !important;}
.muted{color:var(--muted) !important;font-size:15px !important;line-height:1.5 !important;}
.btn-primary{display:inline-block !important;margin-top:12px !important;background:var(--accent) !important;color:#fff !important;padding:10px 18px !important;border-radius:4px !important;text-decoration:none !important;font-weight:700 !important;}

.request-card{width:320px !important;background:rgba(7,41,73,0.95) !important;color:#fff !important;padding:20px !important;border-radius:4px !important;box-shadow:0 8px 24px rgba(0,0,0,0.12) !important;}
.request-card h3{margin:0 0 12px !important;}
.request-card form input,.request-card form textarea{width:100% !important;padding:8px !important;margin:8px 0 !important;border:0 !important;border-radius:3px !important;}
.request-card form textarea{min-height:70px !important;}
.btn-submit{display:block !important;width:100% !important;background:var(--accent) !important;color:#082f52 !important;border:0 !important;padding:10px !important;margin-top:6px !important;font-weight:700 !important;border-radius:3px !important;}

.filters{padding:28px 20px 36px !important;}
.filters-card{background:#fff !important;padding:28px 26px !important;border-radius:10px !important;box-shadow:0 10px 30px rgba(15,38,66,0.08) !important;max-width:980px !important;margin:0 auto !important;}
.filters .center{text-align:center !important;color:var(--accent) !important;font-weight:700 !important;margin:0 0 12px !important;}
.filters-row{display:flex !important;gap:18px !important;justify-content:center !important;margin-top:12px !important;flex-wrap:wrap !important;}
.filters-row select{padding:12px 14px !important;border-radius:6px !important;border:1px solid #d6e2ee !important;background:#f8fbfd !important;min-width:180px !important;}
.filters-row select:focus{outline:2px solid rgba(34,90,150,0.12) !important;box-shadow:0 6px 18px rgba(34,90,150,0.06) !important;}

.video-callout{background:var(--light);padding:40px 0}
.video-inner{display:flex;gap:20px;align-items:center}
.video-left{flex:1;padding:20px}
.video-image{background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,0.08);overflow:hidden;display:flex;align-items:center;justify-content:center}
.video-image img{display:block;width:100%;height:260px;object-fit:cover}
.video-thumb{width:360px;height:200px;background:#fff;border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,0.08);position:relative;overflow:hidden;background-image:url('../assets/l0.jpg');background-size:cover;background-position:center center}
.video-thumb .play{font-size:28px;color:var(--accent);background:rgba(255,255,255,0.95);width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(7,41,73,0.18);}
.image-band{width:100%;height:260px;background-image:url('../assets/l0.jpg');background-size:cover;background-position:center center;position:relative}
.image-band::after{content:'';position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%)}

@media (max-width:880px){
  .image-band{height:180px}
}

.highlights{padding:48px 20px !important;}
.highlights .center{text-align:center !important;color:var(--nav-blue) !important;}
.stats{display:flex !important;gap:18px !important;justify-content:center !important;margin:28px 0 !important;flex-wrap:wrap !important;}
.stat{background:#fff !important;padding:12px 18px !important;border-radius:6px !important;text-align:center !important;min-width:160px !important;}
.stat-title{color:var(--muted) !important;font-size:13px !important;}
.stat-value{color:var(--accent) !important;font-weight:700 !important;margin-top:8px !important;}
.flat-sizes{display:flex !important;justify-content:center !important;gap:18px !important;flex-wrap:wrap !important;margin-top:18px !important;}
.fs-item{background:#fff !important;padding:14px 22px !important;border-radius:6px !important;text-align:center !important;min-width:120px !important;}
.fs-name{color:#234 !important;opacity:0.7 !important;}
.fs-size{color:var(--accent) !important;font-weight:700 !important;margin-top:6px !important;}

.site-footer{background:var(--nav-blue) !important;color:#fff !important;padding:50px 0 !important;margin-top:40px !important;}
.footer-inner{display:grid !important;grid-template-columns:1fr 2fr 1fr !important;gap:40px !important;align-items:start !important;}

/* Footer Logo */
.footer-logo{display:flex !important;align-items:center !important;gap:12px !important;}
.footer-logo-icon{width:50px !important;height:50px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:rgba(255,255,255,0.1) !important;border-radius:8px !important;}
.footer-logo-icon i{font-size:24px !important;color:#fff !important;}
.footer-logo-text{display:flex !important;flex-direction:column !important;}
.logo-main{font-weight:700 !important;font-size:24px !important;color:#fff !important;line-height:1.2 !important;letter-spacing:1px !important;}
.logo-sub{font-weight:400 !important;font-size:11px !important;color:rgba(255,255,255,0.9) !important;letter-spacing:1px !important;text-transform:uppercase !important;margin-top:2px !important;}

/* Footer Contact Information (Center) */
.footer-contact-info{display:flex !important;flex-direction:column !important;gap:5px !important;}
.footer-contact-item{display:flex !important;align-items:flex-start !important;gap:12px !important;color:#fff !important;font-size:14px !important;line-height:1.8 !important;margin-bottom:15px !important;}
.footer-contact-item:last-of-type{margin-bottom:0 !important;}
.footer-contact-item i{color:#fff !important;font-size:16px !important;margin-top:3px !important;flex-shrink:0 !important;}
.footer-contact-item span{flex:1 !important;}

/* Quick Links */
.footer-quick-links{margin-top:20px !important;}
.quick-links-title{color:var(--accent) !important;font-size:16px !important;font-weight:700 !important;margin:0 0 12px 0 !important;text-transform:uppercase !important;}
.quick-links-nav{display:flex !important;flex-wrap:wrap !important;gap:15px !important;}
.quick-links-nav a{color:#fff !important;text-decoration:none !important;font-size:14px !important;transition:color 0.3s ease !important;}
.quick-links-nav a:hover{color:var(--accent) !important;}

/* Footer Follow Us (Right) */
.footer-follow-us{display:flex !important;flex-direction:column !important;gap:15px !important;}
.follow-us-title{color:#fff !important;font-size:16px !important;font-weight:700 !important;margin:0 !important;text-transform:uppercase !important;}

/* Footer Social Icons */
.footer-social{display:flex !important;gap:12px !important;align-items:center !important;}
.social-icon{display:flex !important;align-items:center !important;justify-content:center !important;width:40px !important;height:40px !important;border-radius:50% !important;color:#fff !important;text-decoration:none !important;transition:all 0.3s ease !important;font-size:16px !important;}
.social-icon.facebook{background:#1877f2 !important;}
.social-icon.instagram{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important;}
.social-icon.youtube{background:#ff0000 !important;}
.social-icon.whatsapp{background:#25d366 !important;}
.social-icon:hover{transform:translateY(-3px) !important;box-shadow:0 4px 12px rgba(0,0,0,0.3) !important;opacity:0.9 !important;}

/* Responsive */
@media (max-width:880px){
  .top-bar-inner{flex-direction:column !important;gap:12px !important;}
  .top-bar-left{flex-wrap:wrap !important;justify-content:center !important;gap:16px !important;}
  .top-bar-right{justify-content:center !important;}
  .header-inner{flex-direction:column !important;gap:16px !important;}
  .main-nav{flex-wrap:wrap !important;justify-content:center !important;gap:12px !important;}
  .hero{padding:70px 0 50px !important;min-height:180px !important;}
  .hero-left h1{font-size:32px !important;}
  .hero-inner{flex-direction:column !important;}
  .request-card{width:100% !important;}
  .video-inner{flex-direction:column !important;}
  .video-thumb{width:100% !important;height:180px !important;}
  .filters-row{flex-direction:column !important;align-items:stretch !important;}
  .footer-inner{grid-template-columns:1fr !important;gap:30px !important;text-align:center !important;}
  .footer-logo{justify-content:center !important;}
  .footer-contact-info{align-items:center !important;}
  .footer-contact-item{justify-content:center !important;}
  .quick-links-nav{justify-content:center !important;}
  .footer-follow-us{align-items:center !important;}
  .footer-social{justify-content:center !important;}
}
@media (max-width:480px){
  .hero{padding:50px 0 40px !important;min-height:150px !important;}
  .hero-left h1{font-size:28px !important;}
}

/* Content Sections - Mahir Design */
.content-section{padding:50px 20px !important;background:#fff !important;}
.content-section h2{font-size:32px !important;color:var(--nav-blue) !important;margin-bottom:20px !important;font-weight:700 !important;}
.content-section h3{font-size:24px !important;color:var(--nav-blue) !important;margin-bottom:16px !important;font-weight:600 !important;}
.content-section p{color:#555 !important;line-height:1.8 !important;margin-bottom:16px !important;font-size:15px !important;}

/* About Page Styles */
.about-content{display:grid !important;grid-template-columns:1fr 1fr !important;gap:40px !important;align-items:center !important;margin:40px 0 !important;}
.about-image{width:100% !important;border-radius:8px !important;overflow:hidden !important;box-shadow:0 8px 24px rgba(0,0,0,0.1) !important;}
.about-image img{width:100% !important;height:auto !important;display:block !important;}
.about-text h2{font-size:28px !important;color:var(--nav-blue) !important;margin-bottom:16px !important;}
.about-text h4{font-size:20px !important;color:#21445d !important;margin-bottom:12px !important;font-weight:600 !important;}
.about-text ul{list-style:none !important;padding:0 !important;margin:20px 0 !important;}
.about-text ul li{padding:8px 0 !important;padding-left:24px !important;position:relative !important;color:#555 !important;}
.about-text ul li:before{content:'✓' !important;position:absolute !important;left:0 !important;color:var(--accent) !important;font-weight:700 !important;}

/* Service Cards */
.services-grid{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr)) !important;gap:30px !important;margin:40px 0 !important;}
.service-card{background:#fff !important;padding:30px !important;border-radius:8px !important;box-shadow:0 4px 16px rgba(0,0,0,0.08) !important;transition:transform 0.3s ease,box-shadow 0.3s ease !important;border:1px solid #eee !important;}
.service-card:hover{transform:translateY(-5px) !important;box-shadow:0 8px 24px rgba(0,0,0,0.12) !important;}
.service-card .icon{font-size:48px !important;color:var(--accent) !important;margin-bottom:16px !important;}
.service-card h3{font-size:20px !important;color:var(--nav-blue) !important;margin-bottom:12px !important;font-weight:600 !important;}
.service-card ul{list-style:none !important;padding:0 !important;margin:12px 0 !important;}
.service-card ul li{padding:6px 0 !important;color:#666 !important;font-size:14px !important;}

/* Contact Form */
.contact-wrapper{background:var(--light) !important;padding:50px 30px !important;border-radius:8px !important;margin:40px 0 !important;}
.contact-form{max-width:800px !important;margin:0 auto !important;}
.form-group{margin-bottom:20px !important;}
.form-group input,.form-group textarea{width:100% !important;padding:12px 16px !important;border:1px solid #ddd !important;border-radius:6px !important;font-size:15px !important;font-family:inherit !important;}
.form-group input:focus,.form-group textarea:focus{outline:none !important;border-color:var(--accent) !important;box-shadow:0 0 0 3px rgba(242,140,43,0.1) !important;}
.form-group textarea{min-height:120px !important;resize:vertical !important;}
.contact-info{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr)) !important;gap:20px !important;margin:40px 0 !important;}
.info-item{background:#fff !important;padding:24px !important;border-radius:8px !important;box-shadow:0 4px 12px rgba(0,0,0,0.06) !important;text-align:center !important;}
.info-item .icon{font-size:32px !important;color:var(--accent) !important;margin-bottom:12px !important;}
.info-item h4{font-size:16px !important;color:var(--nav-blue) !important;margin-bottom:8px !important;font-weight:600 !important;}
.info-item p{color:#666 !important;font-size:14px !important;margin:0 !important;}
.info-item a{color:var(--accent) !important;text-decoration:none !important;}

/* Blog Cards */
.blog-grid{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(320px,1fr)) !important;gap:30px !important;margin:40px 0 !important;}
.blog-card{background:#fff !important;border-radius:8px !important;overflow:hidden !important;box-shadow:0 4px 16px rgba(0,0,0,0.08) !important;transition:transform 0.3s ease,box-shadow 0.3s ease !important;}
.blog-card:hover{transform:translateY(-5px) !important;box-shadow:0 8px 24px rgba(0,0,0,0.12) !important;}
.blog-card img{width:100% !important;height:220px !important;object-fit:cover !important;}
.blog-card-content{padding:24px !important;}
.blog-card .meta{display:flex !important;gap:16px !important;font-size:13px !important;color:var(--muted) !important;margin-bottom:12px !important;}
.blog-card h3{font-size:20px !important;color:var(--nav-blue) !important;margin-bottom:12px !important;font-weight:600 !important;line-height:1.4 !important;}
.blog-card h3 a{color:inherit !important;text-decoration:none !important;}
.blog-card p{color:#666 !important;line-height:1.6 !important;margin-bottom:16px !important;font-size:14px !important;}
.blog-card .read-more{color:var(--accent) !important;text-decoration:none !important;font-weight:600 !important;font-size:14px !important;}

/* Buttons */
.btn-mahir{display:inline-block !important;padding:12px 24px !important;background:var(--accent) !important;color:#fff !important;border-radius:6px !important;text-decoration:none !important;font-weight:600 !important;transition:background 0.3s ease !important;border:none !important;cursor:pointer !important;font-size:15px !important;}
.btn-mahir:hover{background:#e67a1f !important;color:#fff !important;}
.btn-mahir-outline{display:inline-block !important;padding:12px 24px !important;background:transparent !important;color:var(--accent) !important;border:2px solid var(--accent) !important;border-radius:6px !important;text-decoration:none !important;font-weight:600 !important;transition:all 0.3s ease !important;cursor:pointer !important;font-size:15px !important;}
.btn-mahir-outline:hover{background:var(--accent) !important;color:#fff !important;}

/* Section Headers */
.section-header{text-align:center !important;margin:50px 0 40px !important;}
.section-header h2{font-size:36px !important;color:var(--nav-blue) !important;margin-bottom:12px !important;font-weight:700 !important;}
.section-header p{font-size:16px !important;color:var(--muted) !important;max-width:600px !important;margin:0 auto !important;}
.section-header .underline{display:block !important;width:60px !important;height:3px !important;background:var(--accent) !important;margin:16px auto 0 !important;}

/* Map */
.map-box{width:100% !important;height:400px !important;border-radius:8px !important;overflow:hidden !important;box-shadow:0 4px 16px rgba(0,0,0,0.1) !important;}
.map-box iframe{width:100% !important;height:100% !important;border:0 !important;}

/* Responsive */
@media (max-width:880px){
  .about-content{grid-template-columns:1fr !important;}
  .services-grid{grid-template-columns:1fr !important;}
  .blog-grid{grid-template-columns:1fr !important;}
  .contact-info{grid-template-columns:1fr !important;}
  .section-header h2{font-size:28px !important;}
}