footer {
        background: #002b5b;
        color: #fff;
        padding: 60px 20px;
        font-family: "Segoe UI", sans-serif;
      }

      .footer-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 40px;
        max-width: 1200px;
        margin: auto;
      }

      /* Headings */
      .footer-container h1 {
        font-size: 20px;
        margin-bottom: 20px;
        color: #fcd34d;
      }

      /* About Us text */
      .footer-container p {
        font-size: 14px;
        line-height: 1.6;
        color: #d1d5db;
      }

      /* Buttons */
      .footer-container .btn {
        margin-top: 15px;
        padding: 8px 20px;
        background: #fcd34d;
        color: #000;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        font-weight: 600;
        transition: background 0.3s ease;
      }

      .footer-container .btn:hover {
        background: #eab308;
      }

      /* Menu and Products list */
      .Menu-link div,
      .product-list div {
        margin: 8px 0;
        font-size: 14px;
      }

      .Menu-link div a,
      .product-list div a {
        color: #ffffff;
        text-decoration: none;
        transition: color 0.3s ease;
      }

      .Menu-link div:hover a,
      .product-list div:hover a {
        color: #fcd34d;
      }

      /* Contact Section */
      .footer-container .fa-map-marker-alt,
      .footer-container .fa-envelope {
        color: #fcd34d;
        margin-right: 10px;
      }

      .footer-container > div:last-child > div > div {
        display: flex;
        align-items: start;
        margin-bottom: 12px;
      }

      .footer-container > div:last-child > div > div i {
        font-size: 18px;
        margin-top: 4px;
      }

      .footer-container > div:last-child > div > div div:last-child {
        font-size: 14px;
        color: #d1d5db;
      }

      /* Responsive */
      @media (max-width: 600px) {
        .footer-container {
          grid-template-columns: 1fr;
          text-align: center;
        }

        .footer-container > div:last-child > div > div {
          justify-content: center;
        }
      }

      .footer-line {
        border: none;
        border-top: 1px solid #ccc;
        margin: 30px auto 15px auto;
        width: 90%;
        opacity: 0.3;
      }

      .footer-bottom {
        text-align: center;
        font-size: 14px;
        color: #9ca3af;
        padding-bottom: 10px;
      }
      
      .icon-color i {
        color: #ffd43b; /* Same yellow color */
        margin-right: 8px; /* spacing between icon & text */
      }
      
       /* Force blue color for links inside contact-info */
.contact-info a {
  color: white !important;   /* sky blue */
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease, transform 0.2s ease;
}

/* Hover effect */
.contact-info a:hover {
  color: rgb(229, 214, 102) !important;   /* darker blue */
  text-decoration: none;
  transform: scale(1.05);
}