.conf-home-deadline-strip {
  padding: clamp(1.2rem, 2vw, 2rem) 0 clamp(2.4rem, 4vw, 3.4rem) !important;
  background:
    linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%) !important;
}

.conf-home-deadline-strip .container {
  max-width: 100% !important;
}

.conf-home-deadline-shell {
  max-width: min(1820px, calc(100vw - clamp(1.8rem, 6vw, 8rem))) !important;
  margin: 0 auto !important;
  padding: clamp(2rem, 3.6vw, 4rem) clamp(1.5rem, 3vw, 3rem) !important;
  border: 0 !important;
  border-radius: 32px !important;
  overflow: hidden !important;
  background:
    linear-gradient(90deg, rgba(5, 19, 54, .96) 0%, rgba(5, 30, 83, .88) 38%, rgba(5, 25, 70, .48) 64%, rgba(5, 20, 58, .95) 100%),
    var(--designer-background-image, linear-gradient(135deg, #082c6f, #083a92)) !important;
  background-size: cover !important;
  background-position: center !important;
  box-shadow: 0 26px 60px rgba(4, 20, 52, .26) !important;
}

.conf-home-deadline-shell::before {
  background:
    radial-gradient(circle at 24% 64%, rgba(0, 117, 255, .24), transparent 31%),
    radial-gradient(circle at 70% 16%, rgba(255, 158, 42, .2), transparent 28%),
    linear-gradient(90deg, rgba(3, 19, 55, .72), transparent 55%, rgba(3, 19, 55, .45)) !important;
}

.conf-home-deadline-shell::after {
  inset: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
  background:
    linear-gradient(100deg, rgba(255, 168, 42, .95) 0 3px, transparent 3px 100%),
    linear-gradient(135deg, transparent 0 63%, rgba(255, 168, 42, .9) 63.2% 63.6%, transparent 63.8%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

.conf-home-deadline-heading {
  max-width: 580px !important;
  margin: 0 0 clamp(1.4rem, 2.6vw, 2.4rem) !important;
  text-align: left !important;
  justify-items: start !important;
}

.conf-home-deadline-heading .conf-eyebrow {
  color: #ffb43c !important;
  font-size: clamp(1.2rem, 2.2vw, 2rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.conf-home-deadline-heading h3 {
  color: #ffffff !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: clamp(2.4rem, 4.6vw, 4.8rem) !important;
  font-weight: 900 !important;
  line-height: .98 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 14px 30px rgba(0, 0, 0, .26) !important;
}

.conf-home-deadline-heading p {
  display: none !important;
}

.conf-home-deadline-grid {
  display: grid !important;
  grid-template-columns: minmax(430px, .92fr) minmax(430px, .9fr) minmax(300px, .54fr) !important;
  gap: clamp(1.3rem, 2vw, 2.4rem) !important;
  align-items: center !important;
}

.conf-home-deadline-rail {
  order: 1 !important;
  position: relative !important;
  display: grid !important;
  gap: clamp(.9rem, 1.25vw, 1.15rem) !important;
  padding-left: 1.7rem !important;
}

.conf-home-deadline-rail::before {
  content: "" !important;
  position: absolute !important;
  left: .58rem !important;
  top: 1.35rem !important;
  bottom: 1.35rem !important;
  border-left: 2px dashed rgba(255, 255, 255, .72) !important;
}

.conf-home-deadline-note {
  grid-template-columns: 76px 56px minmax(0, 1fr) 34px !important;
  gap: 1rem !important;
  align-items: center !important;
  min-height: 104px !important;
  padding: .85rem 1.05rem !important;
  border: 1px solid rgba(229, 241, 255, .86) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 18px 34px rgba(2, 14, 40, .24) !important;
  backdrop-filter: none !important;
  transform: none !important;
}

.conf-home-deadline-note::before {
  content: "" !important;
  position: absolute !important;
  left: -1.72rem !important;
  width: 18px !important;
  height: 18px !important;
  border: 5px solid #ffffff !important;
  border-radius: 50% !important;
  background: #0b64d8 !important;
  box-shadow: 0 0 0 4px rgba(8, 68, 164, .38) !important;
}

.conf-home-deadline-note-badge {
  width: 62px !important;
  height: 62px !important;
  border-radius: 14px !important;
  border: 0 !important;
  background: linear-gradient(135deg, #0c73ff, #054fc5) !important;
  color: #ffffff !important;
  font-size: 1.55rem !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 10px 20px rgba(0, 82, 190, .24) !important;
}

.conf-home-deadline-note-copy {
  gap: .16rem !important;
}

.conf-home-deadline-note span {
  color: #061f62 !important;
  font-size: clamp(.98rem, 1.2vw, 1.24rem) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.22 !important;
  text-transform: none !important;
}

.conf-home-deadline-note strong {
  color: #075dcc !important;
  font-size: clamp(1.1rem, 1.35vw, 1.42rem) !important;
  font-weight: 900 !important;
  line-height: 1.16 !important;
}

.conf-home-deadline-note-copy::before {
  content: "New Deadline:" !important;
  color: #10235e !important;
  font-size: clamp(.92rem, 1vw, 1.08rem) !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
}

.conf-home-deadline-note::after {
  content: "" !important;
  width: 28px !important;
  height: 28px !important;
  justify-self: end !important;
  background:
    linear-gradient(#0b70e8, #0b70e8) 7px 10px / 14px 2px no-repeat,
    linear-gradient(#0b70e8, #0b70e8) 7px 16px / 14px 2px no-repeat,
    linear-gradient(#0b70e8, #0b70e8) 10px 7px / 2px 14px no-repeat;
  border: 3px solid #0b70e8 !important;
  border-top-width: 5px !important;
  border-radius: 4px !important;
  opacity: .9 !important;
}

.conf-home-deadline-poster {
  order: 2 !important;
  min-height: clamp(360px, 34vw, 560px) !important;
  border: 0 !important;
  border-radius: 30px !important;
  background: transparent !important;
  box-shadow: 0 26px 55px rgba(0, 0, 0, .34) !important;
}

.conf-home-deadline-poster-media {
  min-height: inherit !important;
  padding: 1.25rem !important;
  border-radius: inherit !important;
  box-shadow: inset 0 -140px 110px rgba(0, 23, 65, .68) !important;
}

.conf-home-deadline-poster-kicker,
.conf-home-deadline-poster h4,
.conf-home-deadline-poster p {
  display: none !important;
}

.conf-home-deadline-poster strong {
  color: #ffffff !important;
  font-size: clamp(1.9rem, 3vw, 3.3rem) !important;
  font-weight: 900 !important;
}

.conf-home-deadline-center {
  order: 3 !important;
  position: relative !important;
  min-height: clamp(360px, 32vw, 520px) !important;
  padding: clamp(1.5rem, 2.3vw, 2.4rem) !important;
  border: 3px solid rgba(255, 255, 255, .9) !important;
  border-radius: 30px !important;
  background: linear-gradient(180deg, #0f78ff 0%, #072a82 100%) !important;
  box-shadow: 0 26px 55px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .24) !important;
  align-content: center !important;
  justify-items: center !important;
  text-align: center !important;
  gap: 1rem !important;
}

.conf-home-deadline-center::before {
  content: "" !important;
  width: clamp(100px, 9vw, 150px) !important;
  height: clamp(100px, 9vw, 150px) !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  box-shadow: 0 14px 26px rgba(0, 0, 0, .2) !important;
}

.conf-home-deadline-clock {
  position: absolute !important;
  top: clamp(2.4rem, 5vw, 4rem) !important;
  left: 50% !important;
  width: clamp(72px, 6vw, 104px) !important;
  height: clamp(72px, 6vw, 104px) !important;
  transform: translateX(-50%) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    linear-gradient(#07389d, #07389d) 21% 31% / 58% 7% no-repeat,
    linear-gradient(#07389d, #07389d) 27% 48% / 46% 7% no-repeat,
    linear-gradient(#07389d, #07389d) 27% 64% / 46% 7% no-repeat,
    #ffffff !important;
  box-shadow: none !important;
}

.conf-home-deadline-clock svg {
  display: none !important;
}

.conf-home-deadline-center-kicker {
  margin-top: clamp(6.8rem, 9vw, 9rem) !important;
  padding: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  font-size: clamp(1rem, 1.5vw, 1.7rem) !important;
  letter-spacing: 0 !important;
}

.conf-home-deadline-chip {
  margin-top: .2rem !important;
  padding: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  font-size: clamp(2.8rem, 5.4vw, 6rem) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: .92 !important;
}

.conf-home-deadline-center p {
  color: #ff9d22 !important;
  font-size: clamp(1.55rem, 2.7vw, 3rem) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.conf-home-deadline-actions {
  width: 100% !important;
  justify-content: center !important;
  margin-top: .6rem !important;
}

.conf-home-deadline-btn {
  min-width: min(100%, 250px) !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ffad2d, #ff8717) !important;
  color: #ffffff !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  box-shadow: 0 16px 28px rgba(255, 137, 23, .32) !important;
}

.conf-home-deadline-btn-secondary {
  background: rgba(255, 255, 255, .13) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .32) !important;
}

@media (max-width: 1280px) {
  .conf-home-deadline-grid {
    grid-template-columns: minmax(360px, 1fr) minmax(360px, .9fr) !important;
  }

  .conf-home-deadline-center {
    grid-column: 1 / -1 !important;
    min-height: 360px !important;
  }
}

@media (max-width: 860px) {
  .conf-home-deadline-shell {
    max-width: calc(100vw - 1.5rem) !important;
    padding: 1.3rem !important;
    border-radius: 24px !important;
  }

  .conf-home-deadline-grid {
    grid-template-columns: 1fr !important;
  }

  .conf-home-deadline-heading {
    text-align: center !important;
    justify-items: center !important;
    margin-inline: auto !important;
  }

  .conf-home-deadline-rail {
    padding-left: 1.15rem !important;
  }

  .conf-home-deadline-note {
    grid-template-columns: 58px minmax(0, 1fr) 28px !important;
    min-height: 92px !important;
  }

  .conf-home-deadline-note-badge {
    width: 52px !important;
    height: 52px !important;
    font-size: 1.2rem !important;
  }

  .conf-home-deadline-note::after {
    width: 24px !important;
    height: 24px !important;
  }

  .conf-home-deadline-poster,
  .conf-home-deadline-center {
    min-height: 320px !important;
  }
}

@media (max-width: 520px) {
  .conf-home-deadline-shell {
    padding: 1rem !important;
    border-radius: 20px !important;
  }

  .conf-home-deadline-note {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: .7rem !important;
  }

  .conf-home-deadline-note::after {
    display: none !important;
  }

  .conf-home-deadline-note-badge {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    font-size: 1rem !important;
  }

  .conf-home-deadline-note span {
    font-size: .9rem !important;
  }

  .conf-home-deadline-note strong {
    font-size: 1rem !important;
  }
}

.conf-home-timeline-banner-strip {
  padding: clamp(1rem, 2vw, 1.7rem) 0 clamp(2.8rem, 4.8vw, 4rem) !important;
  background: linear-gradient(180deg, #f9fbff 0%, #eef5ff 100%) !important;
}

.conf-home-timeline-banner-strip .container {
  max-width: 100% !important;
}

.conf-home-timeline-banner {
  position: relative !important;
  max-width: min(1820px, calc(100vw - clamp(1.8rem, 6vw, 8rem))) !important;
  margin: 0 auto !important;
  min-height: clamp(560px, 40vw, 700px) !important;
  padding: clamp(1.6rem, 3vw, 3rem) clamp(1.5rem, 3vw, 3rem) !important;
  border-radius: 32px !important;
  overflow: hidden !important;
  background: linear-gradient(112deg, #052469 0%, #06378e 34%, #0b56b8 58%, #092c74 100%) !important;
  box-shadow: 0 28px 64px rgba(4, 20, 52, .28) !important;
  isolation: isolate !important;
}

.conf-home-timeline-banner::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  background:
    linear-gradient(90deg, rgba(3, 17, 52, .98) 0%, rgba(3, 24, 72, .92) 34%, rgba(5, 32, 89, .34) 60%, rgba(4, 19, 56, .86) 100%),
    var(--designer-background-image, linear-gradient(135deg, #052469, #0b56b8)) !important;
  background-size: cover !important;
  background-position: center !important;
}

.conf-home-timeline-banner::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background:
    radial-gradient(circle at 19% 65%, rgba(28, 126, 255, .28), transparent 32%),
    radial-gradient(circle at 76% 16%, rgba(255, 146, 37, .26), transparent 28%),
    linear-gradient(118deg, transparent 0 63%, rgba(255, 161, 34, .95) 63.2% 63.6%, transparent 63.8%) !important;
}

.conf-home-timeline-banner-head {
  position: relative !important;
  z-index: 4 !important;
  max-width: 620px !important;
  margin: 0 0 clamp(1rem, 1.8vw, 1.6rem) !important;
  text-align: left !important;
}

.conf-home-timeline-banner-head .conf-eyebrow {
  display: block !important;
  width: fit-content !important;
  margin: 0 0 .4rem !important;
  padding-left: 1.1rem !important;
  border-left: 4px solid #ffa62b !important;
  color: #ffb23d !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: clamp(1.2rem, 2.1vw, 2rem) !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.conf-home-timeline-banner-head h3 {
  color: #ffffff !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: clamp(2.2rem, 4.2vw, 4.35rem) !important;
  font-weight: 900 !important;
  line-height: .95 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 14px 30px rgba(0, 0, 0, .3) !important;
  text-transform: uppercase !important;
}

.conf-home-timeline-banner-head p {
  display: none !important;
}

.conf-home-timeline-banner-stage {
  position: static !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

.conf-home-timeline-banner-stage::before,
.conf-home-timeline-banner-stage::after {
  display: none !important;
}

.conf-home-timeline-overlay {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: min(45%, 680px) !important;
  transform: none !important;
  z-index: 5 !important;
  gap: clamp(.85rem, 1.2vw, 1.1rem) !important;
  padding-left: 1.8rem !important;
}

.conf-home-timeline-overlay::before {
  content: "" !important;
  position: absolute !important;
  left: .55rem !important;
  top: 1.25rem !important;
  bottom: 3.8rem !important;
  border-left: 2px dashed rgba(255, 255, 255, .78) !important;
}

.conf-home-timeline-milestones {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: clamp(.7rem, 1vw, .9rem) !important;
}

.conf-home-timeline-milestone {
  position: relative !important;
  min-height: clamp(82px, 5.8vw, 98px) !important;
  display: grid !important;
  grid-template-columns: 66px 42px minmax(0, 1fr) 30px !important;
  align-items: center !important;
  gap: .8rem !important;
  padding: .7rem .85rem !important;
  border: 1px solid rgba(232, 242, 255, .88) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .97) !important;
  box-shadow: 0 18px 34px rgba(2, 14, 40, .25) !important;
  overflow: visible !important;
}

.conf-home-timeline-milestone::before {
  content: "" !important;
  position: absolute !important;
  left: -1.78rem !important;
  top: 50% !important;
  width: 18px !important;
  height: 18px !important;
  border: 5px solid #ffffff !important;
  border-radius: 50% !important;
  background: #0a66dd !important;
  transform: translateY(-50%) !important;
  box-shadow: 0 0 0 4px rgba(8, 68, 164, .42) !important;
}

.conf-home-timeline-milestone::after {
  content: "" !important;
  width: 24px !important;
  height: 24px !important;
  justify-self: end !important;
  background:
    linear-gradient(#0b70e8, #0b70e8) 7px 10px / 14px 2px no-repeat,
    linear-gradient(#0b70e8, #0b70e8) 7px 16px / 14px 2px no-repeat,
    linear-gradient(#0b70e8, #0b70e8) 10px 7px / 2px 14px no-repeat;
  border: 3px solid #0b70e8 !important;
  border-top-width: 5px !important;
  border-radius: 4px !important;
}

.conf-home-timeline-milestone-head {
  display: contents !important;
}

.conf-home-timeline-milestone-index {
  width: 54px !important;
  min-width: 54px !important;
  height: 54px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #0c73ff, #054fc5) !important;
  color: #ffffff !important;
  font-size: 1.34rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 10px 20px rgba(0, 82, 190, .24) !important;
}

.conf-home-timeline-milestone-label {
  grid-column: 3 !important;
  color: #061f62 !important;
  font-size: clamp(.96rem, 1.08vw, 1.18rem) !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  display: block !important;
  overflow: visible !important;
}

.conf-home-timeline-milestone-date {
  grid-column: 3 !important;
  margin: -1.35rem 0 0 !important;
  color: #075dcc !important;
  font-size: clamp(1rem, 1.18vw, 1.26rem) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

.conf-home-timeline-milestone-date::before {
  content: "New Deadline:" !important;
  display: block !important;
  margin-bottom: .16rem !important;
  color: #10235e !important;
  font-size: clamp(.9rem, 1vw, 1.08rem) !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
}

.conf-home-timeline-actions {
  position: relative !important;
  z-index: 2 !important;
  justify-content: flex-start !important;
}

.conf-home-timeline-secondary-btn {
  min-width: 260px !important;
  min-height: 54px !important;
  padding: .75rem 1.15rem !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, #0c7cff, #064fd1) !important;
  color: #ffffff !important;
  font-size: 1.1rem !important;
  font-weight: 900 !important;
  box-shadow: 0 18px 34px rgba(4, 53, 160, .35) !important;
}

.conf-home-timeline-stage-photo {
  position: absolute !important;
  left: min(52%, 860px) !important;
  right: auto !important;
  top: clamp(11.8rem, 16vw, 17.4rem) !important;
  bottom: clamp(1.6rem, 2.4vw, 2.6rem) !important;
  z-index: 2 !important;
  width: clamp(390px, 31vw, 580px) !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 28px !important;
  box-shadow: 0 26px 55px rgba(0, 0, 0, .36) !important;
}

.conf-home-timeline-stage-photo img {
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(1.12) contrast(1.05) brightness(1.03) !important;
}

.conf-home-timeline-date-badge {
  position: absolute !important;
  right: clamp(2rem, 4vw, 4.2rem) !important;
  top: clamp(11.8rem, 16vw, 17.4rem) !important;
  width: clamp(260px, 18vw, 360px) !important;
  height: clamp(340px, 28vw, 500px) !important;
  aspect-ratio: auto !important;
  transform: none !important;
  z-index: 4 !important;
  padding: clamp(1.4rem, 2.5vw, 2.6rem) !important;
  border: 3px solid rgba(255, 255, 255, .92) !important;
  border-radius: 30px !important;
  background: linear-gradient(180deg, #0f78ff 0%, #072a82 100%) !important;
  box-shadow: 0 26px 55px rgba(0, 0, 0, .36), inset 0 1px 0 rgba(255, 255, 255, .24) !important;
  color: #ffffff !important;
  align-content: center !important;
}

.conf-home-timeline-date-badge::before {
  content: "" !important;
  position: static !important;
  width: clamp(94px, 8vw, 140px) !important;
  height: clamp(94px, 8vw, 140px) !important;
  margin-bottom: clamp(1.7rem, 2.5vw, 2.7rem) !important;
  border: 0 !important;
  border-radius: 50% !important;
  background:
    linear-gradient(#07389d, #07389d) 21% 31% / 58% 7% no-repeat,
    linear-gradient(#07389d, #07389d) 27% 48% / 46% 7% no-repeat,
    linear-gradient(#07389d, #07389d) 27% 64% / 46% 7% no-repeat,
    #ffffff !important;
  box-shadow: 0 14px 26px rgba(0, 0, 0, .2) !important;
}

.conf-home-timeline-date-badge strong {
  color: #ffffff !important;
  font-size: clamp(3.5rem, 5.9vw, 7rem) !important;
  line-height: .85 !important;
  letter-spacing: 0 !important;
}

.conf-home-timeline-date-badge span {
  color: #ff9d22 !important;
  font-size: clamp(1.25rem, 2.2vw, 2.5rem) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.conf-home-timeline-date-badge span::before {
  content: "CONFERENCE DATES" !important;
  display: block !important;
  margin: 0 0 clamp(1.3rem, 2vw, 2rem) !important;
  color: #ffffff !important;
  font-size: clamp(1rem, 1.55vw, 1.65rem) !important;
  font-weight: 900 !important;
}

.conf-home-timeline-date-btn {
  min-height: 50px !important;
  margin-top: clamp(1rem, 1.6vw, 1.5rem) !important;
  padding: .8rem 1.25rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ffad2d, #ff8717) !important;
  color: #ffffff !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  box-shadow: 0 16px 28px rgba(255, 137, 23, .34) !important;
}

@media (max-width: 1420px) {
  .conf-home-timeline-overlay {
    width: 46% !important;
  }

  .conf-home-timeline-stage-photo {
    left: 48% !important;
    width: 38vw !important;
  }

  .conf-home-timeline-date-badge {
    width: 260px !important;
    right: 2rem !important;
  }
}

@media (max-width: 1180px) {
  .conf-home-timeline-banner {
    max-width: calc(100vw - 2rem) !important;
    min-height: auto !important;
  }

  .conf-home-timeline-overlay {
    width: 100% !important;
    max-width: 700px !important;
  }

  .conf-home-timeline-stage-photo {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 700px !important;
    height: 360px !important;
    margin-top: 1.5rem !important;
  }

  .conf-home-timeline-date-badge {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 700px !important;
    height: auto !important;
    min-height: 340px !important;
    margin-top: 1.2rem !important;
  }
}

@media (max-width: 640px) {
  .conf-home-timeline-banner {
    max-width: calc(100vw - 1.2rem) !important;
    padding: 1rem !important;
    border-radius: 22px !important;
  }

  .conf-home-timeline-banner-head {
    text-align: center !important;
    margin-inline: auto !important;
  }

  .conf-home-timeline-banner-head .conf-eyebrow {
    margin-inline: auto !important;
  }

  .conf-home-timeline-overlay {
    padding-left: 1.1rem !important;
  }

  .conf-home-timeline-milestone {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    min-height: 94px !important;
    gap: .7rem !important;
  }

  .conf-home-timeline-milestone::after {
    display: none !important;
  }

  .conf-home-timeline-milestone-index {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    font-size: 1rem !important;
  }

  .conf-home-timeline-milestone-label,
  .conf-home-timeline-milestone-date {
    grid-column: 2 !important;
    margin: 0 !important;
  }

  .conf-home-timeline-stage-photo {
    height: 260px !important;
    border-radius: 20px !important;
  }

  .conf-home-timeline-secondary-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}