:root{
      --bg:#f6fbff;
      --primary:#0b74d1;
      --accent:#00a99d;
      --muted:#6b7280;
      --card:#ffffff;
      font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
    }
    *{box-sizing:border-box}
    body{margin:0;}
    .container{margin:0 auto;}
  
    



    .hero-header{
      text-align: center;
      padding-top:40px;
    }
    
    .logo{display:flex;gap:12px;color:white;padding: 20px;}
    .logo .mark{width:52px;height:52px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;color:white;font-weight:700}
    nav{
      padding-right: 20px;padding-top: 30px;
    }
    nav a{margin-left:18px;color:white;text-decoration:none;font-weight:600}
    .cta{background:var(--primary);color:white;padding:10px 16px;border-radius:8px;text-decoration:none}

    .hero-header{
      text-align: center;
      padding-top:40px;
    }

 
    .hero-left h1{font-size:36px;margin:0 0 12px;color:white}
    .hero-left p{color:#f1f5f9;line-height:1.6}
    .hero-cta{margin-top:18px}
    .btn{display:inline-block;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:600}
    .btn-primary{background:var(--primary);color:white}
    .btn-outline{border:2px solid var(--primary);color:var(--primary);background:transparent}
    .hero-right{background:linear-gradient(180deg,rgba(255,255,255,0.95),rgba(255,255,255,0.9));box-shadow:0 8px 24px rgba(11,116,209,0.08);padding:18px;border-radius:12px}
    .card-field{display:flex;flex-direction:column;gap:10px}
    .input,select{padding:12px;border-radius:8px;border:1px solid #e6eef8}

    /* Services */
    .services{display:flex;gap:18px;margin:36px 0}
    .service{flex:1;background:var(--card);padding:20px;border-radius:12px;box-shadow:0 6px 18px rgba(12,74,128,0.04)}
    .service h3{margin:0 0 8px}
    .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0}

    /* Footer */
    footer{margin-top:48px;padding:28px 20px;border-top:1px solid #e6eef8,}
    .footer-grid{display:flex;justify-content:space-between;gap:18px}

    /* Responsive */
    @media (max-width:980px){.hero{grid-template-columns:1fr;padding:28px 0}.hero-right{order:2}.hero-left{order:1}}
    @media (max-width:720px){.hero{grid-template-columns:1fr}.services{flex-direction:column}.steps{grid-template-columns:1fr}.footer-grid{flex-direction:column}}

     .work-section {
      text-align: center;
      padding: 60px 20px;
      background: #d8f2fb;
    }
    .work-section h2 {
      font-size: 36px;
      margin-bottom: 10px;
    }
    .work-section p {
      font-size: 16px;
      margin-bottom: 50px;
      color: #444;
    }
    .work-container {
      display: flex;
      justify-content: center;
      gap: 40px;
      flex-wrap: wrap;
    }
    .work-box {
      background: #fff;
      padding: 20px;
      border-radius: 10px;
      max-width: 300px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      text-align: center;
      transition: transform 0.3s ease;
    }
    .work-box:hover {
      transform: translateY(-5px);
    }
    .work-box img {
      width: 80px;
      margin-bottom: 15px;
    }
    .work-box h3 {
      font-size: 20px;
      margin-bottom: 15px;
      color: #111;
    }
    .work-box p {
      font-size: 14px;
      color: #555;
    }

  .visa-section {
      background: #d8fbf5;
      text-align: center;
      padding: 60px 20px;
    }
    .visa-section h4 {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 10px;
      color: #111;
      letter-spacing: 1px;
    }
    .visa-section p {
      font-size: 14px;
      color: #444;
      margin-bottom: 30px;
    }
    .visa-section img {
      max-width: 400px;
      width: 100%;
      margin-bottom: 20px;
      border: 2px solid #fff;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }
    .visa-section h2 {
      font-size: 26px;
      font-weight: bold;
      margin-top: 0;
      color: #000;
    }


       h2 {
      margin-top: 30px;
      font-size: 28px;
      text-align: center;
    }

    .process-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Desktop এ 4 কলাম */
    gap: 20px;
    margin: 30px 0;
  }

  .process-box {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    text-align: center;
  }

  .process-box i {
    font-size: 40px;
    margin-bottom: 15px;
    color: #0077b6;
  }

  /* Tablet Responsive */
  @media (max-width: 992px) {
    .process-container {
      grid-template-columns: repeat(2, 1fr); /* ২ কলাম */
    }
  }

  /* Mobile Responsive */
  @media (max-width: 576px) {
    .process-container {
      grid-template-columns: 1fr; /* ১ কলাম */
    }
  }