.main-top-box {

  padding: 120px 0 120px 0;

  background-image: url("../images/products-top-background-img.png");

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  z-index: 1;

}

.main-top-box::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: rgba(0, 0, 0, 0.8);

  z-index: -1;

}

.main-top-text-box > h2 {

  color: white;

  font-size: 50px;

  text-align: center;

  font-weight: 600;

  margin-bottom: 0;

  line-height: 60px;

}

.main-crumbs-box {

  margin-top: 40px !important;

  margin-bottom: 120px;

  display: flex;

  align-items: center;

}

.main-crumbs-box > img {

  width: 20px;

  margin-right: 10px;

}

.main-crumbs-box p {

  margin-bottom: 0 !important;

}

.about-box > p:nth-child(1) {

  color: #ff4d47;

  font-size: 22px;

  text-align: center;

}

.about-box > p:nth-child(3) {

  text-align: center;

  margin-bottom: 50px;

}

.about-box > p:nth-child(3) > span {

  font-weight: bold;

}

.about-box > h2 {

  font-weight: 600;

  font-size: 50px;

  margin: 10px 0 26px 0;

  text-align: center;

  line-height: 60px;

}



.about-region-1-left-box{

    padding-right: 40px !important;

}

.about-region-2-right-box{

    padding-left: 40px !important;

}

.about-region-1-left-box > img,.about-region-2-right-box > img{

    width: 100%;

}

.about-region-1-right-box,.about-region-2-left-box{

    display: flex;

    align-items: center;

}

.about-region-1-right-box > div > p{

    line-height: 30px;

}

.about-region-1-right-box > div > p:last-child{

    margin-bottom: 0;

}

.about-region-2-box{

    margin-top: 60px !important;

}

.about-region-2-left-box > div > h2{

    color: white;

    width: 70%;

    font-size: 50px;

    text-align: center;

    font-weight: 600;

    padding: 10px 0;

    background-color: #ff4d47

}

.about-region-2-left-box > div > p{

    line-height: 30px;

    margin-left: 40px;

    margin-top: 40px;

    margin-bottom: 0;

}

.about-region-3-box{

    padding: 80px 0;

    background-image: url("../images/WechatIMG2294.png");

    background-repeat: no-repeat;

    background-size: cover;

    margin-top: 80px;

}

.about-region-3-box > .container > .row > h2{

    font-weight: 600;

    font-size: 50px;

    color: white;

}

.about-region-3-box > .container > .row > p{

    color: white;

    line-height: 35px;

    margin: 15px 0 40px 0;

}

.about-region-3-left-box > img{

    width: 100%;

}

.about-region-3-right-box{

    display: flex;

    align-items: center;

}

.about-region-3-right-box > div{

    padding-left: 40px;

}

.about-region-3-right-box > div > h5{

    color: white;

    font-size: 30px;

    font-weight: 600;

    margin-bottom: 30px;

}

.about-region-3-right-box > div > p{

    display: flex;

    font-size: 20px;

    align-items: center;

    color: white;

}

.about-region-3-right-box > div > p > img{

    width: 20px;

    margin-right: 20px;

}

.about-region-3-right-box > div > div{

    margin-top: 50px;

}

.about-region-3-right-box > div > div > p{

    color: white;

}

.about-region-4-box{

    padding: 80px 0;

    background-color: rgb(244, 244, 244);

}

.about-region-4-box > h2{

    font-weight: 600;

    font-size: 50px;

    line-height: 60px;

    text-align: center;

    margin-bottom: 40px;

}

.region-3-box{

    margin-bottom: 20px;

}

.region-3-box > div {

  background-color: #e54540;

  border-radius: 6px;

  padding-bottom: 6px;

}

.region-3-box > div > div {

  height: 145px;

  background-color: white;

  box-shadow: 0px 1px 7.36px 0.64px rgba(1, 1, 1, 0.08);

  display: flex;

  justify-content: space-between;

  padding: 20px;

  border-radius: 6px;

}

.region-3-box > div > div > div:nth-child(1) > span {

  padding: 10px 0;

  width: 40px;

  height: 40px;

  background-color: #e54540;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  margin-right: 20px;

}

.region-3-box > div > div > div:nth-child(1) > span > img {

  width: 20px;

}

.region-3-box > div > div > div:nth-child(2) > h5 {

  font-weight: 600;

  font-size: 20px;

  margin-bottom: 15px;

}

.region-3-box > div > div > div:nth-child(2) > p {

  margin-bottom: 0;

}

.about-region-5-box{

    padding: 80px 0;

    background-image: url("../images/IMG_202508061118_3840x1682.png");

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 1;

}

.about-region-5-box::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: rgba(0, 0, 0, 0.4);

  z-index: -1;

}

.about-region-5 > h2{

    font-weight: 600;

    font-size: 50px;

    color: white;

    margin-bottom: 40px;

}

.about-region-5 > p{

    color: white;

    line-height: 30px;

}

.about-region-5 > div{

    display: flex;

    align-items: center;

    margin: 20px 0;

}

