/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-9_hero-2-slider/scss/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.wp-block-ds-citeocom-section-hero-slider {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6.5rem;
  padding: var(--ds-semantic-spacing-2xl) 0;
}
.wp-block-ds-citeocom-section-hero-slider .wp-block-b2b-page-title-button {
  flex-basis: 50%;
  flex-shrink: 1;
}
.wp-block-ds-citeocom-section-hero-slider .wp-block-b2b-page-title-button .is-style-secondary .wp-block-button__link {
  background-color: transparent !important;
}
.wp-block-ds-citeocom-section-hero-slider .has-fade-slider {
  flex-basis: 50%;
  flex-shrink: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  row-gap: 0.5rem;
  position: relative;
}
.wp-block-ds-citeocom-section-hero-slider .has-fade-slider .slider-wrap {
  grid-column: span 3;
  border-bottom: solid 0.5rem var(--ds-semantic-color-accent1-border-medium);
  overflow: hidden;
}
.wp-block-ds-citeocom-section-hero-slider .has-fade-slider .slider-wrap .wp-block-b2b-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--ds-semantic-spacing-s);
  top: initial;
  bottom: 0;
  width: 100%;
  padding: 0 0 var(--ds-semantic-spacing-l) 0;
  box-sizing: border-box;
  color: var(--ds-semantic-color-layout-content-medium);
  background-color: var(--ds-semantic-color-layout-surface-subtle-default);
  transform: translateY(100%);
  opacity: 0;
  transition: transform ease-out 0.25s, opacity ease-out 0.15s;
}
.wp-block-ds-citeocom-section-hero-slider .has-fade-slider .slider-wrap .wp-block-b2b-card .wp-block-image {
  width: 100%;
  aspect-ratio: 2/1;
  margin-bottom: var(--ds-semantic-spacing-3xs);
}
.wp-block-ds-citeocom-section-hero-slider .has-fade-slider .slider-wrap .wp-block-b2b-card .wp-block-image picture, .wp-block-ds-citeocom-section-hero-slider .has-fade-slider .slider-wrap .wp-block-b2b-card .wp-block-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: var(--ds-semantic-radius-default) var(--ds-semantic-radius-default) 0 0;
  overflow: hidden;
}
.wp-block-ds-citeocom-section-hero-slider .has-fade-slider .slider-wrap .wp-block-b2b-card > *:not(.wp-block-image) {
  padding-left: var(--ds-semantic-spacing-m);
  padding-right: var(--ds-semantic-spacing-m);
}
.wp-block-ds-citeocom-section-hero-slider .has-fade-slider .slider-wrap .wp-block-b2b-card p {
  margin: 0;
}
.wp-block-ds-citeocom-section-hero-slider .has-fade-slider .slider-wrap .wp-block-b2b-card .wp-block-citeo-semantic-tag {
  border: solid 1px var(--ds-semantic-color-action-border-stronger);
}
.wp-block-ds-citeocom-section-hero-slider .has-fade-slider .slider-wrap .wp-block-b2b-card.is-active {
  transform: translateY(0);
  opacity: 1;
  transition: transform ease-out 0.25s 0.25s, opacity ease-out 0.25s 0.25s;
}
.wp-block-ds-citeocom-section-hero-slider .has-fade-slider .stepper-wrap {
  grid-column: span 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--ds-semantic-spacing-xs);
  height: -moz-fit-content;
  height: fit-content;
}
.wp-block-ds-citeocom-section-hero-slider .has-fade-slider .stepper-wrap .step-index {
  height: var(--ds-semantic-sizing-2xs);
  background-color: var(--ds-semantic-color-accent1-surface-subtlest);
  cursor: pointer;
}
.wp-block-ds-citeocom-section-hero-slider .has-fade-slider .stepper-wrap .step-index.active-step {
  background-color: var(--ds-semantic-color-accent1-surface-medium);
}
.wp-block-ds-citeocom-section-hero-slider .has-fade-slider .total-wrap {
  position: absolute;
  bottom: 0;
  right: var(--ds-semantic-spacing-2xl);
  width: calc(33.33% - 6rem);
  line-height: var(--ds-core-typography-line-height-2xl);
  text-align: center;
  pointer-events: none;
}
.wp-block-ds-citeocom-section-hero-slider .has-fade-slider .slider-controls {
  grid-column: 3;
  margin: 0;
  display: flex;
  justify-content: space-between;
}
.wp-block-ds-citeocom-section-hero-slider .has-fade-slider .slider-controls .wp-block-button {
  width: var(--ds-semantic-sizing-xl);
  height: var(--ds-semantic-sizing-xl);
}
.wp-block-ds-citeocom-section-hero-slider .has-fade-slider .slider-controls .wp-block-button.disabled .wp-element-button {
  border: none;
}
.wp-block-ds-citeocom-section-hero-slider .has-fade-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-hero-slider .has-fade-slider .slider-controls .wp-block-button .wp-element-button::after {
  background-color: var(--ds-semantic-color-action-surface-stronger);
}
@media screen and (max-width: 840px) {
  .wp-block-ds-citeocom-section-hero-slider {
    flex-direction: column;
    gap: var(--ds-semantic-spacing-3xl);
  }
  .wp-block-ds-citeocom-section-hero-slider .wp-block-b2b-page-title-button, .wp-block-ds-citeocom-section-hero-slider .has-fade-slider {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .wp-block-ds-citeocom-section-hero-slider .has-fade-slider {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    grid-template-columns: repeat(4, 1fr);
  }
  .wp-block-ds-citeocom-section-hero-slider .has-fade-slider .slider-wrap {
    grid-column: span 4;
  }
  .wp-block-ds-citeocom-section-hero-slider .has-fade-slider .stepper-wrap, .wp-block-ds-citeocom-section-hero-slider .has-fade-slider .slider-controls {
    grid-column: span 2;
  }
  .wp-block-ds-citeocom-section-hero-slider .has-fade-slider .total-wrap {
    width: calc(50% - 5.5rem);
  }
}

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