/* ===== ARIF AGENCIES — SHARED CSS (OFFLINE VERSION) ===== */
/* Poppins font embedded via system fallback + web-safe stack */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Poppins','Segoe UI','Trebuchet MS',Arial,sans-serif;overflow-x:hidden;color:#222;}

/* TABLER ICONS — inline SVG fallback system */
[class^="ti-"],[class*=" ti-"]{display:inline-block;font-style:normal;}

/* TOPBAR */
.topbar{background:#001833;padding:7px 3rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;}
.topbar-left{display:flex;gap:1.5rem;flex-wrap:wrap;}
.topbar-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#aaa;}
.topbar-item .icon{font-size:13px;color:#ffa500;}
.topbar-right{display:flex;gap:8px;}
.soc-btn{width:28px;height:28px;border:1px solid #1a2a3a;border-radius:6px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s;color:#555;font-size:13px;}
.soc-btn:hover{border-color:#ffa500;color:#ffa500;}

/* NAVBAR */
.navbar{background:#fff;padding:0 3rem;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #ffa500;position:sticky;top:0;z-index:100;box-shadow:0 2px 20px rgba(0,0,0,0.08);}
.nav-brand{display:flex;align-items:center;gap:12px;padding:13px 0;text-decoration:none;}
.brand-icon{width:42px;height:42px;background:linear-gradient(135deg,#003366,#0055a4);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;}
.brand-name{font-size:18px;font-weight:800;color:#003366;letter-spacing:-0.3px;line-height:1.1;font-family:'Poppins','Segoe UI',Arial,sans-serif;}
.brand-name span{color:#ffa500;}
.brand-sub{font-size:9px;color:#999;letter-spacing:1.5px;text-transform:uppercase;margin-top:2px;font-family:'Poppins','Segoe UI',Arial,sans-serif;}
.nav-links{display:flex;list-style:none;}
.nav-links a{display:block;padding:20px 14px;font-size:12px;font-weight:600;color:#444;text-decoration:none;letter-spacing:0.3px;border-bottom:3px solid transparent;margin-bottom:-3px;transition:all .2s;font-family:'Poppins','Segoe UI',Arial,sans-serif;}
.nav-links a:hover,.nav-links a.active{color:#0055a4;border-bottom-color:#ffa500;}
.nav-cta{background:linear-gradient(135deg,#003366,#0055a4);color:#fff;border:none;padding:10px 22px;font-size:12px;font-weight:700;font-family:'Poppins','Segoe UI',Arial,sans-serif;border-radius:25px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s;}
.nav-cta:hover{background:linear-gradient(135deg,#0055a4,#0077cc);}
.hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;font-size:24px;color:#003366;}
.mobile-menu{display:none;background:#fff;border-top:1px solid #eee;padding:1rem 2rem;box-shadow:0 4px 20px rgba(0,0,0,0.1);}
.mobile-menu.open{display:block;}
.mobile-menu ul{list-style:none;}
.mobile-menu ul li a{display:block;padding:11px 0;font-size:13px;font-weight:600;color:#333;text-decoration:none;border-bottom:1px solid #f5f5f5;font-family:'Poppins','Segoe UI',Arial,sans-serif;}
.mobile-menu ul li a:hover,.mobile-menu ul li a.active{color:#0055a4;}
.mobile-menu .mob-cta{display:block;margin-top:14px;background:linear-gradient(135deg,#003366,#0055a4);color:#fff;text-align:center;padding:13px;font-family:'Poppins','Segoe UI',Arial,sans-serif;font-size:13px;font-weight:700;border-radius:10px;text-decoration:none;}

/* PAGE HERO */
.page-hero{background:linear-gradient(135deg,#003366 0%,#0055a4 60%,#0077cc 100%);padding:3.5rem 3rem;position:relative;overflow:hidden;}
.page-hero-circles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;}
.phc{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,0.06);}
.phc1{width:350px;height:350px;top:-120px;right:-80px;}
.phc2{width:200px;height:200px;bottom:-60px;left:10%;}
.page-hero-inner{position:relative;max-width:1100px;margin:0 auto;}
.page-hero-tag{display:inline-block;background:rgba(255,165,0,0.18);border:1px solid rgba(255,165,0,0.4);color:#ffa500;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:6px 18px;border-radius:20px;margin-bottom:14px;font-family:'Poppins','Segoe UI',Arial,sans-serif;}
.page-hero h1{font-size:34px;font-weight:800;color:#fff;line-height:1.25;margin-bottom:10px;font-family:'Poppins','Segoe UI',Arial,sans-serif;}
.page-hero h1 span{color:#ffa500;}
.page-hero p{font-size:14px;color:rgba(255,255,255,0.7);line-height:1.8;max-width:560px;}

/* BREADCRUMB */
.breadcrumb{background:#f5f8ff;padding:10px 3rem;border-bottom:1px solid #e8eeff;}
.breadcrumb-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:8px;font-size:12px;color:#888;}
.breadcrumb a{color:#0055a4;text-decoration:none;}

/* SECTIONS */
.section{padding:4.5rem 3rem;}
.section.bg-light{background:#f5f8ff;}
.section.bg-white{background:#fff;}
.inner{max-width:1100px;margin:0 auto;}
.sec-top{text-align:center;margin-bottom:2.8rem;}
.sec-tag{display:inline-block;background:#e8f0ff;color:#0055a4;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:6px 18px;border-radius:20px;margin-bottom:12px;font-family:'Poppins','Segoe UI',Arial,sans-serif;}
.sec-h2{font-size:28px;font-weight:800;color:#003366;margin-bottom:10px;font-family:'Poppins','Segoe UI',Arial,sans-serif;}
.sec-h2.white{color:#fff;}
.sec-sub{font-size:14px;color:#666;max-width:520px;margin:0 auto;line-height:1.75;}
.sec-sub.white{color:rgba(255,255,255,0.6);}

/* BUTTONS */
.btn-primary{background:linear-gradient(135deg,#003366,#0055a4);color:#fff;border:none;padding:13px 28px;font-size:13px;font-weight:700;font-family:'Poppins','Segoe UI',Arial,sans-serif;border-radius:25px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s;}
.btn-primary:hover{background:linear-gradient(135deg,#0055a4,#0077cc);transform:translateY(-1px);}
.btn-orange{background:#ffa500;color:#003366;border:none;padding:13px 28px;font-size:13px;font-weight:700;font-family:'Poppins','Segoe UI',Arial,sans-serif;border-radius:25px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s;}
.btn-orange:hover{background:#ffb733;transform:translateY(-1px);}
.btn-ghost{background:rgba(255,255,255,0.1);color:#fff;border:2px solid rgba(255,255,255,0.3);padding:12px 28px;font-size:13px;font-weight:600;font-family:'Poppins','Segoe UI',Arial,sans-serif;border-radius:25px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s;}
.btn-ghost:hover{background:rgba(255,255,255,0.2);}

/* ICON COLORS */
.ic-blue{background:linear-gradient(135deg,#003366,#0055a4);}
.ic-orange{background:linear-gradient(135deg,#cc7700,#ffa500);}
.ic-green{background:linear-gradient(135deg,#006644,#00a86b);}
.ic-purple{background:linear-gradient(135deg,#7b0099,#aa00cc);}
.ic-teal{background:linear-gradient(135deg,#005577,#0099bb);}
.ic-red{background:linear-gradient(135deg,#8b0000,#cc3300);}

/* FOOTER */
.footer{background:#001833;padding:4rem 3rem 0;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:2.5rem;max-width:1100px;margin:0 auto 3rem;}
.f-logo{font-size:18px;font-weight:800;color:#fff;font-family:'Poppins','Segoe UI',Arial,sans-serif;}
.f-logo span{color:#ffa500;}
.f-desc{font-size:12px;color:#3a5068;line-height:1.8;margin-top:10px;}
.f-title{font-size:11px;font-weight:700;color:#ffa500;text-transform:uppercase;letter-spacing:2px;margin-bottom:14px;font-family:'Poppins','Segoe UI',Arial,sans-serif;}
.f-links{list-style:none;}
.f-links li{margin-bottom:9px;}
.f-links a{font-size:12px;color:#3a5068;text-decoration:none;transition:color .2s;display:flex;align-items:center;gap:6px;}
.f-links a:hover{color:#ffa500;}
.footer-bottom{border-top:1px solid #0a1a2a;padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;max-width:1100px;margin:0 auto;}
.footer-copy,.footer-tagline{font-size:12px;color:#2a4060;}

/* RESPONSIVE */
@media(max-width:900px){
  .topbar{padding:6px 1.5rem;}
  .navbar{padding:0 1.5rem;}
  .nav-links{display:none;}
  .hamburger{display:block;}
  .page-hero{padding:2.5rem 1.5rem;}
  .page-hero h1{font-size:26px;}
  .breadcrumb{padding:10px 1.5rem;}
  .section{padding:3rem 1.5rem;}
  .footer{padding:3rem 1.5rem 0;}
}
@media(max-width:600px){
  .page-hero h1{font-size:22px;}
  .sec-h2{font-size:22px;}
}

/* ===== WATERMARK LOGO ===== */
/* Applied to hero sections and splash as subtle background watermark */
.watermark-bg {
  position: relative;
}
.watermark-bg::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  height: 500px;
  background-image: url('data:image/png;base64,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');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.04;
  pointer-events: none;
  z-index: 0;
}
/* Make sure content stays above watermark */
.watermark-bg > * {
  position: relative;
  z-index: 1;
}

/* Page hero watermark — slightly larger, centered */
.page-hero.watermark-bg::after {
  width: 600px;
  height: 300px;
  opacity: 0.05;
}

/* Splash screen watermark — big centered */
#splash.watermark-bg::after {
  width: 70%;
  height: 70%;
  max-width: 700px;
  opacity: 0.04;
}

/* Section watermark — subtle for white/light sections */
.section.watermark-bg::after {
  opacity: 0.025;
  width: 450px;
  height: 300px;
}