.flex-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.container-h {
  display: flex !important;
  position: relative !important;
}

.title-sticky {
  position: sticky !important;
  top: 48px !important;
  max-height: fit-content !important;
}

#splash-container {
  overflow-x: clip !important;
}

.canvas {
  overflow: visible !important;
}

.schedule-badge {
  max-width: fit-content !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  display: flex !important;
  margin-right: 24px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 220px !important;
  max-width: 220px !important;
}

.schedule-badge>a {
  display: none !important;
}

.schedule-item {
  display: grid !important;
  grid-template-columns: 220px auto !important;
  gap: 12px 24px !important;
  align-items: flex-start !important;
}

.col-date .cms-date-row:last-child {
  display: none !important;
}

.col-time .cms-date-row:first-child {
  display: none !important;
}

.col-location {
  min-height: 22px !important;
}

.speakers {
  display: grid !important;
  grid-template-columns: auto auto !important;
  gap: 12px !important;
}

.speaker {
  width: 100% !important;
}

* {
  box-sizing: border-box !important;
}

*:focus-visible {
  outline: none !important;
}

html {
  background-color: #D4DDFC !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
}

.FormView__container {
  background-color: #ffffff !important;
  color: #575C7B !important;
  border-radius: 10px !important;
  padding: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  position: relative !important;
  border: none !important;
  overflow: visible !important;
  height: auto !important;
  box-shadow: 0 24px 27px 0 rgba(9, 40, 66, 0.07), 0 12.012px 13.513px 0 rgba(9, 40, 66, 0.05), 0 7.235px 8.14px 0 rgba(9, 40, 66, 0.05), 0 4.637px 5.216px 0 rgba(9, 40, 66, 0.04), 0 3.005px 3.381px 0 rgba(9, 40, 66, 0.04), 0 1.892px 2.128px 0 rgba(9, 40, 66, 0.03), 0 1.087px 1.223px 0 rgba(9, 40, 66, 0.02), 0 0.478px 0.538px 0 rgba(9, 40, 66, 0.02) !important;
}

.FormView__container::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 10px !important;
  user-select: none !important;
  pointer-events: none !important;
  box-shadow: 0 0 16px 10px #fff inset !important;
}

.FormView__container form>div:first-child,
.FormView__container>.FormView__FormContentView>form>div:first-child,
.form-renderer-wrapper [data-qa="FormView__container"] form>div:first-child {
  display: grid !important;
  width: calc(100% - 16px) !important;
  grid-template-columns: 50% 50% !important;
  gap: 16px !important;
}

.FormView__container form>div:last-child,
.FormView__container>.FormView__FormContentView>form>div:last-child,
.form-renderer-wrapper [data-qa="FormView__container"] form>div:last-child {
  margin-top: -100px !important;
}

.FormView__container form>div>.FormErrorMessage,
.FormView__container>.FormView__FormContentView>form>div>.FormErrorMessage,
.form-renderer-wrapper [data-qa="FormView__container"] form>div>.FormErrorMessage {
  display: none !important;
}

.FormView__container form>div>div,
.FormView__container>.FormView__FormContentView>form>div>div,
.form-renderer-wrapper [data-qa="FormView__container"] form>div>div {
  grid-column: span 2 !important;
  margin-bottom: 16px !important;
  max-height: fit-content !important;
}

.FormView__container form>div>div:nth-child(1),
.FormView__container form>div>div:nth-child(2),
.FormView__container form>div>div:nth-child(4),
.FormView__container form>div>div:nth-child(5),
.FormView__container>.FormView__FormContentView>form>div>div:nth-child(1),
.FormView__container>.FormView__FormContentView>form>div>div:nth-child(2),
.FormView__container>.FormView__FormContentView>form>div>div:nth-child(4),
.FormView__container>.FormView__FormContentView>form>div>div:nth-child(5),
.form-renderer-wrapper [data-qa="FormView__container"] form>div>div:nth-child(1),
.form-renderer-wrapper [data-qa="FormView__container"] form>div>div:nth-child(2),
.form-renderer-wrapper [data-qa="FormView__container"] form>div>div:nth-child(4),
.form-renderer-wrapper [data-qa="FormView__container"] form>div>div:nth-child(5) {
  grid-column: span 1 !important;
  margin-bottom: 16px !important;
}

button[type="submit"] {
  grid-column: span 2 !important;
  max-height: 52px !important;
}

.FormView__container form>div>div:nth-last-child(-n+3),
.FormView__container>.FormView__FormContentView>form>div>div:nth-last-child(-n+3),
.form-renderer-wrapper [data-qa="FormView__container"] form>div>div:nth-last-child(-n+3) {
  max-height: 0px !important;
  overflow: hidden !important;
  margin: 0 !important;
}

select {
  font-size: 14px !important;
  padding: 0 !important;
  padding-top: 4px !important;
}

.SuiMenuItem__label,
.SuiDropdown-select {
  color: #363A5B !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 21px !important;
  font-family: 'SuisseIntlRegular', sans-serif !important;
}

