:root {
      --blue: #1a56db;
      --blue-lt: #3b82f6;
      --blue-pale: #eff6ff;
      --ink: #0f172a;
      --ink-mid: #334155;
      --white: #ffffff;
      --off-white: #f8fafc;
      --transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    *{
      box-sizing: border-box;
    }
body{
  font-family: 'Poppins',sans-serif;
  margin: 0;
}
@media (max-width:768px) {
  .hide-mobile{display:none !important;}
}
@media (min-width:768px) {
  .hide-lap{display:none !important;}
}

/* =================== NAVBAR =================== */
#navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:0 5vw;height:76px;display:flex;align-items:center;justify-content:space-between;background:transparent;transition:background .4s cubic-bezier(.19,1,.22,1),box-shadow .4s,height .3s;}
#navbar.scrolled{height:64px;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);box-shadow:0 1px 0 #e2e8f0,0 4px 20px rgba(26,86,219,.08);}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;}
.nav-logo img{height:44px;width:auto;object-fit:contain;transition:transform .35s cubic-bezier(.34,1.56,.64,1);}
.nav-logo:hover img{transform:scale(1.05);}
.nav-links{display:flex;align-items:center;gap:2px;list-style:none;margin:0 auto;padding:0 2vw;}
.nav-links li a{position:relative;display:block;padding:8px 13px;font-size:.875rem;font-weight:600;color:rgba(255,255,255,.9);text-decoration:none;transition:color .28s;}
#navbar.scrolled .nav-links li a{color:#334155;}
.nav-links li a::after{content:'';position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:0;height:2px;border-radius:2px;background:#1a56db;transition:width .35s cubic-bezier(.19,1,.22,1);}
.nav-links li a:hover,.nav-links li a.active{color:#3b82f6;}
#navbar.scrolled .nav-links li a:hover,#navbar.scrolled .nav-links li a.active{color:#1a56db;}
.nav-links li a:hover::after,.nav-links li a.active::after{width:calc(100% - 20px);}
.dropdown{position:relative;}
.dropdown-content{opacity:0;visibility:hidden;position:absolute;top:100%;left:0;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);min-width:290px;border-radius:12px;box-shadow:0 8px 32px rgba(26,86,219,.15);z-index:1001;padding:8px 0;border:1px solid #e2e8f0;transition:opacity .3s ease,visibility .3s ease;}
.nav-links .dropdown-content a{display:block;padding:13px 20px;color:#334155;text-decoration:none;font-size:.875rem;font-weight:500;transition:background .2s,color .2s,padding-left .2s;}
.nav-links .dropdown-content a:hover{background:#eff6ff;color:#1a56db;padding-left:26px;}
.dropdown:hover .dropdown-content,.dropdown-content:hover{opacity:1;visibility:visible;}
.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:50px;flex-shrink:0;background:linear-gradient(135deg,#1a56db,#1e40af);color:#ffffff;font-weight:700;font-size:.875rem;text-decoration:none;white-space:nowrap;box-shadow:0 6px 24px rgba(26,86,219,.38);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;}
.nav-cta:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 10px 32px rgba(26,86,219,.52);}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:12px;border-radius:8px;transition:background .2s;z-index:1100;}
.hamburger:hover{background:rgba(26,86,219,.1);}
.hamburger span{display:block;width:24px;height:2px;border-radius:2px;background:rgba(255,255,255,.9);transition:transform .4s cubic-bezier(.19,1,.22,1),opacity .3s,width .3s;}
#navbar.scrolled .hamburger span{background:#334155;}
.hamburger.open span{background:#1a56db!important;}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;width:0;}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mobile-menu{position:fixed;inset:0;background:#ffffff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;z-index:999;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.19,1,.22,1);padding:20px;}
.mobile-menu.open{opacity:1;pointer-events:all;}
.mobile-menu ul{list-style:none;text-align:center;width:100%;max-width:400px;}
.mobile-menu ul li{opacity:0;transform:translateY(18px);transition:opacity .4s,transform .4s cubic-bezier(.19,1,.22,1);margin-bottom:8px;}
.mobile-menu.open ul li{opacity:1;transform:translateY(0);}
.mobile-menu ul li:nth-child(1){transition-delay:.07s;}
.mobile-menu ul li:nth-child(2){transition-delay:.11s;}
.mobile-menu ul li:nth-child(3){transition-delay:.15s;}
.mobile-menu ul li:nth-child(4){transition-delay:.19s;}
.mobile-menu ul li:nth-child(5){transition-delay:.23s;}
.mobile-menu ul li:nth-child(6){transition-delay:.27s;}
.mobile-menu ul li:nth-child(7){transition-delay:.31s;}
.mobile-menu ul li a{display:block;padding:16px 24px;font-size:1.5rem;font-weight:600;color:#0f172a;text-decoration:none;transition:color .25s, background .25s, transform .2s;border-radius:12px;margin:4px 0;}
.mobile-menu ul li a:hover{color:#1a56db;background:rgba(26,86,219,.05);transform:translateY(-2px);}
.mob-cta-wrap{margin-top:32px;opacity:0;transform:translateY(14px);transition:opacity .4s .34s,transform .4s .34s cubic-bezier(.19,1,.22,1);}
.mobile-menu.open .mob-cta-wrap{opacity:1;transform:translateY(0);}
.mobile-menu .nav-cta{padding:16px 32px;border-radius:50px;font-size:1.1rem;font-weight:700;margin-top:16px;}
.mobile-menu::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#1a56db,transparent);}

/* Mobile dropdown */
.mobile-dropdown .mobile-dropdown-content {
  display: none; padding-left: 20px; margin-top: 8px;
}
.mobile-dropdown.open .mobile-dropdown-content {
  display: block;
}
.mobile-dropdown-content a {
  display: block; padding: 12px 20px 12px 40px;
  font-size: 1.6rem; font-weight: 500;
  color: #64748b;
  transition: color .2s, background .2s;
  border-radius: 8px; margin: 4px 0;
}
.mobile-dropdown-content a:hover {
  color: #1a56db; background: rgba(26, 86, 219, 0.05);
}
@media (max-width:768px) {
    .mobile-menu ul li a{font-size:1.3rem;padding:14px 20px;}
  .mobile-dropdown-content a{
    
    font-size: 14px !important;
        padding: 10px !important;
        color: #0f172aa8 !important;
  }
}
@media(max-width:768px){
  .nav-links,.nav-cta{display:none;}
  .hamburger{display:flex;}
}
/* =================== NAVBAR END =================== */




/* =================== FOOTER START =================== */
#footer { background: #080c18; color: #94a3b8; padding: 120px 8vw 0; }
.footer-main { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1.3fr; gap: 5rem; padding-bottom: 100px; }
.footer-col h4 { color: #ffffff; font-size: 1.4rem; margin-bottom: 2.5rem; font-weight: 600; }
.footer-brand img { height: 60px; margin-bottom: 2rem; }
.footer-links { list-style: none; padding: 0; margin: 0; }
.footer-links li { margin-bottom: 1.2rem; }
.footer-links a { color: #94a3b8; text-decoration: none; transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1); font-size: 1rem; display: inline-block; }
.footer-links a:hover { color: #ffffff; transform: translateX(5px); }
.social-icons { display: flex; gap: 1.5rem; margin-top: 2.5rem; }
.social-icons a { width: 50px; height: 50px; background: rgba(255,255,255,0.06); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ffffff; transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
.social-icons a:hover { background: #1a56db; transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.2); }
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.06); padding: 40px 0; text-align: center; font-size: 0.95rem; }

@media (max-width: 1024px) {
  .footer-main { grid-template-columns: 1fr 1fr; gap: 4rem; }
  
}
@media (max-width: 768px) {
  .footer-main { grid-template-columns: 1fr; gap: 3rem; }
  #footer { padding: 80px 5vw 0; }
}
/* =================== FOOTER END =================== */



/* =================== HERO except home =================== */
.page-hero{padding:140px 5vw 100px;background:linear-gradient(140deg,#0f172a 0%,#1e40af 50%,#1a56db 100%);color:var(--white);text-align:center;position:relative;overflow:hidden;}
.page-hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.page-hero{
.hero-shape{position:absolute;border-radius:50%;background:rgba(255,255,255,.06);}
.hs1{width:400px;height:400px;top:-150px;right:-100px;}
.hs2{width:230px;height:230px;bottom:-80px;left:5%;}
.page-hero-inner{position:relative;z-index:2;}
.breadcrumb{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.12);padding:8px 20px;border-radius:50px;font-size:.85rem;font-weight:500;margin-bottom:24px;backdrop-filter:blur(10px);}
.breadcrumb a{color:rgba(255,255,255,.85);text-decoration:none;}
.breadcrumb span{color:rgba(255,255,255,.6);}
}
.page-hero h1{font-size:clamp(2.8rem,5vw,4rem);font-weight:800;margin-bottom:16px;letter-spacing:-.03em;}
.page-hero p{font-size:1.15rem;opacity:.9;max-width:580px;margin:0 auto;}

/* Mobile Responsive */
    @media (max-width: 1024px) {
      .page-hero h1 { font-size: 3rem; }
    }
/* =================== HERO except home END =================== */