/* =========================================================
   FOOTER (final arranged + pixel-fix)
   ========================================================= */
.iv-footer{ background:#121922; color:#DDE7F7 }
.iv-top{ padding:30px 2% }
.iv-container{
  max-width:var(--container);
  margin-inline:auto;
  position:relative;
  isolation:isolate;
  background:url("/innovus_management/assets/images/home/footer_bg.webp") center/cover no-repeat;
}
.iv-container::before{
  content:"";
  position:absolute;
  inset:0;
background: linear-gradient(
  0deg,
  rgba(15, 30, 55, .92),
  rgba(15, 30, 55, .60)
);
  z-index:-1;
}

.iv-grid{ display:grid; gap:34px;   grid-template-columns: 1.65fr repeat(3, 1fr) 1.9fr;  }

/* brand block */
.iv-brand-row{ display:grid; /*grid-template-columns:204px 1fr;*/ align-items:center; gap:24px }
.iv-logo{ width:204px; height:auto }
.iv-brand-title{ margin:2px 0 0; line-height:1.02; color:#fff; font-weight:700; font-size:22px }
.iv-brand-title .line1,.iv-brand-title .line2{ display:inline-block; font-weight:900; font-size:50px; letter-spacing:-.5px }
.iv-brand-copy{ font-weight:300; font-size:14px; margin:18px 0 22px; line-height:1.5; color: var(--paper-2); letter-spacing: .2px; }
.iv-socials{ display:flex; gap:14px; margin-top:4px }
.iv-sc{ width:44px; height:44px; border-radius:999px; background:#FF6A33; display:grid; place-items:center; color:#fff }
.iv-sc svg{ width:19px; height:19px }

/* columns */
.iv-col-title{ margin:0 0 16px; color:#fff; font-weight:700; font-size:20px; letter-spacing: .2px; }
.iv-links{ list-style:none; margin:0; padding:0; display:grid; gap:8px }
.iv-links a, .iv-branches{ color:#E6EEFA; font-weight:400; font-size:14px; opacity:.9; letter-spacing: .2px; line-height: 1.6; }
.iv-links a:hover{ opacity:1 }
.iv-branches{
  display:grid;
  grid-template-columns: max-content max-content; 
  justify-content:start; 
}

.iv-branches li{
  margin:0;
  padding:0;
  line-height:1.05;
  white-space:nowrap;
}

/*.iv-mt{ margin-top:8px }*/

/* contact + newsletter */
.iv-contact{ display:flex; gap:12px; align-items:flex-start; margin:10px 0 8px; color: var(--paper-2); font-size: 14px; line-height: 1.5; letter-spacing: .2px; width: 70%;}
.iv-contact svg{ width:20px; height:20px; stroke:#fff; fill:none; stroke-width:2 }
.iv-subscribe{ display:grid; grid-template-columns:1fr auto; gap:12px; align-items:center; margin-top:10px; margin-bottom: 0; }
.iv-input{
    margin-top: 15px;
    position: relative;
}
.iv-input input{
  width:calc(100% - 48px); height:42px; border-top-left-radius: 12px; border-bottom-left-radius: 12px; /*border:1px solid rgba(255,255,255,.35);*/ border: none;
  background:rgba(255,255,255,.20); color:#fff; outline:none; padding:0 16px; float: left;
}
.iv-input input::placeholder{ color:#BED0E8 }
.iv-input input:focus{ border-color:#fff; background:rgba(255,255,255,.14) }
.iv-subscribe button{ width:48px; height:42px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; border:none; background:#FF4F0F; color:#fff; display:grid; 
    place-items:center; cursor:not-allowed; opacity:.6; transition:background .2s, transform .2s, opacity .2s;}
.iv-subscribe button:not([disabled]){ cursor:pointer; opacity:1 }
.iv-subscribe button:not([disabled]):hover{ background:#ff5f27; transform:translateY(-1px) }
.iv-subscribe button svg{ width:18px; height:18px }
.iv-hint{ grid-column:1 / -1; color: var(--brand); min-height:14px; font-size:12px }

/* orange strip + bottom */
.iv-mid{ background:#000; color:#fff; padding:3px 2% 6px 2%;}
.iv-mid-row{ display:flex; align-items:center; justify-content:space-between; gap:16px; background:#000; }
.iv-copy, .iv-legal a{ margin:0; font-style: italic; font-weight:400; font-size: 10px; letter-spacing:.5px }
.iv-legal a:hover{ text-decoration:underline }
.iv-bottom{ background:#0B1523; padding:12px 0 }
.iv-bottom-copy{ margin:0; text-align:center; color:#99A8BE; font-size:13px }

.iv-grid-btm{
    display: none;
    margin-top: 30px;
}
.iv-grid-btm-ctnr{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    row-gap: 44px;
}

@media (max-width:768px){
    .iv-grid {
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 30px;
        row-gap: 30px;
    }
    .iv-brand, .iv-news{
        display: none;
    }
    .iv-grid-btm, .iv-news-mbl{
        display: block;
    }

    .iv-mid-row {
        display: grid;
        grid-template-columns: 1fr;
    }
}
@media (max-width:440px){
    .iv-grid {
        grid-template-columns: 1fr;
        row-gap: 30px;
    }
    .iv-grid-btm-ctnr{
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 20px;
    }
}