@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
    body {
    font-family: 'Roboto', sans-serif;
    }
    /*setting default*/ 

 :root{ 
 --tp-primary:#86bb49; 
 --tp-secondary:#7f3d25; 
 --tp-accent:#D22F27; 
 --tp-text-color:#121214; 
 --tp-title-color:#86bb49; 
} 
body {
  color:var(--tp-text-color);
}

.tp-title {
  color:var(--tp-title-color);
}

.tp-title a {
  color:var(--tp-title-color);
}

.tp-menu-hori a {
  color:#86bb49;
}

.tp-menu-hori a {
  font-size:15px;
}

.tp-menu-hori i {
  color:#86bb49;
}

.tp-menu-mobi-icon {
  color: #86bb49;
  padding: 5px 10px;
  border: 1px #86bb49 solid;
  border-radius: 5px;
}
            #m_32033337, #m_32033337 a {
             color: #0000AA;
            }
            #m_314982714, #m_314982714 a {
             color: #55802B;
            }
#m_835{padding-top:40px;padding-bottom:40px;}
#m_835{background-color:#fafbfb;}
#m_89317661 {text-align: left;} 
#m_89317661 .tp-body{text-align: left;} 
#m_89317661 .tp-title{font-weight: 600;text-transform: uppercase;text-align: left;font-size: 15px;} 
#m_89317661 .tp-title a{font-weight: 600;text-transform: uppercase;text-align: left;font-size: 15px;} 

#m_89317661{margin-bottom:10px;}
#m_117055967 {text-align: center;font-size: 18px;} 
#m_117055967 .tp-body{text-align: center;font-size: 18px;} 
#m_117055967 .tp-title{text-align: left;} 
#m_117055967 .tp-title a{text-align: left;} 

#m_762587396 {text-align: left;font-size: 13px;} 
#m_762587396 .tp-body{text-align: left;font-size: 13px;} 
#m_762587396 .tp-title{text-align: left;font-size: 14px;} 
#m_762587396 .tp-title a{text-align: left;font-size: 14px;} 

#m_1194 {text-align: left;} 
#m_1194 .tp-body{text-align: left;} 
#m_1194 .tp-title{font-weight: 600;text-align: left;font-size: 18px;} 
#m_1194 .tp-title a{font-weight: 600;text-align: left;font-size: 18px;} 

#m_841{background-color:#edf4f7;}
#m_9605{padding-top:60px;padding-bottom:60px;}
#m_660308965{margin-bottom:20px;}
#m_23345333 {text-align: left;font-size: 15px;} 
#m_23345333 .tp-body{text-align: left;font-size: 15px;} 
#m_23345333 .tp-title{font-weight: 600;text-align: left;font-size: 22px;} 
#m_23345333 .tp-title a{font-weight: 600;text-align: left;font-size: 22px;} 

#m_23345333{padding-top:40px;padding-bottom:40px;}
#m_71853 {text-align: left;} 
#m_71853 .tp-body{text-align: left;} 
#m_71853 .tp-title{font-weight: 600;text-align: left;font-size: 16px;} 
#m_71853 .tp-title a{font-weight: 600;text-align: left;font-size: 16px;} 

#m_81306 .tp-form-field {margin-bottom:0px;}#m_81306 .tp-form-label {display:block;margin-bottom:5px;}#m_81306 .tp-form-control {height:40px;padding:5px 12px;font-size:16px;border-radius:6px;}#m_81306 .tp-form-control::placeholder {font-size:16px;font-style:normal;}#m_81306 textarea.tp-form-control {min-height:150px;padding:5px 12px;font-size:16px;border-radius:6px;}#m_81306 .tp-form-button {width:auto;padding:6px 25px;font-size:14px;font-weight:500;border-radius:50px;}#m_32033337 {text-align: left;} 
#m_32033337 .tp-body{text-align: left;} 
#m_32033337 .tp-title{font-weight: 600;text-align: left;font-size: 16px;} 
#m_32033337 .tp-title a{font-weight: 600;text-align: left;font-size: 16px;} 

#m_32033337{padding-top:30px;}
#m_671595953{margin-bottom:10px;}
#m_671595953 .tp-icon i {
    font-size: 30px;
    line-height: 1;
    display: block;
}
#m_9257 {text-align: left;font-size: 16px;} 
#m_9257 .tp-body{text-align: left;font-size: 16px;} 
#m_9257 .tp-title{font-weight: 600;text-align: left;font-size: 16px;} 
#m_9257 .tp-title a{font-weight: 600;text-align: left;font-size: 16px;} 
@media (max-width: 767px){ 
#m_9257 .tp-title{font-size: 20px;} 
#m_9257 .tp-title a{font-size: 20px;} 
} 

#m_9257{padding-top:50px;padding-bottom:50px;}
#m_603578032 {text-align: left;} 
#m_603578032 .tp-body{text-align: left;} 
#m_603578032 .tp-title{font-weight: 600;text-align: center;font-size: 35px;} 
#m_603578032 .tp-title a{font-weight: 600;text-align: center;font-size: 35px;} 

#m_603578032{padding-top:30px;padding-bottom:30px;}
#m_993689017{padding-top:40px;padding-bottom:40px;}
#m_329973313 {text-align: left;} 
#m_329973313 .tp-body{text-align: left;} 
#m_329973313 .tp-title{text-align: left;font-size: 20px;} 
#m_329973313 .tp-title a{text-align: left;font-size: 20px;} 

#m_329839623 .tp-btn i {
    font-size: 25px;
    line-height: 1;
    display: block;
}
#m_963232903 {text-align: left;font-size: 15px;} 
#m_963232903 .tp-body{text-align: left;font-size: 15px;} 
#m_963232903 .tp-title{font-weight: 600;text-align: left;font-size: 25px;} 
#m_963232903 .tp-title a{font-weight: 600;text-align: left;font-size: 25px;} 

#m_629387027{padding-top:40px;padding-bottom:40px;}
#m_629387027{background-color:#fafbfb;}
#m_837{background-color:#fafbfb;}
#m_998852224{margin-bottom:25px;}
#m_998852225 {text-align: left;font-size: 12px;} 
#m_998852225 .tp-body{text-align: left;font-size: 12px;} 
#m_998852225 .tp-title{text-align: left;font-size: 15px;} 
#m_998852225 .tp-title a{text-align: left;font-size: 15px;} 

#m_116312990 {text-align: center;font-size: 18px;} 
#m_116312990 .tp-body{text-align: center;font-size: 18px;} 
#m_116312990 .tp-title{text-align: left;} 
#m_116312990 .tp-title a{text-align: left;} 

