.bg-trans {
  position: relative;
}
.bg-trans::before {
  display: block;
  content: "";
  background-image: url(../../images/bg-shape-01.webp);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  width: 34.6354166667vw;
  height: 34.6875vw;
  position: absolute;
  right: 1.09375vw;
  top: -2.1875vw;
  z-index: -1;
}

.trans-text-con {
  margin-bottom: 6.09375vw;
}
@media screen and (max-width: 767px) {
  .trans-text-con {
    margin-bottom: 10.09375vw;
  }
}
.trans-text-con h2 {
  line-height: 1.23;
  max-width: 67.7083333333vw;
  margin-bottom: 3.0208333333vw;
}
@media screen and (max-width: 767px) {
  .trans-text-con h2 {
    max-width: 100%;
  }
}
.trans-text-con p {
  max-width: 41.6666666667vw;
}
@media screen and (max-width: 767px) {
  .trans-text-con p {
    max-width: 100%;
  }
}

.b-card {
  max-width: 20.8333333333vw;
  margin: 0 auto 2.6041666667vw;
}
@media screen and (max-width: 767px) {
  .b-card {
    max-width: 100%;
    margin: 0 auto 10.4166666667vw;
  }
}
.b-card__row {
  margin-bottom: 2.6041666667vw;
}
.b-card__icon {
  padding-bottom: 40px;
}/*# sourceMappingURL=box-style.css.map */