/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./app/Blocks/TestimonialsListBlock/src/sass/testimonials-list-block.scss ***!
  \***********************************************************************************************************************************************************************************************************/
/**
 * Responsive Styles
 */
/**
 * Required Variables
 */
/**
 * Root Media Query Variables
 */
:root {
  --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
  --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
  --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
  --responsive--alignfull-width: 100%;
  --responsive--alignright-margin: var(--global--spacing-horizontal);
  --responsive--alignleft-margin: var(--global--spacing-horizontal);
}

@media only screen and (min-width: 482px) {
  :root {
    --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
    --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
    --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
    --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
  }
}
@media only screen and (min-width: 822px) {
  :root {
    --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
    --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
  }
}
/**
 * Extends
 */
.default-max-width {
  max-width: var(--responsive--aligndefault-width);
  margin-left: auto;
  margin-right: auto;
}

.wide-max-width {
  max-width: var(--responsive--alignwide-width);
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 482px) {
  .full-max-width {
    max-width: var(--responsive--alignfull-width);
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 822px) {
  .testimonials-list-block {
    max-width: 80% !important;
  }
}
.testimonials-list-block .container {
  width: 100%;
  margin: 0 auto;
  max-width: 1350px;
}
.testimonials-list-block .container .items {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .testimonials-list-block .container .items {
    flex-direction: column;
  }
}
.testimonials-list-block .container .items .items {
  max-width: 418px;
  width: 100%;
  padding: 4em 0em;
}
.testimonials-list-block .container .items .item {
  flex-basis: 30%;
  margin: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1499px) {
  .testimonials-list-block .container .items .item {
    flex-basis: 44%;
  }
}
.testimonials-list-block .container .item h4 {
  font-size: 25px;
  font-weight: 700;
  color: #D94567;
  padding-bottom: 10px;
  font-family: var(--wp--preset--color--secondary);
}
@media (max-width: 767px) {
  .testimonials-list-block .container .item h4 {
    font-size: 33px;
    padding-bottom: 0;
  }
}
.testimonials-list-block .container .item h5 {
  font-size: 22px;
  font-weight: normal;
  color: #D94567;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .testimonials-list-block .container .item h5 {
    font-size: 29px;
  }
}
.testimonials-list-block .container .item ul {
  width: 85%;
}
@media (max-width: 767px) {
  .testimonials-list-block .container .item ul {
    width: 90%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1499px) {
  .testimonials-list-block .container .item ul {
    width: 95%;
  }
}
.testimonials-list-block .container .item li {
  position: relative; /* Ensure the :before pseudo-element is positioned relative to the li */
  padding-left: 40px; /* Adjust padding to make room for the :before pseudo-element */
  font-size: 18px;
  color: #000;
  list-style-type: none;
  left: 10px;
}
.testimonials-list-block .container .item :before {
  content: "";
  background-image: url(https://menoclinic.ddev.site/wp-content/themes/menoclinic/resources/images/quotes.png;);
  position: absolute;
  top: 25px;
  transform: translateY(-50%);
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: contain;
  left: -5px;
}

/*# sourceMappingURL=testimonials-list-block.css.map*/