/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

#button-contact-vr {
    position: fixed;
    bottom: 100px;
    z-index: 999;
    right: 0;
  }
  
  /*phone*/
  #button-contact-vr .button-contact {
    position: relative;
    margin-top: -5px;
  }
  
  #button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
  }
  
  .phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
    box-shadow: 0 0 0 0 #c31d1d;
    background-color: #cf203170;
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
  }
  
  .phone-vr-img-circle {
    background-color: #CF2031;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 25px;
    left: 25px;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
  }
  
  .phone-vr-img-circle a {
    display: block;
    line-height: 37px;
  }
  
  .phone-vr-img-circle img {
    max-height: 25px;
    max-width: 27px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
  }
  
  @-webkit-keyframes phone-vr-circle-fill {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
  
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
  
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
  
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
  
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
  
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
  
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
  }
  
  @-webkit-keyframes zoom {
    0% {
        transform: scale(.9)
    }
  
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }
  
    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
  }
  
  @keyframes zoom {
    0% {
        transform: scale(.9)
    }
  
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }
  
    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
  }
  
  .phone-bar a {
    position: fixed;
    bottom: 25px;
    left: 30px;
    z-index: -1;
    color: #fff;
    font-size: 16px;
    padding: 8px 15px 7px 50px;
    border-radius: 100px;
    white-space: nowrap;
  }
  
  .phone-bar a:hover {
    opacity: 0.8;
    color: #fff;
  }
  
  #zalo-vr .phone-vr-img-circle {
    background-color: #1F5E9D;
  }
  
  #zalo-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #1f5e9da3;
    background-color: #1f5e9d7a;
  }