#m_129421785 {text-align: left;} 
#m_129421785 .tp-body{text-align: left;} 
#m_129421785 .tp-title{font-weight: 600;text-transform: uppercase;text-align: left;font-size: 15px;} 
#m_129421785 .tp-title a{font-weight: 600;text-transform: uppercase;text-align: left;font-size: 15px;} 

#m_129421785{margin-bottom:10px;}
#m_698589889 {text-align: left;} 
#m_698589889 .tp-body{text-align: left;} 
#m_698589889 .tp-title{font-weight: 700;text-align: left;font-size: 15px;} 
#m_698589889 .tp-title a{font-weight: 700;text-align: left;font-size: 15px;} 

#m_445991614{padding-top:40px;padding-bottom:40px;}
#m_445991614{background-color:#fafbfb;}

        @media (max-width:991px){#m_643937650{margin-top:15px;}
        }
        
#m_652039341 {text-align: left;font-size: 12px;} 
#m_652039341 .tp-body{text-align: left;font-size: 12px;} 
#m_652039341 .tp-title{text-align: left;font-size: 15px;} 
#m_652039341 .tp-title a{text-align: left;font-size: 15px;} 

#m_59350657 {text-align: left;} 
#m_59350657 .tp-body{text-align: left;} 
#m_59350657 .tp-title{font-weight: 600;text-transform: uppercase;text-align: left;font-size: 15px;} 
#m_59350657 .tp-title a{font-weight: 600;text-transform: uppercase;text-align: left;font-size: 15px;} 

#m_59350657{margin-bottom:10px;}
#m_458172345 {text-align: center;font-size: 15px;} 
#m_458172345 .tp-body{text-align: center;font-size: 15px;} 
#m_458172345 .tp-title{text-align: center;} 
#m_458172345 .tp-title a{text-align: center;} 

#m_458172345{margin-bottom:38px;}
#m_799054652 {text-align: left;} 
#m_799054652 .tp-body{text-align: left;} 
#m_799054652 .tp-title{font-weight: 600;text-align: center;font-size: 30px;} 
#m_799054652 .tp-title a{font-weight: 600;text-align: center;font-size: 30px;} 

#m_799054652{padding-bottom:30px;}
        @media (max-width:991px){#m_799054652{padding-bottom:30px;}
        }
        
        @media (max-width:767px){#m_799054652{padding-bottom:20px;}
        }
        
#m_815878602{background-color:#fafbfb;}
#m_329973862 .tp-btn i {
    font-size: 25px;
    line-height: 1;
    display: block;
}
#m_329839880 {text-align: left;} 
#m_329839880 .tp-body{text-align: left;} 
#m_329839880 .tp-title{text-align: left;font-size: 20px;} 
#m_329839880 .tp-title a{text-align: left;font-size: 20px;} 

#m_569563732{padding-top:10px;padding-bottom:10px;}
#m_619549251 .tp-btn i {
    font-size: 22px;
    line-height: 1;
    display: block;
}
#m_97200334{padding-top:40px;padding-bottom:40px;}
#m_121256244 .tp-btn i {
    font-size: 25px;
    line-height: 1;
    display: block;
}
#m_129894350 {text-align: left;} 
#m_129894350 .tp-body{text-align: left;} 
#m_129894350 .tp-title{text-align: left;font-size: 20px;} 
#m_129894350 .tp-title a{text-align: left;font-size: 20px;} 

#m_330086137 .tp-btn i {
    font-size: 25px;
    line-height: 1;
    display: block;
}
#m_330086003 {text-align: left;} 
#m_330086003 .tp-body{text-align: left;} 
#m_330086003 .tp-title{text-align: left;font-size: 20px;} 
#m_330086003 .tp-title a{text-align: left;font-size: 20px;} 

#m_956625648{margin-bottom:10px;}
#m_956625648 .tp-icon i {
    font-size: 30px;
    line-height: 1;
    display: block;
}
#m_956625271{margin-bottom:20px;}
#m_88552155 {text-align: center;font-size: 18px;} 
#m_88552155 .tp-body{text-align: center;font-size: 18px;} 
#m_88552155 .tp-title{text-align: left;} 
#m_88552155 .tp-title a{text-align: left;} 

#m_175975187{padding-top:70px;padding-bottom:20px;}
#m_332814602 {text-align: left;} 
#m_332814602 .tp-body{text-align: left;} 
#m_332814602 .tp-title{font-weight: 600;text-transform: uppercase;text-align: center;font-size: 24px;} 
#m_332814602 .tp-title a{font-weight: 600;text-transform: uppercase;text-align: center;font-size: 24px;} 

#m_332814602{margin-bottom:30px;}
#m_993689037 .tp-icon i {
    font-size: 25px;
    line-height: 1;
    display: block;
}
#m_403101422 {text-align: left;} 
#m_403101422 .tp-body{text-align: left;} 
#m_403101422 .tp-title{font-weight: 600;text-transform: uppercase;text-align: center;font-size: 24px;} 
#m_403101422 .tp-title a{font-weight: 600;text-transform: uppercase;text-align: center;font-size: 24px;} 

#m_403101422{margin-bottom:30px;}
#m_993689040 .tp-icon i {
    font-size: 25px;
    line-height: 1;
    display: block;
}
#m_993689043 .tp-icon i {
    font-size: 25px;
    line-height: 1;
    display: block;
}
#m_273150724 {text-align: left;} 
#m_273150724 .tp-body{text-align: left;} 
#m_273150724 .tp-title{text-align: left;font-size: 20px;} 
#m_273150724 .tp-title a{text-align: left;font-size: 20px;} 

#m_993689046 .tp-icon i {
    font-size: 25px;
    line-height: 1;
    display: block;
}
#m_993689048{padding-top:10px;padding-bottom:10px;}
#m_993689054 .tp-icon i {
    font-size: 22px;
    line-height: 1;
    display: block;
}
#m_702975815{margin-top:44px;}
#m_702975815 .tp-btn i {
    font-size: 16px;
    line-height: 1;
    display: block;
    margin-left: 10px;
}
#m_966974651{padding-top:40px;padding-bottom:40px;}
#m_400077262 {text-align: left;} 
#m_400077262 .tp-body{text-align: left;} 
#m_400077262 .tp-title{font-weight: 600;text-transform: uppercase;text-align: center;font-size: 24px;} 
#m_400077262 .tp-title a{font-weight: 600;text-transform: uppercase;text-align: center;font-size: 24px;} 

#m_400077262{margin-bottom:30px;}
#m_176285672{margin-top:20px;}
#m_563811029 {text-align: left;} 
#m_563811029 .tp-body{text-align: left;} 
#m_563811029 .tp-title{font-weight: 600;text-align: left;font-size: 16px;} 
#m_563811029 .tp-title a{font-weight: 600;text-align: left;font-size: 16px;} 

