/* Footer styling to match card background color */

/* Main footer background */
.footer,
footer,
.footer-section,
.footer-area,
.footer-wrapper,
section.footer,
div.footer,
#footer {
  background-color: #1E293B !important;
  border-top: 1px solid #2D3748 !important;
  padding-top: 3rem !important;
  padding-bottom: 2rem !important;
  color: #FFFFFF !important;
}

/* Footer elements styling */
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6,
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
  color: #FFFFFF !important;
}

/* Footer text */
.footer p,
footer p,
.footer-text,
.footer .text,
.footer-content p {
  color: #E2E8F0 !important;
}

/* Footer links */
.footer a,
footer a,
.footer-links a,
.footer .nav-link,
.footer-area a {
  color: #FFFFFF !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

.footer a:hover,
footer a:hover,
.footer-links a:hover,
.footer .nav-link:hover,
.footer-area a:hover {
  color: #3CA3F4 !important;
  text-decoration: none !important;
}

/* Footer widgets and sections */
.footer .widget,
.footer-widget,
.footer-section,
.footer-col,
.footer .card {
  background-color: #1E293B !important;
  border: none !important;
}

/* Footer social icons */
.footer .social-links a,
.footer .social-icons a,
.footer-social a {
  color: #FFFFFF !important;
  background-color: #2D3748 !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 8px !important;
  transition: all 0.3s ease !important;
}

.footer .social-links a:hover,
.footer .social-icons a:hover,
.footer-social a:hover {
  color: #FFFFFF !important;
  background-color: #3CA3F4 !important;
  transform: translateY(-3px) !important;
}

/* Footer dividers */
.footer hr,
footer hr,
.footer-divider {
  border-color: #2D3748 !important;
  opacity: 0.5 !important;
}

/* Copyright section */
.footer .copyright,
.copyright-section,
.footer-bottom,
.sub-footer {
  border-top: 1px solid #2D3748 !important;
  padding-top: 1.5rem !important;
  margin-top: 2rem !important;
  color: #CBD5E1 !important;
}

/* Make the transition between body and footer smooth */
main + .footer,
main + footer,
section:last-of-type + .footer,
section:last-of-type + footer {
  margin-top: 0 !important;
}