/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/courses-cards-slider/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
/**
 * Responsive
 */
/**
 * Typography
 */
/**
 * Transitions
 */
/**
 * Mixins for Media Queries
 * Example Usage: @include min($lg) || @include min(720)
 */
.wp-block-courses-cards-slider {
  max-width: 100%;
}
.wp-block-courses-cards-slider .courses-cards-slider-wrapper {
  position: relative;
  container-type: inline-size;
  container-name: slider;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--wp--style--global--wide-size);
}
.wp-block-courses-cards-slider .swiper {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  margin-left: -0.3125rem;
  margin-right: -0.3125rem;
}
.wp-block-courses-cards-slider .swiper .swiper-wrapper {
  height: auto !important;
  align-items: stretch;
}
.wp-block-courses-cards-slider .swiper-slide {
  width: calc(25% - 1.125rem);
}
html:not([dir=rtl]) .wp-block-courses-cards-slider .swiper-slide {
  margin-right: 1.5rem;
}
html:not([dir=rtl]) .wp-block-courses-cards-slider .swiper-slide:last-child {
  margin-right: 0;
}
[dir=rtl] .wp-block-courses-cards-slider .swiper-slide {
  margin-left: 1.5rem;
}
[dir=rtl] .wp-block-courses-cards-slider .swiper-slide:last-child {
  margin-left: 0;
}
.wp-block-courses-cards-slider .swiper-pagination {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: none;
  margin-top: 2.5rem;
}
.wp-block-courses-cards-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: 300px;
  opacity: 1;
  cursor: pointer;
  transition: all 0.3s 0s;
  background-color: var(--wp--preset--color--mid-blue);
}
.wp-block-courses-cards-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 24px;
  background-color: var(--wp--preset--color--digital-blue);
  border-radius: 300px;
}
.wp-block-courses-cards-slider .swiper-nav-btn {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
}
.wp-block-courses-cards-slider .swiper-nav-btn:before, .wp-block-courses-cards-slider .swiper-nav-btn:after {
  display: none;
}
.wp-block-courses-cards-slider .swiper-nav-btn svg {
  width: 1.5rem;
  height: 1.5rem;
}
.wp-block-courses-cards-slider .swiper-nav-btn svg path {
  fill: var(--wp--preset--color--digital-blue);
}
.wp-block-courses-cards-slider .swiper-nav-btn.swiper-button-prev {
  left: -1.5rem;
  transform: translateX(-100%) translateY(-50%);
}
.wp-block-courses-cards-slider .swiper-nav-btn.swiper-button-next {
  right: -1.5rem;
  transform: translateX(100%) translateY(-50%);
}
@media (hover: hover) {
  .wp-block-courses-cards-slider .swiper-nav-btn:hover svg path {
    fill: var(--wp--preset--color--dark-blue);
  }
}
@media (hover: none) {
  .wp-block-courses-cards-slider .swiper-nav-btn:active svg path {
    fill: var(--wp--preset--color--dark-blue);
  }
}
@container (max-width:1200px) {
  .wp-block-courses-cards-slider .swiper-slide {
    width: calc(33.3333333333% - 1rem);
  }
}
@container (max-width:991px) {
  .wp-block-courses-cards-slider .swiper-slide {
    width: calc(50% - 0.75rem);
  }
  .wp-block-courses-cards-slider .swiper-nav-btn.swiper-button-prev {
    left: -0.75rem;
  }
  .wp-block-courses-cards-slider .swiper-nav-btn.swiper-button-next {
    right: -0.75rem;
  }
}
@container (max-width:820px) {
  .wp-block-courses-cards-slider .swiper-nav-btn {
    display: none;
  }
}
@container (max-width: 782px) {
  .wp-block-courses-cards-slider {
    overflow: unset;
  }
  .wp-block-courses-cards-slider .swiper {
    overflow: unset;
  }
  .wp-block-courses-cards-slider .swiper-slide {
    width: 100%;
    max-width: 17.875rem;
  }
}
@media (max-width: 782px) {
  .wp-block-courses-cards-slider.pagination-hidden-on-mobile .swiper-pagination {
    display: none;
  }
}

.wp-block-courses-cards-slider[data-color-scheme=light] .swiper-nav-btn svg path {
  fill: var(--wp--preset--color--ec-white);
}
@media (hover: hover) {
  .wp-block-courses-cards-slider[data-color-scheme=light] .swiper-nav-btn:hover svg path {
    fill: var(--wp--preset--color--primary);
  }
}
@media (hover: none) {
  .wp-block-courses-cards-slider[data-color-scheme=light] .swiper-nav-btn:active svg path {
    fill: var(--wp--preset--color--primary);
  }
}
.wp-block-courses-cards-slider[data-color-scheme=light] .swiper-pagination .swiper-pagination-bullet {
  background-color: var(--wp--preset--color--mid-blue);
  opacity: 0.5;
}
.wp-block-courses-cards-slider[data-color-scheme=light] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--wp--preset--color--ec-white);
  opacity: 1;
}

/*# sourceMappingURL=style-index.css.map*/