#m_914293640{margin-top:44px;}
#m_914293640 .tp-btn i {
    font-size: 16px;
    line-height: 1;
    display: block;
    margin-left: 10px;
}
#m_837478098{padding-top:40px;padding-bottom:40px;}
#m_483910293 {text-align: left;} 
#m_483910293 .tp-body{text-align: left;} 
#m_483910293 .tp-title{color: #fff;font-weight: 600;text-align: left;font-size: 16px;} 
#m_483910293 .tp-title a{color: #fff;font-weight: 600;text-align: left;font-size: 16px;} 

#m_837479911 {text-align: left;font-size: 14px;} 
#m_837479911 .tp-body{text-align: left;font-size: 14px;} 
#m_837479911 .tp-title{font-weight: 600;text-align: left;font-size: 16px;} 
#m_837479911 .tp-title a{font-weight: 600;text-align: left;font-size: 16px;} 

#m_875334493{padding-top:70px;padding-bottom:20px;}
#m_875334439 {text-align: left;} 
#m_875334439 .tp-body{text-align: left;} 
#m_875334439 .tp-title{font-weight: 600;text-align: left;font-size: 16px;} 
#m_875334439 .tp-title a{font-weight: 600;text-align: left;font-size: 16px;} 

#m_875334174{margin-top:44px;}
#m_875334174 .tp-btn i {
    font-size: 16px;
    line-height: 1;
    display: block;
    margin-left: 10px;
}
#m_697213204{padding-top:40px;padding-bottom:40px;}
#m_516348608 {text-align: left;} 
#m_516348608 .tp-body{text-align: left;} 
#m_516348608 .tp-title{color: #fff;font-weight: 600;text-align: left;font-size: 16px;} 
#m_516348608 .tp-title a{color: #fff;font-weight: 600;text-align: left;font-size: 16px;} 

#m_697213435 {text-align: left;font-size: 14px;} 
#m_697213435 .tp-body{text-align: left;font-size: 14px;} 
#m_697213435 .tp-title{font-weight: 600;text-align: left;font-size: 16px;} 
#m_697213435 .tp-title a{font-weight: 600;text-align: left;font-size: 16px;} 

#m_227436254{padding-top:40px;padding-bottom:40px;}

        @media (max-width:991px){#m_284429063{margin-bottom:15px;}
        }
        
#m_292334874{margin-bottom:10px;}
#m_297790060 {text-align: left;color: #ffffff;} 
#m_297790060 .tp-body{text-align: left;color: #ffffff;} 
#m_297790060 .tp-title{color: #fff;text-align: left;font-size: 16px;} 
#m_297790060 .tp-title a{color: #fff;text-align: left;font-size: 16px;} 


        @media (max-width:991px){#m_305966000{margin-bottom:15px;}
        }
        
#m_381806662{margin-bottom:8px;}
#m_381806662 .tp-btn {
    color: #FFFFFF;
}
#m_196409424 {text-align: left;} 
#m_196409424 .tp-body{text-align: left;} 
#m_196409424 .tp-title{font-weight: 600;text-align: left;font-size: 24px;} 
#m_196409424 .tp-title a{font-weight: 600;text-align: left;font-size: 24px;} 

#m_759690406 {text-align: left;} 
#m_759690406 .tp-body{text-align: left;} 
#m_759690406 .tp-title{color: #fff;text-align: left;font-size: 14px;} 
#m_759690406 .tp-title a{color: #fff;text-align: left;font-size: 14px;} 

#m_572784873{margin-bottom:30px;}
#m_752145248 {text-align: left;color: #ffffff;} 
#m_752145248 .tp-body{text-align: left;color: #ffffff;} 
#m_752145248 .tp-title{text-align: left;} 
#m_752145248 .tp-title a{text-align: left;} 

#m_752145248{margin-bottom:10px;}
#m_848814732 {text-align: left;color: #ffffff;} 
#m_848814732 .tp-body{text-align: left;color: #ffffff;} 
#m_848814732 .tp-title{text-align: left;} 
#m_848814732 .tp-title a{text-align: left;} 

#m_848814732{margin-bottom:10px;}
#m_848672544 {text-align: left;color: #ffffff;} 
#m_848672544 .tp-body{text-align: left;color: #ffffff;} 
#m_848672544 .tp-title{text-align: left;} 
#m_848672544 .tp-title a{text-align: left;} 

#m_973832453 {text-align: left;color: #fff;} 
#m_973832453 .tp-body{text-align: left;color: #fff;} 
#m_973832453 .tp-title{text-align: left;} 
#m_973832453 .tp-title a{text-align: left;} 

#m_973832453{margin-bottom:10px;}
#m_973553890 {text-align: left;color: #ffffff;} 
#m_973553890 .tp-body{text-align: left;color: #ffffff;} 
#m_973553890 .tp-title{text-align: left;} 
#m_973553890 .tp-title a{text-align: left;} 

#m_973553890{margin-bottom:10px;}
#m_491913332{padding-top:30px;padding-bottom:30px;}
#m_491913332{background-color:#fafbfb;}
#m_848934728 {text-align: left;} 
#m_848934728 .tp-body{text-align: left;} 
#m_848934728 .tp-title{font-weight: 600;text-transform: uppercase;text-align: left;font-size: 18px;} 
#m_848934728 .tp-title a{font-weight: 600;text-transform: uppercase;text-align: left;font-size: 18px;} 

#m_848934728{padding-top:30px;margin-bottom:30px;}
#m_483761719{margin-bottom:30px;}
#m_480786571 {text-align: left;font-size: 15px;} 
#m_480786571 .tp-body{text-align: left;font-size: 15px;} 
#m_480786571 .tp-title{text-align: left;} 
#m_480786571 .tp-title a{text-align: left;} 

#m_564502057{padding-top:20px;}
#m_564502057{background-color:#fafbfb;}
#m_900915723 .tp-btn i {
    font-size: 18px;
    line-height: 1;
    display: block;
}
#m_965363959 {font-weight: 600;text-align: left;font-size: 15px;} 
#m_965363959 .tp-body{font-weight: 600;text-align: left;font-size: 15px;} 
#m_965363959 .tp-title{text-align: left;} 
#m_965363959 .tp-title a{text-align: left;} 

#m_961669512{padding-top:25px;}
#m_829181028{margin-top:20px;margin-bottom:16px;}
#m_655765567 {text-align: left;} 
#m_655765567 .tp-body{text-align: left;} 
#m_655765567 .tp-title{font-weight: 600;text-align: left;font-size: 16px;} 
#m_655765567 .tp-title a{font-weight: 600;text-align: left;font-size: 16px;} 

