:root {
  --themeprimaryclr: #ff7000;
  --themesecondaryclr: #696969;
  --darkclr: #000;
  --plainclr: #fff;
  --themehoverclr: #ff8426;
}

a {
  text-decoration: none;
}

.contactform {
  padding: 23px;
  background-color: #F8F9FC;
}
.contactform h2 {
  font-weight: 400;
  color: var(--darkclr);
}
.contactform .form-group {
  position: relative;
}
.contactform .form-group .icons {
  position: absolute;
  top: 10px;
  right: 8px;
  width: 28px;
  border-left: 1px solid rgba(193, 193, 193, 0.4);
  height: auto;
  line-height: 27px;
  padding-left: 10px;
  resize: none;
  text-align: justify;
}
.contactform .form-group .icons i {
  color: var(--themeprimaryclr);
}
.contactform .textarea .icons {
  top: 16px;
  right: 8px;
  width: 28px;
  border-left: 1px solid rgba(193, 193, 193, 0.4);
  height: 40px;
  padding-left: 9px;
}
.contactform input {
  background-color: var(--plainclr);
  border-radius: 8px;
  border-color: #C1C1C1;
  color: var(--themesecondaryclr);
  padding: 11px 48px 11px 16px;
}
.contactform input::-moz-placeholder {
  font-size: 15px;
}
.contactform input::placeholder {
  font-size: 15px;
}
.contactform input:focus {
  box-shadow: none;
  border-color: var(--themeprimaryclr);
}
.contactform textarea {
  padding: 11px 48px 11px 16px;
  border-radius: 8px;
  resize: none;
  border-color: #C1C1C1;
  color: var(--themesecondaryclr);
}
.contactform textarea:focus {
  box-shadow: none;
  border-color: var(--themeprimaryclr);
}
.contactform textarea::-moz-placeholder {
  font-size: 15px;
}
.contactform textarea::placeholder {
  font-size: 15px;
}
.contactform .form-check {
  margin-top: 10px;
}
.contactform .form-check input {
  height: auto;
  padding: 10px;
  margin-right: 0px;
}
.contactform .form-check label {
  color: var(--themesecondaryclr);
}
.contactform .form-check label a span {
  color: var(--themeprimaryclr);
}
.contactform .invalid-feedback {
  text-transform: capitalize;
  color: var(--redclr);
}
.contactform .form-control.is-invalid,
.contactform .was-validated .form-control:invalid {
  border-color: var(--redclr);
  background-position: right calc(0.375em + 2.1875rem) center;
}
.contactform .form-control.is-valid,
.contactform .was-validated .form-control:valid {
  background-position: right calc(0.375em + 2.1875rem) center;
}
.contactform .was-validated textarea.form-control:valid,
.contactform textarea.form-control.is-valid {
  background-position: top calc(0.375em + 14px) right calc(0.375em + 2.1875rem);
}
.contactform .was-validated textarea.form-control:invalid,
.contactform textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 14.15px) right calc(0.375em + 2.1875rem);
}

.btn-theme-one {
  background-color: var(--themeprimaryclr);
  min-height: 36px;
  font-size: 1rem;
  border-radius: 30px;
  border: 1px solid transparent;
  width: auto;
  color: var(--plainclr) !important;
  font-family: var(--primaryfont);
  font-weight: 300;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s linear;
  line-height: 28px;
  padding: 2px 10px;
}
.btn-theme-one:hover {
  background-color: var(--themehoverclr) !important;
  color: var(--plainclr) !important;
  border: 1px solid var(--themehoverclr);
}

.submit_btn {
  padding: 8px 23px;
  text-transform: uppercase;
  font-weight: 400;
}

.contactform .form-check label a {
  color: var(--themeprimaryclr);
}/*# sourceMappingURL=formDesign1.css.map */