.footer {
  width: 100%;
  background-color: rgb(0, 0, 0);
  padding: 40px 0 40px;
}

.footer > .container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.footer__description {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer__description__text {
    font-family: "Montserrat", "Montserrat Placeholder", sans-serif;
    color: #f5f5f5cc;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.5px;
    line-height: 21px;
    text-align: center;
    width: 79%;
}

.footer__company {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer__company__text {
    font-family: "Montserrat", "Montserrat Placeholder", sans-serif;
    color: #f5f5f5cc;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.5px;
    line-height: 21px;
    text-align: center;
    width: 50%;
}

.footer__copy {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.footer__copy__line {
  font-size: 15px;
  color: #f5f5f5cc;
  opacity: 0.60;
  padding-bottom: 3px;
}


.footer__copy__text {
    font-family: "Montserrat", "Montserrat Placeholder", sans-serif;
    color: #f5f5f5cc;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.5px;
    line-height: 21px;
    text-align: center;
}

.footer__copy__list {
  display: flex;
  align-items: center;
  gap: 5px;
}

.footer__copy__list__item__link {
    font-family: "Montserrat", "Montserrat Placeholder", sans-serif;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.5px;
    line-height: 21px;
    text-align: center;
}

.footer__copy__list__point {
     color: #FFFFFF;
}

.footer__logo {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.footer__logo > img {
     width: 180px;
    height: 34px;
}



/* ==== Responsive ===== */

@media (max-width: 992px) {
    .footer {
      padding: 32px 0 32px;
    }

    .footer__description__text{
      font-size: 12px;
      width: 100%;
    }

    .footer__company__text {
      font-size: 12px;
      width: 100%;
    }

    .footer__copy {
      flex-direction: column;
      font-size: 12px;
      gap: 0px;
    }

    .footer__copy .footer__copy__line {
      display: none;
    }

    .footer__copy__text, .footer__copy__list__item__link {
      font-size: 12px;
    }
}