@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-right: 0% !important;
  color: #B20925 !important;
  }
  .fillout2{position: relative !important;
    width: 100% !important;
    margin-right: 0% !important;
    color: #B20925 !important;
    }
    .cardform{
    width: 100% !important; 
    margin-right: 0% !important;

    }
  }


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

  #success_message{ display: none;}

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


  }

  .redbackground{

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

  }
input, select ,textarea{
  font-family: 'Almarai', sans-serif;


}

  .formleft {
    justify-content: center;

  }
  .formicon {
    top: 20%;
    position: absolute;
    margin-right: 29%;
      width: 10%;
    }
    .fillout {
      top: 50%;
      position: absolute;
      margin-right: 25%;
      color: white;
      font-family: 'Almarai', sans-serif;
      width: 20%;
      font-weight: 500;
      font-size: 20px;
      text-align: center;
    }
    .fillout2 {

      top: 70%;
      position: absolute;
      margin-right: 25%;
      color: white;
      font-family: 'Almarai', sans-serif;
      width: 20%;
      font-weight: 500;
      font-size: 20px;
      text-align: center;
      line-height: 1.7;
    }
    
.ENQUIRYFORM {
  top: 40%;
  position: absolute;
  margin-right: 29%;
  color: white;
  font-family: 'Almarai', sans-serif;
  font-weight: 800;
  font-size: 25px;

}
    

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

}


label {

  font-family: 'Almarai', sans-serif;
font-weight: 800;
}

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

legend {
  font-family: 'Almarai', sans-serif;
  font-weight: 800;

font-size: 25px;
}

input:focus {

  border: none;
  border-bottom: 2px solid #B20925;
}
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: 'Almarai', sans-serif;
  font-weight: 400;


}

button {
  transition-duration: 0.4s;
  font-family: 'Almarai', sans-serif;
  border: none;
  border-radius: 50px;
  font-size: 25px;
  margin: 10px;
  color: #B20925;
padding-top: 10px;
padding-bottom: 10px;

  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);
}