/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/sc-cards-info/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.sc-cards-info {
  margin-block-start: 0px !important;
  margin-top: 40px;
}
.sc-cards-info__text-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.sc-cards-info__text-container__title {
  font-family: var(--wp--preset--font-family--red-hat-display);
  font-size: var(--wp--preset--font-size--headline);
  font-weight: 400;
  line-height: 1.2;
  margin-block: 0;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .sc-cards-info__text-container__title {
    font-size: var(--wp--preset--font-size--headline);
  }
}
@media (max-width: 768px) {
  .sc-cards-info__text-container__title {
    font-size: var(--wp--preset--font-size--headline-xs);
  }
}
.sc-cards-info__text-container__description {
  font-family: var(--wp--preset--font-family--red-hat-display);
  font-size: var(--wp--preset--font-size--body-m);
  font-weight: 400;
  line-height: 1.5;
  margin-top: 8px;
  margin-bottom: 0;
}
.sc-cards-info__text-container__description > a .sc-cards-info__text-container__description > strong > a {
  text-decoration: none;
}
.sc-cards-info__text-container.left {
  align-items: start;
  justify-content: left;
  text-align: left;
}
.sc-cards-info__text-container.center {
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}
.sc-cards-info__cards-container {
  display: flex;
  margin-top: 20px;
  justify-content: center;
  gap: 16px;
  font-family: var(--wp--preset--font-family--red-hat-display);
}
@media (max-width: 835px) {
  .sc-cards-info__cards-container {
    flex-direction: column;
  }
}
.sc-cards-info__cards-container.content-h {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sc-cards-info__cards-container > .sc-cards-info__cards-list {
  display: flex;
  gap: 24px;
  align-items: stretch;
}
@media (max-width: 835px) {
  .sc-cards-info__cards-container > .sc-cards-info__cards-list {
    flex-direction: column;
    gap: 16px;
  }
}
.sc-cards-info__cards-container > .sc-cards-info__cards-list > .card-link-wrapper, .sc-cards-info__cards-container > .sc-cards-info__cards-list > .card-info-wrapper, .sc-cards-info__cards-container > .sc-cards-info__cards-list > .card-wrapper {
  width: 100%;
  flex: 1 1 0;
  display: flex;
  cursor: pointer;
  align-items: stretch;
}
.sc-cards-info__cards-container > .sc-cards-info__cards-list > .card-link-wrapper > .card, .sc-cards-info__cards-container > .sc-cards-info__cards-list > .card-info-wrapper > .card, .sc-cards-info__cards-container > .sc-cards-info__cards-list > .card-wrapper > .card {
  height: 100%;
  width: 100%;
}
.sc-cards-info__cards-container > .sc-cards-info__cards-list > .card {
  cursor: pointer;
  flex-grow: 1;
  height: 100%;
}
@media (max-width: 835px) {
  .sc-cards-info__cards-container > .sc-cards-info__cards-list > .card {
    width: auto;
  }
}
.sc-cards-info__cards-container__swiper-container {
  display: none;
  width: 100%;
  flex-direction: column;
  gap: 16px;
  overflow: hidden;
}
.sc-cards-info__cards-container__swiper-container > .swiper-wrapper {
  display: flex;
  align-items: stretch;
}
.sc-cards-info__cards-container__swiper-container > .swiper-wrapper > .swiper-slide {
  background-color: transparent;
  flex: 0 0 auto;
  display: flex;
  align-items: stretch;
  max-width: none;
}
.sc-cards-info__cards-container__swiper-container > .swiper-wrapper > .swiper-slide > .card {
  width: auto;
  width: 100%;
  height: 100%;
}
.sc-cards-info__cards-container__swiper-container > .swiper-wrapper > .swiper-slide > .card-link-wrapper, .sc-cards-info__cards-container__swiper-container > .swiper-wrapper > .swiper-slide > .card-info-wrapper, .sc-cards-info__cards-container__swiper-container > .swiper-wrapper > .swiper-slide > .card-wrapper {
  display: flex;
  width: 100%;
  align-items: stretch;
}
.sc-cards-info__cards-container__swiper-container > .swiper-wrapper > .swiper-slide > .card-link-wrapper > .card, .sc-cards-info__cards-container__swiper-container > .swiper-wrapper > .swiper-slide > .card-info-wrapper > .card, .sc-cards-info__cards-container__swiper-container > .swiper-wrapper > .swiper-slide > .card-wrapper > .card {
  width: 100%;
  height: 100%;
}
@media (max-width: 835px) {
  .sc-cards-info__cards-container.has-swiper > .sc-cards-info__cards-container__swiper-container {
    display: flex;
  }
  .sc-cards-info__cards-container.has-swiper > .sc-cards-info__cards-list {
    display: none;
  }
}
.sc-cards-info__button-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sc-cards-info__button-container.left {
  justify-content: flex-start;
}
.sc-cards-info__button-container.center {
  justify-content: center;
  width: 90%;
}
.sc-cards-info__button-container > a {
  width: 100% !important;
}
@media (min-width: 1024px) {
  .sc-cards-info__button-container > a {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
}
.sc-cards-info__button-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.sc-cards-info__button-content.left {
  align-items: flex-start;
  text-align: left;
  margin-top: 2%;
}
.sc-cards-info__button-content.center {
  align-items: center;
  text-align: center;
}
.sc-cards-info__button-description {
  font-family: var(--wp--preset--font-family--red-hat-display);
  font-size: var(--wp--preset--font-size--body-m);
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  color: inherit;
}
.sc-cards-info__button-description > strong, .sc-cards-info__button-description > em, .sc-cards-info__button-description > a, .sc-cards-info__button-description > strong > a, .sc-cards-info__button-description > em > a {
  color: inherit;
}

.card-link-wrapper {
  text-decoration: none;
  color: inherit;
}
.card-link-wrapper:hover {
  text-decoration: none;
}
.card-link-wrapper:visited {
  text-decoration: none;
  color: inherit;
}
.card-link-wrapper:active {
  text-decoration: none;
  color: inherit;
}
.card-link-wrapper * {
  color: inherit !important;
  text-decoration: none !important;
}
.card-link-wrapper .card__title,
.card-link-wrapper .card__content {
  font-size: var(--wp--preset--font-size--body-l);
  color: inherit !important;
  text-decoration: none !important;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./components/molecules/cardInfo/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-grow: 1;
  border-radius: 8px;
  padding: 20px;
  border: none;
  cursor: pointer;
}
@media (max-width: 700px) {
  .card {
    max-width: 100%;
  }
}
.card.left {
  align-items: start;
  justify-content: left;
  text-align: left;
}
.card.center {
  align-items: center;
  justify-content: center;
  text-align: center;
}
.card.bg-blue-130 {
  background-color: var(--wp--preset--color--primary-130);
}
.card.bg-blue-150 {
  background-color: var(--wp--preset--color--primary-150);
}
.card.bg-gray-130 {
  background-color: var(--wp--preset--color--neutral-140);
}
.card.bg-green-140 {
  background-color: var(--wp--preset--color--secondary-140);
}
.card.white-outline {
  background-color: transparent;
  border: 1px solid var(--wp--preset--color--primary-70);
}
.card.outline-green-150 {
  background-color: transparent;
  border: 1px solid var(--wp--preset--color--green-150);
}
.card.large {
  padding: 32px 20px;
}
@media (max-width: 700px) {
  .card.large {
    padding: 16px;
  }
}
.card.medium, .card.small {
  padding: 16px;
}
.card__icon.outline-blue {
  background-color: #c6d9ff;
  border: 1px solid var(--wp--preset--color--primary-70);
}
.card__icon.outline-green {
  background-color: var(--wp--preset--color--secondary-140);
  border: 1px solid #2ba71a;
}
.card__icon.outline-gray {
  background-color: transparent;
  border: 1px solid var(--wp--preset--color--primary-70);
}
.card__icon.large {
  width: 40px !important;
  height: 40px !important;
}
@media (max-width: 768px) {
  .card__icon.large {
    width: 40px !important;
    height: 40px !important;
  }
}
.card__icon.medium {
  width: 40px !important;
  height: 40px !important;
}
.card__icon.small {
  width: 32px !important;
  height: 32px !important;
}
.card__title {
  font-weight: 400;
  margin-block: 0;
  font-size: var(--wp--preset--font-size--headline-xs);
}
.card__content {
  font-size: var(--wp--preset--font-size--body-m);
}
.card > .button-delete {
  position: absolute;
  align-items: center;
  width: 50px;
  height: 50px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  right: 3px;
  top: 20px;
}

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