.block-title {
  margin-bottom:40px;
}

.block-title .sub-title {
  display:inline-block;
  color:var(--mainColor);
  font-size:18px;
  letter-spacing:3px;
  font-weight:bold;
  position:relative;
  text-transform:uppercase;
  border-bottom:2px solid var(--mainColor);
  margin-bottom:10px;
}

.block-title h2 {
  font-weight:bold;
  font-size:42px;
  position:relative;
  margin-bottom:20px;
  line-height:1.3;
}

.viewMore a {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 25px;
  font-size:16px;
  font-weight:600;
  line-height:24px;
  text-align:left;
  text-transform:uppercase;
  border-radius:var(--main-border-radius);
  background:var(--mainColor);
  color:#fff;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  overflow:hidden;
}

.viewMore a:before {
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0,0,0,0.04);
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:50%;
  transform-origin:50%;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  transition:all .5s ease-out;
}

.viewMore a:hover:before {
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
}

.viewMore a svg path {
  stroke:#fff;
}

.header .main-logo {
  /*display:none;*/
}

.home-step {
  margin-bottom:80px;
}

.home-step .list-step {
  gap:30px;
  grid-template-columns:repeat(4,1fr);
  display:grid;
}

.home-step .list-step .item {
  text-align:center;
  position:relative;
}

.home-step .list-step .item .icon {
  height:140px;
  width:140px;
  display:inline-block;
  position:relative;
  line-height:118px;
  background:#fff;
  box-shadow:0 0 40px 5px rgba(0,0,0,0.1);
  border-radius:50%;
  margin-bottom:30px;
  font-size:70px;
  color:var(--mainColor);
  text-align:center;
}

.home-step .list-step .item .icon img {
  height:60px;
}

.home-step .list-step .item .icon .number {
  position:absolute;
  height:40px;
  width:40px;
  font-size:14px;
  background:var(--mainColor);
  line-height:40px;
  border-radius:50%;
  color:#fff;
  left:-3px;
  top:-5px;
  font-weight:600;
  text-align:center;
}

.home-step .list-step .item .icon:before {
  content:"";
  position:absolute;
  left:7px;
  right:7px;
  top:7px;
  bottom:7px;
  border-radius:50%;
  border:3px solid var(--mainColor);
}

.home-step .list-step .item .title {
  margin-bottom:10px;
  font-size:24px;
  font-weight:600;
}

.home-step .list-step .item .des {
  color:#757F95;
  font-size:16px;
}

.home-step .list-step .item:before {
  content:"";
  background-image:url(../images/icon-arrow.webp);
  position:absolute;
  right:-72px;
  top:34px;
  width:118px;
  height:60px;
  background-size:contain;
  background-repeat:no-repeat;
}

.home-step .list-step .item:last-child:before {
  content:none;
}

@keyframes ripple-wave {
  0% {
    opacity:0.8;
    -webkit-transform:scale(0.9);
    transform:scale(0.9);
  }
  100% {
    opacity:0;
    -webkit-transform:scale(2);
    transform:scale(2);
  }
}

.home-whychoose {
  margin-bottom:30px;
  padding:80px 0;
  position:relative;
}

.home-whychoose:before {
  content:"";
  background:var(--mainColor);
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:-1;
  opacity:0.1;
  opacity:0.16;
}

@media (min-width:991px) {
  .home-whychoose .col-left {
    padding-right:50px;
  }
}

.home-whychoose .block-title .title-old {
  display:inline-block;
  color:var(--mainColor);
  font-size:18px;
  letter-spacing:3px;
  font-weight:bold;
  position:relative;
  text-transform:uppercase;
  border-bottom:2px solid var(--mainColor);
  margin-bottom:20px;
}

.home-whychoose .block-title p {
  color:#757F95;
  font-size:16px;
  text-align:justify;
  margin-bottom:20px;
}

.home-whychoose .list-whychoose .item {
  display:flex;
  gap:20px;
  position:relative;
  padding-bottom:25px;
  margin-top:25px;
  border-bottom:1px solid rgba(0,0,0,0.08);
  z-index:1;
}

.home-whychoose .list-whychoose .item:last-child {
  border-bottom:initial;
  padding-bottom:0;
}

.home-whychoose .list-whychoose .item .icon {
  width:50px;
  height:50px;
  line-height:50px;
  background:var(--mainColor);
  font-size:25px;
  border-radius:50px;
  margin-top:5px;
  margin-bottom:15px;
  text-align:center;
  position:relative;
  box-shadow:0 0 40px 5px rgba(0,0,0,0.05);
}

.home-whychoose .list-whychoose .item .icon:before {
  content:"";
  position:absolute;
  border:3px solid var(--mainColor);
  border-radius:50px;
  left:-6px;
  right:-6px;
  top:-6px;
  bottom:-6px;
}

.home-whychoose .list-whychoose .item .icon svg {
  width:36px;
  height:36px;
  margin-top:-7px;
}

.home-whychoose .list-whychoose .item .icon svg path {
  fill:#fffaf4;
}

.home-whychoose .list-whychoose .item .content {
  flex:1;
}

.home-whychoose .list-whychoose .item .content .title {
  margin-bottom:10px;
  font-size:22px;
  font-weight:600;
}

.home-whychoose .list-whychoose .item .content .des {
  color:#757F95;
  text-align:justify;
}

