#popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-height: 100%;
  max-width: 60%;
  overflow-y: auto;
  padding: 20px;
  background-color: white;
  border: 1px solid #ccc;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  display: none;
  z-index: 10000;
  border-radius: 10px;
}



    /* Overlay styles */

    #overlay {

      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.8);
      display: none; /* Hidden by default */
      z-index: 9999;

    }



    /* Close button styles */

    .close-btn {
      display: block;
      margin-top: 10px;
      padding: 10px 20px;
      background: none;
      color: #fff;
      text-align: center;
      text-decoration: none;
      cursor: pointer;
      border: none;
      border-radius: 5px;

    }



    .close-btn:hover {

      background-color: none;
      color: #f6f8f9;

    }
    
    @media screen and (max-width: 768px) {
   #popup {
     width: 100%;
    max-height: 60vh;
    min-width: 80%;
    padding: 15px;
  }
  
  .close-btn {
    padding: 12px;
    font-size: 16px;
  }
}


@media screen and (max-width: 546px) {
   #popup {
     width: 100%;
    max-height: 60vh;
    min-width: 80%;
    padding: 15px;
  }
  
  .close-btn {
    padding: 12px;
    font-size: 16px;
  }
}

.whatsapp_float {

          position: fixed;

          width: 60px;

          height: 60px;

          bottom: 40px;

          right: 40px;

          background-color: #25d366;

          color: #FFF;

          border-radius: 50px;

          text-align: center;

          font-size: 30px;

          box-shadow: 2px 2px 3px #999;

          z-index: 10000;

      }



      .whatsapp-icon {

          margin-top: 16px;

      }



      /* for mobile */

      @media screen and (max-width: 768px) {

          .whatsapp-icon {

              margin-top: 10px;
              margin-bottom: 10px;

          }



          .whatsapp_float {

              width: 20px;
              height: 20px;
              bottom: 35px;
              right: 10px;
              font-size: 18px;

          }

      }