.hero {
  padding: 5rem 0;
}

.modal-header {
  border-bottom: unset;
}

.service-title,
.contact-mode-title,
.text-messages-title {
  font-size: 0.8rem;
  font-weight: 500;
  font-family: "Poppins";
}

.check-boxes .form-check-label {
  font-size: 0.75rem;
}

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

.form-check-input:focus {
  border-color: var(--second-color);
  box-shadow: 0 0 0 0.25rem var(--second-color);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  appearance: textfield;
}

/* FOOTER SECTION */

.footer a {
  text-decoration: none;
}

/* Custom validation styles */
.form-control.is-invalid {
  border-color: var(--danger-color);
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.form-control.is-valid {
  border-color: var(--success-color);
  box-shadow: 0 0 0 0.25rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: block;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--danger-color);
}

.valid-feedback {
  display: block;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--success-color);
}

.form-control:focus {
  border-color: var(--second-color);
}

.alert-success {
  background-color: #d4edda;
  border-color: #c3e6cb;
  color: #155724;
}

.invalid-feedback {
  color: #721c24;
}

.modal-backdrop {
  display: none;
}

.modal .btn:nth-child(2) {
  background-color: var(--primary-color);
  border: none;
  outline: none;
}

body {
  overflow: unset !important;
  padding-right: 0 !important;
}