.text-top{

}
.text-top p{
font-weight: 500;
font-size: 12px;
line-height: 100%;
color: #4C4C4C;

}
#top-bar{
  border-bottom:1px solid #E2E2E2;
}
.top-link{

}
.top-link a{font-weight: 500;font-size: 14px;line-height: 100%;color: #4C4C4C;position: relative;padding-left: 10px;margin-left: 10px;}
.top-link a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 5px;
  height: 5px;
  background: #4C4C4C;
  border-radius: 50%;
}
.searchform-wrapper{

}
.searchform-wrapper form{height: 53px;background: #F1F5F9;border-radius: 13px;padding: 0 10px;}
.searchform-wrapper form button{background-color: transparent !important;border: unset;}
.searchform-wrapper form button i{
color: #94A3B8;

}
.searchform-wrapper form input{font-weight: 400;font-size: 15.75px;line-height: 100%;color: #6B7280;background-color: transparent;border: unset;box-shadow: unset;}
.cart-item{

}
.cart-item .header-cart-link{background: #DF1D03;border-radius: 10px;font-weight: 700;font-size: 12.53px;line-height: 21.49px;text-transform: uppercase;color: #ffffff;padding: 8px 15px;}
.cart-item .header-cart-link span{
color: #ffffff;
}
.cart-item .header-cart-link i{
color: #ffffff;
}
.main-yt{

}
.main-yt a{padding: 0 10px;}
.main-yt img{
  
}
#mega-menu-wrap{
      display: inline-block;
      width: auto;
      background: #1B5E20;
      position: relative;
      border-radius: 5px;
}
.header-bottom-nav{

}
.header-bottom-nav>li{margin: 0 20px;}
.header-bottom-nav>li>a{
font-weight: 700;
font-size: 14px;
line-height: 20px;
color: #4B5563;

}
#wide-nav{
  border-width: 1px, 0px, 1px, 0px;
  /* border-style: solid; */
  /* border-color: #F3F4F6; */
}
.text-title-ck{max-width: 730px;margin: 0 auto;}
.text-title-ck h3{font-weight: 700;font-size: 40px;line-height: 36px;color: #1B5E20;margin-bottom: 30px;}
.text-title-ck h3 strong{
color: #1B5E20;

}
.text-title-ck p{
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: #6B7280;

}
.icon-ck{background: #FFFFFF;border-radius: 24px;/* padding: 40px; */margin-bottom: 30px;/* box-shadow: 0px 1px 2px 0px #0000000D; */}
.icon-ck .icon-box-img{margin-bottom: 30px;}
.icon-ck .icon-box-text{

}
.icon-ck .icon-box-text h3{font-weight: 700;font-size: 20px;line-height: 28px;color: #1B5E20;}
.icon-ck .icon-box-text p{
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #6B7280;
}
.h3-title{

}
.h3-title h3{border: unset;}
.h3-title h3 span{font-weight: 700;font-size: 30px;line-height: 36px;color: #1B5E20;border: unset;margin: 0;padding: 0;position: relative;padding-bottom: 20px;}
.h3-title h3 span::before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 172px;
  height: 3px;
  background: url(images/lineth.png) no-repeat;
}
.h3-title h3 a{font-weight: 700;font-size: 14px;line-height: 20px;color: #2E7D32;text-transform: uppercase;}
.h3-title h3 a i{
  color: #ED1C24;
}
.text-title-gt{

}
.text-title-gt h3{font-weight: 700;font-style: Italic;font-size: 36px;line-height: 40px;text-transform: uppercase;color: #FFFFFF;margin-bottom: 10px;}
.text-title-gt p{
font-weight: 500;
font-size: 18px;
line-height: 28px;
color: #FFFFFF;

}
.col-count{

}
.col-count .ux-timer{margin: 0;}
.col-count .ux-timer span{/* display: block; */background: #FFFFFF1A !important;border-radius: 16px;font-size: 30px;line-height: 36px;color: #ffffff !important;}
.col-count .ux-timer span strong{

}
#mega-menu-title{font-weight: 700;font-size: 14px;line-height: 20px;width: 118px;text-align: center;padding: 14px 10px;font-family: "Be Vietnam Pro", sans-serif;}
#mega-menu-title i{
  display: none;
}
.blog-home{

}
.blog-home .box-blog-post{

}
.blog-home .box-image{

}
.blog-home .box-image img{
  border-radius:22px ;
}
.blog-home .box-blog-post .box-text{

}
.blog-home .box-blog-post .box-text p.cat-label{font-weight: 700;font-size: 10px;line-height: 15px;text-transform: uppercase;color: #006432;opacity: 1;}
.blog-home .box-blog-post .box-text h5{

}
.blog-home .box-blog-post .box-text h5 a{
font-weight: 700;
font-size: 20px;
line-height: 28px;
color: #111827;

}
.blog-home .box-blog-post .box-text .is-divider{
  display: none;
}
.blog-home .box-blog-post .box-text .meta-arthur{
  display: none;
}
.footer-company{

}
.footer-company p{font-weight: 400;font-size: 16px;line-height: 22px;color: #ffffff;margin-bottom: 5px;}
.footer-company h4{font-weight: 900;font-size: 32px;line-height: 28px;color: #ffffff;margin-bottom: 10px;}
.icon-footer{

}
.icon-footer .icon-box-img{
  width: 18px !important;
}
.icon-footer .icon-box-text{

}
.icon-footer .icon-box-text p{
font-weight: 400;
font-size: 18px;
line-height: 27px;
color: #ffffff;
}
.title-footer{

}
.title-footer h3{font-weight: 700;font-size: 20.25px;line-height: 30.38px;color: #FFFFFF;margin-bottom: 17px;}
.menu-footer{

}
.menu-footer .menu-item{

}
.menu-footer .menu-item a{
font-weight: 400;
font-size: 18px;
line-height: 27px;
color: #ffffff;
}
.text-copyright{

}
.text-copyright p{font-weight: 400;font-size: 15.75px;line-height: 22.5px;text-align: center;margin-bottom: 0;}
.row-slidern{
  border-radius: 31px;
  overflow: hidden;
}
.col6-slider{
  background: url(images/bannerleft.png) no-repeat;
}
.col6-slider .col-inner{
  padding: 20px 40px;
}
.text-cauc{margin-bottom: 30px;}
.text-cauc span{font-weight: 700;font-size: 10.39px;line-height: 13.85px;text-transform: uppercase;color: #FFFFFF;background: #FFFFFF1A;backdrop-filter: blur(10.388927459716797px);padding: 5px 10px;border-radius: 12px;}
.text-slider{

}
.text-slider h3{font-weight: 700;font-size: 34.63px;line-height: 48.48px;color: #FFFED8;margin-bottom: 40px;}
.text-slider p{font-weight: 600;font-size: 13.85px;line-height: 28.14px;color: #ffffff;max-width: 390px;}
.text-slider h4{font-weight: 700;font-style: Italic;font-size: 20.78px;line-height: 20.78px;color: #ffffff;padding-left: 30px;position: relative;}
.text-slider h4::before{
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 27px;
  height: 1px;
  background: #BFDBFE;
}
.but-khampha{background: #FFFFFF !important;color: #ffffff !important;padding: 5px 35px;}
.but-khampha span{
font-weight: 700;
font-size: 13.85px;
line-height: 20.78px;
color: #006432;

}
.but-cauc{background: transparent !important;color: #ffffff !important;padding: 5px 35px;}
.but-cauc span{
font-weight: 700;
font-size: 13.85px;
line-height: 20.78px;
color: #ffffff;

}
.row-camket{
  background: #FFFFFF;
  box-shadow: 0px 4px 15.4px 0px #0000000A;
  padding: 35px 30px;
  border-radius: 31px;
}
.home-product-tot{

}
.home-product-tot .product-small{
  border: 1px solid #F0F0F0;
  background: #FFFFFF;
  border-radius: 32px;
  overflow: hidden;
  padding: 15px;
}
.home-product-tot .product-small .box-image{

}
.home-product-tot .product-small .box-text{padding-bottom: 0;}
.home-product-tot .product-small .box-text .title-wrapper{
  margin-bottom: 20px;
}
.home-product-tot .product-small .box-text .title-wrapper .category{
  display: none;
}
.home-product-tot .product-small .box-text .title-wrapper p.product-title{

}
.home-product-tot .product-small .box-text .title-wrapper p.product-title a{
font-weight: 700;
font-size: 14px;
line-height: 20px;
color: #111827;

}
 .product-small .box-text .price-wrapper{

}
 .product-small .box-text .price-wrapper .price span{
font-weight: 700;
font-size: 18px;
line-height: 28px;
color: #E53E3E;

}
 .product-small .box-text .price-wrapper ins span{
font-weight: 700;
font-size: 18px;
line-height: 28px;
color: #E53E3E;

}
.product-small .box-text .price-wrapper del span{
font-weight: 400;
font-size: 12px !important;
line-height: 16px;
color: #A4A4A4 !important;

}
.product-sales{font-weight: 700;font-size: 10px;line-height: 15px;text-transform: uppercase;color: #9CA3AF;margin-top: 10px;position: relative;padding-top: 13px;}
.product-sales::before{content: "";position: absolute;left: 0;top:0;width: 25.25px;height: 4px;background: #E53E3E;border-radius: 2px;z-index: 9;}
.product-sales::after{
content: "";
position: absolute;
left: 0;
top:0;
width: 100%;
height: 4px;
border-radius: 2px;
background: #EEEEEE;
}
 .product-small .box-text .add-to-cart-button{

}
 .product-small .box-text .add-to-cart-button a{font-weight: 700;font-size: 12px;line-height: 16px;color: #ffffff;text-transform: uppercase;background: #1B5E20;border-radius: 22px;padding: 12px 10px;width: 100%;padding-left: 26px;margin-right: 0;}
 .product-small .box-text .add-to-cart-button a::before{
  content: "";
  position: absolute;
  top: 10px;
  left: 11px;
  width: 20px;
  height: 20px;
  background: url(images/cartsp.png) no-repeat;
}
.home-product-tot .badge-container{margin: 0;left: unset;right: 5px;top: 12px;}
.home-product-tot .badge-container span{
  background: #E53E3E;
  font-weight: 900;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
  padding: 3px 6px;
  border-radius: 15px;
}
.but-xemtc{border: 2px solid #FFFFFF4D !important;background-color: transparent !important;color: #FFFFFF4D !important;padding: 10px 20px;margin-bottom: 0;}
.but-xemtc span{
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;

}
.col12-xemtc .col-inner::before{
  content: "";
  position: absolute;
  right: 0;
  top: 27px;
  height: 0;
  border: 1px solid #FFFFFF;
  width: calc(100% - 270px);
}
.h3-title-dm{margin-bottom: 0;}
.h3-title-dm h3{border: unset;}
.h3-title-dm h3 span{font-weight: 700;font-size: 36px;line-height: 36px;color: #1B5E20;border: unset;position: relative;}
.h3-title-dm h3 a{font-weight: 700;font-size: 14px;line-height: 20px;color: #1B5E20;text-transform: uppercase;}
.h3-title-dm h3 a i{color: #1B5E20;opacity: 1;}
.text-desc-dm{
  max-width: 460px;
}
.text-desc-dm p{
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: #6B7280;
}
@media screen and (min-width: 850px) {
    .col-danhmuc {
        flex-basis: 12.5%;
        max-width: 12.5%;
    }
}
.icon-dm{
  box-shadow: 0px 4px 10.8px 0px #0000000F;
  background: #FFFFFF;
  border-radius: 22px;
  padding: 16px;
  height: 180px;
}
.icon-dm .icon-box-img{

}
.icon-dm .icon-box-text{

}
.icon-dm .icon-box-text p{
font-weight: 400;
font-size: 14px;
color: #6B7280;

}
.product-small{
  border: 1px solid #DEDEDE;
  border-radius: 52px;
  overflow: hidden;
  padding: 20px;
}
.badge-container{left: 27px;}
.badge-container span{
  background: #FEE2E2;
  border-radius: 12px;
  font-weight: 700;
  font-size: 10px;
  line-height: 15px;
  color: #DC2626;
  padding: 5px 10px;
}
.product-small .box-image{

}
.product-small .box-text{padding-bottom: 0;}
.product-small .box-text p.category{font-weight: 700;font-size: 10px;line-height: 15px;text-transform: uppercase;color: #006432;opacity: 1;} 
.product-small .box-text .product-title{
margin-bottom: 20px;
}
.product-small .box-text .product-title a{
font-weight: 700;
font-size: 16px;
line-height: 22px;
color: #111827;
}
.sec-dm .h3-title-dm h3 span::after{content: "";position: absolute;right: -72px;top: -29px;width: 53px;height: 58px;background: url(images/trondm.png) no-repeat;}
.product-categories{

}
.product-categories a{
font-weight: 700;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
color: #2D7A31;
}
h1.product-title.product_title{
font-weight: 700;
font-size: 32px;
color: #1B5E20;

}
.product-info form.cart{

}
.product-info form.cart label{
  float: left;
  width: 75px;
  flex: unset;
  padding-top: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20.02px;
  color: #6B7280;
}
.product-info form.cart .ux-quantity{
  float: left;
  width: calc(100% - 91px);
  border-radius: 11px;
  overflow: hidden;
  /* border: 1px solid #D1D5DB; */
}
.product-info form.cart .ux-quantity input.ux-quantity__button{/* border: unset; */background: transparent;border-radius: 10px;color: #4B5563;font-weight: 700;}
.product-info form.cart .ux-quantity input.input-text{
  border-left: unset;
  border-right: unset;
  box-shadow: unset;
}
.product-info form.cart button{
  width: 48%;
  /* font-family: Be Vietnam Pro; */
  font-weight: 700;
  font-size: 18.58px;
  line-height: 30.86px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  border-radius: 50px;
}
.product-info form.cart button.single_add_to_cart_button{
background: #2D7A31;

}
.product-info form.cart button.ux-buy-now-button{
background: #F97316;
}
.row-detailsp{
  background: #FFFFFF;
  box-shadow: 0px 4px 26.6px 0px #0000000A;
  border-radius: 40px;
  padding: 20px 20px;
}
.icon-detail{align-items: center;}
.icon-detail .icon-box-img{

}
.icon-detail .icon-box-text{

}
.icon-detail .icon-box-text p{
font-weight: 700;
font-size: 14px;
line-height: 15px;
text-transform: uppercase;
color: #6B7280;

}
.shop-container{
  background-color: #fffdf8;
}
.icon-detail.border::before{
  content: "";
  position: absolute;
  right: -5px;
  top: 0;
  background: #D9D9D9;
  width: 2px;
  height: 45px;
}
.sec-camket{
  border-radius: 33px;
  overflow: hidden;
  padding: 50px !important;
}
.text-camket{

}
.text-camket h3{
font-weight: 700;
font-size: 32px;
line-height: 28px;
text-transform: uppercase;
color: #FFFFFF;

}
.text-camket h3 span{position: relative;padding-left: 40px;}
.text-camket h3 span::before{
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 30px;
  height: 30px;
  background: url(images/tym.png) no-repeat;
}
.text-camket p{
font-weight: 500;
font-style: Italic;
font-size: 12px;
line-height: 16px;
color: #FFFFFF;

}
.icon-ccket{
  background: #FFFFFF;
  box-shadow: 0px 3.6px 23.94px 0px #00000021;
  border-radius: 23px;
  padding: 25px;
  margin-bottom: 30px;
}
.icon-ccket .icon-box-img{

}
.icon-ccket .icon-box-text{

}
.icon-ccket .icon-box-text h3{font-weight: 700;font-size: 18px;line-height: 26px;color: #1B5E20;}
.icon-ccket .icon-box-text p{font-weight: 400;font-size: 12.6px;line-height: 17px;color: #676767;}
.box-camket{background: #FFFFFF;box-shadow: 0px 3.6px 23.94px 0px #00000021;border-radius: 25px;padding: 25px;padding-top: 0;margin-top: 30px;}
.box-camket .box-image{/* margin-top: -15px; */top: -15px;padding: 0 45px;}
.box-camket .box-text{

}
.box-camket .box-text h4{
font-weight: 700;
font-size: 21.6px;
line-height: 35.45px;
color: #9CA3AF;

}
.detail-vs{

}
.detail-vs h3{font-weight: 700;font-size: 32px;line-height: 40px;color: #1B5E20;}
.detail-product{
  box-shadow: 0px 1px 2px 0px #0000000D;
border: 1px solid #EEEEEE;
border-radius: 24px;
}
.icon-thamvan{align-items: center;margin-bottom: 20px;}
.icon-thamvan .icon-box-img{

}
.icon-thamvan .icon-box-text{

}
.icon-thamvan .icon-box-text p{
font-weight: 700;
font-size: 16px;
line-height: 24.38px;
color: #1B5E20;

}
.text-list{

}
.text-list ul{

}
.text-list ul li{
font-weight: 400;
font-size: 15px;
line-height: 24.38px;
color: #374151;

}
.text-list ul li strong{
color: #2D7A31;

}
.title-h3-ttsp{

}
.title-h3-ttsp h3{border: unset;text-align: center;position: relative;padding-bottom: 10px;}
.title-h3-ttsp h3::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: url(images/linett.png) no-repeat;
}
.title-h3-ttsp h3 span{font-weight: 700;font-size: 20px;line-height: 28px;color: #2D7A31;border: unset;margin: 0 auto;}
.icon-detail-boder{
  border: 1px solid #2D7A31;
  border-radius: 15px;
  overflow: hidden;
}
.text-thanhphan{background: #2D7A31;display: flex;justify-content: space-between;padding: 16px 20px;border-radius: 15px 15px 0px 0px;}
.text-thanhphan p{font-weight: 700;font-size: 15.49px;line-height: 22.13px;text-transform: uppercase;color: #FFFFFF;margin-bottom: 0;}
.text-hamluong{

}
.text-hamluong ul{

}
.text-hamluong ul li{padding: 13px 26px;font-weight: 400;font-size: 15.49px;line-height: 22.13px;color: #1F2937;border-top: 1.11px solid #F3F4F6;list-style-type: none;margin-left: 0;margin-bottom: 0;display: flex;justify-content: space-between;}
.text-hamluong ul li strong{
color: #2D7A31;

}
.text-thongtin{

}
.text-thongtin ul{

}
.text-thongtin ul li{background: #F9FAFB;border-bottom: 1px solid #E9E9E9;font-weight: 500;font-size: 14px;line-height: 26.55px;color: #1F2937;padding: 13px 26px;margin-left: 0;list-style-type: none;margin-bottom: 0;display: flex;}
.text-thongtin ul li strong{font-weight: 600;font-size: 11.06px;line-height: 16.59px;text-transform: uppercase;color: #6B7280;width: 265px;max-width: 265px;min-width: 140px;}
.text-no-thuoc{background: #FFF8E1;border: 3px solid #FFE79F;padding: 15px 20px;border-radius: 15px;}
.text-no-thuoc h3{
font-weight: 700;
font-size: 14px;
line-height: 20px;
color: #7C2D12;

}
.text-no-thuoc p{font-weight: 400;font-size: 14px;line-height: 22px;color: #854D0E;margin-bottom: 0;}
.text-no-thuoc p strong{

}
.text-khhang{border-left: 5px solid #1B5E20;padding-left: 30px;}
.text-khhang h3{
font-weight: 700;
font-size: 32px;
line-height: 36px;
color: #1B5E20;

}
.text-khhang p{font-weight: 400;font-size: 14px;line-height: 26px;color: #6B7280;margin-bottom: 0;max-width: 500px;}
.sec-spmuakem{
  box-shadow: 0px 4px 26.6px 0px #0000000A;

}
.row-khachhang{
  background: #FFFFFF;
box-shadow: 0px 4px 26.6px 0px #0000000A;
border-radius: 12px;
padding: 50px 50px;
}
.col6-kh{

}
.col6-kh .col-inner{
  border: 0.94px solid #F9FAFB;
  box-shadow: 0px 0.94px 1.89px 0px #0000000D;
  background: #FFFFFF;
  padding: 25px;
  border-radius: 27px;
  margin-bottom: 30px;
}
.col6-kh .col-inner::before{
  content: "";
  position: absolute;
  right: 28px;
  top: 10px;
  width: 91px;
  height: 91px;
  background: url(images/moc.png) no-repeat;
  opacity: 0.1;
}
.icon-kh{

}
.icon-kh .icon-box-img{

}
.icon-kh .icon-box-text{

}
.icon-kh .icon-box-text h3{font-weight: 700;font-size: 15.11px;line-height: 22.67px;color: #111827;margin-bottom: 0;}
.icon-kh .icon-box-text p{

}
.icon-kh .icon-box-text p i{
  color: #FFC420;
}
.text-khmua{

}
.text-khmua p{font-weight: 400;font-style: Italic;font-size: 17px;line-height: 27.63px;color: #4B5563;margin-bottom: 0;}
.icon-damua{align-items: center;}
.icon-damua .icon-box-img{

}
.icon-damua .icon-box-text{

}
.icon-damua .icon-box-text p{
font-weight: 700;
font-size: 11.34px;
line-height: 15.11px;
text-transform: uppercase;
color: #006432;

}
.sec-cauhoi{
  border-radius: 43px;
  margin-bottom: 40px;
}
.title-cauhoi{display: flex;justify-content: space-between;align-items: baseline;}
.title-cauhoi h3{font-weight: 700;font-size: 30px;line-height: 36px;color: #1B5E20;width: auto;margin-bottom: 0;}
.title-cauhoi p{font-weight: 700;font-size: 12px;line-height: 17px;/* letter-spacing: 1px; *//* vertical-align: middle; */text-transform: uppercase;color: #9CA3AF;margin-bottom: 0;}
.text-tonghop{

}
.text-tonghop ul{margin-bottom: 0;}
.text-tonghop ul li{border-bottom: 1px solid #D9D9D9;list-style-type: none;margin-left: 0;font-weight: 400;font-size: 14px;line-height: 19.5px;color: #4B5563;padding: 13px 0;padding-left: 25px;position: relative;}
.text-tonghop ul li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 17px;
  width: 16px;
  height: 16px;
  background: url(images/tich.png) no-repeat;
}
.text-tonghop ul li strong{font-weight: 700;font-size: 16px;line-height: 20px;color: #1B5E20;display: block;padding-bottom: 10px;}
.product-section {
    border-top: unset;
}
h3.product-section-title{font-weight: 700;font-size: 30px;line-height: 36px;color: #1B5E20;position: relative;margin-bottom: 35px;}
h3.product-section-title::before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 172px;
  height: 3px;
  background: url(images/linelq.png) no-repeat;
}
.product-lq{
  margin-bottom: 40px;
}

.tn-product-box{margin: 15px 0;}

.tn-hotdeal{display:flex;justify-content:space-between;align-items:center;background:#d40000;padding: 10px 20px;border-radius:12px;color:#fff;margin-bottom:20px;}

.tn-hotdeal .title{font-size: 32px;font-weight:bold;font-style:italic;line-height: 40px;}

.tn-hotdeal .subtitle{

font-size:15px;

margin-top:4px;

}

.tn-countdown{

display:flex;

align-items:center;

gap:10px;

}

.tn-countdown .item{

width:70px;

height:70px;

background:rgba(255,255,255,.15);

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

border-radius:10px;

}

.tn-countdown span{

font-size:28px;

font-weight:bold;

}

.tn-countdown small{

font-size:11px;

}

.tn-promotion{border:2px solid #f3d187;border-radius:10px;padding: 5px 18px;margin-bottom:18px;background:#fffdf7;}

.tn-promotion .head{font-size: 14px;font-weight:bold;margin-bottom: 0;color: #9A3412;}

.tn-promotion ul{margin:0;padding-left: 0;}

.tn-promotion li{margin: 7px 6px;color: #9C7815;font-size: 13px;font-weight: bold;list-style-type: none;padding-left: 0;margin-left: 0 !important;display: inline;}

.tn-addon{

border:2px solid #c8dcff;

background:#eef5ff;

padding:16px;

border-radius:10px;

margin-bottom:18px;

}

.tn-coupon{

display:flex;

align-items:center;

gap:10px;

flex-wrap:wrap;

}

.tn-coupon span{

padding:6px 16px;

border-radius:5px;

color:#fff;

font-weight:700;

font-size:13px;

}

.tn-coupon .green{

background:#2e7d32;

}

.tn-coupon .red{

background:#d40000;

}

@media(max-width:768px){

.tn-hotdeal{

flex-direction:column;

gap:15px;

}

.tn-countdown .item{

width:55px;

height:55px;

}

.tn-countdown span{

font-size:22px;

}

}
.tn-addon-label{

    display:flex;
    align-items:center;

    padding:12px 14px;

    border:2px solid #b9d4ff;

    background:#edf5ff;

    border-radius:6px;

    cursor:pointer;

    margin:15px 0;

    transition:.25s;

}

.tn-addon-label:hover{

    border-color:#2b6cff;

}

.tn-addon-checkbox{display: none !important;}

.tn-check{

    width:18px;

    height:18px;

    border:2px solid #4f86ff;

    border-radius:4px;

    background:#fff;

    margin-right:10px;

    position:relative;

    flex:none;

}

.tn-addon-checkbox:checked + .tn-check{

    background:#2b6cff;

    border-color:#2b6cff;

}

.tn-addon-checkbox:checked + .tn-check:after{

    content:"";

    position:absolute;

    left:5px;

    top:1px;

    width:4px;

    height:8px;

    border:solid #fff;

    border-width:0 2px 2px 0;

    transform:rotate(45deg);

}

.tn-addon-text{color: #1E3A8A;font-size: 14px;line-height:1.5;font-weight: 700;}

.tn-addon-text strong{

    color:#0f4fa8;

}

.tn-free{

    color:#0f4fa8;

    font-weight:700;

}
.tn-coupon-box{margin: 13px 0;display:flex;align-items:center;flex-wrap:wrap;gap:10px;color: #6B7280;font-size: 16px;margin-bottom: 5px;}

.tn-coupon-list{

    display:flex;

    gap:10px;

    flex-wrap:wrap;

}

.tn-coupon-code{background: #2D7A31;color:#fff;padding: 2px 14px;border-radius:4px;cursor:pointer;font-size: 12px;font-weight:700;transition:.2s;position: relative;padding-left: 19px;box-shadow: 0px 1.25px 2.5px 0px #0000000D;}

.tn-coupon-code:hover{

    opacity:.8;

}
.tn-coupon-code::before{
  content: "";
  position: absolute;
  left: 3px;
  top: 4px;
  width: 16px;
  height: 16px;
  background: url(images/giamgia.png) no-repeat;
}
.tn-coupon-code:nth-child(2){
  background: #E31E24;

}
.tn-variation-boxes{

    margin-bottom:20px;

}

.tn-title{

    display:block;

    font-weight:700;

    margin-bottom:10px;

}

.tn-box-wrap{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

}

.tn-box{

    border:2px solid #ddd;

    border-radius:8px;

    padding:12px 20px;

    cursor:pointer;

    transition:.25s;

    user-select:none;

}

.tn-box:hover{

    border-color:#0d6efd;

}

.tn-box.active{

    border-color:#0d6efd;

    background:#eef5ff;

    color:#0d6efd;

    font-weight:bold;

}
.star-new{

}
.star-new i{
  color: #FFC420;

}
.star-new span:nth-child(1){
  padding-right: 15px;
}
.star-new span.comtent{
font-weight: 700;
font-size: 14px;
line-height: 20px;
color: #6B7280;
}
.shop-container .pageBreamBox{

}
.shop-container .pageBreamBox::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 698px;
  height: 78px;
  background: url(images/linkloadlink1.png) no-repeat;
  z-index: 9;
}
.shop-container .pageBreamBox::after{
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  width: 698px;
  height: 78px;
  background: url(images/linkloadlink.png) no-repeat;
  /* background-size: auto 55px; */
}
.news-category-banner{
  margin: 40px 0;
}
.blog-archive .pageBreamBox{
  margin-bottom: 15px;
}
#post-list .box-blog-post{
  margin-bottom: 20px;
}
#post-list .box-blog-post .meta-arthur {
    margin-bottom: 4px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
}
#post-list .box-blog-post .meta-arthur span{
      font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #696969;
}
#post-list .box-blog-post .meta-arthur .comment {
    float: right;
    margin-right: 20px;
}
.blog-single{
  padding: 30px 0;
}
.breadcrumb{font-weight: 700;font-size: 14px;line-height: 21px;color: #1B5E20;padding-bottom: 5px;}
.breadcrumb a{
color: #A1A1A1;
}
.breadcrumb .separator{
  color: #A1A1A1;
}
.news-related-post .item {
    margin-bottom: 16px;
}
.news-related-post .item >a{
   float: left;
   width: 98px;
}
.news-related-post .img {
    width: 98px;
    height: 98px;
    float: left;
    margin-right: 12px;
    background-size: cover;
    background-position: center center;
}
.news-related-post .title {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #333333;
    flex: none;
    order: 0;
    align-self: center;
    margin: 0px 4px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-related-post .date {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-transform: capitalize;
    color: #696969;
    flex: none;
    order: 1;
    align-self: flex-start;
    margin: 0px 4px;
}
.news-related-post .info{
  float: left;
  width: calc(100% - 104px);
  padding-left: 10px;
}
.my-account{
  padding: 30px 0;
}
/* Khung */

.ux-swatch{
    width:140px;
    height:78px;
    border:1px solid #ddd;
    border-radius:8px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    position:relative;
    background:#fff;
    transition:.2s;
}

/* tên */

.ux-swatches .ux-swatch-text{
    display:block;
    font-size:15px;
    font-weight:700;
    color:#222;
}

/* giá */

.ux-swatch .price,
.ux-swatch .swatch-price{
    margin-top:6px;
    font-size:30px;
    font-weight:700;
    color:#e60012;
    line-height:1;
}

.ux-swatch del{
    display:none;
}

.ux-swatch ins{
    text-decoration:none;
}

/* đang chọn */

.ux-swatch.selected{
    background:#2f7d2d;
    border-color:#2f7d2d;
}

.ux-swatch.selected .ux-swatch-text,
.ux-swatch.selected .price,
.ux-swatch.selected .swatch-price,
.ux-swatch.selected ins{
    color:#fff;
}

/* Badge */

.ux-swatch.hot:before{
    content:"BÁN CHẠY";
    position:absolute;
    top:-8px;
    left:50%;
    transform:translateX(-50%);
    background:#d90000;
    color:#fff;
    font-size:10px;
    padding:2px 8px;
    border-radius:12px;
    font-weight:700;
}
table.variations th.label{
font-weight: 700;
font-size: 22.27px;
line-height: 31.81px;
color: #1B5E20;

}
table.variations th.label label{font-weight: 700;font-size: 22.27px;line-height: 31.81px;color: #1B5E20;width: auto;float: unset;}
.ux-swatches{

}
.ux-swatches .ux-swatch{
  border: 1px solid #676767;
  /* width: 233px; */
}
.ux-swatches .ux-swatch .ux-swatch__text{
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #1B5E20;

}
.ux-swatches .swatch-price{

}
.ux-swatches .swatch-price span.amount{font-weight: 700;font-size: 20px;line-height: 24px;color: #E31E24;}
.ux-swatches .ux-swatch.selected{

}
.ux-swatches .ux-swatch.selected .ux-swatch__text{
  color: #EBFF51;
}
.ux-swatches .ux-swatch.selected .swatch-price span.amount{
  color: #FFFFFF;
}
.sticky-add-to-cart-wrapper .tn-product-box{
  display: none;
}
.sticky-add-to-cart-wrapper form.cart label{
  display: none;
}
@media(max-width:549px){
  .col6-slider{
    background-size: cover;
  }
  .text-slider h3{
    font-size: 28.63px;
    line-height: 41.48px;
  }
  .text-title-ck h3 {
    font-size: 32px;
    line-height: 40px;
  }
  .h3-title h3 span{
    font-size: 22px;
    line-height: 33px;
  }
  .text-title-gt h3{
        font-size: 28px;
    line-height: 37px;
  }
  .product-small .box-text .add-to-cart-button a{
    font-size: 10px;
    text-transform: unset;
  }
  .but-xemtc span{
        font-size: 13px;
    line-height: 21px;
  }
  .col12-xemtc .col-inner::before{
    width: calc(100% - 230px);
  }
  .h3-title-dm h3 span{
        font-size: 28px;
        line-height: 37px;
  }
  .row-khachhang{
        border-radius: 12px;
    padding: 30px 25px;
  }
  .text-khhang h3 {
    font-size: 25px;
    line-height: 33px;
  }
  .blog-home .box-blog-post .box-text h5 a {
    font-size: 18px;
    line-height: 25px;
  }
  .footer-company h4{
    font-size: 28px;
  }
  .sec-sanglap .col{
    padding-bottom: 30px;
  }
  .product-info{
    padding-top: 30px;
  }
  .product-info form.cart button{
        width: 45%;
        font-size: 14.58px;
    line-height: 25.86px;
  }
  .icon-detail{
    margin-bottom: 30px;
  }
  .icon-detail .icon-box-text p{
        font-size: 13px;
    line-height: 19px
  }
  .text-thanhphan p{
        font-size: 12.49px;
    line-height: 20.13px;
  }
  .text-camket h3{
    font-size: 25px;
    line-height: 31px;
  }
  .box-camket .box-image{
    padding: 0 0px;
  }
  .box-camket .box-text h4{
    font-size: 16.6px;
    line-height: 26.45px;
  }
  .product-small{
        padding: 10px;
  }
  .col6-kh .col-inner::before{
    width: 60px;
    height: 60px;
    background-size: 60px 60px;
  }
  .title-cauhoi{
    display: block;
  }
  .title-cauhoi h3{
    font-size: 25px;
    line-height: 36px;
        margin-bottom: 10px;
  }
  h3.product-section-title{
        font-size: 25px;
    line-height: 35px;
  }
}
.type-product .breamBox{
      position: relative;
    z-index: 9;
}
.type-product .breamBox .breadcrumb{
      padding: 20px 0;
}