#m_668820459{padding-bottom:30px;}
#m_668820459{background-color:#fafbfb;}
#m_526313 {text-align: left;} 
#m_526313 .tp-body{text-align: left;} 
#m_526313 .tp-title{font-weight: 600;text-transform: uppercase;text-align: left;font-size: 15px;} 
#m_526313 .tp-title a{font-weight: 600;text-transform: uppercase;text-align: left;font-size: 15px;} 

#m_526313{margin-bottom:10px;}
#m_998852228{padding-top:25px;}
#m_998852230 {font-weight: 600;text-align: left;font-size: 15px;} 
#m_998852230 .tp-body{font-weight: 600;text-align: left;font-size: 15px;} 
#m_998852230 .tp-title{text-align: left;} 
#m_998852230 .tp-title a{text-align: left;} 

#m_181142721 {text-align: left;} 
#m_181142721 .tp-body{text-align: left;} 
#m_181142721 .tp-title{font-weight: 600;text-align: center;font-size: 30px;} 
#m_181142721 .tp-title a{font-weight: 600;text-align: center;font-size: 30px;} 

#m_181142721{margin-bottom:30px;}
#m_884541596 {text-align: left;} 
#m_884541596 .tp-body{text-align: left;} 
#m_884541596 .tp-title{font-weight: 600;text-align: left;font-size: 15px;} 
#m_884541596 .tp-title a{font-weight: 600;text-align: left;font-size: 15px;} 

#m_900915723 .tp-btn i {
    font-size: 18px;
    line-height: 1;
    display: block;
}
#m_521189684{padding-top:40px;padding-bottom:40px;}
#m_521189684{background-color:#fafbfb;}
#m_541863753 {text-align: left;font-size: 15px;} 
#m_541863753 .tp-body{text-align: left;font-size: 15px;} 
#m_541863753 .tp-title{font-weight: 600;text-align: center;font-size: 25px;} 
#m_541863753 .tp-title a{font-weight: 600;text-align: center;font-size: 25px;} 

#m_664621595{background-color:#fafbfb;}
#m_956482518{margin-bottom:20px;}
#m_956482525{margin-bottom:10px;}
#m_956482525 .tp-icon i {
    font-size: 30px;
    line-height: 1;
    display: block;
}
#m_887813892{background-color:#fafbfb;}
#m_180359503 {text-align: left;} 
#m_180359503 .tp-body{text-align: left;} 
#m_180359503 .tp-title{text-align: left;font-size: 20px;} 
#m_180359503 .tp-title a{text-align: left;font-size: 20px;} 

#m_273011461 {text-align: left;} 
#m_273011461 .tp-body{text-align: left;} 
#m_273011461 .tp-title{text-align: left;font-size: 20px;} 
#m_273011461 .tp-title a{text-align: left;font-size: 20px;} 

#m_272846404 {text-align: left;} 
#m_272846404 .tp-body{text-align: left;} 
#m_272846404 .tp-title{text-align: left;font-size: 20px;} 
#m_272846404 .tp-title a{text-align: left;font-size: 20px;} 

body {
    font-family: "Sarabun", sans-serif;
}
.bp_product_item .bp-one-image img,
.swiper .bp-one-image img{
    aspect-ratio: 3/2;
    object-fit: cover;
}

.bp_product_item .bp_content_product,
.swiper .tp-col__content_b{
    padding: 15px 0;
}
.bp_group_quantity input {
    outline: none;
}

.shopping_form form {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.tp-icon, .bp_cls_btn_icon_cart{
    color: green;
}
.shopping_form button {
    padding: 12px;
    flex: unset;
}

/*end default*/
img {
    max-width: 100%;
}
.header{
    background-color: #fff;
    z-index: 99;
}
.header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    box-shadow: 1px 1px 10px rgba(0,0,0,.15);
    transition: all 0.9s;
}
.logo img {
    max-height: 90px;
    transition: all .4s;
}
.header.sticky .logo img {
    max-height: 70px;
    transition: all .4s;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.menu-right {
    display: flex;
}

.main-menu .tp-menu-hori a {
    font-weight: 600;
    text-transform: uppercase;
}

.navbar ul.dropdown-menu {
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
    border-radius: 0;
    border: 2px solid #ddd;
    padding: 20px;
    display: block;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    overflow: unset;
    transition: all .4s;
}

.navbar ul.dropdown-menu::before {
    content: "";
    position: absolute;
    left: 30%;
    top: -8px;
    width: 16px;
    height: 16px;
    border-top: 2px solid #ddd;
    border-left: 2px solid #ddd;
    transform: rotate(45deg);
    background-color: #fff;
    z-index: 2;
}

.dropdown:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: all .4s;
}

.dropdown-item.active {
    color: #fff !important;
}

.navbar ul.dropdown-menu li a:hover {
    background-color: transparent;
}

.navbar ul.dropdown-menu li {
    padding: 0;
}

.navbar ul.dropdown-menu li.dropdown-item {
    position: relative;
}

.navbar ul.dropdown-menu li.dropdown-item a.active{
    background-color: #fff;
    color: var(--tp-primary) !important;
}

.main-menu .dropdown-item.active, 
.main-menu .dropdown-item:active {
    color: inherit !important;
}

.navbar ul.dropdown-menu li.dropdown-item:not(:last-child) a {
    border-bottom: 1px solid #ececec;
}
.navbar ul.dropdown-menu li.dropdown-item a{
    text-transform: unset;
    font-size: 15px;
    line-height: 1.3;
    transition: all .4s;
}

.navbar ul.dropdown-menu li.dropdown-item:hover::before {
    width: 10px;
    transition: all .4s;
}

.navbar ul.dropdown-menu li a {
    justify-content: flex-start;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 500;
}

.navbar ul.dropdown-menu li:hover {
    background-color: transparent;
}

.header-search__form {
    position: absolute;
    top: calc(100% + 10px);
    left: -15px;
    /*transform: translateX(-50%);*/
    min-width: 300px;
    border: 2px solid #ddd;
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    transition: all .4s;
    z-index: 10;
}

.header-search__form::before {
    content: "";
    position: absolute;
    left: 15px;
    top: -8px;
    /*transform: translateX(-50%);*/
    width: 16px;
    height: 16px;
    border-top: 2px solid #ddd;
    border-left: 2px solid #ddd;
    transform: rotate(45deg);
    background-color: #fff;
    z-index: 2;
}

.header-search.show .header-search__form {
    opacity: 1;
    visibility: visible;
    transition: all .4s;
}

.header-search__form input.form-control {
    height: 36px;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    outline: none;
}

/*.header-search__form input.form-control:focus {*/
/*    box-shadow: 0 0 5px #ccc;*/
/*}*/

.header-search__form .tp-btn-text{
    display: none;
}


.header-search__form button.btn-sm {
    width: 36px;
    height: 36px;
    min-width: 36px;
    background-color: var(--tp-primary) !important;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    box-shadow: none;
    border-radius: 0;
}

