#fw-section-custom-html-507bbebf-6cc0-49b1-97f2-04e1e3305f4a {

.il-form {
  max-width: 720px;
  margin: 40px auto;
  padding: 30px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  font-family: 'Inter', sans-serif;
  color: #222;
}

.il-form h2 {
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 25px;
  color: #111;
}

.il-form label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 0.95rem;
}

.il-form input,
.il-form select,
.il-form textarea {
  width: 100%;
  padding: 12px 14px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 1rem;
  transition: border-color 0.2s;
}

/* Select dropdowns with custom arrow */
.il-form select {
  -webkit-appearance: none;  /* Remove default arrow in Chrome/Safari */
  -moz-appearance: none;     /* Remove default arrow in Firefox */
  appearance: none;          /* Remove default arrow for modern browsers */
  padding-right: 40px;       /* Space for custom arrow */
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23222' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 10px 6px;
}

.il-form input:focus,
.il-form select:focus,
.il-form textarea:focus {
  border-color: #0070f3;
  outline: none;
}

.il-form button {
  width: 100%;
  padding: 14px;
  font-size: 1rem;
  font-weight: 600;
  background: #0070f3;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s;
}

.il-form button:hover {
  background: #0059c9;
}
}






#fw-section-custom-html-0a752794-3211-48a7-8f16-5c28df426082 {

/* Calendly Inline Widget Custom Styling */
.calendly-inline-widget {
  background-color: #060606 !important;
  border-radius: 12px; /* optional, matches your form style */
}

/* Optional: override text color inside the widget if needed */
.calendly-inline-widget * {
  color: #fff !important;
}
}



#fw-section-links-list-41c9f164-6822-48f2-bbd1-393e8c9b02d8 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #060606;
--color-background-rgb: 6, 6, 6;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #1db954;
--color-on-primary-rgb: 29, 185, 84;
--color-product-image-background: #060606;
--color-background-brightness: 6;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #1db954;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}





#fw-section-links-list-1719089651 {

/* Modern buttons — moderate rounding, premium depth, same colors */
section a,
section button {
  display: block !important;
  width: 100% !important;
  padding: 14px 18px !important;
  margin-bottom: 14px !important;

  background: #f4e93f !important; /* your yellow */
  color: #000 !important;          /* your black text */

  border: none !important;
  border-radius: 8px !important;  /* ← less rounded, nice middle ground */

  font-weight: 600;
  text-decoration: none;
  letter-spacing: 0.3px;

  position: relative;
  overflow: hidden;

  /* Premium soft depth */
  box-shadow: 
    0 14px 34px rgba(0,0,0,0.20),
    0 2px 6px rgba(0,0,0,0.10),
    inset 0 1px 0 rgba(255,255,255,0.25);

  transition: 
    transform 0.25s cubic-bezier(.2,.8,.2,1),
    box-shadow 0.25s cubic-bezier(.2,.8,.2,1);
}

/* Hover — subtle lift + scale */
section a:hover,
section button:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 
    0 24px 48px rgba(0,0,0,0.28),
    0 6px 12px rgba(0,0,0,0.12),
    inset 0 1px 0 rgba(255,255,255,0.3);
}

/* Click feel */
section a:active,
section button:active {
  transform: scale(0.99);
}
}
















#fw-section-custom-html-9cee4581-3ff7-45f0-9d6d-43cdb797c312 {

.faq-container {
  max-width: 800px;
  margin: 2rem auto;
  padding: 0 1rem;
  font-family: 'Montserrat', sans-serif;
  background-color: #060606;
  color: #ffffff;
}

.faq-container h2 {
  text-align: center;
  color: #F4E93F;
  font-size: 1.8rem;
  margin-bottom: 2rem;
}

.faq-item {
  border-bottom: 1px solid #333;
  padding: 1rem 0;
}

.faq-item input {
  display: none;
}

.faq-item label {
  display: block;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  padding-right: 2rem;
  font-size: 1.05rem;
  transition: color 0.3s;
  line-height: 1.4;
}

.faq-item label:hover {
  color: #F4E93F;
}

.faq-item label::after {
  content: '+';
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.3rem;
  color: #F4E93F;
  transition: transform 0.2s ease;
}

.faq-item input:checked + label::after {
  content: '−'; /* longer dash for visual symmetry */
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, margin-top 0.3s ease;
  font-weight: 400;
  font-size: 0.95rem;
  line-height: 1.6;
  padding-left: 1rem;
  margin-top: 0;
  color: #ffffff;
}

.faq-item input:checked + label + .faq-answer {
  max-height: 500px;
  margin-top: 0.5rem;
}
}




#fw-section-rich-text-177491319728754 {

/* Only text blocks inside this section */
section > div p,
section > div span {
  font-size: 10px !important;
  line-height: 1.3 !important;
  letter-spacing: 0.3px !important;
}
}
#fw-section-custom-html-e4a907b8-088d-4328-8ea0-3e90353386ec {

.il-form {
  max-width: 720px;
  margin: 40px auto;
  padding: 30px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  font-family: 'Inter', sans-serif;
  color: #222;
}

.il-form h2 {
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 25px;
  color: #111;
}

/* Section Titles */
.il-form h3 {
  font-size: 1.3rem;
  font-weight: 700;
  margin: 25px 0 15px;
  color: #111;  /* ensures visibility */
}

.il-form label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 0.95rem;
}

.il-form input,
.il-form select,
.il-form textarea {
  width: 100%;
  padding: 12px 14px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 1rem;
  transition: border-color 0.2s;
}

/* Select dropdowns with custom arrow */
.il-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 40px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23222' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 10px 6px;
}

.il-form input:focus,
.il-form select:focus,
.il-form textarea:focus {
  border-color: #0070f3;
  outline: none;
}

.il-form button {
  width: 100%;
  padding: 14px;
  font-size: 1rem;
  font-weight: 600;
  background: #0070f3;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s;
}

.il-form button:hover {
  background: #0059c9;
}
}