.slide-item > img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}
.section--hero {
  overflow: hidden;
  /* height: calc(var(--vh, 100vh) * 100 ); */
}
.sw--hero {
  overflow-x: hidden;
}
.slide-text {
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 2;
  color: var(--c-white);
  text-align: center;
  top: 6rem;
}
.slide-text .first-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.slide-text .img {
  width: 15.2rem;
}
.slide-text .img img {
  width: 100%;
}
.slide-text .first-line .before {
  font-size: var(--fs-24);
}
.slide-text .sec-line {
  font-size: var(--fs-32);
  line-height: 1.5;
  padding-top: 1rem;
}
.slide-item .container {
  position: absolute;
  inset: 0;
}
.slide-text .box {
  position: relative;
  padding-right: 0;
}

.slide-text .editor-content {
  margin-top: 3rem;
  font-variation-settings: var(--fw-200);
  text-align: center;
}
.slide-text .btns--box {
  justify-content: center;
}
/**************************/
/* BELOW 360px */
/**************************/
@media (min-width: 22.5em) {
}
/**************************/
/* BELOW 576px */
/**************************/
@media (min-width: 36em) {
}
/**************************/
/* ABOVE 768px */
/**************************/
@media (min-width: 48em) {
}
/**************************/
/* ABOVE 800px */
/**************************/
@media (min-width: 50em) {
  .slide-text {
    position: absolute;
    top: 28rem;
    text-align: right;
  }
  .slide-text .box {
    padding-right: 4rem;
  }
  .slide-text .box::before {
    content: "";
    background-color: #ffffff30;
    width: 0.3rem;
    height: 88%;
    position: absolute;
    right: 0;
    border-radius: 12px;
    top: 50%;
    transform: translateY(-50%);
  }
  .slide-text .editor-content {
    text-align: right;
  }
  .slide-text .first-line {
    justify-content: unset;
  }
  .slide-text .btns--box {
    justify-content: unset;
    margin-top: 10rem;
  }
}
/**************************/
/* ABOVE 1024px */
/**************************/
@media (min-width: 64em) {
}
/**************************/
/* ABOVE 1200px */
/**************************/
@media (min-width: 75em) {
}