.about-region-5 > div > img{

    width: 20px;

    margin-right: 20px;

}

.about-region-5 > div > p{

    font-size: 24px;

    color: white;

    font-weight: 600;

    margin-bottom: 0;

}

.about-region-6-box{

    padding: 80px 0;

}

.about-region-6-left-box{

    padding-right: 0 !important;

}

.about-region-6-left-box > img{

    width: 100%;

}

.about-region-6-right-box{

    position: relative;

}

.about-region-6-right-top-text-box{

    margin-top: 150px;

    padding-left: 40px;

}

.about-region-6-right-top-text-box > h2{

    line-height: 60px;

    font-size: 50px;

    font-weight: 600;

}

.about-region-6-right-top-text-box > p{

    line-height: 35px;

    margin: 20px 0;

}

.about-region-6-right-top-text-box > b{

    font-size: 20px;

}

.about-region-6-right-bottom-text-box{

    width: 100%;

    position: absolute;

    left: 0;

    bottom: 0;

    background-color: rgb(244, 244, 244);

    padding: 40px 30px;

    border-radius: 6px;

}

.about-region-6-right-bottom-text-box > p{

    font-size: 24px;

}

.about-region-6-right-bottom-text-box > div > h2{
  margin-bottom: 0;
}

.about-region-6-right-bottom-text-box > div{

    margin-top: 40px;

    display: flex;

    align-items: center;

}

.about-region-6-right-bottom-text-box > div > img{

    width: 60px;

    margin-right: 20px;

}

.about-region-6-right-bottom-text-box > div > h2 > a{

    color: #e54540 !important;

    font-size: 46px;

    font-weight: 600;

}





@media (min-width: 768px) and (max-width: 1023px) {

  .main-crumbs-box {

    margin-bottom: 80px;

  }

  .main-top-text-box {

    width: 100% !important;

  }

  .about-region-1-left-box{

    padding-right: 12px !important;

    margin-bottom: 20px;

  }

  .about-region-2-left-box > div > p{

    margin-left: 0;

  }

  .about-region-2-right-box{

    padding-left: 12px !important;

    margin-top: 20px !important;

  }

  .about-region-3-right-box > div{

    padding-left: 0;

  }

  .about-region-3-right-box{

    margin-top: 20px !important;

  }

  .region-3-box > div > div{

    height: 170px;

  }

  .about-region-6-right-bottom-text-box{

    position: unset;

  }

  .about-region-6-right-top-text-box{

    margin-top: 20px;

    margin-bottom: 20px;

    padding-left: 0;

  }

  .about-region-6-left-box{

    padding-right: 12px !important;

  }
  .about-region-2-left-box > div > h2{
      font-size: 42;
  }

}



@media (max-width: 580px) {

  .main-crumbs-box {

    flex-wrap: wrap;

    margin-bottom: 40px;

  }

  .main-crumbs-box p,

  .main-crumbs-box a {

    line-height: 40px;

  }

  .main-top-box {

    padding: 50px 0 50px 0;

  }

  .main-top-text-box > h2,.about-box > h2,.about-region-2-left-box > div > h1,.about-region-3-box > .container > .row > h2,.about-region-4-box > h2,.about-region-5 > h2,.about-region-6-right-top-text-box > h2{

    font-size: 30px;

    line-height: 40px;

  }

  .about-region-6-right-bottom-text-box > div > h2 > a{
    font-size: 28px;
  }

  .about-region-1-left-box{

    padding-right: 12px !important;

    margin-bottom: 20px;

  }

  .about-region-1-right-box > div > p,.about-region-3-box > .container > .row > p,.about-region-6-right-top-text-box > p{

    line-height: 25px;

  }

  .about-region-2-left-box > div > p{

    margin-left: 0;

  }

  .about-region-2-right-box{

    padding-left: 12px !important;

    margin-top: 20px !important;

  }

  .about-region-2-left-box > div > p{

    margin-top: 20px;

  }

  .about-region-3-box{

    margin-top: 60px;

    padding: 60px 0;

  }

  .about-region-3-right-box > div{

    padding-left: 0;

    margin-top: 20px;

  }

  .about-region-4-box > h2{

    padding: 0 12px;

    line-height: 40px;

  }

  .region-3-box > div > div{

    height: auto;

  }

  .about-region-4-box,.about-region-5-box,.about-region-6-box{

    padding: 60px 0;

  }

  .about-region-6-left-box{

    padding-right: 12px !important;

  }

  .about-region-6-right-bottom-text-box{

    position: unset;

    padding: 20px;

  }

  .about-region-6-right-top-text-box{

    margin-top: 20px;

    padding-left: 0;

    margin-bottom: 20px;

  }

  .about-region-6-right-bottom-text-box > div > img{

    width: 40px;

  }
  .about-region-2-left-box > div > h2{
      font-size: 32px;
  }

}
@media (max-width:768px){
    .about-region-2-left-box > div > h2{
        font-size: 32px;
    }
}