/* AML Expert UAE — Extra Styles for Multi-Page Site */

/* Logo */
.logo-img{width:62px;height:62px;object-fit:contain;border-radius:6px;background:#f0f4f8;padding:2px;}
.logo-text strong{display:block;font-size:21px;font-weight:900;color:#1E293B;letter-spacing:1px;}
.logo-text strong span{color:#00A3A3;}
.logo-text em{font-size:11px;color:#94a8bf;font-style:normal;text-transform:uppercase;letter-spacing:1.5px;display:block;margin-top:1px;}

/* Header */
header#site-header{background:#fff;border-bottom:3px solid #00A3A3;position:sticky;top:0;z-index:1000;box-shadow:0 2px 12px rgba(30,41,59,0.12);transition:box-shadow 0.3s;}
header#site-header.scrolled{box-shadow:0 4px 28px rgba(30,41,59,0.18);}
.header-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:78px;}

/* Nav */
#site-nav{display:flex;align-items:center;gap:2px;}
#site-nav .nav-link{font-size:13.5px;font-weight:600;color:#1E293B;padding:8px 11px;border-radius:4px;transition:color 0.2s;position:relative;text-decoration:none;}
#site-nav .nav-link::after{content:'';position:absolute;bottom:4px;left:50%;right:50%;height:2px;background:#00A3A3;transition:left 0.25s,right 0.25s;}
#site-nav .nav-link:hover::after,#site-nav .nav-link.active::after{left:8px;right:8px;}
#site-nav .nav-link:hover,#site-nav .nav-link.active{color:#00A3A3;}
.nav-cta{background:#00A3A3 !important;color:#fff !important;padding:9px 20px !important;border-radius:4px;font-weight:700 !important;font-size:13.5px;transition:all 0.3s;text-decoration:none;margin-left:6px;}
.nav-cta:hover{background:#1E293B !important;color:#00A3A3 !important;transform:translateY(-1px);}
.nav-cta::after{display:none !important;}

/* Mobile hamburger */
.mob-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001;}
.mob-menu-btn span{display:block;width:24px;height:2px;background:#1E293B;border-radius:2px;transition:all 0.3s;}
.mob-menu-btn.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.mob-menu-btn.active span:nth-child(2){opacity:0;transform:scaleX(0);}
.mob-menu-btn.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media(max-width:900px){
  .mob-menu-btn{display:flex;}
  #site-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:16px 20px 20px;border-bottom:3px solid #00A3A3;box-shadow:0 8px 24px rgba(30,41,59,0.12);gap:4px;z-index:999;}
  #site-nav.open{display:flex;}
  #site-nav .nav-link{padding:12px 16px;border-radius:6px;font-size:15px;}
  #site-nav .nav-link::after{display:none;}
  #site-nav .nav-cta{margin:8px 0 0;text-align:center;padding:13px 20px !important;border-radius:6px;}
  .hero h1{font-size:30px;}
  .hero-inner{grid-template-columns:1fr;}
  .about-grid,.goaml-grid,.contact-grid{grid-template-columns:1fr;}
  .services-grid{grid-template-columns:1fr 1fr;}
  .serve-grid{grid-template-columns:1fr 1fr;}
  .whyus-grid,.testi-grid{grid-template-columns:1fr 1fr;}
  .process-wrap{grid-template-columns:1fr 1fr;}
  .process-wrap::before{display:none;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .pen-grid,.faq-grid,.need-grid{grid-template-columns:1fr;}
  .split-grid{grid-template-columns:1fr;}
  .split-img{height:260px;}
}
@media(max-width:600px){
  .services-grid,.serve-grid,.whyus-grid,.testi-grid,.need-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .fr2{grid-template-columns:1fr;}
  .section-title{font-size:24px;}
  .inner-hero h1{font-size:26px;}
}

/* Footer */
.amx-footer{background:#07152e;color:#64748b;padding:60px 20px 0;}

/* Inner page hero */
.inner-hero{position:relative;padding:90px 20px 70px;overflow:hidden;}
.inner-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;}
.inner-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(30,41,59,0.94) 0%,rgba(0,80,90,0.85) 100%);}
.inner-hero-content{position:relative;z-index:1;max-width:800px;}
.inner-hero h1{font-size:40px;font-weight:900;color:#fff;line-height:1.15;margin-bottom:14px;}
.inner-hero h1 em{color:#00A3A3;font-style:normal;}
.inner-hero p{font-size:16px;color:#b8c8d8;line-height:1.8;margin-bottom:24px;max-width:620px;}
.breadcrumb-bar{display:flex;align-items:center;gap:8px;font-size:13px;color:#94a8bf;flex-wrap:wrap;}
.breadcrumb-bar a{color:#00A3A3;text-decoration:none;}
.breadcrumb-bar a:hover{color:#fff;}
.breadcrumb-bar .bc-sep{color:#4a6080;}

/* Working contact form states */
.form-success{display:none;background:#e6f7f7;border:2px solid #00A3A3;border-radius:10px;padding:24px;text-align:center;margin-top:16px;}
.form-success h4{color:#1E293B;font-size:18px;font-weight:700;margin-bottom:10px;}
.form-success p{color:#374151;font-size:14px;line-height:1.7;}
.form-error{display:none;background:#fef2f2;border:1.5px solid #ef4444;border-radius:8px;padding:13px 16px;margin-top:12px;font-size:13.5px;color:#dc2626;}
.submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;}
.submit-btn:disabled{opacity:0.65;cursor:not-allowed;}
.btn-spinner{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:spin 0.7s linear infinite;flex-shrink:0;}
.submit-btn.loading .btn-spinner{display:block;}
@keyframes spin{to{transform:rotate(360deg);}}

/* Section heading fix for inner pages */
.section-title{display:block;}