:root{
      --primary:#0b4efb;
      --secondary:#06183d;
      --accent:#00c2a8;
      --orange:#ff8a00;
      --dark:#07152f;
      --text:#5f6b82;
      --light:#f5f8ff;
      --border:#e6ecf7;
      --white:#ffffff;
      --shadow:0 20px 60px rgba(7,21,47,.10);
    }

    *{box-sizing:border-box;}
    body{
      font-family:'Inter',sans-serif;
      color:var(--dark);
      background:#fff;
      overflow-x:hidden;
    }
    a{text-decoration:none;}
    .text-muted-custom{color:var(--text);}
    .section-padding{padding:90px 0;}
    .section-title{
      font-size:42px;
      line-height:1.15;
      font-weight:900;
      letter-spacing:-1px;
      color:var(--secondary);
    }
    .section-subtitle{
      color:var(--text);
      font-size:17px;
      max-width:760px;
      margin:auto;
    }
    .badge-soft{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 14px;
      border-radius:50px;
      background:#eaf1ff;
      color:var(--primary);
      font-weight:700;
      font-size:14px;
    }
    .btn-main{
      background:linear-gradient(135deg,var(--primary),#0036ba);
      color:#fff;
      border:none;
      border-radius:14px;
      padding:14px 14px;
      font-weight:800;
      box-shadow:0 14px 30px rgba(11,78,251,.26);
    }
    .btn-main:hover{color:#fff; transform:translateY(-2px);}
    .btn-outline-main{
      border:1px solid #cdd8f3;
      color:var(--secondary);
      background:#fff;
      border-radius:14px;
      padding:14px 24px;
      font-weight:800;
    }
    .btn-outline-main:hover{background:var(--secondary);color:#fff;}

    /* Header */
    .topbar{
      background:#07152f;
      color:#dfe8ff;
      font-size:14px;
      padding:8px 0;
    }
    .navbar{
      padding:16px 0;
      background:#fff;
      box-shadow:0 8px 30px rgba(7,21,47,.06);
    }
    .navbar-brand{
      font-weight:900;
      font-size:28px;
      color:var(--secondary)!important;
      letter-spacing:-.7px;
    }
    .brand-icon{
      width:42px;height:42px;
      display:inline-flex;
      align-items:center;justify-content:center;
      background:linear-gradient(135deg,var(--primary),var(--accent));
      color:#fff;border-radius:12px;
      margin-right:8px;
      font-weight:900;
    }
    .nav-link{
      font-weight:500;
      color:#20304f!important;
      margin:0 6px;
    }
    .nav-link:hover{color:var(--primary)!important;}

    /* Hero */
    .hero{
      position:relative;
      background:url("/assets/images/banner1.jpeg") center/cover no-repeat;
      padding:51px 0 70px;
      overflow:hidden;
    }
    .hero:before{
      content:"";
      position:absolute;
      width:520px;height:520px;
      border-radius:50%;
      background:rgba(11,78,251,.08);
      left:-180px;top:80px;
    }
    .hero h1{
      font-size:58px;
      line-height:1.05;
      font-weight:900;
      color:var(--secondary);
      letter-spacing:-2px;
    }
    .hero h1 span{color:var(--primary);}
    .hero p{font-size:18px;color: #0c296b;line-height:1.8;}
    .search-card{
      background:#fff;
      border:1px solid var(--border);
      border-radius:24px;
      padding:20px;
      box-shadow:var(--shadow);
      margin-top:30px;
    }
    .search-tabs .btn{
      border-radius:12px;
      font-weight:700;
      color:#40506e;
      font-size:13px;
      padding:8px 11px;
    }
    .language-select{
      width:128px;
      height:44px;
      border-radius:12px;
      border:1px solid #cdd8f3;
      font-size:13px;
      font-weight:700;
      color:#20304f;
    }
    .search-tabs .btn.active{
      background:#eaf1ff;
      color:var(--primary);
    }
    .hero-input{
      height:58px;
      border-radius:14px;
      border:1px solid var(--border);
      padding:0 18px;
      font-weight:600;
    }
    .hero-visual{
      background:#fff;
      border:1px solid var(--border);
      border-radius:30px;
      box-shadow:var(--shadow);
      padding:24px;
      position:relative;
    }
    .dashboard-head{
      background:linear-gradient(135deg,var(--secondary),#0c2b71);
      color:#fff;
      border-radius:22px;
      padding:22px;
    }
    .mini-stat{
      background:#fff;
      border:1px solid var(--border);
      border-radius:18px;
      padding:18px;
      height:100%;
    }
    .chart-bar{
      height:8px;
      background:#edf2ff;
      border-radius:10px;
      overflow:hidden;
      margin-top:12px;
    }
    .chart-bar span{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--primary),var(--accent));}
    .floating-card{
      position:absolute;
      right:-20px;
      bottom:30px;
      background:#fff;
      border-radius:18px;
      padding:15px 18px;
      box-shadow:0 16px 40px rgba(7,21,47,.16);
      border:1px solid var(--border);
    }

    /* Logo slider */
    .logo-strip{
      background:#fff;
      padding:28px 0;
      border-top:1px solid var(--border);
      border-bottom:1px solid var(--border);
      overflow:hidden;
    }
    .logo-track{
      display:flex;
      gap:22px;
      width:max-content;
      animation:scrollLogo 24s linear infinite;
    }
    .logo-item{
      width:180px;
      height:70px;
      border:1px solid var(--border);
      border-radius:16px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-weight:900;
      color:#8792aa;
      background:#fff;
    }
    @keyframes scrollLogo{
      from{transform:translateX(0)}
      to{transform:translateX(-50%)}
    }

    /* Cards */
    .feature-card,.problem-card,.choose-card,.blog-card,.testimonial-card,.step-card{
      background:#fff;
      border:1px solid var(--border);
      border-radius:24px;
      padding:28px;
      box-shadow:0 12px 36px rgba(7,21,47,.05);
      height:100%;
      transition:.25s;
    }
    .feature-card:hover,.problem-card:hover,.choose-card:hover,.blog-card:hover,.testimonial-card:hover,.step-card:hover{
      transform:translateY(-6px);
      box-shadow:var(--shadow);
    }
    .icon-box{
      width:58px;height:58px;
      border-radius:18px;
      display:flex;
      align-items:center;justify-content:center;
      background:#eaf1ff;
      color:var(--primary);
      font-size:26px;
      margin-bottom:18px;
    }
    .icon-green{background:#e8fff9;color:#00a78f;}
    .icon-orange{background:#fff3e4;color:#ff8a00;}
    .icon-purple{background:#f3ecff;color:#7d3cff;}

    /* Data update */
    .data-section{background:var(--light);}
    .continent-pill{
      border:1px solid var(--border);
      background:#fff;
      border-radius:50px;
      padding:10px 18px;
      display:inline-flex;
      gap:8px;
      align-items:center;
      margin:6px;
      font-weight:800;
      color:#30405f;
    }
    .data-table-card{
      background:#fff;
      border-radius:26px;
      box-shadow:var(--shadow);
      border:1px solid var(--border);
      overflow:hidden;
    }
    .table>:not(caption)>*>*{padding:18px 20px;}
    .status-dot{
      width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--accent);margin-right:8px;
    }

    /* CTA */
    .cta-box{
      background:radial-gradient(circle at top right,rgba(0,194,168,.28),transparent 35%),linear-gradient(135deg,#06183d,#0b4efb);
      color:#fff;
      border-radius:34px;
      padding:55px;
      position:relative;
      overflow:hidden;
    }
    .cta-box h2{font-size:42px;font-weight:900;letter-spacing:-1px;}
    .cta-box p{color:#dfe8ff;font-size:17px;}
    .cta-box .btn{background:#fff;color:var(--primary);font-weight:900;border-radius:14px;padding:14px 26px;}

    /* Footer */
    footer{
      background:#07152f;
      color:#dfe8ff;
      padding:70px 0 20px;
    }
    footer h5{color:#fff;font-weight:900;margin-bottom:18px;}
    footer a{display:block;color:#b8c4df;margin-bottom:10px;}
    footer a:hover{color:#fff;}

    @media(max-width:991px){
      .hero h1{font-size:42px;}
      .section-title{font-size:34px;}
      .hero{padding:60px 0;}
      .section-padding{padding:65px 0;}
      .floating-card{position:static;margin-top:18px;}
      .cta-box{padding:35px;}
    }
  
    /* Bottom to Top Import Country Slider */
    .vertical-slider-box{
      margin-top:22px;
      height:185px;
      overflow:hidden;
      border:1px solid var(--border);
      border-radius:22px;
      background:linear-gradient(180deg,#ffffff,#f7faff);
      position:relative;
    }
    .vertical-slider-box:before,
    .vertical-slider-box:after{
      content:"";
      position:absolute;
      left:0;right:0;
      height:42px;
      z-index:2;
      pointer-events:none;
    }
    .vertical-slider-box:before{top:0;background:linear-gradient(180deg,#fff,rgba(255,255,255,0));}
    .vertical-slider-box:after{bottom:0;background:linear-gradient(0deg,#f7faff,rgba(255,255,255,0));}
    .vertical-slider-track{
      animation:slideUp 14s linear infinite;
      padding:12px;
    }
    .country-slide-item{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:14px;
      padding:13px 14px;
      margin-bottom:10px;
      border:1px solid var(--border);
      border-radius:16px;
      background:#fff;
      box-shadow:0 8px 24px rgba(7,21,47,.05);
    }
    .country-slide-item strong{color:var(--secondary);}
    .country-slide-item small{color:var(--text);}
    .country-tag{
      background:#eaf1ff;
      color:var(--primary);
      border-radius:50px;
      padding:6px 10px;
      font-size:12px;
      font-weight:800;
      white-space:nowrap;
    }
    @keyframes slideUp{
      from{transform:translateY(0);}
      to{transform:translateY(-50%);}
    }
  
    .whatsapp-chat{
      position:fixed;
      right:22px;
      bottom:22px;
      width:58px;
      height:58px;
      border-radius:50%;
      background:#25d366;
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:30px;
      z-index:999;
      box-shadow:0 14px 35px rgba(37,211,102,.35);
    }
    .whatsapp-chat:hover{color:#fff;transform:translateY(-3px);}
    .continent-pill:hover{background:var(--primary);color:#fff;}
    .fixed-enquiry-btn{
      position:fixed;
      right:-44px;
      top:50%;
      transform:translateY(-50%) rotate(-90deg);
      z-index:998;
      border-radius:14px 14px 0 0;
      padding:12px 22px;
      font-weight:900;
      background:linear-gradient(135deg,var(--orange),#ff5e00);
      color:#fff;
      border:0;
      box-shadow:0 14px 35px rgba(255,138,0,.30);
    }
    .fixed-enquiry-btn:hover{color:#fff;background:linear-gradient(135deg,#ff5e00,var(--orange));}
    .dropdown-item:active{background:var(--primary);}
    .country-grid{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;
  margin-top:30px;
}

.continent-pill{
  border:1px solid #e6ecf7;
  background:#fff;
  border-radius:50px;
  padding:10px 18px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  color:#30405f;
  transition:.3s;
  box-shadow:0 5px 15px rgba(0,0,0,.05);
}

.continent-pill img{
  width:24px;
  height:18px;
  object-fit:cover;
  border-radius:3px;
  box-shadow:0 2px 6px rgba(0,0,0,.15);
}

.continent-pill:hover{
  background:#0b4efb;
  color:#fff;
  transform:translateY(-3px);
  box-shadow:0 12px 25px rgba(11,78,251,.25);
}