/* Indiavanta brand palette (taken from the logo) */
:root {
    --iv-navy: #02275c;
    --iv-navy-deep: #021a40;
    --iv-blue: #0b4aa2;
    --iv-orange: #f27302;
    --iv-orange-light: #ff9a3c;
    --iv-green: #0c9929;
    --iv-ink: #1b2433;
    --iv-muted: #5b6678;
    --iv-line: #e3e8f0;
    --iv-soft: #f4f7fb;
}

::selection { background: var(--iv-orange); color: #fff; }

.top_menu { background: var(--iv-navy) !important; }
.top_menu a, .top_menu p { color: #fff; }

/* ================= Footer ================= */
.ivf { font-family: Poppins-Regular, sans-serif; color: rgba(255,255,255,.78); background: var(--iv-navy-deep); margin-top: 0; }
.ivf *, .ivf *::before, .ivf *::after { box-sizing: border-box; }
.ivf a { color: inherit; text-decoration: none; transition: color .2s ease; }
.ivf a:hover { color: var(--iv-orange-light); text-decoration: none; }
.ivf ul { list-style: none; margin: 0; padding: 0; }
.ivf-wrap { max-width: 1180px; margin: 0 auto; padding: 0 20px; }

.ivf-cta { padding-top: 56px; }
.ivf-cta-inner { background: linear-gradient(120deg, var(--iv-orange) 0%, #e05f00 100%); border-radius: 18px; padding: 34px 40px; display: flex; align-items: center; justify-content: space-between; gap: 24px; box-shadow: 0 20px 40px rgba(242,115,2,.25); }
.ivf-cta h3 { font-family: Poppins-SemiBold, sans-serif; color: #fff; font-size: 26px; margin: 0 0 6px; }
.ivf-cta p { color: rgba(255,255,255,.9); margin: 0; font-size: 15px; }
.ivf-cta-actions { display: flex; gap: 12px; flex-wrap: wrap; flex-shrink: 0; }
.ivf-btn { display: inline-flex; align-items: center; gap: 10px; padding: 13px 22px; border-radius: 8px; font-family: Poppins-Medium, sans-serif; font-size: 15px; border: 2px solid transparent; white-space: nowrap; }
.ivf .ivf-btn-orange { background: var(--iv-navy); color: #fff; }
.ivf .ivf-btn-orange:hover { background: var(--iv-navy-deep); color: #fff; }
.ivf .ivf-btn-line { border-color: rgba(255,255,255,.7); color: #fff; }
.ivf .ivf-btn-line:hover { background: rgba(255,255,255,.12); color: #fff; }

.ivf-main { padding: 56px 0 50px; }
.ivf-grid { display: grid; grid-template-columns: 1.3fr .9fr .9fr 1.2fr; gap: 44px; }
.ivf-logo { display: inline-block; background: #fff; border-radius: 12px; padding: 10px 14px; margin-bottom: 18px; }
.ivf-logo img { height: 46px; width: auto; display: block; }
.ivf-brand p { font-size: 14.5px; line-height: 1.75; margin: 0 0 22px; color: rgba(255,255,255,.72); }
.ivf-social { display: flex; gap: 10px; }
.ivf-social a { width: 40px; height: 40px; border-radius: 10px; display: grid; place-items: center; background: rgba(255,255,255,.08); color: #fff; font-size: 17px; transition: background .2s ease, transform .2s ease; }
.ivf-social a:hover { background: var(--iv-orange); color: #fff; transform: translateY(-2px); }

.ivf h4 { font-family: Poppins-SemiBold, sans-serif; color: #fff; font-size: 17px; margin: 0 0 18px; position: relative; padding-bottom: 12px; }
.ivf h4::after { content: ""; position: absolute; left: 0; bottom: 0; width: 34px; height: 3px; border-radius: 2px; background: linear-gradient(90deg, var(--iv-orange) 0 60%, var(--iv-green) 60% 100%); }
.ivf h4.ivf-mt { margin-top: 30px; }
.ivf-col li { margin-bottom: 11px; font-size: 14.5px; }
.ivf-col li a { position: relative; }
.ivf-col:not(.ivf-contact) li a::before { content: "\f105"; font-family: FontAwesome; margin-right: 8px; color: var(--iv-orange); }
.ivf-contact li { display: flex; gap: 12px; align-items: flex-start; line-height: 1.6; margin-bottom: 16px; }
.ivf-contact li i { flex: 0 0 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; background: rgba(242,115,2,.15); color: var(--iv-orange-light); font-size: 15px; }
.ivf-contact li span, .ivf-contact li a { padding-top: 6px; }

.ivf-bottom { border-top: 1px solid rgba(255,255,255,.1); padding: 20px 0; font-size: 13.5px; }
.ivf-bottom-inner { display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; }
.ivf-bottom p { margin: 0; color: rgba(255,255,255,.6); }
.ivf-bottom ul { display: flex; gap: 22px; }

@media (max-width: 991px) {
    .ivf-grid { grid-template-columns: 1fr 1fr; gap: 36px; }
    .ivf-cta-inner { flex-direction: column; align-items: flex-start; padding: 30px; }
}
@media (max-width: 600px) {
    .ivf-grid { grid-template-columns: 1fr; }
    .ivf-cta h3 { font-size: 22px; }
    .ivf-cta-actions, .ivf-btn { width: 100%; justify-content: center; }
    .ivf-bottom-inner { flex-direction: column; text-align: center; }
}
.ivf-main-plain { padding-top: 64px; }

/* Back-to-top button */
.bottombut { background: var(--iv-orange) !important; color: #fff !important; box-shadow: 0 8px 20px rgba(242,115,2,.35); }
.bottombut i { color: #fff !important; }

/* Header logo */
.header_area .navbar-brand.logo_h { padding: 6px 0; margin-right: 24px; }
.header_area .navbar-brand img.iv-logo { height: 60px !important; width: auto !important; max-width: none !important; display: block; }
.header_area.navbar_fixed .navbar-brand img.iv-logo { height: 52px !important; }
@media (max-width: 991px) { .header_area .navbar-brand img.iv-logo { height: 50px !important; } }
@media (max-width: 400px) { .header_area .navbar-brand img.iv-logo { height: 44px !important; } }

/* ================= Mobile menu (phone & tablet) ================= */
@media (max-width: 991px) {
  .header_area .main_menu .navbar { padding-top: 6px; padding-bottom: 6px; }
  .header_area #navbarSupportedContent {
    max-height: calc(100vh - 110px) !important; height: auto !important; overflow-y: auto !important;
    background: #fff; margin: 8px -15px 0; padding: 6px 0 18px;
    border-top: 3px solid transparent; border-image: linear-gradient(90deg, #f27302 60%, #0c9929 60%) 1;
    box-shadow: 0 18px 30px rgba(2,39,92,.15);
    -webkit-overflow-scrolling: touch;
  }
  .header_area #navbarSupportedContent::-webkit-scrollbar { width: 4px; }
  .header_area #navbarSupportedContent::-webkit-scrollbar-thumb { background: #c9d3e3; border-radius: 4px; }
  .header_area #navbarSupportedContent > .row { margin: 0 !important; width: 100% !important; }
  .header_area #navbarSupportedContent > .row > [class*="col-"] { padding: 0 !important; }
  .header_area .center_nav { display: flex !important; flex-direction: column; width: 100%; margin: 0 !important; padding: 0 18px !important; float: none !important; }
  .header_area .center_nav > li.nav-item { padding: 0 !important; margin: 0 !important; border-bottom: 1px solid #eef1f6; height: auto !important; }
  .header_area .center_nav > li.nav-item > a.nav-link {
    display: flex !important; align-items: center; justify-content: space-between;
    padding: 15px 4px !important; line-height: 1.3 !important; height: auto !important;
    font-family: Poppins-Medium, sans-serif; font-size: 15.5px !important; letter-spacing: .03em;
    color: #02275c !important; text-transform: uppercase;
  }
  .header_area .center_nav > li.nav-item > a.nav-link:hover,
  .header_area .center_nav > li.nav-item.show > a.nav-link { color: #f27302 !important; }
  /* remove desktop hover lines, add chevron for dropdowns */
  .header_area .snip1189 > li > a::before { display: none !important; }
  .header_area .snip1189 > li > a::after { content: none !important; border: 0 !important; display: none !important; }
  .header_area .snip1189 > li > a.dropdown-toggle::after {
    content: "\f107" !important; display: inline-block !important; font-family: FontAwesome; font-size: 18px;
    border: 0 !important; position: static !important; width: auto !important; height: auto !important;
    opacity: 1 !important; transform: none !important; margin: 0 0 0 10px; color: #f27302; transition: transform .25s ease !important;
  }
  .header_area .snip1189 > li.show > a.dropdown-toggle::after { transform: rotate(180deg) !important; }
  .header_area .snip1189 > li > a[href="hireus.php"].dropdown-toggle::after { content: none !important; display: none !important; }

  /* dropdown panels */
  .header_area .megamenu .dropdown-menu { position: static !important; float: none; width: 100% !important; transform: none !important; margin: 0 0 10px !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; }
  .header_area .megamenu .dropdown-menu .container,
  .header_area .companymenu, .header_area .productmenu { margin: 0 !important; padding: 0 !important; max-width: 100% !important; width: 100% !important; }
  .header_area .megamenu .dropdown-menu .row { margin: 0 !important; }
  .header_area .megamenu .dropdown-menu [class*="col-"] { max-width: 100% !important; flex: 0 0 100% !important; padding: 0 !important; }
  .header_area .megamenu .dropdown-menu .p-4 { padding: 0 !important; }
  .header_area .megamenu .dropdown-menu .bg-white { background: #f4f7fb !important; border-radius: 12px; padding: 6px 4px; }
  .header_area .megamenu .dropdown-menu ul.list-unstyled { margin: 0 !important; }
  .header_area .megamenu .dropdown-menu .nav-item { padding: 0 !important; border: 0 !important; }
  .header_area .megamenu .dropdown-menu .nav-link {
    display: flex !important; align-items: center; gap: 10px; padding: 10px 12px !important; line-height: 1.35 !important; height: auto !important;
    font-family: Poppins-Regular, sans-serif; font-size: 14.5px !important; color: #3a4558 !important; text-transform: none !important; letter-spacing: 0 !important; border-radius: 8px;
  }
  .header_area .megamenu .dropdown-menu .nav-link:hover { background: #fff; color: #f27302 !important; }
  .header_area .megamenu .dropdown-menu .nav-link img { width: 26px !important; height: 26px !important; object-fit: contain; margin: 0 !important; flex: 0 0 26px; }
  .header_area .megamenu .dropdown-menu .nav-link i.fa { margin: 0 !important; padding: 0 !important; width: 26px !important; font-size: 20px !important; text-align: center; }
  .header_area .megamenu .dropdown-menu h3, .header_area .megamenu .dropdown-menu h4, .header_area .megamenu .dropdown-menu h5, .header_area .megamenu .dropdown-menu h6 { font-size: 13px !important; margin: 8px 12px 4px !important; color: #8a95a8 !important; letter-spacing: .08em; }

  /* Request Quote button */
  .header_area .center_nav > li.nav-item:last-child { border-bottom: 0; padding-top: 16px !important; }
  .header_area .center_nav > li.nav-item:last-child > a.icons {
    display: flex !important; justify-content: center; align-items: center; width: 100%; padding: 14px 20px !important; margin: 0 !important;
    border-radius: 10px !important; background: #f27302 !important; color: #fff !important; border: 0 !important;
    font-family: Poppins-Medium, sans-serif; font-size: 16px !important; line-height: 1.2 !important; height: auto !important;
    box-shadow: 0 10px 22px rgba(242,115,2,.3); animation: none !important;
  }
}

/* ================= Quote popup ================= */
.ivq .modal-dialog { max-width: 620px; }
.ivq .modal-content { border: 0; border-radius: 20px; overflow: hidden; box-shadow: 0 30px 70px rgba(2,26,64,.35); font-family: Poppins-Regular, sans-serif; }
.ivq-head { position: relative; display: flex; justify-content: space-between; gap: 16px; padding: 26px 28px 22px; color: #fff; background: radial-gradient(70% 120% at 100% 0%, rgba(242,115,2,.35), rgba(242,115,2,0) 60%), linear-gradient(140deg, #021a40, #02275c 60%, #0b4aa2); }
.ivq-head::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, #f27302 60%, #0c9929 60%); }
.ivq-eyebrow { font-family: Poppins-Medium, sans-serif; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #ffb26b; }
.ivq-head h3 { font-family: Poppins-SemiBold, sans-serif; color: #fff; font-size: 25px; margin: 4px 0 4px; }
.ivq-head p { margin: 0; color: rgba(255,255,255,.8); font-size: 14px; }
.ivq-close { flex: 0 0 38px; height: 38px; border-radius: 50%; border: 0; background: rgba(255,255,255,.12); color: #fff; font-size: 16px; cursor: pointer; transition: background .2s ease; }
.ivq-close:hover { background: #f27302; }
.ivq-body { padding: 24px 28px 26px; background: #fff; }
.ivq-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ivq-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.ivq-field label { position: static !important; display: block !important; padding: 0 !important; margin: 0 !important; letter-spacing: normal !important; font-family: Poppins-Medium, sans-serif; font-size: 13.5px; color: #02275c; }
.ivq-field label::before, .ivq-field label::after { content: none !important; display: none !important; }
.ivq-field label b { color: #f27302; font-weight: normal; }
.ivq-field input, .ivq-field select, .ivq-field textarea { width: 100%; font-family: Poppins-Regular, sans-serif; font-size: 15px; color: #1b2433; padding: 11px 13px; border-radius: 10px; border: 1px solid #d5dce8 !important; background: #f9fbfd; outline: none; box-shadow: none; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.ivq-field input:focus, .ivq-field select:focus, .ivq-field textarea:focus { border-color: #f27302 !important; background: #fff; box-shadow: 0 0 0 3px rgba(242,115,2,.15); }
.ivq-field textarea { resize: vertical; min-height: 90px; }
.ivq-phone { display: flex; gap: 8px; }
.ivq-phone select { width: 88px; flex: 0 0 88px; }
.ivq-msg { display: none; margin: 0 0 14px; padding: 11px 14px; border-radius: 10px; font-size: 14px; }
.ivq-msg.ok { display: block; background: rgba(12,153,41,.1); color: #0a7a21; border: 1px solid rgba(12,153,41,.3); }
.ivq-msg.err { display: block; background: rgba(220,53,69,.08); color: #b02a37; border: 1px solid rgba(220,53,69,.25); }
.ivq-actions { display: flex; gap: 12px; align-items: center; justify-content: space-between; }
.ivq-wa { display: inline-flex; align-items: center; gap: 8px; color: #0c9929 !important; font-family: Poppins-Medium, sans-serif; font-size: 14.5px; text-decoration: none !important; }
.ivq-wa i { font-size: 20px; }
.ivq-submit { display: inline-flex; align-items: center; gap: 10px; padding: 13px 26px; border: 0; border-radius: 10px; background: #f27302; color: #fff; font-family: Poppins-Medium, sans-serif; font-size: 15.5px; cursor: pointer; box-shadow: 0 10px 22px rgba(242,115,2,.3); transition: background .2s ease, transform .2s ease; }
.ivq-submit:hover { background: #d96502; transform: translateY(-1px); }
.ivq-submit[disabled] { opacity: .7; cursor: wait; }
@media (max-width: 600px) {
  .ivq .modal-dialog { margin: 12px; }
  .ivq-head { padding: 22px 20px 18px; }
  .ivq-head h3 { font-size: 21px; }
  .ivq-body { padding: 20px; }
  .ivq-row { grid-template-columns: 1fr; gap: 0; }
  .ivq-actions { flex-direction: column-reverse; align-items: stretch; }
  .ivq-submit { justify-content: center; }
  .ivq-wa { justify-content: center; }
}
.ivq-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }