/* Law Africa Footer Custom CSS */

#footer {
  background-color: #847c7c !important;
  padding: 30px 0 !important;
}

#footer .footer-area {
  padding: 20px 0 !important;
}

#footer .footer-top {
  padding: 20px 0 !important;
}

#footer .wrapper-footer-widgets {
  gap: 20px !important;
}

#footer .col {
  padding: 15px !important;
}

#footer .col-xl-3,
#footer .col-lg-4,
#footer .col-md-6 {
  padding: 15px !important;
}

#footer h4.fw-title {
  color: #ffffff !important;
  font-size: 16px !important;
  margin-bottom: 15px !important;
  font-weight: 600 !important;
}

#footer .footer-info-list ul.list-wrap {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#footer .footer-info-list ul.list-wrap li {
  margin-bottom: 10px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

#footer .footer-info-list .content a {
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 14px !important;
  transition: all 0.3s ease !important;
}

#footer .footer-info-list .content a:hover {
  color: #f0f0f0 !important;
  text-decoration: underline !important;
}

#footer .footer-instagram ul.list-wrap {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#footer .footer-instagram ul.list-wrap li {
  aspect-ratio: 1 !important;
  overflow: hidden !important;
  border-radius: 4px !important;
}

#footer .footer-instagram ul.list-wrap li a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

#footer .footer-instagram ul.list-wrap li img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.3s ease !important;
}

#footer .footer-instagram ul.list-wrap li a:hover img {
  transform: scale(1.05) !important;
}

#footer #footer-bottom {
  background-color: rgba(0, 0, 0, 0.1) !important;
  padding: 15px 0 !important;
  margin-top: 20px !important;
}

#footer .bottom-footer-wrapper {
  padding: 10px 0 !important;
}

#footer .copyright-text {
  color: #ffffff !important;
  font-size: 13px !important;
  text-align: center !important;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  #footer .footer-instagram ul.list-wrap {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media (max-width: 768px) {
  #footer .footer-instagram ul.list-wrap {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  
  #footer .wrapper-footer-widgets {
    flex-direction: column !important;
  }
}

@media (max-width: 480px) {
  #footer .footer-instagram ul.list-wrap {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  
  #footer h4.fw-title {
    font-size: 14px !important;
  }
  
  #footer .footer-info-list .content a {
    font-size: 12px !important;
  }
}

/* Make the T in "To" lowercase in the welcome heading */
.title {
    text-transform: none !important;
}

/* Alternative: Target the specific heading */
h2.title[data-aos="fade-up"] {
    text-transform: none !important;
}