.plumbing-animation {
      position: relative;
      width: 120px;
      height: 150px;
      margin: auto;
    }

    .pipe {
      width: 30px;
      height: 80px;
      background: #4B5563;
      border-radius: 10px;
      margin: auto;
      position: relative;
    }

    .faucet {
      width: 60px;
      height: 20px;
      background: #6B7280;
      border-radius: 10px;
      position: absolute;
      top: 70px;
      left: 50%;
      transform: translateX(-50%);
    }

    .drop {
      width: 10px;
      height: 10px;
      background: #3B82F6;
      border-radius: 50%;
      position: absolute;
      top: 90px;
      left: 50%;
      transform: translateX(-50%);
      animation: drip 1.5s infinite;
      opacity: 0.8;
    }

    @keyframes drip {
      0% {
        transform: translateX(-50%) translateY(0);
        opacity: 1;
      }

      70% {
        transform: translateX(-50%) translateY(30px);
        opacity: 0.6;
      }

      100% {
        transform: translateX(-50%) translateY(0);
        opacity: 0;
      }
    }

    .whatsapp-pulse-ring {
      position: absolute;
      width: 52px;
      height: 52px;
      border: 2px solid #25D366;
      /* WhatsApp green */
      border-radius: 9999px;
      animation: fillRing 2s infinite ease-in-out;
      top: -6px;
      left: -6px;
      z-index: -1;
    }

    @keyframes fillRing {
      0% {
        transform: scale(1);
        opacity: 0.2;
      }

      50% {
        transform: scale(1.3);
        opacity: 1;
      }

      100% {
        transform: scale(1);
        opacity: 0.2;
      }
    }

    @keyframes glow {

      0%,
      100% {
        box-shadow: 0 0 5px #ffffff00, 0 0 5px #ffffff00, 0 0 5px #fddda600;
      }

      50% {
        box-shadow: 0 0 5px #000000d4, 0 0 5px #000000d1, 0 0 5px #000000d0;
      }
    }

    .glow-button {
      animation: glow 2s ease-in-out infinite;
    }

 

    .gallery_bg {
      background: url('../images/gallery_banner.png');
      background-attachment: fixed;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top;
    }

    @media(max-width:540px){
          .banner_section {
          background: url('https://alancoltd.com/wp-content/uploads/2023/12/alnacoteams-768x1024.jpeg');
        }
    
    }
    @media (min-width:545px)
    {
           .banner_section {
      background: url('../images/banner-image.png');
    }
    }

    @media (max-width:767px) {
      .banner_section {
        background-position: center;
        background-size: cover;
      }

      .banner_heading,
      .banner_list {
        color: #000;
      }

      /*.banner_quotation {*/
      /*  color: #ffffff;*/
      /*  text-shadow: 0 0 11px #000000;*/
      /*  font-weight: 500;*/
      /*}*/
    }