.footer-outer-wrapper {
  --form-radius: 2;
  --form-pad-bottom: 4;
  --form-padding: 4;
  --block-pad-top: 8;
  --block-pad-bottom: 5;
  --block-bg-img: none;

  @media screen and (min-width: 480px) {}
  @media screen and (min-width: 960px) {
    --form-pad-bottom: 8;
    --block-pad-top: 8;
    --block-pad-bottom: 8;
  }
  @media screen and (min-width: 1040px) {
    --block-bg-img: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzkwIiBoZWlnaHQ9IjQyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSJub25lIj4KIDxnPgogIDxwYXRoIGlkPSJzdmdfMSIgZmlsbC1vcGFjaXR5PSIwLjA2IiBmaWxsPSIjNjY2NjY2IiBkPSJtNjEyLjI0NSw5MDUuMTUyYy0wLjUxNiwtMC4wMzkgLTEuMDUxLC0wLjA1OCAtMS41NjcsLTAuMDk3Yy0xNS44MDYsNDkuOTcyIC02OC4xMzQsODAuMzExIC0xNDkuMDU0LDgwLjMxMWMtOTAuODU4LDAgLTE1Ni41MjcsLTM1Ljc1IC0xOTMuNTg1LC05My42MDVjLTMwLjI3MywtNDkuMzU0IC01OC45MDMsLTcxLjQ2IC0xMTEuMDc4LC01OS41NTdsLTg0LjE0OTksMjAuNDY0Yy01Ny4yNDAyLDEzLjYwNCAtODcuNTUxNyw1NC4zOTcgLTY1LjY4NzYzLDExMi4zM2M2NS42ODc2MywxNjUuMDgyIDIyOC45NjA1MywyNjMuODEyIDQ1NC41MDA1MywyNjMuODEyYzUyLjc2OCwwIDEwMy40NzIsLTUuNTMgMTUwLjk4NCwtMTUuOTZjLTEyLjY3MSwtNDkuODQgLTE5LjkxNSwtMTAxLjY5IC0xOS45MTUsLTE1NS4wNGMwLC01My4zNSA3LjE2NywtMTAzLjU3NSAxOS41NTIsLTE1Mi42NTh6Ii8+CiAgPHBhdGggaWQ9InN2Z18yIiBmaWxsLW9wYWNpdHk9IjAuMDYiIGZpbGw9IiM2NjY2NjYiIGQ9Im0xNjExLjAzLDU2Mi41NThjLTk5LjM2LC03My4yMTggLTIxMy44MiwtMTE5LjExMyAtMzY3LC0xMTkuMTEzYy0xODUuMTIsMCAtMzM4LjU4OSw2MS44NTYgLTQ1MC4yOTgsMTYwLjk2OWM5Mi45NDEsNzEuMTcgMTMwLjI4NiwxNTcuMzU0IDEzMi41MDIsMjYwLjFjMCwzNy45MTMgLTUuMjc0LDcyLjcxNiAtMTQuODY5LDEwNC42NThjMC40NCwwLjA1OCAwLjg4LDAuMTE2IDEuMzM4LDAuMTU1YzM0LjMyNSwtMTQ3LjI4NyAxNTQuODQ3LC0yNTUuMjg5IDMzMS4zMjcsLTI1NS4yODljNjUuNjMsMCAxMzguMDYsMTUuMzA1IDIwMC4zNyw1Mi42OTdjNTAuNDUsMzQuMTI2IDkwLjg1LDM0LjEyNiAxMjcuOTMsLTExLjg0Nmw1My44LC02NC43MTZjMzcuMSwtNDUuOTUyIDMzLjczLC05My41NjYgLTE1LjEsLTEyNy42MTV6Ii8+CiAgPHBhdGggaWQ9InN2Z18zIiBmaWxsLW9wYWNpdHk9IjAuMDYiIGZpbGw9IiM2NjY2NjYiIGQ9Im0xMzUzLjQ1LDE0NTYuODZjMCwtMjYuODQgNi41NywtNTEuOTggMTcuMzksLTc0LjdjLTQyLjA2LDEzLjU4IC04NC44OCwyMC40NiAtMTI1LjgxLDIwLjQ2Yy0yMTAuMzMsMCAtMzQxLjY4NSwtMTUzLjI0IC0zNDEuNjg1LC0zNDMuODNjMCwtMzAuNjcgMy43NjUsLTYwLjIxMiAxMC4zNTgsLTg4LjQ2M2MtMC40NTgsLTAuMDM5IDAuNDQsMC4wNTggMCwwYzkuNTk0LC0zMS45NjIgMTMuNTMxLC02Ni44OCAxMy41MzEsLTEwNC44MTNjLTIuMjE2LC0xMDIuNzQ2IC0zOS41NjEsLTE4OC45MyAtMTMyLjUwMiwtMjYwLjFjLTUwLjE4OCwtMzguNDM1IC0xMTYuMzU0LC03Mi41NjIgLTIwMi41MSwtMTAyLjM3OGwtMTQxLjM1MiwtNTEuMDc0Yy04OS4yNTMsLTMyLjM2NyAtMTExLjExNywtNzEuNDU5IC0xMTEuMTE3LC0xMDguOTA5YzAsLTY0LjY1OCA2My45NDksLTk4LjcyNiAxMzQuNjQ0LC05OC43MjZjMjUuMjg1LDAgNDYuODQzLDQuODMxIDY1Ljk1NSwxMi40NjRjLTEuMzE5LC04LjY1NyAtMi42MzgsLTE3LjMzNCAtMi42MzgsLTI2LjM3N2MwLC05My42NDQgNzMuODY4LC0xNjkuNzIyNCAxNjUuNjYzLC0xNzMuMDI2OGMtNjMuODkyLC0zNi42MzgxIC0xNDEuOTQ1LC01Ni4zODcyIC0yMzQuMDA3LC01Ni4zODcyYy0yNDQuMDc4LDAgLTQzMi41OTc4LDE0Mi45NzggLTQzMi41OTc4LDM2NS44NmMzLjM2MzcsMjE3LjgzOSAyMzAuNjA0OCwzMDkuNzYyIDMyOS45MDk4LDM0Mi4xM2wxNDMuMDcyLDUyLjc1NGM4Ny41OSwyOC45NjcgMTA3LjQyOCw2Ni44ODEgMTA3LjQyOCwxMTEuMTMyYzAsMTEuOTYyIC0yLjIzNiwyMi44NDEgLTUuNTA0LDMzLjE3OWMtMC41MTYsLTAuMDM4IDAuNTE2LDAuMDIgMCwwYy0xMi4zNjYsNDkuMTAzIC0xNy45ODUsMTAwLjE5NSAtMTcuOTg1LDE1Mi43NTVjMCw1Mi41NiA3LjIyNSwxMDUuMiAxOS45MTUsMTU1LjA0YzY2LjE0NiwyNjAuMTQgMjk4LjA1LDQ1OS4zNyA2MzEuNDIyLDQ1OS4zN2M5Mi45NCwwIDE3MS40NSwtMTcuNzIgMjQxLjU3LC00Ny41NGMtNzYuMTIsLTE3LjgyIC0xMzMuMTUsLTg2LjU1IC0xMzMuMTUsLTE2OC44MnoiLz4KICA8cGF0aCBpZD0ic3ZnXzQiIGZpbGwtb3BhY2l0eT0iMC4wNiIgZmlsbD0iIzY2NjY2NiIgZD0ibTU3OS41ODksMjMxLjEwOWMwLC03NS4wOTIgNjAuMjIxLC0xMzUuOTgyMiAxMzQuNDksLTEzNS45ODIyYzc0LjI2OSwwIDEzNC40OTEsNjAuODkwMiAxMzQuNDkxLDEzNS45ODIyYzAsNzUuMDkzIC02MC4yMjIsMTM1Ljk4MyAtMTM0LjQ5MSwxMzUuOTgzYy03NC4yNjksMCAtMTM0LjQ5LC02MC44OSAtMTM0LjQ5LC0xMzUuOTgzeiIvPgogIDxwYXRoIGlkPSJzdmdfNSIgZmlsbC1vcGFjaXR5PSIwLjA2IiBmaWxsPSIjNjY2NjY2IiBkPSJtMTQwMy4yNSwxNDUwLjgyYzAsLTc1LjA5IDYwLjIyLC0xMzUuOTggMTM0LjQ5LC0xMzUuOThjNzQuMjcsMCAxMzQuNDksNjAuODkgMTM0LjQ5LDEzNS45OGMwLDc1LjA5IC02MC4yMiwxMzUuOTggLTEzNC40OSwxMzUuOThjLTc0LjI3LDAgLTEzNC40OSwtNjAuODkgLTEzNC40OSwtMTM1Ljk4eiIvPgogPC9nPgo8L3N2Zz4=");

  }
  @media screen and (min-width: 1181px) {}

  .inner-wrapper {
    position: relative;
  }

  .footer-form-block {
    --pad: 2;
    --heading-pad-top: 0;
    --heading-pad-bottom: 2;

    @media screen and (min-width: 480px) {}
    @media screen and (min-width: 960px) {
      --pad: 0;
      --heading-pad-bottom: 4;
    }
    @media screen and (min-width: 1040px) {}
    @media screen and (min-width: 1181px) {}

    z-index: 1;
    position: relative;
    padding-left: calc(var(--baseline) * var(--pad));
    padding-right: calc(var(--baseline) * var(--pad));

    .inner-wrapper {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      align-items: center;
      margin-bottom: calc(var(--baseline) * var(--form-pad-bottom) * -1);
      margin-left: auto;
      margin-right: auto;
      border-radius: calc(var(--baseline) * var(--form-radius));
      box-shadow: 0 4px 12px -4px var(--carbon-black-op-50);
      padding-top: calc(var(--baseline) * var(--form-padding));
      padding-bottom: calc(var(--baseline) * var(--form-padding));

      @media screen and (min-width: 960px) {
        max-width: calc( 100% - (var(--column-14) * 1) );
      }
    }

    .block-heading {
      padding-top: calc(var(--baseline) * var(--heading-pad-top));
      padding-bottom: calc(var(--baseline) * var(--heading-pad-bottom));
    }

    fieldset:has(.hs-form-booleancheckbox) {
      & > div {
        margin: 0 auto;
      }
    }

    .hs-submit {
      --submit-pad-top: 4;
    }

    input[type="submit"],
    input[type="button"] {}
    input[type="submit"] {
      margin: 0 auto;
    }
  }

  .footer-block {
    --col-a-order: 0;
    --col-b-order: 1;
    --col-c-order: 3;
    --col-d-order: 2;
    --col-a-pad-top: 0;
    --col-b-pad-top: 5;
    --col-c-pad-top: 4;
    --col-d-pad-top: 8;
    --cta-margin-top: 5;
    --cta-radius: .5;
    --cta-pad-top: 1;
    --cta-pad-right: 1;
    --cta-pad-bottom: 1;
    --cta-pad-left: 2;
    --secondary-nav-direction: column;
    --secondary-nav-gap-y: 2;
    --secondary-nav-gap-x: 2;
    --socials-align: flex-start;

    @media screen and (min-width: 480px) {}
    @media screen and (min-width: 960px) {
      --col-a-order: 0;
      --col-b-order: 1;
      --col-c-order: 2;
      --col-d-order: 3;
      --col-b-pad-top: 0;
      --col-c-pad-top: 8;
      --col-d-pad-top: 8;
      --cta-margin-top: 5;
      --cta-margin-top: 7;
      --secondary-nav-direction: row;
      --secondary-nav-gap-y: 2;
      --secondary-nav-gap-x: 4;
      --socials-align: flex-end;
    }
    @media screen and (min-width: 1040px) {}
    @media screen and (min-width: 1181px) {}

    background-image: var(--block-bg-img);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: calc(var(--column-absolute-14) * 6);

    &.has-form {
      z-index: 0;
      position: relative;

      .inner-wrapper {
        padding-top: calc(var(--baseline) * (var(--form-pad-bottom) + var(--block-pad-top)));
      }
    }

    .inner-wrapper {
      gap: 0;
      padding-top: calc(var(--baseline) * var(--block-pad-top));
      padding-bottom: calc(var(--baseline) * var(--block-pad-bottom));
      justify-content: space-between;
      align-items: stretch;
    }

    .col-a {
      order: var(--col-a-order);
      padding-top: calc(var(--baseline) * var(--col-a-pad-top));
    }
    .col-b {
      order: var(--col-b-order);
      padding-top: calc(var(--baseline) * var(--col-b-pad-top));
    }
    .col-c {
      order: var(--col-c-order);
      padding-top: calc(var(--baseline) * var(--col-c-pad-top));
    }
    .col-d {
      order: var(--col-d-order);
      padding-top: calc(var(--baseline) * var(--col-d-pad-top));
    }

    .footer-cta {
      margin-top: calc(var(--baseline) * var(--cta-margin-top));
    }
    .cta-wrapper {
      display: flex;
      justify-content: space-between;
      border-radius: calc(var(--baseline) * var(--cta-radius));
      padding-top: calc(var(--baseline) * var(--cta-pad-top));
      padding-right: calc(var(--baseline) * var(--cta-pad-right));
      padding-bottom: calc(var(--baseline) * var(--cta-pad-bottom));
      padding-left: calc(var(--baseline) * var(--cta-pad-left));
    }
    .cta-header {
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
    }
    .cta-action {
      .hs-web-interactive-inline {
        opacity: 0;

        a {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
        }
      }
    }
    @media (hover: hover) and (pointer: fine) {
      .cta-action:has(:hover) {
        .cta-button {
          border-color: var(--color-white);
          background-color: var(--color-white);
        }
      }
    }

    .main-navigation {
      margin: 0;
      gap: calc(var(--baseline) * var(--secondary-nav-gap-y)) 0;
    }
    .main-menu {
      display: flex;
      flex-direction: column;
      margin: 0;
      gap: calc(var(--baseline) * var(--secondary-nav-gap-y)) 0;
    }
    .secondary-navigation {}
    .secondary-menu {
      display: flex;
      flex-wrap: wrap;
      flex-direction: var(--secondary-nav-direction);
      gap: calc(var(--baseline) * var(--secondary-nav-gap-y)) calc(var(--baseline) * var(--secondary-nav-gap-x));
      margin: 0;
    }
    .menu-item {
      margin: 0;
    }

    .socials-column {
      display: flex;
      flex-direction: column;
      gap: calc(var(--baseline) * 4);
      // justify-content: flex-end;
    }
    .socials {
      justify-content: var(--socials-align);
      gap: calc(var(--baseline) * 3);

      &:not(:first-child) {
        margin-top: auto;
      }
    }
    .social-link {
      color: var(--primary-500);
    }
  }
}