
.appointmentsection{

  padding: 2% 14% 4%;
}

#form-section:before {
background-image: url(https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/UP%20V%20Admisiones%20Lp%20Page%202022/Images/Mask%20Group%2021.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: auto;
    content: "";
    height: 681px;
    position: absolute;
    top: 0;
    width: 197px;
    left:-200px;

}

#form-section{
  background-color: white;
  border-radius:20px;
  border: 1px solid rgb(181,178,178,0.8);
  display:block;
  text-align:center;
  align-items:center;
  box-shadow: 15px 12px 8px  rgba(0,0,0,.47);
  max-width:auto;
  padding 15px 0px;
  margin-top:5%;
 }


#formTitle{
    color: #002D72;
    font-size:24px;
    top:30px;
    margin: 0 auto;
    max-width: 600px;
    display:block;
}

#_form{
  margin: 4% 3%;

}


#text_form{
  text-align:center;
  color: #002D72;
  z-index:1;
}



#text_form H2{ margin:0% 0% 2% 0%;}




#shape1{
 left:0;
 top:10em;
 position:absolute;
 display:flex;
 z-index:0;
 padding: 1em 0em 0em 0em; 
}

#shape1 img{
   display:flex;
    width:70%;


}

form fieldset {max-width: inherit!important;}

form fieldset .field {
    padding-left: 10px;
    padding-right: 10px;
}

.form-columns-1 .field{
  width: 100% !important;}

.form-columns-2 .field{
  width: 50% !important;}

 
#_form input[type=email], #_form input[type=number], #_form input[type=tel], #_form input[type=text], #_form select, #_form textarea {
    background: transparent;
    border: 1px solid #707070;
    border-radius: 5px;
    color: rgba(18,50,110,.56);
    display: block;
    font-family: Seravek,sans-serif;
    font-size: 17px;
    font-style: italic;
    font-weight: 400;
    margin: 0;
    outline: none;
    padding: 10px 15px;
    width: 100%!important;


}

#_form input[type=submit] {
    background: #12326e;
    border: 1px solid #12326e;
    border-radius: 32px;
    color: #fff;
    font-family: Seravek,sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 10px;
    min-width: 220px;
    outline: none;
    padding: 15px 0px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    margin: 2% 0px; 
}

#_form input[type=submit]:hover {
    background: transparent;
    color: #12326e;
}

.input select {
    -webkit-appearance: none!important;
    background-image: url(https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/UP%20V%20Admisiones%20Lp%20Page%202022/Images/angle.png)!important;
    background-position: calc(100% - 17px)!important;
    background-repeat: no-repeat!important;
    background-size: 17px!important;
}



.hs-error-msgs {
    color: red;
    font-size: 15px;
    list-style: none;
    margin: 0 0 10px;
    padding: 0 0 0 10px;
}



#privacyAdd{

    color: #12326e !important;
    font-size: 25px;
    font-weight: 700;
    font-size:18px;

}




@media (orientation : portrait) {

#_form input[type=submit] {
    min-width: 214px;

}

  .appointmentsection { padding: 2% 4% 4%; }
  .contact-message { padding: 0% 0% 2% !important;}
  #shape1{display:none;}
  #formTitle{margin: 0% 0% 10% 0%; font-size:20px;}
  
  #_form select{color: #707070;}

  
}




