@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300 !important;400 !important;500 !important;600 !important;700&display=swap");
.footer .container {
  max-width: 100vw !important;
  margin: auto !important;
}

.row {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row-reverse !important;
  width: 100vw !important;
  justify-content: flex-end;
  gap: 30px;
}

.container ul {
  list-style: none !important;
}

.footer {
  background: black !important;
  border-top: 3px solid black !important;
  padding: 70px 0 10px 0 !important;
}

.footer li {
  color: #fff;
  font-family: Helvetica Neue;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.ql li {
  color: #ffd167;
  list-style: disc;
}

.footer-col {
  width: 25% !important;
  padding: 0 15px !important;
}

.footer-col h4 {
  color: #fff;
  font-family: Helvetica Neue;
  font-size: 16px;
  font-style: normal;
  text-align: left !important;
  margin-bottom: 29px;
  font-weight: 500;
  line-height: 21px;
  /* 150% */
}

.footer-col ul span {
  color: #fff;
  font-family: Helvetica Neue;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.footer-col ul li {
  margin-top: 16px;
  margin-bottom: 16px;
}

.footer-col h4::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -10px !important;
  height: 2px !important;
  box-sizing: border-box !important;
}

.footer-col ul li:not(:last-child) {
  margin-bottom: 10px !important;
}

.footer-col ul li a,
.footer-col ul li button {
  font-size: 16px !important;

  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 300 !important;
  border: none !important;
  text-align: left !important;
  background: transparent !important;
  cursor: pointer !important;
  display: block !important;
  transition: all 0.3s ease !important;
}

#text2 {
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 15px !important;
  line-height: 180% !important;
  letter-spacing: -0.01em !important;
  color: #929;
}

.footer-col ul li a i {
  font-family: "Font Awesome 5 Brands" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 120% !important;
  /* identical to box height, or 22px */
  letter-spacing: 0.055em !important;

  color: #ffffff !important;
}

.footer-col ul li a:hover {
  color: #ffffff !important;
  padding-left: 8px !important;
}

.footer-col ul li button:hover {
  color: #ffffff !important;
  padding-left: 8px !important;
}

.footer-col .social-links a {
  color: #ffffff !important;
  border: 1px #ffd167 solid !important;
  border-radius: 8px;
  width: 55px !important;
  margin: 5px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 55px !important;
}

.footer-col .social-links a i {
  font-family: "Font Awesome 5 Brands" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
}

.footer-col .social-links a:hover {
  color: #24262b !important;
  background: #ffd167 !important;
}

.footer-col .social-links a:hover .footer-col .social-links a i {
  color: #24262b !important;
}

.social {
  display: flex !important;
  flex-direction: row !important;
  list-style: none !important;
}

/*responsive*/

@media (max-width: 800px) {
  .row {
    flex-direction: column-reverse !important;
  }
  .footer-col {
    width: 50% !important;
    margin-bottom: 30px !important;
  }
}

@media (max-width: 574px) {
  .footer-col {
    width: 100% !important;
  }
}

/*b-line*/

footer .b-line-c {
  margin-top: 30px !important;
}

footer .b-line-c,
footer .b-c {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  margin: 10px 0 !important;
}

footer .b-line {
  width: 95% !important;
  height: 0px !important;
  opacity: 0.2 !important;
  border: 1px solid #ffffff !important;
}
@media (min-width: 820px) {
  footer .b-line {
    margin-top: 48px;
  }
}
footer .b-text {
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 17px !important;
  line-height: 200% !important;
  /* identical to box height, or 34px */
  letter-spacing: -0.01em !important;
  color: #929292 !important;
}