/* Start custom CSS *//* Core Reset & Font */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

html {
  scroll-behavior: smooth !important;
}

body, [class*="e-con"] {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* 0. Breadcrumb */
[data-id="39958ab0"] {
  background-color: #ffffff !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid #f1f5f9 !important;
}
[data-id="4ce8d0a7"] {
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  display: flex !important;
  flex-direction: row !important;
}

/* 1. Hero Section */
[data-id="a540a6"] {
  background-color: #ffffff !important;
  padding: 56px 0 !important;
}
[data-id="5cb8b7c6"] {
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 48px !important;
}
[data-id="162d2124"] {
  width: 48% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 16px !important;
}
[data-id="7340bfaa"] {
  width: 52% !important;
  display: flex !important;
  flex-direction: column !important;
}
[data-id="14a9d622"] img {
  width: 100% !important;
  border-radius: 14px !important;
  object-fit: cover !important;
  box-shadow: 0 12px 32px rgba(11, 37, 69, 0.08) !important;
}

/* 2. Section 2: Benefits Bar */
[data-id="7185e58a"] {
  background-color: #f4f7f9 !important;
  padding: 36px 0 !important;
  border-top: 1px solid #e1e7ec !important;
  border-bottom: 1px solid #e1e7ec !important;
}
[data-id="321aa2e1"] {
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
}
[data-id="67a502b6"],
[data-id="37bf5150"],
[data-id="fe319c4"] {
  flex: 1 !important;
  padding: 0 24px !important;
  border-right: 1px solid #dce4ec !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 6px !important;
}
[data-id="761efa22"] {
  flex: 1 !important;
  padding: 0 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 6px !important;
}

/* 3. Section 3: 3 Cards Grid */
[data-id="6cae1022"] {
  background-color: #ffffff !important;
  padding: 64px 0 !important;
}
[data-id="132225d4"] {
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 40px !important;
}
[data-id="4e21f38e"] {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
}
[data-id="7b6aba66"] {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  gap: 28px !important;
}
[data-id="7930eb16"],
[data-id="642851d8"],
[data-id="3931eee"] {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
  border: 1px solid #eef2f6 !important;
}
[data-id="56af699b"] img,
[data-id="112b41ef"] img,
[data-id="f775f63"] img {
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
}
[data-id="2c79018a"],
[data-id="6806ddc9"],
[data-id="fec54a6"] {
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  flex-grow: 1 !important;
}

/* 4. Section 4: Collab Section */
[data-id="65a449a1"] {
  background-color: #ffffff !important;
  padding: 64px 0 !important;
}
[data-id="7693dd7e"] {
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 40px !important;
}
[data-id="670e00aa"] {
  width: 48% !important;
}
[data-id="5d4bbda"] img {
  width: 100% !important;
  border-radius: 14px !important;
  object-fit: cover !important;
}
[data-id="1017c0a4"] {
  width: 52% !important;
  background-color: #eaf4f6 !important;
  padding: 48px !important;
  border-radius: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 16px !important;
}

/* 5. Section 5: Banner Hero CTA */
[data-id="7947a638"] {
  background-color: #ffffff !important;
  padding: 64px 0 !important;
}
[data-id="1f0e23fc"] {
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  display: flex !important;
  flex-direction: row !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 36px rgba(11, 37, 69, 0.12) !important;
}
[data-id="2a3721c1"] {
  width: 45% !important;
  background-color: #0b213d !important;
  padding: 48px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 16px !important;
}
[data-id="92cfd7a"] {
  width: 55% !important;
  display: flex !important;
  flex-direction: column !important;
}
[data-id="5edb3246"] img {
  width: 100% !important;
  height: 100% !important;
  min-height: 420px !important;
  object-fit: cover !important;
}

/* 6. Form Container Hidden by Default - Only appears on click */
[data-id="1a9e6108"] {
  display: none !important;
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.4s ease;
}

[data-id="1a9e6108"]:target,
[data-id="1a9e6108"].is-open,
:target [data-id="1a9e6108"],
body:has(:target) [data-id="1a9e6108"] {
  display: block !important;
  opacity: 1 !important;
  max-width: 1140px !important;
  margin: 40px auto 0 auto !important;
  padding: 40px !important;
  background-color: #f8fafc !important;
  border-radius: 16px !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 12px 32px rgba(11, 37, 69, 0.08) !important;
  animation: slideDownForm 0.4s ease forwards !important;
}

@keyframes slideDownForm {
  from {
    opacity: 0;
    transform: translateY(-15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.elementor-form-fields-wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}
.elementor-field-group input,
.elementor-field-group textarea {
  width: 100% !important;
  padding: 12px 16px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  background: #ffffff !important;
}
.elementor-field-group button[type="submit"] {
  background-color: #0b213d !important;
  color: #ffffff !important;
  padding: 14px 28px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  border: none !important;
  cursor: pointer !important;
  width: auto !important;
}

/* Responsive Rules */
@media (max-width: 991px) {
  [data-id="5cb8b7c6"],
  [data-id="321aa2e1"],
  [data-id="7b6aba66"],
  [data-id="7693dd7e"],
  [data-id="1f0e23fc"] {
    flex-direction: column !important;
  }
  [data-id="162d2124"],
  [data-id="7340bfaa"],
  [data-id="670e00aa"],
  [data-id="1017c0a4"],
  [data-id="2a3721c1"],
  [data-id="92cfd7a"],
  [data-id="7930eb16"],
  [data-id="642851d8"],
  [data-id="3931eee"] {
    width: 100% !important;
  }
  [data-id="67a502b6"],
  [data-id="37bf5150"],
  [data-id="fe319c4"] {
    border-right: none !important;
    border-bottom: 1px solid #dce4ec !important;
    padding-bottom: 20px !important;
  }
}/* End custom CSS */