body {
  background-color:#fff;
}

#header, .mobile-menu {
  animation-delay:0s;
  animation-delay: .25s;
} 

#home {
  z-index:1;
  animation-delay: .5s;
  padding-bottom:3rem;
  overflow: visible;
  overflow-x: clip;
}

#home:before {
  content: ' ';
  display: block;
  position: absolute;
  bottom:-4rem;
  left:0;
  height:100%;
  width:100%;
  background-image:url(../img/contactus.png);
  background-position: bottom right;
  background-size:contain;
  background-repeat: no-repeat;
  opacity: .06;
}

#home p {
  text-align: left;
  font-size:16px;
  color:#111;
  line-height:1.5;
  margin-bottom:1rem;
}

#home p a {
  color:#004892 !important;
}

#home p a:hover {
  transform:translateY(-2px) !important;
  color:#1f63a3 !important;
}

#home div.row {
  width:auto;
  max-width:1200px;
  padding:1.5rem;
  margin:0 auto;
  --bs-gutter-x:0;
}

#home div.row .col-md-6 {
  padding:.75rem 0;
  text-align: left;
  color:#000;
}

#home div.row .form-control {
  border:1px solid #ccc;
  border-radius:0;
  margin:0;
  max-width:100%;
  color:#000 !important;
}

#home div.row .form-select {
  padding:.75rem 1rem;
}

#home div.row .form-label,#home div.row .form-check-label {
  color:#111;
  font-size:14px;
}

#details {
  z-index: 2;
  position: relative;
  width:1400px;
  margin:0 auto;
  max-width:100%;
}

#details .row {
  --bs-gutter-x:0;
}

fieldset {
  border: 1px #ddd solid;
  margin:2.5rem 0;
  padding:1.5rem;
  position: relative;
  font-size:16px;
  padding-bottom: 1rem;
}

legend {
  position: absolute;
  margin-left: 1rem;
  padding: 0.25em;
  width: auto;
  margin-top: -3.6rem;
  font-size:17px;
  font-family:Roboto-Thin;
  font-weight:600;
  letter-spacing: .05em;
  color:#555;
  text-shadow:0 0 #555;
  background-color: #fff;
}

.form-switch .form-check-input {
  margin-left:0;
  height: 24px;
  width: 40px;
  margin-bottom:0;
  float:none;
  margin:0 .5rem;
  margin-bottom:2px;
  vertical-align: middle;
}

div.row h1 {
  padding: 1rem;
  margin: 2rem auto;
  font-family:Roboto-Thin;
  font-weight:600;
  letter-spacing: .05em;
  text-align: center;
  font-size:18px;
  color:#004892;
  margin-top: 0;
  margin-bottom: 4rem;
}

div.row fieldset .row {
  padding:1.5rem 0 !important;
}

div.row fieldset.questionaire .col-md-12 {
  margin-bottom:2rem;
  padding:.5rem 0;
  color:#000;
  text-align: left;
}

div.row fieldset.questionaire .form-label, div.row fieldset.questionaire .form-check-label {
  font-size:16px !important;
  line-height:1.5 !important;
  margin-bottom:1rem;
}

div.row fieldset.questionaire textarea{
  min-height: auto !important;
}

div.row fieldset.questionaire .form-select {
  width:auto;
  padding-right:3rem !important;
}

div.row fieldset.questionaire .col-md-12:last-child {
  margin-bottom:0;
}

div.row fieldset.questionaire .btn-extra {
  margin-top:.25rem;
  width: auto;
  font-size: 16px;
  padding: .65rem 1.75rem;
  margin-right: 1rem;
  border-color: #ccc !important;
  color: #555 !important;
  border-radius: 0;
}

div.row fieldset.questionaire a.active, div.row fieldset.questionaire .btn-extra:hover {
  background-color:#004892 !important;
  border-color: #004892 !important;
  color: #fff !important;
}

div.row form button {
  z-index: 1;
  position: relative;
  letter-spacing: .05em;
  font-size: 16px;
  font-family: Roboto-Thin;
  font-weight: 600;
  color: #0052a5 !important;
  text-shadow: 0 0 #0052a5;
  background-color: transparent !important;
  border-color: #0052a5 !important;
  border-radius: 0;
  padding: .75rem 1.5rem;
  width:100%;
  display: flex;
  align-items: center;
  background-color:transparent;
}

div.row form button img {
  width:24px;
  margin-right:.75rem;
  vertical-align: middle;
  filter: brightness(0) saturate(100%) invert(16%) sepia(100%) saturate(7486%) hue-rotate(201deg) brightness(86%) contrast(101%);
}

div.row form button:hover {
  transform: translateY(-2px);
  color:#fff !important;
  background-color: #003557 !important;
  border-image-source: linear-gradient(135deg, #003557, #003557, #003557);
}

div.row form button:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(81%) saturate(2%) hue-rotate(327deg) brightness(114%) contrast(100%);
}

div.row form .form-check-input {
  display:none;
}
form {
  text-align: left;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color:#000 !important;
}



@media only screen and (min-width: 768px) {
  #home div.row .col-md-6 {
    padding:.75rem 2rem;
  }
  div.row form button {
    width:auto;
  }
  div.row h1 {
    font-size:28px;
  }
  
  div.row fieldset .row {
    padding:1.5rem !important;
  }
  div.row fieldset.questionaire .col-md-12 {
    padding:.5rem 1rem;
  }
}

@media only screen and (min-width: 912px) {

  #home:before {
    left:50%;
    width:50%;
    max-width:700px;
  }
  #details {
    padding:2.5rem 1rem;
  }

  #home p {
    text-align: left;
    font-size:18px;
  }
  legend, div.row fieldset.questionaire .form-label {
    font-size:18px;
  }

}