body { padding-top: 0; }
.modal, .offcanvas, .side__cart__modal { z-index: 9992 !important; }
.btn-new { padding: 6px 26px; font-size: 14px; font-weight: 500; min-width: 96px; text-align: center; }
.btn-new-border{border: 1px solid #fff; color: #fff;}
.btn-new-border:hover{background-color: #fff; color: var(--dark);}

.btn-new-primary{border: 1px solid var(--primary); background-color: var(--primary); color:#fff;}
.btn-new-primary:hover{background-color: var(--primaryDark); color: var(--dark); color:#fff;}

.heading-new{margin-bottom: 20px;}
.heading-new h3{font-size: 30px; margin-bottom: 0; font-weight: 700;}
.heading-new h3 + p { margin-top: 10px; }
@media (max-width:991.98px){
    .heading-new{margin-bottom: 16px;}
    .heading-new h3{font-size: 24px;} 
}
@media (max-width:767.98px){
    .heading-new h3{font-size: 20px;} 
}
/* hero css start */
header#header2{position: sticky; top:0; z-index: 9991; background-color: #fff;}
#header2 .header-upper { padding: 15px 0; }
#header2 .hu-wrapper { display: flex; align-items: center; }
#header2 .hu-logo { height: 30px;}
@media (min-width:1199.98px){
    #header2 .hu-logo {  position: absolute; left: 50%; transform: translateX(-50%);}
}
#header2 .hu-logo img { width: auto; height: 100%; object-fit: contain; }
#header2 .hu-right { margin-left: auto; }
#header2 .hur-actions { display: flex; align-items: center; gap: 25px; }
#header2 .hur-action { display: flex; align-items: center; gap: 7px; font-size: 14px; font-weight: 500; }
#header2 .hura-icon { position: relative; width: 28px; height: 28px; background-color: #f3f3f3; color: #444; display: grid; place-items: center; border-radius: 2px; }
#header2 .hura-icon svg { width: 20px; }
#header2 .hurai-count { position: absolute; top: -11px; right: -11px; display: block; border-radius: 50%; border-bottom-left-radius: 0px; color: var(--white); font-weight: 400; font-size: 10px; background-color: var(--dark); height: 18px; min-width: 18px; text-align: center; line-height: 20px; }
#header2 .header-lower { background-color: var(--dark); color: #fff; padding: 8px 0; }
#header2 .hlw-mid {padding: 0 20px; flex: 1;}
#header2 .hlw-search { position: relative; }
#header2 .hlw-search .hlws-input { width: 100%; font-size: 14px; height: 34px; padding-inline: 14px; text-align: center; box-shadow: none !important; outline: none !important; border: none !important; border-radius: 8px; background: #636363; color: #FFF; }
#header2 .hlw-search .hlws-input::placeholder{color: #ddd;}
#header2 .hlw-search .hlws-input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    background-color: #fff;
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
    background-size: 20px 20px;
    height: 14px;
    width: 14px;
}
#header2 .hlw-search .hlws-btn { position: absolute; right: 0; background: #6baebf; color: #fff; border: none !important; height: 100%; border-radius: 0 20px 20px 0; padding: 2px 10px; }
#header2 .hlw-right .btn-new { padding-block: 5px;}
#header2 .hur-actions .dropdown >.dropdown-menu { border-top: 1px solid #f2f2f2;top: calc(100% + 1px) !important; left: auto!important; right: 0!important; transform: none !important;  margin-top: 10px !important; background: var(--white); color: var(--dark); min-width: 184px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06); border: 0; border-radius: 10px 0 10px 10px; transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; }
#header2 .hur-actions .dropdown .dropdown-item { color: var(--dark); padding: 5px 15px; font-weight: 400; font-size: 14px; line-height: 20px;}
#header2 .hur-actions .dropdown .dropdown-item:focus, #header2 .hur-actions .dropdown .dropdown-item:hover { color: var(--primary) !important; background: transparent; }
#header2 .hlw-left .nav-item.active .nav-link { color: var(--lime) !important; }
@media (min-width:1199.98px) {
    #header2 .hlw-left, #header2 .hlw-right { width: 380px; }
    #header2 .hlw-mid { width: calc(100% - 380px*2); padding: 0 15px; }
    #header2 .hlw-left .nav-item{margin: 0;}
    #header2 .hlw-left .nav-item .nav-link { padding: 0 !important; font-size: 14px; color: #fff !important; font-weight: 400; line-height: 18px; }
    #header2 .hlw-left .nav-item  + .nav-item { margin-left: 24px; }
}
@media only screen and (min-width:1200px) {
    #header2 .hur-action.dropdown-toggle { line-height: 28px; }
	#header2 .hur-actions .dropdown >.dropdown-menu { display: block !important;  opacity: 0; visibility: hidden;  }
	#header2 .hur-actions .dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; margin-top: 0px !important;  }
}
@media (max-width:1199.98px) { 
    #header2 .hlw-left .navbar-collapse, #header2 .hlw-left .navbar-collapse.collapsing { height: calc(100dvh - 92px) !important; top: 92px;}
    #header2 .hlw-right .navbar-toggler { position: relative; transform: none !important; background-color: #ffffffa8 !important; width: 36px; height: 34px; margin-left: 12px; padding-bottom: 4px; display: block; left: auto; right: auto; }
    #header2 .hlw-right { display: flex; align-items: center; justify-content: end; }
    #header2 .hlw-mid { padding: 0 12px 0 0; }
    #header2 .header-lower { padding: 5px 0; }
    #header2 .hlw-right .btn-new { min-width: auto; padding: 5px 12px; }
    #header2 .hlw-search .hlws-input { font-size: 14px; }
    #header2 .hlw-search .hlws-btn { padding: 2px 8px; }
    #header2 .hlw-search .hlws-btn svg { width: 20px; }
}
@media (max-width:991.98px) {
    #header2 .hlw-right .navbar-toggler {margin-left: 8px; }
    #header2 .hlw-mid { padding-right: 8px;    }
    #header2 .hur-actions .dropdown >.dropdown-menu{min-width: 166px;}
    #header2 .hur-action.dropdown-toggle::after { display: inline-block; margin-left: -3px; margin-top: 2px; vertical-align: .255em; content: ""; border-top: 4px solid; border-right: 3px solid transparent; border-bottom: 0; border-left: 3px solid transparent; }
    #header2 .hur-actions { gap: 12px; }
    #header2 .header-upper { padding: 10px 0; height: 48px; display: flex; align-items: center;}
    #header2 .container { margin: 0; width: 100%; }
    #header2 .hu-logo { padding-right: 20px; height: 24px; }
    #header2 .hur-action { font-size: 12px; }
    #header2 .hura-icon svg { width: 18px; }
    #header2 .hurai-count { height: 16px; line-height: 17px; min-width: 16px; top: -6px; }
    #header2 .hlw-search .hlws-input {padding-right: 40px;}
    #header2 .hu-right .nav-link { font-size: 14px; white-space: nowrap; }
}
/* hero css start */
.hero-new-container { background-color: #6BAEBF;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 9;}
.hero-new-content-outer{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 50px;
    display: flex;
    flex-flow: column;
    justify-content: center; align-items: start;
    height: 100%;}
.hero-new-content {padding: 30px 0;
    height: 100%;
    font-size: 14px;
    line-height: 1.4;
    padding-right: 12%; }
    .hero-new-content p{font-weight: 300;
        color: #000;}
.hero-new-content h1, .hero-new-content h2 {     font-size: 30px;
    text-transform: uppercase;
    font-weight: 600; max-width: 400px;
    margin-bottom: 11px;
    line-height: 1.1; 
    color:#000;
}
.hero-new-content .btn-new { margin-top: 0; display: inline-block; }
.hero-new-bg {     position: relative;
    z-index: -1;}
.hero-new-bg img { width: 100%; object-fit: cover; }
@media (max-width:1299.98px){
    .hero-new-content { padding: 20px 0; font-size: 12px;}
    .hero-new-content h1, .hero-new-content h2 { font-size: 25px; max-width: 270px;}
    .hero-new-content p { max-width: 330px; }
    .hero-new-content .btn-new { padding: 4px 12px; }
}
@media (max-width:1199.98px){
    .hero-new-content-outer{padding-bottom: 30px;}
    .hero-new-content h1, .hero-new-content h2 { font-size: 22px; max-width: 240px;}
    .hero-new-content p { max-width: 320px; }
}
@media (max-width:991.98px){
    .hero-new-content {padding-block: 24px; }
    .hero-new-content h1, .hero-new-content h2 { font-size: 30px; max-width: 330px;}
}
@media (max-width:767.98px){
    .hero-new-content-outer{padding-bottom: 0;}
    .hero-new-container{padding-bottom: 0; z-index: 9;}
    .hero-new-content {  padding-right: 18px; padding-block: 16px; font-size: 12px; line-height: 15px; min-height: auto;  margin-top: 0 !important; }
    .hero-new-content h1, .hero-new-content h2 { font-size: 19px; margin-bottom: 5px }
    .hero-new-content .btn-new { font-size: 12px; padding: 5px 14px; margin-top: 0; }
    .hero-new-bg img{min-height: 200px;}
    .hero-new-content p { margin-bottom: 8px; }
}
/* partner start */
.partner-new-container { position: relative; z-index: 91; }
.partner-new-wrapper { padding: 14px 20px;background: #fff; margin-top: -44px; z-index: 91; position: relative; box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.075); }
.partner-new-img { padding: 0 16px; }
.partner-new-img img { width: 100%; display: block; }

@media (max-width:1199.98px){
    .partner-new-wrapper { margin-top: -24px;  }
}
@media (max-width:767.98px){
    .partner-new-wrapper { padding: 10px; margin-top: 40px; }
    .partner-new-img { padding: 0 14px; }
}
/* .product css start */
.product__new_card__list { width: calc(100% + 16px); margin-left: -8px; margin-bottom: -16px; }
.product__new_card__list.slick-slider { margin-bottom: 10px; }
.product__new_card__list.slick-slider .product__new_card__item { margin-bottom: 0; }
.product__new_card__item { padding: 0 8px; width: 20%; margin-bottom: 16px; position: relative; }
.product__new_card__thumb__img { display: block; position: relative; padding-bottom: 100%; overflow: hidden;}
.product__new_card__thumb__img img { width: 100%; height: 100%; top: 0; left: 0; background-color: #f9f9f9; position: absolute; object-fit: contain; transition: all .4s ease; padding: 6px; }
.product__new_card__thumb__img:hover img{transform: scale(1.025);}
.product__new_card__thumb { overflow: hidden; position: relative;  }
.product__new_card__thumb .new__tag { position: absolute; background-color: #00a9ec; top: 0; left: 0; z-index: 91; color: #fff; padding: 3px 14px 4px; font-size: 14px; line-height: 22px; }
.product__new_card__thumb > span { display: block; text-align: center; padding-top: 6px; margin-bottom: -5px; }
.product__new_card__content { padding: 14px; color: #000; }
.product__new_card__box { border: 1px solid #e3e3e3; background: #fff; }
.product__new_card__content h5 {font-weight: 500;margin-bottom: 7px;text-transform: uppercase;text-decoration: underline;font-size: 12px; color: var(--primary);}
.product__new_card__content h5 a:hover { color: var(--primaryDark); }
.product__new_card__title {font-size: 12px;color: #000 !important;margin-bottom: 7px;font-weight: 600;display: block;white-space: nowrap;line-height: 16px;overflow: hidden;text-overflow: ellipsis;text-transform: uppercase;}
.product__new_card__title:hover { color: #000000c7 !important; }
.product__new_card__tags { position: absolute; width: 100%; top: 0; display: flex; align-items: self-start; gap: 5px; justify-content: space-between; }
.product__new_card__tags span { background-color: #f3f3f3; padding: 5px 12px; font-size: 12px; line-height: 14px; font-weight: 500; border-radius: 0; text-transform: uppercase; }
.product__new_card__tags .new-tag { background-color: var(--green); color: #fff; display: none; }
.product__new_card__tags .discount-tag { background-color: var(--red); color: #fff; }
.product__new_card__tags .preloved-tag { background-color: var(--primary); color: #fff; }
.product__new_card__box:hover .product__new_card__tags .new-tag { display: block; }
.product__new_card__item.out_of_stock .product__new_card__box { position: relative; overflow: hidden; }
.product__new_card__item.out_of_stock .product__new_card__box::before { content: ''; position: absolute; display: none !important; width: 100%; height: 100%; background-color: rgb(191 191 191); z-index: 1; opacity: .7; cursor: auto; }
.product__new_card__lower {display: flex;justify-content: space-between;font-size: 12px;gap: 12px;line-height: 16px;}
.product__new_card__price { font-weight: 600; }
@media (max-width:1199.98px){
    .product__new_card__item {width: 25%;}  
}
@media (max-width:991.98px){
    .product__new_card__list { width: calc(100% + 10px); margin-left: -5px; margin-bottom: -10px; }
    .product__new_card__item {width: 33.33%; padding: 0 5px; margin-bottom: 10px;}  
}
@media (max-width:767.98px){
    .product__new_card__item {width: 50%;}  
    .product__new_card__lower{font-size: 12px; gap:6px;}
}

/* shop by category start */
.shop__by__cat__list { width: calc(100% + 16px); margin-left: -8px; margin-bottom: -16px; }
.shop__by__cat__item { width: 20%; padding-inline: 8px; margin-bottom: 16px; text-align: center; }
.shop__by__cat__box { display: flex; flex-flow: column; gap: 10px; align-items: center; }
.shop__by__cat__thumb { width: 100%; background-color: #f9f9f9; border: 1px solid #f1f1f185; }
.shop__by__cat__thumb img { width: 100%; height: 100%; aspect-ratio: 1.45; object-fit: contain; }
.shop__by__cat__box h6 { font-size: 14px; margin-bottom: 0; font-weight: 600; color: #222; }
@media (max-width:991.98px){
    .shop__by__cat__item {width: 33.33%;}  
}
@media (max-width:767.98px){
    .shop__by__cat__item {width: 50%;}  
}

/* .zero-selling start  */
.zero-selling-container { z-index: 1; }
.zero-selling-container::before { content: ''; position: absolute; width: 100%; height: 300px; background-color: var(--primary); z-index: -1; top: 0; }
.zero__selling__wrapper {background-color: #fff; box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.075); padding: 36px 0; }
.zero__selling__list {  width: calc(100% + 30px); margin-left: -15px; margin-bottom: -30px; }
.zsl__item { width: 33.33%; text-align: center; padding-inline:  30px; margin-bottom: 30px; }
.zsl__icon { display: grid; width: 64px; height: 64px; background-color: var(--dark); place-items: center; border-radius: 50%; margin-inline: auto; margin-bottom: 20px; }
.zsl__icon img { width: 40px; filter: brightness(0) invert(1); }
.zsl__content { font-size: 14px; padding-inline: 10px; line-height: 1.4; color: var(--dark50); }
.zsl__content h5 { font-size: 18px; margin-bottom: 8px; color: var(--dark); }
@media (max-width:991.98px){
    .zsl__content h5 { font-size: 16px; }
    .zsl__content { padding: 0; }
    .zsl__item { padding-inline: 20px; }
}
@media (max-width:767.98px){
    .zsl__item { width: 100%; }
}
#banner-part{
    color: #000 !important;
}
.page_cta_box { background-color: var(--dark); padding: 25px; display: flex; align-items: center; gap: 20px; font-size: 14px; line-height: 1.3; color: #ddd !important; }
.page_cta_icon { width: 80px; flex-shrink: 0; height: 80px; background-color: #fff; border-radius: 50%; padding: 14px; display: grid; place-items: center; }
.page_cta_icon img { width: 50px; }
.page_cta_text h5 { font-size: 18px; margin-bottom: 8px; color: #fff; }
.page_cta_arrow { width: 60px; display: grid; place-items: center; flex-shrink: 0; }
.page_cta_arrow img { filter: brightness(0) invert(1); max-width: 34px; transition: all .3s ease; }
.page_cta_box:hover .page_cta_arrow img { transform: rotate(-45deg); }
.page_cta_text p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width:991.98px){
    .page_cta_box { padding: 20px; gap: 16px; }
    .page_cta_icon { width: 64px; height: 64px; }
    .page_cta_arrow { width: 40px; }
    .page_cta_arrow img { max-width: 30px; }
    .page_cta_text h5 { font-size: 16px; margin-bottom: 5px; }
}
@media (max-width:991.98px){
    .page_cta_box { padding: 20px; gap: 0px; }
    .page_cta_text{padding-inline: 12px;}
    .page_cta_arrow { width: 32px; margin-right: -10px; }
    .page_cta_arrow img { max-width: 26px; }
}
/* .custom-btn-green{
    display: none !important;
} */