/** Shopify CDN: Minification failed

Line 148:19 Expected identifier but found whitespace
Line 148:21 Unexpected "{"
Line 148:30 Expected ":"
Line 148:59 Expected ":"
Line 154:19 Expected identifier but found whitespace
Line 154:21 Unexpected "{"
Line 154:30 Expected ":"
Line 154:63 Expected ":"

**/
.collection-hero__inner {
  display: flex;
  flex-direction: column; /* Ensure items stack vertically */
  align-items: center;    /* Center-align contents */
  justify-content: center; /* Align contents vertically */
}

.collection-hero--with-image .collection-hero__inner {
  margin-bottom: 0;
  padding-bottom: 2rem;
}

@media screen and (min-width: 750px) {
  .collection-hero.collection-hero--with-image {
    padding: calc(4rem + var(--page-width-margin)) 0 calc(4rem + var(--page-width-margin));
    overflow: hidden;
  }

  .collection-hero--with-image .collection-hero__inner {
    padding-bottom: 0;
  }
}

.collection-hero__text-wrapper {
  flex-basis: 100%;
}

@media screen and (min-width: 750px) {
  .collection-hero {
    padding: 0;
  }

  .collection-hero__inner {
    align-items: center;
    flex-direction: row;
    padding-bottom: 0;
  }
}

.collection-hero__title {
  margin: 2.5rem 0;
}

.collection-hero__title + .collection-hero__description {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 1.6rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
}

@media screen and (min-width: 750px) {
  .collection-hero__title + .collection-hero__description {
    font-size: 1.8rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .collection-hero__description {
    max-width: 66.67%;
  }

  .collection-hero--with-image .collection-hero__description {
    max-width: 100%;
  }
}

.collection-hero--with-image .collection-hero__title {
  margin: 0;
}

.collection-hero--with-image .collection-hero__text-wrapper {
  padding: 5rem 0 4rem;
}

.collection-hero__image-container {
  border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius)
    rgba(var(--color-shadow), var(--media-shadow-opacity));
}

@media screen and (max-width: 749px) {
  .collection-hero__image-container {
    display: block !important; /* Ensure it's visible */
    visibility: visible !important; /* Ensure it's not hidden */
    height: auto !important; /* Ensure the height is appropriate */
    margin: 0 auto; /* Center it */
    max-width: 100%; /* Make sure it fits */
    text-align: center; /* Align image center */
  }

  .collection-hero__image-container img {
    width: 100%; /* Ensure the image scales to the container */
    height: auto; /* Maintain aspect ratio */
  }

  .collection-hero__text-wrapper {
    margin-bottom: 20px; /* Space between text and button */
  }

  .okeQuizModalButton {
    margin: 0 auto; /* Center the button */
  }
}

@media screen and (min-width: 750px) {
  .collection-hero--with-image .collection-hero__text-wrapper {
    padding: 4rem 2rem 4rem 0;
    flex-basis: 50%;
  }

  .collection-hero__image-container {
    align-self: stretch;
    flex: 1 0 50%;
    margin-left: 3rem;
    min-height: 20rem;
  }
}

.collection-hero {
  min-height: 300px; /* Adjust this as needed */
  position: relative; /* Ensure child elements stay within bounds */
}

.okeQuizModalButton {
  position: absolute;
  bottom: 20px; /* Distance from bottom of the section */
  left: 50%;
  transform: translateX(-50%); /* Center the button horizontally */
  text-align: center; /* Ensure text inside the button is centered */
  width: 100%; /* Ensure the container takes up full width */
}

@media screen and (min-width: 750px) {
  .section-padding {
    padding-bottom: {{ section.settings.padding_bottom }}px;
  }
}

@media screen and (max-width: 749px) {
  .section-padding {
    padding-bottom: {{ section.settings.padding_bottom_mob }}px;
  }
}