input {
  min-height: 40px !important;
  max-height: 40px !important;
  background-color: #ffffff !important;
  color: #363A5B !important;
  font-weight: 500 !important;
  outline: 1px solid rgba(18, 22, 47, 0.08) !important;
  box-shadow: 0 1px 2px 0 rgba(18, 22, 47, 0.05) !important;
  width: 100% !important;
  letter-spacing: 0.14px !important;
  padding: 6px 12px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  line-height: 21px !important;
  margin: 0 !important;
  border: none !important;
  transition:
    color 0.15s ease,
    box-shadow 0.15s ease,
    outline 0.15s ease,
    background-color 0.15s ease !important;
}

input:hover {
  outline: 1px solid rgba(18, 22, 47, 0.15) !important;
  box-shadow: 0 1px 3px 0 rgba(18, 22, 47, 0.08) !important;
}

input:focus {
  outline: 1px solid rgba(84, 97, 200, 0.5) !important;
  box-shadow:
    0 0 0 3px rgba(84, 97, 200, 0.15),
    0 1px 2px 0 rgba(18, 22, 47, 0.05) !important;
}

input::placeholder {
  font-weight: 400 !important;
  color: #73788c !important;
}

.SuiDropdown-field {
  min-height: 40px !important;
  max-height: 40px !important;
  background-color: #ffffff !important;
  color: #12162f !important;
  font-weight: 600 !important;
  outline: 1px solid rgba(18, 22, 47, 0.08) !important;
  box-shadow: 0 1px 2px 0 rgba(18, 22, 47, 0.05) !important;
  width: 100% !important;
  padding: 6px 12px !important;
  padding-right: 36px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  line-height: 21px !important;
  border: none !important;
  cursor: pointer !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  transition:
    color 0.15s ease,
    box-shadow 0.15s ease,
    outline 0.15s ease,
    background-color 0.15s ease !important;
}

.SuiCheckbox a {
  color: #316CC6 !important;
}

.SuiDropdown-field svg {
  display: none !important;
}

.SuiDropdown-field:hover {
  outline: 1px solid rgba(18, 22, 47, 0.15) !important;
  box-shadow: 0 1px 3px 0 rgba(18, 22, 47, 0.08) !important;
}

.SuiDropdown-field:focus {
  outline: 1px solid rgba(84, 97, 200, 0.5) !important;
  box-shadow:
    0 0 0 3px rgba(84, 97, 200, 0.15),
    0 1px 2px 0 rgba(18, 22, 47, 0.05) !important;
}

textarea {
  min-height: 100px !important;
  background-color: #ffffff !important;
  color: #12162f !important;
  font-weight: 600 !important;
  outline: 1px solid rgba(18, 22, 47, 0.08) !important;
  box-shadow: 0 1px 2px 0 rgba(18, 22, 47, 0.05) !important;
  width: 100% !important;
  padding: 6px 12px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  line-height: 21px !important;
  border: none !important;
  resize: vertical !important;
  transition:
    color 0.15s ease,
    box-shadow 0.15s ease,
    outline 0.15s ease,
    background-color 0.15s ease !important;
}

textarea:hover {
  outline: 1px solid rgba(18, 22, 47, 0.15) !important;
  box-shadow: 0 1px 3px 0 rgba(18, 22, 47, 0.08) !important;
}

textarea:focus {
  outline: 1px solid rgba(84, 97, 200, 0.5) !important;
  box-shadow:
    0 0 0 3px rgba(84, 97, 200, 0.15),
    0 1px 2px 0 rgba(18, 22, 47, 0.05) !important;
}

label {
  color: #575C7B !important;
}

.SuiTextInput-field {
  background-color: transparent !important;
  overflow: visible !important;
  border: none !important;
}

.SuiCheckbox .SuiCheckbox__checkbox {
  position: relative !important;
  cursor: pointer !important;
  min-width: 20px !important;
  max-width: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  margin-top: 4px !important;
  margin-right: 2px !important;
  border-radius: 5.5px !important;
  border: none !important;
  outline: 1px solid rgba(18, 22, 47, 0.08) !important;
  background-color: #ffffff !important;
  box-shadow: 0 1px 2px 0 rgba(18, 22, 47, 0.05) !important;
  opacity: 1 !important;
}

.SuiCheckbox__checkbox svg {
  display: none !important;
}

.SuiCheckbox__checkbox::before {
  display: none !important;
}

.SuiCheckbox .SuiCheckbox__field {
  position: relative !important;
  border: none !important;
  outline: none !important;
}

.SuiCheckbox input[type="checkbox"]:checked+.SuiCheckbox__checkbox {
  background-color: #5461c8 !important;
  outline: 1px solid #5461c8 !important;
}

