/*

Theme Name: 

Theme URI: 

Author: 

*/



.watsup-fixed {
    bottom: 30px;
    left: 30px;
    position: fixed;
    z-index: 9999;
  }
  .watsup-fixed a {
    position: relative;
    z-index: 99;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    background-color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    animation-name: pulsee;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    animation-play-state: paused;
  }
  .watsup-fixed a img {
    max-width: 40px;
  }
  .watsup-fixed a::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    padding: 25px;
    border: 5px solid #fff;
    opacity: 0.75;
    animation-name: pulse-border;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
  }
  
  @keyframes pulse-border {
    0% {
      padding: 25px;
      opacity: 0.75;
    }
  
    75% {
      padding: 50px;
      opacity: 0;
    }
  
    100% {
      opacity: 0;
    }
  }
  
  @keyframes pulsee {
    0% {
      box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }
  
    80% {
      box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
    }
  }

  .call-fixed {
    position: fixed;
    right: 25px;
    bottom: 20px;
    width: 45px;
    height: 45px;
    z-index: 9;
    background: #0061a6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}
  @media(max-width:600px){
    .watsup-fixed {
        left: 15px;
        bottom: 20px;
      }
}

.client_section .client_wrap img {
  max-height: 150px;
}


label.error {
  color: #ff5656;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}
.form-control.error, .input-field input.error {
  border-bottom: 2px solid red !important;
}

div#formResult, div#enqformResult {
  margin-top: 30px;
}

div#formResult .form-error, div#enqformResult .form-error {
  background: #fbdfdf;
  color: rgb(209, 48, 48);
  padding: 20px 15px;
  border-radius: 10px;
  text-align: center;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: .5px;
}

div#formResult .form-success, div#enqformResult .form-success {
  background: #dffbdf;
  color: green;
  padding: 20px 15px;
  border-radius: 10px;
  text-align: center;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: .5px;
}