#livesearch_26828269 {
    display: none;
}
#wishlist_item .bp-heart-fill {
    font-size: 22px !important;
}

/*banner path*/
.path .tp-feature__heading {
    font-size: 30px;
    color: var(--tp-primary);
    font-weight: 600;
}


/*product*/
.bp-group-query {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
}
.slide-product .swiper-pagination,
.slide-product .bp_cls-click-mua{
    display: none !important;
}

.bp_product_item .bp_cls_group_price,
.bp_product_item .tp-group-price,
.bp_product_item .tp-group-price,
.slide-product .bp_cls_group_price,
.slide-product .tp-group-price,
.product-list .tp-group-price{
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    align-items: baseline;
}

.bp_product_item .cls_price_text,
.bp_product_item .cls_old_price_text,
.bp_product_item .cls_price_text,
.bp_product_item .cls_old_price_text,
.slide-product .cls_price_text,
.slide-product .cls_old_price_text,
.product-list .cls_price_text,
.product-list .cls_old_price_text {
    display: none;
}
.bp_product_item .bp_cls_price span,
.bp_product_item .bp_cls_price span,
.product-list .bp_cls_price span,
.slide-product .bp_cls_price span {
    font-size: 20px;
    font-weight: 500;
    color: var(--tp-accent);
}

.bp_product_item .bp_cls_old_price span,
.bp_product_item .bp_cls_old_price span,
.product-list .bp_cls_old_price span,
.slide-product .bp_cls_old_price span {
    font-size: 13px;
    color: #11111199;
}
.slide-product .bp_star_review,
.product-list .bp_star_review{
    margin: 10px 0;
}
.bp_discount_percent {
    left: 1.8px;
    top: 30px;
    border-radius: 0;
    background-color: var(--tp-accent);
    margin-left: 0;
}
.slide-product .bp-group-button-qv-wl {
    top: 10px;
    left: unset;
    right: 10px;
    transform: translate(0);
}

.slide-product .bp-group-button-qv-wl > button {
    width: 30px;
    height: 30px;
    transition: all .4s;
}
.slide-product .bp-group-button-qv-wl > button:hover {
    background-color: var(--tp-accent);
    border-color: var(--tp-accent);
    transition: all .4s;
}

.slide-product .tp-col__content_b {
    padding: 15px 0;
}

.shopping_form button.btnAddToCart {
    padding: 8px 20px;
    color: var(--tp-primary);
    border-radius: 0;
    transform: translateY(0) !important;
    border-color: var(--tp-primary);
    text-transform: uppercase;
}
.shopping_form button.btnAddToCart:hover {
    background-color: var(--tp-primary);
}
.shopping_form button.btnAddToCart::before {
    display: none;
}

.shopping_form > form {
    text-align: center;
}


.product-list .tp-title a {
    color: var(--tp-primary) !important;
}

.product-list .bp_group_quantity,
.product-list button.btnAddAction,
.product-list input.product-quantity{
    display: none !important;
}

.bp-product-header .bp-product-header-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}

.bp-product__filter {
    height: 36px;
    padding: 0 10px;
    border: 1px solid var(--tp-primary);
    align-content: center;
    color: var(--tp-text-color);
    cursor: pointer;
    transition: all .4s;
}

.close-sidebar .tp-icon {
    font-size: 25px;
}

.bp-product__filter:hover {
    background-color: var(--tp-primary);
    color: #fff;
    transition: all .4s;
}

.product-list #m_product > .col, 
.product-list .row > .col {
    margin-bottom: 24px;
}

.product-list .bp-product-header {
    padding-bottom: 30px;
}

.product-list .bp-product-header-left {
    font-size: 15px;
    color: var(--tp-text-color);
}

.bp-product-header-right-content .dropdown-menu {
    top: 100%;
    inset: unset !important;
    transform: none !important;
    border-radius: 0;
}

.bp-product-header-right-content .dropdown-menu li a {
    color: var(--tp-text-color) !important;
}

.bp-product-header-right-content .dropdown-menu li a.active,
.bp-product-header-right-content .dropdown-menu li a:hover {
    color: #fff !important;
    background-color: #0d6efd;
}

.bp-product-header-right-content .lbl_sort_text,
.product-list .bp-product-footer{
    display: none !important;
}

.main-menu .dropdown-toggle {
    padding-left: 0;
}

.bp-product-header-right-content .dropdown-toggle {
    height: 36px;
    padding: 0 10px;
    border: 1px solid var(--tp-primary);
    display: inline-flex;
    align-items: center;
}

.product-list .bp-group-button-qv-wl {
    top: 10px;
    left: unset;
    right: 10px;
    transform: translate(0);
}

.product-list .bp-group-button-qv-wl > button {
    width: 30px;
    height: 30px;
    transition: all .4s;
}
.product-list .bp-group-button-qv-wl > button:hover {
    background-color: var(--tp-accent);
    border-color: var(--tp-accent);
    transition: all .4s;
}

.product-list .bp_content_product {
    padding-top: 15px;
}


.heading-title .tp-feature__heading {
    text-transform: uppercase;
}


.sidebar-filter {
    position: fixed;
    top: 0;
    left: -100%;
    width: 300px;
    max-width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 120px 15px 30px 15px;
    transition: all 1s;
    z-index: 10;
}

.sidebar-filter.active {
    left: 0;
    transition: all .6s;
}
.filter-category .bp_category_option {
    display: block;
}

.sidebar-filter .bp_search_filter {
    margin-bottom: 0;
}
.filter-category .tp-title {
    font-size: 15px;
    margin-bottom: 0;
    padding: 6px 0;
    color: var(--tp-text-color);
    transition: all .4s;
}
.filter-category .tp-title:hover {
    color: var(--tp-primary);
    transition: all .4s;
}
.filter-category a {
    display: block;
    width: 100%;
}
.filter-category .bp_category_option_item:not(:last-child) .tp-title {
    border-bottom: 1px solid #ececec;
}

.filter-bottom__button {
    height: 27px;
    padding: 0 10px;
    background-color: var(--tp-primary);
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    line-height: 27px;
}

.filter-title .content_button_link {
    text-transform: uppercase;
}
.price-range-slider{
    position:relative;
    height:30px;
}

.slider-track{
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    height:6px;
    background:#ddd;
    border-radius:999px;
    transform:translateY(-50%);
}

.slider-selected-range{
    position:absolute;
    top:50%;
    height:6px;
    background:#0d6efd;
    border-radius:999px;
    transform:translateY(-50%);
}

.price-range-slider input[type="range"]{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:30px;
    margin:0;
    background:none;
    pointer-events: none;
   appearance:none;
    -webkit-appearance:none;
}

