@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--primary:#01703A;
	--Secondary:#faa432;
	--text-color: #222;
	--white-color: #ffffff;
	--black-color: #000000;
	--star-color:#faa432;
	--gray-color:#eee;
}

body { font-family: "Roboto", sans-serif; font-size: 20px; background: #fff; color: #222; font-weight: normal; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { font-family: "Roboto", sans-serif; margin-bottom: 0; font-size: 30px; line-height:20px;}
a { color: #222; text-decoration: none; }
a:hover { text-decoration: none; color: #000; }
p { margin-bottom: 0; font-size: 16px; line-height: 26px; color: #262626; }
ul{padding:0;margin:0;}
.container { padding-right: 10px; padding-left: 10px; max-width:1440px;}
.container-fluid { padding: 0; }
.img100 { width: 100%; }
.btn-check:focus+.btn, .btn:focus { box-shadow: unset; }

/* common */
.sticky { position: fixed; background: #fff; top: 0 !important; z-index:1000; margin-top: 0; left: 0; right: 0; width: 100%; -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; }
.navbar-toggler:focus { box-shadow: none; }
.section-read-more-btn a { color: var(--Secondary); font-size: 14px; text-transform: uppercase; border: 1px solid var(--Secondary); padding: 5px 20px; transition: all 0.3s ease; }
.section-read-more-btn a>i { margin-left: 10px; }
.section-read-more-btn a:hover { color: var(--primary); border: 1px solid var(--primary); }
.section-heading{ margin-bottom: 30px; text-align: center; }
.section-heading h2 { font-size:26px; line-height:1; font-weight: 600; font-family: "Marcellus", serif; position: relative; display: inline-block;padding-bottom: 10px; border-bottom: 1px solid #eee;}
.section-heading h2::before { position: absolute; content: ""; left: 50%; bottom: -5px; width: 8px; height: 8px; background: var(--primary); border-radius: 50%; transform: translateX(-50%); }

/* common-btn */
.common-btn { color: white; cursor: pointer; font-size: 14px; font-weight: bold; letter-spacing: 0.05rem; border: 1px solid var(--primary); padding: 8px 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 531.28 200'%3E%3Cpolygon fill='%23faa432' points='415.81 200 0 200 115.47 0 531.28 0 415.81 200' /%3E%3C/svg%3E"); background-color: var(--primary); background-size: 200%; background-position: 200%; background-repeat: no-repeat; transition: 0.3s ease-in-out; transition-property: background-position, border, color; position: relative; z-index: 1; display: inline-block; }
.common-btn:hover { border: 1px solid var(--Secondary); color: white; background-position: 40%; }
.common-btn:before { content: ""; position: absolute; background-color: var(--Secondary); width: 0.2rem; height: 0.2rem; top: -1px; left: -1px; transition: background-color 0.15s ease-in-out; }
.common-btn:hover:before { background-color: white; }
.common-btn:hover:after { background-color: white; }
.common-btn:after { content: ""; position: absolute; background-color: var(--Secondary); width: 0.3rem; height: 0.3rem; bottom: -1px; right: -1px; transition: background-color 0.15s ease-in-out; }
.common-btn-borders { position: relative; width: fit-content; height: fit-content; }
.common-btn-borders:before { content: ""; position: absolute; width: calc(100% + 0.5em); height: 50%; left: -0.3em; top: -0.3em; border: 1px solid var(--primary); border-bottom: 0px; }
.common-btn-borders:after { content: ""; position: absolute; width: calc(100% + 0.5em); height: 50%; left: -0.3em; bottom: -0.3em; border: 1px solid var(--primary); border-top: 0px; z-index: 0; }

/*back-to-top*/
#button{display:inline-block;background-color:var(--primary);width:50px;height:50px;text-align:center;border-radius:50%;position:fixed;bottom:30px;right:30px;transition:background-color .3s, opacity .5s, visibility .5s;opacity:0;visibility:hidden;z-index:1000;}
#button::after{font-weight:normal;font-style:normal;font-size:2em;line-height:50px;color:#fff;}
#button:hover{cursor:pointer;background-color:var(--Secondary);}
#button:active{background-color:#555;}
#button.show{opacity:1;visibility:visible;}
#button i{font-size:18px;line-height:50px;color:#fff;}
.btn-check:focus+.btn, .btn:focus{box-shadow:none;}

@keyframes backtotop {
	0% {
		bottom: 45px;
	}

	50% {
		bottom: 30px;
	}

	100% {
		bottom: 45px;
	}
}

/* header-area-top */
.header-top {
	/* padding: 5px 0;background: #FFF6EF; */
	/* padding-bottom: 0; */
	/* border-bottom: 1px solid #eee;  */
}

.header-top-left { display: flex; position: relative; }
.header-top-left p::after { content: '|'; margin: 0 10px; color: #4f4f4f; }
.header-top-left p:last-child::after { content: unset; }
.header-top-left p { font-size: 14px; color: #fff; }
.header-top-left p>a { color: var(--text-color); font-size: 14px; }
.header-top-left p i { /* border: 1px solid #fff; */ color: var(--text-color); /* width: 25px; height: 25px;  */ text-align: center; line-height: 24px; border-radius: 50%; margin-right: 3px; font-size: 12px; }
.header-top-right { display: flex; gap: 15px; }
.header-top-right ul { padding: 0; margin: 0; display: flex; }
.header-top-right ul li { display: flex; margin-left: 20px; }
.header-top-right ul li { font-size: 13px; color: #fff; }
.header-top-right ul li a { font-size: 13px; color: var(--text-color); }
.header-top-right ul li a:hover { color: var(--primary); }
.header-top-right p a { font-size: 14px; color: #fff; }

.search .suggestions { position: absolute; left: 0; top: 100%; width:100%; max-height:350px; scrollbar-width: thin; overflow: auto; background: #fff; font-size: 13px; font-weight: 400; line-height: 20px; padding:10px; margin: 0; list-style: none; color: #6E6E6E; transition: 2s; z-index:100; border-radius: 0 0 24px 24px;border: 1px solid var(--gray-color); border-top:0;}
.search .suggestions li { margin-bottom:5px; padding-bottom:5px; border-bottom: 1px solid #eee; }
.search .suggestions li:last-child{ border-bottom:0;padding-bottom:0;margin-bottom:0; }
.search .suggestions li .search-sugge-items-title-price h5{ font-size: 14px; font-weight: 600; color: var(--primary);margin-bottom:5px;transition: all 0.3s ease;}
.search .suggestions li .search-sugge-items-title-price span{ font-size: 14px; font-weight:700;}
.search-suggestions-items { display: flex; align-items: center; gap: 10px; }
.search-sugge-items-img img { width:60px;}
.search .suggestions li:hover .search-sugge-items-title-price h5{color: var(--Secondary);}
.search .suggestions { display: none; }
.view-all-suggestion a { font-size: 14px; color: var(--star-color); }

/* header-area-bottom */
.cart-login-wrap > ul { display: flex; gap: 25px; list-style: none; align-items: center; margin-bottom: 0; }
.cart-login-wrap > ul .shopping-cart { position: relative; }
.cart-login-wrap > ul .shopping-cart span { position: absolute; top: -7px; right: -5px; width: 15px; height: 15px; background: var(--Secondary); color: #fff; border-radius: 50%; font-size: 10px; text-align: center; line-height: 15px; font-weight: 600; }
.cart-login-wrap > ul li { font-size: 20px; }
.cart-login-wrap > ul li a{cursor: pointer;}
.header-bottom { padding: 25px 0; }
.header-bottom .col-lg-1 { padding-right: 0; }
.header-meta-wrap { display: flex; }
.header-meta-wrap a { font-size: 15px; line-height: 24px; font-weight: 400; }
.header-meta-wrap span { font-size: 16px; font-weight: 900; padding: 0 5px; }

/* main-menu */
.main-menu { background: var(--primary); }
.main-menu .navbar { padding: 0px 0; }
.header-bottom .logo img{ width:180px; }
.sticky.main-menu .navbar { padding: 0; }
.main-menu ul li:hover .dropdown-menu { display: block; }
.navbar-light .navbar-brand { padding: 0; }
.main-menu .navbar-nav .nav-link { position: relative; z-index: 9; color:var(--white-color); font-size: 16px; font-weight: 500; /* padding: 15px 25px;  */ padding: 15px 22px; letter-spacing: 0.2px; text-decoration: none; border-right: 1px solid #0b5e36; }
.main-menu .navbar-light .navbar-nav .nav-item:last-child .nav-link{ padding-right: 0; border-right: 0; }
.main-menu .navbar-light .navbar-nav .nav-link:hover { color: var(--Secondary); }
.main-menu .dropdown-menu { padding: 0; border-radius: 0; background: #fff; margin-top: 0; z-index: 999999; }
.main-menu .dropdown-item { padding: 10px 15px; font-weight: 700; font-size: 16px;font-weight: 500; white-space:unset;}
.main-menu .dropdown-item:hover { color: var(--primary); background: #fff; }
.main-menu .dropdown-menu li:last-child .dropdown-item { border-bottom: 0; }
.main-menu .navbar-light .navbar-toggler-icon { background-image: none; }
.main-menu .navbar-light .navbar-toggler-icon i { color: var(--Secondary); font-size: 28px; line-height: 30px; }
.dropdown-menu > li { border-bottom: 1px solid #eee; }
.dropdown-menu > li > a{ color: var(--primary); }
.dropdown-menu > li:hover > a{ color: var(--Secondary) !important; }
.contactBTN { padding: 10px 0px; }
.contactBTN .btn { border: 1px solid var(--primary); background: var(--primary); color: var(--white-color); font-size: 16px; font-weight: 700; padding: 10px 24px; border-radius: 50px; margin-left: 24px; }
.contactBTN .btn:hover { border: 1px solid var(--primary); background-color: var(--white-color); color: var(--primary); transition: 0.3s; }

.sticky-menu-cart { display: none; margin-left: 30px; }
.sticky .sticky-menu-cart { display: block; }
.sticky .sticky-menu-cart .cart-login-wrap > ul li i { color: var(--white-color); font-size: 17px; }

/* mega menu */
.main-menu .navbar .has-megamenu { position: static !important; }
.main-menu .navbar .megamenu { left: 0; right: 0; width: 100%; margin-top: 0; background: #fff !important;}
.main-menu .navbar .megamenu { padding: 1.5rem; }
.main-menu .navbar .megamenu .mega-items-wrap ul { column-count:4; column-gap: 10px; padding: 0; }
.main-menu .navbar .megamenu .mega-items-wrap ul li { list-style: none; position: relative; padding-left: 15px; margin-bottom: 10px; }
.main-menu .navbar .megamenu .mega-items-wrap ul li:hover .items-list a{ color: var(--Secondary); }
.main-menu .navbar .megamenu .mega-items-wrap ul li::before { position: absolute; content: "\f101"; left: 0; top:2px; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:11px; color: var(--Secondary); transition: all 0.3s ease; }
.main-menu .navbar .megamenu .mega-items-wrap ul li:hover:before { color: var(--primary); }
.main-menu .navbar .megamenu .items-list a{ display:block; color: var(--primary); font-weight:500; transition: all 0.3s ease; }
.main-menu .dropdown:hover>.dropdown-menu { display: block; }
.megamenu .row { display: flex; }
.main-menu .has-megamenu .dropdown-menu { top: 100% !important; }
.nav-link.dropdown-toggle.show { display: block; }
.main-menu .navbar-brand .logo img { display: none; }
.sticky.main-menu .navbar-brand .logo img { display: block; width:150px;}

/* header-search */
.search { width: 100%; position: relative; display: flex; }
.searchTerm { width: 100%; border: 1px solid var(--primary); border-right: none; padding: 11px; /* height: 45px; */ border-radius: 24px 0 0 24px; outline: none; color: #000; font-size: 14px; padding-left: 14px; font-weight: 500; }
.searchTerm:focus{ color: #000; }
.searchButton { width:50px; height: 45px; border: 1px solid var(--primary); background: #fff; text-align: center; color: #1e1e1e; border-radius: 0 24px 24px 0; cursor: pointer; font-size: 17px; border-left: 0; }
.searchButton i { width: 35px; height: 35px; line-height: 35px; border-radius: 50%; background: var(--primary); font-size: 15px; color: #fff; /* padding: 2px 19px; */ }
.wrap{ width: 100%; }

/* hero-area */
.hero-area {padding-bottom:30px;}
.hero-slider.slick-slider { margin-bottom: 0 !important; }
.hero-slider img { width: 100%; aspect-ratio:2.9; object-fit: cover; object-position: top; }
.hero-slider .priv_arrow { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer; }
.hero-slider .next_arrow{ position: absolute; right:0; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer; }
.hero-slider .priv_arrow i, .hero-slider .next_arrow i { background: #01703aa1; padding: 20px 10px; color: var(--white-color); font-size:18px; }
.hero-slider .priv_arrow i{ border-radius: 0 40px 40px 0; }
.hero-slider .next_arrow i { border-radius: 40px 0 0 40px; }
.hero-slider .slick-dots { bottom:25px; }
.hero-slider .slick-dots li button::before {font-size: 10px; color:var(--Secondary);}

/* common-product-area  */
.common-product-area { padding: 30px 0; }
.common-product-box { border: 1px solid #dee2e6; border-radius:5px; transition: all 0.3s ease; position: relative; margin-bottom:18px;}
.common-product-box:hover{ border: 1px solid var(--primary); }
.common-product-img { overflow: hidden; margin-bottom: 10px; position: relative;}
/* .common-product-img::before {position: absolute;content:"";left:0;bottom:0;width:100%;height:50%;background: var(--primary);z-index:-1;transition: all 0.5s ease;} */
.common-product-box:hover .common-product-img::before {height:100%;}
.common-product-img img { width: 100%; transition: all 0.5s ease; aspect-ratio:0.9; object-fit: cover; object-position: center; }
.common-product-box:hover .common-product-img img{ transform: scale(1.1); }
.common-products-info-wrap { padding: 0 10px 10px 10px; }
.common-products-info-wrap .rating {display: flex; gap: 10px; margin-bottom:5px;}
.common-products-info-wrap .rating .rating-start{ color: var(--star-color);font-size: 10px;}
.comm-products-title{ margin-bottom:5px;}
.comm-products-title h3 { font-size: 18px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.3s ease; margin-bottom:5px;height:40px;}
/* .comm-products-title h3 a { display: inline-block; } */
.comm-products-title h3:hover{ color: var(--Secondary); }
.comm-products-title p{ font-size: 12px; line-height:18px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.3s ease;height:17px;}
.comm-products-title p a{ color: #999; }
.common-product-price span{ display:block; font-size: 14px;  }
.common-price-and-card { display: flex; justify-content: space-between; align-items: center; }
.common-product-price .old-price { color: #aaa; text-decoration: line-through; }
.common-product-price .new-price { font-size: 16px; font-weight: 600; }
.common-cart-wrap a { background: var(--Secondary); color: var(--white-color); font-size: 12px; padding:3px 10px; border-radius: 20px; font-weight: 600; }
.products-badge { position: absolute; left: 0; top: 0; width: 40px; height: 40px; background: var(--primary); text-align: center; border-radius: 0 0 20px 20px; padding: 5px; font-size: 10px; line-height: 1; display: flex; align-items: center; }
.products-badge span{ font-size: 10px; font-weight: 700; line-height:1;color: var(--white-color); }

.quick-view { position: absolute; right: -17px; top: 18px; transform: translate(-50%,-50%); visibility: hidden; transition: all 0.5s ease; opacity: 0; }
.quick-view a > i { font-size: 16px; width: 35px; height: 35px; line-height: 35px; border-radius: 50%; background: var(--Secondary); text-align: center; color: var(--white-color); }
.common-product-box:hover .quick-view{ visibility: visible; opacity:1; }

.common-product-slider .priv_arrow { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer; }
.common-product-slider .next_arrow{ position: absolute; right:0; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer; }
.common-product-slider .priv_arrow i, .common-product-slider .next_arrow i { background: var(--Secondary); color: var(--white-color); font-size: 14px; height: 30px; width: 30px; line-height: 30px; text-align: center; border-radius: 50%; }
.common-product-slider .slick-slide{ margin-left:5px; margin-right:5px;}
.common-product-slider  .slick-list { margin-left:-5px; margin-right:-5px;}

/* sold-out-badge */
.sold-out { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ffffffb2; z-index: 1; display: flex; justify-content: center; align-items: center; }
.sold-out span { font-size: 16px; color: var(--Secondary); font-weight: 600; padding: 5px 15px; background: #424242c4; }

/* quick-view-modal-area */
.quick-view-modal {z-index:10000000;}
.quick-view-modal .modal-content { border:none; }
.quick-view-modal .modal-header { padding: 0; border: 0; position: absolute; right: 10px; top: 8px; z-index:1; }
.quick-view-modal .modal-dialog{ max-width:800px; }
.quick-view-modal .btn-close { background-size: 16px; }
.quick-view-modal .btn-close:focus { box-shadow:none; } 
.quick-view-img .modal-slide-1 { margin-bottom: 10px; }
.quick-view-img .modal-slide-1 .swiper-button-next::after, .swiper-button-prev::after { font-size: 23px; color: var(--primary); }
.quick-view-img .modal-slide-2 .swiper-slide  img{ border: 2px solid transparent; }
.quick-view-img .modal-slide-2 .swiper-slide-thumb-active img{ border: 2px solid var(--primary); }
.quick-view-modal .inner-shop-details-content { max-height: 485px; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; padding-left: 0; }
.quick-view-modal .inner-shop-details-content .title { font-size: 24px; }
.quick-view-modal .inner-shop-details-meta ul li { font-size: 14px; }

/* bundle-area  */
.bundle-area {
    padding: 0px 0px 50px 0;
}
.bundle-box {margin-bottom: 24px;}
.bundle-title { text-align: center; }
.bundle-title h3 { font-size: 18px; line-height: 1.3; color: var(--primary); transition: all 0.3s ease; font-weight:500; }
.bundle-box:hover .bundle-title h3{color:var(--Secondary);}

/* sidebar-bundle */
.sidebar-bundle { border: 1px solid #eee; border-radius: 5px; }
.sidebar-bundle-list-wrap { height:420px; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; }
.sidebar-bundle-list { padding: 8px; border-bottom: 1px solid #eee;}
.sidebar-bundle-list:last-child { border-bottom:0; }
.sidebar-title h2 { font-size: 18px; background:var(--primary); color: var(--white-color); padding:10px 15px;text-align: center; }
.sidebar-title h2::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--Secondary); display: inline-block; margin: 2px 5px; }
.sidebar-title h2::after{ content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--Secondary); display: inline-block; margin: 2px 5px; }
.sidebar-bundle-title h3 { font-size: 16px; line-height: 22px; color: var(--primary); font-weight: 500; transition: all 0.3s ease; }
.sidebar-bundle-list:hover .sidebar-bundle-title h3 { color: var(--Secondary); }

/* sidebar-product-banner  */
.sidebar-product-banner { border: 1px solid #eee; position: relative; margin-top:40px; }
.s-product-banner-text { position: absolute; top: 0; left: 0; padding:20px; width: 100%; }
.s-product-banner-text h2 { font-size: 19px; line-height: 1.3; color: var(--white-color); text-align: center; margin-bottom: 20px; font-family: "Marcellus", serif; font-weight: 600; background: var(--primary); padding: 10px 15px; }
.s-product-banner-text p { font-size: 16px; font-weight: 400; line-height: 30px; }

/* special-products */
.special-products-area {
    padding: 50px 0;
}
.sp-product-img { padding: 0px 20px 20px 20px; background-image: url(../../images/bg/features_product_dots.webp); background-position: center; background-repeat: no-repeat; background-size: cover; text-align: center; }
.special-product-text{ text-align: center; }
.special-product-text h3 { font-size: 22px; margin-bottom: 10px; }
.special-product-text p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

/* new-arrivals-area */
.new-arrivals-area{ padding: 50px 0; }

/* brand-banner */
.brand-banner { position: relative; } 
.brand-text { position: absolute; top: 50%; left: 20px; width: 60%; transform: translateY(-50%); }
.brand-text h2{ font-size: 24px; }
.brand-text p { margin: 10px 0 20px; }

/* top-rated-area */
.top-rated-area {
    padding-top:50px;
}

/* sidebar-special-offer-area */
.sidebar-special-offer { margin-top:40px; border: 1px solid #eee; }
.sbar-sp-offer-list-wrap { height:450px; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; }
.sbar-sp-offer-list { border-bottom: 1px solid #eee; padding: 5px; }
.sbar-sp-offer-list:last-child { border-bottom: 0; }
.sbar-sp-offer-text h3 { font-size: 16px; color: var(--primary); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.3s ease; }
.sbar-sp-offer-list:hover .sbar-sp-offer-text h3{ color: var(--Secondary) }
.sdbar-product-price span { font-size: 14px; }
.sdbar-product-price .old-price { color: #aaa; text-decoration: line-through; }
.sdbar-product-price .new-price { font-size: 16px; font-weight: 600; color: var(--Secondary);}


/* info-box */
.info-box-area{ margin-top:20px; }
.info-box-wrap .row { border: 1px solid #e7e7e7; margin: 0 2px; }
.info-box-wrap .col-lg-3{ display: flex; align-items: center; color: #222529; margin:15px 0; padding: 5px; }
.info-box-wrap .col-lg-3:not(:last-child){ border-right: 1px solid #e7e7e7; }
.info-box-wrap .info-box{ display: flex; align-items: center; }
.info-box-wrap .info-box i { font-size: 24px; margin-right: 8px; color: var(--primary); }
.info-box h4 { font-size: 16px; font-weight:600; text-transform: uppercase; line-height: 1.1; }
.info-box p{ font-size: 13px; color:#777 !important; }

/* category */
.category-and-sidebar { margin-top:30px; }
.category-list{ border: 1px solid #eee; border-radius: 5px; margin-top:40px;}
.sb-category-list-wrap{ max-height:420px; overflow-y: auto; scrollbar-width: thin; }
/* .sb-category-list-wrap ul li { list-style: none; padding: 8px; border-bottom: 1px solid #eee; text-align: center; }
.sb-category-list-wrap ul li:first-child{ padding-top:0; }
.sb-category-list-wrap ul li:last-child{ border-bottom:0; }
.sb-category-list-wrap ul li a { font-size: 16px;  font-weight: 500; color: var(--primary); transition: all 0.3s ease; }
.sb-category-list-wrap ul li:hover a{ color: var(--Secondary); } */

.sidefilter-cat-wrap { border: 1px solid var(--gray); padding: 10px;max-height: 300px; overflow-y: auto;}
.sidef-cat-list label{ font-size:14px; cursor: pointer;font-weight:500;}
.sidef-cat-list a{ font-size:14px; cursor: pointer;font-weight:500;}
.sidef-cat-list a.active{ color: var(--primary);}
.sidef-cat-list label:hover{ color: var(--primary); }
.sidef-cat-list a:hover{ color: var(--primary); }
.sidef-cat-list{ margin-bottom:10px; border-bottom: 1px solid #eee;padding-bottom: 10px;}
.sidef-cat-list:last-child{ margin-bottom:0; border-bottom:0;padding-bottom:0;}
/* .sidef-cat-list .form-check { min-height: 10px; padding-left: 10px; margin-bottom:0; padding: 0; display: flex; align-items: center; } */
/* .sidef-cat-list .form-check .form-check-input { margin-left:0; margin-right: 10px; margin-top: 0; } */
.sidef-cat-list .form-check-input { width:0.8em; height:0.8em;margin-top:.40em;}
/* .sidef-cat-list .form-check-input[type="checkbox"] { border-radius: 50%; } */
.sidef-cat-list .form-check-input:focus { border-color:var(--Secondary); box-shadow:none; }
.sidef-cat-list .form-check-input:checked { background-color:var(--Secondary); border-color: var(--Secondary); }
.page-counter h6 { font-size: 22px; }
.page-counter h6>span { color: var(--primary); }

/* price-range */
.price-slider-area-wrapper { padding:15px; border-radius: 20px; background-color: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(100px); backdrop-filter: blur(100px); }
.price-slider-area-wrapper .noUi-target { border:0; }
.price-slider-area-wrapper-wrapper { display: flex; align-items: center; width: 100%; -moz-column-gap: 20px; column-gap: 20px; }
.filter-price-action { margin-top:10px; }
.price-slider-area-wrapper .filter-price-text{ font-size: 13px; display: flex; align-items: center; justify-content: center; }
.price-slider-area-wrapper .filter-price-text .price-title{ margin-right: 5px; }
.price-slider-area-wrapper .filter-price-action .price-submit-btn{ background: var(--primary); color: var(--white-color); padding: 5px 10px; font-size: 13px; }
.price-slider-area-wrapper .noUi-target { flex: 1; position: relative; background: #e3e3e3; border-radius: 50px; }
.price-slider-area-wrapper .noUi-target.noUi-horizontal { height:5px; }
.price-slider-area-wrapper .noUi-target .noUi-base,
.price-slider-area-wrapper .noUi-target .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; }
.price-slider-area-wrapper .noUi-target .noUi-connects { border-radius: 3px; overflow: hidden; z-index: 0; }
.price-slider-area-wrapper .noUi-target .noUi-connects .noUi-connect { height: 100%; width: 100%; transform-style: preserve-3d; transform-origin: 0 0; transform-style: flat; background-color:var(--primary); 
    /* background: none; box-shadow: 0 4px 2px 0 rgba(0,0,0,0.38) inset; */
 }
.price-slider-area-wrapper .noUi-target .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; right: 0; height: 0; width: 100%; }
.price-slider-area-wrapper .noUi-target .noUi-origin .noUi-handle { border-radius: 50px; background: #fff; cursor: default; background-color:var(--Secondary); -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; width:15px; height:15px; right: -10px; top: -6px; box-shadow: none; border:0; cursor: pointer; }
.price-slider-area-wrapper .noUi-handle::after, .noUi-handle::before { content:unset; }
.price-slider-area-wrapper .noUi-target .noUi-origin .noUi-handle .noUi-touch-area { height: 100%; width: 100%; }
.price-slider-area-wrapper .noUi-draggable { cursor: ew-resize; }

/* category-filter-search */
.category-filter-search .selectBox { border: 1px solid #ccc; position: relative; padding: 8px 17px; cursor: pointer; border-radius: 5px; }
.category-filter-search .selectBox__value { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; font-size: 14px; font-weight:500;}
.category-filter-search .selectBox:after { position: absolute; right: 12px; top: 50%; transform: translateY(-50%) rotate(0deg); transition: all 0.2s ease-in-out; content: '\f107'; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 14px; }
.category-filter-search .selectBox .dropdown-menu { transition: all 0.5s ease-in-out; opacity: 0; display: block; top: 100%; width: 100%; min-width: unset; max-height: 250px; z-index: -1; overflow-y: auto; transform: translateY(-15%); visibility: hidden; left: 0; padding: 0; }
.category-filter-search .selectBox .dropdown-menu .dropdown-item{ color: #424242; font-size: 14px; }
.category-filter-search .dropdown-item.active, .dropdown-item:active{ background-color: var(--primary); color: #fff!important; }
.category-filter-search .selectBox.show { background-color: #fff; }
.category-filter-search .selectBox.show:after { transform: translateY(-50%) rotate(180deg); }
.category-filter-search .selectBox.show .dropdown-menu { transition: all 0.3s ease-in-out; visibility: visible; opacity: 1; z-index: 99999; transform: translateY(0); }

/* sidebar-special-offer-area */
.sidebar-best-seller { margin-top:40px; border: 1px solid #eee; }
.sbar-best-seller-list-wrap { height:420px; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; }
.sbar-best-seller-list { border-bottom: 1px solid #eee; padding: 5px; }
.sbar-best-seller-list:last-child { border-bottom: 0; }
.sbar-best-seller-text h3 { font-size: 16px; color: var(--primary); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.3s ease; }
.sbar-best-seller-list:hover .sbar-best-seller-text h3{ color: var(--Secondary) }
.sbar-best-seller-list .sb-rating-start { font-size: 0; margin: 5px 0; }
.sbar-best-seller-list .sb-rating-start i { font-size:10px; color: var(--star-color);padding: 0 2px;}
.sbar-best-seller-list .sdbar-product-price { font-size: 0; }
.sbar-best-seller-list .sdbar-product-price span { font-size: 14px; }
.sbar-best-seller-list .sdbar-product-price .old-price { color: #aaa; text-decoration: line-through; margin-right: 5px; }
.sbar-best-seller-list .sdbar-product-price .new-price { font-size: 16px; font-weight: 600; color: var(--Secondary);}

/* offer-segment-area */
.offer-segment-img-wrap { position: relative; }
.offer-segment-img-text{ position: absolute; left:50px; top:50%; width: 250px; transform: translateY(-50%); }
.offer-segment-img img { /* height: 300px; */ object-fit: cover; }
.offer-segment-text h2 { font-size: 40px; margin-bottom: 30px; color: var(--primary); line-height: 1.3;}
.offer-segment-text p { font-size: 18px; }

.brand-areaTwo .common-btn-wrap {
	margin-top: 180px !important;
}

/* mini-cart-area */
.mini-cart-area .offcanvas-end { width: 350px; }
.mini-cart-area .offcanvas-body { position: relative; padding-top: 0; padding-bottom: 0; scrollbar-width: thin;}
.mini-cart-area .offcanvas-header{border-bottom: 1px solid #eee;}
.mini-cart-area .offcanvas-header h5{font-size: 20px; line-height: 30px; color: var(--primary);}
/* .mini-cart-area{ width: 324px; z-index: 10000000; } */
.mini-cart-area .offcanvas-title{ color: var(--Secondary); }
.mini-cart-area .btn-close { background-size: 16px; }
.mini-cart-area .btn-close:focus { box-shadow: none; }
.mini-cart-products .mini-product{ width: 100%;margin: 0 !important; padding: 20px 0; align-items: center; border-bottom: 1px solid #e6ebee; }
.mini-cart-products .mini-product .mini-product-details{ margin-bottom: 3px; font-size: 16px; }
.mini-cart-products .mini-product .product-title { margin-bottom: 10px; font-size: 16px; line-height: 24px; color: var(--black-color); font-weight: 500; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.mini-cart-products .mini-product .product-title:hover{ color: var(--Secondary); }
.mini-cart-products .mini-product .cart-product-info { color: #696969; }
.mini-cart-products .mini-product .product-image-container { position: relative; border: 1px solid #f4f4f4; text-align: center; padding: 5px; }
/* .mini-cart-products .mini-product .product-image-container img{ width: 80px; } */
.mini-cart-products .mini-product .product-image-container .btn-remove { position: absolute; top: -11px; right: -9px; width: 20px; height: 20px; border-radius: 50%; color: var(--white-color); background-color: var(--primary); box-shadow: 0 2px 6px rgba(0,0,0,0.5); text-align: center; line-height: 20px; font-size: 16px; font-weight: 500; }
.mini-cart-products .mini-product .product-image-container .btn-remove:hover{ color: var(--Secondary); }
.discount-action { margin: 10px 0; }
.discount-action .discount{ margin-bottom:10px; }
.discount-action .discount, .discount-action .vat { font-size: 13px; display: flex; justify-content: space-between; text-transform: uppercase; }
/* .mini-cart-total { display: flex; align-items: center; font-size: 16px; font-weight: 600; justify-content: space-between; border-top: 1px solid #eee; padding-top: 10px;color: #000; } */
.mini-cart-total { display: flex; align-items: center; font-size: 16px; font-weight: 600; justify-content: space-between; padding-top: 10px;color: #000; }
.mini-cart-action { display: flex; gap:20px; margin-top:20px; justify-content: center;}
.mini-cart-action .view-cart-btn, .mini-cart-action .checkout-cart-btn { font-size: 13px; text-transform: uppercase; font-weight: 600; padding: 8px 20px;}
.mini-cart-action .view-cart-btn { background: var(--Secondary); color: #fff;}
.mini-cart-action .view-cart-btn:hover { color: #000;}
.mini-cart-action .checkout-cart-btn { background: var(--primary); color: #fff;}
.mini-cart-action .checkout-cart-btn:hover { background: var(--primary); color: var(--black-color);}
.mini-cart-info-sticky{ position: -webkit-sticky; position: sticky; bottom: 0;background: #fff; box-shadow: rgb(0 0 0 / 50%) 0px -6px 6px -6px; border-top: 1px solid #eee; padding:10px 20px; border-radius: unset; }
.apply-coupon{ display: inline-block; font-size: 15px; line-height: 1; padding-bottom: 14px; }
.apply-coupon i{ font-size: 13px; margin-right: 5px; }
.apply-coupon a{ color: var(--Secondary); margin-right: 3px;}
.apply-coupon a:hover{text-decoration: underline;}

/* pagination-area */
.pagination-area .page-link { color: var(--primary); font-size: 14px; border-radius: 50%; margin: 0 10px; padding: 0; height: 40px; width: 40px; text-align: center; line-height: 40px; }
.pagination-area .page-item.active .page-link { background-color: var(--primary); border-color:var(--primary); }
.pagination-area .page-link:focus { color:var(--primary); background:none; box-shadow:none; }
.pagination-area .page-link span { font-size: 24px; line-height: 34px; }
.pagination-area .page-item:first-child .page-link { border-top-left-radius:50%; border-bottom-left-radius:50%; }
.pagination-area .page-item:last-child .page-link { border-top-right-radius:50%; border-bottom-right-radius:50%; }

/* bundle-page  */
.bundle-page { margin-top: 50px; }


/* cart-page */
.main-cart-wrapper .table-responsive .table thead tr th { font-size: 16px; font-weight: 600; color: var(--primary); padding: 15px 10px; border-bottom: 1px solid var(--primary); }
.main-cart-wrapper .table-responsive .table tbody tr td { vertical-align: middle; padding: 15px 10px; }
.main-cart-wrapper .table-responsive .table tbody tr td .main-cart-img img { width: 70px; }
.main-cart-wrapper .table-responsive .table tbody tr td .cart-title { font-size: 15px; font-weight: 600; color: var(--black-color); text-transform: capitalize; }
.main-cart-wrapper .table-responsive .table tbody tr td .quantity-basket .qty { display: flex; align-items: center; border: 1px solid #E5E5E5; padding: 5px 15px; border-radius: 9px; line-height: 1; justify-content: center; width: 140px; }
.main-cart-wrapper .table-responsive .table tbody tr td .qtyminus { margin: 0 10px 0 0; }
.main-cart-wrapper .table-responsive .table tbody tr td .qtyminus, .main-cart-wrapper .table-responsive .table tbody tr td .qtyplus { padding: 5px 8px; text-align: center; border-radius: 50%; background: #F5F5F5; }
.main-cart-wrapper .table-responsive .table tbody tr td .qty button,
.main-cart-wrapper .table-responsive .table tbody tr td .qty input { display: flex; align-items: center; justify-content: center; color: var(--black-color); font-weight: 400; font-size: 18px; border:0; }
.main-cart-wrapper .table-responsive .table tbody tr td .qty input { text-align: center; border-radius: 0; border: none; outline: none; width: 50px; }
.main-cart-wrapper .table-responsive .table tbody tr td .cart-price,
.main-cart-wrapper .table-responsive .table tbody tr td .subtotal-price,
.main-cart-wrapper .table-responsive .table tbody tr td .sub-price { font-size: 16px; font-weight: 600; color: var(--primary); display: inline-block; }
.main-cart-wrapper .table-responsive .table tbody tr td .stock-title { color: #57C600; font-size: 16px; font-weight: 600; margin-right: 60px; display: inline-block; }
.main-cart-wrapper .table-responsive .table tbody tr td .stock-title-two { color: var(--primary); font-size: 16px; font-weight: 600; line-height: 26px; }
.main-cart-wrapper .table-responsive .table tbody tr td .sub-title { font-size: 18px; font-weight: 600; color: var(--black-color); }
.main-cart-wrapper .table-responsive .table tbody tr td .sub-title span { opacity: 0; visibility: hidden; }
.main-cart-wrapper .table-responsive .table tbody tr td .sub-text { font-size: 14px; color: var(--black-color); font-weight: 500; }
.main-cart-wrapper .table-responsive .table.style-2 { width: 100%; }
.main-cart-wrapper .table-responsive .theme-btn { border-radius: 43px; background-color: var(--primary); width: 100%; }
.main-cart-wrapper .table-responsive .theme-btn:hover { background-color: var(--Secondary); }
.main-cart-wrapper .cart-total { padding: 25px; border-radius: 8px; border: 1px solid #E5E5E5; background: #ffffff; }
.main-cart-wrapper .cart-total .table thead tr th { color: #1A1A1A; font-size: 20px; font-weight: 500; line-height: 150%; }
.main-cart-wrapper .cart-total .table tbody tr td .sub-title { color: #4F536C; font-size: 14px; font-weight: 400; line-height: 150%; }
.main-cart-wrapper .cart-total .table tbody tr td .sub-price { color: #012E4A; font-size: 14px; font-weight: 500; line-height: 150%; }
.main-cart-wrapper .cart-total .table tbody tr td .sub-price-total { color: #FF6500; font-size: 16px; font-weight: 600; line-height: 26px; text-transform: capitalize; }
.main-cart-wrapper .cart-wrapper-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; }
.main-cart-wrapper .cart-wrapper-footer form { border: 1px solid var(--Secondary); padding: 0 8px; border-radius: 5px; display: flex; justify-content: space-between; align-items: center; }
.main-cart-wrapper .cart-wrapper-footer form input { padding: 5px; border: none; text-transform: capitalize; font-size: 16px; outline: none; background: transparent; color: var(--black-color); height: 50px; }
.main-cart-wrapper .cart-wrapper-footer form button { outline: none; border: none; }
.main-cart-wrapper .cart-wrapper-footer form .theme-btn { border-radius: 6px; background-color: var(--primary); padding: 20px 24px; right: -33%; min-width: 80px; margin-left: 20px; }
.main-cart-wrapper .cart-wrapper-footer form .theme-btn::before,
.main-cart-wrapper .cart-wrapper-footer .theme-btn::before { background-color: var(--black-color); }
.main-cart-wrapper .cart-wrapper-footer .theme-btn { border-radius: 6px; background-color: var(--primary); }

@media (max-width: 992px) {
    .main-cart-wrapper .table-responsive .table { width: 700px; overflow-x: scroll; }
    .main-cart-wrapper .table-responsive .table tbody tr td .stock-title { margin-right: 0; }
    .main-cart-wrapper .cart-wrapper-footer { flex-wrap: wrap; gap: 20px; }
    .main-cart-wrapper .cart-wrapper-footer form input { width: 140px; }
}

.cart-page-summary { background:#f5f5f5; padding:20px; border-radius: 12px;}
.cart-page-summary h3 { text-transform: capitalize; font-size:20px; font-weight: 500; margin-bottom: 20px;}
.cart-page-summary h6, .cart-page-summary h4 { text-transform: capitalize; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 400; margin-top: 10px; }
.cart-page-summary h6 span { font-size: 16px; font-weight: 400; color: var(--colorBlack); }
.cart-page-summary h4 { font-size: 18px; font-weight: 500; border-top: 1px solid #ddd; padding-top: 10px; margin-top: 10px; }
.cart-page-summary h4 span { font-size: 18px; font-weight: 500; color: var(--black-color); }
.cart-page-summary form { position: relative; margin-top: 25px; }
.cart-page-summary form input { width: 100%; padding: 12px 20px; outline: none; resize: none; border: 1px solid #ddd; font-size: 16px; font-weight: 300; border-radius: 8px; }
.cart-page-summary form button { position: absolute; top: 5px; right: 5px; background: var(--primary); padding: 9.5px 25px; border-radius: 6px; border:0; color: var(--white-color); text-transform: capitalize; font-weight: 500; font-size: 15px; text-align: center; overflow: hidden; z-index: 1; transition: all .3s ease; }
.cart-page-summary form p { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; font-size: 14px; margin-top: 10px; padding: 5px 15px; border: 1px dashed var(--Secondary); border-radius: 6px; }
.cart-page-summary form p a { font-weight: 600; color: var(--primary); }
.cart-summary-btn { margin-top: 20px; text-align: center;}
.cart-summary-btn .checkout-bnt{ background: var(--Secondary); padding: 12px 25px; color: var(--white-color); text-transform: capitalize; font-weight: 500; font-size: 15px; text-align: center; overflow: hidden; z-index: 1; transition: all .3s ease; display: inline-block; border-radius:12px; }
.cart-summary-btn .checkout-bnt:hover {background: var(--primary);}
.form-control:focus { border-color:var(--primary); box-shadow: none; }

/* Checkout Page Area CSS */
.coustomar-billing-details-wrap{ margin: 30px 0; }
.coustomar-billing-details-wrap h4{ font-size: 24px; line-height: 34px; }
.coustomar-billing-details-wrap label { font-size:14px; line-height:25px;}
.required { color: #E01020; font-size: 14px; line-height: 1; }
.coustomar-billing-details-wrap  .form-control::placeholder{ font-size: 14px;}
.coustomar-billing-details-wrap select{ padding:10px; font-size: 14px; display: block; width: 100%; font-weight: 400; line-height: 24px; color: #737373; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .25rem; }
.shipping-form-wrap .form-control{ font-size: 14px; line-height: 24px; border-radius:0; padding:10px;}
.checkout-terms-condition-area .custom-checkbox{ display: flex; align-items: start; margin-bottom: 10px; padding:10px; }
.checkout-terms-condition-area .custom-control-input{ margin: 5px 10px 0 0; }
.checkout-terms-condition-area h5{ font-size: 16px; line-height: 26px; font-weight: 500; margin-bottom: 5px; }
.checkout-terms-condition-area{ margin: 20px 0 30px 0; }
.checkout-order-summary-container{ position: sticky; top: 110px; overflow: hidden; padding:10px; border:4px solid var(--primary); margin-bottom: 20px; }
.checkout-order-summary-container h5 { font-size: 20px; margin-bottom: 20px; text-align: center;border-bottom: 1px solid #e5e5e5; padding-bottom: 10px;}
.checkout-order-summary-container .checkout-oder-sub-total-wrap{ border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 20px; }
.checkout-order-summary-container .checkout-oder-sub-total-wrap .checkout-oder-sub-total{ display: flex; justify-content: space-between; margin-bottom: 10px; }
.checkout-order-summary-container .checkout-oder-sub-total-wrap .checkout-oder-sub-total p{  font-size: 14px; line-height: 26px; }
.coupon-code-wrap label { font-size: 16px; line-height: 26px; margin-bottom: 8px; }
.coupon-code-body { margin-bottom: 20px; }
.coupon-code-wrap .btn.btn-coupon { border-radius: unset; font-size: 13px; padding: 4px 10px; height: 38px; background: var(--primary); color: #fff; }
.checkout-order-summary-container .Big-text{ font-size:20px!important; font-weight: 500; color: var(--primary);}
.mini-cart-action .view-cart-btn, .mini-cart-action .checkout-cart-btn { font-size: 13px; text-transform: uppercase; font-weight: 600; padding: 10px 20px; }
.checkout-checkout .checkout-cart-btn { background: var(--primary); color: #fff; width: 100%; font-weight: 500; border: 1px solid var(--primary); }
.checkout-checkout .checkout-cart-btn:hover{ background: #fff; border: 1px solid var(--primary); color: var(--primary); }
.checkout-delivery-info { margin-bottom: 20px; }
.checkout-delivery-info p { font-size: 12px; color: #8d8d8d; font-weight: 300; line-height: 18px; }
.biller-add-saveBtn{ margin-bottom: 50px; text-align: start; }
.checkout-delivery-info .form-check-input { width: 16px; height: 16px; margin-top: 8px; border: 1px solid var(--Secondary); }
.checkout-delivery-info .form-check-input:checked { background-color: var(--Secondary); border-color: var(--Secondary); }
.my-cart-checkout .checkout-cart-btn { background: var(--primary); color: #fff; font-weight: 500; border: 1px solid var(--primary); }
.my-cart-checkout .checkout-cart-btn:hover { background: #fff; border-color:var(--Secondary); color: var(--Secondary); }
.biller-add-saveBtn .btn { padding: 6px 50px; border-radius: 2px; border: none; color: #757575; background-color: #eff0f5; font-size: 16px; font-weight: 500; border: 1px solid #eff0f5; }
.biller-add-saveBtn .btn-save{ color: #fff; background: var(--primary); border: 1px solid var(--primary); }
.biller-add-saveBtn .btn-save:hover{ border: 1px solid var(--Secondary); background: #fff; color: var(--Secondary); }
.biller-add-saveBtn .btn-cancle:hover{ background: #a2a2a2; color: #fff; }
.coustomar-billing-details-wrap .form-control:focus{ box-shadow: unset; }
.payment-area{ display: block; }
.payment-area h5{ font-size: 16px; line-height: 20px; margin-bottom: 5px; }
.payment-area .custom-radio .form-check-input{ width: 16px; height: 16px; margin-top: 8px; border: 1px solid var(--Secondary); }
.payment-area .custom-radio .form-check-input:focus{ box-shadow: unset; }
.payment-area .custom-radio .form-check-input:checked{ background-color: var(--Secondary); border-color: var(--Secondary); }
.checkout-terms-condition-area .custom-checkbox .form-check-input{ width: 16px; height: 16px; margin-top: 8px; border: 1px solid var(--Secondary); }
.checkout-terms-condition-area .custom-checkbox .form-check-input:focus{ box-shadow: unset; }
.checkout-terms-condition-area .custom-checkbox .form-check-input:checked{background-color: var(--Secondary);border-color: var(--Secondary);}

.payment-option { border: 1px solid #eee; border-radius: 8px; margin-bottom:10px;padding:6px; }
.payment-option .check-wrap{display:flex;}
.payment-option input[type="radio"] { margin-right:10px;}
.card-input .form-control { margin-bottom:15px;}
.autofill-btn { position: absolute; right: 5px; top: 56%; font-size: 12px; }
.privacy-note { font-size: 0.875rem; color: #6c757d; }
.btn-order { width: 100%; background-color: var(--primary); color:var(--white-color); font-weight:700; }
.btn-order:hover { background-color: #218838; }
.required-star { color: red; }
.payment-option .text-muted { font-size: 14px;}
.credit-card-info, .paypal-info { display: none; }
.paypal-info p { font-size: 14px; margin-bottom: 20px; color: #6c757d; margin-left: 25px; }
.sidebar-payment-method .form-check-input {width:15px;height:15px;}
.sidebar-payment-method .form-check-input:checked { background-color:var(--primary); border-color:var(--primary); }

.different-address-info { display: none; }
.different-address-checkbox .form-check-input:checked { background-color:var(--primary); border-color:var(--primary); }
.different-address-checkbox label { font-size: 20px; font-weight: 700; }
.form-check-input:focus { box-shadow:none; }

/* inner-shop-details */
.inner-shop-details-content { padding-left: 20px; }
.inner-shop-details-img img { max-width: 100%; }
.inner-shop-details-img-wrap { margin-bottom: 15px; }
.inner-shop-details-nav-wrap .nav-tabs .nav-link { border: none; border-top-left-radius: 0; border-top-right-radius: 0; padding: 0; margin-bottom: 0; }
.inner-shop-details-nav-wrap .nav-tabs img { max-width: 100%; }
.inner-shop-details-nav-wrap .nav-tabs { border: none; flex-wrap: nowrap; margin-left: -7px; margin-right: -7px; }
.inner-shop-details-nav-wrap .nav-tabs .nav-item { padding-left: 7px; padding-right: 7px; }
.inner-shop-details-content .title { font-size: 30px; margin-bottom: 5px; font-weight: 700;line-height:1.4;}
.inner-shop-details-review { display: flex; align-items: center; }
.inner-shop-details-meta ul { display: flex; align-items: center; flex-wrap: wrap; }
.inner-shop-details-meta ul li { font-size: 16px; color: #777777; padding-right: 15px; margin-right: 15px; position: relative; margin-top: 11px; list-style:none; }
.inner-shop-details-meta ul li::before { content: "|"; position: absolute; right: -2px; top: 50%; transform: translateY(-50%); color: #dadada; }
.inner-shop-details-meta ul li:last-child::before { display: none; }
.inner-shop-details-meta ul li a,
.inner-shop-details-meta ul li span { color: #696868; font-weight: 500; }
.inner-shop-details-meta ul li.inner-shop-details-review .rating { font-size: 12px; letter-spacing: -1px; color: #ff9b26; margin-right: 8px; }
.inner-shop-details-price { display: flex; align-items: center; margin: 27px 0 23px; }
.inner-shop-details-price .price { font-size: 26px; font-weight: 700; line-height: .9; margin-bottom: 0; }
.inner-shop-details-price .stock-status { font-size: 12px; line-height: 1; margin-bottom: 0; font-weight: 900; margin-left: 15px; text-transform: uppercase; color: #4eb92d; }
.inner-shop-details-list { margin: 28px 0 32px; }
.inner-shop-details-list ul li { padding-left: 22px; position: relative; font-size: 15px; color: #777777; margin-top: 5px; font-weight: 500; list-style:none;}
.inner-shop-details-list ul li > span { color: #696868; margin-left: 5px; font-weight: 400; }
.inner-shop-details-list ul li::before { content: "\f0a9"; position: absolute; left: 0; top: 1.2px; font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--primary); font-size: 14px; }
.inner-shop-perched-info { display: flex; align-items: center; flex-wrap: wrap; }
.inner-shop-perched-info > .cart-btn { display: inline-flex; align-items: center; border: 1px solid var(--primary); background: var(--primary); border-radius: 5px; font-size: 13px; font-weight: 600; color: #fff; padding: 12px 16px; min-width: 145px; justify-content: center; margin-bottom: 12px; margin-right: 12px; text-transform: uppercase; text-decoration: none; }
.inner-shop-perched-info > .wishlist-btn { margin-bottom: 12px; height: 45px; width: 45px; text-align: center; line-height: 45px; background: var(--Secondary); color: #fff; border-radius: 5px; }
.inner-shop-perched-info > .wishlist-btn:hover { background:var(--primary); }
.inner-shop-perched-info > .cart-btn:hover { background: transparent; color: var(--primary); }

.inner-shop-perched-info .cart-btn.sold-out-cart{background:#aaa; color:var(--black-color);border:0;cursor: not-allowed;}

.inner-shop-details-bottom { margin-top: 23px; padding-top: 15px; border-top: 1px solid #ebebeb; }
.inner-shop-details-bottom ul li { display: flex; margin-bottom: 10px; color: #777777; font-size: 15px; align-items: center; }
.inner-shop-details-bottom ul li:last-child { margin-bottom: 0; }
.inner-shop-details-bottom ul li > span { font-weight: 500; margin-right: 5px; }
.inner-shop-details-bottom ul li a { color: #777777; margin-right: 3px; }
.inner-shop-details-bottom ul li a:hover { color: var(--primary); }
.product-desc-wrap { padding-top: 85px; }
.product-desc-wrap .nav-tabs { border-bottom: 1px solid #ebebeb; justify-content: flex-start; margin-bottom: 30px; }
.product-desc-wrap .nav-tabs .nav-link { border: none; border-radius: 0; background: transparent; color: #696868; padding: 0 0 12px; position: relative; font-size: 16px; font-weight: 700; }
.product-desc-wrap .nav-tabs .nav-link.active { color: #222222; }
.product-desc-wrap .nav-tabs .nav-item { margin: 0 55px 0 0; }
.product-desc-wrap .nav-tabs .nav-link::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: var(--primary); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; opacity: 0; }
.product-desc-wrap .nav-tabs .nav-link.active::after { opacity: 1; }
.product-desc-content table { margin-bottom: 0; }
.product-desc-content .title { font-size: 18px; font-weight: 700; margin-bottom: 13px; }
.product-desc-content p { font-size: 16px; margin-bottom: 25px; }
.product-desc-list { margin-bottom: -4px; }
.product-desc-list li { font-size: 16px; margin-bottom: 8px; position: relative; margin-left: 15px; }
.product-desc-list li::before { content: ""; position: absolute; left: -15px; height: 5px; width: 5px; background: #222222; top: 8px; border-radius: 50%; }
.product-desc-list li:last-child { margin-bottom: 0; }
.related-products-wrap .title { margin-bottom: 30px; font-size: 30px; text-transform: capitalize; }
.related-products-wrap .inner-shop-content .title { font-size: 20px; margin-bottom: 12px; }
.product-desc-content .table-sm td,
.product-desc-content .table-sm th { padding: 13px 25px; border: 1px solid #ebebeb; }
.product-desc-content .table-sm th { color: #222; font-size: 15px; font-weight: 700; text-transform: capitalize; }
.product-desc-content .table-sm td { color: #777777; font-weight: 500; font-style: italic; }
.product-desc-content h1, .product-desc-content h2, .product-desc-content h3, .product-desc-content h4, .product-desc-content h5, .product-desc-content h6 { line-height: unset; }
.reviews-comment .review-info { display: flex; align-items: flex-start; margin-bottom: 35px; }
.review-img { margin-right: 20px; /* width: 100px; flex: 0 0 100px;  */ }
.review-img img { border-radius: 50%; width: 100px;height: 100px;}
.review-rating li { color: #ff9b26; letter-spacing: -1px; font-size: 13px; margin-bottom: 7px; list-style:none;}
.review-meta h6 { color: #222; font-size: 16px; margin-bottom: 8px; }
.review-meta h6 span { color: #777777; font-size: 13px; font-weight: 400; margin-left: 5px; }
.reviews-comment .review-content p { margin-bottom: 0; }
.add-review .title { font-size: 22px; color: #222222; margin-bottom: 25px; font-weight: 600; font-family: 'Roboto', sans-serif; }
.add-review { margin-top: 55px; padding-top: 35px; border-top: 1px solid #ebebeb; }
.add-review form { padding:30px; background: #f5f5f5; }
.add-review p { font-size: 16px; }
.add-review p span { color: var(--primary); }
.add-review .from-grp { margin-bottom: 25px; } 
.add-review .from-grp label, .form-rating label { display: block; text-transform: capitalize; font-size: 15px; font-weight: 500; color: #222; margin-bottom: 6px; }
.add-review .from-grp label span { color: var(--primary); }
.add-review .from-grp input, .add-review .from-grp textarea { width: 100%; border: 1px solid #dfdfdf; padding:10px; display: block; border-radius:0; }
.add-review .checkbox-grp input { width: auto; margin-top: 3px; margin-right: 10px; }
.add-review .checkbox-grp label { margin-bottom: 0; }
.add-review .checkbox-grp { display: flex; }
.add-review .gradient-btn { background: var(--primary); background-size: 200% auto; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; color: #fff; border-radius: 50px; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 700; letter-spacing: 0; line-height: 1.4; margin-bottom: 0px; padding: 5px 5px 5px 35px; text-align: center; text-transform: capitalize; touch-action: manipulation; transition: all 0.3s ease 0s; vertical-align: middle; }
.add-review .gradient-btn i{ width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; color: #222222; background: #fff; margin-left: 25px; }
.add-review .gradient-btn:hover { color: #fff; background-position: right center; }
.form-rating { margin-bottom: 25px; display: flex; align-items: center; }
.form-rating label { font-size: 15px; text-transform: capitalize; margin-bottom: 0; margin-right: 10px; }
.form-rating ul li { transition: .3s linear; letter-spacing: -1px; display: inline-block; font-size: 14px; }
/* .form-rating ul li:hover { color: #ff9b26; } */
.form-rating i { color: #ccc; cursor: pointer; }
.form-rating i.selected { color: #f39c12;}

.add-review .from-grp textarea { height: 170px; }
.from-btn { background-image: linear-gradient(to right, rgb(255,86,0) 0%, rgb(255,167,5) 50%, rgb(255,86,0) 100%); }

.inner-shop-details-bottom #st-1 { z-index:100; }

/* cart-plus-minus  */
.product-quickview-quantity { display: flex; align-items: center; flex-wrap: wrap; }
.product-quickview-quantity > .q-title { display: block; font-size: 16px; font-weight: 600; color: #222222; margin-bottom: 11px; font-family: 'Poppins', sans-serif; width: 100%; flex: 0 0 100%; }
.quickview-cart-plus-minus { width: 116px; flex: 0 0 116px; margin-right: 12px; margin-bottom: 12px; }
.quickview-cart-plus-minus { position: relative; }
.quickview-cart-plus-minus input { width: 100%; border: 1px solid #e1e1e1; border-radius: 5px; height: 45px; text-align: center; padding: 0 30px; font-size: 14px; color: #282828; font-weight: 600; }
.quickview-cart-plus-minus .qtybutton { position: absolute; top: 0; left: 0; width: 31px; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; color: #696868; cursor: pointer; border-right: 1px solid #e1e1e1; user-select: none; -moz-user-select: none; }
.quickview-cart-plus-minus .qtybutton.inc { left: auto; right: 0; border-right: none; border-left: 1px solid #e1e1e1; }
.quickview-cart-plus-minus .qtybutton.dec { font-size: 18px; }
.product-quickview-quantity > .cart-btn { display: inline-flex; align-items: center; border: 1px solid #c9504a; background: #c9504a; border-radius: 5px; font-size: 13px; font-weight: 600; color: #fff; padding: 12px 16px; min-width: 145px; justify-content: center; margin-bottom: 12px; margin-right: 12px; text-transform: uppercase; }
.product-quickview-quantity > .cart-btn:hover { background: transparent; color: #c9504a; }
.product-quickview-quantity > .wishlist-btn { margin-bottom: 12px; height: 45px; width: 45px; text-align: center; line-height: 45px; background: #c9504a; color: #fff; border-radius: 5px; }
.product-quickview-quantity > .wishlist-btn:hover {background: #222;}

.detail-gallery { position: relative; }
.detail-gallery .zoom-icon { position: absolute; top: 20px; right: 20px; z-index: 2; font-size: 22px; color: var(--Secondary); cursor: pointer;}
.slider-nav-thumbnails .slick-list { margin: 0 -10px; }
.slider-nav-thumbnails .slick-slide { position: relative; border-radius: 15px; overflow: hidden; }
.slider-nav-thumbnails .slick-slide img { border-radius: 17px; width: 100%;}
.slider-nav-thumbnails .slick-slide.slick-current::before { border-bottom: 5px solid #333; border-left: 5px solid transparent; border-right: 5px solid transparent; content: ""; height: 0; left: 50%; margin-left: -5px; position: absolute; top: -6px; width: 0; }
.slider-nav-thumbnails .slick-slide.slick-current img { border: 2px solid var(--Secondary); }

.product-image-slider .slick-slide iframe { display: block; width: 100% !important; height: auto; aspect-ratio: 16 / 16; }

.slider-nav-thumbnails div.slick-slide { margin: 0 10px; }
/* .slider-nav-thumbnails button { opacity: 0; } */
.slider-nav-thumbnails button.slick-arrow { margin: 0; border: 0; background: var(--Secondary); border-radius: 40px; width:30px; height:30px; line-height:30px; font-size:16px; z-index: 9; color:var(--white-color); }
.slider-nav-thumbnails button.slick-arrow:hover {background-color:var(--primary); }
.slider-nav-thumbnails button.slick-prev { left:0; } 
.slider-nav-thumbnails button.slick-next { right:0; }
/* .slider-nav-thumbnails:hover button { opacity: 1; } */
.slider-nav-thumbnails .slick-prev, .slider-nav-thumbnails .slick-next { font-size: 12px; position: absolute; top: 50%; transform: translateY(-50%); }

.detail-gallery .product-image-slider { background-color: #fff; margin-bottom: 30px; border-radius: 15px; border: 1px solid #ddd; overflow: hidden; }
.detail-gallery .product-image-slider img { opacity: 1; border-radius: 16px; }
.detail-gallery .product-image-slider.slider-nav-thumbnails { background: none; border-radius: 0; }
.detail-gallery .product-image-slider button.slick-arrow { background: none; border: 0; padding: 0; font-size: 14px; }
.detail-gallery .product-image-slider button.slick-arrow i {color: #aaa;}

/* bundule-details-page */
.bundle-d-cart-plus-minus-and-list-wrap { margin-bottom: 35px; }
.bundle-details-cart-plus-minus-and-pro-list { display: flex; justify-content: space-between; align-items: center;margin-bottom: 10px; padding-bottom: 10px; }
.bundle-main-section{border-bottom: 1px solid #eee; margin-bottom: 20px;}
.bundle-details-cart-plus-minus-and-pro-list .quickview-cart-plus-minus{ margin:0; }
.bundle-d-product-img-text-wrap a { display: flex; align-items: center; gap: 10px; }
.bundle-d-product-img-text-wrap .dundle-d-product-img { width:55px; }
.dundle-d-product-list-text { width: 140px; }
.dundle-d-product-list-text h4 { font-size: 14px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.3s ease; }
.bundle-d-product-img-text-wrap:hover .dundle-d-product-list-text h4 { color: var(--primary); }
.bundle-details-cart-plus-minus-and-pro-list .bundle-d-price span { font-size: 14px; display: block; }
.bundle-details-cart-plus-minus-and-pro-list .bundle-d-price .old-price { text-decoration: line-through; }
.bundle-details-cart-plus-minus-and-pro-list .bundle-d-price .new-price{color: var(--Secondary);font-size:16px;font-weight: 600;}


/* .dashboard-page */
.dashboard-content h5 { font-size: 30px; text-align: center; line-height: 1; margin-top: 80px; margin-bottom: 50px; }
.dashorder-box { padding:20px; border: 2px solid #e7e7e7; text-align: center; }
.dashorder-box i { margin-bottom:20px; font-size:50px; color: var(--primary); transition: transform 0.35s; }
.dashorder-box:hover i { transform: scale(1.15); transition: transform 0.35s; }
.dashorder-box-content h3 { font-size: 16px; font-weight: 700; text-transform: uppercase; }
.dashorder-box-content span { font-size:35px; font-weight: 700; color: var(--Secondary); margin-top: 13px; display: inline-block; line-height: 1; }

/* order-page */
.dashboard-page { padding: 80px 0; }
.sidebar-wrap {  overflow: hidden; border: 1px solid #ddd;  }
.sdbar-profile-ph { text-align: center;margin:10px 0;}
.sdbar-profile-ph h5 { padding: 11px 0; font-size: 18px; color: var(--primary); }
.sdbar-profile-ph img { width:170px; height:170px; object-fit: cover; object-position: center; border-radius: 50%; border: 10px solid #eee; }
.sidebar { padding: 0; margin: 0;}
.sidebar li { list-style: none; padding: 10px 15px; border-top: 1px solid #ddd; }
/* .sidebar li:first-child {border-top:0;} */
.sidebar li a{ font-size: 16px; display: block; }
.sidebar li a:hover { color:var(--primary); }
.sidebar li a > i { margin-right: 10px; }
.sidebar .active a{ color: var(--primary); } 
.dash-heading h1 { font-size: 16px; letter-spacing: 2px; text-transform: uppercase; background: #c0f1d9; padding: 12px; margin-bottom: 15px; color: var(--black-color); }
.order-content table tr > th { font-size: 16px; text-transform: uppercase; text-align: center; }
.order-content tbody tr > th, td { font-size: 14px; text-align: center; height: 80px; vertical-align: middle; }
.order-content tbody .view-btn > a { background: #faebd7; color: #000; padding: 4px 10px; border-radius: 10px; width: 98px; display: inline-block; }
.order-content tbody .view-btn > a i{ color: var(--primary); }
.order-content tbody .view-btn .reorder-btn { background: #faebd7; color: #000; padding: 4px 10px; border-radius: 10px; width: 98px; display: inline-block; border: none; cursor: pointer; text-align: center;}
.order-content tbody .view-btn  .reorder-btn i { color: var(--primary); }


.status-bg-pn { background:yellow; color: var(--black-color); padding: 5px 15px; border-radius: 20px; }
.status-bg-succ{ background:green; color: var(--white-color); padding: 5px 15px; border-radius: 20px; }
.status-bg-canc{ background:red; color: var(--white-color); padding: 5px 15px; border-radius: 20px; }

.order-search-wrap {margin-bottom: 15px; display: flex; justify-content: space-between;}
.order-search-box {display: flex; gap: 10px;}
.order-search-box .order-search input{font-size: 14px;}
.order-search-box .order-search .input-group-text{background: var(--primary); color: var(--white-color);border:0;font-size: 14px;}
.order-search-box select{font-size:14px;}
.order-search-box .form-select:focus { border-color:var(--primary); box-shadow:none; }

/* people-page */
.upload-img { display: flex; align-items: center; border: 1px solid #dddd; padding: 5px; }
.upload-img img { background: #faebd7; border-radius: 50%; margin-right: 20px; }
.photo-upload { position: relative; max-width: 205px; }
.photo-upload .photo-edit { position: absolute; right: -280px; z-index: 1; top: 50%; transform: translate(-50%,-50%); }
.photo-upload .photo-edit input { display: none; }
.photo-upload .photo-edit input + label { display: inline-block; font-size: 14px; margin-bottom: 0; background: var(--primary); border: 1px solid transparent; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); cursor: pointer; font-weight: normal; transition: all 0.2s ease-in-out; color: #fff; padding: 5px 10px; }
.photo-upload .photo-edit input + label:hover { background:#000; color: #fff; }
.photo-upload .photo-preview{ width: 100px; height: 100px; position: relative; border-radius: 100%; border: 6px solid #F8F8F8; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); }
.photo-upload .photo-preview> div { width: 100%; height: 100%; border-radius: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.people-info { padding: 20px 15px 35px 15px; border: 1px solid #ddd; margin-top: 30px; }
.people-info label { font-size: 16px; }
.people-info input { padding: 10px; border-radius: 0; border-bottom: 1px solid var(--primary); }
.update-btn-wrap { padding: 10px; margin-top: 30px; }
.update-btn { background:var(--primary); padding: 5px 80px; font-size:16px; color: #fff; border-radius: 0; font-family: DIN Neuzeit Grotesk; letter-spacing: 2px; text-transform: uppercase; }
.update-btn:hover{ color: #fff; }

/* change-password */
.changPassw-content { padding: 25px 15px 38px 15px; border: 1px solid #ddd; }
.changPassw-content input{ padding: 10px; border-radius: 0; border-bottom: 1px solid var(--primary); }
.changPassw-content label { font-size: 16px; }
.SavePass-btn-wrap { padding: 10px; margin-top: 30px; }
.SavePass-btn { background:var(--primary); padding: 5px 80px; font-size:16px; color: #fff; border-radius: 0; font-family: DIN Neuzeit Grotesk; letter-spacing: 2px; text-transform: uppercase; }
.SavePass-btn:hover{ color: #fff; }

/* user-account-address */
.address-address-box-wrap .account-address-box { border: 1px solid var(--Secondary); padding: 15px; }
.address-address-box-wrap .account-address-bottom { display: flex; border: 1px solid var(--Secondary); border-top:0; padding: 12px 15px; background-color: #fff; gap: 24px; font-size: 14px; font-weight: 600; }
.address-address-box-wrap .account-address-box h6 { font-size: 18px; margin-bottom: 20px; color: var(--Secondary); }
.address-address-box-wrap .account-address-box ul li { list-style: none; font-size: 14px; margin: 10px 0; }
.account-address-bottom a > i { margin-right: 5px; }
.account-address-bottom a:hover{ color: var(--Secondary); }
.user-account-address-wrap .account-card-add { display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px dashed rgba(0, 0, 0, 0.3); padding: 35px; margin-top:30px; }
.user-account-address-wrap .account-card-add .account-address-add { width: 95px; height: 95px; border-radius: 50%; background-color: var(--primary); display: flex; align-items: center; justify-content: center; margin-bottom:20px; }
.user-account-address-wrap .account-card-add .account-address-add svg { fill: #fff; }
.user-account-address-wrap .account-card-add h4 { font-size: 20px; margin-bottom:20px; }
.user-account-address-wrap .account-card-add a { background: var(--Secondary); color: var(--white-color); font-size: 18px; text-transform: uppercase; padding: 5px 37px; border-radius: 0; border:1px solid transparent; }
.user-account-address-wrap .account-card-add a:hover{ background:var(--white-color); border-color: var(--primary); color: var(--primary); }

.add-address-btn-wrap a { background: var(--primary); color: var(--white-color); border-radius: 0; font-size: 14px; transition: all 0.3s ease; }
.add-address-btn-wrap a:hover { background: var(--white-color); border:1px solid var(--Secondary); color: var(--Secondary); } 

/* account-billing-address */
.account-billing-address-wrap{ border: 1px solid var(--gray);}
.account-billing-address-wrap label { font-size: 14px; font-weight: 600; }
.account-billing-address-wrap input{ font-size: 14px; padding:10px; border-radius: 0; }
.account-billing-address-wrap select{ font-size: 14px; padding:10px; border-radius: 0; }
.account-billing-address-wrap input::placeholder{ font-size: 14px; color:#888; }
.account-billing-address-wrap .form-select:focus { border-color:#ced4da; box-shadow:none; }
.account-billing-address-wrap .form-select { font-size: 14px; }
.account-billing-address-wrap .account-billing-btn a { background: var(--primary); color: var(--white-color); font-size: 14px; font-weight: 500; text-transform: uppercase; border-radius: 0; border:1px solid transparent; }
.account-billing-address-wrap .account-billing-btn a:hover{ background: var(--white-color); color: var(--Secondary); border-color: var(--Secondary); }

.most-popular-product-area {
    padding-bottom:50px;
}

/* Login CSS */
.login-page-area{margin: 50px 0 100px 0;}
.form-control:focus{box-shadow: unset;border: 1px solid var(--primary);}
.log-in-box { padding: 40px; border-radius: 0.5rem; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 5px 12px -2px rgba(0, 0, 0, 0.1), 0px 18px 36px -6px rgba(0, 0, 0, 0.1); overflow: hidden; }
.log-in-box .form-control::placeholder{ font-size: 16px; }
.log-in-box .form-control { border:1px solid #FB914B82; font-size:18px;height: 55px;}
.log-in-box .forgot-box { align-items:center; display:flex; justify-content:space-between; }
.log-in-box .forgot-box div input { vertical-align:-5px }
.log-in-box .forgot-box div label { cursor:pointer; font-size: 16px;margin-left: 4px; margin-bottom:0 }
.log-in-box .forgot-box div label span { font-size:13px }
.log-in-box .forgot-box a, .log-in-box .forgot-box div label span { color:var(--Secondary); font-weight:500; font-size:14px; }
.log-in-box .login { background: var(--primary); border-radius: 4px; width: 100%; font-weight: 600; padding:7px; font-size: 17px; color: var(--white-color); transition: all 0.3s ease;}
.log-in-box .login:hover{background: var(--Secondary);}
.log-in-title { margin-bottom:30px;background: #eee; padding: 14px; }
.log-in-title h4 { line-height: 24px; margin-bottom: 0; text-align: center; font-size:24px; }
.other-log-in { margin:20px 0 0; position:relative; text-align:center }
.other-log-in:before { background-color:#cacaca; content:""; height:1px; left:0; position:absolute; top:50%; transform:translateY(-50%); width:100% }
.other-log-in h6 {font-size: 16px; background-color:var(--white-color); color:var(--black-color); display:inline-block; margin-bottom:0; padding:0 16px; position:relative }
.log-in-button { margin-top:20px; margin-bottom: 20px; text-align:center }
.log-in-button ul { align-items:center; display:flex; gap:12px; margin:0 auto;padding-left: 0; }
.log-in-button ul li { align-items:center; background-color:transparent; border:1px solid var(--primary); border-radius:4px; display:flex; height:40px; justify-content:center; transition:all .4s ease-in-out; width:100% }
.log-in-button ul li a { font-weight:500 }
.log-in-button ul li a, .log-in-button ul li a i { color:var(--primary); font-size:15px; transition:all .2s ease-in-out; }
.log-in-button ul li:hover { border: 1px solid var(--Secondary);}
.log-in-button ul li:hover a, .log-in-button ul li:hover a i { color:var(--Secondary);}
.sign-up-box { text-align: center; margin-top: 20px; display: flex; justify-content: center; align-items: center; }
.sign-up-box p { font-size:14px; }
.sign-up-box a { color:var(--Secondary);font-weight:500;font-size: 14px; margin-left: 4px;}
.forgot-box .form-check-input:checked { background-color: var(--primary);border-color:var(--primary);}
.forgot-box .form-check-input:focus {border-color:var(--primary);box-shadow:none;}


/* Registration CSS */
.registration-page-area{ margin: 50px 0 100px 0; }
.regi-title { margin-bottom:50px;background: #eee; padding: 14px; }
.regi-title h4 { line-height: 24px; margin-bottom: 0; text-align: center; font-size:24px; }
.regi-box{ padding: 40px; border-radius: 0.5rem; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 5px 12px -2px rgba(0, 0, 0, 0.1), 0px 18px 36px -6px rgba(0, 0, 0, 0.1); overflow: hidden; }
.user_details{ display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; }
.user_details .input_box{ width: calc(100% / 2 - 20px); margin: 0 0 12px 0; }
.input_box label{ font-weight: 500; margin-bottom: 5px; display: block; font-size: 16px; }
.input_box label::after{ content: " *"; color: red; }
.input_box input{ width: 100%; height: 45px; border: none; outline: none; border-radius: 5px; font-size: 14px; padding-left: 15px; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); background-color: #f6f8fa; transition: all 120ms ease-out 0s; }
.input_box input:focus, .input_box input:valid{ box-shadow: 0px 0px 0px 2px #FB914B; }
.reg_btn{ margin: 30px 0 10px 0; }
.reg_btn input{ height: 45px; width: 100%; border: none; font-size: 18px; font-weight: 500; cursor: pointer; background:var(--primary); border-radius: 5px; color: #ffffff; letter-spacing: 1px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); border: 1px solid var(--primary); }
.reg_btn input:hover{ border: 1px solid var(--Secondary); background: var(--Secondary); transition: all 0.3s ease-in-out; }

/* wishlist*/
.wishlist-page { margin-top: 50px; }
.my-cart-item-details-wrap { border: 1px solid #f1f1f1; margin-bottom: 15px; }
.cart-item-innerBox { display: flex; padding: 20px 10px; gap: 20px; align-items: center; }
.cart-item-innerBox-left { display: flex; align-items: center;}
.cart-img-item { position: relative; float: left; width: 100px; margin-right: 12px; }
.cart-img-item img { width: 100%; height: auto; }
.cart-item-contentBox { display: inline-block; width: 328px; position: relative; }
.cart-item-contentBox h5 { font-size: 18px; line-height: 28px; font-weight: 400; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.cart-item-contentBox h5:hover a{color: var(--primary);}
.cart-item-link-meta span { font-size: 14px; color: #8d8d8d; }
.cart-item-link-meta span:hover { text-decoration: underline; }
.cart-item-inner-price-quantity { display: flex; justify-content: space-around; width: 100%; }
.cart-item-middle .cart-price span { font-size: 20px; line-height: 30px; color: var(--Secondary); }
.cart-item-middle .old-price { font-size: 16px !important; color: #8d8d8d !important; text-decoration: line-through; margin-right: 0; letter-spacing: 0.005em; }
.cart-item-contentBox-Right { display: flex; align-items: center; gap: 30px; }
.automation-btn-delete a { font-size: 14px; }
.automation-btn-delete i { font-size: 14px; color:red;margin-right:5px;}
.cart-item-contentBox-Right .product-cart {background: var(--primary);color: #fff;font-size: 14px;border-radius:0; border:1px solid var(--primary); transition: all 0.3s ease;}
.cart-item-contentBox-Right .product-cart:hover {background: var(--white-color); border-color: var(--Secondary);color: var(--Secondary);}
.cart-item-contentBox-Right .product-cart i{margin-right:10px;}

/* number-no-one-area */
.number-no-one-content-area .number-no-text-wrap p{font-size:20px; margin-bottom:20px;line-height:1.6;}
.number-no-img-wrap { margin-top: 30px; padding:0 100px; }

.partner-slider-area{margin-bottom:70px;}
.partner-slider-wrap .priv_arrow { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer; }
.partner-slider-wrap .next_arrow{ position: absolute; right:0; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer; }
.partner-slider-wrap .priv_arrow i, .partner-slider-wrap .next_arrow i { background: var(--Secondary); color: var(--white-color); font-size: 14px; height: 30px; width: 30px; line-height: 30px; text-align: center; border-radius: 50%; }
.partner-slider-wrap .slick-slide{ margin-left:15px; margin-right:15px;}
.partner-slider-wrap  .slick-list { margin-left:-15px; margin-right:-15px;}
.partner-img {border: 1px solid var(--primary);}


/* Contact Page*/
.contact-page-area { margin: 50px 0 100px 0; position: relative; }
.contact-page-area::before { content: ""; background: #E7F1F4; width: 100%; height: 100%; position: absolute; top: 110px; }
.contact-page-wrapper { position: relative; z-index:1;}
.contact-page-title { margin-bottom: 20px; }
.contact-page-title h3 { font-size: 26px; line-height: 36px; margin-bottom: 6px; }
.contact-page-title p { font-size: 16px; line-height: 26px; color: #333; }
.contact-page-infoBox { margin-bottom: 50px; }
.contact-page-infoCard { background: #fff; padding: 30px 20px; border-radius: 20px; text-align: center; width: 100%; border: 1px solid #03753b3d; }
.contact-page-infoCard i { font-size: 25px; margin-bottom: 16px; background: var(--primary); width: 50px; height: 50px; color: var(--white-color); line-height: 50px; border-radius: 50%; }
.contact-page-infoCard h5 { font-size: 22px; line-height: 32px; margin-bottom: 6px; color: #000; }
.contact-page-infoCard p { font-size: 16px; line-height: 26px; color: #333; }
.contact-from { padding:30px; border-radius: 20px; }
.contact-from .form-group { margin-bottom: 25px; }
.contact-from .form-group input, textarea.form-control { background: unset; border: 0; width: 100%; font-size: 14px; line-height: 20px; border-radius:10px;border: 1px solid var(--primary); }
.contact-from .form-group input { padding:15px;}
.contact-from .form-group input:focus, textarea.form-control:focus, .contact-from .form-control:focus { background: unset; border-color:var(--Secondary); outline: none; }
.contact-from .form-control::placeholder { font-size:16px; opacity: 1; }
.contact-from .form-control.form-icons, textarea.form-control.form-icons { padding-left: 42px; }
.submitBtn { background: var(--Secondary); color: #fff; border-radius: 50px; padding: 10px 30px; }
.submitBtn:hover { color: var(--Secondary); background: var(--primary); transition: 0.3s; }
.contact-page-map { margin-top: 30px; }
.capcacha-wap input { padding: 10px !important; width: 50% !important; border-radius: 0 !important; }
.capcacha-wap .btn-group-sm > .btn, .btn-sm { padding: 0px 10px; margin-left: 20px; background: var(--primary); color: var(--Secondary); font-size: 28px; }

/* header-user-profile */
.user-area{width:40px;height:40px;}
.user-logininfo{position: relative;}
.user-btn{cursor:pointer;}
.user-btn img { width:25px; height:25px; border-radius: 50%; }
.user-profile { position: absolute; right:0; top: 100%; width: 230px; color:var(--black-color); height: auto; background:var(--white-color);border:1px solid var(--gray-color); z-index: 9; transition: 0.3s; opacity: 0; visibility: hidden; }
.info{opacity:1;visibility:visible;}
.user-name { padding: 10px 15px; display: flex; align-items: center; gap: 10px; }
.user-login-img img { width: 50px; border-radius: 50%; height: 50px; object-fit: cover; object-position: center; border: 5px solid var(--gray-color); }
.user-name h5{font-size:15px;color: var(--primary);}
.user-iteme-wrapper{border-top:1px solid var(--gray-color);}
.user-iteme-wrapper ul{margin:0;padding:10px 0;}
.user-iteme-wrapper ul li{list-style:none;padding:0 10px;}
.user-iteme-wrapper ul li a{font-size:14px;color:var(--primary);padding:8px 10px; display:block;}
.user-iteme-wrapper ul li a:hover{background:var(--gray-color);color:var(--Secondary);}
.user-iteme-wrapper ul li a > i{margin-right:5px; width:20px;text-align: center;}
.user-iteme-wrapper ul li:last-child{border-top:1px solid var(--gray-color);margin-top:10px;padding-top:10px;}
.user-iteme-wrapper ul li:last-child a{font-size:15px;}

/* mobile-menu-area  */
.mobile-menu-area { z-index: 99; width: 100%; transition: all linear 0.2s; }
.mobile-menu-area .mobile-topbar { width: 100%; padding: 10px 0; }
.mobile-menu-area .mobile-topbar .bars i { width: 35px; height: 35px; background-color: transparent; border: 1px solid var(--white-color); color: var(--white-color); font-size: 20px; text-align: center; line-height: 35px; border-radius: 3px; cursor: pointer; transition: var(--transision); }
.mobile-menu-area .mobile-topbar .bars i:hover { background-color: var(--black-color); border-color: var(--black-color); }
.mobile-menu-area .mobile-topbar .icon i { width: 45px; height: 45px; background-color: var(--white-color); border-radius: 50%; text-align: center; line-height: 45px; font-size: 16px; cursor: pointer; transition: all linear 0.2s; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }
.mobile-menu-area .mobile-topbar .icon i:hover { background-color: var(--primary); color: var(--white-color); border-color: var(--primary); }
.mobile-menu-area .mobile-menu-overlay { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; z-index: 99; }
.mobile-menu-area .mobile-menu-main { width: 320px; height: 100%; background-color: var(--white-color); position: fixed; top: 0; right: -320px; z-index: 99; overflow-y: scroll; transition-duration: 0.3s; }
.mobile-menu-area .mobile-menu-main .logo { padding: 20px; }
.mobile-menu-area .mobile-menu-main .close-mobile-menu { position: absolute; top:20px; right: 10px; }
.mobile-menu-area .mobile-menu-main .close-mobile-menu i { width: 40px; height: 40px; text-align: center; line-height: 40px; color: var(--black-color); font-size: 17px; cursor: pointer; transition: all linear 0.2s; transition: var(--transision); }
.mobile-menu-area .mobile-menu-main .close-mobile-menu i:hover { color: var(--primary); }
.mobile-menu-area .mobile-menu-main .menu-body .menu-list { padding-top: 10px; }
.mobile-menu-area .mobile-menu-main .menu-body .menu-list ul li a { font-size: 14px; font-weight: 500; color: var(--black-color); width: 100%; padding: 10px 20px; line-height:1.8; padding-right: 10px; transition: all linear 0.2s; display: flex; justify-content: space-between; align-items: center; }
.mobile-menu-area .mobile-menu-main .menu-body .menu-list ul li a:hover { color: var(--primary); }
.mobile-menu-area .mobile-menu-main .menu-body .menu-list ul li a i { width: 32px; height: 32px; background-color: var(--white-color); text-align: center; line-height: 32px; font-size: 12px; border-radius: 3px; background-color: var(--section-background); transition: all linear 0.2s; }
.mobile-menu-area .mobile-menu-main .menu-body .menu-list ul li a:hover i { background-color: var(--primary); color: var(--white-color); }
.mobile-menu-area .mobile-menu-main .menu-body .menu-list ul li ul { padding-left: 0; display: none; }
.mobile-menu-area .mobile-menu-main .menu-body .menu-list ul li ul a { padding: 10px 20px; padding-left: 30px; }
.mobile-menu-area .mobile-menu-main .menu-body .menu-list ul li ul li:last-child a { border-bottom: 0; }
.mobile-menu-area .mobile-menu-main .menu-body .social-icon ul li { display: inline-block; }
.mobile-menu-area .mobile-menu-main .social-icon { padding: 20px; text-align: center; }
.mobile-menu-area .mobile-menu-main .social-icon ul li { display: inline-block; margin: 0 4px; }
.mobile-menu-area .mobile-menu-main .social-icon ul li a { width: 36px; height: 36px; color: var(--primary); text-align: center; line-height: 36px; border-radius: 3px; border: 1px solid var(--primary); display: inline-block; }
.mobile-menu-area .mobile-menu-main .social-icon ul li a:hover { background-color: var(--primary); color: var(--white-color); border-color: var(--primary); }
.mobile-menu-overlay { transition-duration: 0.3s; visibility: hidden; opacity: 0; }
.mobile-menu-overlay.active { visibility: visible; opacity: 1; }
.mobile-menu-main.active { right: 0 !important; }
.mobile-menu-area .mobile-menu-search { padding: 0 20px 16px; }
.mobile-menu-area .mobile-menu-search input { width: 100%; height: 45px; border: 1px solid var(--primary); border-radius: 5px; padding: 0 20px; transition: var(--transision); background-color: var(--section-background); }
.mobile-menu-area .mobile-menu-search input:focus { border-color: var(--black-color); }
.mobile-menu-area .mobile-menu-search .input-groups button { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); background-color: transparent; border: 0; }
.mobile-menu-area .menu-action-btn { padding: 20px; }
.mobile-menu-area .menu-action-btn a { font-weight: 700; font-family: var(--link-font-family); color: var(--white-color); background-color: var(--primary); padding: 12px 30px; border-radius: 5px; width: 100%; text-align: center; }
.mobile-menu-area .menu-action-btn a:hover { background-color: var(--black-color); }
.mobile-menu-area .menu-action-btn a i { font-size: 14px; margin-left: 8px; }
.mobile-menu-area .accordion-click { color: var(--primary-bg-color); width: 40px; text-align: center; height: 100%; display: inline-block; padding: 5px; }
.mobile-menu-area .sub-menu-mobile-link { display: flex; justify-content: space-between; align-items: center; }
.mobile-menu-area .mobile-menu-main .menu-body .menu-list ul li .sub-menu-mobile-link a { color: var(--black); font-weight: 700; font-size: 14px; width: 100%; border-right: 1px solid #d8770a54; }
.mobile-menu-area .sub-mobile-menu { border: 1px solid #d8770a54; margin: 10px 0; }
.mobile-menu-area .menu-body { padding: 0 20px; }
.mobile-menu-area .mobile-menu-main .menu-body .menu-list ul li ul li { border-top: 1px solid #d8770a54; }
.mobile-topbar .logo img { width: 120px; }
.mobile-topbar .cart-login-wrap > ul {gap: 15px;}
.mobile-topbar .cart-login-wrap > ul li {font-size: 16px;}
.mobile-topbar .cart-login-wrap > ul > li > a { color: var(--white-color); }
.mobile-menu-main .logo img { width: 150px; }

/* privacy-policy */
.privacy-policy-page h1, .privacy-policy-page h2, .privacy-policy-page h3 { font-size: 26px; margin-bottom: 15px; line-height:1.6; }
.privacy-policy-page p { margin-bottom:20px; }
.privacy-policy-page ul { margin-bottom: 15px; padding-left: 20px; }
.privacy-policy-page ul li{font-size:16px;margin:10px 0;}
.privacy-policy-page a {color: var(--primary);}

/* forgot-password */
.forgot-password-page { margin-top: 50px; }
.feature-box{ border-bottom: 1px solid #dfdfdf; border-left: 1px solid #ececec; border-right: 1px solid #ececec; box-shadow: 0 2px 4px 0px rgba(0,0,0,0.05); }
.feature-box .feature-box-content { border-top: 4px solid var(--primary); padding: 30px 20px 10px 20px; }
.feature-box-content p { margin-bottom: 20px; }
.feature-box-content label { margin-bottom:10px; color: inherit; font-size: 14px; }
.feature-box-content .form-footer { display: flex; align-items: center; justify-content: space-between; margin-top:20px; font-size:16px; }
.feature-box-content .form-footer a{color: var(--Secondary);}
.feature-box-content .form-footer-btn { background: var(--primary); color: var(--white-color); padding: 7px 15px; font-size: 15px; }
.feature-box-content span{font-size: 14px; color: var(--primary);}

/* Category side sticky menu */
.category-filter-wrap .sidemenu-sticky{z-index:999999;position:fixed;top:174px;overflow:hidden;}
.sidemenu-sticky .sidemenu-sticky-d-none{display:none;}
.category-filter-wrap{display:flex;gap:10px;align-items:center;}
.category-filter-wrap .btn-primary{background-color:var(--primary);border:var(--primary);}
.category-filter-wrap .offcanvas-start{width:280px;}
.category-filter-wrap .btn-close{background-image:unset;font-size:24px;opacity:0.8; margin: -.5rem -.5rem -.5rem auto; }
.category-filter-wrap .btn-close i{color:var(--primary);}
.category-filter-wrap .sidemenu-sticky .offcanvas-header{padding:10px ;}
.category-filter-wrap .category-list{margin-top: 20px;}

/* footer-area */
.footer-area { background:#1C2127; padding-top: 70px; margin-top:50px; }
.Footer-logo { margin-bottom: 20px; }
.Footer-logo img { width: 250px; }
.footer-info address>p ,.footer-info address>a{ font-size: 14px; margin-top:8px; color: var(--white-color); display: block; }
.footer-info h5 { font-size: 18px; color: var(--white-color); margin-bottom:20px; }
.footer-info ul li{ list-style: none; margin-bottom:10px; }
.footer-info ul li a{ color: var(--white-color); font-size: 14px; transition: all 0.3s ease; }
.footer-info ul li a:hover{ color: var(--primary); }
.footer-info p { font-size: 14px; color: var(--white-color); }
.subcription .subcription-fill input { margin: 10px 0; }
.subcription .btn { background: var(--primary); color: var(--white-color); padding: 8px; text-transform: uppercase; font-size: 15px; width: 100%; }
.footer-bottom { padding:18px 0; margin-top:30px; border-top: 1px solid var(--white-color); }
.footer-bottom .copy-right p{ color: var(--white-color); font-size: 14px; text-align: center; }
.footer-bottom .copy-right p>a{ color: var(--white-color); }


/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
}

/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	.offer-segment-text { margin-top: 18px; }
	.brand-area { display: none; }
	.special-product-wrap { margin-bottom: 50px; }
	.sidebar-product-banner { display: none; }
	.footer-info { margin-bottom: 50px; }
	.contact-page-infoCard { margin-bottom: 24px; }
	.order-search-wrap { gap: 10px; }
	.page-counter h6 { font-size: 14px; margin-bottom: 10px; margin-left: 54px; }
	.page-counter p { margin-bottom: 20px; }
	
	.sidemenu-sticky .sidemenu-sticky-d-none { display: block; }
}

/* Extra small Device. */
@media (max-width: 767px) {
	.hero-area { padding-bottom: 10px; }
	.hero-slider .priv_arrow i, .hero-slider .next_arrow i { font-size: 15px; }
	.hero-slider .priv_arrow i { border-radius: 0 30px 30px 0; }
	.hero-slider .next_arrow i { border-radius: 30px 0 0 30px; }
	.offer-segment-text {margin-top:18px;}
	.brand-area {display: none;}
	.new-arrivals-area .col-6:nth-last-child(-n+2) .common-product-box{margin-bottom:0;}
	.special-product-wrap { margin-bottom: 20px; }
	.sidebar-product-banner { display: none; }
	.info-box-wrap .col-lg-3{ border-right: 0; justify-content: start !important; margin:0; padding: 15px 10px; }
	.info-box-wrap .col-lg-3:not(:last-child) { border-bottom: 1px solid #e7e7e7; }
	.footer-info { margin-bottom:40px;}
	.product-desc-wrap .nav-tabs .nav-item { margin-top: 15px; }
	.inner-shop-details-content {padding-left:0;}
	.dundle-d-product-list-text { width: 115px; }
	.cart-page-wrap {margin-bottom:30px;}
	.user_details .input_box{ width: 100%; }
	.cart-item-innerBox { gap: 20px; flex-wrap: wrap; }
	.contact-page-infoCard { margin-bottom: 24px; }
	.dashboard-page {padding: 30px 0;}
	.sidebar-wrap {margin-bottom:30px;}
	.order-search-wrap { flex-wrap: wrap; gap: 15px; }
	.order-search-box { width: 100%; }
	.order-search { width: 100%; }
	.address-address-box-wrap { margin-bottom: 20px; }
	.page-counter h6 { font-size: 14px; margin-bottom: 10px; margin-left: 54px; }
	.page-counter p { margin-bottom: 20px; }
	.sidemenu-sticky .sidemenu-sticky-d-none { display: block; }
	.new-arrivals-area { padding: 20px 0; }
	.top-rated-area { padding-top: 0px; }
	.special-products-area { padding: 20px 0; }
	.bundle-area { padding: 0px 0px 20px 0; }
}

/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.product-desc-wrap .nav-tabs .nav-item { margin-top:0; }
}