/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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_CC2-830_defi-tri/scss/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
html {
  overflow-x: hidden;
}

.section-defi-tri {
  display: flex;
  gap: 1.5rem;
  width: 100%;
}
.section-defi-tri.wrapper-full-width {
  padding: 7.5rem 0 5rem;
}
.section-defi-tri .txt-wrap {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  flex-basis: 20rem;
}
.section-defi-tri .txt-wrap .number-tag {
  width: -moz-fit-content;
  width: fit-content;
  color: var(--Color-Header);
  font-size: 1.5rem;
  line-height: 1.95rem;
  font-family: var(--Font-Headline);
  font-weight: 700;
  background-color: var(--Color-Text-Brand);
  border: solid 2px var(--Color-Header);
}
.section-defi-tri .txt-wrap .ttl-wrap {
  display: flex;
}
.section-defi-tri .txt-wrap .ttl-wrap .wp-block-image {
  position: relative;
  flex-basis: 6.25rem;
  flex-shrink: 0;
}
.section-defi-tri .txt-wrap .ttl-wrap .wp-block-image img {
  position: absolute;
  right: 0;
  top: -3rem;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.section-defi-tri .slider-col {
  flex-basis: 42rem;
  flex-shrink: 0;
  overflow: hidden;
}
.section-defi-tri .slider-col .defi-tri-slider {
  width: 100%;
  padding: 0 1px;
  box-sizing: border-box;
}
.section-defi-tri .slider-col .slider-wrap {
  display: flex;
  gap: 1rem !important;
}
.section-defi-tri .slider-col .slider-wrap .slide-item {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  flex-basis: 28.5%;
  flex-shrink: 0;
  padding: 1.5rem;
  border-radius: 1rem;
  border: 1px solid var(--Color-Header);
  background: #FFF;
  box-shadow: 4px 4px 0px 0px var(--Color-Header);
}
.section-defi-tri .slider-col .slider-wrap .slide-item .wp-block-heading {
  text-align: center;
}
.section-defi-tri .slider-col .slider-wrap .slide-item .wp-block-image {
  margin: 0;
}
.section-defi-tri .slider-col .slider-wrap .slide-item .wp-block-image img {
  width: 100%;
  aspect-ratio: 2/1;
  -o-object-fit: contain;
     object-fit: contain;
}
.section-defi-tri .slider-col .slider-wrap .slide-item .wp-block-image + p {
  min-height: 3.375rem;
}
.section-defi-tri .slider-col .slider-wrap .slide-item .progress-bar {
  height: 0.65rem;
  width: 100%;
}
.section-defi-tri .slider-col .slider-wrap .slide-item .wp-block-buttons {
  margin-top: auto;
}
.section-defi-tri .slider-col .slider-controls {
  display: flex;
  margin-top: 1.5rem;
  gap: 0.5rem;
  justify-content: flex-end;
}
.section-defi-tri .slider-col .slider-controls .wp-element-button {
  background-color: transparent !important;
  border: 1px solid var(--Color-Background-Button);
  color: var(--Color-Background-Button);
}
.section-defi-tri .slider-col .slider-controls .wp-element-button::after {
  background-color: var(--Color-Background-Button);
}
@media screen and (max-width: 1040px) {
  .section-defi-tri .txt-wrap, .section-defi-tri .slider-col {
    width: 100%;
  }
  .section-defi-tri .txt-wrap {
    flex-basis: 45%;
  }
  .section-defi-tri .slider-col {
    flex-basis: 55%;
  }
  .section-defi-tri .slider-col .slider-wrap .slide-item {
    flex-basis: 45%;
  }
}
@media screen and (max-width: 834px) {
  .section-defi-tri {
    flex-direction: column;
  }
  .section-defi-tri .txt-wrap .ttl-wrap .wp-block-image img {
    top: -5rem;
  }
  .section-defi-tri .txt-wrap, .section-defi-tri .slider-col {
    flex-basis: auto;
    width: 100%;
  }
  .section-defi-tri .slider-col, .section-defi-tri .slider-col .slider-article {
    overflow: visible;
  }
  .section-defi-tri .slider-col .slider-wrap .slide-item {
    flex-basis: 33%;
  }
  .section-defi-tri .slider-col .slider-controls {
    justify-content: center;
  }
}
@media screen and (max-width: 600px) {
  .section-defi-tri .slider-col .slider-wrap .slide-item {
    flex-basis: 66.5%;
  }
}

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