/* ===============================
   FORM CONTAINER
================================ */
.contact-sec-form .lead-form-container {
  max-width: 80%;
  font-family: Inter, Arial, sans-serif;
  margin: 0 auto;
}

/* ===============================
   FORM GROUP
================================ */
.contact-sec-form .form-group {
  margin-bottom: 22px;
}

.contact-sec-form .form-group label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #222;
}

.contact-sec-form .form-group label span {
  color: #ff5a1f;
}

/* ===============================
   INPUT & SELECT (BOTTOM BORDER STYLE)
================================ */
.contact-sec-form .form-group input,
.contact-sec-form .form-group select {
  width: 100%;
  padding: 14px 16px;
  font-size: 14px;

  background: #f6f6f6;

  /* ONLY bottom border */
  border: none;
  border-bottom: 2px solid #3a3a3a;

  /* rounded bottom corners */
  border-radius: 0 0 10px 10px;

  outline: none;
  box-shadow: none;
  transition: none;
}

/* Prevent hover glow */
.contact-sec-form .form-group input:hover,
.contact-sec-form .form-group select:hover {
  border-bottom: 2px solid #3a3a3a;
}

/* Prevent focus glow */
.contact-sec-form .form-group input:focus,
.contact-sec-form .form-group select:focus {
  border-bottom: 2px solid #3a3a3a;
  outline: none;
  box-shadow: none;
}

/* Placeholder */
.contact-sec-form .form-group input::placeholder {
  color: #b8b8b8;
  font-size: 14px;
}

/* ===============================
   SELECT FIX
================================ */
.contact-sec-form .form-group select {
  appearance: none;
  cursor: pointer;
}

/* ===============================
   INPUT ICONS (EMAIL / PHONE)
================================ */
.contact-sec-form .input-icon {
  position: relative;
}

.contact-sec-form .input-icon .icon {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  color: #333;
  pointer-events: none;
}

.contact-sec-form .input-icon input {
  padding-left: 72px;
}

/* ===============================
   CTA BUTTON
================================ */
.contact-sec-form .cta-btn {
  width: 100%;
  background: #ff5a1f;
  color: #fff;
  border: none;
  padding: 16px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 10px;
  cursor: pointer;
  text-transform: uppercase;
}

.contact-sec-form .cta-btn:hover {
  background: #e84c14;
}
.bg-yellowish{
  background: var(--color-14);
}
.pt-20{
  padding-top: 20px !important;
}
.pb-20{
  padding-bottom: 20px !important;
}