.heroTitle {
  background-color: rgba(255, 255, 255, 0.062);
  backdrop-filter: blur(3px);
}
@media (min-width: 576px) {
  .heroTitle {
    background-color: rgba(255, 255, 255, 0);
    backdrop-filter: blur(0px);
  }
}

.mb120 {
  margin-bottom: 24px;
}
@media (min-width: 576px) {
  .mb120 {
    margin-bottom: 120px;
  }
}

.py120 {
  padding: 0px;
}
@media (min-width: 576px) {
  .py120 {
    padding: 120px 0px;
  }
}

.indexCard {
  padding-top: 100%;
  overflow: hidden;
  width: 100%;
}
.indexCard.solutionBg {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  overflow: hidden;
}
@media (min-width: 576px) {
  .indexCard.solutionBg {
    background-position: right 0%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    overflow: hidden;
  }
}
.indexCard.deviceBG {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  overflow: hidden;
}
@media (min-width: 576px) {
  .indexCard.deviceBG {
    background-position: left center;
    background-size: 130%;
    background-repeat: no-repeat;
    background-attachment: visible;
    overflow: hidden;
  }
}

.consultingBg {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: hidden;
}
@media (min-width: 576px) {
  .consultingBg {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    overflow: hidden;
  }
}

@media (min-width: 576px) {
  .inOneBg {
    background-image: url(https://medalliance.com.tw/images/index/all-in-one_solutions-sm.webp);
    background-position: center right;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    overflow: hidden;
  }
}

.infoSet {
  position: absolute;
  top: 30%;
  right: -10%;
  width: 120%;
}
@media (min-width: 576px) {
  .infoSet {
    position: absolute;
    top: 36%;
    right: -4%;
    width: 110%;
  }
}

.medicalBg {
  min-height: 30vh;
  background-image: url(https://medalliance.com.tw/images/index/medical_device_solution-as-a_service.webp);
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  overflow: hidden;
}
@media (min-width: 576px) {
  .medicalBg {
    min-height: 60vh;
    background-image: url(https://medalliance.com.tw/images/index/medical_device_solution-as-a_service.webp);
    background-position: center right;
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    overflow: hidden;
  }
}/*# sourceMappingURL=index.css.map */