/* Footer Styles */
.footer-content {
  flex-wrap: wrap;
}

.footer-section {
  flex: 1;
  min-width: 150px; /* Adjust for column width */
}
/* Desktop layout */
@media (min-width: 992px) {
    .footer-section .accordion-collapse {
      display: block !important;
    }
  
    .footer-section .accordion-body {
      padding: 0;
    }
  
    .footer-title {
      margin-bottom: 1rem;
      font-size: 1rem;
      font-weight: 600;
      text-transform: uppercase;
      color: #b0b0b0; /* Matches the grey color in the image */
    }
  
    .footer-section ul li a {
      font-size: 0.9rem;
      color: #d0d0d0; /* Lighter grey for links */
    }
  }
  
  /* Desktop layout */
  @media (min-width: 992px) {
    .footer-section .accordion-collapse {
      display: block !important;
    }
  
    .footer-section .accordion-body {
      padding: 0;
    }
  
    .footer-title {
      margin-bottom: 1rem;
      font-size: 1rem;
      font-weight: 600;
      text-transform: uppercase;
      color: #b0b0b0; /* Matches grey color in previous images */
    }
  
    .footer-section ul li a {
      font-size: 0.9rem;
      color: #d0d0d0; /* Lighter grey for links */
    }
  
    .sub-title {
      font-size: 0.95rem;
      font-weight: 500;
      color: #ffffff;
      margin-bottom: 0.5rem;
    }
  }
  
  /* Mobile accordion adjustments */
  @media (max-width: 991px) {
    .footer-content {
      flex: none;
      width: 100%;
    }
  
    .footer-section {
      flex: none;
      width: 100%;
    }
  
    footer .accordion-button {
      font-size: 1rem;
      text-transform: uppercase;
      color: #ffffff !important;
      background-color: #212529 !important;
      padding: 1rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      outline: none; /* Remove default outline */
      box-shadow: none !important; /* Remove any default box-shadow */
    }
  
    /* Highlight effect when clicked or focused */
    footer .accordion-button:focus,
    footer .accordion-button:active,
    footer .accordion-button:not(.collapsed) {
      background-color: #212529 !important; /* Slightly lighter background */
      color: #ffffff !important; /* Ensure text remains white */
    }
  
    /* Remove default focus outline */
    footer .accordion-button:focus {
      outline: none;
      box-shadow: none !important;
    }
  
    /* Plus/Minus Icon Styling */
    footer .accordion-button::after {
      flex-shrink: 0;
      width: 1.25rem;
      height: 1.25rem;
      margin-left: auto;
      content: "";
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E"); /* Plus icon */
      background-repeat: no-repeat;
      background-size: 1.25rem;
      transition: transform 0.2s ease-in-out;
    }
  
    footer .accordion-button:not(.collapsed)::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E"); /* Minus icon */
      transform: rotate(180deg);
    }
  
    footer .accordion-body {
      background-color: #212529;
      padding: 1rem;
    }
  
    footer .footer-section ul li a {
      font-size: 0.9rem;
      color: #d0d0d0;
    }
  
    .sub-title {
      font-size: 0.95rem;
      font-weight: 500;
      color: #ffffff;
      margin-bottom: 0.5rem;
    }
  
    .social-links {
      flex-direction: row !important;
      justify-content: center;
      gap: 1rem !important;
    }
  
    .social-links a {
      font-size: 1.25rem;
    }
  }
  
  /* Social links */
  .d-flex.gap-3 a,
  .d-flex.flex-column.gap-2 a {
    transition: color 0.2s;
  }
  
  .d-flex.gap-3 a:hover,
  .d-flex.flex-column.gap-2 a:hover {
    color: #212529;
  }
  
  footer .accordion-item button:hover {
    background-color: #212529 !important;
  }

  footer .msg-2, footer .msg-3{
    color: #b3b3b3 !important;
  }