.main .box-outer {
  padding-bottom: 75px; }
  .main .box-outer .map-wrapper {
    margin-top: 15px; }
    .main .box-outer .map-wrapper .google-map {
      border-radius: 18px;
      width: 100%; }
  .main .box-outer .contact-form {
    margin-top: 25px; }
    .main .box-outer .contact-form h2 {
      font-size: 25px; }
  .main .box-outer form input,
  .main .box-outer form textarea {
    padding: 14px 22px 13px;
    border-radius: 13px;
    background-color: transparent;
    border-color: rgba(153, 153, 153, 0.253);
    font-size: 16px;
    color: #d6d6d6; }
    .main .box-outer form input:focus,
    .main .box-outer form textarea:focus {
      box-shadow: none;
      border-color: #FFDB6E; }
  .main .box-outer form textarea {
    resize: none; }
    .main .box-outer form textarea:focus-visible {
      outline: none; }
  .main .box-outer form button {
    padding: 16px 24px;
    background-color: transparent;
    color: #FFDB6E;
    vertical-align: middle;
    border: none;
    box-shadow: -0.7px -0.7px 2px rgba(2, 2, 2, 0.493), -0.5px -0.5px 2px rgba(255, 255, 255, 0.288), 0.7px 0.7px 2px rgba(0, 0, 0, 0.75);
    border-radius: 12px; }
    .main .box-outer form button:active {
      background-color: transparent;
      color: #FFBC5E; }
    .main .box-outer form button i {
      margin-right: 5px; }

.form-control.is-invalid, .was-validated .form-control:invalid {
  background-image: none !important;
  border-color: #b84c4c !important; }

.form-control:invalid:focus {
  box-shadow: none !important; }

.form-control.is-valid, .was-validated .form-control:valid {
  border-color: rgba(153, 153, 153, 0.253) !important;
  box-shadow: none !important;
  background-image: none !important; }

.invalid-feedback {
  margin-left: 10px;
  font-size: 13px !important;
  color: #b84c4c !important; }

/*# sourceMappingURL=contact.css.map */