.enrollment-card {
  box-shadow: 0 1px 2px #0000000d;
  border-radius: 0.775rem;
  background: var(--clr-white); }
  .enrollment-card.bg-white {
    background-color: var(--clr-white); }
  .enrollment-card .hidden-password-icon {
    display: none; }
  .enrollment-card .enrollment-body {
    padding: 1.5rem; }
  .enrollment-card .enrollment-text {
    max-height: 200px;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out; }
    .enrollment-card .enrollment-text p {
      margin-bottom: 0.775rem; }
    .enrollment-card .enrollment-text ul li {
      list-style: disc;
      list-style-position: inside; }

.enroll-pack {
  padding: 1.5rem;
  background: #f8f8f8;
  border-radius: 0.5rem; }
  .enroll-pack .enroll-pack-wrap {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-direction: column;
    gap: 1rem; }
    @media (min-width: 576px) {
      .enroll-pack .enroll-pack-wrap {
        flex-direction: row; } }
  @media (min-width: 576px) {
    .enroll-pack .enroll-pack-content {
      order: 1; } }
  @media (min-width: 576px) {
    .enroll-pack .product-pack_figure {
      order: 2; } }
  .enroll-pack .product-pack_figure img {
    height: 94px;
    max-width: 120px;
    object-fit: contain; }

.enrollment-preview-slider .splide__slide {
  height: auto;
  border-radius: 12px 12px 0 0;
  max-height: 40dvh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
  .enrollment-preview-slider .splide__slide img {
    object-fit: contain;
    width: 100%;
    height: 100%; }

.enrollment-thumbnail-slider {
  max-width: fit-content;
  width: calc(100% - 100px);
  min-width: calc(100% - 100px);
  margin: auto; }
  .enrollment-thumbnail-slider .splide__list .splide__slide {
    height: 100px;
    border: 1px solid var(--clr-gray-200) !important;
    padding: 2px; }
    .enrollment-thumbnail-slider .splide__list .splide__slide.is-active {
      border-color: var(--clr-primary) !important; }
  .enrollment-thumbnail-slider .splide__arrow {
    background-color: transparent;
    border: 0; }
    .enrollment-thumbnail-slider .splide__arrow--prev {
      left: -2.5rem; }
    .enrollment-thumbnail-slider .splide__arrow--next {
      right: -2.5rem; }

/*# sourceMappingURL=styles.css.map */