/* new site footer css */

.footer {
  background: #09100f;
  padding-top: 80px;
  padding-bottom: 50px;
  position: relative;
}

.footer-wrapper {
  max-width: 1920px;
  padding: 0 10%;
  width: 100%;
  position: relative;
  margin: auto;
  padding: 0 3rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 50px;
}

.site-footer-content-logo {
  width: 23rem;
}

.site-footer-content-logo img {
  width: 100%;
}

.site-footer-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.site-footer-content-left , .site-footer-content-right {
  width: 45%;
  max-width: 45%;
}

.site-footer-categories, .footer-links-column, .footer-links-group {
  display: flex;
  flex-direction: column;
}

.footer-links-group {
  gap: 8px;
}

.site-footer-categories-links-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-width: 95%;
}

.site-footer-links {
  display: flex;
  justify-content: space-between;
}

.site-footer-links-title {
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  letter-spacing: normal !important;
  color: #f9f8f5
}

.site-footer-links a {
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.5;
}

.site-footer-categories a {
  color: #fff;
  border: 1px solid #fff;
  margin-right: 1rem;
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
  display: inline-block;
}

.site-footer-social.social-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.site-footer-content-title {
  margin-top: 4rem;
  color: #fff;
}

.site-footer-content-description {
  margin-top: 1rem;
  color: #fff;
  font-weight: 600;
}

.site-footer-links-container {
  display: flex;
  flex-direction: row;
  gap: 3rem;
}

.site-footer-social .st0,
.site-footer-social path,
.site-footer-social svg {
    height: 20px;
  fill: #fff;
}

@media (max-width: 1100px) {
  .footer {
    top: auto;
  }
}

@media (max-width: 1200px) {

  .footer-wrapper {
    flex-wrap: nowrap;
  }

    .site-footer-content {
    flex-direction: column;
    justify-content: flex-start;
  }

  .site-footer-content-left, .site-footer-content-right {
    width: 100%;
    max-width: 100%;
  }

  .footer-links-column {
    min-width: 50%;
    max-width: 50%;
  }

  .footer-links-group {
    max-width: 75%;
  }

  .site-footer-links {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

}

@media (max-width: 1060px) {
  .footer {
    min-height: 350px;
  }
}

/* end new site footer css */