.SuiCheckbox input[type="checkbox"]:checked+.SuiCheckbox__checkbox::after {
  content: '' !important;
  position: absolute !important;
  left: 7.5px !important;
  top: 4px !important;
  width: 4px !important;
  height: 8px !important;
  border: solid #ffffff !important;
  background-color: transparent !important;
  border-width: 0 1.75px 1.75px 0 !important;
  transform: rotate(45deg) !important;
  z-index: 1 !important;
}

.SuiCheckbox__checkbox .SuiCheckbox__indicator:before {
  background-color: #5461c8 !important;
  border-radius: 5.5px !important;
}

.QuestionNode__checkbox-label {
  position: relative !important;
  top: -2px !important;
}

strong[style="color:#DD2C00"] {
  color: #b45309 !important;
}

@media (max-width: 1120px) {

  .hero-container {
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: stretch !important;
  }

  .hero-container>* {
    width: 100% !important;
  }


  .hero-container>*:first-child {
    display: none !important;
  }

  .hero-content {
    min-height: fit-content !important;
  }

  .hero-image {
    display: none !important;
  }

  .title-sticky {
    position: static !important;
    text-align: center !important;
    padding: 0 !important;
    margin-bottom: 40px !important;
  }

  .container-h {
    flex-direction: column !important;
    align-items: stretch;
  }

  .speakers {
    gap: 16px !important;
  }

  .speaker {
    min-width: 100% !important;
    padding: 0 !important;
  }

  .speaker-item {
    width: 100% !important;
  }

  .content {
    width: 100% !important;
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: stretch !important;
    gap: 40px !important;
  }

  .content>* {
    width: 100% !important;
  }

  .cms-form-renderer-wrapper-element {
    width: 100% !important;
  }

  .key-topic {
    display: flex !important;
  }

  .details {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    border-radius: 12px !important;
    margin-bottom: -120px !important;
  }
}

@media (max-width: 580px) {
  .schedule-badge {
    min-width: 200px !important;
    max-width: 200px !important;
  }

  .speakers {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: stretch !important;
  }

  .speaker {
    min-width: 100% !important;
    padding: 0 !important;
  }

  .speaker-item {
    padding: 24px 0 !important;
    width: 100% !important;
    padding-bottom: 52px !important;
  }

  .speaker-item .cms-image-v2-element {
    min-height: 100px !important;
    margin-top: 24px !important;
    padding: 0em 0em 25% !important;
  }

  .speaker-item .cms-block-type-content:last-child {
    margin-bottom: 24px !important;
  }
}

.segments {
  display: flex !important;
  align-items: center !important;
}

.segment {
  position: relative !important;
  overflow: hidden !important;
}

.segment * {
  visibility: hidden !important;
}

.segment::after {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: white !important;
  transform: translateY(-50%) !important;
}

.container-segments {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.hero-section {
  background: linear-gradient(180deg, #7C87C7 30.6%, #A8BEFF 71.07%, #CCDBFF 89.25%, #DAE1FC 100%) !important;
}

.hero-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.pill {
  width: fit-content !important;
  white-space: nowrap !important;
  margin: 0 !important;
  max-width: fit-content !important;
}

@media (max-width: 1400px) {
  .segments {
    flex-wrap: wrap !important;
    width: 100% !important;
    justify-content: center !important;
    gap: 12px !important;
  }

  .segment {
    display: none !important;
  }

  .segment::after {
    display: none !important;
  }
}

img[data-qa="Logo--image-component"] {
  width: 80% !important;
  margin: 0 auto !important;
  margin-top: -32px !important;
}

.FormView__FormContentView::before {
  user-select: none !important;
  pointer-events: none !important;
  content: '' !important;
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  right: 8px !important;
  bottom: 8px !important;
  background-color: #F8F9FF !important;
  z-index: 1 !important;
}

.FormView__FormContentView form {
  position: relative !important;
  z-index: 2 !important;
}

.hero-image {
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 24px 27px 0 rgba(9, 40, 66, 0.07), 0 12.012px 13.513px 0 rgba(9, 40, 66, 0.05), 0 7.235px 8.14px 0 rgba(9, 40, 66, 0.05), 0 4.637px 5.216px 0 rgba(9, 40, 66, 0.04), 0 3.005px 3.381px 0 rgba(9, 40, 66, 0.04), 0 1.892px 2.128px 0 rgba(9, 40, 66, 0.03), 0 1.087px 1.223px 0 rgba(9, 40, 66, 0.02), 0 0.478px 0.538px 0 rgba(9, 40, 66, 0.02) !important;
}

.SuiPopoverLayer__content-wrapper {
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 0 0 1px rgba(9, 11, 21, 0.08), 0 2px 0 0 rgba(9, 11, 21, 0.05), 0 2px 3px 0 rgba(9, 11, 21, 0.05), 0 3px 5px 0 rgba(9, 11, 21, 0.05) !important;
}

.SuiMenu-popover {
  border: none !important;
  border-radius: 8px !important;
}

.SuiMenuItem:hover {
  background-color: #f8f9ff !important;
  color: #363A5B !important;
}

.SuiMenuItem__check {
  color: #5461C8 !important;
}