/*================================================
CWS Contact Area CSS
=================================================*/
.cws-contact-form {
  max-width: 900px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.cws-contact-form .form-group {
  text-align: center;
  margin-bottom: 25px;
}

.cws-contact-form .form-group .form-control {
  border-radius: 0;
  background-color: #f9f9f9 !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border: none !important;
  height: 50px;
  border-top: 2px solid #eeeeee !important;
  padding-left: 20px;
  color: var(--blackColor);
  font-family: var(--fontFamily2);
  font-size: var(--fontSize);
  font-weight: 500;
}

.cws-contact-form .form-group .form-control::-webkit-input-placeholder {
  color: #999999;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.cws-contact-form .form-group .form-control:-ms-input-placeholder {
  color: #999999;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.cws-contact-form .form-group .form-control::-ms-input-placeholder {
  color: #999999;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.cws-contact-form .form-group .form-control::placeholder {
  color: #999999;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.cws-contact-form .form-group .form-control:focus {
  border-top-color: var(--mainColor) !important;
}

.cws-contact-form .form-group .form-control:focus::-webkit-input-placeholder {
  color: transparent;
}

.cws-contact-form .form-group .form-control:focus:-ms-input-placeholder {
  color: transparent;
}

.cws-contact-form .form-group .form-control:focus::-ms-input-placeholder {
  color: transparent;
}

.cws-contact-form .form-group .form-control:focus::placeholder {
  color: transparent;
}

.cws-contact-form .form-group textarea.form-control {
  padding-top: 20px;
  height: auto;
}

.cws-contact-form .form-check {
  text-align: left;
  margin-top: 5px;
}

.cws-contact-form .form-check .form-check-input[type=checkbox] {
  top: -1px;
  position: relative;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.cws-contact-form .form-check .form-check-input:checked {
  background-color: var(--mainColor);
  border-color: var(--mainColor);
}

.cws-contact-form .cws-default-btn {
  margin-top: 0;
}

.cws-contact-form span.wpcf7-form-control-wrap.gdpr {
  display: block;
  text-align: left;
}

.cws-contact-form span.wpcf7-list-item-label a {
  font-weight: bold;
}

.cws-contact-form span.wpcf7-list-item-label a:hover {
  color: var(--mainColor);
}

.cws-maps iframe {
  width: 100%;
  border: none;
  height: 500px;
  margin-bottom: -6px;
}

/* Max width 767px */
@media only screen and (max-width: 767px) {
    .cws-contact-form {
      max-width: 100%;
      text-align: center;
    }
    .cws-contact-form .form-group {
      margin-bottom: 20px;
    }
    .cws-contact-form .form-group .form-control {
      padding-left: 15px;
      border-width: 1px;
      font-size: 14px;
    }
    .cws-contact-form .form-group textarea.form-control {
      padding-top: 15px;
    }
    .cws-contact-form .text-end {
      text-align: left !important;
    }
    .cws-contact-form .cws-default-btn {
      margin-top: 20px;
    }
}

/* Min width 768px to Max width 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cws-contact-form {
        max-width: 100%;
    }
}