/* =========================================================
       BLOCK 09 - FOOTER
    ========================================================= */
    .footer {
      background:#001f5b;
      color:#fff;
      padding:28px 0 42px;
    }
    .footer__head {
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:16px;
		flex-wrap: wrap;
      margin-bottom:28px;
    }
    .footer__title {
      font-size: 32px;
      line-height:40px;
      color: #fff;
      font-weight:700;
		width: 100%;
		order: 3;
    }
    .footer__columns {
      display:grid;
      gap:28px;
    }
    .footer h4 {
      margin:0 0 14px;
      color:var(--green);
      font-size:1.15rem;
    }
    .footer a,
    .footer p {
      margin:0 0 10px;
      color:#fff;
      font-size:1rem;
      line-height:1.5;
    }
     .footer a:hover{
        color:#76bc21;
     }
     a.salevale-sticky-cta:hover{
        color: #fff;

     }
     .footer a.btn-primary:hover{
        color: #fff;
     }
    .footer__contact-item {
      display:flex;
      align-items:center;
      gap:10px;
    }
    .footer__contact-item svg {
      width:19px;
      height:19px;
      color:var(--green);
      stroke-width:2.3;
    }
    .footer__copy {
      margin-top:22px;
      font-size:.96rem;
      opacity:.95;
    }

 /* =========================================================
       RESPONSIVE
    ========================================================= */
    @media (min-width: 768px) {
		.footer a.hero__cta-top{
			min-width: 302px;
		}
      .footer__columns {
        grid-template-columns:1fr 1fr;
        max-width:820px;
		          margin: auto;
      }
		.footer__title{
			width: unset;
			order: unset;
		}
		.footer__copy {
    text-align: center;
}
    }