.about-sec img {
  width: 100%;
  object-fit: cover;
}
@media (min-width: 1025px) {
  .about-sec img {
    height: 32.8125vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .about-sec img {
    height: 32.8125vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  .about-sec img {
    height: 450px;
  }
}
@media (max-width: 600px) {
  .about-sec img {
    height: 350px;
  }
}

.notic-orange {
  background: #cf5c36;
}
@media (min-width: 1025px) {
  .notic-orange {
    padding-left: 1.5625vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .notic-orange {
    padding-left: 1.5625vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  .notic-orange {
    padding-left: 20px;
  }
}
@media (max-width: 600px) {
  .notic-orange {
    padding-left: 20px;
  }
}
@media (min-width: 1025px) {
  .notic-orange {
    padding-right: 1.5625vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .notic-orange {
    padding-right: 1.5625vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  .notic-orange {
    padding-right: 20px;
  }
}
@media (max-width: 600px) {
  .notic-orange {
    padding-right: 20px;
  }
}
@media (min-width: 1025px) {
  .notic-orange {
    padding-top: 1.0416666667vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .notic-orange {
    padding-top: 1.0416666667vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  .notic-orange {
    padding-top: 20px;
  }
}
@media (max-width: 600px) {
  .notic-orange {
    padding-top: 20px;
  }
}
@media (min-width: 1025px) {
  .notic-orange {
    padding-bottom: 1.0416666667vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .notic-orange {
    padding-bottom: 1.0416666667vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  .notic-orange {
    padding-bottom: 20px;
  }
}
@media (max-width: 600px) {
  .notic-orange {
    padding-bottom: 20px;
  }
}

.exp-sec {
  position: relative;
}
.exp-sec::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
}
.exp-sec .exp-sec-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.warrenty-car-img {
  width: 100%;
  object-fit: cover;
}
@media (min-width: 1025px) {
  .warrenty-car-img {
    height: 32.8125vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .warrenty-car-img {
    height: 32.8125vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  .warrenty-car-img {
    height: 350px;
  }
}
@media (max-width: 600px) {
  .warrenty-car-img {
    height: 350px;
  }
}

.warrenty-car-notice {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 57%;
}
@media (min-width: 1025px) {
  .warrenty-car-notice .warrenty-car-notice-no {
    padding-right: 1.0416666667vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .warrenty-car-notice .warrenty-car-notice-no {
    padding-right: 1.0416666667vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  .warrenty-car-notice .warrenty-car-notice-no {
    padding-right: 20px;
  }
}
@media (max-width: 600px) {
  .warrenty-car-notice .warrenty-car-notice-no {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 1025px) {
  .warrenty-car-notice {
    position: relative !important;
    width: max-content;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 600px) {
  .warrenty-car-notice {
    position: relative !important;
    width: 100%;
    margin-top: 20px;
  }
}

@media (min-width: 1025px) {
  .feature-box .feature-box__details {
    padding-left: 4.1666666667vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .feature-box .feature-box__details {
    padding-left: 4.1666666667vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  .feature-box .feature-box__details {
    padding-left: 20px;
  }
}
@media (max-width: 600px) {
  .feature-box .feature-box__details {
    padding-left: 20px;
  }
}
@media (min-width: 1025px) {
  .feature-box .feature-box__details {
    padding-right: 4.1666666667vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .feature-box .feature-box__details {
    padding-right: 4.1666666667vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  .feature-box .feature-box__details {
    padding-right: 20px;
  }
}
@media (max-width: 600px) {
  .feature-box .feature-box__details {
    padding-right: 20px;
  }
}
@media (min-width: 1025px) {
  .feature-box .feature-box__details {
    padding-top: 2.6041666667vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .feature-box .feature-box__details {
    padding-top: 2.6041666667vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  .feature-box .feature-box__details {
    padding-top: 20px;
  }
}
@media (max-width: 600px) {
  .feature-box .feature-box__details {
    padding-top: 20px;
  }
}
@media (min-width: 1025px) {
  .feature-box .feature-box__details {
    padding-bottom: 2.6041666667vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .feature-box .feature-box__details {
    padding-bottom: 2.6041666667vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  .feature-box .feature-box__details {
    padding-bottom: 20px;
  }
}
@media (max-width: 600px) {
  .feature-box .feature-box__details {
    padding-bottom: 20px;
  }
}
.feature-box .feature-box__img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  min-height: 26.0416666667vw;
}

.feature-box-reverse {
  flex-direction: row-reverse;
}

.warrenty-img {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
@media (min-width: 1025px) {
  .warrenty-img {
    bottom: -5.2083333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .warrenty-img {
    bottom: -5.2083333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  .warrenty-img {
    bottom: 20px;
  }
}
@media (max-width: 600px) {
  .warrenty-img {
    bottom: 20px;
  }
}
@media (min-width: 1025px) {
  .warrenty-img {
    width: 40%;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .warrenty-img {
    width: 40%;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  .warrenty-img {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .warrenty-img {
    width: 100%;
  }
}
/*# sourceMappingURL=about.module.css.map */