/* banner form start */

.registration-form {
  position:relative;
  background-color:rgb(236 68 17 / 84%);
   padding: 20px;
   border-radius: 8px;
   box-shadow: 0 0 10px rgba(130, 128, 128, 0.1);
   width: 100%;
   max-width: 400px;
   z-index:1000; /* Adjust the maximum width as needed */ 
   
 }



 @media (max-width: 767px) {
  
  .registration-form{
     margin-top:50px;
  }
  
  }
 .form-input {

   width: 100%;
   padding: 13px;
   margin-bottom: 25px;
   box-sizing: border-box;
   border: 1px solid #ccc;
   border-radius: 9px;
   font-size: 16px;
   color:#5e5e5e;
 }

 .form-textarea {
   width: 100%;
   padding: 8px;
   margin-bottom: 16px;
   box-sizing: border-box;
   border: 1px solid #ccc;
   border-radius: 4px;
   font-size: 16px;
   resize: vertical;
   color:#5e5e5e;
 }

 .form-button {
   width:100%;
   background-color: #008cd3;
   color: white;
   padding: 10px 15px;
   border: none;
   border-radius: 4px;
   cursor: pointer;
   font-size: 20px;
 }

 .form-button:hover {
   background-color: #45a049;
 }

 .call-us{
 
   font-size:20px;
   font-weight:600; 
   font-family: 'Poppins', sans-serif !important; 
   color:white;
   padding-bottom:10px;
   
           
 }

 .phoneNumber{

   font-size:27px;
    font-weight:600; 
    font-family: 'Poppins', sans-serif !important;
    color:white;   
         
 }


 /* banner form end */




.chatnow {
    font-size:18px;
    color:white;
    background-color:#05ee5a;
    border-radius:5px;
    padding:10px;
      position: fixed;
      bottom: 600px; /* Adjust the bottom distance as needed */
      right: -27px;/* Adjust the right distance as needed */
    z-index: 1000;
    vertical-align:top;
    transform:rotate(7deg);
  -ms-transform:rotate(90deg); 
  -moz-transform:rotate(90deg); 
  -webkit-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  
  animation: chatChange 1s infinite;
  }
  
  @keyframes chatChange {
    0% { background-color: orangered; }
    50% { background-color: gray; }
    100% { background-color: gray; }
  }
  
  
  @media (max-width: 767px) {
  
    .chatnow{
        position: fixed;
        bottom: 470px; 
        right: -28px;
      z-index: 1000;
      vertical-align:top;
      transform:rotate(7deg);
    -ms-transform:rotate(90deg); 
    -moz-transform:rotate(90deg); 
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    }
    
    }
  
  .callnow {
    font-size:18px;
    color:white;
    background-color:#ec4411;
    border-radius:5px;
    padding:10px;
      position: fixed;
      bottom: 485px; /* Adjust the bottom distance as needed */
      right: -24px;/* Adjust the right distance as needed */
    z-index: 1000;
    vertical-align:top;
    transform:rotate(7deg);
  -ms-transform:rotate(90deg); 
  -moz-transform:rotate(90deg); 
  -webkit-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  
  animation: callChange 1s infinite;
  }
  
  @keyframes callChange {
    0% { background-color: gray; }
    50% { background-color:  orangered;}
    100% { background-color: gray; }
  }
  
  
  
  
  
  @media (max-width: 767px) {
  
    .callnow {
      position: fixed;
        bottom: 360px; 
        right: -24px;
      z-index: 1000;
      vertical-align:top;
      transform:rotate(7deg);
    -ms-transform:rotate(90deg); 
    -moz-transform:rotate(90deg); 
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    }
   
  }

  .callnow,.chatnow:hover {
    color: white !important;
  }


/* sticky footer start */

  .footers {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: white;
    padding: 10px;
    text-align: center;
    z-index:9999999;
  }
  
  .footers img {
    width: 45px; /* Adjust size as needed */
    height: auto;
    margin: 0 10px;
    /* Add some margin between icons */
  }
  
  @media (min-width: 768px) {
    .footers {
      display: none; /* Hide footer on screens wider than 768px */
    }
  }


  
/* sticky footer end */



/* service form start */

@media (max-width: 768px) {
  #form-paragraph {
    display: none; /* Hide footer on screens wider than 768px */
  }
}

@media (max-width: 768px) {
  #form-top {
    margin-top:5px; /* Hide footer on screens wider than 768px */
  }
}




/* service form end */