.price-range-slider input[type="range"]::-webkit-slider-runnable-track{
    background:transparent;
}

.price-range-slider input[type="range"]::-moz-range-track{
    background:transparent;
}
.price-range-slider input[type=range]::-moz-range-thumb {
  pointer-events: auto;
  cursor: pointer;
}

.price-range-slider input[type="range"]::-webkit-slider-thumb{
    -webkit-appearance:none;
    width:18px;
    height:18px;
    border-radius:50%;
    background:#fff;
    border:2px solid #0d6efd;
    cursor:pointer;
    pointer-events:auto;
    position: relative;
    z-index: 5;
}

.path-product li.breadcrumb-item,
.path-product li.breadcrumb-item a{
    color: #666666b3;
}

.detail-product .nav-tabs {
    overflow-x: unset;
}
.sidebar-content-product .tp-group-price {
    display: flex;
    align-items: baseline;
    gap: 15px;
    margin-bottom: 20px;
}

.sidebar-content-product .cls_price_text,
.sidebar-content-product .cls_old_price_text {
    display: none;
}

.sidebar-content-product .bp_cls_price span {
    font-size: 30px;
    font-weight: 600;
    color: var(--tp-accent);
}
.sidebar-content-product .bp_cls_old_price strike {
    text-decoration: unset;
}
.sidebar-content-product .bp_cls_old_price span {
    font-size: 20px;
    color: #111111;
    font-weight: 600;
    opacity: .6;
    text-decoration: line-through;
}

.sidebar-content-product .tp-body p {
    font-size: 15px;
    color: var(--tp-text-color);
    line-height: 24px;
    margin-bottom: 19px;
}

.sidebar-content-product .bp_group_quantity button, 
.sidebar-content-product .bp_group_quantity input {
    width: unset;
    height: 36px;
    min-height: 36px;
    padding: 0 7px;
}

.sidebar-content-product .bp_group_quantity button {
    background-color: #f9f9f9;
    font-size: 14px;
}

.sidebar-content-product .bp_group_quantity input {
    max-width: 37px;
    outline: none;
    font-size: 15px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.sidebar-content-product .bp_btn_action_cart {
    display: inline-block;
}
.sidebar-content-product .btnAddAction {
    height: 36px;
    min-height: 36px;
    border-radius: 0;
    background-color: var(--tp-primary);
    padding: 0 17px;
    transform: none;
    margin-left: 0;
}

.sidebar-content-product .btnAddAction:focus {
    background-color: var(--tp-secondary);
}

.sidebar-content-product .btnAddToCart {
    display: none;
}
.sidebar-content-product #shopping_form_details form {
    display: flex;
    gap: 15px;
}
.detail-product__image .bp_img_product {
    position: relative;
    height: auto;
}

.detail-product__image .bp-group-button-qv-wl {
    top: 10px;
    right: 10px;
    left: unset;
    transform: none;
}

.detail-product__image .bp-group-button-qv-wl button {
    width: 30px;
    height: 30px;
    border-color: var(--tp-accent);
    transition: all .4s;
}

.detail-product__image .bp-group-button-qv-wl button i {
    color: #C305CF;
    transition: all .4s;
}

.detail-product__image .bp-group-button-qv-wl button:hover {
    background-color: var(--tp-accent);
    color: #fff;
    transition: all .4s;
}

.detail-product__image .bp-group-button-qv-wl button:hover i {
    color: #fff;
    transition: all .4s;
}

.detail-product__image .bp_img_product.tp-image:hover .bp-group-button-qv-wl {
    opacity: 1;
    visibility: visible;
    transition: all .4s;
}

.image-shipping {
    border-bottom: 1px solid #EDE9E5;
}

.review-product {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #ececec;
}

.detail-product .bp_btn_review,
.bp_comment .bp_btn_reply,
.bp_comment .bp_comment_submit {
    background-color: var(--tp-primary);
}


.review-product .card-footer,
.bp_comment .panel-footer {
    background-color: #fff;
    border-top: none;
}
.bp_comment .panel-heading {
    border-bottom-style: dashed;
    font-size: 0;
    background-color: #fff;
}

.review-product .card .card-header {
    border-bottom-style: dashed;
    background-color: #fff;
}
.bp_comment .panel-heading .bp_comment_user,
.bp_comment .panel-heading i {
    font-size: 16px;
}

.bp_comment .panel-heading i {
    float: right;
}

