/* WhatsApp Button ========================================== */
  .whats-bnt {
    position: fixed;
    bottom: 10px;
    z-index: 9999;
  }

  .right {
    right: 20px;
  }

  .left {
    left: 20px;
  }

  .whats-bnt.animate-jump {
    animation: lp-jump 2s infinite;
  }

  .whats-bnt.animate-zoom {
    animation: lp-zoom 2s infinite;
  }

  @keyframes lp-jump {
    0% {
      bottom: 10px;
    }

    50% {
      bottom: 20px;
    }

    100% {
      bottom: 10px;
    }
  }

  @keyframes lp-zoom {
    0% {
      transform: scale(0.9);
    }

    50% {
      transform: scale(1.1)
    }

    100% {
      transform: scale(0.9)
    }
  }

  .whats-bnt a img {
    width: var(--button-size);
  }

  /* End - WhatsApp Button =================================== */

  /* WhatsApp Modal ========================================== */
  .modal-whatsapp {
    width: 430px;
    position: fixed;
    bottom: 90px;
    border: 1px solid #ccc;
    border-radius: 8px;
    z-index: -1;
    opacity: 0;
    font-family: 'Poppins', sans-serif;
  }

  .modal-whatsapp-header {
    background-color: #00a884;
    color: #FFF;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

  .modal-whatsapp-close {
    position: absolute;
    top: 0px;
    right: 10px;
    font-size: 18px;
    cursor: pointer;
  }

  .modal-whatsapp-title {
    position: relative;
    display: flex;
    align-items: center;
    padding: 5px 35px;
    height: 100%;
  }

  .modal-whatsapp-title p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
  }

  .modal-whatsapp-content {
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #efeae2;
    padding: 20px;
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    background-image: url(../images/whatsapp-background.png);
  }

  .modal-whatsapp-label {
    color: #111b21;
  }

  .modal-whatsapp-input {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #ffffff59;
  }

  .modal-whatsapp-input:focus-visible {
    outline: 1px solid #888;
  }

  .modal-whatsapp-footer {
    color: #303030;
    background-color: #f0f2f5;
    border-top: 1px solid #e6e6e6;
    min-height: 56px;
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: row;
    justify-content: space-between;
    font-size: 12px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  .modal-whatsapp-button {
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    color: #54656f;
  }

  .modal-whatsapp-button:hover {
    color: #54656f9c;
  }

  .modal-whatsapp-copyright {
    background-color: #fff;
    padding: 5px 45px;
    border-radius: 10px;
  }

  .modal-whatsapp-footer p {
      display: block;
      margin: 0px;
  }

  /*** Animations */
    .scale-up-center {
      -webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
      animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    }

    .scale-down-center {
      -webkit-animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
      animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    }

    @-webkit-keyframes scale-up-center {
      0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
        background-color: rgba(255, 255, 255, 0);
        z-index: -1;
      }

      100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        background-color: rgba(255, 255, 255, 0.8);
        z-index: 999999;
      }
    }

    @keyframes scale-up-center {
      0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        visibility: 0;
        background-color: rgba(255, 255, 255, 0);
        z-index: -1;
      }

      100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        background-color: rgba(255, 255, 255, 0.8);
        z-index: 999999;
      }
    }

    @-webkit-keyframes scale-down-center {
      0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        background-color: rgba(255, 255, 255, 0.8);
        z-index: 999999;
      }

      100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
        background-color: rgba(255, 255, 255, 0);
        z-index: -1;
      }
    }

    @keyframes scale-down-center {
      0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        background-color: rgba(255, 255, 255, 0.8);
        z-index: 999999;
      }

      100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
        background-color: rgba(255, 255, 255, 0);
        z-index: -1;
      }
    }

    .scale-up-right {
      -webkit-animation: scale-up-right 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
              animation: scale-up-right 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    }

    .scale-down-right {
      -webkit-animation: scale-down-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
              animation: scale-down-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    }

    @-webkit-keyframes scale-up-right {
      0% {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
        -webkit-transform-origin: 100% 100%;
                transform-origin: 100% 100%;
        opacity: 0;
        background-color: rgba(255, 255, 255, 0);
        z-index: -1;
      }
      100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-transform-origin: 100% 100%;
                transform-origin: 100% 100%;
        opacity: 1;
        background-color: rgba(255, 255, 255, 0.8);
        z-index: 999999;
      }
    }

    @keyframes scale-up-right {
      0% {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
        -webkit-transform-origin: 100% 100%;
                transform-origin: 100% 100%;
        opacity: 0;
        background-color: rgba(255, 255, 255, 0);
        z-index: -1;
      }
      100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-transform-origin: 100% 100%;
                transform-origin: 100% 100%;
        opacity: 1;
        background-color: rgba(255, 255, 255, 0.8);
        z-index: 999999;
      }
    }

    @-webkit-keyframes scale-down-right {
      0% {
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-transform-origin: 100% 100%;
                transform-origin: 100% 100%;
        opacity: 1;
        background-color: rgba(255, 255, 255, 0.8);
        z-index: 999999;
      }
      100% {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
        -webkit-transform-origin: 100% 100%;
                transform-origin: 100% 100%;
        opacity: 0;
        background-color: rgba(255, 255, 255, 0);
        z-index: -1;
      }
    }

    @keyframes scale-down-right {
      0% {
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-transform-origin: 100% 100%;
                transform-origin: 100% 100%;
        opacity: 1;
        background-color: rgba(255, 255, 255, 0.8);
        z-index: 999999;
      }
      100% {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
        -webkit-transform-origin: 100% 100%;
                transform-origin: 100% 100%;
        opacity: 0;
        background-color: rgba(255, 255, 255, 0);
        z-index: -1;
      }
    }

    .scale-up-left {
      -webkit-animation: scale-up-left 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
              animation: scale-up-left 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    }

    .scale-down-left {
      -webkit-animation: scale-down-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
              animation: scale-down-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    }

    @-webkit-keyframes scale-up-left {
      0% {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
        -webkit-transform-origin: 0% 100%;
                transform-origin: 0% 100%;
        opacity: 0;
        background-color: rgba(255, 255, 255, 0);
        z-index: -1;
      }
      100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-transform-origin: 0% 100%;
                transform-origin: 0% 100%;
        opacity: 1;
        background-color: rgba(255, 255, 255, 0.8);
        z-index: 999999;
      }
    }

    @keyframes scale-up-left {
      0% {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
        -webkit-transform-origin: 0% 100%;
                transform-origin: 0% 100%;
        opacity: 0;
        background-color: rgba(255, 255, 255, 0);
        z-index: -1;
      }
      100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-transform-origin: 0% 100%;
                transform-origin: 0% 100%;
        opacity: 1;
        background-color: rgba(255, 255, 255, 0.8);
        z-index: 999999;
      }
    }

    @-webkit-keyframes scale-down-left {
      0% {
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-transform-origin: 0% 100%;
                transform-origin: 0% 100%;
        opacity: 1;
        background-color: rgba(255, 255, 255, 0.8);
        z-index: 999999;
      }
      100% {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
        -webkit-transform-origin: 0% 100%;
                transform-origin: 0% 100%;
        opacity: 0;
        background-color: rgba(255, 255, 255, 0);
        z-index: -1;
      }
    }

    @keyframes scale-down-left {
      0% {
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-transform-origin: 0% 100%;
                transform-origin: 0% 100%;
        opacity: 1;
        background-color: rgba(255, 255, 255, 0.8);
        z-index: 999999;
      }
      100% {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
        -webkit-transform-origin: 0% 100%;
                transform-origin: 0% 100%;
        opacity: 0;
        background-color: rgba(255, 255, 255, 0);
        z-index: -1;
      }
    }
    /*** End - Animations */
  /* End - WhatsApp Modal =================================== */

  /* Toast Advice ========================================== */
  #wtsb4wp-toast {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 999999;
    left: 50%;
    bottom: 30px;
  }

  #wtsb4wp-toast.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
  }

  @-webkit-keyframes fadein {
    from {
      bottom: 0;
      opacity: 0;
    }

    to {
      bottom: 30px;
      opacity: 1;
    }
  }

  @keyframes fadein {
    from {
      bottom: 0;
      opacity: 0;
    }

    to {
      bottom: 30px;
      opacity: 1;
    }
  }

  @-webkit-keyframes fadeout {
    from {
      bottom: 30px;
      opacity: 1;
    }

    to {
      bottom: 0;
      opacity: 0;
    }
  }

  @keyframes fadeout {
    from {
      bottom: 30px;
      opacity: 1;
    }

    to {
      bottom: 0;
      opacity: 0;
    }
  }
  /* End - Toast Advice ========================================== */