.elementor-21 .elementor-element.elementor-element-b7461a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}/* Start custom CSS for html, class: .elementor-element-bb36b48 *//* =========================================================
   FOOTER
========================================================= */

.ii-footer-shell {
  background: var(--ii-offwhite);
  color: var(--ii-text);
}

.ii-footer-main {
  max-width: var(--ii-wide);
  margin: auto;

  padding:
    clamp(90px,10vw,170px)
    var(--ii-pad)
    clamp(70px,8vw,130px);

  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: clamp(70px,9vw,150px);
}

.ii-footer-eyebrow {
  display: block;

  margin-bottom: 27px;

  color: var(--ii-red);

  font-size: 10px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ii-footer-brand h2 {
  max-width: 720px;

  margin: 0 0 50px;

  font-size: clamp(45px,5vw,82px);
  line-height: .95;
  letter-spacing: -.055em;
  font-weight: 500;
}

.ii-footer-main-cta {
  width: fit-content;

  padding-bottom: 11px;

  display: flex;
  gap: 60px;

  border-bottom: 1px solid var(--ii-text);

  color: var(--ii-text);

  text-decoration: none;

  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ii-footer-main-cta span {
  transition: transform .3s var(--ii-ease);
}

.ii-footer-main-cta:hover span {
  transform: translateX(5px);
}

.ii-footer-navigation {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 35px;
}

.ii-footer-navigation > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.ii-footer-label {
  margin-bottom: 25px;

  color: var(--ii-muted);

  font-size: 9px;
  font-weight: 600;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.ii-footer-navigation a {
  padding: 6px 0;

  color: var(--ii-text);

  text-decoration: none;

  font-size: 14px;

  transition: color .25s ease;
}

.ii-footer-navigation a:hover {
  color: var(--ii-red);
}

.ii-footer-bottom {
  max-width: var(--ii-wide);
  margin: auto;

  padding: 25px var(--ii-pad);

  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;

  border-top: 1px solid var(--ii-border);

  color: var(--ii-muted);

  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ii-footer-bottom > div {
  display: flex;
  gap: 25px;
}

.ii-footer-bottom a {
  color: inherit;
  text-decoration: none;
}

.ii-footer-bottom > span:last-child {
  text-align: right;
}


@media (max-width: 900px) {

  .ii-footer-main {
    grid-template-columns: 1fr;
    gap: 80px;
  }

  .ii-footer-navigation {
    grid-template-columns: repeat(2,1fr);
    row-gap: 45px;
  }

  .ii-footer-bottom {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .ii-footer-bottom > span:last-child {
    text-align: left;
  }

}


@media (max-width: 520px) {

  .ii-footer-navigation {
    grid-template-columns: 1fr 1fr;
  }

}/* End custom CSS */