/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 01 2026 | 17:45:14 */
/* Wrapper */
.icon-form {
  max-width: 900px;
  margin: auto;
  width: 100%;
  font-family: 'Poppins', sans-serif;
}

/* Rows */
.icon-form .cf-row {
  display: flex;
  gap: 32px;
  margin-bottom: 36px;
}

.icon-form .cf-row.full {
  flex-direction: column;
}

/* Field wrapper */
.icon-form .cf-field {
  position: relative;
  width: 100%;
}

/* Icons */
.icon-form .cf-field i {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(0%);
  color: #8c96a8;
  font-size: 15px;
}

.icon-form .cf-field.message i {
  top: 18px;
  transform: none;
}

/* Inputs */
.icon-form input,
.icon-form textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid #c5ccda;
  padding: 10px 0 10px 26px;
  font-size: 15px;
  background: transparent;
  outline: none;
}

.icon-form textarea {
  resize: none;
  max-height: 150px;
}

/* Focus effect */
.icon-form input:focus,
.icon-form textarea:focus {
  border-bottom-color: #e5452d;
}

.icon-form input:focus + i,
.icon-form textarea:focus + i {
  color: #e5452d;
}

/* Button */
.icon-form input[type="submit"] {
  background: #e5452d;
  color: #fff;
  border: none;
  padding: 14px 36px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

/* Bottom row */
.icon-form .bottom-row {
  align-items: center;
  gap: 28px;
}

/* Consent */
.icon-form .cf-consent {
  font-size: 14px;
  color: #6b7280;
}

/* ===================== */
/* RESPONSIVE */
/* ===================== */

@media (max-width: 768px) {
  .icon-form .cf-row {
    flex-direction: column;
    gap: 22px;
  }

  .icon-form .bottom-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .icon-form input[type="submit"] {
    width: 100%;
  }
}