/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/section_MC-318_offer-cards/scss/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.wp-block-ds-citeocom-section-cards-offer {
  display: flex;
  flex-direction: column;
  gap: var(--ds-semantic-spacing-5xl);
  position: relative;
  padding: var(--ds-semantic-spacing-5xl) var(--ds-semantic-spacing-xl);
  box-sizing: border-box;
  background-color: var(--ds-semantic-color-accent1-surface-subtlest);
  border-top: solid var(--ds-semantic-sizing-3xs) var(--ds-semantic-color-accent1-border-medium);
}
.wp-block-ds-citeocom-section-cards-offer.is-white {
  background-color: var(--ds-semantic-color-layout-surface-medium-default) !important;
}
.wp-block-ds-citeocom-section-cards-offer.is-white .back-picto {
  background-color: var(--ds-semantic-color-accent1-surface-subtlest);
}
.wp-block-ds-citeocom-section-cards-offer .back-picto {
  max-width: var(--wp--style--global--content-size);
  margin: auto;
  -webkit-mask-position: right 2.5rem;
          mask-position: right 2.5rem;
  -webkit-mask-size: clamp(10rem, 30%, 22rem);
          mask-size: clamp(10rem, 30%, 22rem);
}
.wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-title-description-button, .wp-block-ds-citeocom-section-cards-offer .wp-block-citeo-semantic-horizontal-slider {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: var(--wp--style--global--content-size);
  margin: auto;
}
.wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-title-description-button > .wp-block-buttons, .wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-title-description-button > p, .wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-title-description-button > .wp-block-heading, .wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-title-description-button > .wp-block-list {
  width: 50%;
}
.wp-block-ds-citeocom-section-cards-offer a.wp-block-b2b-card {
  cursor: pointer;
}
.wp-block-ds-citeocom-section-cards-offer a.wp-block-b2b-card:hover p, .wp-block-ds-citeocom-section-cards-offer a.wp-block-b2b-card:hover .wp-block-heading, .wp-block-ds-citeocom-section-cards-offer a.wp-block-b2b-card:focus p, .wp-block-ds-citeocom-section-cards-offer a.wp-block-b2b-card:focus .wp-block-heading {
  text-decoration-color: var(--ds-semantic-color-neutral-content-medium);
}
.wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-card {
  width: auto;
  flex-basis: calc(33.33% - 1rem);
  flex-shrink: 0;
  padding: 0 0 var(--ds-semantic-spacing-m);
  box-sizing: border-box;
  color: var(--ds-semantic-color-layout-content-medium);
  background-color: var(--ds-semantic-color-layout-surface-medium-default);
  border-bottom: solid 0.5rem var(--ds-semantic-color-accent1-border-subtle);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  transition: border-bottom ease-out 0.25s;
  overflow: hidden;
}
.wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-card:hover, .wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-card:focus, .wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-card:active {
  border-bottom: solid 0.5rem var(--ds-semantic-color-accent1-border-medium);
}
.wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-card:hover .wp-block-image picture img, .wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-card:focus .wp-block-image picture img, .wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-card:active .wp-block-image picture img {
  transform: scale(0.975);
}
.wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-card p, .wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-card .wp-block-heading {
  margin: var(--ds-semantic-spacing-xs) 0;
  padding: 0 var(--ds-semantic-spacing-xs);
  -webkit-text-decoration: underline 2px rgba(0, 0, 0, 0);
          text-decoration: underline 2px rgba(0, 0, 0, 0);
  text-underline-offset: 2px;
  transition: text-decoration-color ease-out 0.25s;
}
.wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-card .wp-block-image {
  width: 100%;
  aspect-ratio: 4/3;
  margin-bottom: var(--ds-semantic-spacing-xs);
}
.wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-card .wp-block-image picture {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-self: center;
}
.wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-card .wp-block-image picture img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.25rem;
  transition: transform ease-out 0.25s;
  transform-origin: center;
}
.wp-block-ds-citeocom-section-cards-offer:not(.has-active-hover) .active-slide {
  border-bottom: solid 0.5rem var(--ds-semantic-color-accent1-border-medium);
}
.wp-block-ds-citeocom-section-cards-offer .has-horizontal-slider {
  position: relative;
  overflow-x: clip;
  --control-gap: 1rem;
}
.wp-block-ds-citeocom-section-cards-offer .has-horizontal-slider .slider-controls {
  position: absolute;
  top: calc(-1 * var(--ds-semantic-spacing-5xl));
  right: 0;
  margin-top: 0;
  display: flex;
  gap: var(--control-gap);
}
.wp-block-ds-citeocom-section-cards-offer .has-horizontal-slider .slider-controls .wp-block-button {
  width: var(--ds-semantic-sizing-xl);
  height: var(--ds-semantic-sizing-xl);
}
.wp-block-ds-citeocom-section-cards-offer .has-horizontal-slider .slider-controls .wp-block-button.disabled .wp-element-button {
  border: none;
}
.wp-block-ds-citeocom-section-cards-offer .has-horizontal-slider .slider-controls .wp-block-button .wp-element-button {
  padding: 0;
  background-color: transparent;
  border: solid 1px var(--ds-semantic-color-action-border-stronger);
}
.wp-block-ds-citeocom-section-cards-offer .has-horizontal-slider .slider-controls .wp-block-button .wp-element-button::after {
  background-color: var(--ds-semantic-color-action-surface-stronger);
}
@media screen and (max-width: 1040px) {
  .wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-title-description-button > .wp-block-buttons, .wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-title-description-button > p, .wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-title-description-button > .wp-block-heading, .wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-title-description-button > .wp-block-list {
    width: 66.66%;
  }
}
@media screen and (max-width: 840px) {
  .wp-block-ds-citeocom-section-cards-offer {
    gap: 7.5rem;
  }
  .wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-card {
    flex-basis: 40%;
  }
  .wp-block-ds-citeocom-section-cards-offer .has-horizontal-slider .slider-controls, .wp-block-ds-citeocom-section-cards-offer .has-horizontal-slider .total-wrap {
    top: -3.5rem;
  }
}
@media screen and (max-width: 600px) {
  .wp-block-ds-citeocom-section-cards-offer {
    padding-left: var(--ds-semantic-spacing-m);
    padding-right: var(--ds-semantic-spacing-m);
  }
  .wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-card {
    flex-basis: 65%;
  }
  .wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-title-description-button > .wp-block-buttons, .wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-title-description-button > p, .wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-title-description-button > .wp-block-heading, .wp-block-ds-citeocom-section-cards-offer .wp-block-b2b-title-description-button > .wp-block-list {
    width: 100%;
  }
}
.wp-block-ds-citeocom-section-cards-offer.subtheme-accent2 {
  background-color: var(--ds-semantic-color-accent2-surface-subtlest);
  border-color: var(--ds-semantic-color-accent2-surface-medium);
}
.wp-block-ds-citeocom-section-cards-offer.subtheme-accent2 .back-picto {
  background-color: var(--ds-semantic-color-accent2-surface-subtle);
}
.wp-block-ds-citeocom-section-cards-offer.subtheme-accent2.is-white .back-picto {
  background-color: var(--ds-semantic-color-accent2-surface-subtlest);
}
.wp-block-ds-citeocom-section-cards-offer.subtheme-accent3 {
  background-color: var(--ds-semantic-color-accent3-surface-subtlest);
  border-color: var(--ds-semantic-color-accent3-surface-medium);
}
.wp-block-ds-citeocom-section-cards-offer.subtheme-accent3 .back-picto {
  background-color: var(--ds-semantic-color-accent3-surface-subtle);
}
.wp-block-ds-citeocom-section-cards-offer.subtheme-accent3.is-white .back-picto {
  background-color: var(--ds-semantic-color-accent3-surface-subtlest);
}

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