@charset "UTF-8";
.block-what-to-expect {
  /* Add default padding from sides - 5% */
  padding: 80px 5%;
  /* Container Row */
  /* 50/50 Split Columns */
  /* The Image */
}
.block-what-to-expect .c-content-panel__row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #423063;
  /* The row's background color */
  position: relative;
  /* So the image can hang out */
  padding: 20px;
  border-radius: 16px; /* Rounded corners on purple background */
  min-height: 15vw !important;
}
.block-what-to-expect .c-content-panel__column {
  width: 50%;
  padding: 4% 8%;
}
.block-what-to-expect .c-content-panel__title {
  color: white;
}
.block-what-to-expect .c-content-panel__title h2 {
  color: white; /* Ensure title is white */
}
.block-what-to-expect .c-content-panel__list {
  display: flex;
  flex-direction: column;
  gap: 8px; /* Decreased line spacing of bullet points */
  padding: 0;
  margin: 20px 0;
  list-style-type: none;
}
.block-what-to-expect .c-content-panel__list-item {
  font-size: 1.1719em;
  color: white;
  margin-top: 0;
}
.block-what-to-expect .c-content-panel__list-item::before {
  content: "•";
  color: #a17de5;
  font-size: 1.6em; /* Bullets slightly bigger */
  margin-right: 12px; /* Slight padding between bullet points and text */
}
.block-what-to-expect .c-content-panel__thumbnail {
  /* Image resize to fit better */
  aspect-ratio: 684/626;
  /* Maintains a square image */
  background: red;
  /* For testing */
  position: absolute;
  /* Allows the hanging effect */
  left: 12.5%;
  width: 30vw !important;
  border-radius: 16px; /* Rounded corners on image */
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center;
  max-height: 450px;
}