/** Shopify CDN: Minification failed

Line 90:0 Expected "}" to go with "{"

**/
.card {
  background: #ffffff;
}
body {
  background-color: #fbfbfb !important;
}
.special-card {
  margin-top: 150px !important;
}
img {
  object-fit: contain;
}
.value-img-sp {
  position: absolute;
  bottom: -70px !important;
  left: -50px !important;
}
.special-padding {
  padding: 30px 20px
}
@media (min-width: 577px) {
  .special-direction {
    text-align: center !important;
  }
}
@media (max-width: 576px) {
  .about-us-values__main-heading {
    text-align: center;
  }
  
  .special-card {
    margin-top: 10px !important;
  }
  .value-img-sp {
    position: static !important;
    bottom: auto !important;
    left: auto !important;
  }
  .about-us-values__card {
    background: #ffffff;
    margin: 10px 0;
  }

  .value-img, .value-img-sp, .about-us-values__card {
    height: unset !important;
  }

  .about-us-values__card:nth-child(odd) > div {
    flex-direction: row-reverse !important;
  }

  .row:has(.about-us-values__card) {
    padding: 0 2rem;
  }
  
  .row:has(.about-us-values__card) > div[class*="col"]{
    padding: 0;
  }
}
@media (min-width: 1199px) {
  .value-img-sp {
    bottom: -55px !important;
    left: -50px !important;
  }
  .special-padding {
    padding-bottom: 90px !important;
  }
@media (min-width: 993px) and (max-width: 1198px) {
   .special-padding {
    padding-bottom: 120px !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .value-img-sp {
    bottom: -90px !important;
    left: -20px !important;
  }
}
@media (min-width: 578px) and (max-width: 767px) {
  .value-img-sp {
    bottom: auto !important;
    left: -20px !important;
  }
}