.review-product .card,
.bp_comment .panel {
    border-radius: 10px;
    border: none;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.review-product .tab-content:not(.tp-body) {
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.review-product .tab-content:has(.tp-body) {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 30px;
    border-radius: 0;
}

.review-product .tab-content .tp-body p {
    line-height: 24px;
    margin-bottom: 19.5px;
}
.review-product .tab-content .tp-body ul {
    padding-left: 20px;
}

.review-product .tab-content .tp-body ul li {
    list-style: disc;
}
.review-product .tab-content .tp-body ul li:not(:last-child) {
    margin-bottom: 9px;
}

/*.review-product .tab-content .tp-body:is(h1,h2,h3,h4,h5,h6) h1,h2,h3,h4,h5,h6 {*/
/*    color: var(--tp-title-color);*/
/*}*/

.review-product .nav-tabs {
    gap: 1.5px;
}

.review-product .nav-tabs button {
    background-color: #0000000a;
    border-radius: 0;
    box-shadow: none !important;
    border: 1px solid #ddd !important;
    border-top: 2px solid #ddd !important;
}
.review-product .nav-tabs button.active {
    background-color: #fff;
    color: var(--tp-text-color);
    border-color: #ddd !important;
    border-top-color: var(--tp-primary) !important;
    border-bottom-color: #fff !important;
}
.review-product .nav-tabs button.active:hover {
    background: #fff;
}
.review-product .nav-tabs button:hover {
    background: #0000000a;
    color: inherit;
}

.review-product .nav-tabs button::after {
    display: none;
}

.related-product__heading {
    border-top: 1px solid #ececec;
}

.related-product__heading .tp-feature__heading {
    text-transform: uppercase;
    letter-spacing: 0.9px;
}

.slide__navigation,
.slide__navigation-control{
    gap: 10px;
    margin-bottom: 10px;
}
.slide__navigation > div[role='button'],
.slide__navigation-control > div[role='button'],
.slide__navigation-control > div{
    position: static;
    width: 25px;
    min-width: 25px;
    height: 25px;
    border: 1px solid var(--tp-primary);
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

.slide__navigation > div[role='button']::after,
.slide__navigation-control > div[role='button']::after,
.slide__navigation-control > div i{
    font-size: 13px;
    color: #8d9bae;
}

.btn-view-all .content_button_link {
    font-size: 14px;
    color: var(--tp-primary);
    padding: 8px 20px;
    border: 1px solid var(--tp-primary);
    transition: all .4s;
}

.btn-view-all .content_button_link:hover {
    background-color: var(--tp-primary);
    color: #fff;
    transition: all .4s;
}

.bp-offcanvas-header {
    position: relative;
    justify-content: center;
    padding: 24px;
}

.bp-offcanvas-header::before {
    content: "";
    position: absolute;
    left: 24px;
    bottom: 0;
    width: calc(100% - 48px);
    height: 1px;
    background-color: #ececec;
}

.bp-offcanvas-header h5 {
    font-size: 20px;
    color: var(--tp-primary);
    font-weight: 600;
}

.bp-offcanvas-header .btn-close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 24px;
    width: 40px;
    max-width: 40px;
    height: 40px;
    max-height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #c7d4db;
    padding: 0;
    margin: 0;
}

.bp-offcanvas-body {
    padding: 10px 24px 24px 24px;
}

.bp-offcanvas-stats a.text-body {
    padding: 6px 10px;
    background: var(--tp-primary);
    color: #fff !important;
    border-radius: 30px;
}

.bp-offcanvas-stats {
    background-color: #fff !important;
}

.bp-offcanvas-stats2 hr {
    margin-bottom: 15px !important;
}


/*cart*/
.cart-icon .bp_cart_items_list {
    min-width: 300px;
    padding: 20px;
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 0;
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
    right: -70px;
    top: calc(100% + 10px);
}
.cart-icon .bp_cart_items_list::before {
    content: "";
    position: absolute;
    right: 70px;
    top: -8px;
    width: 16px;
    height: 16px;
    border-top: 2px solid #ddd;
    border-left: 2px solid #ddd;
    transform: rotate(45deg);
    background-color: #fff;
    z-index: 2;
}
.cart-icon .list-group {
    margin-bottom: 0 !important;
}
.cart-icon .cart-item-image-checkout {
    width: 60px;
    min-width: 60px;
    height: unset;
    border: none;
}

.cart-icon .list-group-item {
    border: none;
}

.cart-icon .list-group-item:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

.cart-icon .list-group-item > .row > div {
    width: auto;
    padding: 5px;
}

.cart-icon .list-group-item .bp_checkout_pd_name {
    font-size: 15px;
    color: #777;
    padding-bottom: 5px;
}

.cart-icon .bp_short_cart_checkout {
    display: block;
    width: 100%;
    padding: 5px 20px;
    background-color: var(--tp-primary);
    border: 1px solid var(--tp-primary);
    color: #fff;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    transition: all .3s;
}
.cart-icon .bp_short_cart_checkout:hover {
    background-color: #fff;
    color: var(--tp-primary);
    transition: all .3s;
}

.cart-icon .bp_checkout_total_price,
.cart-icon .bp_checkout_total_price strong{
    font-weight: 600;
    color: #777;
}

.cart-icon .bp_checkout_total_price {
    padding: 8px 0;
}

.bp-offcanvas-header,
.bp-offcanvas-stats,
.bp-offcanvas-item-image img:hover{
    border-color: var(--tp-primary);
}
.bp-offcanvas-item-name .bp_quantity,
.bp-offcanvas-item-name .bp_price,
.bp-offcanvas-item-name .bp_unit_price,
.bp-offcanvas-stats2 .text-uppercase b,
.bp-offcanvas-stats2 .bp_total_price,
.bp-offcanvas-stats2 .bp_unit_price,
.bp_cart_items_list .bp_checkout_price{
    color: var(--tp-primary) !important;
}
.bp_cls_cart_item .bp_cart_items_list::-webkit-scrollbar-thumb {
    background: var(--tp-primary);
}

/*news*/
.path-news .breadcrumb {
    justify-content: center;
}

.path-news .bp-category-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--tp-primary);
    margin-top: 23px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
}

.list-news > .row > .col {
    margin-bottom: 30px;
}

.list-news .tp-col__content {
    align-content: center;
}

.list-news .tp-post__content {
    padding: 15px 20px;
}
.list-news .tp-post__thumbnail img {
    aspect-ratio: 3/2;
    object-fit: cover;
}

.list-news .tp-title a {
    position: relative;
    padding-bottom: 6px;
    display: block;
    transition: all .4s;
}

.list-news .tp-title a:hover {
    color: var(--tp-text-color);
    transition: all .4s;
}

.list-news .tp-title a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    background-color: #0000001a;
}

.list-news {
    border-right: 1px solid #ececec;
}

.sidebar-title .tp-feature__heading {
    text-transform: uppercase;
    letter-spacing: 0.75px;
}

.sidebar-category .bp_category_option {
    display: block;
}
.sidebar-category .bp_category_option_item {
    justify-content: space-between;
    padding: 6px 0;
}
.sidebar-category .bp_category_option_item:not(:last-child) {
    border-bottom: 1px solid #ececec;
}

.sidebar-category .tp-title {
    margin-bottom: 0;
    line-height: 24px;
    color: var(--tp-text-color);
}

.sidebar-category .tp-counter {
    opacity: 0.6;
}

.related-news .tp-title a {
    color: var(--tp-text-color);
    transition: all .4s;
}
.related-news > .row > .col {
    margin-bottom: 15px;
}

.related-news .tp-title a:hover {
    color: var(--tp-title-color);
    transition: all .4s;
}

.detail-news__content .tp-post_gic.tp-post__meta {
    margin-bottom: 15px;
}

.detail-news__content .tp-title {
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 22px;
}

.detail-news__content .tp-title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 3px;
    background-color: #0000001a;
}

.detail-news {
    padding-right: 20px;
    border-right: 1px solid #ececec;
}

.detail-news__content p {
    line-height: 24px;
    margin-bottom: 19px;
}

.detail-news__content img {
    display: block;
    margin-bottom: 15px;
}

.detail-news__content .bp-date-create {
    display: none;
}
.detail-news__content .bp-date-create.tp-post__meta-value {
    display: inline-block;
}


.related-post > .row > .col {
    margin-bottom: 24px;
}
.related-post .tp-post-item {
    height: 100%;
}

.related-post .tp-post__content-main {
    padding: 5px 10px;
}

.other-slide-news .swiper-button-prev, .other-slide-news .swiper-button-next {
    display: none;
}

.bp_tag_item {
    border-color: var(--tp-primary) !important;
    color: var(--tp-primary);
}
.bp_tag_item:hover {
    background-color: var(--tp-primary);
    color: #fff;
}

/*pagination*/
.pagination-nav {
    margin-top: 30px;
}
.pagination-nav .page-link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    min-width: 36px;
    background-color: #fff;
    border: 1px solid var(--tp-primary);
    font-size: 16px;
    color: var(--tp-secondary);
    font-weight: 500;
    border-radius: 18px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.04);
    transition: all .4s;
}

