*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --primary:   #1a56db;
      --primary-d: #1140a6;
      --accent:    #f97316;
      --accent-d:  #ea580c;
      --dark:      #0d1b2a;
      --dark2:     #102035;
      --text:      #1e293b;
      --muted:     #64748b;
      --light:     #f1f5f9;
      --white:     #ffffff;
      --grad:      linear-gradient(135deg, #1a56db 0%, #0e3a8c 100%);
      --grad-acc:  linear-gradient(135deg, #f97316 0%, #dc2626 100%);
      --shadow:    0 4px 24px rgba(26,86,219,.15);
      --radius:    14px;
      --transition: .35s cubic-bezier(.4,0,.2,1);
    }

    html { scroll-behavior: smooth; }
    body { font-family: 'Inter', sans-serif; color: var(--text); background: var(--white); overflow-x: hidden; }

    .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
    .section-title { font-family:'Poppins',sans-serif; font-size:clamp(1.6rem,3vw,2.4rem); font-weight:700; color:var(--dark); line-height:1.25; }
    .section-sub   { font-size:.95rem; color:var(--muted); margin-top:.5rem; max-width:560px; }
    .badge { display:inline-block; background:rgba(26,86,219,.1); color:var(--primary); font-size:.75rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; padding:.3rem .85rem; border-radius:50px; margin-bottom:.85rem; }
    .btn { display:inline-flex; align-items:center; gap:.5rem; padding:.8rem 1.75rem; border-radius:50px; font-weight:600; font-size:.95rem; cursor:pointer; border:2px solid transparent; text-decoration:none; transition:var(--transition); }
    .btn-primary { background:var(--grad); color:#fff; box-shadow:0 6px 20px rgba(26,86,219,.4); }
    .btn-primary:hover { transform:translateY(-2px); box-shadow:0 10px 28px rgba(26,86,219,.5); }
    .btn-outline { border-color:#fff; color:#fff; }
    .btn-outline:hover { background:#fff; color:var(--primary); }
    .btn-accent  { background:var(--grad-acc); color:#fff; box-shadow:0 6px 20px rgba(249,115,22,.4); }
    .btn-accent:hover { transform:translateY(-2px); box-shadow:0 10px 28px rgba(249,115,22,.5); }

    #navbar {
      position:fixed; top:0; width:100%; z-index:1000;
      background:rgba(13,27,42,.92); backdrop-filter:blur(14px);
      padding:0 20px; transition:var(--transition);
      border-bottom:1px solid rgba(255,255,255,.07);
    }
    #navbar.scrolled { background:#0d1b2a; box-shadow:0 2px 20px rgba(0,0,0,.4); }
    .nav-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; height:70px; }
    .nav-logo { display:flex; align-items:center; gap:.6rem; text-decoration:none; }
    .logo-img { width:150px;}
    .logo-text { font-family:'Poppins',sans-serif; font-size:1.3rem; font-weight:700; color:#fff; }
    .logo-text span { color:var(--accent); }
    .nav-links { display:flex; gap:2rem; list-style:none; }
    .nav-links a { color:rgba(255,255,255,.8); text-decoration:none; font-size:.9rem; font-weight:500; transition:var(--transition); }
    .nav-links a:hover { color:#fff; }
    .nav-cta { display:flex; align-items:center; gap:1rem; }
    .nav-phone { color:rgba(255,255,255,.85); font-size:.85rem; display:flex; align-items:center; gap:.4rem; }
    .nav-phone i { color:var(--accent); }
    .hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:4px; }
    .hamburger span { display:block; width:25px; height:2px; background:#fff; border-radius:2px; transition:var(--transition); }

    #hero {
      min-height:100vh; display:flex; align-items:center;
      background:var(--dark); position:relative; overflow:hidden; padding-top:70px;
    }
    .hero-bg {
      position:absolute; inset:0; z-index:0;
      background: radial-gradient(ellipse 80% 60% at 60% 40%, rgba(26,86,219,.25) 0%, transparent 65%),
                  radial-gradient(ellipse 50% 50% at 20% 80%, rgba(249,115,22,.15) 0%, transparent 60%),
                  linear-gradient(180deg, #0d1b2a 0%, #102035 100%);
    }
    .hero-grid {
      position:absolute; inset:0; z-index:0; opacity:.06;
      background-image: linear-gradient(#fff 1px, transparent 1px), linear-gradient(90deg, #fff 1px, transparent 1px);
      background-size: 60px 60px;
    }
    .hero-inner { position:relative; z-index:1; display:grid; grid-template-columns:1fr 420px; gap:3rem; align-items:center; padding:4rem 0; }
    .hero-tag { display:inline-flex; align-items:center; gap:.5rem; background:rgba(249,115,22,.15); border:1px solid rgba(249,115,22,.3); color:var(--accent); font-size:.78rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; padding:.4rem 1rem; border-radius:50px; margin-bottom:1.25rem; }
    .hero-tag i { font-size:.7rem; }
    .hero-title { font-family:'Poppins',sans-serif; font-size:clamp(2rem,4.5vw,3.4rem); font-weight:800; color:#fff; line-height:1.15; }
    .hero-title span { background:var(--grad-acc); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
    .hero-desc { margin-top:1.2rem; color:rgba(255,255,255,.65); font-size:1rem; line-height:1.75; max-width:520px; }
    .hero-bullets { margin-top:1.5rem; display:flex; flex-direction:column; gap:.6rem; }
    .hero-bullet { display:flex; align-items:center; gap:.7rem; color:rgba(255,255,255,.75); font-size:.9rem; }
    .hero-bullet i { color:var(--accent); font-size:.85rem; }
    .hero-actions { margin-top:2rem; display:flex; gap:1rem; flex-wrap:wrap; }
    .hero-stats { display:flex; gap:2rem; margin-top:2.5rem; flex-wrap:wrap; }
    .hstat { text-align:center; }
    .hstat-num { font-family:'Poppins',sans-serif; font-size:1.6rem; font-weight:800; color:#fff; }
    .hstat-num span { color:var(--accent); }
    .hstat-label { font-size:.75rem; color:rgba(255,255,255,.5); margin-top:.1rem; }

    /* hero form card */
    .hero-form-card {
      background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);
      backdrop-filter:blur(20px); border-radius:20px; padding:2rem 1.75rem;
    }
    .hero-form-card h3 { color:#fff; font-size:1.1rem; font-weight:600; text-align:center; margin-bottom:.4rem; }
    .hero-form-card p { color:rgba(255,255,255,.5); font-size:.8rem; text-align:center; margin-bottom:1.5rem; }
    .form-group { position:relative; margin-bottom:1rem; }
    .form-group i { position:absolute; left:.9rem; top:50%; transform:translateY(-50%); color:rgba(255,255,255,.4); font-size:.85rem; }
    .form-group input, .form-group select, .form-group textarea {
      width:100%; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15);
      border-radius:10px; padding:.75rem .9rem .75rem 2.5rem;
      color:#fff; font-size:.875rem; font-family:'Inter',sans-serif; outline:none;
      transition:var(--transition);
    }
    .form-group select option { background:#1a2a40; color:#fff; }
    .form-group textarea { resize:vertical; min-height:80px; padding-top:.75rem; }
    .form-group input::placeholder, .form-group textarea::placeholder { color:rgba(255,255,255,.35); }
    .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color:var(--primary); background:rgba(255,255,255,.12); }
    .hero-form-card .btn { width:100%; justify-content:center; margin-top:.5rem; }

    #clients { background:var(--light); padding:3rem 0; overflow:hidden; }
    .clients-label { text-align:center; font-size:1.5rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; margin-bottom:1.5rem; }
    .marquee-wrapper { overflow:hidden; }
    .marquee-track { display:flex; gap:2.5rem; width:max-content; animation:marquee 22s linear infinite; }
    .marquee-track:hover { animation-play-state:paused; }
    .client-logo {
      background:#fff; border-radius:12px; padding:.8rem .8rem; box-shadow:0 2px 10px rgba(0,0,0,.07);
      display:flex; align-items:center; justify-content:center; max-width:140px; height:100px;
      font-weight:700; font-size:.85rem; color:var(--muted); border:1px solid #e2e8f0;
      white-space:nowrap; transition:var(--transition);
    }
    .client-logo img{ max-width:100%; height:80px;object-fit: contain;}
    .client-logo:hover { color:var(--primary); border-color:var(--primary); transform:translateY(-2px); }
    @keyframes marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }

    #services { padding:5rem 0; background:#fff; }
    .services-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:1.75rem; margin-top:3rem; }
    .service-card {
      background:#fff; border:1px solid #e2e8f0; border-radius:var(--radius);
      padding:2rem 1.75rem; transition:var(--transition); position:relative; overflow:hidden;
    }
    .service-card::before {
      content:''; position:absolute; top:0; left:0; right:0; height:3px;
      background:var(--grad); transform:scaleX(0); transform-origin:left; transition:var(--transition);
    }
    .service-card:hover { transform:translateY(-6px); box-shadow:var(--shadow); border-color:transparent; }
    .service-card:hover::before { transform:scaleX(1); }
    .svc-icon { width:52px; height:52px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.3rem; margin-bottom:1.2rem; }
    .svc-icon.blue   { background:rgba(26,86,219,.1);   color:var(--primary); }
    .svc-icon.orange { background:rgba(249,115,22,.1);  color:var(--accent); }
    .svc-icon.green  { background:rgba(16,185,129,.1);  color:#10b981; }
    .svc-icon.purple { background:rgba(139,92,246,.1);  color:#8b5cf6; }
    .svc-icon.red    { background:rgba(239,68,68,.1);   color:#ef4444; }
    .svc-icon.teal   { background:rgba(20,184,166,.1);  color:#14b8a6; }
    .service-card h3 { font-size:1.05rem; font-weight:700; color:var(--dark); margin-bottom:.6rem; }
    .service-card p  { font-size:.875rem; color:var(--muted); line-height:1.7; }
    .svc-link { display:inline-flex; align-items:center; gap:.4rem; color:var(--primary); font-size:.82rem; font-weight:600; text-decoration:none; margin-top:1rem; transition:var(--transition); }
    .svc-link:hover { gap:.7rem; }

    #why { padding:5rem 0; background:var(--light); }
    .why-inner { display:grid; grid-template-columns:1fr 1fr; gap:3.5rem; align-items:center; }
    .why-img-wrap { position:relative; }
    .why-img-main {
      width:100%; border-radius:20px; overflow:hidden;
      background:var(--grad); aspect-ratio:4/3; display:flex; align-items:center; justify-content:center;
    }
    .why-img-main img { width:100% ; }
    .why-badge-card {
      position:absolute; bottom:-1.5rem; left:-1.5rem; background:#fff;
      border-radius:14px; padding:1rem 1.4rem; box-shadow:0 8px 30px rgba(0,0,0,.12);
      display:flex; align-items:center; gap:.9rem;
    }
    .why-badge-icon { width:40px; height:40px; border-radius:10px; background:var(--grad-acc); display:flex; align-items:center; justify-content:center; color:#fff; }
    .why-badge-text strong { display:block; font-size:1.2rem; font-weight:800; color:var(--dark); }
    .why-badge-text span   { font-size:.75rem; color:var(--muted); }
    .why-points { margin-top:2rem; display:flex; flex-direction:column; gap:1.2rem; }
    .why-point { display:flex; gap:1rem; }
    .why-point-icon { width:42px; height:42px; min-width:42px; border-radius:10px; background:rgba(26,86,219,.1); color:var(--primary); display:flex; align-items:center; justify-content:center; font-size:.95rem; }
    .why-point-body h4 { font-size:.95rem; font-weight:600; color:var(--dark); }
    .why-point-body p  { font-size:.845rem; color:var(--muted); margin-top:.25rem; line-height:1.6; }

    #stats { padding:4rem 0; background:var(--grad); }
    .stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:2rem; text-align:center; }
    .stat-item { color:#fff; }
    .stat-num { font-family:'Poppins',sans-serif; font-size:3rem; font-weight:800; line-height:1; }
    .stat-num span { color:rgba(255,255,255,.7); }
    .stat-label { font-size:.85rem; opacity:.75; margin-top:.5rem; }

    #process { padding:5rem 0; background:#fff; }
    .process-steps { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:2rem; margin-top:3rem; position:relative; }
    .process-step { text-align:center; padding:2rem 1.25rem; border-radius:var(--radius); background:var(--light); position:relative; transition:var(--transition); }
    .process-step::after { content:'→'; position:absolute; right:-1.2rem; top:50%; transform:translateY(-50%); font-size:1.5rem; color:#cbd5e1; z-index:1; }
    .process-step:last-child::after { display:none; }
    .process-step:hover { background:var(--primary); }
    .process-step:hover * { color:#fff !important; }
    .step-num { font-family:'Poppins',sans-serif; font-size:2.5rem; font-weight:800; color:rgba(26,86,219,.15); line-height:1; margin-bottom:.75rem; transition:var(--transition); }
    .step-icon { font-size:1.6rem; color:var(--primary); margin-bottom:.75rem; transition:var(--transition); }
    .process-step h4 { font-size:.95rem; font-weight:700; color:var(--dark); margin-bottom:.4rem; transition:var(--transition); }
    .process-step p  { font-size:.8rem; color:var(--muted); line-height:1.6; transition:var(--transition); }

    #portfolio { padding:5rem 0; background:var(--light); }
    .portfolio-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:1.5rem; margin-top:3rem; }
    .portfolio-item { border-radius:var(--radius); overflow:hidden; position:relative; aspect-ratio:4/3; background:var(--grad); cursor:pointer; box-shadow:0 4px 16px rgba(0,0,0,.1); }
    .portfolio-item .pf-bg { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:3rem; transition:var(--transition); }
    .portfolio-item .pf-bg img { width:100%; height:100%; object-fit:fill; }
    .portfolio-overlay {display: none !important; position:absolute; inset:0; background:rgba(13,27,42,.85); display:flex; align-items:center; justify-content:center; flex-direction:column; opacity:0; transition:var(--transition); padding:1.5rem; text-align:center; }
    .portfolio-item:hover .portfolio-overlay { opacity:1; }
    .portfolio-item:hover .pf-bg { transform:scale(1.1); }
    .portfolio-overlay h4 { color:#fff; font-size:1rem; font-weight:700; }
    .portfolio-overlay p  { color:rgba(255,255,255,.7); font-size:.8rem; margin-top:.4rem; }
    .portfolio-overlay .pf-btn { margin-top:1rem; padding:.5rem 1.2rem; background:var(--accent); color:#fff; border-radius:50px; font-size:.8rem; font-weight:600; text-decoration:none; }

    #industries { padding:5rem 0; background:#fff; }
    .industries-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:1.25rem; margin-top:3rem; }
    .industry-card {
      background:var(--light); border:1px solid #e2e8f0; border-radius:12px; padding:1.5rem 1rem;
      text-align:center; transition:var(--transition); cursor:default;
    }
    .industry-card:hover { background:var(--primary); border-color:var(--primary); transform:translateY(-4px); box-shadow:var(--shadow); }
    .industry-card:hover i, .industry-card:hover p { color:#fff !important; }
    .industry-card i { font-size:1.8rem; color:var(--primary); margin-bottom:.6rem; display:block; transition:var(--transition); }
    .industry-card p { font-size:.8rem; font-weight:600; color:var(--text); transition:var(--transition); }

    #testimonials { padding:5rem 0; background:var(--light); }
    .testimonials-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:1.75rem; margin-top:3rem; }
    .testi-card {
      background:#fff; border-radius:var(--radius); padding:1.75rem; box-shadow:0 2px 16px rgba(0,0,0,.06);
      border:1px solid #e2e8f0; transition:var(--transition);
    }
    .testi-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
    .testi-stars { color:#f59e0b; font-size:.85rem; margin-bottom:.9rem; }
    .testi-text { font-size:.875rem; color:var(--muted); line-height:1.75; font-style:italic; }
    .testi-author { display:flex; align-items:center; gap:.85rem; margin-top:1.2rem; padding-top:1rem; border-top:1px solid #f1f5f9; }
    .testi-avatar { width:44px; height:44px; border-radius:50%; background:var(--grad); display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; font-size:1rem; }
    .testi-name strong { display:block; font-size:.9rem; color:var(--dark); }
    .testi-name span   { font-size:.78rem; color:var(--muted); }

    #faq { padding:5rem 0; background:#fff; }
    .faq-inner { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:start; }
    .faq-list { margin-top:2.5rem; display:flex; flex-direction:column; gap:.85rem; }
    .faq-item { border:1px solid #e2e8f0; border-radius:12px; overflow:hidden; transition:var(--transition); }
    .faq-item.open { border-color:var(--primary); box-shadow:0 0 0 3px rgba(26,86,219,.08); }
    .faq-q {
      display:flex; justify-content:space-between; align-items:center; gap:1rem;
      padding:1.1rem 1.25rem; cursor:pointer; background:#fff; transition:var(--transition);
    }
    .faq-item.open .faq-q { background:rgba(26,86,219,.04); }
    .faq-q span { font-size:.9rem; font-weight:600; color:var(--dark); }
    .faq-q i { font-size:.7rem; color:var(--muted); transition:var(--transition); flex-shrink:0; }
    .faq-item.open .faq-q i { transform:rotate(180deg); color:var(--primary); }
    .faq-a { max-height:0; overflow:hidden; transition:max-height .4s ease; }
    .faq-a-inner { padding:0 1.25rem 1.1rem; font-size:.875rem; color:var(--muted); line-height:1.75; }
    .faq-contact-card { background:var(--dark); border-radius:20px; padding:2.5rem; text-align:center; color:#fff; position:sticky; top:90px; }
    .faq-contact-card h3 { font-family:'Poppins',sans-serif; font-size:1.4rem; font-weight:700; }
    .faq-contact-card p { color:rgba(255,255,255,.6); font-size:.875rem; margin-top:.5rem; line-height:1.7; }
    .contact-info-list { margin:1.75rem 0; display:flex; flex-direction:column; gap:1rem; text-align:left; }
    .cinfo { display:flex; align-items:center; gap:.9rem; }
    .cinfo-icon { width:36px; height:36px; border-radius:8px; background:rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center; font-size:.9rem; }
    .cinfo-body a, .cinfo-body span { color:rgba(255,255,255,.8); font-size:.875rem; text-decoration:none; }
    .cinfo-body a:hover { color:var(--accent); }
    .faq-contact-card .btn { width:100%; justify-content:center; }

    #cta-strip { padding:4.5rem 0; background:var(--accent); position:relative; overflow:hidden; }
    #cta-strip::before { content:''; position:absolute; right:-8%; top:-40%; width:420px; height:420px; border-radius:50%; background:rgba(255,255,255,.08); }
    #cta-strip::after  { content:''; position:absolute; left:-4%; bottom:-50%; width:300px; height:300px; border-radius:50%; background:rgba(255,255,255,.06); }
    .cta-inner { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:2rem; flex-wrap:wrap; }
    .cta-text h2 { font-family:'Poppins',sans-serif; font-size:clamp(1.4rem,3vw,2rem); font-weight:700; color:#fff; }
    .cta-text p  { color:rgba(255,255,255,.8); margin-top:.4rem; font-size:.95rem; }
    .cta-actions { display:flex; gap:1rem; flex-wrap:wrap; }
    .btn-white { background:#fff; color:var(--accent); border:none; }
    .btn-white:hover { background:#fff; color:var(--accent-d); transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,.2); }

    #footer { background:var(--dark); color:rgba(255,255,255,.65); padding:4rem 0 0; }
    .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1.5fr; gap:3rem; }
    .footer-col h4 { color:#fff; font-size:.95rem; font-weight:600; margin-bottom:1.25rem; }
    .footer-logo { margin-bottom:1rem; }
    .footer-col p { font-size:.85rem; line-height:1.75; }
    .footer-socials { display:flex; gap:.7rem; margin-top:1.25rem; }
    .social-icon { width:36px; height:36px; border-radius:8px; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.6); font-size:.85rem; text-decoration:none; transition:var(--transition); }
    .social-icon:hover { background:var(--primary); color:#fff; }
    .footer-links { list-style:none; display:flex; flex-direction:column; gap:.65rem; }
    .footer-links a { color:rgba(255,255,255,.6); text-decoration:none; font-size:.85rem; transition:var(--transition); display:flex; align-items:center; gap:.5rem; }
    .footer-links a::before { content:'›'; color:var(--accent); }
    .footer-links a:hover { color:#fff; padding-left:.25rem; }
    .footer-contact-list { display:flex; flex-direction:column; gap:.9rem; }
    .fc-item { display:flex; align-items:flex-start; gap:.7rem; font-size:.85rem; }
    .fc-item i { color:var(--accent); margin-top:.2rem; flex-shrink:0; }
    .footer-bottom { border-top:1px solid rgba(255,255,255,.08); margin-top:3rem; padding:1.25rem 0; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.75rem; }
    .footer-bottom p { font-size:.8rem; }
    .footer-bottom-links { display:flex; gap:1.5rem; }
    .footer-bottom-links a { font-size:.8rem; color:rgba(255,255,255,.45); text-decoration:none; }
    .footer-bottom-links a:hover { color:#fff; }

    .floating-btns { position:fixed; right:1.5rem; bottom:2rem; z-index:999; display:flex; flex-direction:column; gap:.75rem; }
    .float-btn { width:50px; height:50px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.3rem; box-shadow:0 4px 18px rgba(0,0,0,.3); text-decoration:none; transition:var(--transition); }
    .float-btn:hover { transform:scale(1.12); }
    .float-wa   { background:#25d366; color:#fff; }
    .float-call { background:var(--primary); color:#fff; }
    .float-top  { background:rgba(13,27,42,.85); color:#fff; font-size:1rem; }

    @media (max-width:1024px) {
      .hero-inner { grid-template-columns:1fr; }
      .hero-form-card { max-width:480px; }
      .why-inner { grid-template-columns:1fr; }
      .why-img-wrap { display:none; }
      .faq-inner { grid-template-columns:1fr; }
      .faq-contact-card { position:static; }
      .footer-grid { grid-template-columns:1fr 1fr; }
      .stats-grid { grid-template-columns:repeat(2,1fr); gap:1.5rem; }
    }
    @media (max-width:768px) {
      .nav-links, .nav-phone { display:none; }
      .hamburger { display:flex; }
      .nav-links.open {
        display:flex; flex-direction:column; position:fixed; top:70px; left:0; right:0;
        background:var(--dark); padding:1.5rem 1.5rem 2rem; gap:1.25rem; z-index:999;
        border-bottom:1px solid rgba(255,255,255,.1);
      }
      .nav-links.open a { font-size:1rem; }
      .hero-actions { flex-direction:column; align-items:flex-start; }
      .stats-grid { grid-template-columns:repeat(2,1fr); }
      .process-step::after { display:none; }
      .cta-inner { flex-direction:column; text-align:center; }
      .footer-grid { grid-template-columns:1fr; }
      .footer-bottom { flex-direction:column; text-align:center; }
    }
    @media (max-width:480px) {
      .stats-grid { grid-template-columns:1fr 1fr; }
      .hero-stats { gap:1.25rem; }
    }

    .fade-up { opacity:0; transform:translateY(30px); transition:opacity .6s ease, transform .6s ease; }
    .fade-up.visible { opacity:1; transform:translateY(0); }

    .mobile-menu { display:none; }
	
	
	.overlay1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* Popup box */
.popup {
    background: #fff;
    padding: 0px;
    width: 400px;
    text-align: center;
    border-radius: 25px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    position: relative;
    z-index: 1000;
}

#closeBtn {
    font-weight: 400;
    padding: 4px 5px;
    font-size: 12px;
    background: #ccc;
    border: none;
    color: #fff;
    cursor: not-allowed;
    float:right;
    display:none;
	width:20px;
	height:20px;
	border-radius:30px;
}
#closeBtn i{
    font-weight: 400;
    font-size: 12px;
    display: block;
}
#closeBtn.enabled {
    background: #f44336;
    cursor: pointer;
}
.form {
  background: #fff;
  border-radius: 20px;
  box-sizing: border-box;
  height: 440px;
  padding: 20px;
  width: 100%;
}

.title {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
}

.subtitle {
  color: #eee;
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
}

.input-container {
  height: 50px;
  position: relative;
  width: 100%;
}

.ic1 {
  margin-top: 40px;
}

.ic2 {
  margin-top: 40px;
}

.input {
  background-color: #f7f6fb;
  border-radius: 12px;
  border: 1px solid #cecece;
  box-sizing: border-box;
  color: #000;
  font-size: 13px;
  height: 100%;
  outline: 0;
  padding: 4px 20px 0;
  width: 100%;
  font-weight:500;
}

.cut {
  background-color:#e8e4f9;
  border-radius: 10px;
  height: 20px;
  left: 20px;
  position: absolute;
  top: -20px;
  transform: translateY(0);
  transition: transform 200ms;
  width: 76px;
}
.cut1 {
  background-color: #e8e4f9;
  border-radius: 10px;
  height: 20px;
  left: 20px;
  position: absolute;
  top: -20px;
  transform: translateY(0);
  transition: transform 200ms;
  width: 84px;
}
.cut-short {
  width: 50px;
}

.input:focus ~ .cut,
.input:not(:placeholder-shown) ~ .cut {
  transform: translateY(8px);
}
.input:focus ~ .cut1,
.input:not(:placeholder-shown) ~ .cut1 {
  transform: translateY(8px);
}

.placeholder {
  color: #000 !important;
  left: 20px;
  line-height: 14px;
  pointer-events: none;
  position: absolute;
  transform-origin: 0 50%;
  transition: transform 200ms, color 200ms;
  top: 20px;
  font-size: 15px;
  font-weight: 600;
  background:transparent !important;
  opacity:0.9;
}

.input:focus ~ .placeholder,
.input:not(:placeholder-shown) ~ .placeholder {
  transform: translateY(-30px) translateX(10px) scale(0.75);
}

.input:not(:placeholder-shown) ~ .placeholder {
  color: #000;
}

.input:focus ~ .placeholder {
  color: #000;
}

.submit {
  background-color: #08d;
  border-radius: 30px;
  border: 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  padding:10px;
  margin: 20px auto 10px auto;
  outline: 0;
  text-align: center;
  width: 30%;
  text-transform: uppercase;
}

.submit:active {
  background-color: #06b;
}
.or-divider {
    display: flex;
    align-items: center;
    text-align: center;
    color: #555;
    font-weight: 500;
    margin: 15px auto;
    width: 50%;
    color:#000;
}
.or-divider:not(:empty)::before {
    margin-right: .75em;
}
.or-divider:not(:empty)::after {
    margin-left: .75em;
}
.or-divider::before, .or-divider::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #000;
}
.menu-item-6297menu-item {
    background: #ffcc24;
    color: #000 !important;
    padding: 10px !important;
    border-radius: 30px !important;
    margin-top: 10px !important;
    font-size: 15px !important;
    width: 45%;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
	text-decoration:none;
}
.box-img{
	width:100%;
	border:.5px solid #CCC;
	border-radius:15px;
	margin-bottom:30px;
}
.box-img img{
	width:100%;
	height:210px;
	border-radius:15px;
}