.bg-section .bg .bg-detail.dark{
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.area_title{
  text-align: center;
  color: #fff;
}
.area_title h2{
  font-size: 0.36rem;
}
.area_title p{
  color: rgba(225, 225, 225.7);
  font-size: 0.26rem;
  max-width: 70%;
  margin: 0 auto;
}

.section1 .logo-box img{
      width: 2rem;
}
.top_bottom_padding_0{
    padding-top: 0;
    padding-bottom: 0;
}
.capital_txt, .capital_txt *{
    text-transform: uppercase;
}
.common-section .t2, .common-section .t1{
  
}
.bg-section .car-logo{
  width: 2.33rem;
}
.swiper-section, .bg-section{
  padding: 0.5rem 1.05rem;
}
.section6{
  padding-bottom: 1rem !important;
}
.common-section .swiper-container{
  margin-top: 0px;
}
.bg-section.transparent_bg
{
  background: transparent !important;
}
.swiper-section.transparent_bg .left-box .bottom .nav-ar{
  color: #756659 !important;
  opacity: 0.4;
}
.bg-section.transparent_bg h2, .bg-section.transparent_bg p, .swiper-section.transparent_bg h2, 
.swiper-section.transparent_bg p, .swiper-section.transparent_bg .d, .swiper-section.transparent_bg .t,
.swiper-section.transparent_bg .left-box .bottom .nav-ar.active
{
  color: #756659 !important;
  opacity: 1;
}

.swiper-section.transparent_bg .left-box .bottom .nav-ar.active{
  border-color: #756659 !important;
}
.swiper-section.transparent_bg{
  background: transparent !important;
}
@media (min-width: 768px) {
  .bg-section .car-tit{
    text-align: center;
  }
  
}
@media (max-width: 768px){
  .bg-section {
    padding: 0.50rem 0.36rem !important;
  }
  .bg-section .bg img{
    border-radius: 20px;
  }
  .area_title p{
    max-width: 100%;
  }
  .swiper-section{
    padding: 1rem 0.36rem 1.5rem !important;
  }
}