/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./components/block/Testimonials/style.css ***!
  \*********************************************************************************************************************************************************************************************/
/**
 * Custom Media Queries
 * Works like Custom Properties, except for media queries.
 *
 * @link: https://drafts.csswg.org/mediaqueries-5/#custom-mq
 * @link: https://github.com/postcss/postcss-custom-media
 **/

/* Min-Width */

/* Customize based on project */

/* Max-Width */

/* Customize based on project */

/* Min-Max-Width */

[name='Testimonials'] {
  position: relative;
  container-type: inline-size;
}

[name='Testimonials'] [name='PreContent'] {
    margin-block-end: 48px;
  }

@container (width< 780px) {

[name='Testimonials'] [name='PreContent'] {
      margin-block-end: 24px
  }
    }

[name='Testimonials'] .swiper {
    padding: 38px;
    margin: -38px;
  }

[name='Testimonials'] .swiper .swiper-slide {
      height: auto;
    }

[name='Testimonials'] .swiper .swiper-slide:not(.swiper-slide-fully-visible) {
        opacity: 0;
      }

[name='Testimonials'] [name='SliderNavigation'] {
    display: none;
  }

@media screen and (width >= 768px) {

[name='Testimonials'] [name='SliderNavigation'] {
      inset: var(--dynamic-padding-block-start, var(--comp-spacing)) 0 auto auto;
      display: flex;
      justify-content: flex-end;
      position: absolute
  }
    }

[name='Testimonials'] .testimonial {
    box-shadow: 0 0 30px 2px rgb(54 60 66 / 10%);
    background-color: var(--clr-white);
    height: 100%;
    margin: 0;
    min-height: 210px;
    padding: 48px 48px 48px calc(48px + 52px);
    position: relative;
  }

[name='Testimonials'] .testimonial .icon {
      color: var(--clr-primary);
      height: 18px;
      left: 40px;
      position: absolute;
      top: 52px;
      width: 32px;
    }

[name='Testimonials'] .testimonial::before {
      content: unset;
    }

[name='Testimonials'] .testimonial .quote > :first-child {
    margin-block-start: 0;
    padding-block-start: 0;
  }

[name='Testimonials'] .testimonial .quote > :last-child:not([class*='button']) {
    margin-block-end: 0;
    padding-block-end: 0;
  }

[name='Testimonials'] .testimonial .quote > h2,
  [name='Testimonials'] .testimonial .quote > h3,
  [name='Testimonials'] .testimonial .quote > h4,
  [name='Testimonials'] .testimonial .quote > h5,
  [name='Testimonials'] .testimonial .quote > h6 {
    margin-block-start: 0;
  }

[name='Testimonials'] .testimonial .quote {

      width: min(100%, 800px);
}

[name='Testimonials'] .testimonial .author {
      color: var(--clr-text);
      font-style: normal;
      font-weight: var(--fw-regular);
    }


/*# sourceMappingURL=style.min.css.map*/