.custom_swiper-pagination{
  display: flex;
    justify-content: end;
    padding-right: 50px;
    padding-bottom: 20px;
}
.custom_swiper-pagination .swiper-pagination-bullet{
   width: 37px;
    height: 37px;
    background:transparent;
    text-align: center;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    color: white;
    border: 2px solid white;
    opacity:0.6;
}
.custom_swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
   opacity:1;
}

.overlay-icon-category{
  background:rgba(0,0,0,0.3);
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  
}
.dnt-icon-category-title {
    width: 100%;
    height: 100%;
    display: flex;
    color: white;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    
}
.dnt-icon-category-title p{
    font-size:24px;
    font-weight:700;
}
.dnt-icon-category-title span{
  display:none;
  transition: .5s ease;
}
.dnt-icon-category{
  overflow:hidden;
  transition: .2s;
  border-radius:8px;
}
.dnt-icon-category img{
     transition: .5s ease;
}
.dnt-icon-category:hover img{
  transform: scale(1.3);
  /*transition: 2s;*/
}
.dnt-icon-category:hover .dnt-icon-category-title span{
  display:block;
  transition: .5s ease;
}
.title-sections h2{
  font-size:56px;
  font-weight:700;
  color:var(--text-color);
 
  margin:40px 0px;
}
.title-sections h1{
   font-size:44px;
    font-weight:700;
    color:var(--text-color);
   
    margin:40px 0px;
}

.products_box{
  border-radius:8px;
  position:relative;
}

.product_image_box{
  position:relative;
  
}

.product_image_first{
  transition: opacity .2s ease-in-out;
  
}

.product_image_last{
   position:absolute;
   top:0;
   bottom:0;
   right:0;
   left:0;
   opacity:0;
   transition: opacity .2s ease-in-out;
}
.product_image_first img{
  width:100%;
  height:100%;
   transition: opacity .2s ease-in-out;
   border-radius:8px;
}

.product_image_last img{
  width:100%;
  height:100%;
   transition: opacity .2s ease-in-out;
    border-radius:8px;
}

.discount-money{
   position:absolute;
   top:10px;
   left:10px;
   padding:2px 7px;
   border-radius:999px;
   background:rgb(248 58 58);
   color:white;
   font-size:14px;
}

.product_infor_box{
  margin-top:20px;
}

.name_product{
  text-align:center;
  color:var(--text-color);
  font-size:17px;
}

.price_product{
  color:rgb(248 58 58);
}

.price-origin_product{
  color:var(--text-color);
}
.attributes-color-list{
 
  position: relative;
   display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap: wrap;
   
  
}
.img-color-box-attr{
  width:48px;
  height:48px;
  border-radius:8px;
 border: 2px transparent;
 margin-right:5px;
 margin-bottom: 5px;
 overflow:hidden;

}
.img-color-box-attr.inline-image.active{
   border: 2px solid;
    transition: opacity .2s ease-in-out;
}
.img-color-box-attr img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.img-color-box-attr.plus{
  border-width: 1px;
  display:flex;
  align-items:center;
  justify-content:center;
 
  border: 1px solid rgba(35 ,49 ,75 ,0.12);;
  border-radius:8px;
}

.btn-add-cart-fast{
  position:absolute;
  padding:8px 20px;
  font-weight:500;
  bottom: 20px;
  right: 10px;
  display:none;
}
.product_image_box:hover .btn-add-cart-fast{
   display:block;
}
.product_image_box:hover .product_image_last{
  opacity:1;
}
.product_image_box:hover .product_image_first{
  opacity:0;
}
.pointer-fine{
   position: absolute;
    font-weight: 500;
    bottom: 20px;
    right: 10px;
     display: none; 
    background: white;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.customer-swiper-btn{
  width:40px;
  height:40px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:50%;
  background:white;
  opacity:0;
}

.swiper:hover .customer-swiper-btn {
  opacity:1;
}


/*Banner-content*/
.banner-content img{
 width:100%;
 height:100%;
}
.banner-content .prose{
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 780px;
    margin: auto;

}
.banner-content .prose .h1 split-lines{
  font-size:40px;
  font-weight: 700;
}
.section-stack__intro{
  width:50%;
  margin:auto;
}
.img-vertical{
  display:flex;
}
.img-1-vertical {
  width:50%;
  overflow:hidden;
}
.img-2-vertical{
   width:50%;
   overflow:hidden;
}
.img-1-vertical img {
  width:100%;
  transform: translate3d(50%, 0px, 0px);
}
.img-2-vertical img {
  width:100%;
  transform: translate3d(-50%, 0px, 0px);
}
.icon-path-center{
   position:absolute;
   top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
   
    
}
.icon-path-center svg{
  color:white;
}
.image-row-6{
  position:relative;
  overflow:hidden;
}
.image-row-6 img{
  width:100%;
  height:100%;
  border-radius:8px;
  transition: 2s; 
}
.khampha-box{
  
}

.img-khampha img{
  width:100%;
  height:100%;
  border-radius:8px;
}

.content-khampha h5{
  font-size:28px;
}
.image-row-6 .prose {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background: rgba(0,0,0,0.3);
    border-radius: 8px;
}
.image-row-6:hover img {
    transform: scale(1.3);
  
}

/*footer*/

.footer{
  background:#F7F7F7;
  padding-top:50px;
}

.items-footer-box h2{
  font-size:17px;
  color:var(--text-color);
  font-weight:500;
}
.items-footer-box a{
   font-size:17px;
    color:var(--text-color);
    font-weight:300;
}