/* Preloader Styles */
    #preloader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff; /* White background */
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 100;
    }

    /* The Loader (Spinning circle) */
    .loader {
        border: 8px solid #f3f3f3; /* Light grey border */
        border-top: 8px solid #3498db; /* Blue border for the spinner effect */
        border-radius: 50%;
        width: 50px;
        height: 50px;
        animation: spin 1s linear infinite;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    .floatWatsapp{
  position: fixed;
      width: 40px;
      height: 40px;
      bottom: 30px;
      left: 30px;
      color: #fff;
      border-radius: 50px;
      text-align: center;
      cursor: pointer;
      box-shadow: 2px 2px 3px #999;
      z-index:100;
}
.floatCallbutton{
  position: fixed;
      width: 40px;
      height: 40px;
      bottom: 90px;
      left: 30px;
      color: #fff;
      border-radius: 50px;
      text-align: center;
      cursor: pointer;
      box-shadow: 2px 2px 3px #999;
      z-index:100;
}