/* footer section  */
       footer {
      background: #fff;
      padding-top: 0;
      overflow: hidden;
    }

    /* ===== SOCIAL BAR ===== */
    .footer-social {
      background: #ffc800;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 3rem;
      padding: 1.5rem 0;
      flex-wrap: wrap;
    }

    .footer-social a {
      color: #000;
      font-size: 1.8rem;
      transition: all 0.3s ease;
    }

    .footer-social a:hover {
      transform: translateY(-5px);
      color: #6b4eff;
    }

    /* ===== MAIN FOOTER ===== */
    .footer-main {
      display: grid;
      grid-template-columns: 1.5fr 1fr 1fr 1fr;
      gap: 3rem;
      padding: 3rem 10%;
      border-top: 1px solid #ddd;
    }

    .footer-logo img {
      width: 150px;
      margin-bottom: 1rem;
    }

    .footer-logo p {
      color: #555;
      font-size: 1rem;
      line-height: 1.6;
      margin-bottom: 1rem;
    }

    .footer-logo .call-now {
      display: flex;
      align-items: center;
      gap: 1rem;
      color: #000;
      font-weight: 700;
      font-size: 1.3rem;
      margin-top: 1rem;
    }

    .footer-logo .call-now i {
      color: #6b4eff;
      font-size: 2rem;
    }

    .footer-section h3 {
      margin-bottom: 1.2rem;
      font-weight: 700;
      color: #000;
      font-size: 1.2rem;
    }

    .footer-service-menu,
    .footer-menu   {
      list-style: none;
    }

    .footer-service-menu .menu-item,
    .footer-menu .menu-item {
      margin-bottom: 0.7rem;
    }

    .footer-service-menu .menu-item a,
    .footer-menu .menu-item a {
      color: #555;
      text-decoration: none;
      transition: all 0.3s ease;
    }

    .footer-service-menu .menu-item a:hover,
    .footer-menu .menu-item a:hover {
      color: #6b4eff;
      padding-left: 4px;
    }

    .footer-contact p {
      color: #000;
      margin-bottom: 0.5rem;
      font-weight: 500;
    }

    .footer-contact .contact-item {
      display: flex;
      align-items: center;
      gap: 0.8rem;
      margin-bottom: 1.2rem;
    }

    .footer-contact .contact-item i {
      color: #6b4eff;
      font-size: 1.5rem;
    }

    /* ===== COPYRIGHT ===== */
    .footer-bottom {
      background: #fafafa;
      text-align: center;
      padding: 1.2rem;
      font-size: 0.95rem;
      color: #555;
      border-top: 1px solid #eee;
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 1024px) {
      .footer-main {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
        text-align: center;
      }

      .footer-logo {
        text-align: center;
      }

      .footer-logo .call-now {
        justify-content: center;
      }
    }

    @media (max-width: 768px) {
      .footer-main {
        grid-template-columns: 1fr;
        text-align: center;
      }

      .footer-logo img {
        margin: 0 auto;
      }

      .footer-contact .contact-item {
        justify-content: center;
      }

      .footer-social {
        gap: 2rem;
      }
    }