.pagination-nav .page-link:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 24px rgba(45, 212, 191, 0.18);
    transition: all .4s;
}

.pagination-nav .page-item.active {
    background-color: #fff;
    border-color: #fff;
}
.pagination-nav .page-item.active .page-link,
.pagination-nav .page-link:hover {
    background-color: var(--tp-primary);
    border-color: var(--tp-primary);
    color: #fff;
}

.pagination-nav .page-item.disabled {
    opacity: .3;
}

.pagination-nav .pagination {
    flex-wrap: wrap;
    gap: 5px;
}


/*video*/
.overlay-video {
    position: fixed;
    inset: 0;
    background-color: #0b0b0bcc;
    opacity: 0;
    visibility: hidden;
    transition: all .4s;
    z-index: 10;
}

.overlay-video.active-preview-off {
    position: static;
    opacity: 1;
    visibility: visible;
    background-color: #fff;
}

.overlay-video.show {
    opacity: 1;
    visibility: visible;
    transition: all .4s;
}

.video-platform {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
}

.main-video {
    max-width: 900px;
}

/*path*/
.page-category .bp_category_option_item {
    display: none;
}
.page-category .bp_category_option_item.active,
.page-category .bp_category_option {
    display: block;
}
.page-category .tp-title {
    text-transform: uppercase;
    margin-bottom: 15px;
}
.path .breadcrumb-item {
    text-transform: uppercase;
}

/*footer*/
.footer {
    background-color: var(--tp-secondary);
}

.company-info .tp-feature__text a {
    color: #fff;
}

.footer-social .content_button_link i {
    font-size: 25px !important;
    width: 25px;
}

.social-footer__item {
    align-items: center;
    color: #fff;
}

.social-footer__item img {
    width: 25px;
}

.back-to-top {
    width: 36px;
    height: 36px;
    border: 1px solid #000;
    background-color: transparent;
    color: #000;
}

.back-to-top:hover {
    background-color: var(--tp-primary);
    border-color: var(--tp-primary);
}

.tp-preview-sidebar.right {
    right: 30px;
    top: unset;
    transform: translateY(0);
    bottom: 100px;
}

.tp-preview-sidebar.right .fa-phone {
    animation: rengReng 1s infinite ease-in-out;
}

@keyframes rengReng {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
}

@media (min-width: 1200px) {
    .header-search:hover .header-search__form {
        opacity: 1;
        visibility: visible;
        transition: all .4s;
    }
}


@media (max-width: 1600px) {
    .header-search__form {
        left: unset;
        right: 0;
    }
    
    .header-search__form::before {
        left: unset;
        right: 15px;
    }
}

@media (max-width: 1200px) {  
    .main-menu {
        order: 1;
    }
    .logo {
        order: 2;
    }
    .menu-right {
        order: 3;
    }
    .tp-menu-mobi-icon {
        border: none;
    }
    .main-menu .tp-btn-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
        box-shadow: none;
        outline: none;
    }
    .main-menu .navbar .offcanvas {
        position: fixed;
        width: 300px !important;
        background-color: #fffffff2 !important;
        padding: 0;
        z-index: 2222;
    }
    .offcanvas.show:not(.hiding), .offcanvas.showing {
        transform: none !important;
    }
    
    .main-menu .navbar .navbar-nav {
        flex-direction: column;
    }
    
    .main-menu .navbar .navbar-nav > li.nav-item {
        padding: 0;
    }
    
    .main-menu .navbar .navbar-nav > li.nav-item:not(:last-child) > a.nav-link {
        border-bottom: 1px solid #ececec !important;
    }
    
    .main-menu .navbar .navbar-nav > li.nav-item > a.nav-link {
        width: 100%;
    }
    
    .tp-menu-hori a {
        font-weight: 500;
    }
    
    .navbar ul.dropdown-menu li a {
        padding: 6px 7.5px;
    }
    .navbar ul.dropdown-menu li.dropdown-item a.active{
        background-color: transparent;
    }
    .navbar .dropdown-toggle {
        position: absolute;
        top: 10px;
        right: 10px;
    }
    
    .navbar .dropdown-toggle:after {
        content: "\f078";
        font-size: 18px;
        font-family: "fontawesome";
        color: var(--tp-primary);
        transition: all .3s;
    }
    .navbar ul.navbar-nav > li.dropdown {
        flex-wrap: wrap;
    }
    .navbar ul.navbar-nav > li.dropdown:has(.dropdown-menu.show) {
        background-color: #0000000d;
    }
    .navbar .navbar-nav .dropdown-menu {
        position: static;
        width: 100%;
        opacity: 1;
        visibility: visible;
        display: none;
        pointer-events: auto;
        box-shadow: none;
        border: none;
        background-color: transparent;
        border-radius: 0;
        padding: 0;
        margin-top: 0;
    }
    .navbar ul.dropdown-menu::before {
        display: none;
    }
    
    .main-menu .tp-menu-hori a {
        padding: 15px 20px;
    }
    
    .main-menu .nav-link,
    .navbar ul.dropdown-menu li a{
        font-size: 12px;
        letter-spacing: 0.24px;
        color: var(--tp-text-color);
    }
    .navbar ul.dropdown-menu li.dropdown-item a {
        width: 100%;
        padding: 8px 20px 8px 30px;
    }
    .navbar .navbar-nav .dropdown-menu.show {
        display: block;
    }
    
    .navbar .navbar-nav {
        flex-direction: column;
    }
    
    .navbar .dropdown-toggle.show:after {
        transform: rotate(180deg);
        transition: all .3s;
    }
    
    .header-search__form {
        /*left: 0;*/
        /*transform: translateX(0);*/
        width: 270px;
        min-width: unset;
    }
    .header-search__form::before {
        left: 20px;
    }
    
    /*.header-search:hover .header-search__form {*/
    /*    opacity: unset;*/
    /*    visibility: unset;*/
    /*}*/
    
    .header-search__form {
        left: 0;
        right: unset;
    }
    
    .header-search__form::before {
        left: 15px;
        right: unset;
    }
    
    
    .detail-product__image .bp-group-button-qv-wl {
        opacity: 1;
        visibility: visible;
        display: flex !important;
    }
}

@media (max-width: 991px) {
    .detail-news,
    .list-news{
        padding-right: 0;
        border-right: 0;
    }
}


@media (max-width: 767.98px) {
    .bp-product-header .bp-product-header-right {
        width: 100%;
    }
    .bp-product-header .bp-product-header-left {
        display: none !important;
    }
    
    #shopping_form button.btnAddToCart {
        padding: 8px 10px;
    }
    
    .menu-right .bp_cls_btn_icon_cart,
    .menu-right .bp_wishlist_item > button {
        padding: 0;
    }
}