html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.invalid-feedback { font-size:11px !important; }

:root{
    --primary:#F41CB2;--primary-light:#e7f6fd;--secondary:#6c757d;--white:#fff;--black:#212529;--gray:#6c757d; 
    --primary-dark:#ca0d90;
    --green:rgb(3, 166, 133); --green-dark:#137c51; --orange:orangered; 
    --gray-light:#efeeee; --gray-dark:#e5e5e5; --success:#198754;--info:#0dcaf0;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;
    --body-font:"Manrope", sans-serif;    
    --title-h1:"Playfair Display", serif;
    --bs-gradient:linear-gradient(180deg,#ffffff26,#fff0);    
    --body-font-size:.88rem;
    --body-font-weight:400;
    --bs-body-line-height:1.55;
    --bs-body-color:#212529;
    --body-bg:#fff
}

body{margin:0; font-family: var(--body-font); font-size:var(--body-font-size); font-weight:var(--body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#0000;  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; word-spacing: 1px;}

.open-sans {  
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.playfair-display {
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.manrope {
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}


h1 { font-size: 30px; font-family: var(--title-h1); }
h2 { font-size: 26px; font-family: var(--body-font); }
h3 { font-size: 24px; font-family: var(--body-font); }
h4 { font-size: 20px; font-family: var(--body-font); }
h5 { font-size: 16px; font-family: var(--body-font); }
h6 { font-size: 14px; font-family: var(--body-font); }

a { text-decoration: none; color: var(--black); }
a:hover { text-decoration: none; color: var(--primary); }

.btn-primary { background-color: var(--primary); border-color: var(--primary);}
.btn-primary:hover { background-color: var(--primary-dark); border-color: var(--primary-dark);}
.btn-outline-primary { color: var(--primary); border-color: var(--primary); }
.btn-outline-primary:hover { background-color: var(--primary); color: var(--white); border-color: var(--primary); }
.btn { font-size: 13px; font-family: var(--body-font); padding: 7px 14px 8px 14px; font-weight: bold; border-radius: 5px;  }
.btn:focus { box-shadow: none;}
.btn-sm { padding:5px 10px 6px 10px; font-size: 12px;}
.btn-big { border-radius: 4px; padding:4px 100px 7px 100px; font-size: 15px; text-transform: uppercase; font-weight: bold;}
.btn-outline-dark { border-color: var(--gray); color: var(--gray); background-color: var(--white);}
.caps-btn { text-transform: uppercase; }
.small-font { font-size: 13px !important;}

textarea { font-family: var(--body-font); font-size: 12px !important;}
.form-control::placeholder { font-size: 12px !important; }
.home-title { text-transform: uppercase; margin-bottom: 20px; letter-spacing:1px; word-spacing: 3px; font-size: 20px;}

.brand-wrapper { }
.brand-slider { width: 100%; text-align: center;}
.brand-slider .slick-track { display: flex !important; }
.brand-slider .brand-item { display: flex; }
.brand-slider .brand-item img { transition: 0.3s; border-radius: 0 !important; }
.brand-slider .brand-item .brand-details { color: var(--black); text-decoration: none;}
.brand-slider .brand-item .brand-details .photo { position: relative;}
.brand-slider .brand-item .brand-details .photo .logo { position: absolute; bottom:10px; left:25%; width: 50%; }
.brand-slider .brand-item .brand-details .details { margin-top: 10px;}
.brand-slider .brand-item .brand-details .details .title { font-size: 16px;}
.brand-slider .brand-item .brand-details .details .discount { font-size: 13px; font-weight: bold; text-transform: uppercase;}

/* Works in Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Firefox support */
* {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}


.sprites{background:url(../images/sprites.svg) no-repeat; display: block;}
.user-icon span { background-position: -277px -126px; height: 34px; width: 28px; }
.user-icon:hover span { background-position: -277px -160px; }
.wishlist-icon span { background-position:-195px -127px; height: 33px; width: 25px; }
.wishlist-icon:hover span { background-position:-195px -160px; }
.bag-icon span { background-position:-224px -126px; height: 33px; width: 25px; }
.bag-icon:hover span { background-position:-224px -160px;}
.search-icon { background-position:-251px -126px; height: 33px; width: 24px; }
.search-icon span { background-position:-251px -126px; height: 33px; width: 24px; }
.search-icon:hover span { background-position:-251px -160px;}

.wishlist-ico-btn { background-position:-89px 2px; height: 20px; width: 20px;}
.star-ico { background-position:-110px 0; height: 18px; width: 12px;}
.star-big-ico { background-position:-117px 0; height: 25px; width: 25px;}
.cart-small-ico { background-position:-152px 0; height: 23px; width: 20px;}
.tick-icon { background-position:-175px 0; height: 17px; width: 17px;}
.arrow-r { background-position:-220px 0; height: 17px; width: 17px;}

.confirmed-icon { background-position:-276px -1px; height: 20px; width: 20px; margin: 2px auto; }
.cancelled-icon { background-position:-227px -28px; height: 18px; width: 16px; margin: 2px auto; }
.delivered-icon { background-position:-276px -1px; height: 20px; width: 20px; margin: 2px auto; }
.green-tick-icon { background-position:-342px -33px; height: 14px; width: 14px; }
.packed-icon { background-position:-228px -1px; height: 20px; width: 20px; margin: 2px auto; }
.shipped-icon { background-position:-252px -1px; height: 20px; width: 20px; margin: 2px auto; }
.returned-icon { background-position:-298px -1px; height: 20px; width: 20px; margin: 2px auto; }
.exchanged-icon { background-position:-320px -1px; height: 20px; width: 20px; margin: 2px auto; }
.rating-ico { background-position:-76px -57px; height: 35px; width: 35px; }
.rating-star1-ico { background-position:-341px 0; height: 20px; width: 20px;}
.rating-star2-ico { background-position:-361px 0; height: 20px; width: 20px;}

.dark-green-tick-icon { background-position:-380px -29px; height: 20px; width: 20px; }

.back-top-icon span { background-position:0 -58px; height: 35px; width: 35px; }
.back-top-icon:hover span { background-position:-37px -58px; }

.thumb-icon { background-position:-356px -26px; height: 25px; width: 25px; }
.list-icon { background-position:-135px -61px; height: 21px; width: 21px; margin: 5px auto; }
.exchange-icon { background-position:-113px -62px; height: 21px; width: 21px; margin: 5px auto; }
.reviews-icon { background-position:-157px -60px; height: 25px; width: 25px; margin: 5px auto; }
.green-star-icon { background-position:-379px 0; height: 21px; width: 21px; margin-top: 21px; }


.empty-order { background-position:-6px -127px; height: 66px; width: 67px; margin: 0 auto;}
.delete-icon span { background-position:-228px -29px; height: 17px; width: 17px; }
.delete-icon:hover span { background-position:-248px -29px; }

.delete-discount span { background-position:-24px -29px; height:21px; width:21px; }

.mobile-arrow-1 { background-position: -320px -56px; height: 17px; width: 12px; }
.mobile-arrow-2 { background-position: -227px -61px; height: 17px; width: 12px; }

.mobile-menu-icon { height: 20px; width: 20px; display: block; }
.mobile-menu-icon span { background-position:-359px -60px; height: 20px; width: 19px; }
.mobile-menu-icon:hover span { background-position:-381px -60px; }

.close-search-icon { height: 15px; width: 15px; position: absolute; right: 15px; top:16px; }
.close-search-icon span { background-position:-228px -30px; height: 15px; width: 15px; }
.close-search-icon:hover span { background-position:-248px -30px; }

.mobile-back-icon { height: 20px; width: 20px; display: block; }
.mobile-back-icon span { background-position:-136px -89px; height: 20px; width: 19px; }
.mobile-back-icon:hover span { background-position:-136px -107px; }

.down-arrow-icon { background-position:-333px -52px; height: 20px; width: 19px; }

.text-primary { color: var(--primary)  !important;}
.text-secondary { color: var(--secondary) !important; }

header { padding:0 4%; position:relative; transition: all 0.3s ease; background-color: var(--white); box-shadow: 0 2px 4px 0 #0000001f; }
header .logo { margin-top: 14px; display: block; margin-right: 30px;}
header .logo img { width: 60px;}
header.sticky { position:fixed; top:0; left:0; width:100%; animation: slideDown 0.4s ease; z-index:999; }

.cart-header .logo { margin-top: 5px; }
.cart-header.sticky { position:fixed; top:0; left:0; width:100%; animation: slideDown 0.4s ease; z-index:999;  }
.cart-header.sticky .checkout-steps { padding: 18px 0; }
.cart-header.sticky .logo { margin-top: 3px;}

.dell p, .dell span { text-decoration: line-through; color: #999;}

.active-card .photo { filter: grayscale(0%) !important;}
.product-repeate .photo { filter: grayscale(100%); }

@keyframes slideDown{
    from{
        transform: translateY(-100%);
        opacity:0;
    }
    to{
        transform: translateY(0);
        opacity:1;
    }
}

.menu-overlay{
    position:fixed; 
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    opacity:0;
    visibility:hidden;
    transition:all .3s ease;
    z-index:998;
}

body.active .menu-overlay{
    opacity:1;
    visibility:visible;
}

/* keep header above overlay */
header { position:relative; z-index:999; }

.default main { margin-top: 17px;}
.navbar-collapse { width: 100%;}
.max-savings { padding-left: 40px; font-size: 12px; font-weight: bold; color: var(--gray);}
.max-savings .discount-text { font-size: 15px; font-weight: bold; color: var(--green-dark);}

.checkout-steps { margin: 0 auto; width: 160px; font-size: 13px; font-weight: bold; color: #696b79; letter-spacing: 3px; padding:22px 0; display: flex; line-height: 20px; }
.checkout-steps .divider { display: inline-block; border-top: 1px dashed #696b79; margin: 0 10px; height: 4px; position: relative; top:10px; width: 15%; }
.checkout-steps .active { color: #20bd99; border-bottom: 2px solid #20bd99; }
.checkout-steps .step1 { margin: 0 5px 0 0; }
.checkout-steps .step { display: inline-block; }

.remove_coupon { background:none; cursor: pointer; }

.navbar-nav { column-gap: 30px;}
.navbar { padding:0; margin: 0;}
.navbar .nav-link { padding:23px 0 23px 0 !important; text-transform: uppercase; color: var(--black); font-size: 14px; font-weight: bold; border-bottom: 3px transparent solid; letter-spacing: 1px; word-spacing: 1px; }
.menu-active { color: var(--primary) !important; border-bottom:3px solid var(--primary) !important; }
.sub-menu-active { font-weight: bold !important; color: var(--black) !important; }
/* .navbar .nav-link:hover { color: var(--primary); border-color:var(--primary);} */
.navbar .nav-link::after { display: none;}

.active_menu a.nav-link { color: var(--primary); border-bottom: 3px var(--primary) solid;}
.sticky .navbar .nav-link { padding-top: 20px; padding-bottom: 20px;}

.dropdown-menu[data-bs-popper] { left: 0; width: 100%; top:98%; border-radius: 0 0 5px 5px; padding:15px 20px 20px 20px; border:none; box-shadow: 0 4px 6px 0 #0000005f;}
.dropdown-header { padding: 0; margin-bottom: 10px; color: var(--primary); font-weight: bold;}
.dropdown-header > a { color: var(--gray); font-weight: normal;}
.dropdown-item { padding: 0; font-size: 13px; margin: 3px 0; color: var(--gray); font-weight: normal; }
.dropdown-item:hover { background: none; font-weight: bold;}

.logo-controls { display: flex;}

.search-controls { display: flex; column-gap: 15px; width: 100%; top: 5px; position: relative; }
.search-controls .search-form { width:72%; margin-top: 4px;}
.search-control { position: relative;}
.search-control .search-icon { position:absolute; top:2px; left:13px; }
.search-control .form-control { background-color: rgb(238, 238, 238); padding:10px 5px 10px 38px; width: 100%; border: 1px transparent solid; }
.search-control .form-control:focus { background-color: var(--white); border-color: var(--black);  }

.search-controls .icon-controls { display: flex; justify-content: end; column-gap: 12px; }
.search-controls .icon-controls li.item { display: inline-block; width: 100%; position: relative; text-align: center; padding: 3px 0 5px 0; }
.search-controls .icon-controls li { display: inline-block; width: 100%; margin: 2px 0; position: relative; }
.search-controls .icon-controls li .card-count { background-color: var(--green); padding:2px; border-radius: 100px; right:-10px; top:9px; position: absolute; height: 21px; width: 21px; color: var(--white); font-size: 11px; text-align: center; font-weight: bold; display: block;}
.search-controls .icon-controls li .wishlist-count { background-color: var(--black); padding:2px; border-radius: 100px; right:-7px; top:0px; position: absolute; height: 21px; width: 21px; color: var(--white); font-size: 11px; text-align: center; font-weight: bold; display: block;}
.search-controls .icon-controls li.item a.link { color: var(--gray); font-size: 13px; }
.search-controls .icon-controls li.item a.link:hover { color: var(--black);  }
.search-controls .icon-controls li.item a.link .label { position: relative; top:-5px; }
.search-controls .icon-controls li.item a.link .sprites { margin: 0 auto 5px auto; }
.search-controls .icon-controls li.item a .avatar { padding: 6px 0; border-radius: 100px; color: var(--white); font-size: 13px; height: 35px; width: 35px; font-weight: bold; margin-top: 3px;}

.user-link { height: 50px; display: block; position: relative; }

.search-controls .icon-controls li.item .hover-parent .avatar { padding:5px 2px; border-radius: 100px; color: var(--white); height: 32px; width: 32px; font-size: 13px; font-weight: bold;}

.accordion-button, .accordion-body { padding: 8px 0 10px 0;}

.section-title { text-align: center; }

.product-card-home { border: 2px var(--gray) solid; margin-top: 20px;}
.product-card-home:hover { border-color:var(--primary);}
.product-card-home .product-card-home-body { padding: 5px 10px 15px 10px; text-align: center;}
.product-card-home .product-card-home-body h5 { font-size: 18px; color: var(--black);}
.product-card-home .product-card-home-body p { font-size: 13px; color: var(--gray); }
.product-card-home .product-card-home-body .btn { margin-top: 5px;}

.btn-link { text-transform: uppercase; font-size: 12px; color: var(--primary); font-weight: bold; text-decoration: none;}
.btn-link:hover { color: var(--black) !important;}

.filter-group .form-check {  margin-bottom: 0; padding: 0; }
.filter-group .form-check .link { color: var(--black);}
.filter-group .form-check .link:hover, .filter-group .form-check .active-check { font-weight: bold;}
.filter-group .form-check label { display: flex; column-gap: 9px; font-size: 14px; cursor: pointer; color: var(--gray);}
.filter-group .form-check label:hover { color: var(--black);}
.filter-group .form-check label .color-code { height:16px; width:16px; margin-top: 3px; border-radius:100px; display:block; }
.filter-group .form-check label .text-muted { font-size: 12px; position: relative; top:2px;}

.filter-group .irs--flat .irs-bar,
.filter-group .irs--flat .irs-from, 
.filter-group .irs--flat .irs-to,
.filter-group .irs--flat .irs-handle > i:first-child { background-color: var(--gray);}
.filter-group .irs--flat .irs-from::before, .irs--flat .irs-to::before, .irs--flat .irs-single::before,
.filter-group .irs--flat .irs-from::before, .irs--flat .irs-to::before, .irs--flat .irs-single::before,
.filter-group .irs--flat .irs-single::before { border-top-color: var(--primary);}
.filter-group { margin: 5px 0; padding: 10px 15px 15px 15px; border-bottom: 1px #e5e5e5 solid; }
.filter-group .filter-scroll { height: 150px; overflow-y: auto; overflow-x: hidden; }
.filter-group h5 { font-weight: bold; margin-bottom: 10px; font-size: 13px; text-transform: uppercase;}
.filter-group h5 .text-muted { text-transform:capitalize; font-weight: normal;}

.product-card { position: relative;}
.product:hover, .wishlist:hover { box-shadow: 0 4px 6px 0 #0000001f; transition: all 0.3s ease; border-radius: 10px; }
.product-image-wrapper .gallery-icon { position: absolute; display: none; z-index: 1; bottom:150px; left:0; width: 100%; padding: 5px 15px; }
.product-image-wrapper .gallery-icon .color-details { padding:8px 25px; background-color: rgba(0, 0, 0, 0.4); border-radius: 3px; }
.product-image-wrapper .gallery-icon .color-details .img-group { display: flex; position: relative; }
.product-image-wrapper .gallery-icon .color-details .img-group .ms-n2 { margin-left: -8px !important; }
.product-image-wrapper .gallery-icon .color-details .img-group .ms-n3 { margin-left: -15px !important; }
.product-image-wrapper .gallery-icon .color-details .variant-image { border-radius: 100px; height: 35px; width: 35px;}
.product-card:hover .gallery-icon { display: block; transform: translateY(0); animation: slideDown .4s ease; }
.product-image-wrapper { position: relative; overflow: hidden; transition: 0.3s ease; }
.product-image-wrapper .rating-wrapper { position: absolute; z-index: 1; top:225px; left:10px; background-color: var(--white); padding: 2px 7px 3px 7px; border-radius: 3px; }
.product-image-wrapper .rating-wrapper svg { fill: var(--green); position: relative; top:2px;}
.product-image-wrapper .out-stock { position: absolute; z-index: 1; top:0px; left:0px; background: rgba(255, 255, 255, 0.7);  border-radius: 3px;  height:255px; width: 100%; text-align: center; padding:120px 0; }
.product-image-wrapper .out-stock span { border: 1px solid black; padding: 7px 10px; border-radius: 5px; background-color: var(--white); font-weight: bold; font-size: 13px; text-transform: uppercase;}
.product-card .product-info { padding: 9px 10px 0 10px; }
.product-card .product-info h2 { font-size: 15px; font-weight: bold;}
.product-card .product-info .short { font-size: 13px; color: var(--gray); margin: 2px 0;}
.product-card .price { background-color: var(--white); z-index: 9; position: relative; padding: 3px 12px 10px 12px;}
.product-card .price span.dark { font-weight: bold; font-size: 14px;}
.product-card .price span.mrp { color: var(--gray); font-size: 12px;}
.product-card .price span.text-underline { font-weight: normal; font-size: 12px; color: var(--gray); margin-left: 4px; margin-right: 4px;}
.product-card .price span.discount { color: var(--orange); font-size: 12px;}
.category_page .product-info, .sub_category_page .product-info { padding: 5px 0 0 0 !important; }
.home .product-info { padding: 5px 0 10px 0 !important; }

.hover-product { position: absolute; padding: 25px 13px 3px 13px; bottom: -100px; background: #fff; width: 100%;   transition: all 0.3s ease; z-index: 2; }
.product-card:hover .hover-product { bottom: 40px; }
.hover-product .btn { width: 100%; text-transform: uppercase; font-weight: bold; font-size: 13px; border-color: #e5e5e5; display: flex; column-gap: 8px; text-align: center; justify-content: center; /* horizontal center */
    align-items: center; }
.hover-product .icon { position: relative; top:3px;}
.hover-product .btn .far { margin-right: 5px;}
.hover-product .btn:hover { border-color: var(--primary-dark);}
.hover-product .show-size { width: 100%; margin-top: 5px; font-size: 13px;}
.hover-product .size-wrapper { display: flex; column-gap: 5px; margin-top: 10px;}
.size-list-small { display: flex; column-gap: 3px; }
.size-list-small li a { border:1px #ccc solid; padding:2px 5px 3px 5px; font-size: 11px; border-radius: 5px; display: block; font-weight: bold; text-align: center; color: var(--gray);}
.size-list-small li a:hover { border-color: var(--black); color: var(--black); }
.size-list-small li .color { height: 30px; width: 30px; border-radius: 100px; display: block;}

.product-card .slick-dots { z-index: 4; bottom: -9px; transform: translateY(0px); opacity: 0; transition: all 0.1s ease;}
.product-card .slick-dots li {  margin: 0; width: 15px;}
.product-card:hover .slick-dots { opacity: 1; }

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { background-color: var(--gray) !important;}
.irs--round .irs-from::before, .irs--round .irs-to::before, .irs--round .irs-single::before { border-top-color: var(--gray) !important; }

/* On Hover */
.slick-dotted.slick-slider { margin-bottom: 0;}
.slick-slide img { border-radius: 7px;}

.container-small { width: 1000px; margin: 0 auto 0 auto; }
.small-title { border-bottom: 1px #ccc solid; padding:10px 0; }
.small-title h4 { font-weight: bold; font-size: 14px;}

.admin-leftbar { border-right: 1px #ccc solid; padding: 20px 20px 20px 0;}
.admin-leftbar li { margin: 2px 0;}
.admin-leftbar li a { color: var(--black); }
.admin-leftbar li a:hover { color: var(--black); font-weight: bold;}
.admin-leftbar li a.active { color: var(--primary); font-weight: bold; }
.admin-leftbar .li-title { text-transform: uppercase; font-size: 13px; color: var(--gray); margin-bottom: 10px;}

.orders-details { padding: 20px 0 20px 20px; }
.orders-details .default-address { border-color: var(--black);}
.orders-details .default-address .title { font-weight: bold;}
.orders-details .default-address .showControl { display: block !important;}
.orders-details .showcase {  }
.orders-details .showcase .product { font-size: 13px; text-align: center; }
.orders-details .showcase .product .card-repeate .product-page img { border-radius: 15px; width: 110px; }
.orders-details .showcase .product .card-repeate .product-title { font-weight: bold; margin-top: 5px; font-size: 16px;}
.orders-details .showcase .more { }
.orders-details .showcase .more .card-repeate { width: 100%;}
.orders-details .showcase .more_2 .card-repeate { width: 33%;}

.orders-details .showcase .photo-email { display: flex; justify-content: space-between; }
.orders-details .showcase .photo-email .photo { height: 90px; width: 90px; border-radius: 100px; background-color: var(--gray-light); }
.orders-details .showcase .photo-email .email { padding-top: 1px; margin-left: 15px; }
.orders-details .showcase .photo-email .edit { margin-top: 25px;  }

.cancelled .showcase  .product .card-repeate .product-page img { filter: grayscale(100%);}
.orders-details .showcase .cancelled { background-color: var(--gray-dark);}
.orders-details .showcase .cancelled .icon-left { background-color: var(--gray);}
.orders-details .showcase .delivery-status { width: 100%; text-align: left; margin-top: 10px; display: flex; column-gap: 10px; padding: 10px 12px 12px 12px; border-radius: 16px; font-size: 13px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); }
.orders-details .showcase .delivery-status .icon-left { padding: 9px 5px 0px 10px; }
.orders-details .showcase .delivery-status .status h4 { font-weight: bold; font-size: 14px;}
.orders-details .showcase .delivery-status .status .date { font-size: 12px;}
.orders-details .showcase .pending { background-color: red; color: var(--white);}
.orders-details .showcase .shipped { background-color: var(--primary); color: var(--white); }
.orders-details .showcase .delivered,
.orders-details .showcase .out_delivery,
.orders-details .showcase .confirmed { background-color: #22a06b; color: var(--white); }
.orders-details .gray-back { background-color: #f5f5f5; padding: 4px;}
.orders-details .wrapper { padding: 15px 20px; background-color: var(--white); margin: 12px 0; border-radius:10px; border:1px solid #ccc; }
.orders-details .wrapper h3 { font-weight: bold; font-size: 15px;}
.orders-details .wrapper .paid-with { padding: 12px 15px 15px 15px; background-color: #f5f5f5; border-radius: 5px; margin-top: 10px;}
.orders-details .wrapper .amount { font-weight: bold; color: var(--black);}
.orders-details .wrapper .rate-product { display: flex; column-gap: 15px; align-items: center; justify-content: space-between; }
.orders-details .wrapper .rate-product .inline { display: flex; column-gap: 15px; align-items: center; }
.orders-details .wrapper .rate-product .product-img { width: 60px;}
.orders-details .wrapper .rate-product .product-img img { width: 100%; border-radius: 5px;}
.orders-details .wrapper .rate-product .product-name .myRating { display: flex; column-gap: 5px;}
.orders-details .wrapper .product-card .price { padding-top:0;}
.orders-details .wrapper .product-card .price span.dark { font-size: 12px;}
.orders-details .wrapper .product-card .price span.discount, .orders-details .wrapper .product-card .price span.text-underline { font-size: 11px;}

.orders-details .delivery-to { background-color: var(--white); font-size: 13px;}
.orders-details .delivery-to .top { display: flex; column-gap: 10px; border-bottom: 1px #e9e9eb solid; padding:5px 0;}
.orders-details .delivery-to .top .user-name { margin-top: 2px;}
.orders-details .delivery-to .btm { margin-top: 10px;}
.orders-details .delivery-to .btm .address-row { display: flex; column-gap: 10px; padding:5px 0;}

.dashboard-profile { padding: 12px 15px 15px 15px; background-color: #f5f5f5; border-radius: 5px; margin-top: 20px; margin-bottom: 20px; width: 90%; }
.card-link { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px;}
.card-link .product-item { width: 31%;}
.card-link .product-item a { flex: 0 0 calc(33.333% - 14px); box-sizing: border-box; padding: 43px 25px; color: var(--black); display: block; background: #fff; border:1px #ccc solid; text-align: center; }
.card-link .product-item a:hover { background: #f5f5f5; border:1px #ccc solid; }
.card-link .product-item a h4 { font-size: 15px; font-weight: bold;}
.card-link .product-item a p { font-size: 11px;}
.card-link .product-item a .sprites { height: 32px; width: 32px; margin: 0 auto 10px auto;}
.card-link .product-item .dash-icon-1 span { background-position:2px -129px; }
.card-link .product-item .dash-icon-1:hover span { background-position:2px -163px; }
.card-link .product-item .dash-icon-2 span { background-position:-31px -129px; }
.card-link .product-item .dash-icon-2:hover span { background-position:-31px -164px; }
.card-link .product-item .dash-icon-3 span { background-position:-63px -129px; }
.card-link .product-item .dash-icon-3:hover span { background-position:-63px -163px; }
.card-link .product-item .dash-icon-4 span { background-position:-94px -129px; }
.card-link .product-item .dash-icon-4:hover span { background-position:-94px -164px; }
.card-link .product-item .dash-icon-5 span { background-position:-127px -129px; }
.card-link .product-item .dash-icon-5:hover span { background-position:-127px -164px; }
.card-link .product-item .dash-icon-6 span { background-position:-161px -128px; }
.card-link .product-item .dash-icon-6:hover span { background-position:-161px -162px; }

.border-product { border-top:1px #e5e5e5 solid; margin-top: 10px; }
.border-product .right-border { border-right:1px #e5e5e5 solid; padding: 0;}
.listing-products { padding: 20px 10px;}

.star { display: inline-block; width: 20px; height: 20px; background: url('../images/sprites.svg') no-repeat; background-position:-341px 0; cursor: pointer; }
.star.active { background-position:-361px 0; }
.star_active { background-position:-361px 0; cursor: default; }
.text-right { text-align: right;}

#reviewAccordion .accordion-item { border: none; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px #ccc solid;}
#reviewAccordion .rounded { width: 60px;}
#reviewAccordion .accordion-button { padding: 0; display: flex; column-gap: 15px;}
#reviewAccordion .accordion-button:focus { border: none !important; background-color: none !important;}
#reviewAccordion .accordion-button:not(.collapsed) { border: none !important; background-color: #fff !important; box-shadow: none !important;}
#reviewAccordion .already-comments { padding-left: 73px;}

.details-accounts { padding: 20px 0 20px 20px; }
.details-accounts .part { padding: 0 0 10px 0; border-bottom: 1px var(--gray-dark) solid; margin-bottom: 10px;}
.details-accounts .product-card { background-color: #f5f5f5; padding: 15px;  }
.details-accounts .product-card .details { display: flex; column-gap: 20px; color: var(--black); font-size: 14px;}
.details-accounts .product-card .details .image { width: 80px;}
.details-accounts .product-card .details .image img { width: 100%; border-radius: 4px;}
.details-accounts h3 { font-weight: bold; font-size: 18px;}
.details-accounts .order-history { background-color: #f5f5f5; padding: 10px; margin-top: 15px;}
.details-accounts .order-history .reason-radio { margin-top: 20px; font-size: 14px;}
.details-accounts .order-history .individual { background-color: var(--white); padding: 15px 20px 20px 20px; margin-bottom: 10px; border-radius: 15px;}
.details-accounts .order-history .individual ul { }
.details-accounts .order-history .individual ul li { margin-bottom: 20px;}
.details-accounts .order-history .individual .reason-group .custom-radio { font-size: 14px; margin-bottom: 10px;}
.details-accounts .order-history .individual .status { display: flex; column-gap: 10px;}
.details-accounts .order-history .individual .status .icon { border-radius: 100px; height:35px; width:35px; position: relative; margin-top: 4px; text-align: center; padding-top:4px; background: linear-gradient(136.04deg, rgb(223, 252, 240) -31.54%, rgb(255, 255, 255) 71.62%);; border:1px #ccc solid; }
.details-accounts .order-history .cancelled .icon { background: linear-gradient(136.04deg, rgb(255, 216, 210) -31.54%, rgb(255, 255, 255) 71.62%) !important;}
.details-accounts .order-history .confirmed .icon { background-color: var(--black);}
.details-accounts .order-history .confirmed .name { color: var(--green-dark); }
.details-accounts .order-history .delivered .icon { background: linear-gradient(136.04deg, rgb(223, 252, 240) -31.54%, rgb(255, 255, 255) 71.62%);; position: relative;}
.details-accounts .order-history .delivered .icon .delivery-tick { position: absolute; top:22px; left:22px;}
.details-accounts .order-history .delivered .name,
.details-accounts .order-history .out_delivery .name { color: var(--green-dark); }
.details-accounts .order-history .shipped .icon { background-color: var(--black);}
.details-accounts .order-history .shipped .name { color: var(--primary);}
.details-accounts .order-history .individual .status .date { color: var(--gray); font-size: 12px; }
.details-accounts .order-history .individual .product-details {  margin-top: 10px; background: linear-gradient(270deg,#f8f7ff,#f3f0ff); border-radius: 16px; border: 1px solid #e9e9eb; }
.details-accounts .order-history .individual .product-details .track-button { color: var(--black); padding: 12px 10px 10px 15px; display: flex; column-gap: 20px; width: 100%; border-bottom: 1px #fff solid; }
.details-accounts .order-history .individual .product-details .product-details-link { color: var(--black); padding: 12px 10px 10px 15px; display: inline-block; width: 100%; border: 1px solid #e9e9eb;  background-color: var(--white); border-radius: 15px; font-size: 13px; }
.details-accounts .order-history .individual .product-details .product-details-link .exchange-text { display: flex; column-gap: 4px; margin-top: 8px; color: var(--gray); }
.details-accounts .order-history .individual .product-details .product-details-link .exchange-text .icon { margin-top:2px;}
.details-accounts .order-history .individual .product-details .product-details-link .next-arrow { margin-top: 26px; float: right;  }
.details-accounts .order-history .individual .product-details .product-details-link .next-arrow .sprites { background-position: -194px 0; height: 19px; width: 16px;; }
.details-accounts .order-history .individual .product-details .product-details-link:hover { background:#fbfbff;}
.details-accounts .order-history .individual .product-details .product-details-link:hover .next-arrow .sprites { background-position: -210px 0;}
.details-accounts .order-history .individual .product-details .product-details-link .photo { width: 64px; margin-right: 10px; }
.details-accounts .order-history .individual .product-details .product-details-link .product-details-name { padding: 0;}
.details-accounts .order-history .individual .product-details .product-details-link .product-details-name h3 { font-size: 14px; font-weight: bold;}
.details-accounts .order-history .individual .product-details .product-details-link .product-details-name p {  color: var(--gray); font-size: 12px; }
.details-accounts .order-history .individual .product-details .product-details-link .product-details-name .color-small { border-radius: 100px; display: inline-block; height: 20px; width: 20px; position: relative; top:5px;}
.details-accounts .order-history .individual .product-details .product-details-link .product { width: 100%; border-radius: 15px;}
.details-accounts .order-history .individual .product-details .gaps { padding:10px 20px; border-top: 1px #fff solid; border-bottom: 1px #fff solid; font-size: 13px; }
.details-accounts .order-history .individual .product-details .ratings { padding: 10px 20px; }
.details-accounts .order-history .individual .product-details .ratings p { font-size: 13px;}
.details-accounts .order-history .individual .product-details .ratings .myRating-inline { display: flex; margin-bottom: 5px;}

.rating-delivered { padding: 15px; display: flex; column-gap: 15px; }
.rating-delivered .rating-icon { width: 30px;}
.rating-delivered .rating-rateBox { font-size: 12px; }
.rating-delivered .rating-rateBox .myRating { display: flex; column-gap: 1px; }

.myRating-inline { display: flex; column-gap: 10px;}

.pagination { width: 270px; margin: 20px auto 0 auto; }
.pagination ul { display: flex; column-gap: 15px;}
.pagination ul li { }
.pagination ul li a { color: var(--primary); }
.pagination ul li a:hover { color: var(--black); }

.list-group-item {border: none; padding: 0; margin-bottom: 10px; }
.list-group-item .ms-auto { font-weight: bold;}
.list-group-item .discount-text { color: var(--green);}

.modal-header { border: none; padding-bottom: 0;}
.modal-footer { color: var(--black); padding: 12px 10px 10px 15px; display: flex; column-gap: 20px; width: 100%; border-bottom: 1px #fff solid; }
.modal-content { border-radius: 6px; border: none; box-shadow: 0 10px 10px 0 #0000005f;}
.modal-backdrop { background: #3e4152; opacity: .6 !important; }

.modal-scroll { height: 320px; overflow-y: auto; overflow-x: hidden; }
.modal-scroll .custom-radio { font-size: 13px; margin-bottom: 4px;}

.sort-coupon { margin-bottom: 30px;}
.sort-coupon ul { display: flex; column-gap: 5px;}
.sort-coupon ul li a { border-radius: 100px; padding:6px 15px; color: var(--gray); border: 1px solid var(--gray-dark); font-size: 13px; font-weight: bold;}
.sort-coupon ul li a:hover { border-color:var(--black); color: var(--black);}
.sort-coupon ul li a.active { border-color:var(--primary); color: var(--primary);}

.track-placed-order { margin-bottom: 10px; margin-top: 5px; font-size: 13px;  }
.track-placed-order li { margin-bottom: 23px; display: flex; column-gap: 8px; position: relative;}
.track-placed-order li::after { content: ""; border-left: 2px var(--gray-dark) solid; position: absolute; left:10px; top:22px; height: 24px;}
.track-placed-order li svg { fill: var(--gray-dark);}
.track-placed-order li p { color: var(--gray); }
.track-placed-order li p b { color: var(--black);}
.track-placed-order li.active p b { color: var(--green-dark);}
.track-placed-order li.active svg { fill: var(--green-dark);}
.track-placed-order li.active::after { border-color: var(--green-dark);}
.track-placed-order li:last-child { margin-bottom: 0px; }
.track-placed-order li:last-child::after { display: none;}

.reason-group { height: 180px; overflow-y: auto; overflow-x: hidden;}

.delivery-tracker .circle {
    width: 15px;
    height: 15px;
    background: #ccc;
    border-radius: 50%;
    margin: auto;
}

.delivery-tracker .step.active .circle {
    background: #28a745;
}

.delivery-tracker .step {
    flex: 1;
    position: relative;
}

.delivery-tracker .step::after {
    content: '';
    position: absolute;
    top: 7px;
    right: -50%;
    width: 100%;
    height: 2px;
    background: #ccc;
    z-index: -1;
}

.delivery-tracker .step.active::after {
    background: #28a745;
}

.delivery-tracker .step:last-child::after {
    display: none;
}

.shipped_stage { border:1px var(--gray-dark) solid; margin:0 0 20px 0; display: flex; column-gap: 15px; padding: 10px 10px 5px 10px; }
.shipped_stage .image { width: 80px; }
.shipped_stage .image img { border-radius: 5px;}
.shipped_stage .title { }

.flex { display: flex; column-gap: 10px;}
.flex-end { display: flex; justify-content:space-between;}
.sticky-colom { position: sticky; top:90px;}

.breadcrumb {padding: 0; margin-bottom: 5px; font-size: 13px;}
.breadcrumb .breadcrumb-item a { color: var(--gray);}
.breadcrumb .breadcrumb-item.active { font-weight: bold; color: var(--black);}

.dropdown-menu-select { display: none; }
.custom-dropdown { position: relative;}
.custom-dropdown .dropdown { color: var(--black); padding: 5px 32px 5px 13px; border-radius: 100px; font-size: 13px; display: inline-block; }
.custom-dropdown .dropdown .rotate { position: absolute; top:5px;}
.custom-dropdown.active .dropdown-menu-select { display: block; position: absolute; top:42px; left:0; background-color: var(--white); padding: 15px 20px; box-shadow: 0 4px 6px 0 #0000001f; z-index: 99; border-radius: 0 0 10px 10px; }
.custom-dropdown.active .dropdown { background-color: #e5e5e5; font-weight: bold;}
.custom-dropdown.active .down-arrow-icon { background-position: -333px -69px; }

.sort-filter { right:90px; left:auto !important; width: 157px !important;}

.sort-options li { display: flex; column-gap: 10px; margin: 7px 0;}
.sort-options li a { color: var(--gray); font-size: 13px;}
.sort-options li a:hover { color: var(--black);}
.sort-options li a.active { color: var(--black); font-weight: bold;}
.sort-options li .sprites { height: 20px; width: 20px; position: relative; top:1px;}

.filter-size .form-check { padding: 0;}
.filter-size .test { display: flex; column-gap: 20px; }
.filter-size .test .form-check { width: 100px;}

.toast { width: auto !important; display: flex; column-gap: 10px; background-color: var(--black) !important; color: var(--white); position: fixed; top:75px; right:105px; padding:0 12px 3px 6px; border-radius:6px; font-size: 14px; z-index: 99; }
.toast .btn-close { color: var(--white); position: relative; top:12px;}

.navbar-listings { margin-top: 10px; display: block;}
.navbar-listings li a {  color: var(--gray); }
.navbar-listings li a:hover { color: var(--black); font-weight: bold;}
.navbar-listings li a.active { color: var(--black); font-weight: bold;}

.form-control, .form-select { padding: 10px 10px 10px 13px; font-size: 14px; display: block; width: 100%;}
.form-control:focus, .form-select:focus { box-shadow: none; border-color: var(--black);}
.form-group { margin-bottom: 10px;}


.modal-footer { border: none; width: 100%; padding-top: 0; margin: 0; justify-content: space-between;}

.card .card-header h3 { font-size: 20px; margin-bottom: 7px;}

.user-details-repeate .col-md-8 .row { padding: 10px 0; font-size: 15px;} 
.user-details-repeate .col-md-8 h5 { border-bottom: 1px #ccc solid; padding-bottom: 10px; font-weight: bold;} 
.paid-by { padding: 15px 20px 17px 20px; background-color: #f5f5f5; border-radius: 5px;}

.product-details-wrapper { display: inline-block; width: 100%; }
.product-details-wrapper h1 { font-size: 45px; font-weight: bold; line-height: 55px;}
.product-details-wrapper .part { margin: 10px 0; width: 100%;}
.product-details-wrapper .part h3 { font-size: 14px; font-weight: bold; margin-bottom: 15px; display: flex; column-gap: 7px; }
.product-details-wrapper .part h3 .selected-color { display: block !important;}
.product-details-wrapper .part .variant { display: flex; column-gap: 6px; }
.product-details-wrapper .part .variant li a { border:1px solid transparent; display: block; color: var(--black); border-radius: 4px; padding: 3px; position: relative;}
.product-details-wrapper .part .variant li a .variant-color { color: var(--black); font-size: 12px; width: 100%; display: block; text-align: center; padding:0 0 3px 0; border-radius: 0 0 3px 3px; }
.product-details-wrapper .part .variant li a:hover { box-shadow: 0 4px 6px 0 #0000001f;  }
.product-details-wrapper .part .variant li a.active { box-shadow: 0 4px 6px 0 #0000001f; border-color: var(--gray); }
.product-details-wrapper .part .variant li a.active .variant-color { font-weight: bold; }
.product-details-wrapper .part .variant li a img { border-radius: 3px; width: 80px; }

.product-details-wrapper .original-products { display: flex; column-gap: 7px; justify-content: space-around; margin-bottom: 30px;}
.product-details-wrapper .original-products .details { text-align: center;}
.product-details-wrapper .original-products .details .icon { border:1px #ccc solid; height: 50px; width: 50px; margin: 0 auto 5px auto; border-radius: 100px;}
.product-details-wrapper .original-products .details p { font-size: 10px; text-transform: uppercase; color: var(--gray);}

.size-list { display: flex; column-gap: 7px; margin-top: 10px;}
.size-list li a { border:1px #e5e5e5 solid; padding:11px 5px; text-align: center; border-radius: 100px; display: block; font-weight: bold; height: 45px; width: 45px; text-align: center; color: var(--gray); font-size: 12px;}
.size-list li a:hover { border-color: var(--black); color: var(--black); }
.size-list li a.active { border-color:var(--black); color: var(--black);}

.color-list { display: flex; column-gap:3px; margin-top: 10px;}
.color-list li a { border:1px #e5e5e5 solid; border-radius: 100px; display: block; font-weight: bold; text-align: center; color: var(--gray); padding: 3px; position: relative;}
.color-list li a:hover { border-color: var(--black); color: var(--black); }
.color-list li a.active { border-color:var(--black); color: var(--black);}
.color-list li a .color { height:25px; width:25px; border-radius:100px; display:block;}

.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  color: #fff;
  background-color: var(--gray);
  border-color: var(--gray);
}

.product-gallery {
    display: flex;
    gap: 15px;
}

.slider-nav { width: 19%; position: relative; }
.slider-nav .thumb { border:1px transparent solid; margin-bottom: 9px; border-radius: 10px; padding: 5px;}
.slider-nav .thumb img { width: 100%; cursor: pointer;  }
.slider-nav .slick-prev, .slider-nav .slick-next { position: absolute;  background: rgba(255, 255, 255, 0.4); padding:7px; height: 35px; width: 35px; z-index: 99; }
.slider-nav .slick-prev { top:17px !important; left: 35%; border-radius: 0 0 5px 5px; }
.slider-nav .slick-next { bottom: 0 !important; top:auto !important; left: 35%; right:auto !important; border-radius: 5px 5px 0 0;}
.slider-nav .slick-prev::before, .slider-nav .slick-next::before { background-image:url(../images/sprites.svg); background-repeat: no-repeat; height: 22px; width: 22px; display: block; content:"" !important; opacity: 1; }
.slider-nav .slick-prev::before { background-position:-271px -52px; }
.slider-nav .slick-prev:hover::before { background-position:-294px -52px; }
.slider-nav .slick-next::before { background-position:-270px -69px; }
.slider-nav .slick-next:hover::before { background-position:-293px -69px; }

.slider-for { flex: 1; width: 75%; position: relative; }
.slider-for img { width: 100%; }
.slider-for .slick-prev, .slider-for .slick-next { position: absolute; bottom:0; background: rgba(255, 255, 255, 0.4); padding:7px; height: 35px; width: 30px; z-index: 99; }
.slider-for .slick-prev { left:0px; border-radius: 0 5px 5px 0; }
.slider-for .slick-next { right:0px; border-radius: 5px 0 0 5px;}
.slider-for .slick-prev::before, .slider-for .slick-next::before { height: 25px; width: 23px; display: block; content:"" !important; background-image:url(../images/sprites.svg); background-repeat: no-repeat; opacity: 1; }
.slider-for .slick-prev::before { background-position: -184px -61px; }
.slider-for .slick-prev:hover::before { background-position: -205px -61px; }
.slider-for .slick-next::before { background-position: -227px -61px;}
.slider-for .slick-next:hover::before { background-position: -248px -61px;}

.thumb.slick-current { border-color:var(--gray-dark);  box-shadow: 0 4px 6px 0 #0000001f; }

.tooltip {
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  background: #000c;
  color: #fff;
  padding: 3px 7px;
  border-radius: 4px;
  font-size: 11px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s;
}

.show-tooltip { position: relative;}
.show-tooltip:hover .tooltip { opacity:1; }

.tooltip-box { position: absolute; font-size: 12px; z-index: 99; background: black; color: #fff; padding: 3px 5px; border-radius: 3px; }

.shake{
    animation: shake 0.4s; border:1px solid pink; border-radius: 100px;
}

.irs--round .irs-bar { background-color: var(--gray) !important; height: 2px !important; top:38px !important}
.irs--round .irs-handle { border:2px solid var(--gray) !important; width: 20px !important; height: 20px !important; top:28px !important}

@keyframes shake{
    0% { transform: translateX(0); }
    25% { transform: translateX(-4px); }
    50% { transform: translateX(4px); }
    75% { transform: translateX(-4px); }
    100% { transform: translateX(0); }
}

.wishlist { position: relative;}
.wishlist .remove-wishlst-item { position: absolute; top:10px; right:10px; background-color: var(--white); border-radius: 100px; border: none; z-index: 99; cursor: pointer; height: 30px; width: 30px;;}
.wishlist .hover-product { padding-top: 10px !important;}


.alert-success { background-color: var(--black) !important; position: absolute; right:0; top:10px; width: auto; color: var(--white); padding: 0 !important;}

.product-details-wrapper .part .delivery-check { margin-bottom: 20px;}
.product-details-wrapper .part .delivery-check p { font-size: 14px; color: var(--gray);}
.product-details-wrapper .part ul li { font-size: 14px; color: var(--gray);}
.product-details-wrapper .part .product-details { border-top:1px #e5e5e5 solid; padding: 20px 0; font-size: 14px;}
.product-details-wrapper .part .product-details .pdp-product-description-content { font-size: 14px !important; color: var(--gray) !important;}
.product-details-wrapper .part .product-details ul li { font-size: 14px !important; color: var(--gray) !important;}
.product-details-wrapper .part .call-action { display: flex; column-gap: 20px;}
.product-details-wrapper .part .call-action .add-to-cart-btn { padding:12px 163px 14px 163px !important; }
.product-details-wrapper .part .call-action .btn { padding:12px 18px 14px 20px; font-weight: bold; text-transform: uppercase; display: flex; column-gap:3px; font-size: 15px; }
.product-details-wrapper .part .call-action .btn i { position: relative; top:4px; font-size: 18px;}
.product-details-wrapper .tag { font-size: 18px; color: var(--gray);}
.product-details-wrapper .rating { border:1px #e5e5e5 solid; padding: 2px 10px 3px 10px; margin: 5px 0 10px 0; display: inline-block; border-radius: 5px; color: var(--gray); }
.product-details-wrapper .rating .rating-wrapper { display: flex; column-gap: 5px; font-size: 12px;}
.product-details-wrapper .rating .rating-wrapper b { font-size: 14px;}
.product-details-wrapper .rating .rating-wrapper svg { fill: var(--green-dark); position: relative; top:2px; }
.product-details-wrapper .rating .divider::before { content:''; border-left:1px #cccccc solid; padding-left: 7px; margin-left: 3px; }
.product-details-wrapper .rating .fa-star { color: var(--green); font-size: 13px; position: relative; top:-2px;}
.product-details-wrapper .price-wrapper { border-bottom: 1px #e5e5e5 solid; padding:10px 0 15px 0; margin-bottom: 10px; display: flex; column-gap: 6px; justify-content: space-between;}
.product-details-wrapper .price-wrapper .rating-right { display: flex; column-gap: 6px; border:1px #ccc solid; border-radius: 20px; font-size: 14px; padding: 4px 13px; height: 35px; margin-top: 25px;}
.product-details-wrapper .price-wrapper .rating-right .star-position { margin-top: 3px;}
.product-details-wrapper .price-wrapper .price { font-size: 20px;}
.product-details-wrapper .price-wrapper .price .details-price { display: flex; column-gap: 6px; }
.product-details-wrapper .price-wrapper .price .details-price .dark {  font-size: 26px; }
.product-details-wrapper .price-wrapper .price .details-price .mrp { color: var(--gray); font-size: 15px; position: relative; top:13px;}
.product-details-wrapper .price-wrapper .discount { color: var(--green); font-weight: bold; font-size: 15px; position: relative; top:13px;}
.product-details-wrapper .price-wrapper .price .inclusive { font-size: 13px;}
.product-details-wrapper .part .rating-breakdown { display: flex; column-gap: 20px; margin-top: 20px;}
.product-details-wrapper .part .rating-breakdown .total-numbers { border-right: 1px #ccc solid; padding-right: 20px; padding-top: 5px;}
.product-details-wrapper .part .rating-breakdown .total-numbers p { font-size: 13px; color: var(--gray); margin-top: 3px;}
.product-details-wrapper .part .rating-breakdown .total-numbers .title {  display: flex; column-gap: 10px; }
.product-details-wrapper .part .rating-breakdown .total-numbers .title h4 { font-size: 55px; line-height: 55px; font-weight: normal; }
.product-details-wrapper .part .rating-breakdown .total-numbers .title .star { margin-top: 27px;}
.product-details-wrapper .part .rating-breakdown .total-numbers .title .star svg { fill: var(--green); }
.product-details-wrapper .part .rating-breakdown .breakdown { width:45%; font-size: 12px; color: var(--gray);}
.product-details-wrapper .part .rating-breakdown .breakdown .rating-row { display:flex; align-items:center; }
.product-details-wrapper .part .rating-breakdown .breakdown .rating-label { width:25px; }
.product-details-wrapper .part .rating-breakdown .breakdown .rating-bar { flex:1; height:4px; background:#eee; margin:0 10px; border-radius:20px; overflow:hidden; }
.product-details-wrapper .part .rating-breakdown .breakdown .rating-fill { height:100%; }
.product-details-wrapper .part .rating-breakdown .breakdown .green { background:#28a745; }
.product-details-wrapper .part .rating-breakdown .breakdown .yellow { background:#ffc107; }
.product-details-wrapper .part .rating-breakdown .breakdown .red { background:#dc3545; }
.product-details-wrapper .part .rating-breakdown .breakdown .rating-count { width:40px; text-align:left; }
.product-details-wrapper .part .rating-customers { }
.product-details-wrapper .part .rating-customers .link { font-weight: bold; margin: 20px 0 10px 0; display: block;}
.product-details-wrapper .part .rating-customers .link:hover { color: var(--black); }
.product-details-wrapper .part .rating-customers .repeate { display: flex; column-gap: 10px; border-bottom: 1px #ccc dotted; padding: 5px 0 15px 0; font-size: 13px; color: var(--gray); line-height: 20px; margin-bottom: 10px;}
.product-details-wrapper .part .rating-customers .repeate .left { width: 32px; }
.product-details-wrapper .part .rating-customers .repeate .left .star-show { padding:2px 5px; border-radius: 2px; color: var(--white); font-size: 12px;}
.product-details-wrapper .part .rating-customers .repeate .left .one_two { background: #ff0000;}
.product-details-wrapper .part .rating-customers .repeate .left .three { background: #ffc107;}
.product-details-wrapper .part .rating-customers .repeate .left .four_five { background: var(--green);}
.product-details-wrapper .part .rating-customers .repeate .right {font-size: 13px; }
.product-details-wrapper .part .rating-customers .repeate .right .customer { color: var(--gray); margin-top: 7px; font-size: 12px; }

.similar-products h3 { margin-bottom: 20px; font-size: 14px; font-weight: bold;}

.details-accordion { border: 1px #ccc solid; border-radius: 10px; padding:0 15px; margin-bottom: 30px; margin-top: 30px;}
.details-accordion .accordion-header button { padding: 15px 0;}
.details-accordion .accordion-header button .icon-wrapper { display: flex; column-gap: 20px;}
.details-accordion .accordion-header button .icon-wrapper .icon-left { width: 38px; background-color: var(--gray-light); border-radius: 10px;}
.details-accordion .accordion-header button .icon-wrapper .title-right h5 { font-size: 14px; color: var(--black); margin-bottom: 3px; }
.details-accordion .accordion-header button .icon-wrapper .title-right p { font-size: 13px; color: var(--gray); }
.details-accordion .accordion-item { border: none; border-bottom: 1px #ccc solid;}
.details-accordion .accordion-item:last-child { border: none !important; }
.details-accordion .accordion-button:not(.collapsed) { background-color: var(--white) !important; box-shadow: none !important; color: var(--black) !important;}
.details-accordion .accordion-body { padding: 5px 10px 20px 55px;}
.details-accordion .accordion-button:focus { border-color: none !important; box-shadow: none !important;}

.social-btns .or { text-align: center; margin-bottom: 20px; margin-top: 20px;}

.review-out { display: flex; column-gap: 20px;}
.review-out .img { width: 20%;}
.review-out .img img { width: 100%; border-radius: 10px;}
.review-out .details { width: 80%; }

.login-form { padding: 50px 70px}
.left-summary { padding:10px 10px 0 0;}
.left-summary .delivery-time { border-radius: 3px; background-color: #FFF6F4; margin: 14px 0 10px 0; 
  padding: 16px 20px; align-items: center; display: flex; column-gap: 20px; justify-content:space-between;
  border-radius: 4px; 
  border: 1px solid #EAEAEC;}

.left-summary .delivery-time .address { font-size: 13px;}

.left-border { border-right: 1px solid #EAEAEC;}

.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { box-shadow: none; border-color: var(--primary);}

.grey { color: var(--gray);}

.rating .star { font-size: 25px; cursor: pointer; color: #ccc; }
.rating .star.active { color: #f5b301; }

.review-box { margin-bottom: 15px; border-bottom: 1px #ccc dashed; padding-bottom: 15px;}
.review-box .name { display: flex; column-gap: 10px;}
.review-box .name .star-repeate { position: relative; top:-2px; display: flex; }
.review-box p { font-size: 13px; margin: 5px 0; }
.review-box .date { color: var(--gray); font-size: 12px; margin-top:5px; }

.image-area { display: flex; column-gap: 20px; width: 100%; margin-bottom: 10px; }
.image-area .img { width: 60px; }
.image-area .img img { width: 100%; border-radius: 10px;}
.image-area .right-review { width: 75%;}

.placed-order-summary { width: 100%; margin:20px auto 0 auto; display: inline-block; border: 1px solid #D4D5D9; border-radius: 8px; background: #FFFFFF; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1); padding: 30px; }
.placed-order-summary .wrapper-inside { max-width: 60%; margin: 0 auto; }
.placed-order-summary .wrapper-inside .confirmation-card { text-align: center; padding: 20px; width: 100%; margin-bottom: 16px; border: 1px solid #e9e9eb; border-radius: 4px; }
.placed-order-summary .wrapper-inside .confirmation-card .title { color: #03A685; margin-bottom: 5px; }
.placed-order-summary .wrapper-inside .confirmation-card p { font-size: 14px;}
.placed-order-summary .wrapper-inside .confirmation-card .tick { fill: #03A685; width: 46px; height: 46px; }
.placed-order-summary .wrapper-inside .delivery-address { margin-bottom: 16px; width: 100%; border: 1px solid #e9e9eb; border-radius: 4px; padding: 20px; font-size: 14px; }
.placed-order-summary .wrapper-inside .btn-action { margin-top: 5px; display: flex; column-gap: 10px;}
.placed-order-summary .wrapper-inside .btn-action .btn { width: 50%; text-transform: uppercase;}

.item-remove-modal { max-width: 360px; }
.item-remove-modal .modal-body { padding: 15px;}
.item-remove-modal .item-remove-cart { display: flex; column-gap: 15px; }
.item-remove-modal .item-remove-cart .image { width: 65px; }
.item-remove-modal .item-remove-cart .image .photo { width: 100%;}
.item-remove-modal .item-remove-cart .text h5 { font-size: 15px; }
.item-remove-modal .item-remove-cart .text p { font-size: 13px; color: var(--gray); }
.item-remove-modal .btn-group-details { border-top:1px #ccc solid; padding:5px 0; width: 100%; display: flex; justify-content: space-between;}

.shpping-address { margin: 20px 20px 20px 0;}
.shpping-address .title { margin-bottom: 20px; font-weight: bold;}
.shpping-address .default { border: 1px solid #EAEAEC; padding: 20px; margin: 10px 0 0 0; box-shadow: 0 0 4px rgba(40, 44, 63, 0.2); }
.shpping-address .default h6 .address-type { color: var(--green); border:1px solid var(--green); padding:2px 6px 3px 6px; border-radius: 100px; font-size: 10px; text-transform: uppercase; margin-left: 5px; }
.shpping-address .add-address { border: 1px solid #EAEAEC; border-radius: 5px; padding: 12px 20px 15px 16px; margin: 10px 0 0 0; display: block; color: var(--black); }
.shpping-address .add-address:hover { border-color: var(--primary); color: var(--primary);}
.shpping-address .default.active { border-color: var(--primary);}

.cart-summery {  margin: 20px 0 25px 10px; font-size: 14px; color: var(--gray);}
.cart-summery .part { margin-bottom: 15px; border-bottom: 1px solid #EAEAEC; padding: 0 0 5px 0;}
.cart-summery .part h5 { margin-bottom: 5px; text-transform: uppercase; font-weight: bold; font-size: 13px;}
.cart-summery .part h5 span { text-transform: capitalize; font-weight: normal;}
.cart-summery .part h6 { margin-bottom: 0; text-transform: uppercase; font-weight: bold; font-size: 11px;}
.cart-summery .part h6 span { text-transform: capitalize; font-weight: normal;}
.cart-summery .part .repeate-row { display: flex; justify-content:space-between;  }
.cart-summery .part .repeate-row .left { }
.cart-summery .part .repeate-row .right { text-align: right;}
.cart-summery .part .repeate-row .compare-discount { color: var(--green);}

.tiny-font { font-size: 12px;}

.underline { border-bottom: 1px #ccc solid; padding-bottom: 8px; margin-bottom: 7px;}

.default-card { margin-bottom: 15px; border-bottom: 1px #ccc solid; padding-bottom: 15px; }
.delivery-address .card-header { display: block !important; background-color: var(--primary-light);}
.delivery-address .control-btn { display: block !important; }
.address-card { font-size: 14px;}
.address-card .card-body { padding: 20px; display: flex; column-gap: 20px; }
.address-card .card-body .address-radio { margin: 0; }

.saved-address-grey { display: flex; column-gap: 20px; background-color: color-mix(in srgb, var(--gray-light) 80%, white); margin: 20px 0 0 0; padding: 15px 20px; justify-content: space-between; }
.saved-address-grey h5 { font-size: 13px; text-transform: uppercase;}

.delivery-address-card { font-size: 14px;}
.delivery-address-card .address-content { font-size: 13px; width: 100%; display: flex; justify-content: space-between;}
.delivery-address-card .address-content .left h6 span { font-size: 12px; }
.delivery-address-card .address-content .badge-right { font-size: 11px; font-weight: 700; border:1px solid var(--green); color: var(--green); padding: 3px 10px; border-radius: 100px; height: 26px;}
.delivery-address-card .card-body { padding:0; display: flex; column-gap: 15px; }
.delivery-address-card .card-body .custom-radio { align-items: normal; margin-top: 2px; }
.delivery-address-card .card-body .address-radio { margin: 0; }

.order-summary {  margin-top: 100px;}
.total-amount { font-weight: bold; border-top: 1px solid #EAEAEC; padding: 10px 0 !important; margin: 10px 0 0 0;}

.scroll-body .active label .right .code-details .code { color: var(--primary); border-color: var(--primary);}
.scroll-body { height: 255px; overflow-y: auto; overflow-x: hidden;}
.coupon-box { margin: 0; }
.coupon-box > label { display: flex; column-gap: 15px; padding: 12px 0; cursor: pointer; border-bottom: 1px solid #EAEAEC;  }
.coupon-box > label .left { padding-top:7px;}
.coupon-box > label .right { width: 90%;}
.coupon-box > label .right .code-details { display: flex; column-gap: 10px;}
.coupon-box > label .right .code-details .code { border:1px var(--gray) dashed; background-color: var(--white); letter-spacing: 1px; padding:5px 15px; border-radius: 2px; margin-bottom: 6px; font-weight: bold; display: inline-block; color: var(--gray); }
.coupon-box .coupon-details { margin: 5px 0;}
.coupon-box > label .right .title { font-weight: bold; margin-top: 5px; font-size: 13px;}
.coupon-box > label .right .text-muted { font-size: 13px;}

.coupon-box.active > label .right .code { border-color: var(--primary); color: var(--primary);}

.cart-summery .terms { margin:10px 0 20px 0; font-size: 13px;}

.product-title-cart { position: relative; margin-bottom: 10px; display: flex; justify-content: space-between; padding: 10px 0; }
.product-title-cart .title { font-weight: bold; margin-top: 5px; color: var(--gray);}
.product-title-cart .btn-group { display: flex; column-gap: 10px;}
.product-title-cart .btn-group .btn { text-transform: uppercase; background: none; font-size: 13px; font-weight: bold; color: var(--secondary);}

.product-repeate { border: 1px solid #EAEAEC; padding: 12px; display: flex; position: relative; column-gap: 20px;  margin-bottom: 10px; }
.product-repeate:hover { box-shadow: 0 1px 3px 0 #0000001f; }
.product-repeate .checkbox { position: absolute; top:16px; left:16px; z-index: 9;}
.product-repeate .checkbox .custom-checkbox { position: relative; z-index: 9;}
.product-repeate .photo { width: 110px;  }
.product-repeate .photo img { width: 100%; }
.product-repeate .details { padding: 0;}
.product-repeate .details h3 { font-size: 16px; font-weight: bold; }
.product-repeate .details .price { display: flex; column-gap: 5px; margin: 4px 0; }
.product-repeate .details .price .dark { font-weight: bold; font-size: 14px; }
.product-repeate .details .price .mrp { color: var(--gray); font-size: 12px; margin-top: 3px;}
.product-repeate .details .price .text-underline { color: var(--gray); margin: 3px 3px 0 3px; font-size: 12px; }
.product-repeate .details .price .discount { color: var(--orange); font-size: 12px; margin-top: 3px;}
.product-repeate .details .short-desc { color: var(--gray); font-size: 13px;}
.product-repeate .details .manuplate { display: flex; column-gap: 6px; font-size: 13px; margin: 7px 0;}
.product-repeate .details .manuplate .select { padding:2px 8px; border-radius: 3px; background-color: var(--gray-light); }
.product-repeate .details .manuplate .select a { color: var(--black);}
.product-repeate .details .manuplate .select a .caret { position: relative; top:0;}
.product-repeate .details .return-notice { font-size: 12px;}
.product-repeate .details .delivery-notice { font-size: 12px; }
.product-repeate .remove { position: absolute; right:15px; top:15px; }
.product-repeate .remove a { color: var(--black);}

.caret {
  display: inline-block;
  margin-left: 3px; position: relative; top:-2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.list-unstyled { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px;}
.list-unstyled li a { border: 1px #e5e5e5 solid; padding: 8px; text-align: center; border-radius: 100px; display: block;  height: 40px; width: 40px; text-align: center; color: var(--gray); font-size: 13px; }
.list-unstyled li a:hover { border-color: var(--gray); color: var(--black); font-weight: bold;}
.list-unstyled li a.selected { border-color: var(--primary); color: var(--black); font-weight: bold;}
.list-unstyled li a .color { height:21px; width:21px; border-radius: 100px; display: block; box-shadow: 1px 1px 1px #666; }

.hover-content {
    display: none;
    position: absolute; width: 250px;
    top: 59px; font-size: 14px;
    left:-100px; text-align: left;
    background: white;
    padding: 15px 20px 20px 20px; border-radius: 0 0 10px 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.form-group { position: relative; margin-bottom: 15px; }
.form-group label { font-size: 13px; color: var(--gray); margin-bottom: 5px;}

.form-group .floating-label {
    position: absolute;
    left: 9px;
    top: 10px;
    color: var(--gray);
    font-size: 13px;
    pointer-events: none;
    transition: all 0.25s ease;
    background: #fff;
    padding: 0 5px;
}
.form-group.active .floating-label { top: -13px; }

.icon-controls li.item:hover .hover-content { display: block; }
.radio-card input { display: none; }

.radio-card label {
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.2s ease;
}

.radio-card input:checked + label {
    border-color: #0d6efd;
    background: #e7f1ff;
    color: #0d6efd;
}

.custom-radio {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    gap: 8px;
}

/* Hide default radio */
.custom-radio input {
    display: none;
}

/* Custom circle */
.radio-mark {
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 50%;
    position: relative;
    transition: 0.3s;
}

/* Inner dot */
.radio-mark::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: var(--green);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: 0.3s;
}

/* Checked state */
.custom-radio input:checked + .radio-mark { border-color: var(--green); }
.custom-radio input:checked + .radio-mark::after { transform: translate(-50%, -50%) scale(1); }
.custom-checkbox { display: flex; align-items: center; cursor: pointer; gap: 8px;    }
.custom-checkbox input { display: none; }
.checkmark { width: 16px; height: 16px; border: 1px solid #ccc; border-radius: 3px; position: relative; transition: 0.3s; }

/* Check icon */
.checkmark::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    top: 0px;
    left: 5px;
    transform: rotate(45deg) scale(0);
    transition: 0.3s;
}

/* Checked state */
.custom-checkbox input:checked + .checkmark { background: var(--green); border-color: var(--green); }
.custom-checkbox input:checked + .checkmark::after { transform: rotate(45deg) scale(1); }

.main-menu { position: relative; display: flex; column-gap: 10px; margin-top: 10px; }
.main-menu .menu-toggle { padding:4px 12px 5px 12px; border-radius: 100px; font-size: 14px; color: var(--gray);}
.main-menu .menu-toggle:hover { background-color: #e5e5e5; color: var(--black); }
.main-menu .menu-item.active .menu-toggle { background-color: #e5e5e5; color: var(--black); }
.sub-menu { display: none; }
.menu-item.active > .sub-menu { font-size: 13px; display: block; position: absolute; z-index: 99; background-color: var(--white); top:35px; left:0; border: 1px #ccc solid; padding:15px 15px 10px 15px; border-radius: 5px; }

.customer-address h4 { font-size: 12px; font-weight: bold; text-transform: uppercase; color: var(--gray); }

#backToTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    cursor: pointer;
    z-index: 999;
}

footer { background-color: var(--gray-light); margin-top: 30px; padding: 30px 0; font-size: 14px;}
footer h5 { letter-spacing: 1px; word-spacing: 2px; font-size: 13px; text-transform: uppercase; font-weight: bold; color: var(--black); margin-bottom: 20px;}
footer .footer-card li { margin: 5px 0; }
footer .footer-card li a { color: var(--black);}
footer .footer-card li a:hover { font-weight: bold;}
footer .original-banner { margin-bottom: 20px; display: flex; column-gap: 15px; width: 80%;}
footer .original-banner .icon { width: 50px; height: 50px; border:1px solid black;}
footer .original-banner .text { padding-top: 3px; }
footer .original-banner .text h6 { font-size: 14px; font-weight: normal; color: var(--black); line-height: 20px; }
footer .original-banner .text h6 span { font-size: 14px; font-weight: bold;  }

.irs--flat .irs-from::before, .irs--flat .irs-to::before, .irs--flat .irs-single::before { border-top-color: var(--gray) !important;}

@media only screen and (max-width: 640px) {
    
}

@media (max-width: 991px) {
    /* Common */    
    body { overflow-x: hidden;}
    body .navbar-listings li { margin: 10px 0; }
    body .navbar .nav-item { padding:0; border-bottom: 1px #ccc dotted !important; }
    body .offcanvas-body { padding-top: 10px;}
    body .navbar .nav-link { text-transform: capitalize; padding: 10px 0 12px 0 !important; font-size: 14px; font-weight: normal; border: none !important;}
    body .navbar .nav-link:hover { border: none; color: var(--black);}
    body .toggle-category.active, body .toggle-subcategory.active { font-weight: bold;}
    body .dropdown-item.active, .dropdown-item:active { color: var(--black); background: none;}
    body .dropdown-item { margin: 0 0 10px 0;}
    body .mobile-ad { height: 80px; width: 100%; background-color: var(--primary); padding: 10px; color: var(--white);}
    body .details-accounts, body .orders-details { width: 100%; margin-top: 0; padding: 0;}
    body header { padding: 8px 0;}
    body header .logo { margin-top: 5px; margin-left: 15px;}
    body header .logo img { width: 50px;}
    body .offcanvas-start { width: 75%;}    
    body .toast { top:65px; right:10px;}
    body .hover-content { top:44px; }
    body .dropdown-item:hover, .dropdown-item:focus { background: none;}    
    body .home-title { margin-bottom: 5px; font-size: 18px;}
    body .checkout-steps .divider { width: 10px;}   
    body .product-card .slick-dots { bottom: -25px;} 
    body .default main { margin-top: 0;}
    body .pagination { width: 100%; margin-top: 10px;}
    body .login-form { padding: 0;}
    body .search-controls { margin-top: 0; top:0;}
    body .search-control { padding: 4px 4px 3px 4px;}

    .bottom-modal1 .modal-body { padding: 10px 18px 0 0;}
    .mobile-filter-tabs { display: flex; column-gap: 15px;}
    .mobile-filter-tabs .left { width: 26%; background-color: var(--gray-light); height: 100vh;}
    .mobile-filter-tabs .left .nav-pills .nav-link { text-align: left; border-radius: 0; color: var(--black); border-bottom: 1px #ccc solid; font-size: 12px; padding: 13px 0 13px 15px;}
    .mobile-filter-tabs .left .nav-pills .nav-link.active { background-color: var(--white); color: var(--black); font-weight: bold; }
    .mobile-filter-tabs .right { width: 74%;}
    .mobile-filter-tabs .right .tab-content .filter-size .test { display: block;}

    .filter-group .form-check { border-bottom: 1px #ccc solid; padding: 10px 0;}

    .bottom-modal1 .modal-header { display: flex; justify-content: space-between;}
    .mobile-filter-tabs .right .tab-content .filter-group { padding: 0; border: none; }
    .mobile-filter-tabs .right .tab-content .filter-group .filter-scroll { height: auto;}
    .mobile-filter-tabs .right .tab-content .filter-group .test, .filter-size .test .form-check { width: 100%;}    
    .mobile-control { display: flex; justify-content: space-between; width: 100%;}    

    .custom-checkbox.active .mobile-control, .custom-checkbox.active .mobile-control .name { color: var(--black); font-weight: bold; }

    .bottom-modal1 .modal-dialog, .bottom-modal2 .modal-dialog { position: fixed; bottom: 0; margin: 0; width: 100%; max-width: 100%; }
    .bottom-modal1 .modal-content { height: 93vh;  border-radius: 10px 10px 0 0; overflow: hidden; }
    .bottom-modal1 .modal-body, .bottom-modal2 .modal-body { overflow-y: auto; }
    .bottom-modal1.fade .modal-dialog, .bottom-modal2.fade .modal-dialog { transform: translateY(100%); transition: transform 0.3s ease-out; }
    .bottom-modal1.show .modal-dialog, .bottom-modal2.show .modal-dialog { transform: translateY(0); }
    .bottom-modal2 .modal-content { height: 40vh;  border-radius: 10px 10px 0 0; overflow: hidden; }

    .bottom-modal2 .modal-body { padding: 10px 18px 0 18px;}
    .sort-options li { margin: 8px 0; }
    .sort-options li .sort-item { text-decoration: none; color: var(--gray); }
    .sort-options li .sort-item:hover { color: var(--black); }
    .sort-options li .sort-item.active { color: var(--black); font-weight: bold; }

    .mobile-filter-control { display: flex; padding: 13px 30px 15px 30px; border-bottom: 1px #ccc solid; border-top: 1px #ccc solid; position: sticky; top: 10px; left:0; width: 100%; background-color: var(--white); }
    .mobile-filter-control .btn-custom { width: 48%; display: block; text-align: center;}
    .mobile-filter-control .btn-custom .flex-mobile { display: flex; column-gap: 5px; width: 55px; margin: 0 auto;}
    .mobile-filter-control .filter-btn-1 span { background-position:-306px -27px; height: 20px; width: 20px;}
    .mobile-filter-control .filter-btn-1:hover span { background-position:-324px -27px; }
    .mobile-filter-control .filter-btn-2 span { background-position:-269px -28px; height: 20px; width: 20px;}
    .mobile-filter-control .filter-btn-2:hover span { background-position:-288px -28px; }
    .mobile-filter-control .filter-btn-1:hover, .mobile-filter-control .filter-btn-2:hover { color: var(--black);}

    /* Product Listing Section */
    body .listing-products { padding: 0; }
    body .listing-products .col-6 { padding: 0; }
    body .listing-products .slick-slide img { border-radius: 0;}
    body .product-gallery .slider-nav { display: none; }
    body .product-details-wrapper { padding: 10px 0;}
    body .product-details-wrapper h1 { font-size: 30px; line-height: normal;}
    body .product-details-wrapper .tag { font-size: 14px;}
    body .product-details-wrapper .part .call-action .add-to-cart-btn { padding: 12px 85px 14px 85px !important;}

    /* User account Section */
    body .card-link .product-item { width: 47%;} 
    body .details-accounts .order-history .individual, 
    body .orders-details .showcase { padding: 10px;}
    body .tick-icon { width: 23px;}
    body .text-right { text-align: left; margin-top: 10px;}

    /* Cart Section */
    body .product-title-cart { display: block; margin-bottom: 0;}
    body .product-repeate { column-gap: 10px;}
    body .product-repeate .photo { width: 80px;}
    body .left-summary { padding: 0;}
    body .left-summary .delivery-time { display: block;}
    body .left-summary .delivery-time .btn-right { margin-top: 10px;}
    body .cart-summery { margin: 0;}
    body .modal-footer-extra .btn-big { padding: 5px 10px;}
    body .card.mt-4 { border: none;}

     /* Order Placed thanks page */
    body .placed-order-summary { margin: 0; padding: 0px; border: none; box-shadow: none ;}
    body .placed-order-summary .wrapper-inside { max-width: 100%;}
    body .placed-order-summary .wrapper-inside .confirmation-card { border: none; padding: 0;}
    body .placed-order-summary .wrapper-inside .confirmation-card .title { font-size: 20px;}
    body .placed-order-summary .wrapper-inside .confirmation-card p { font-size: 12px;}
    body .placed-order-summary .wrapper-inside .btn-action { display: block;}
    body .placed-order-summary .wrapper-inside .btn-action .btn { margin-bottom: 10px; width: 100%; }

    .mobile-dropdown { display: none; position: static; box-shadow: none; padding: 0 0 10px 15px;  }
    .mobile-dropdown.show { display: block; }
    .sub-dropdown { display: none; padding-left: 15px; }
    .sub-dropdown.show { display: block; margin-bottom: 15px; }

    .toggle-category.active span { transform: rotate(90deg); }
    .toggle-subcategory.active span { transform: rotate(90deg); }
}

@media (min-width: 992px) {
    .hover-parent:hover .hover-content {
        display: block;
    }
}

@media (min-width: 992px) {
    .sticky .dropdown-menu { top:67px; }
    .dropdown-menu { border: none; display: block; width: 100%; left:0; top:72px; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.3s ease; background: none; padding: 0; }
    .dropdown-menu .container { background: var(--white); border-radius: 0 0 5px 5px; padding:20px 25px 20px 25px; border:none; box-shadow: 0 4px 3px 0 #0000008f; }
    .navbar .dropdown:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}