footer {
  height: 356px; 
  background: #FAFAFBFF;

  .footer-top {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #FAFAFBFF;

    @media (min-width: 992px) {
      padding-top: 96px;
      padding-bottom: 79px;
    }

    h6 {
      font-size: 20px; 
      line-height: 30px; 
      font-weight: 700; 
      color: #171A1FFF;
    }

    li {
      font-weight: 400; 
      color: #171A1FFF;
      margin-bottom: 12px;
      font-size: 14px;
    }

    .subscribe {
      
      p {
        font-size: 12px; 
        line-height: 20px; 
        font-weight: 400; 
        color: #424856FF;
      }

      form {
        border-radius: 18px;
        background: #EAECF0FF; 

        img {
          height: 12px;
          width: auto;
          padding-left: 12px;
        }

        input {
          border-width: 0px; 
          font-size: 12px; 
          line-height: 22px; 
          font-weight: 400;
          outline: none; 
          background: transparent;
          padding-left: 5px;

          &:focus {
            box-shadow: none;
          }
        }

        button {
          font-size: 12px; 
          line-height: 22px; 
          font-weight: 400; 
          color: #FFFFFFFF; /* white */
          background: #D32323FF; /* primary-500 */
          opacity: 1; 
          border: none; 
          border-radius: 0px 18px 18px 0px; 
        }
      }
    }
  }

  .footer-bottom {
    padding-bottom: 23px;
    font-size: 14px; 
    line-height: 22px; 
    font-weight: 400; 
    color: #424856FF;

    select {
      background: #EAECF0FF;
      border-radius: 6px;
      font-size: 14px;
      line-height: 22px;
      font-weight: 400;
      border: 0;
      padding: 4px;
    }
  }
}