#wrap{
  min-height: 90vh;
  background: linear-gradient(10deg, rgba(0, 33, 78, 0.555), rgba(255, 255, 255, 0.88)),
   url("/login_page/static/src/icons/shapes.png"), #00214eb0;
}
.s_title{
  margin-top: 50px;
}
.s_text_block, address {
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 700;
  text-shadow: 0px 4px 4px rgba(0, 23, 55, 0.5);
}
address > a {
  color: #ffffff;
}
address > a:hover {
  color: #ffffff;
}
.s_title h1{
  color: #ffffff;
  font-weight: 900 !important;
  font-size: 4rem;
  text-shadow: 0px 4px 4px rgba(0, 23, 55, 0.5);
}
.contactus-custom-wrapper {
  border: 1px solid #ffffff00;
  /* border-radius: 20px;
  background: linear-gradient(10deg, #002c74d5, #002c74d5),
    url("/login_page/static/src/img/pattern.png"), #ffffff;
  background-size: contain; */
  /* box-shadow: 0px 4px 20px rgba(31, 90, 171, 0.25); */
  /* max-width: 70%;
  margin-bottom: 40px; */
  /* margin-top: 20px; */
}
/* comment */
.form-field {
  /* border-radius: 10px; */
  max-width: 80%;
  /* margin: 0 auto; */
  margin-bottom: 10px;
}
/* field */
.form-control {
  border-radius: 5px;
  padding: 20px;
  font-size: 1.1rem;
  margin-bottom: 1.3rem;
  border: 2px solid #d1ad6b;
}
.contactus-submit-button-wrapper {
  width: fit-content;
  /* margin: 0 auto; */
  /* margin-bottom: 15px; */
}
.contactus-submit-button-wrapper a {
  font-weight: 700;
  width: 150px;
  border: 1px solid rgba(255, 255, 255, 0.548);
}
/* send button */
.o_website_form_send {
  background-color: #93713e;
  color: #ffffff;
  border-radius: 10px;
  border: #f9fbffd5;
}
.o_website_form_send:hover {
  background-color: #002d74;
  margin-right: -1px;
}
#o_website_form_result {
  /* border: 1px solid rgb(170, 65, 65); */
  /* background-color: #f1d3d3; */
  padding: 7px;
  border-radius: 10px;
  font-size: 1rem;
  width: 100%;
  display: block;
}

@media (max-width: 500px) {
  .contactus-custom-wrapper {
    max-width: 90%;
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.377);
    border-radius: 8px;
    margin-bottom: 24px;
    box-shadow: 0px 4px 5px rgba(10, 34, 68, 0.53); 
  }
  .form-field{
    max-width: 90%;
    margin: 0 auto;
  }
  .contactus-submit-button-wrapper{
    width: 90%;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 15px;
    align-content: center;
    align-items: center !important;
    display: grid;
    font-weight: 700;

  }
  .s_title h1{
    font-size: 2.5rem;
  }
  .contactus-submit-button-wrapper a {
    width: 100%;
  }
  .s_text_block, address {
    font-size: 1.1rem;
    margin: 20px auto;
  }
}