.hov li{
  color: white;
  background-color: #B20925;
  }

  #success_message{ display: none;}


  
@media only screen and (min-device-width: 250px) and (max-device-width: 700px) and (orientation: portrait) {
  
  .redbackground {display: none;}   
  .formicon {display: none;}   
  .ENQUIRYFORM {position: relative !important;
    color: #B20925 !important;
  }
  .fillout{position: relative !important;
  width: 100% !important;
  margin-left: 0% !important;
  color: #B20925 !important;
  }
  .fillout2{position: relative !important;
    width: 100% !important;
    margin-left: 0% !important;
    color: #B20925 !important;
    }
    .cardform{
    width: 100% !important; 
    margin-left: 0% !important;

    }
  }


.form {
position: relative;
width: 100%;
height: 60%;
margin-top: 15%;
margin-bottom: 10%;

  }

  .redbackground{

    position: absolute;
    width: 30%;
    height: 100%;
    margin-left: 20%;
  z-index: -1;
    background-color: #B20925;
    border-radius: 50px 0px 0px 50px;
    box-shadow: 10px 10px 70px #B20925;
  }


  .formleft {
    justify-content: center;
  }
  .formicon {
    top: 20%;
    position: absolute;
    margin-left: 31%;
      width: 10%;
    }
    .fillout {
      top: 50%;
      position: absolute;
      margin-left: 25%;
      color: white;
      font-family: 'lato';
      width: 20%;
      font-weight: 500;
      font-size: 20px;
      text-align: center;
    }
    .fillout2 {

      top: 70%;
      position: absolute;
      margin-left: 25%;
      color: white;
      font-family: 'lato';
      width: 20%;
      font-weight: 500;
      font-size: 20px;
      text-align: center;
    }
    
.ENQUIRYFORM {
  top: 40%;
  position: absolute;
  margin-left: 29%;
  color: white;
  font-family: 'lato';
  font-weight: 800;
  font-size: 25px;
}
    

.formvector {
padding-top: 10%;
padding-bottom: 10%;
position: relative;
width: 60%;
}
.cardform {
  background-color: white;
  width: 30%;
  margin-left: 50%;
  position: relative;
  top: 0px;
  padding-bottom: 40px;
text-align: center;
border-radius: 0px 50px 50px 0px;

}


label {

font-family: 'lato';
font-weight: 800;
}

input:after {
  content:"*";
  color: red;
}

legend {
  font-family: 'lato';
  font-weight: 800;

font-size: 25px;
}

input:focus {

  border: none;
  border-bottom: 2px solid #B20925;
  padding: 10px;
}
input {

  border: none;
  border-bottom: 2px solid #B20925;
  margin: 20px;
  padding: 10px;

}

select {
  width: 50%;
  padding: 16px 20px;
  border: none;
  border-radius: 4px;
  background-color: #f1f1f1;
  margin: 20px;

}

option {
  font-family: 'lato';
  font-weight: 400;


}

button {
  transition-duration: 0.4s;
  font-family: 'lato';
  border: none;
  border-radius: 50px;
  font-size: 25px;
  margin: 10px;
  color: #B20925;

  font-weight: 800;
}

button:hover {
  background-color: #B20925;
  color: white;
}
textarea{
  width: 80%;
  height: 50%;
margin-top: 20px;
  border: 1px solid black;
  border-radius: 5px;

}

body {

  linear-gradient(to left, #FFFFFF, #E1EAFF);
}