.banner-earthrise-event {
  position: relative;
  isolation: isolate;
  min-height: 720px;
  overflow: hidden;
  margin-top: 0;
  color: #fff;
  background: #61c6d6;
}

.banner-earthrise-event .bg-image,
.banner-earthrise-event .bg-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.banner-earthrise-event .bg-image {
  z-index: 1;
}

.banner-earthrise-event .bg-image img {
  object-fit: cover;
}

.banner-earthrise-event:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: rgba(3, 116, 150, 0.4);
}

.banner-earthrise-event:after {
  content: none;
  display: none;
  background: none;
}

.banner-earthrise-event .container {
  position: relative;
  z-index: 3;
  width: min(1240px, calc(100% - (var(--earthrise-gutter, 84px) * 2)));
  max-width: none;
  margin: 0 auto;
  padding: 64px 0;
}

.banner-layout {
  display: flex;
  gap: 70px;
  align-items: flex-start;
  justify-content: space-between;
}

.banner-left {
  flex: 0 0 42%;
}

.banner-left .logo {
  display: none;
}

.banner-left .text {
  max-width: 620px;
  padding-top: 0;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.28);
}

.hero-title,
.form-eyebrow {
  margin: 0 0 16px;
}

.hero-title {
  color: #fff;
  font-size: clamp(56px, 7vw, 92px);
  font-weight: 800;
  line-height: 0.95;
  text-wrap: balance;
}

.form-eyebrow {
  color: #000;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.banner-earthrise-event .content h1,
.banner-earthrise-event .content h1 strong,
.banner-earthrise-event .content h2,
.banner-earthrise-event .content h2 strong,
.banner-earthrise-event .content h3,
.banner-earthrise-event .content h3 strong {
  max-width: 620px;
  margin: 0 0 20px;
  color: #fff;
  font-size: clamp(28px, 3.8vw, 48px);
  font-weight: 700;
  line-height: 1.08;
  text-wrap: balance;
}

.banner-earthrise-event .content p {
  max-width: 560px;
  margin: 0 0 25px;
  color: #fff;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.65;
}

.event-card {
  max-width: 460px;
  margin: 36px 0 0;
  padding: 28px 30px;
  color: #000;
  background: #fff;
  border: 1px solid rgba(39, 49, 74, 0.18);
  border-radius: 18px;
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.2);
}

.event-card-label,
.event-detail-list p,
.event-card p,
.event-detail-list strong,
.event-card strong {
  color: #000;
}