.home-whychoose .block-image {
  position:relative;
  display:block;
}

.home-whychoose .block-image img {
  z-index:1;
  position:relative;
}

.home-whychoose .block-image:after {
  content:"";
  position:absolute;
  border:6px solid var(--mainColor);
  right:-30px;
  top:-30px;
  bottom:-30px;
  left:20%;
}

.home-faq {
  margin-bottom:80px;
}

.home-faq .block-title p {
  color:#757F95;
  font-size:16px;
  text-align:justify;
  margin-bottom:30px;
}

@media (min-width:991px) {
  .home-faq .col-left {
    padding-right:50px;
  }
}

.home-faq #faq-container .faq-item {
  margin-bottom:30px;
  background:#fff;
  border-radius:var(--main-border-radius);
  box-shadow:0 0 40px 5px rgba(0,0,0,0.05);
}

.home-faq #faq-container .faq-item .faq-question {
  border:none;
  background:initial;
  padding:18px;
  font-weight:600;
  font-size:20px;
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  text-align:left;
  padding-right:45px;
  color:#000;
}

.home-faq #faq-container .faq-item .faq-question .icon-question {
  min-width:45px;
  width:45px;
  height:45px;
  line-height:45px;
  border-radius:50px;
  background:var(--mainColor);
  text-align:center;
  display:inline-block;
  margin-right:15px;
}

.home-faq #faq-container .faq-item .faq-question .icon-question svg {
  margin-top:-6px;
}

.home-faq #faq-container .faq-item .faq-question .icon-question svg path {
  fill:#fff;
}

.home-faq #faq-container .faq-item .faq-question .icon-down {
  position:absolute;
  right:15px;
}

.home-faq #faq-container .faq-item .faq-answer {
  padding:20px;
}

.home-faq #faq-container .faq-item.active .faq-question {
  border-bottom:1px solid var(--mainColor);
}

.home-faq #faq-container .faq-item.active .faq-question .icon-down {
  transform:rotate(180deg);
}

@media (min-width:1199px) {
   .block-title h2.item-effect.on-show {
    animation-name:fadeInUp;
    animation-duration:0.6s;
  }
  .block-title ul.item-effect.on-show {
    animation-name:fadeInUp;
    animation-duration:0.8s;
  }
  
}

@media (max-width:1199px) and (min-width:991px) {
  .block-title h2 {
    font-size:32px;
  }
 
  .home-step .list-step .item:before {
    width:100px;
    height:45px;
  }
  .home-step .list-step .item .title {
    font-size:18px;
  }
}

@media (max-width:1600px) and (min-width:1441px) {
  .module-slider .swiper-slide a .content .title {
    font-size:48px;
  }
}

@media (max-width:1440px) and (min-width:1200px) {
  .module-slider .swiper-slide a .content .title {
    font-size:38px;
  }
}

@media (max-width:991px) and (min-width:767px) {
  .module-slider {
    margin-bottom:50px;
  }
  .home-whychoose {
    margin-bottom:50px;
    padding:50px 0;
  }
  .home-whychoose .block-image {
    margin-top:70px;
    text-align:center;
  }
  .home-whychoose .block-image:after {
    right:0;
  }
  .home-step {
    margin-bottom:50px;
  }
  .home-step .list-step {
    grid-template-columns:repeat(2,1fr);
  }
  .home-step .list-step .item:nth-child(2):before {
    content:none;
  }
  .home-step .list-step .item .title {
    font-size:20px;
  }
  .home-faq {
    margin-bottom:50px;
  }
  .home-faq #faq-container {
    margin-top:30px;
  }

}

@media (max-width:767px) {
  .block-title h2 {
    font-size:28px;
    margin-bottom:20px;
  }
  .block-title h2 span,
  .block-title h2 a {
    padding:0;
  }
  .block-title h2 span:before,
  .block-title h2 span:after,
  .block-title h2 a:before,
  .block-title h2 a:after {
    display:none;
  }
  .block-title h2:after {
    display:none;
  }
  .home-whychoose {
    margin-bottom:50px;
    padding:50px 0;
  }
  .home-whychoose .block-image {
    margin-top:70px;
    text-align:center;
  }
  .home-whychoose .block-image:after {
    right:0;
  }
  .home-whychoose #faq-container .faq-item .faq-question {
    font-size:18px;
  }
  .home-step {
    margin-bottom:50px;
  }
  .home-step .list-step {
    grid-template-columns:repeat(2,1fr);
  }
  .home-step .list-step .item:before {
    content:none;
  }
  .home-step .list-step .item .title {
    font-size:18px;
  }
  .home-faq {
    margin-bottom:50px;
  }
  .home-faq #faq-container {
    margin-top:30px;
  }
  .home-blogs {
    margin-bottom:50px;
  }
  .home-review-customer {
    margin-bottom:50px;
    padding:50px 0;
  }
  .home-about .block-image {
    text-align:center;
    margin-top:30px;
  }
  .home-banner .row-margin {
    margin:0 -8px;
  }
  .home-banner .col-padding {
    padding:0 8px;
  }
  .home-banner .margin-bottom {
    margin-bottom:16px;
  }
  .home-whychoose .list-whychoose .item .content .title {
    font-size:18px;
  }
  .home-whychoose .block-image {
    margin-top:30px;
  }
  .home-whychoose .block-image:after {
    display:none;
  }
}