:root{
  --vb-blue-900:#081c40;
  --vb-blue-800:#0a2a6b;
  --vb-blue:#0f3d9c;
  --vb-blue-600:#1c4fb8;
  --vb-blue-100:#e8edfb;
  --vb-red:#c41230;
  --vb-red-600:#e0173a;
  --vb-red-100:#fbe7ea;
  --vb-amber:#f2a93b;
  --vb-ink:#0c1830;
  --vb-grey-700:#556077;
  --vb-grey-400:#8a93a6;
  --vb-bg:#f6f8fc;
  --vb-white:#ffffff;
  --vb-radius-sm:6px;
  --vb-radius:12px;
  --vb-shadow:0 10px 30px rgba(10,26,64,.08);
  --vb-font-head:'Poppins',sans-serif;
  --vb-font-body:'Inter',sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--vb-font-body);
  color:var(--vb-ink);
  background:var(--vb-bg);
  margin:0;
  overflow-x:hidden;
}
h1,h2,h3,h4,.vb-font-head{font-family:var(--vb-font-head);}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
.vb-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;}
.vb-section{padding:30px 0;}
@media(max-width:767px){.vb-section{padding:56px 0;}}

.vb-eyebrow-free{color:var(--vb-red);font-weight:600;}

/* ===== Buttons ===== */
.vb-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--vb-font-head);font-weight:600;font-size:15px;
  padding:13px 26px;border-radius:8px;border:2px solid transparent;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
  cursor:pointer;white-space:nowrap;
}
.vb-btn--primary{background:#b00101;color:#fff;box-shadow:0 8px 20px rgba(196,18,48,.28);}
.vb-btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(196,18,48,.36);color:#fff;}
.vb-btn--blue{background:var(--vb-blue);color:#fff;box-shadow:0 8px 20px rgba(15,61,156,.28);}
.vb-btn--blue:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(15,61,156,.36);color:#fff;}
.vb-btn--outline{border-color:rgba(255,255,255,.55);color:#fff;background:transparent;}
.vb-btn--outline:hover{background:rgba(255,255,255,.12);color:#fff;transform:translateY(-2px);}
.vb-btn--ghost-blue{border-color:var(--vb-blue);color:var(--vb-blue);background:transparent;}
.vb-btn--ghost-blue:hover{background:var(--vb-blue);color:#fff;transform:translateY(-2px);}
.vb-btn--sm{padding:9px 18px;font-size:13px;}

/* ===== Topbar ===== */
.vb-topbar{background:var(--vb-blue-900);color:#c7d3ef;font-size:13px;padding:8px 0;}
.vb-topbar .vb-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;}
.vb-topbar a{color:#c7d3ef;margin-right:18px;transition:color .15s;}
.vb-topbar a:hover{color:#fff;}
.vb-topbar__right a{margin-right:0;margin-left:18px;}
@media(max-width:575px){.vb-topbar .vb-container{justify-content:center;text-align:center;}}

.vb-nav__links span{
  color: #b00101;
}

/* ===== Navbar ===== */
.vb-nav{background:#fff;box-shadow:0 1px 0 rgba(10,26,64,.06);position:sticky;top:0;z-index:1000;}
.vb-nav__inner{display:flex;align-items:center;justify-content:space-between;padding:5px 0;}
.vb-nav__logo{display:flex;align-items:center;font-family:var(--vb-font-head);font-weight:800;font-size:24px;letter-spacing:-.3px;}
.vb-nav__logo .vy{color:var(--vb-blue);}
.vb-nav__logo .bh{color:var(--vb-red);}
.vb-nav__logo-mark{width:30px;height:30px;margin-right:8px;flex-shrink:0;}
.vb-nav__links {
    display: flex;
    align-items: center;
    gap: 33px;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 20px;
}

.iti__country-name, .iti__flag-box {
    margin-right: 6px;
    color: #8b8b8b;
}
.vb-nav__links a{font-weight:600;font-size:15px;color:var(--vb-ink);position:relative;padding:6px 0;}
.vb-nav__links a::after{content:'';position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--vb-red);transition:width .2s;}
.vb-nav__links a:hover::after{width:100%;}
.vb-nav__cta{display:flex;align-items:center;gap:12px;}
.vb-nav__toggle{display:none;background:none;border:none;font-size:22px;color:var(--vb-blue);}
@media(max-width:991px){
  .vb-nav__links{position:fixed;top:0;right:-100%;height:100vh;width:78%;max-width:320px;background:#fff;flex-direction:column;justify-content:flex-start;padding:90px 30px;gap:22px;box-shadow:-10px 0 30px rgba(0,0,0,.12);transition:right .3s ease;z-index:1001;}
  .vb-nav__links.is-open{right:0;}
  .vb-nav__toggle{display:block;}
  .vb-nav__cta .vb-btn--ghost-blue{display:none;}
}
.vb-nav__backdrop{display:none;position:fixed;inset:0;background:rgba(8,20,50,.45);z-index:1000;}
.vb-nav__backdrop.is-open{display:block;}

.iti__selected-dial-code {color:#000;}
/* ===== Hero ===== */
.vb-hero{
  position:relative;
  background-image: linear-gradient(135deg, #081c4082 0%, #0a2a6b7d 52%, var(--vb-blue) 100%), url(24.jpg);
    background-repeat: no-repeat;
    background-size: cover;
 
  color:#fff;padding:50px 0 50px;overflow:hidden;
}
.vb-hero__row{display:flex;align-items:center;gap:50px;flex-wrap:wrap;}
.vb-hero__copy{flex:1 1 480px;min-width:300px;}
.vb-hero__visual{flex:1 1 380px;min-width:280px;}
.vb-hero__tag{
  display:inline-flex;align-items:center;gap:8px;font-family:var(--vb-font-head);
  color:var(--vb-amber);font-weight:600;font-size:14px;margin-bottom:18px;
}
.vb-hero__tag i{color:var(--vb-red);}
.vb-hero h1{font-size:clamp(32px,4.6vw,40px);line-height:1.14;font-weight:800;margin-bottom:10px;}
.vb-hero h1 .accent{color:var(--vb-amber);}
.vb-hero__hindi{font-size:clamp(18px,2.2vw,23px);color:#ffd9df;font-weight:600;margin-bottom:20px;}
.vb-hero p.vb-hero__desc{font-size:17px;color:#c9d6f2;max-width:520px;line-height:1.65;margin-bottom:32px;}

.vb-search{background:#fff;border-radius:10px;padding:8px;display:flex;flex-wrap:wrap;gap:8px;box-shadow:0 18px 40px rgba(4,12,32,.35);}
.vb-search select,.vb-search input{
  border:none;outline:none;font-family:var(--vb-font-body);font-size:15px;background:transparent;color:var(--vb-ink);
}
.vb-search__cat{flex:0 0 150px;border-right:1px solid #e3e7f1;padding:10px 12px;}
.vb-search__input{flex:1 1 200px;padding:10px 8px;min-width:150px;}
.vb-search__btn{flex:0 0 auto;border:none;background:var(--vb-red);color:#fff;font-weight:600;font-family:var(--vb-font-head);border-radius:7px;padding:0 22px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .15s;}
.vb-search__btn:hover{background:var(--vb-red-600);}
@media(max-width:575px){.vb-search{padding:10px;}.vb-search__cat{border-right:none;border-bottom:1px solid #e3e7f1;flex:1 1 100%;}.vb-search__btn{flex:1 1 100%;padding:12px;justify-content:center;}}

.vb-hero__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
.vb-hero__chips span{font-size:13px;color:#c9d6f2;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:6px 14px;border-radius:30px;}

/* hero network graphic */
.vb-network{position:relative;width:100%;max-width:460px;margin:0 auto;aspect-ratio:1/0.85;}
.vb-network svg{width:100%;height:100%;}
.vb-network__pulse{animation:vbPulse 2.6s ease-in-out infinite;}
@keyframes vbPulse{0%,100%{opacity:.35;}50%{opacity:1;}}
.vb-network__card{
  position:absolute;background:#fff;border-radius:10px;padding:12px 16px;color:var(--vb-ink);
  box-shadow:0 14px 34px rgba(4,12,32,.35);display:flex;align-items:center;gap:10px;
  font-family:var(--vb-font-head);font-weight:700;font-size:14px;
}
.vb-network__card i{color:var(--vb-red);font-size:18px;}
.vb-network__card--1{top:6%;left:0;}
.vb-network__card--2{bottom:10%;right:0;}
@media(max-width:575px){.vb-network__card{padding:9px 12px;font-size:12px;}}

/* stat strip */
.vb-stats{
  position:relative;margin-top:-72px;z-index:2;
}
.vb-stats__card{
  background:#fff;border-radius:var(--vb-radius);box-shadow:var(--vb-shadow);
  display:grid;grid-template-columns:repeat(4,1fr);
}
.vb-stats__item{padding:26px 18px;text-align:center;border-right:1px solid #edf0f7;}
.vb-stats__item:last-child{border-right:none;}
.vb-stats__num{font-family:var(--vb-font-head);font-weight:800;font-size:clamp(24px,3vw,32px);color:var(--vb-blue);}
.vb-stats__num .unit{color:var(--vb-red);}
.vb-stats__label{font-size:13px;color:var(--vb-grey-700);margin-top:4px;font-weight:500;}
@media(max-width:767px){.vb-stats__card{grid-template-columns:repeat(2,1fr);}.vb-stats__item:nth-child(2){border-right:none;}.vb-stats__item{border-bottom:1px solid #edf0f7;}}

/* ===== Section heads ===== */
.vb-head{max-width:640px;margin-bottom:44px;}
.vb-head--center{margin-left:auto;margin-right:auto;text-align:center;}
.vb-head h2 {
    font-size: clamp(26px, 3.4vw, 28px);
    /* font-weight: 800; */
    margin: 0 0 12px;
    /* color: #202020; */
}
.vb-head p{color:var(--vb-grey-700);font-size:16px;line-height:1.65;margin:0;}
 
.vb-head--center .rule{margin-left:auto;margin-right:auto;}

/* ===== Categories ===== */
.vb-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
@media(max-width:991px){.vb-cat-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:575px){.vb-cat-grid{grid-template-columns:repeat(2,1fr);gap:14px;}}
.vb-cat{
  background:#fff;border-radius:var(--vb-radius);padding:26px 20px;text-align:left;
  border-top:3px solid transparent;transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
  box-shadow:0 2px 10px rgba(10,26,64,.05);
}
.vb-cat:hover{border-top-color:#0f3d9c;transform:translateY(-6px);box-shadow:0 16px 30px rgba(10,26,64,.1);}
.vb-cat__icon{width:48px;height:48px;border-radius:10px;background:var(--vb-blue-100);color:var(--vb-blue);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px;}
.vb-cat h4{font-size:16px;font-weight:700;margin:0 0 6px;}
.vb-cat span{font-size:13px;color:var(--vb-grey-400);}

/* ===== How it works ===== */
.vb-steps{display:flex;gap:24px;flex-wrap:wrap;position:relative;}
.vb-step{flex:1 1 260px;background:#efefef;border-radius:var(--vb-radius);padding:32px 26px;box-shadow:0 2px 10px rgba(10,26,64,.05);position:relative;}
.vb-step__num{
  font-family:var(--vb-font-head);font-weight:800;font-size:15px;color:#fff;
  width:34px;height:34px;border-radius:50%;background:var(--vb-blue);display:flex;align-items:center;justify-content:center;margin-bottom:18px;
}
/* .vb-step:nth-child(2) .vb-step__num{background:var(--vb-red);}
.vb-step:nth-child(3) .vb-step__num{background:var(--vb-amber);color:var(--vb-ink);} */
.vb-step h4{font-size:18px;font-weight:700;margin:0 0 8px;}
.vb-step p{color:var(--vb-grey-700);font-size:14.5px;line-height:1.6;margin:0;}

/* ===== Suppliers ===== */
.vb-supp-wrap{position:relative;}
.vb-supp-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:none;}
.vb-supp-track::-webkit-scrollbar{display:none;}
.vb-supp{
  flex:0 0 270px;scroll-snap-align:start;background:#fff;border-radius:var(--vb-radius);
  padding:24px;box-shadow:0 2px 10px rgba(10,26,64,.05);border:1px solid #edf0f7;transition:box-shadow .2s, transform .2s;
}
.vb-supp:hover{box-shadow:0 16px 30px rgba(10,26,64,.1);transform:translateY(-4px);}
.vb-supp__top{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.vb-supp__logo{width:46px;height:46px;border-radius:8px;background:var(--vb-blue-100);color:var(--vb-blue);display:flex;align-items:center;justify-content:center;font-weight:800;font-family:var(--vb-font-head);}
.vb-supp__name{font-weight:700;font-size:15px;}
.vb-supp__loc{font-size:12.5px;color:var(--vb-grey-400);}
.vb-supp__badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--vb-red);background:var(--vb-red-100);padding:4px 10px;border-radius:20px;margin-bottom:12px;}
.vb-supp__desc{font-size:13.5px;color:var(--vb-grey-700);line-height:1.55;margin-bottom:16px;min-height:60px;}
.vb-supp__foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f7;padding-top:14px;}
.vb-supp__foot a{font-size:13px;font-weight:700;color:var(--vb-blue);}
.vb-supp-nav{display:flex;gap:10px;justify-content:flex-end;margin-bottom:18px;}
.vb-supp-nav button{width:40px;height:40px;border-radius:50%;border:1.5px solid #dfe4f0;background:#fff;color:var(--vb-blue);cursor:pointer;transition:.15s;}
.vb-supp-nav button:hover{background:var(--vb-blue);color:#fff;border-color:var(--vb-blue);}

/* ===== Why choose ===== */
.vb-why{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#e3e7f1;border-radius:var(--vb-radius);overflow:hidden;}
@media(max-width:991px){.vb-why{grid-template-columns:repeat(2,1fr);}}
@media(max-width:575px){.vb-why{grid-template-columns:1fr;}}
.vb-why__item{background:#fff;padding:25px 15px;}
.vb-why__item i{font-size:26px;color:#505050;margin-bottom:16px;}
.vb-why__item h4{font-size:16.5px;font-weight:700;margin:0 0 8px;}
.vb-why__item p{font-size:13.5px;color:var(--vb-grey-700);line-height:1.6;margin:0;}

/* ===== Dual CTA ===== */
.vb-dual{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--vb-radius);overflow:hidden;box-shadow:var(--vb-shadow);}
@media(max-width:767px){.vb-dual{grid-template-columns:1fr;}}
.vb-dual__panel{padding:50px 40px;color:#fff;position:relative;}
 


.vb-dual__panel--sell{ background-image: linear-gradient(135deg, #f2a93bbf 0%, #f2a93b 52%, #f2a93b30 100%), url(24.jpg)}
.vb-dual__panel--buy{background:linear-gradient(135deg, #0f3d9c 0%, #0f3d9c 52%, #0f3d9c75  100%), url(24.jpg);}
.vb-dual__panel h3{font-size:26px;font-weight:800;margin-bottom:10px;}
.vb-dual__panel p{color:rgba(255,255,255,.85);font-size:14.5px;margin-bottom:24px;max-width:340px;line-height:1.6;}

/* ===== Testimonials ===== */
.vb-test{background:#fff;border-radius:var(--vb-radius);padding:30px 28px;box-shadow:0 2px 10px rgba(10,26,64,.05);height:100%;}
.vb-test__stars{color:var(--vb-amber);font-size:14px;margin-bottom:14px;}
.vb-test p.vb-test__quote{font-size:15px;color:var(--vb-ink);line-height:1.7;margin-bottom:20px;}
.vb-test__person{display:flex;align-items:center;gap:12px;}
.vb-test__avatar{width:42px;height:42px;border-radius:50%;background:var(--vb-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--vb-font-head);}
.vb-test__name{font-weight:700;font-size:14px;}
.vb-test__role{font-size:12px;color:var(--vb-grey-400);}

/* ===== Footer ===== */
.vb-footer{background:var(--vb-blue-900);color:#aebadb;}
.vb-footer h5{color:#fff;font-family:var(--vb-font-head);font-weight:700;font-size:15px;margin-bottom:20px;}
.vb-footer a{color:#aebadb;font-size:14px;display:block;margin-bottom:11px;transition:color .15s;}
.vb-footer a:hover{color:var(--vb-amber);}
.vb-footer__logo{font-family:var(--vb-font-head);font-weight:800;font-size:22px;color:#fff;margin-bottom:14px;}
.vb-footer__logo span{color:var(--vb-amber);}
.vb-footer__desc{font-size:13.5px;line-height:1.7;margin-bottom:20px;max-width:280px;}
.vb-footer__social{display:flex;gap:10px;}
.vb-footer__social a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;margin:0;}
.vb-footer__social a:hover{background:var(--vb-red);color:#fff;}
.vb-newsletter{display:flex;margin-top:6px;border-radius:8px;overflow:hidden;max-width:320px;}
.vb-newsletter input{flex:1;border:none;padding:12px 14px;font-size:13.5px;outline:none;}
.vb-newsletter button{border:none;background:var(--vb-red);color:#fff;padding:0 18px;font-weight:700;cursor:pointer;}
.vb-footer__bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:50px;padding:20px 0;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.vb-footer__bottom a{display:inline;margin:0 0 0 18px;}

/* utility */
.vb-fade-up{opacity:0;transform:translateY(24px);transition:opacity .6s ease, transform .6s ease;}
.vb-fade-up.is-visible{opacity:1;transform:translateY(0);}

/* focus visibility */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--vb-amber);outline-offset:2px;}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important;transition-duration:.001ms !important;}
  html{scroll-behavior:auto;}
}
.vb-hero__row {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  align-items: center;
  gap: 60px;
}


/* =========================
   FORM WRAPPER
========================= */

.vb-hero__form-wrap {
  display: flex;
  justify-content: flex-end;
}


/* =========================
   BUSINESS FORM CARD
========================= */

.vb-business-form {
  width: 100%;
    max-width: 450px;
    background: #ffffff;
    padding: 23px;
    border-radius: 12px;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.16);
    position: relative;
    overflow: hidden;
}

.vb-business-form::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
   
}


/* =========================
   FORM ICON
========================= */

.vb-business-form__icon {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(196, 18, 48, 0.1);
  color: #c41230;
  border-radius: 14px;
  font-size: 22px;
  margin-bottom: 16px;
}


/* =========================
   FORM HEADING
========================= */

.vb-business-form h2 {
  margin: 0;
  color: #202020;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 800;
}

.vb-business-form__subtitle {
  margin: 7px 0 5px;
  color: #777;
  font-size: 15px;
}


/* =========================
   FORM GROUP
========================= */

.vb-form-group {
  margin-bottom: 18px;
}

.vb-form-group label {
  display: block;
  margin-bottom: 7px;
  color: #333;
  font-size: 14px;
  font-weight: 600;
}


/* =========================
   INPUT
========================= */

.vb-input {
  height: 50px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 0 14px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #fff;
  transition: all 0.25s ease;
}

.vb-input:focus-within {
  border-color: #c41230;
  box-shadow: 0 0 0 3px rgba(196, 18, 48, 0.08);
}

.vb-input i {
  color: #999;
  font-size: 15px;
  flex-shrink: 0;
}

.vb-input input,
.vb-input select {
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #333;
  font-size: 14px;
  font-family: inherit;
}

.vb-input input::placeholder {
  color: #aaa;
}

.vb-input select {
  cursor: pointer;
}


/* =========================
   SUBMIT BUTTON
========================= */

.vb-business-form__btn {
  width: 100%;
  height: 52px;
  border: 0;
  border-radius: 10px;
  background: #013b99;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  transition: all 0.25s ease;
}

.vb-business-form__btn:hover {
  background: #a80f29;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(196, 18, 48, 0.25);
}


/* =========================
   TRUST TEXT
========================= */

.vb-business-form__trust {
  margin-top: 17px;
  text-align: center;
  color: #888;
  font-size: 12px;
}

.vb-business-form__trust i {
  color: #29945b;
  margin-right: 4px;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 991px) {

  .vb-hero__row {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .vb-hero__form-wrap {
    justify-content: flex-start;
  }

  .vb-business-form {
    max-width: 500px;
  }
}


@media (max-width: 576px) {

  .vb-business-form {
    padding: 25px 20px;
    border-radius: 16px;
  }

  .vb-business-form h2 {
    font-size: 24px;
  }
}
/* =========================
   CENTER ABOUT SECTION
========================= */

.vb-about-text {
  padding: 15px 0;
  background: #fff;
  position: relative;
  overflow: hidden;
}

.vb-about-text::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: rgba(196, 18, 48, 0.035);
  top: -220px;
  left: -180px;
}

.vb-about-text::after {
  content: "";
  position: absolute;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background: rgba(242, 169, 59, 0.045);
  bottom: -200px;
  right: -150px;
}


/* =========================
   CONTENT
========================= */

.vb-about-text__content {
   
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
}


/* =========================
   TAG
========================= */

.vb-about-text__tag {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #0d388d;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 15px;
}

.vb-about-text__tag span {
  width: 35px;
  height: 2px;
  background: #0d388d;
  display: block;
}


/* =========================
   HEADING
========================= */

.vb-about-text__content h2 {
  margin: 0 auto 28px;
  color: #202020;
  font-size: 42px;
  line-height: 1.2;
  font-weight: 800;
}

.vb-about-text__content h2 span {
  color: #0d388d;
}


/* =========================
   PARAGRAPHS
========================= */

.vb-about-text__content > p {
    
  color: #666;
  font-size: 15px;
  line-height: 1.9;
}


/* =========================
   HIGHLIGHTS
========================= */

.vb-about-text__highlights {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}

.vb-about-text__highlight {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: left;
  padding: 18px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  transition: all .25s ease;
}

.vb-about-text__highlight:hover {
  border-color: rgba(196, 18, 48, .25);
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, .06);
}

.vb-about-text__highlight > i {
  width: 42px;
  height: 42px;
  min-width: 42px;
  border-radius: 10px;
  background: #fff3f5;
  color: #c41230;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
}

.vb-about-text__highlight strong {
  display: block;
  color: #292929;
  font-size: 13px;
  margin-bottom: 3px;
}

.vb-about-text__highlight span {
  display: block;
  color: #888;
  font-size: 11px;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 768px) {

  .vb-about-text {
    padding: 65px 0;
  }

  .vb-about-text__content h2 {
    font-size: 34px;
  }

  .vb-about-text__content > p {
    font-size: 14px;
    line-height: 1.8;
  }

  .vb-about-text__highlights {
    grid-template-columns: 1fr;
  }

  .vb-about-text__highlight {
    justify-content: flex-start;
  }
}


@media (max-width: 480px) {

  .vb-about-text {
    padding: 50px 0;
  }

  .vb-about-text__content h2 {
    font-size: 29px;
  }

  .vb-about-text__tag {
    font-size: 11px;
  }

  .vb-about-text__tag span {
    width: 22px;
  }
}

/* =====================================
   WHY CHOOSE SECTION
===================================== */

.vb-why {
  padding: 10px 0;
  background: #f8f9fb;
  position: relative;
  overflow: hidden;
}

.vb-why::before {
  content: "";
  position: absolute;
  width: 450px;
  height: 450px;
  border-radius: 50%;
  background:rgb(15 61 159 / 32%);
  left: -250px;
  top: -180px;
}

.vb-why__row {
  display: grid;
  grid-template-columns: 1fr 430px;
  gap: 75px;
  align-items: center;
  position: relative;
  z-index: 2;
}


/* =====================================
   LEFT CONTENT
===================================== */

.vb-why__content {
  max-width: 700px;
}

.vb-why .vb-section-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #c41230;
  background: rgba(196, 18, 48, 0.08);
  border-radius: 50px;
  padding: 8px 15px;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 18px;
}

.vb-why__content > h2 {
  margin: 0 0 18px;
  color: #222;
  font-size: 42px;
  line-height: 1.15;
  font-weight: 800;
}

.vb-why__content > h2 span {
  display: block;
  color: #0f3d9c;
}

.vb-why__intro {
  max-width: 650px;
  color: #666;
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 35px;
}


/* =====================================
   BENEFITS
===================================== */

.vb-why__benefits {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px 30px;
}

.vb-why__benefit {
  display: flex;
    align-items: flex-start;
    gap: 15px;
    border: 1px solid #abababa8;
    padding: 10px;
    border-radius: 12px;
}

.vb-why__icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 12px;
  background: #fff;
  color: #292929;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  box-shadow: 0 5px 18px rgba(0, 0, 0, .06);
  border: 1px solid #eee;
}

.vb-why__text h3 {
  margin: 0 0 6px;
  color: #292929;
  font-size: 16px;
  font-weight: 750;
}

.vb-why__text p {
  margin: 0;
  color: #777;
  font-size: 12px;
  line-height: 1.65;
}


/* =====================================
   FORM
===================================== */

.vb-why__form-wrap {
  display: flex;
  justify-content: flex-end;
}

.vb-why__form {
  width: 100%;
  background: #fff;
  padding: 32px;
  border-radius: 20px;
  box-shadow: 0 20px 55px rgba(0, 0, 0, .11);
  border: 1px solid #eee;
  position: relative;
  overflow: hidden;
}

.vb-why__form::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #0f3d9c, #0f3d9c, #f2a93b);
}


/* =====================================
   FORM HEADER
===================================== */

.vb-why__form-badge {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff2f4;
  color: #c41230;
  font-size: 20px;
  margin-bottom: 16px;
}

.vb-why__form h2 {
  margin: 0 0 8px;
  color: #222;
  font-size: 25px;
  line-height: 1.25;
  font-weight: 800;
}

.vb-why__form > p {
  color: #777;
  font-size: 13px;
  line-height: 1.6;
  margin: 0 0 23px;
}


/* =====================================
   INPUTS
===================================== */

.vb-why__form .vb-form-group {
  margin-bottom: 16px;
}

.vb-why__form .vb-form-group label {
  display: block;
  color: #333;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 7px;
}

.vb-why__form .vb-input {
  height: 48px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 13px;
  border: 1px solid #ddd;
  border-radius: 9px;
  background: #fff;
  transition: .25s ease;
}

.vb-why__form .vb-input:focus-within {
  border-color: #c41230;
  box-shadow: 0 0 0 3px rgba(196, 18, 48, .07);
}

.vb-why__form .vb-input i {
  color: #999;
  font-size: 14px;
}

.vb-why__form input,
.vb-why__form select {
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #333;
  font-family: inherit;
  font-size: 13px;
}

.vb-why__form input::placeholder {
  color: #aaa;
}


/* =====================================
   SUBMIT
===================================== */

.vb-why__submit {
  width: 100%;
  height: 50px;
  margin-top: 5px;
  border: 0;
  border-radius: 9px;
  background: #013b99;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: .25s ease;
}

.vb-why__submit:hover {
  background: #f2a93b;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(196, 18, 48, .22);
}


/* =====================================
   SECURITY
===================================== */

.vb-why__secure {
  text-align: center;
  margin-top: 15px;
  color: #888;
  font-size: 11px;
}

.vb-why__secure i {
  color: #29945b;
  margin-right: 4px;
}


/* =====================================
   RESPONSIVE
===================================== */

@media (max-width: 1100px) {

  .vb-why__row {
    grid-template-columns: 1fr 390px;
    gap: 40px;
  }

  .vb-why__benefits {
    gap: 22px 20px;
  }

}


@media (max-width: 991px) {

  .vb-why {
    padding: 70px 0;
  }

  .vb-why__row {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .vb-why__content {
    max-width: 100%;
  }

  .vb-why__form-wrap {
    justify-content: flex-start;
  }

  .vb-why__form {
    max-width: 500px;
  }

}


@media (max-width: 650px) {
  .vb-hero {
    position: relative;
    background-image: linear-gradient(135deg, #081c4082 0%, #0a2a6b7d 52%, var(--vb-blue) 100%), url(24.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 20px 0 40px;
    overflow: hidden;
}
    .vb-about-text {
        padding: 30px 0;
    }
    .vb-section {
        padding: 6px 0;
    }

  .vb-why__content > h2 {
    font-size: 34px;
  }

  .vb-why__benefits {
    grid-template-columns: 1fr;
    gap: 20px;
  }

}


@media (max-width: 480px) {

  .vb-why {
    padding: 55px 0;
  }

  .vb-why__content > h2 {
    font-size: 29px;
  }

  .vb-why__form {
    padding: 25px 20px;
    border-radius: 16px;
  }

  .vb-why__form h2 {
    font-size: 22px;
  }

}

.footer_logo img {
    width: 240px;
    background-color: #fff;
    border-radius: 12px;
    padding: 2px;
}
.vb-nav__logo img {
  width: 240px;
}

   .brands-section {
      width: 100%;
      padding: 30px 60px 16px;
    }

    .brands-title {
      text-align: center;
      margin-bottom: 52px;
    }

    .brands-title .small-title {
      display: block;
      font-size: 18px;
      font-weight: 400;
      line-height: 1.2;
      margin-bottom: 7px;
    }

    .brands-title h2 {
      font-size: 30px;
      font-weight: 500;
      line-height: 1.2;
      color: #18293b;
    }

    /* =========================
       GRID
    ========================= */

    .brands-grid {
      max-width: 1198px;
      margin: 0 auto;

      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 10px;
    }

    /* =========================
       BRAND CARD
    ========================= */

    .brand-card {
      height: 160px;

      border: 1px solid #d9d9d9;
      border-radius: 3px;

      background: #fff;

      display: flex;
      align-items: center;
      justify-content: center;

      padding: 15px;

      overflow: hidden;
    }

    .brand-card img {
      max-width: 90%;
      max-height: 90%;

      width: auto;
      height: auto;

      object-fit: contain;
      display: block;
    }

    /* La Coppera black logo box */
    .brand-card.black {
      padding: 0;
       
    }

    .brand-card.black img {
      max-width: 100%;
      max-height: 100%;
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    /* =========================
       TABLET
    ========================= */

    @media (max-width: 1000px) {

      .brands-section {
        padding: 30px;
      }

      .brands-grid {
        grid-template-columns: repeat(3, 1fr);
      }

    }

    /* =========================
       MOBILE
    ========================= */

    @media (max-width: 600px) {

      .brands-section {
        padding: 25px 15px;
      }

      .brands-title {
        margin-bottom: 30px;
      }

      .brands-title .small-title {
        font-size: 16px;
      }

      .brands-title h2 {
        font-size: 24px;
      }

      .brands-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
      }

      .brand-card {
        height: 125px;
      }

    }

    /* =========================
       SMALL MOBILE
    ========================= */

    @media (max-width: 380px) {

      .brands-grid {
        grid-template-columns: 1fr;
      }

      .brand-card {
        height: 140px;
      }

    }

    /* =========================
       TESTIMONIAL SECTION
    ========================== */

    .testimonials-section {
      width: 100%;
      padding: 8px 40px 25px;
      background: #fff;
      overflow: hidden;
    }

    .testimonial-label {
      text-align: center;
      font-size: 18px;
      color: #17324d;
      margin-bottom: 2px;
    }

    .testimonial-title {
      text-align: center;
      font-size: 31px;
      font-weight: 500;
      color: #17324d;
      margin-bottom: 50px;
    }

    /* Carousel */
    .carousel-wrapper {
      max-width: 1140px;
      margin: 0 auto;
      position: relative;
      overflow: hidden;
    }

    .carousel-track {
      display: flex;
      gap: 15px;
      transition: transform 0.6s ease;
    }

    .testimonial-card {
      flex: 0 0 calc((100% - 30px) / 3);
      height: 280px;
      border-radius: 5px;
      overflow: hidden;
      background: #111;
      position: relative;
    }

    /* Video */
    .testimonial-card video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      background: #000;
    }

    /* Optional center play button */
    .play-button {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);

      width: 61px;
      height: 43px;
      border-radius: 8px;

      background: #ff0000;
      display: flex;
      align-items: center;
      justify-content: center;

      cursor: pointer;
      z-index: 2;
    }

    .play-button::after {
      content: "";
      margin-left: 4px;
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-left: 16px solid white;
    }

    /* Hide play button when video is playing */
    .testimonial-card.playing .play-button {
      display: none;
    }

    /* Navigation buttons */
    .carousel-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 42px;
      height: 42px;
      border: none;
      border-radius: 50%;
      background: rgba(23, 50, 77, 0.85);
      color: #fff;
      font-size: 24px;
      cursor: pointer;
      z-index: 5;
      transition: 0.2s;
    }

    .carousel-btn:hover {
      background: #17324d;
    }

    .prev-btn {
      left: 10px;
    }

    .next-btn {
      right: 10px;
    }

    /* Dots */
    .carousel-dots {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      margin-top: 20px;
    }

    .dot {
      width: 11px;
      height: 11px;
      border-radius: 50%;
      background: #d1d1d1;
      cursor: pointer;
      transition: 0.3s;
    }

    .dot.active {
      background: #f15a24;
      transform: scale(1.05);
    }

    /* =========================
       TABLET
    ========================== */

    @media (max-width: 900px) {

      .testimonials-section {
        padding: 10px 25px 25px;
      }

      .testimonial-title {
        font-size: 27px;
        margin-bottom: 35px;
      }

      .testimonial-card {
        flex: 0 0 calc((100% - 15px) / 2);
        height: 250px;
      }
    }

    /* =========================
       MOBILE
    ========================== */

    @media (max-width: 600px) {

      .testimonials-section {
        padding: 10px 15px 25px;
      }

      .testimonial-label {
        font-size: 16px;
      }

      .testimonial-title {
        font-size: 23px;
        line-height: 1.3;
        margin-bottom: 25px;
      }

      .carousel-wrapper {
        width: 100%;
      }

      .carousel-track {
        gap: 0;
      }

      .testimonial-card {
        flex: 0 0 100%;
        height: 260px;
      }

      .carousel-btn {
        width: 36px;
        height: 36px;
        font-size: 20px;
      }

      .prev-btn {
        left: 5px;
      }

      .next-btn {
        right: 5px;
      }

      .carousel-dots {
        gap: 8px;
        margin-top: 15px;
      }

      .dot {
        width: 9px;
        height: 9px;
      }
    }


    .faq-section {
  width: 100%;
  padding: 30px 20px 40px;
  background: #f8f9fb;
}

.faq-container {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

/* Small heading */

.faq-label {
  text-align: center;
  color: #17324d;
  font-size: 17px;
  margin-bottom: 6px;
}

/* Main heading */

.faq-title {
  text-align: center;
  color: #17324d;
  font-size: 32px;
  font-weight: 500;
  margin: 0 0 10px;
}

.faq-subtitle {
  text-align: center;
  color: #6d7782;
  font-size: 15px;
  line-height: 1.6;
  margin: 0 auto 35px;
}

/* FAQ list */

.faq-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Individual item */

.faq-item {
  background: #fff;
  border: 1px solid #e4e8ec;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.faq-item:hover {
  border-color: #d5dce3;
}

/* Question button */

.faq-question {
  width: 100%;
  min-height: 65px;
  padding: 18px 22px;

  border: 0;
  outline: none;
  background: #fff;

  display: flex;
  align-items: center;
  justify-content: space-between;

  color: #17324d;
  font-size: 16px;
  font-weight: 500;

  text-align: left;
  cursor: pointer;
}

/* Plus icon */

.faq-icon {
  width: 30px;
  height: 30px;

  display: flex;
  align-items: center;
  justify-content: center;

  flex-shrink: 0;

  color: #013b99;
  font-size: 25px;
  font-weight: 400;

  transition: transform 0.3s ease;
}

/* Answer */

.faq-answer {
  max-height: 0;
  overflow: hidden;

  transition:
    max-height 0.35s ease,
    padding 0.35s ease;
}

.faq-answer p {
  padding: 0 22px 20px;

  color: #687583;
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
}

/* Active FAQ */

.faq-item.active {
  border-color: #013b99;
}

.faq-item.active .faq-icon {
  transform: rotate(45deg);
}

.faq-item.active .faq-answer {
  max-height: 200px;
}

/* =========================
   MOBILE
========================== */

@media (max-width: 600px) {
    
        .vb-nav__toggle {
        display: none;
    }
    
    .vb-hero h1 {
    font-size: clamp(26px, 4.6vw, 40px);
    line-height: 1.14;
    font-weight: 800;
    margin-bottom: 10px;
}
    .vb-nav {
    background: #fff;
    box-shadow: 0 1px 0 rgba(10, 26, 64, .06);
    position: sticky;
    top: 0;
     
    z-index: 1000;
}
    .vb-nav__backdrop {
    display: none!important;
    position: fixed;
    inset: 0;
    /* background: rgba(8, 20, 50, .45); */
    z-index: 1000;
}
.vb-nav__links{display:none;}

  .faq-section {
    padding: 50px 15px 60px;
  }

  .faq-title {
    font-size: 25px;
  }

  .faq-subtitle {
    font-size: 14px;
    margin-bottom: 25px;
  }

  .faq-question {
    min-height: 60px;
    padding: 16px;
    font-size: 14px;
  }

  .faq-answer p {
    padding: 0 16px 18px;
    font-size: 13px;
  }

}