@charset "utf-8";
/* CSS Document */
.slider-active{position: relative;}
.slider-active .slick-arrow{position: absolute; top:50%; transform: translateY(-50%); width:30px; height: 30px; border-radius: 50%; border:1px solid var(--tg-primary-color); background-color:var(--tg-white); color: var(--tg-primary-color); font-size: 14px; left: 30px; right: auto; z-index: 99; opacity: 0.5;}
.slider-active .slick-arrow.slick-next{right: 30px; left: auto;}
.slider-active .slick-arrow:hover{opacity: 0.9;}
.slider-active .slick-dots{position:absolute;bottom:15px;display:block;padding:0;margin:0;list-style:none;text-align:left; z-index: 99; left:15px;}
.slider-active .slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slider-active .slick-dots li button{font-size:0;line-height:0;display:block;width:23px;height:23px; padding: 0px; cursor:pointer;color:transparent;border:0;outline:none;background:transparent; position: relative}
.slider-active .slick-dots li button:hover,.slick-dots li button:focus{outline:none}
.slider-active .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slider-active .slick-dots li button:before{font-family:'slick';font-size:60px;position:absolute;width:15px;height:15px;content:'';text-align:center;opacity:.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; left: 50%; top:50%; transform: translate(-50%, -50%);background-color:var(--tg-primary-color); border-radius: 50%; }
.slider-active .slick-dots li button:after{content:''; border:1px solid var(--tg-white); border-radius: 50%; position: absolute; top:0;left:0;width:23px;height:23px;}
.slider-active .slick-dots li.slick-active button:before{opacity:.75;color:var(--tg-primary-color); }

.category-active .single-slider{padding: 0px 15px; text-align: center;}
.category-active .single-slider h5{font-size: 14px; font-family: var(--tg-body-font-family); letter-spacing: .5px; text-transform: uppercase; margin-top: 10px;}
.category-active .single-slider img{padding: 5px; display: block; transition: 500ms; filter: grayscale(100%); border:1px solid var(--tg-primary-color); border-radius: 50%; width: 100px; margin: 0 auto;}
.category-active .single-slider:hover img{transform: rotateZ(360deg); filter: grayscale(0%); }
.category-active .single-slider:hover h5 a{color:var(--tg-primary-color);}

.bestseller-active .bestseller-slider{padding: 20px 10px;}
.bestseller-active .bestseller-slider .bestseller-item{display: block; overflow: hidden; box-shadow: 0px 0px 20px rgba(0,0,0,0.2); transition: 500ms; border-radius: 5px;}
.bestseller-active .bestseller-slider:hover .bestseller-item{box-shadow: 10px 10px 20px rgba(0,0,0,0.3);}
.bestseller-active .bestseller-slider .bs-img{position: relative; overflow: hidden; display: block;}
.bestseller-active .bestseller-slider .bs-img img{transition: 500ms; width: 100%; height: 250px; object-fit:cover;}
.bestseller-active .bestseller-slider:hover .bs-img img{transform: scale(1.1);}
.bestseller-active .bestseller-slider .bs-content{padding: 10px 15px 15px; background-color:var(--tg-white); }
.bestseller-active .bestseller-slider .bs-content h4{font-size: 16px; line-height: 1.4; font-family: var(--tg-body-font-family); font-weight: 400;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; min-height: 45px;}
.bestseller-active .bestseller-slider .bs-content h5{font-size: 15px; font-family: var(--tg-heading-font-family); font-weight: 700; color:var(--tg-primary-color); margin: 0px;}
.bestseller-active .bestseller-slider .bs-content h5 span{font-size: 15px; font-family: var(--tg-body-font-family);   color:var(--tg-gray-three); text-decoration: line-through; font-weight: 400;}
.bestseller-active .bestseller-slider .bs-content .btn i{display: inline-block; width:22px; height: 22px; border-radius: 50%; background-color:var(--tg-white);color:var(--tg-primary-color); line-height: 16px; padding: 4px; font-size: 13px; margin-right: 3px; }
.bestseller-active .bestseller-slider .bs-content .btn:hover i{color:var(--tg-white);background-color:var(--tg-primary-color);}
.bestseller-active .bestseller-slider .bs-content .p-extra{font-size: 13px; min-height: 45px;}

.bestseller-active .bestseller-slider .bs-img .p-qty{position: absolute; width: 70px; height: 60px; top:0px; right: 0px; background-color:var(--tg-primary-color); color:var(--tg-white); z-index: 99; font-size: 30px; padding:13px 10px; display: flex; font-weight: bold; line-height: 1; border-radius: 0% 0% 0% 50%}
.bestseller-active .bestseller-slider .bs-img .p-qty strong{overflow-wrap: break-word; display: inline-block; font-size:14px; line-height: 1; margin-left: 2px; font-weight: normal;}
.bestseller-active .bestseller-slider .bs-img  .p-discount{position: absolute; left: 0px; bottom: 0px; padding: 5px; color:var(--tg-primary-color); background-color:var(--tg-secondary-color); font-weight: bold; border-radius: 0px 10px 0px 0px; font-size: 16px;}

.kukuta-tag{padding: 50px 20px; background-color:var(--tg-primary-color); border-radius: 15px; color:var(--tg-white); text-align: center;}
.kukuta-tag h2{font-family: var(--tg-heading-font-Medium); font-size: 30px; font-weight: 500; color:var(--tg-white); margin-bottom: 20px; position: relative;}
.kukuta-tag h2 span{font-family: var(--tg-heading-font-family);  font-weight: 700; color:var(--tg-secondary-color);}
.kukuta-tag h2 .kktag-border{position: absolute; width: 100%; height: 50px; border:2px solid var(--tg-secondary-color);  top:-8px;}
.kukuta-tag h2 .kktag-border:before{content:""; height: 2px; width: 165px; background-color:var(--tg-primary-color); position: absolute; left: 50%; transform: translateX(-50%);  bottom: -2px; }
.kukuta-tag h4{font-family: var(--tg-heading-font-Medium); font-size: 19px; font-weight: 500; margin: 0px;}

.whyus{display: block; background-color:var(--tg-tertiary-color);  }
.wu-sec{display: block; padding: 20px 40px; position: relative;}
.wu-sec:after{width: 1px; height: 100%; right:-15px; background-color:rgba(var(--tg-black-color-rgb), 0.1); content:""; position: absolute; top:0px;}
.wu-sec.last-sec:after{background-color: transparent;}
.wu-sec img{width: 100px; height: 100px; padding: 15px; border-radius: 50%; background-color: #FFF; transition: 500ms;}
.wu-sec:hover img{transform: rotateZ(360deg);}
.wu-sec h4{font-size: 16px; font-family: var(--tg-body-font-family); font-weight: 400;  line-height: 1.3; margin-top: 10px;}