.event-card-label {
  margin: 0 0 22px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.event-detail-list {
  display: grid;
  gap: 18px;
}

.event-detail {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.event-icon {
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  color: #5b0028;
  background: rgba(91, 0, 40, 0.08);
  border-radius: 999px;
}

.event-icon svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.event-detail-list p,
.event-card p {
  margin: 0;
  font-size: 16px;
  line-height: 1.35;
}

.event-detail p > span:first-child {
  display: block;
  margin-bottom: 2px;
  color: #000;
  font-weight: 800;
}

.event-detail p strong:not(.event-schedule) {
  display: block;
  white-space: pre-line;
  overflow-wrap: anywhere;
}

.event-schedule {
  display: block;
  font-weight: 500;
  white-space: normal;
  overflow-wrap: anywhere;
}

.event-detail p .event-schedule__item {
  display: block;
  color: #000;
  font-weight: 500 !important;
  white-space: normal;
}

.banner-right {
  flex: 0 0 52%;
  padding: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

.form-card {
  padding: 38px 44px 42px;
  background: #fff;
  border: 1px solid rgba(74, 174, 80, 0.34);
  border-radius: 24px;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.24);
}

.form-heading {
  margin-bottom: 12px;
}

.banner-right form,
.banner-right .hbspt-form,
.banner-right [data-hsfc-id="Renderer"] {
  width: 100%;
}

.form-card form,
.form-card .hbspt-form,
.form-card [data-hsfc-id="Renderer"],
.form-card .hsfc-Step,
.form-card .hsfc-Step__Content {
  padding: 0 !important;
  margin: 0 !important;
}

.form-card .hsfc-Step {
  display: block !important;
}

.form-card .hsfc-Step__Banner {
  display: none !important;
}

.banner-right form fieldset {
  max-width: none !important;
}

.form-card .hsfc-Step__Content > .hsfc-Row:nth-child(1),
.form-card .hsfc-Step__Content > .hsfc-Row:nth-child(2) {
  display: grid !important;
}

.form-card .hsfc-Step__Content > .hsfc-Row:nth-child(1) {
  margin-bottom: 10px !important;
}

.form-card .hsfc-Step__Content > .hsfc-Row:nth-child(2) {
  margin-bottom: 30px !important;
}

.form-card .hsfc-Step__Content > .hsfc-Row:nth-child(1) .hsfc-Heading,
.form-card .hsfc-Step__Content > .hsfc-Row:nth-child(1) [data-hsfc-id="Heading"],
.form-card .hsfc-Step__Content > .hsfc-Row:nth-child(1) .earthrise-demoted-heading {
  margin: 0 !important;
  color: #27314a !important;
  font-size: clamp(30px, 3vw, 44px) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  text-align: left !important;
  text-wrap: balance;
}

.form-card .hsfc-Step__Content > .hsfc-Row:nth-child(2) .hsfc-RichText,
.form-card .hsfc-Step__Content > .hsfc-Row:nth-child(2) [data-hsfc-id="RichText"] {
  max-width: 460px !important;
  margin: 0 !important;
  color: #27314a !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

.form-card .hsfc-Step__Content > .hsfc-Row:nth-child(2) p {
  margin: 0 !important;
}

.form-card .hsfc-Step__Content > .hsfc-Row:nth-child(3) {
  display: none !important;
}

.form-card h3.form-title:empty {
  display: none !important;
}

.banner-right .hs-form-field,
.banner-right .hsfc-Field,
.banner-right .hsfc-TextField,
.banner-right .hsfc-EmailField,
.banner-right .hsfc-PhoneNumberField,
.banner-right .hsfc-DropdownField,
.banner-right .hsfc-TextareaField,
.banner-right .hsfc-CheckboxField {
  margin-bottom: 20px !important;
  text-align: left !important;
}

.banner-right .hs-form-field label,
.banner-right .hsfc-FieldLabel {
  display: block !important;
  margin-bottom: 9px !important;
  color: #245f75 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

.banner-right .hs-form-required,
.banner-right .hsfc-RequiredIndicator {
  color: #5b0028 !important;
}

.banner-right .input {
  margin-right: 0 !important;
}

.banner-right input:not([type="checkbox"]):not([type="radio"]),
.banner-right select,
.banner-right textarea,
.banner-right .hs-input,
.banner-right .hsfc-TextInput,
.banner-right .hsfc-TextareaInput,
.banner-right .hsfc-DropdownInput {
  width: 100% !important;
  color: #27314a !important;
  font: inherit !important;
  background: rgba(97, 198, 214, 0.08) !important;
  border: 1px solid rgba(36, 95, 117, 0.26) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

.banner-right input:not([type="checkbox"]):not([type="radio"]),
.banner-right select,
.banner-right .hs-input,
.banner-right .hsfc-TextInput,
.banner-right .hsfc-DropdownInput {
  min-height: 54px !important;
  padding: 0 16px !important;
}

.banner-right textarea,
.banner-right .hsfc-TextareaInput {
  min-height: 130px !important;
  padding: 16px !important;
  resize: vertical;
}

.banner-right .hsfc-TextareaField,
.banner-right [data-hsfc-id="TextareaField"] {
  margin-bottom: 18px !important;
}

.banner-right .hsfc-DropdownField,
.banner-right [data-hsfc-id="DropdownField"] {
  position: relative;
  z-index: 4;
}

.banner-right .hsfc-DropdownInput {
  position: relative !important;
  overflow: visible !important;
}

.banner-right .hsfc-DropdownInput input.hsfc-TextInput,
.banner-right .hsfc-DropdownInput input.hsfc-TextInput--button {
  display: block !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 14px !important;
  color: #27314a !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.banner-right .hsfc-DropdownOptions {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 40 !important;
  display: none !important;
  max-height: 240px !important;
  overflow-y: auto !important;
  padding: 6px !important;
  background: #fff !important;
  border: 1px solid rgba(36, 95, 117, 0.24) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 38px rgba(39, 49, 74, 0.18) !important;
}

.banner-right .hsfc-DropdownInput:focus-within .hsfc-DropdownOptions,
.banner-right .hsfc-DropdownInput[aria-expanded="true"] .hsfc-DropdownOptions,
.banner-right .hsfc-DropdownOptions[aria-hidden="false"] {
  display: block !important;
}

.banner-right .hsfc-DropdownOptions__List {
  margin: 0 !important;
  padding: 0 !important;
}

.banner-right .hsfc-DropdownOptions__Option,
.banner-right .hsfc-DropdownOption,
.banner-right [data-hsfc-id="DropdownOption"],
.banner-right .hsfc-DropdownOptions li {
  padding: 10px 12px !important;
  color: #27314a !important;
  border-radius: 8px !important;
}

.banner-right .hsfc-DropdownOptions__Option:hover,
.banner-right .hsfc-DropdownOption:hover,
.banner-right [data-hsfc-id="DropdownOption"]:hover,
.banner-right .hsfc-DropdownOptions li:hover {
  background: rgba(74, 174, 80, 0.12) !important;
}

.banner-right .hsfc-PhoneInput {
  display: flex !important;
  width: 100% !important;
  min-height: 54px !important;
  overflow: hidden !important;
  background: rgba(97, 198, 214, 0.08) !important;
  border: 1px solid rgba(36, 95, 117, 0.26) !important;
  border-radius: 12px !important;
}

.banner-right .hsfc-PhoneInput .hsfc-PhoneInput__FlagAndCaret {
  display: inline-flex !important;
  flex: 0 0 52px !important;
  width: 52px !important;
  min-height: 54px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid rgba(36, 95, 117, 0.26) !important;
  border-radius: 0 !important;
}

.banner-right .hsfc-PhoneInput input,
.banner-right .hsfc-PhoneInput input.hsfc-TextInput,
.banner-right .hsfc-PhoneInput input[type="tel"] {
  flex: 1 1 auto !important;
  width: 1% !important;
  max-width: none !important;
  min-height: 54px !important;
  padding: 0 16px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.banner-right .hsfc-CheckboxField label,
.banner-right [data-hsfc-id="CheckboxField"] label {
  display: flex !important;
  gap: 10px !important;
  align-items: flex-start !important;
  margin-bottom: 0 !important;
}

.banner-right input[type="checkbox"] {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  margin: 2px 0 0 !important;
  appearance: none !important;
  background: #fff !important;
  border: 1.5px solid rgba(36, 95, 117, 0.48) !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  position: relative !important;
}

.banner-right input[type="checkbox"]:checked {
  background: #4aae50 !important;
  background-color: #4aae50 !important;
  border-color: #4aae50 !important;
}

.banner-right input.earthrise-restored-checkbox[type="checkbox"]:checked {
  background: #4aae50 !important;
  background-color: #4aae50 !important;
  border-color: #4aae50 !important;
}

.banner-right input[type="checkbox"]:checked:after {
  content: "" !important;
  position: absolute !important;
  left: 5px !important;
  top: 2px !important;
  width: 5px !important;
  height: 9px !important;
  border: solid #fff !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
}

.banner-right input.earthrise-restored-checkbox[type="checkbox"]:checked:after {
  content: "" !important;
  position: absolute !important;
  left: 5px !important;
  top: 2px !important;
  width: 5px !important;
  height: 9px !important;
  border: solid #fff !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
}

.banner-right .hsfc-CheckboxField span,
.banner-right [data-hsfc-id="CheckboxField"] span {
  line-height: 1.35 !important;
}

@supports selector(.hsfc-Field:has(textarea)) {
  .banner-right .hsfc-Field:has(textarea),
  .banner-right .hsfc-Field:has(.hsfc-TextareaInput) {
    margin-bottom: 18px !important;
  }

  .banner-right .hsfc-Field:has(.hsfc-DropdownInput) {
    position: relative;
    z-index: 4;
  }

  .banner-right .hsfc-Field:has(input[type="checkbox"]) label {
    display: flex !important;
    gap: 10px !important;
    align-items: flex-start !important;
    margin-bottom: 0 !important;
  }

  .banner-right .hsfc-Field:has(input[type="checkbox"]) span {
    line-height: 1.35 !important;
  }
}

.banner-right .hs_submit,
.banner-right .hs-submit,
.banner-right .hsfc-SubmitButtonWrapper {
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 28px !important;
}

.banner-right .hs-button,
.banner-right input[type="submit"],
.banner-right button[type="submit"],
.banner-earthrise-event .cta,
.resources-checklist .cta,
.resources-checklist-cta .cta {
  display: inline-flex !important;
  width: min(100%, 220px) !important;
  min-height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 26px !important;
  color: #232b38 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  background: #fec411 !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 26px rgba(35, 43, 56, 0.18) !important;
  cursor: pointer;
  transition: box-shadow 160ms ease, transform 160ms ease;
}

.banner-right .hs-button:hover,
.banner-right input[type="submit"]:hover,
.banner-right button[type="submit"]:hover,
.banner-earthrise-event .cta:hover,
.resources-checklist .cta:hover,
.resources-checklist-cta .cta:hover {
  color: #232b38 !important;
  background: #fec411 !important;
  box-shadow: 0 15px 32px rgba(35, 43, 56, 0.24) !important;
  transform: translateY(-1px);
}

.banner-right .hs-button:focus-visible,
.banner-right input[type="submit"]:focus-visible,
.banner-right button[type="submit"]:focus-visible,
.banner-earthrise-event .cta:focus-visible,
.resources-checklist .cta:focus-visible,
.resources-checklist-cta .cta:focus-visible {
  color: #232b38 !important;
  background: #fec411 !important;
  outline: 3px solid #364156 !important;
  outline-offset: 3px !important;
}

@media(max-width: 991px) {
  .banner-earthrise-event .container {
    padding: 64px 0;
  }

  .banner-layout {
    flex-direction: column;
    gap: 32px;
  }

  .banner-left,
  .banner-right {
    width: 100%;
    flex: 0 0 100%;
  }

  .event-card {
    max-width: 100%;
  }
}

@media(max-width: 767px) {
  .banner-earthrise-event .container {
    padding: 64px 0;
  }

  .form-card {
    padding: 26px;
    border-radius: 18px;
  }
}

@media(max-width: 430px) {
  .banner-right .hsfc-Row {
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .banner-right .hsfc-Row > * {
    width: 100% !important;
    min-width: 0 !important;
  }

  .banner-right .hs-button,
  .banner-right input[type="submit"],
  .banner-right button[type="submit"] {
    width: 100% !important;
  }
}