@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

body {
	font-family: "Outfit", sans-serif;
}
h1 , h2 , h3 , h4 , h5 , h6{
	font-family: "Oswald", sans-serif;
}
p {
	margin: 0;
}
/* IMP CLASSES */
.no-scrollbar {
	scrollbar-width: none;
	/* Hide scrollbar */
}
/* IMP CLASSES */
/* ADD-TO-CARD SIDEBAR */
.shopping-card {
	cursor: pointer;
}
body {
	overflow-x: hidden;
}
.slider-right .swiper {
	direction: rtl;
}
.slider-right .swiper-wrapper {
	display: flex;
}
.tabs {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style-type: none;
	padding: 0;
	margin-bottom: 20px;
	gap: 15px;
}
.tabs li{
	text-align: center;
	padding: 10px 25px;
	cursor: pointer;
	transition: background-color 0.3s;
	color: #767676;
	text-transform: uppercase;
	transition: 0.3s ease-in-out;
	border-bottom: 2px solid transparent;
}
.tabs li:hover {
	border-color: #000;
	color: #000;
}
.tabs li.active {
	border-color: #000;
	color: #000;
}
.tabs-content {
	display: none; 
}
.tabs-content.active {
	display: block; 
}
.no-products-msg { 
	text-align: center;
	font-size: 16px;
	color: #777; 
}
.tab-btn-wrap{
	margin-top: 20px;
}
.tab-btn{
	background-color: #2c4b79;
	display: flex;
	align-items: center;
	gap: 7px;
	max-width: max-content;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	border-radius: 25px;
	padding: 4px 4px 4px 15px;
	text-decoration: none;
	margin: auto;
}
.tab-btn i {
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 50%;
	background-color: #fff;
	color: #2c4b79;
	transform: rotate(-45deg);
}
/* header usps */
.header_usps .wrap {
	max-width: 1280px;
	padding: 10px;
	text-align: center;
	margin: 0 auto;
}
.usps_card {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}
.usps_card_img img {
	max-width: 100%;
}
.usps_card_content h6 {
	font-size: 12px;
	color: #000;
	margin: 0;
	transition: 0.3s ease-in-out;
}
.usps_card_content h6:hover {
	color: #3665E0;
}
.usps_card_content p {
	font-size: 11px;
	color: #333;
	margin: 0;
	font-weight: 300;
}
/* tabs_products */
.tabs_products {
	padding: 60px 0;
}
/* mega menu */
.nav-links {
	width: 100%;
	position: relative;
}
.nav-links ul {
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.nav-links ul .nav_link_item .parent_cat {
	display: block;
	text-decoration: none;
	padding: 8px 17px 8px 10px;
	position: relative;
}
.sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 100%;
	padding: 20px;
	border-radius: 15px;
	background-color: #fff;
	box-shadow: 0 15px 15px 0 rgba(0, 0, 0, .1);
	visibility: hidden;
	opacity: 0;
	transition: 0.3s ease;
}
.nav-links ul .nav_link_item.has_submenu:hover .sub-menu {
	visibility: visible;
	opacity: 1;
}
.nav-links ul .nav_link_item.has_submenu .parent_cat::before {
	content: '\f107';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #fff;
}
.sub-menu .subcategory_list {
	padding: 0 15px;
}
.sub-menu .subcategory_list ul {
	padding-left: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: start;
}
.sub-menu .subcategory_list ul li a {
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	color: #000 !important;

}
.subcategory_card {
	margin-bottom: 20px;
}
.subcategory_card_img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.subcategory_card_img {
	border-radius: 15px;
	overflow: hidden;
}
.subcategory_card_title a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	text-decoration: none;
}
.subcategory_card_title a h6 {
	margin: 0;
	font-size: 16px;
	color: #000;
	font-weight: 600;
}
/* headline */
.scrolling_text {
	width: 100%;
	overflow: hidden;
	display: flex;
	white-space: nowrap;
}
.text {
	text-transform: uppercase;
	animation: animate_text 100s linear infinite;
}
.text span {
	margin: 0 40px;
}
@keyframes animate_text {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-100%, 0, 0);
	}
}
.add-to-card-sidebar .empty-area {
	padding: 20px;
}
.add-to-card-sidebar .empty-wishlist i {
	font-size: 65px;
	color: #2c4b79;
	padding: 12px 0;
}
.add-to-card-sidebar .empty-wishlist h3 {
	font-size: 22px;
	font-weight: 600;
	color: #191919;
}
.add-to-card-sidebar{
	padding: 20px;
}
.add-to-card-sidebar .continue-shopping a {
	display: flex;
	justify-content: center;
	align-items: end;
	padding: 16px;
	background-color: #2c4b79;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	border-radius: 20px;
}
.add-to-card-sidebar .empty-wishlist {
	text-align: center;
	display: flex;
	height: 75vh;
	width: 100%;
	justify-content: center;
	align-items: center;
}
.add-to-card-sidebar .add-to-cart-header {
	background-color: #2c4b79;
	color: white;
}
.add-to-card-sidebar .add-to-cart-header {
	background-color: #2c4b79;
}
.add-to-card-sidebar .cart-products {
	margin: 30px 0 0 0;
}
.add-to-card-sidebar .cart-products .cart-product .product-content .product-title a:hover {
	color: #2c4b79 !important;
}
.add-to-card-sidebar .cart-products .cart-product .product-content .product-title h6 {
	font-size: 18px;
	font-weight: 600;
}
.add-to-card-sidebar .cart-products .cart-product .product-content .product-title h6 a {
	transition: color 0.3s ease;
	text-decoration: none;
	color: #191919;
}
.add-to-card-sidebar .cart-products .cart-product .product-content .product-reviews {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	height: 60px;
}
.add-to-card-sidebar .cart-products .cart-product .product-content .product-reviews .product-reviews-sys {
	display: flex;
	font-size: 14px;
}
.add-to-card-sidebar .cart-products .cart-product .product-content .product-reviews .price p {
	font-size: 16px;
	font-weight: 600;
}
.add-to-card-sidebar .cart-products .cart-product .add-product {
	display: flex;
	flex-direction: column;
	height: 80px;
	justify-content: space-between;
	align-items: end;
}
.add-to-card-sidebar .cart-products .cart-product .add-product .wish-heart {
	color: #bdbdbd;
	font-size: 18px;
}
.add-to-card-sidebar .cart-products .cart-product .add-product .active {
	color: #2c4b79;
	font-size: 18px;
}
.add-to-card-sidebar .cart-products .cart-product .add-product .product-inc-dec input {
	width: 35px;
	height: 25px;
	border: none;
	background-color: #fff;
}
.add-to-card-sidebar .cart-products .cart-product .add-product .product-inc-dec button {
	width: 25px;
	height: 25px;
	border: none;
	background-color: #fff;
}
.add-to-card-sidebar .cart-products .cart-product .add-product .product-inc-dec {
	display: flex;
	background-color: #fff;
	border: 2px solid #eeeeee;
	padding: 2px;
	border-radius: 5px;
	justify-content: center;
}
.add-to-card-sidebar .summary-total {
	position: sticky;
	bottom: 0px;
}
.add-to-card-sidebar .summary-total .summary {
	background-color: #f8f8f8;
	box-shadow: 0px 0px 11px -2px rgba(0, 0, 0, 1);
	-webkit-box-shadow: 0px 0px 11px -2px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 0px 11px -2px rgba(0, 0, 0, 1);
	padding: 20px;
}
.add-to-card-sidebar .summary-total .summary h6 {
	font-size: 18px;
	font-weight: 700;
}
.add-to-card-sidebar .summary-total .summary .sub-total,
.add-to-card-sidebar .summary-total .summary .taxes,
.add-to-card-sidebar .summary-total .summary .shipping,
.add-to-card-sidebar .summary-total .summary .total {
	display: flex;
	justify-content: space-between;
	padding: 4px 0;
	font-size: 16px;
}
.add-to-card-sidebar .summary-total .summary .total .total-price {
	font-size: 19px;
	font-weight: 600;
}
.add-to-card-sidebar .summary-total .summary .check-out-btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 20px;
	margin: 10px 0;
	text-decoration: none;
	border-radius: 20px;
	background-color: #2c4b79;
	color: #fff;
	transition: background-color 0.3s ease;
}
.add-to-card-sidebar .summary-total .summary .check-out-btn a:hover {
	background-color: #191919;
}
/* ADD-TO-CARD SIDEBAR */
.wishlist-sidebar .empty-wishlist i {
	font-size: 65px;
	color: #2c4b79;
	padding: 12px 0;
}
.wishlist-sidebar .empty-wishlist h3 {
	font-size: 22px;
	font-weight: 600;
	color: #191919;
}
.wishlist-sidebar .empty-wishlist {
	text-align: center;
	display: flex;
	height: 85vh;
	width: 100%;
	justify-content: center;
	align-items: center;
}
.wishlist-sidebar .wishlist-header {
	background-color: #2c4b79;
	color: white;
}
.wishlist-sidebar .wishlist-header {
	background-color: #2c4b79;
}
.wishlist-sidebar .wish-products {
	margin: 30px 0 0 0;
}
.wishlist-sidebar .wish-products .wish-product {
	display: flex !important;
	background-color: #f8f8f8;
	border: 2px solid #eaeaea;
	border-left: none;
	border-right: none;
	justify-content: space-between;
	padding: 20px;
	margin: 10px 0;
	align-items: center;
}
.wishlist-sidebar .wish-products .wish-product .product-img {
	width: 70px;
	height: 72px;
}
.wishlist-sidebar .wish-products .wish-product .product-img img {
	height: inherit;
	width: 100%;
	border-radius: 50%;
}
.wishlist-sidebar .wish-products .wish-product .product-content .product-title a:hover {
	color: #2c4b79 !important;
}
.wishlist-sidebar .wish-products .wish-product .product-content .product-title h6 {
	font-size: 18px;
	font-weight: 600;
}
.wishlist-sidebar .wish-products .wish-product .product-content .product-title h6 a {
	transition: color 0.3s ease;
	text-decoration: none;
	color: #191919;
}
.wishlist-sidebar .wish-products .wish-product .product-content .product-reviews {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	height: 60px;
}
.wishlist-sidebar .wish-products .wish-product .product-content .product-reviews .product-reviews-sys {
	display: flex;
	font-size: 12px;
}
.wishlist-sidebar .wish-products .wish-product .product-content .product-reviews .product-reviews-sys .reviews {
	color: orange;
	padding: 0 5px;
}
.wishlist-sidebar .wish-products .wish-product .product-content .product-reviews .price p {
	font-size: 16px;
	font-weight: 600;
}
.wishlist-sidebar .wish-products .wish-product .product-buy {
	display: flex;
	flex-direction: column;
	height: 90px;
	justify-content: space-between;
	align-items: end;
}
.wishlist-sidebar .wish-products .wish-product .product-buy .wish-heart {
	color: #2c4b79;
	font-size: 18px;
}
.wishlist-sidebar .wish-products .wish-product .product-buy .buy-now-btn a {
	transition: background-color 0.3s ease, color 0.3s ease;
	text-decoration: none;
	padding: 6px 16px;
	font-size: 12px;
	border-radius: 14px;
	color: #000;
	background-color: #2c4b79;
}
.wishlist-sidebar .wish-products .wish-product .product-buy .buy-now-btn a:hover {
	border-radius: 14px;
	color: #fff;
	background-color: #191919;
}
header nav {
	z-index: 999;
}
header .top-bar .wishlist {
	cursor: pointer;
}
.site_logo a {
	text-decoration: none;
}
header .top-bar p,
select {
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
}
header .top-bar .nav-list img {
	width: auto;
	height: 14px;
}
.track-order a {
	text-decoration: none;
	font-size: 14px;
	color: #000;
}
.wishlist a {
	font-size: 14px;
	text-decoration: none;
	color: #000;
}

header .top-bar .nav-list select {
	border: none;
}
header .search-bar p {
	font-size: 12px;
}
/* navbar target  */
header .navbar {
	background-color: #2c4b79;
}
header nav a {
	font-size: 14px !important;
}
header nav .department-menu {
	color: white !important;
}
header nav a {
	color: white !important;
}
header nav .active {
	color: #2c4b79 !important;
}
header nav h3 {
	font-size: 14px;
	margin: 0;
}
header nav .offer h3 {
	font-size: 13px;
}
header nav .main-menu .nav-item a:hover {
	color: #2c4b79 !important;
}
header nav .main-menu .dropdown .dropdown-menu {
	width: fit-content !important;
}
header nav .main-menu .dropdown .dropdown-menu li .dropdown-item {
	color: #191919 !important;
	background-color: #fff;
}
header nav .main-menu .dropdown .dropdown-menu li .dropdown-item:hover {
	color: #2c4b79 !important;
}
.header-logo , .footer-logo{
	max-width: 165px !important;
	width: 100%;
}
.banner {
	background-color: #27272e;
	position: relative;
}
.banner::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: url(../assets/images/Gradient+Blur.png);
	background-repeat: no-repeat;
	z-index: 0;
}
.banner::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background-image: url('https://slushyvapes.com/wp-content/uploads/2025/01/SURGE-PUFF-GEEK-BAR-Pulse-X-banner-1920x500px-ENG-scaled.jpg');
	background-repeat: no-repeat;
	z-index: 0;
	background-position: center;
	background-size: cover;
}
.banner .banner-content {
	padding-top: 70px;
	height: 580px;
}
.main-heading {
	position: relative;
	z-index: 2;
	color:: #fff;
}
.banner .main-heading h1 {
	font-size: 48px;
	color: white;
}
.banner .main-heading h1 span {
	color: #2c4b79;
}
.banner .main-button {
	background-color: #2c4b79;
	box-shadow: 0px 4px 24px 0px #2c4b7999;
	padding: 12px 32px;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.banner .main-button:hover {
	background-color: #fff;
	box-shadow: 0px 4px 24px 0px #ffffff99;
}
.banner .main-heading p {
	font-size: 16px;
}
.banner .main-heading button {
	font-size: 12px;
}
.banner .main-heading p {
	color: white;
}
.banner .banner-product-img {
	position: relative;
}
.banner .banner-product-img::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: url(../assets/images/Image.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	z-index: -1;
}
.hot-products-section .hot-products-card .hot-product-content {
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	display: block;
	margin-top: 20px;
}
.hot-products-section .hot-products-card .hot-product-content img{
	width: 100%;
}
.cat-content{
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 51%;
}
.hot-products-section .hot-products-card .hot-product-content h3 {
	color: #3665e0;
	font-size: 26px;
	line-height: 1.4;
	text-transform: uppercase;
	margin-bottom: 0;
}
.hot-products-section .hot-products-card .hot-product-content p{
	font-size: 13px;
	color: #fff;
	margin-bottom: 0;
	border: 1px solid #fff;
	padding: 1px 5px;
}
.hot-products-card .col-md-6:last-child .cat-content{
	left: 20px;
}
.hot-products-section .hot-products-card .hot-product-content .hot-product-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 150px;
	height: 40px;
	border-radius: 22px;
	font-weight: 500;
	font-size: 14px;
	text-decoration: none;
	color: black;
	background-color: #fff;
	transition: background-color 0.3s ease, border 0.3s ease;
}
.hot-products-section .hot-products-card .hot-product-content .hot-product-btn:hover {
	color: white;
	border: 2px solid white;
	background-color: black;
}
.categories-section {
	padding: 30px 0;
}
.categories-section .category-wrapper{
	position: relative;
}
.categories-section .categorie-card .category-card-img {
	background: linear-gradient(180deg, #0b1220 0%, #32415f 60%, #111827 100%);
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
}
.categories-section .categorie-card .category-card-img img {
	width: 70%;
}
.categories-section .categorie-card .category-card-content h6 {
	margin-top: 12px;
	margin-bottom: 0;
	text-align: center;
}
.best-seller-section {
	margin: 15px 0;
}
.best-seller-section .best-seller {
	padding: 20px 0;
}
.best-seller-section .best-seller .best-seller-content {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.best-seller-section .best-seller .best-seller-content .best-seller-heading h3 {
	font-size: 32px;
}
.best-seller-section .best-seller .best-seller-content .best-seller-heading p {
	font-size: 14px;
}
.best-seller-button a {
	width: 250px;
	display: flex;
	justify-content: center;
	text-decoration: none;
	font-size: 16px;
	align-items: center;
	height: 43px;
	background-color: #000000;
	color: white;
	border-radius: 20px;
	transition: background-color 0.3s ease;
}
.best-seller-button a i {
	font-size: 18px;
	margin-left: 10px;
	color: #fff;
	background-color: transparent;
}
.best-seller-button a:hover {
	background-color: #191919;
}
.best-seller-section .best-seller-products {
	padding: 24px 0;
}
.categories-content .button a {
	width: 100%;
	margin-top: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	text-decoration: none;
	font-size: 16px;
	height: 43px;
	background-color: #2c4b79;
	color: white;
	border-radius: 20px;
	transition: background-color 0.3s ease, font-size 0.2s ease;
}
.categories-content .button a i {
	font-size: 18px;
}
.product-content .button a i {
	font-size: 18px;
}
.mySwiper1,
.mySwiper2,
.mySwiper3 {
	overflow: inherit !important;
}
.swiper-button-prev , .cat-button-prev{
	background-color: #2c4b79;
	width: 35px !important;
	height: 35px !important;
	border-radius: 50% !important;
	left: -12px !important;
	z-index: 1 !important;
	box-shadow: 0px 4px 4px 0px #00000040;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: background-color 0.3s ease;
	line-height: 35px;
	text-align: center;
}
.swiper-button-prev:hover , .cat-button-prev:hover{
	background-color: #191919;
}
.swiper-button-prev:after , .cat-button-prev:after{
	content: "\f060" !important;
	font-family: "Font Awesome 5 Free" !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	color: white;
	width: 15px;
	height: 15px;
}
.swiper-button-next , .cat-button-next{
	background-color: #2c4b79;
	width: 35px !important;
	height: 35px !important;
	border-radius: 50% !important;
	transition: background-color 0.3s ease;
	right: -12px !important;
	z-index: 1;
	box-shadow: 0px 4px 4px 0px #00000040;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	line-height: 35px;
	text-align: center;
}
.swiper-button-next:hover , .cat-button-next:hover{
	background-color: #191919;
}
.swiper-button-next:after , .cat-button-next:after{
	content: "\f061" !important;
	font-family: "Font Awesome 5 Free" !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	color: white;
}
.gallery-slider .swiper-button-prev{
	left: 0 !important;
}
.gallery-slider .swiper-button-next{
	right: 0 !important;
}
.three-steps-Swiper .swiper-button-next {
	background-color: #FFFFFF;
	width: 35px !important;
	height: 35px !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-top-left-radius: 50% !important;
	border-bottom-left-radius: 50% !important;
	transition: background-color 0.3s ease;
	right: 9px !important;
	z-index: 1;
	box-shadow: 0px 4px 4px 0px #00000040;
}
.three-steps-Swiper .swiper-button-next:after {
	content: "\f105" !important;
	font-family: "Font Awesome 5 Free" !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	color: #2c4b79;
}
.three-steps-Swiper .swiper-button-prev {
	background-color: #FFFFFF;
	width: 35px !important;
	height: 35px !important;
	border-top-right-radius: 50% !important;
	border-bottom-right-radius: 50% !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	transition: background-color 0.3s ease;
	left: 9px !important;
	z-index: 1;
	box-shadow: 0px 4px 4px 0px #00000040;
}
.three-steps-Swiper .swiper-button-prev:after {
	content: "\f104" !important;
	font-family: "Font Awesome 5 Free" !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	color: #2c4b79;
}
.swiper-pagination {
	bottom: -30px !important;
}
.popular-categories-section {
	margin: 15px 0;
}
.popular-categories-section .popular-categories {
	padding: 20px 0;
}
.popular-categories-section .popular-categories .popular-categories-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.popular-categories-section .popular-categories .popular-categories-content .popular-categories-heading h3 {
	font-size: 32px;
}
.popular-categories-section .popular-categories .popular-categories-content .popular-categories-heading p {
	font-size: 14px;
}
.popular-categories-section .popular-categories .popular-categories-content .popular-categories-button a {
	width: 150px;
	display: flex;
	justify-content: center;
	text-decoration: none;
	font-size: 16px;
	align-items: center;
	height: 40px;
	background-color: #2c4b79;
	color: white;
	border-radius: 20px;
	transition: background-color 0.3s ease;
}
.popular-categories-section .popular-categories .popular-categories-content .popular-categories-button a i {
	font-size: 18px;
	margin-left: 10px;
	color: #fff;
	background-color: transparent;
}
.popular-categories-section .popular-categories .popular-categories-content .popular-categories-button a:hover {
	background-color: #191919;
}
.popular-categories-section .popular-categories-cards {
	padding: 24px 0;
}
.popular-categories-section .popular-categories-cards .categories-card {
	padding: 9px;
	background-color: #f8f8f8;
	border-radius: 15px;
}
.categories-img {
	width: 100%;
	height: 175px;
}
.categories-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.popular-categories-section .popular-categories-cards .categories-content {
	line-height: 32px;
	padding: 12px 0 6px 0;
}
.popular-categories-section .popular-categories-cards .categories-content a h6 {
	font-size: 19px;
	color: #000;
}
.popular-categories-section .popular-categories-cards .categories-content a {
	text-decoration: none;
}
.popular-categories-section .popular-categories-cards .categories-content .categories-para p {
	font-size: 14px;
	color: rgb(85, 85, 85);
	line-height: 21px;
}
.promotion-section {
	background: #2c4b790f;
	padding: 30px 0;
}
.promotion-section .promotion .promotion-content {
	padding: 12px 0;
}
.promotion-section .promotion .promotion-content h3 {
	font-size: 32px;
}
.promotion-section .promotion .promotion-content p {
	font-size: 14px;
}
.promotion-section .promotion .promotion-cards {
	padding: 20px 0;
}
.promotion-section .promotion .promotion-card {
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 12px;
	background-position: bottom center;
	width: 100%;
	height: 290px;
	position: relative;
	overflow: hidden;
}
.promotion-section .promotion .promotion-card {
	display: inline-flex;
	justify-content: space-between;
	flex-direction: column;
}
.promotion-section .promotion .promotion-card .new {
	padding: 4px 8px;
	margin: 10px;
	font-weight: 600;
	width: 15%;
	text-align: center;
	display: inline-block;
	background-color: #2c4b79;
	color: #fff;
	border-radius: 25px;
	font-size: 10px;
}
.promotion-section .promotion .promotion-card .promotion-detail {
	padding: 15px;
	margin: 15px;
	background-color: black;
	color: white;
	border-radius: 15px;
	position: absolute;
	bottom: -90px;
	left: 0;
	right: 0;
	transition: 0.3s ease;
	visibility: hidden;
	opacity: 0;
}
.promotion-section .promotion .promotion-card:hover .promotion-detail {
	bottom: 0;
	visibility: visible;
	opacity: 1;
}
.promotion-section .promotion .promotion-card .promotion-detail .date {
	color: #2c4b79;
	font-size: 12px;
}
.promotion-section .promotion .promotion-card .promotion-detail .note {
	font-size: 14px;
}
.promotion-section .promotion .promotion-earn-gift {
	padding: 20px 0;
}
.promotion-section .promotion .promotion-earn-gift .promotion-earn-card {
	padding: 15px 20px;
	position: relative;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	width: 100%;
	background-color: #f16336;
}
.promotion-section .promotion .promotion-earn-gift .promotion-earn-card .promotion-earn-detail {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}
.promotion-section .promotion .promotion-earn-gift .promotion-earn-card .promotion-earn-detail h6 {
	font-size: 16px;
	color: white;
}
.promotion-section .promotion .promotion-earn-gift .promotion-earn-card .promotion-earn-detail p {
	font-size: 16px;
	color: white;
}
.promotion-section .promotion .promotion-earn-gift .promotion-earn-card .promotion-earn-detail a {
	font-size: 12px;
	padding: 8px 28px;
	border-radius: 25px;
	text-decoration: none;
	background-color: white;
	color: #f16336;
	font-weight: 500;
	display: inline-block;
	max-width: fit-content;
}
.promotion-section .promotion .promotion-earn-gift .promotion-earn-card::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(images/refer-bg-pic.png);
	background-size: contain;
}
.promotion-section .promotion .promotion-earn-gift .promotion-earn-card .promotion-earn-img img {
	margin-right: auto;
}
.promotion-section .promotion .promotion-earn-gift .promotion-gift-card {
	padding: 15px 20px;
	position: relative;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	width: 100%;
	background-color: #8b74ff;
}
.promotion-section .promotion .promotion-earn-gift .promotion-gift-card .promotion-gift-detail {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}
.promotion-section .promotion .promotion-earn-gift .promotion-gift-card .promotion-gift-detail h6 {
	font-size: 16px;
	color: white;
}
.promotion-section .promotion .promotion-earn-gift .promotion-gift-card .promotion-gift-detail p {
	font-size: 16px;
	color: white;
}
.promotion-section .promotion .promotion-earn-gift .promotion-gift-card .promotion-gift-detail a {
	font-size: 12px;
	padding: 8px 28px;
	border-radius: 25px;
	text-decoration: none;
	background-color: white;
	color: #8b74ff;
	font-weight: 500;
	display: inline-block;
	max-width: fit-content;
}
.promotion-section .promotion .promotion-earn-gift .promotion-gift-card::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(images/gift-bg-card.png);
	background-size: contain;
}
.promotion-section .promotion .promotion-earn-gift .promotion-gift-card .promotion-earn-img img {
	margin-right: auto;
}
.our-product-section {
	margin: 15px 0;
}
.our-product {
	padding: 20px 0;
}
.our-product .our-product-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 38px;
}
.our-product .our-product-content .our-product-heading h3 {
	font-size: 32px;
}
.our-product .our-product-content .our-product-heading p {
	font-size: 14px;
}
.our-product .our-product-content .our-product-button a {
	width: 150px;
	display: flex;
	justify-content: center;
	text-decoration: none;
	font-size: 16px;
	align-items: center;
	height: 40px;
	background-color: #2c4b79;
	color: white;
	border-radius: 20px;
	transition: background-color 0.3s ease;
}
.our-product .our-product-content .our-product-button a i {
	font-size: 18px;
	margin-left: 10px;
	color: #fff;
	background-color: transparent;
}
.our-product .our-product-content .our-product-button a:hover {
	background-color: #191919;
}
.our-product {
	padding: 24px 0;
}
.product-card {
	padding: 12px;
	background-color: #f8f8f8;
	border-radius: 15px;
	position: relative;
}
.product-badge{
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 10px;
	padding: 1px 7px;
	border-radius: 10px;
	background: #2c4b79;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
}
.product-badge.sold-out{
	background: #D3D3D3;
}
.product-img {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}
.product-img img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1/1;
}
.product-content {
	padding: 12px 0 0;
}
.product-content a h6 {
	font-size: 17px;
	font-weight: 400;
	height: 40px;
	color: #000;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 0;
}
.product-content a {
	text-decoration: none;
}
.product-content h5 span {
	font-size: 18px;
	font-weight: 600;
	text-align: left;
	text-decoration-line: line-through;
	color: #4A5567;
	margin-right: 5px;
}
.product-content h5 {
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #2c4b79;
	margin: 0;
}
.product-content .product-button button , .product-content .product-button a{
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	text-decoration: none;
	font-size: 15px;
	text-transform: uppercase;
	height: 43px;
	background-color: #2c4b79 !important;
	color: #fff !important;
	border-radius: 20px;
	cursor: pointer;
	transition: background-color 0.3s ease, font-size 0.3s ease;
	overflow: hidden;
	z-index: 1;
	border: none;
	outline: none;
}
.product-content .product-button button::before , .product-content .product-button a::before{
	content: '';
	display: block;
	position: absolute;
	width: 150%;
	height: 150%;
	background: #191919;
	transform: translateY(0);
	top: 0;
	left: -25%;
	border-radius: 50%;
	animation-name: plugButtonSlideAboveButton;
	animation-duration: .5s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	will-change: transform,opacity;
	transition: background .3s linear;
	z-index: -1;
}
@keyframes plugButtonSlideAboveButton{
	0% {
		transform: translateY(-15%);
	}
	100% {
		transform: translateY(-110%);
	}
}
.product-content .product-button button:hover::before , .product-content .product-button a:hover::before{
	animation-name: plugButtonSlideOverButton;
	animation-duration: .5s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-timing-function: ease;
	background: #191919;
}
@keyframes plugButtonSlideOverButton{
	0% {
		transform: translateY(110%);
	}
	100% {
		transform: translateY(-15%);
	}
}
.product-content .product-button button i , .product-content .product-button a i {
	font-size: 18px;
}
.product-content .product-button button.loading {
	position: relative;
	pointer-events: none;
	background-color: #000 !important;
	z-index: 11;
	font-size: 0px !important;
}
.product-content .product-button button.loading:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 15px;
	height: 15px;
	margin: -7.5px 0 0 -7.5px;
	border: 2px solid #fff;
	border-top-color: transparent;
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}
@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}
a.added_to_cart.wc-forward{
	display: none;
}
.three-steps-section {
	margin-bottom: 25px;
}
.three-steps-section .steps .step-one{
	text-align: center;
	padding: 40px;
	border-radius: 25%;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.three-steps-Swiper .swiper-slide:nth-child(odd) .step-one{
	border-bottom: 2px dotted #2c4b79;	
}
.three-steps-Swiper .swiper-slide:nth-child(even) .step-one{
	border-top: 2px dotted #2c4b79;	
}
.three-steps-section .steps .step-one .step-icon{
	border-radius: 50%;
	background-color: black;
	display: inline-block;
	max-width: fit-content;
	text-align: center;
	padding: 20px;
	margin: auto;
}
.three-steps-section .steps .step-one .step-content h5{
	font-size: 20px;
	color: black;
	margin-top: 10px;
}
.three-steps-section .steps .step-one .step-content p{
	font-size: 12px;
	color: #27272e;
}
.three-steps-section .steps .step-one .step-button a{
	text-decoration: none;
	display: flex;
	justify-content: center;
	background-color: #2c4b79;
	padding: 8px 20px;
	border-radius: 20px;
	color: white;
	margin-top: 10px;
	transition: background-color 0.3s ease;
}
.three-steps-section .steps .step-one .step-button a:hover{
	background-color: #191919;
}
.trust-section {
	background-color: black;
}
.trust-section .trust {
	padding: 20px;
}
.trust-section .trust .trust-content {
	width: 45%;
	margin: auto;
	text-align: center;
	padding: 15px 0 5px 0;
}
.trust-section .trust .trust-content h5 {
	font-size: 22px;
	color: white;
}
.trust-section .trust .trust-logos {
	padding: 10px 0 20px 0;
}
.trust-section .trust .trust-logos .slier-left {
	margin: 10px 0;
}
.trust-section .trust .trust-logos .slier-right {
	margin: 10px 0;
}
.news-letter-section {
	background-color: #f8f8f8;
	display: none;
}
.news-letter-section .news-letter {
	padding: 50px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.news-letter-section .news-letter .news-letter-content h6 {
	font-size: 24px;
}
.news-letter-section .news-letter .news-letter-content p {
	font-size: 14px;
}
.news-letter-section .news-letter .news-letter-input {
	width: 40%;
}
.news-letter-input-wrapper{
	display: flex;
	align-items: center;
	gap: 10px;
}
.news-letter-section .news-letter .news-letter-input input[type=email]{
	border: none;
	outline: none;
	padding: 10px 15px;
	border-radius: 23px;
	width: 100%;
}
.news-letter-section .news-letter .news-letter-input input[type=submit]{
	padding: 10px 20px;
	height: 44px;
	border-radius: 23px;
	border: none;
	outline: none;
	background-color: #2c4b79;
	color: white;
	transition: color 0.3s ease, border 0.3s ease, font-weight 0.3s ease;
}
.news-letter-section .news-letter .news-letter-input input[type=submit]:hover {
	background-color: #191919;;
}
.wpcf7 form .wpcf7-response-output{
	margin: 10px 0 0 !important;
}
footer .main-footer {
	background-color: black;
	padding: 40px 0;
}
footer .main-footer .footer-content-area {
	line-height: 20px;
}
.footer-content-area .site_logo a h3 {
	color: #fff;
}
footer .main-footer .footer-content-area .logo h2 {
	color: white;
	font-size: 20px;
}
footer .main-footer .footer-content-area .logo h2 span {
	color: #2c4b79;
}
footer .main-footer .footer-content-area .content {
	color: white;
	font-weight: 300;
	font-size: 13px !important;
	margin-top: 10px;
}
footer .main-footer .footer-content-area .icons ul {
	display: flex;
	margin-top: 10px;
}
footer .main-footer .footer-content-area .icons ul li a {
	color: white;
	font-size: 20px;
	margin: 0 5px 0 0;
}
footer .main-footer .footer-content-area .icons ul li a i {
	color: white;
	font-size: 20px;
	margin: 0 5px 0 0;
}
footer .main-footer .payment-systems ul {
	display: flex;
}
footer .main-footer .payment-systems ul li img {
	margin: 0 5px 0 0;
}
footer .main-footer .company-menu h3 {
	font-size: 16px;
	color: white;
}
footer .main-footer .company-menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
footer .main-footer .company-menu ul li {
	padding: 3px;
}
footer .main-footer .company-menu ul li a {
	font-size: 14px;
	font-weight: 300;
	text-decoration: none;
	color: white;
}
footer .main-footer .category-menu {
	padding-left: 20px;
}
footer .main-footer .category-menu h3 {
	font-size: 16px;
	color: white;
}
footer .main-footer .category-menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
footer .main-footer .category-menu ul li {
	padding: 1px 3px;
}
footer .main-footer .category-menu ul li a {
	font-size: 14px;
	font-weight: 300;
	text-decoration: none;
	color: white;
}
footer .main-footer .contact-menu h3 {
	font-size: 16px;
	color: white;
}
footer .main-footer .contact-menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
footer .main-footer .contact-menu ul li {
	padding: 3px;
}
footer .main-footer .contact-menu ul li a {
	font-size: 14px;
	font-weight: 300;
	text-decoration: none;
	color: white;
}
footer .main-footer .contact-menu ul li a i {
	font-size: 14px;
	padding-right: 5px;
	text-decoration: none;
	color: white;
}
footer .copywrite {
	display: flex;
	justify-content: space-between;
	padding: 8px 0;
	align-items: center;
}
footer .copywrite .left p {
	font-size: 14px;
	color: #000;
	font-weight: 500;
}
footer .copywrite .right ul {
	list-style-type: none;
	display: flex;
	align-items: center;
	margin: 0;
}
footer .copywrite .right ul li {
	padding: 0 10px;
}
footer .copywrite .right ul li a {
	text-decoration: none;
	color: #000;
	font-weight: 500;
	font-size: 12px;
}
/* E-LIQUID PAGE */
.e-liqid-banner {
	background-color: #27272e;
	position: relative;
	padding: 40px 0;
	height: 500px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	z-index: 1;
} 
.e-liqid-banner:before{
	content: "";
	background: rgb(0 0 0 / 0.7);
	transition: background .2s ease-in-out;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
.e-liqid-banner .main-heading h1 {
	font-size: 26px;
	margin-bottom: 10px;
	color: white;
	text-align: center;
}
.e-liqid-banner .main-heading h1 span {
	color: #2c4b79;
}
.e-liqid-banner .main-button {
	background-color: #2c4b79;
	box-shadow: 0px 4px 24px 0px #2c4b7999;
	padding: 12px 32px;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.e-liqid-banner .main-button:hover {
	background-color: #fff;
	box-shadow: 0px 4px 24px 0px #ffffff99;
}
.e-liqid-banner .main-heading h2 , .e-liqid-banner .main-heading p {
	font-size: 17px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 10px;
}
.e-liqid-banner .main-heading h2:last-child , .e-liqid-banner .main-heading p:last-child{
	margin-bottom: 0;
}
.e-liqid-banner .main-heading button {
	font-size: 12px;
}
.e-liqid-banner .banner-product-img img{
	max-width: 100%;
	width: 275px;
}
.e-liquid-product-section {
	margin: 50px 0;
}
.e-liquid-product-section .our-product {
	padding: 20px 0;
}
.e-liquid-product-section .our-product .our-product-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 38px;
}
.e-liquid-product-section .our-product .our-product-content .our-product-heading h3 {
	font-size: 32px;
}
.e-liquid-product-section .our-product .our-product-content .our-product-heading p {
	font-size: 14px;
}
.e-liquid-product-section .our-product .our-product-content .our-product-button a {
	width: 150px;
	display: flex;
	justify-content: center;
	text-decoration: none;
	font-size: 16px;
	align-items: center;
	height: 40px;
	background-color: #2c4b79;
	color: white;
	border-radius: 20px;
	transition: background-color 0.3s ease;
}
.e-liquid-product-section .our-product .our-product-content .our-product-button a i {
	font-size: 18px;
	margin-left: 10px;
	color: #fff;
	background-color: transparent;
}
.e-liquid-product-section .our-product .our-product-content .our-product-button a:hover {
	background-color: #191919;
}
.e-liquid-product-section .e-liquid-product .e-liquid-pagination {
	display: flex;
	justify-content: center;
	padding: 25px 0;
}
.e-liquid-product-section .e-liquid-product .e-liquid-pagination .pagination {
	padding: 12px;
}
.e-liquid-product-section .e-liquid-product .e-liquid-pagination .pagination ul {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	list-style-type: none;
}
.e-liquid-product-section .e-liquid-product .e-liquid-pagination .pagination ul li {
	padding: 0 6px;
}
.e-liquid-product-section .e-liquid-product .e-liquid-pagination .pagination ul li a {
	text-decoration: none;
	color: #bdbdbd;
	font-size: 12px;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: inline-flex;
	font-weight: 600;
	justify-content: center;
	align-items: center;
	transition: background-color 0.3s ease;
	border: 1px solid #eaeaea;
}
.e-liquid-product-section .e-liquid-product .e-liquid-pagination .pagination ul li a:hover {
	color: white;
	border: 1px solid transparent;
	background-color: #191919;
}
.e-liquid-product-section .e-liquid-product .e-liquid-pagination .pagination ul li .active-pagination {
	color: white;
	border: 1px solid transparent;
	background-color: #2c4b79;
}
.e-liquid-product-section .e-liquid-product .e-liquid-pagination .pagination ul li .prev-pagination,
.e-liquid-product-section .e-liquid-product .e-liquid-pagination .pagination ul li .next-pagination {
	color: #000;
}
/* E-LIQUID PAGE */
/* cart */
.Cart-section {
	padding: 60px 0px;
}
.woocommerce-message {
	border-top-color: #3665E0 !important;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
	background-color: #3665E0;
}
.wc-block-components-button:not(.is-link) .wc-block-components-button__text {
	color: #fff !important;
}
.woocommerce-message::before {
	color: #3665E0 !important;
}
.woocommerce-message a {
	font-size: 14px;
	color: #fff;
	background-color: #3665E0;
	border-radius: 4px;
	border: none;
	padding: 5px 15px;
}
.Cart-section .woocommerce a.remove {
	color: #3665E0 !important;
	cursor: pointer;
}
.Cart-section .woocommerce a.remove:hover {
	background: #3665E0;
	color: #fff !important;
}
.Cart-section img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
	width: 70px !important;
	border: 1px solid #ccc;
}
.Cart-section td.product-name a {
	font-family: "Arimo", sans-serif;
	font-size: 16px;
	color: #242721;
	font-weight: 700;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.Cart-section .quantity input {
	width: 72px !important;
	font-family: "Arimo", sans-serif;
	font-size: 18px !important;
	font-weight: 700;
	height: 40px;
	border: none;
	outline: none;
	background: transparent !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	padding: 0px !important;
	text-align: center !important;
	border-radius: 4px;
}
.coupon {
	display: none !important;
}
.Cart-section td.actions .button {
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 40px;
	background: #3665E0 !important;
	color: #fff !important;
	border: 1px solid #3665E0;
}
.Cart-section .cart_totals h2 {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 0.5rem;
}
.woocommerce table.shop_table {
	border: 1px solid rgba(0, 0, 0, .1);
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
	border-collapse: separate;
	border-radius: 5px;
}
.Cart-section tr.cart-subtotal th {
	font-size: 20px !important;
	color: #242721;
}
.Cart-section tr.order-total th {
	font-size: 20px !important;
	color: #242721;
}
.woocommerce table.shop_table th {
	font-weight: 700;
	padding: 9px 12px;
	line-height: 1.5em;
}
.Cart-section tr.cart-subtotal td {
	font-size: 20px;
	font-weight: 700;
}
.woocommerce table.shop_table td {
	border-top: 1px solid rgba(0, 0, 0, .1);
	padding: 9px 12px;
	vertical-align: middle;
	line-height: 1.5em;
}
.Cart-section a.checkout-button.button.alt.wc-forward {
	background: #3665E0;
	border: 1px solid #3665E0;
	border-radius: 5px;
	transition: 0.3s ease;
}
.wc-proceed-to-checkout a {
	display: block;
	width: 100%;
	background: #3665E0;
	border: 1px solid #3665E0;
	border-radius: 5px;
	transition: 0.3s ease;
	padding: 10px;
	text-align: center;
	color: #fff;
}
.wc-proceed-to-checkout a:hover {
	background-color: transparent !important;
	color: #242721;
}
.return-to-shop a {
	display: block;
	width: 100%;
	max-width: fit-content;
	background: #3665E0;
	border: 1px solid #3665E0;
	border-radius: 5px;
	transition: 0.3s ease;
	padding: 10px;
	text-align: center;
	color: #fff;
}
.return-to-shop a:hover {
	background-color: transparent !important;
	color: #242721;
}
.woocommerce-info {
	border-top-color: #3665E0 !important;
}
/* checkout */
.checkout-section {
	padding: 60px 0px;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.wc-block-components-checkout-place-order-button--full-width.contained {
	background-color: #3665E0;
	color: #fff;
	border: none;
}
.wc-block-components-totals-coupon__content .wc-block-components-button {
	background-color: #3665E0;
	color: #fff;
	border: none;
	border-radius: 4px;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
	background-color: #3665E0 !important;
	color: #fff !important;
}
.wc-block-components-totals-item__value {
	color: #3665E0 !important;
}
.woocommerce-info::before {
	color: #3665E0 !important;
}
.range-container {
	width: 100%;
	display: none;
}
.range-slider {
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 20px;
	display: inline-block;
}
input[type="range"] {
	width: 100%;
	position: absolute;
	pointer-events: none;
	-webkit-appearance: none;
	background: transparent;
}
input[type="range"]::-webkit-slider-thumb {
	pointer-events: all;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: black;
	cursor: pointer;
}
input[type="range"]::-moz-range-thumb {
	pointer-events: all;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: black;
	cursor: pointer;
}
input[type="range"]:first-of-type {
	z-index: 2;
}
.range-values span {
	width: 100%;
	outline: none;
	border: 1px solid #EAEAEA;
	background-color: #F8F8F8;
	padding: 5px 10px;
	border-radius: 8px;
	font-size: 15px;
	color: #191919;
}
.switch {
	margin-left: 10px;
	position: relative;
	display: inline-block;
	width: 55px;
	height: 28px;
}
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.slider {
	position: absolute;
	cursor: pointer;
	padding: 0 8px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #2c4b79;
	-webkit-transition: .4s;
	transition: .4s;
}
.slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 17px;
	bottom: 5px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
input:checked+.slider {
	background-color: #191919;
}
input:focus+.slider {
	box-shadow: 0 0 1px #2196F3;
}
input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}
.slider.round {
	border-radius: 54px;
}
.slider.round:before {
	border-radius: 50%;
}
.bar-toggle {
	display: none !important;
	align-items: center !important;
}
.bottom-bar {
	background-color: white;
	width: 100%;
	padding: 10px 0;
	display: none;
	align-items: center;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1000;
}
.bottom-bar ul {
	display: flex;
	margin: 0;
	justify-content: space-between;
}
.bottom-bar ul li{
	width: 20%;
}
.bottom-bar ul li a {
	text-decoration: none;
	color: #191919;
	justify-content: space-around;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.bottom-bar ul li a i {
	font-size: 18px;
	height: 35px;
	width: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 50px;
	background: #2c4b79;
	color: #fff;
}
.bottom-bar ul li a p {
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
}
.bar-toggle .fa-bars {
	color: #252525;
	font-size: 26px;
}
.bar-toggle .fa-arrow-left {
	color: #252525;
	font-size: 27px;
}
.mobile-icon {
	display: none;
	gap: 20px;
	align-items: center;
	position: relative;
	font-size: 2rem;
}
.icon-container {
	position: relative;
}
.badge {
	position: absolute;
	top: 4px;
	right: -9px;
	background-color: #3B82F6;
	color: white;
	border-radius: 50%;
	padding: 3px 6px;
	font-size: 0.8rem;
	font-weight: bold;
}
/* wishlist icon  */
.product-card {
	position: relative;
}
.wishlist-icon {
	position: absolute;
	top: 21px;
	right: 21px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	display: flex	;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 0px 5px #0000001c;
}
a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt.tinvwl-position-shortcode {
	color: #2c4b79;
}
button.button.tinvwl_button_close {
	height: 40px;
	border-radius: 25px;
	color: #fff;
	border: none;
	transition: 0.3s ease;
}
button.button.tinvwl_button_close:hover {
	background-color: #2c4b79 ;
	color: #fff ;
}

button.button.tinvwl_button_view {
	height: 40px;
	border-radius: 25px;
	background: #2c4b79;
	color: #fff;
	border: none;
	transition: 0.3s ease;
}
button.button.tinvwl_button_view:hover {
	background-color: #10213a ;
	color: #fff ;
}
.tinv-wishlist .tinv-modal .tinv-modal-inner{
	border-radius: 12px ;
}
.wishlist-icon .fa-heart {
	color: transparent;
	-webkit-text-stroke: 1px #FFFFFF;
	cursor: pointer;
	transition: transform 0.3s ease;
}
.wishlist-icon .fa-heart.active {
	color: #2c4b79;
	animation: pop 0.3s ease;
}
@keyframes pop {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.3);
	}
	100% {
		transform: scale(1);
	}
}
/* sale  */
.sale {
	position: absolute;
	top: 16px;
	left: 19px;
	font-size: 14px;
	background-color: #15181FE5;
	border-radius: 100px;
	border: 1px solid white;
	padding: 0 12px;
}
.sale p {
	color: #FFFFFF;
}
.order-tracking-page {
	padding: 40px 0;
}
.breadcrumbs_banner{
	max-width: 100%;
	margin: 0 auto;
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f4f4f4;
	padding: 20px;
}
.breadcrumbs_banner_content h2{
	font-size: 48px;
	text-align: center;
}
.breadcrumbs_banner_content ul {
	padding-left: 0;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	list-style-type: none;
	gap: 10px;
	justify-content: center;
}
.breadcrumbs_banner_content ul li a {
	text-decoration: none ;
	color: #000 ;
}
.breadcrumbs_banner_content ul li span{
	text-decoration: none ;
	color: #2C4B79 ;
}
table.tinvwl-table-manage-list tr th {
	background: #2C4B79;
	color: #fff;
}
table.tinvwl-table-manage-list tbody tr td {
	border-bottom: 1px solid #ccc;
}
td.product-action button {
	font-size: 14px !important;
	background: #2C4B79 !important;
}
td.product-action a {
	font-size: 13px !important;
	background: #2C4B79 !important;
	color: #fff !important;
}
th.product-price {
	font-size: 16px;
}
td.product-price {
	font-size: 16px;
}
td.product-name a {
	color: #000;
}


span.tinvwl-input-group-btn button {
	background: #2C4B79 !important;
	color: #fff !important;
	padding: 11px 15px !important;
}
.social-buttons ul li {
	background: #2C4B79;
	color: #fff;
	transition: 0.3s ease-in-out;
}
.tinvwl-to-right.look_in button {
	background: #2C4B79;
	color: #fff;
	padding: 13px 15px;
	transition: 0.3s ease;
}
.social-buttons ul li a {
	color: #fff;
}


/* mobile screen menu  */
.menu-tab-slider {
	display: none;
	overflow: hidden;
	justify-content: center;
	width: 100%;
	margin: auto;
	overflow-x: auto;
}
.tab-slider {
	width: 100%;
	display: flex;
	gap: 10px;
	margin-bottom: 12px;
}
.tab-item {
	padding: 5px 18px;
	border-radius: 20px;
	background-color: #f5f5f5;
	color: #4A5567;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
}
.tab-item.active {
	background-color: #356AF2;
	color: white;
}
/* brand section */
.brand_sec {
	padding: 80px 20px;
}
.brand_sec .title h1 {
	font-size: 32px;
}
.brand_sec .title p {
	font-size: 14px;
}
.brands_images_main {
	margin-top: 40px;
}
.brand_img {
	width: 100%;
	height: auto;
	text-align: center;
}
.brand_img img {
	max-width: 150px;
}
/* new vaping */
.new_vaping {
	padding: 20px 0 60px;
}
.new_vaping .title h1 {
	font-size: 32px;
}
.new_vaping .title p {
	font-size: 14px;
}
.new_vaping_card {
	display: block;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 10px 0 rgba(201, 201, 201, .5);
	overflow: hidden;
}
.new_vaping_card:hover {
	background-color: #2c4b7940;
}
.new_vaping_card_img {
	width: 100%;
	height: 100%;
}
.new_vaping_card_img img {
	width: 100%;
	object-fit: cover;
}
.new_vaping_card_content {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}
.new_vaping_card_content h6 {
	font-size: 20px;
	text-transform: uppercase;
	color: #0c0c0c;
}
.new_vaping_card_content p {
	font-size: 14px;
	color: #707070;
}
/* ==================product details page==============  */
.product-by {
	font-size: 18px;
}
.product-by span {
	color: #2c4b79;
}
.product-price {
	font-size: 24px;
	font-weight: 500;
	margin: 0;
}
.product-price del{
	font-size: 20px;
	color: red;
}
.product-price ins{
	color: green;
}
.product-view {
	color: #4A5567;
	font-size: 16px;
	margin-bottom: 7px;
}
.product-view i {
	margin-right: 3px;
}
.product-promo {
	border-radius: 2px;
	text-align: center;
	padding: 5px;
	width: 150px;
	background-color: black;
	color: white;
	margin-bottom: 7px;
}
.product-left span {
	color: #2c4b79;
}
.productQtyy {
	margin: 20px 0;
	background-color: #F8F8F8;
	display: flex;
	border: 1px solid #EAEAEA;
	border-radius: 20px;
	stroke: #EAEAEA;
}
#decreaseQty,
#increaseQty,
#productQty {
	border: none;
	outline: none;
}
#productQty {
	width: 50px;
	background-color: #F8F8F8;
}
.qty-cart-section .variations_form{
	display: flex;
	align-items: start;
	flex-flow: wrap;
	width: 100%;
	gap: 10px;
}
.qty-cart-section .cart{
	width: 100%;
	display: flex;
	flex-flow: wrap;
	gap: 10px;
}
.qty-cart-section .quantity {
	width: 20%;
	border-radius: 25px;
	background-color: #F8F8F8 !important;
	border: 1px solid #EAEAEA !important;
	height: 40px;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.qty-cart-section .quantity input {
	width: 100% !important;
	animation: none;
	outline: none;
	border: none;
	height: 40px;
	background-color: #F8F8F8 !important;
}
button.qty-btn.minus , button.qty-btn.plus{
	border: none;
	height: 40px;
	padding: 0 5px;
	background: #2c4b79;
	color: #fff;
}
.qty-cart-section .single_add_to_cart_button {
	width: 77%;
	height: 40px;
	border-radius: 25px !important;
	background-color: #2c4b79 !important;
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	border: none !important;
}
.product-details-wishlist {
	cursor: pointer;
	background-color: #F8F8F8;
	padding: 10px 15px;
	border-radius: 28px;
	width: 10%;
}
.qty-cart-section {
	gap: 10px;
}
.product-details-category {
	font-family: Poppins;
	font-size: 16px;
	color: #4A5567;
}
.product-details-category span {
	color: #252525;
}
.write-review-btn {
	text-align: center;
}
.write-review-btn button {
	font-size: 16px;
	padding: 12px 120px;
	margin: auto;
	border-radius: 50px;
	border: none;
	background-color: #252525;
	color: white;
}
.thumbnail img {
	object-fit: cover;
	width: 502px;
	max-height: 80px;
}
.carousel img {
	max-height: 700px;
	object-fit: cover;
}
.single-prod-des{
	padding-top: 40px;
}
.single-prod-des .tab-pane{
	border-bottom: 1px dashed #2c4b79;
	border-top: 1px dashed #2c4b79;
	padding: 20px 0;
}
.single-description{
	margin-bottom: 25px;
}
/* progress  */
.progress {
	background-color: #e9ecef;
}
.progress-bar {
	background-color: #ffc107;
}
.customer-review {
	align-items: center;
	text-align: center;
}
.customer-review h4 {
	display: inline;
	font-size: 20px;
	font-weight: 600;
}
.customer-review span {
	font-size: 56px;
	font-weight: 600;
}
.review-star {
	color: #FFB800;
}
.write-review-btn {
	text-decoration: none;
}
/* subm rev  */
.checked {
	color: orange;
}
#comment {
	resize: none;
	background-color: #F8F8F8;
}
img.rounded-circle {
	width: 50px;
	height: 50px;
}
.submit-rev-btn {
	width: 45%;
	height: 50px;
	background-color: #F8F8F8;
}
/* question popup start */
.question_popup_main {
	display: none;
	width: 100%;
	height: 100vh;
	background-color: #000000a2;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
}
.question_popup {
	max-width: 500px;
	padding: 30px;
	background-color: #fff;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#Question_popup {
	transform: scale(0);
	transition: 0.3s ease-in-out;
}
.question_popup_icon {
	font-size: 3.75em;
	color: #2c4b79;
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 3px solid #87adbd;
	margin-bottom: 20px;
}
.question_popup_icon {
	margin-bottom: 20px;
}
.question_popup_icon img {
	max-width: 200px;
}
.question_popup_title h6 {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}
.question_popup_desc p {
	font-size: 16px;
	font-weight: 500;
	color: #87adbd;
	text-align: center;
}
.question_popup_btn {
	display: flex;
	align-items: center;
	gap: 15px;
	align-items: center;
	margin-top: 20px;
}
.question_popup_btn button {
	padding: 8px 15px;
	font-size: 16px;
	color: #fff;
	border-radius: 8px;
	font-weight: 600;
	border: none;
}
.question_popup_btn :first-child {
	background-color: #2c4b79;
	transition: 0.3s ease-in-out;
}
.question_popup_btn :first-child:hover {
	background-color: #2c50ac;
}
.question_popup_btn :last-child {
	background-color: #87adbd;
}
.question_popup_btn :last-child:hover {
	background-color: #6a8b99;
}
/* subscribe popup start */
.subscribe_popup_main {
	width: 100%;
	height: 100vh;
	background-color: #00000046;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
	opacity: 0;
}
.subscribe_popup {
	background-color: #fff;
	border-radius: 8px;
	transform-origin: center center;
	max-height: 100%;
	border-radius: 24px;
	position: relative;
	display: flex;
	align-items: center;
	max-width: 80%;
}
.subscribe_popup_img {
	width: 50%;
	height: 100%;
}
.subscribe_popup_img img {
	width: 100%;
	height: 100%;
}
.subscribe_popup_content {
	width: 50%;
}
/* promotion section  */
.promotion_sec {
	padding: 40px 0;
}
.coupon_card{
	display: block;
	border-radius: 12px;
	overflow: hidden;
	height: 96.5%;
}
.coupon_card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.promotion_list {
	padding-left: 0;
	width: 100%;
	margin: 0;
	list-style-type: none;
}
.promotion_list li {
	margin: 10px 0 0;
}
.promotion_list li img{
	width: 100%;
}
.promotion_list li:nth-child(1) {
	margin: 0;
}
.promotion_list li a {
	text-decoration: none;
	display: block;
	border-radius: 12px;
	overflow: hidden;
}
.promotion_list li a p {
	font-size: 22px;
	font-weight: 700;
	color: #fff;
}
.promotion_list li a span {
	color: #abcfef;
	font-size: 16px;
	font-weight: 500;
}
.show-more-button a{
	width: 250px;
	display: flex;
	justify-content: center;
	font-size: 16px;
	align-items: center;
	height: 43px;
	background-color: #2c4b79;
	color: white !important;
	border-radius: 20px;
	transition: background-color 0.3s ease, font-size 0.2s ease;
	cursor: pointer;
}
.show-more-button a:hover{
	background-color: #191919;
}
.inner-page-sec{
	padding: 60px 0;
}
.inner-page-title {
	font-size: 26px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 30px;
	color: #2c4b79;
}
.inner-page-content h1 , .inner-page-content h2 , .inner-page-content h3 , .inner-page-content h4 , .inner-page-content h5 , .inner-page-content h6{
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 14px;
}
.inner-page-content p{
	font-size: 16px;
	margin-bottom: 15px;
}
.inner-page-content ul{
	margin-bottom: 15px;
}
.inner-page-content ul li{
	font-size: 16px;
}
.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none;
}
.banner-slide img{
	width: 100%;
	height: auto !important;
}
.category-wrapper h2{
	font-size: 30px;
	margin-bottom: 30px;
	text-align: center;
}
.product-button-wrapper{
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.login-section button{
	border-radius: 25px;
	font-size: 15px;
	padding: 6px 30px;
}
.login-section button.btn-primary{
	background-color: #2c4b79;
	border-color: #2c4b79;
}
.login-section button.btn-outline-primary{
	border-color: #2c4b79;
	color: #2c4b79;
}
.community-section ul , .brands-section ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.community-section ul li , .brands-section ul li{
	padding-bottom: 7px;
}
.community-section ul li a , .brands-section ul li a{
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: #191919;
	text-decoration: none;
}
.community-section ul li:last-child , .brands-section ul li:last-child {
	padding-bottom: 0;
}
.community-section h5 , .brands-section h5{
	font-size: 18px;
	margin-bottom: 15px;
}
.menu-section{
	padding-bottom: 15px;
	padding-top: 10px;
}
.menu-section h5{
	font-size: 18px;
	margin-bottom: 8px;
}
.banner-pagination {
	position: absolute;
	bottom: 10px !important;
	left: 50% !important;
	transform: translateX(-50%);
	z-index: 1;
	background: #2c4b79;
	padding: 7px 10px;
	line-height: 1;
	border-radius: 20px;
	max-width: max-content;
	display: flex;
	align-items: center;
	gap: 5px;
}
.banner-pagination .swiper-pagination-bullet{
	margin: 0 !important;
	width: 10px;
	height: 10px;
	background: #fff;
}
.banner-pagination .swiper-pagination-bullet-active{
	background: #fff;
}
.ban-button-prev{
	background-color: #2c4b79;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	left: 15px;
	z-index: 1;
	box-shadow: 0px 4px 4px 0px #00000040;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: background-color 0.3s ease;
	line-height: 35px;
	text-align: center;
}
.ban-button-prev:after{
	content: "\f060";
	font-family: "Font Awesome 5 Free";
	font-size: 18px;
	font-weight: 900;
	color: white;
}
.ban-button-next{
	background-color: #2c4b79;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	transition: background-color 0.3s ease;
	right: 15px;
	z-index: 1;
	box-shadow: 0px 4px 4px 0px #00000040;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	line-height: 35px;
	text-align: center;
}
.ban-button-next:after{
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-size: 18px;
	font-weight: 900;
	color: white;
}
.filter-category{
	margin-bottom: 15px;
}
.filter-category h4{
	font-size: 20px;
	margin-bottom: 10px;
}
.filter-category ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.filter-category ul li{
	position: relative;
	font-size: 17px;
	font-weight: 500;
	color: #191919;
}
.filter-category ul li i{
	cursor: pointer;
	font-size: 14px;
	position: absolute;
	right: 0;
	color: #191919;
}
.child-categories {
	display: none;
}
.price-head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.price-head h4{
	font-size: 20px;
	margin-bottom: 0;
}
.price-inputs{
	display: flex;
	align-items: center;
	gap: 10px;
}
.price-input input{
	width: 100%;
	outline: none;
	border: 1px solid #EAEAEA;
	background-color: #F8F8F8;
	padding: 5px 10px;
	border-radius: 8px;
	font-size: 15px;
	color: #191919;
}
.filter-price{
	margin-bottom: 15px;
}
.filter-submit{
	border: none;
	outline: none;
	background-color: #2c4b79;
	border-radius: 25px;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px;
}
.subcategory-section{
	padding-top: 60px;
}
.subcategory-section h2{
	font-size: 28px;
	margin-bottom: 18px;
}
.product-line-box{
	padding: 9px;
	background-color: #f8f8f8;
	border-radius: 12px;
}
.product-line-img {
	border-radius: 12px;
	overflow: hidden;
}
.product-line-img img{
	width: 100%;
}
.product-line-content{
	margin-top: 10px;
}
.product-line-content h3{
	font-size: 16px;
	margin-bottom: 5px;
}
.product-line-content h3 a{
	color: #191919;
	text-decoration: none;
}
.product-line-content p{
	font-size: 12px;
	margin-bottom: 0;
}
.custom-pagination{
	margin-top: 15px;
}
.page-numbers{
	display: flex;
	flex-flow: wrap;
	gap: 10px;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}
.page-numbers li .page-numbers{
	height: 40px;
	width: 40px;
	line-height: 40px;
	border-radius: 50%;
	color: #2c4b79;
	border: 1px solid #2c4b79;
	text-decoration: none;
	transition: 0.4s all;
}
.page-numbers li .page-numbers:hover{
	background: #2c4b79;
	color: #fff;
}
.page-numbers li .page-numbers.current{
	background: #2c4b79;
	color: #fff;
}
.single-page-breadcrumbs{
	margin-top: 10px;
}
.single-page-breadcrumbs ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-flow: wrap;
	align-items: center;
	gap: 10px;
}
.single-page-breadcrumbs ul li{
	font-size: 16px;
	font-weight: 500;
	color: #2c4b79;
}
.single-page-breadcrumbs ul li a{
	color: #191919;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 10px;
}
.single-page-breadcrumbs ul a:after{
	content: '\f105';
	font-family: 'FontAwesome';
	font-size: 14px;
}
.variations tr{
	display: flex;
	flex-flow: column;
	gap: 7px;
}
.variations tr .label{
	width: 100%;
}
.variations tr .label label{
	font-size: 16px;
	font-weight: 500;
}
.variations tr .value{
	width: 100%;
}
.single_variation_wrap{
	width: 100%;
}
.woocommerce-variation-add-to-cart {
	display: flex;
	align-items: center;
	gap: 10px;
}
.thwvsf-rad-li{
	width: 100% !important;
	display: flex;
	flex-flow: wrap !important;
	gap: 10px;
}
.thwvsf-rad-li .th-container{
	max-width: max-content;
	margin-bottom: 0 !important;
	padding: 5px  10px 5px 10px !important;
	border-radius: 25px;
	background-color: #f8f8f8 !important;
	font-size: 14px;
	overflow: hidden;
}
.thwvsf-rad-li .checkmark{
	display: none;
}
.thwvsf-rad-li .th-container.out_of_stock{
	cursor: not-allowed;
	pointer-events: none;
	text-decoration: line-through;
	color: red;
}
.thwvsf-rad-li .th-container.thwvsf-selected {
	background-color: #2c4b79 !important;
	color: #fff !important;
}
.thwvsf-rad-li .th-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	width: 100%;
	inset: 0;
	height: 100%;
}
.range-values {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
	gap: 10px;
}
.form-check{
	position: relative;
}
input[type="checkbox"]:checked ~ .form-check-label {
    color: #2c4b79;
    text-decoration: underline;
}
.form-check-label .toggle-icon{
	cursor: pointer;
	font-size: 14px;
	position: absolute;
	right: 0;
	color: #191919;
}
.form-check-label{
	font-size: 17px;
	font-weight: 500;
	color: #191919;
}
.accordion-item{
	border: none;
}
.accordion-body{
	padding: 0;
}
.accordion-button{
	padding: 0;
	margin-bottom: 20px;
	color: #212829 !important;
	font-size: 26px;
	text-transform: uppercase;
	font-weight: 400;
}
.accordion-item:first-of-type > .accordion-header .accordion-button{
	border-top-left-radius: unset;
	border-top-right-radius: unset;
}
.accordion-button:focus{
	box-shadow: unset;
}
.accordion-button:not(.collapsed){
	box-shadow: unset;
	background-color: unset;
}
.brand-img{
	border-radius: 4px;
	padding: 20px;
	overflow: hidden;
	background: linear-gradient(180deg, #0b1220 0%, #32415f 60%, #111827 100%);
}
.brand-img img{
	width: 85px;
	height: 85px;
	object-fit: contain;
	transition: .3s ease-in-out;
}
.sub-menu .brand-img img{
	width: 95px;
	height: 95px;
}
.brand-name h3{
	font-size: 13px;
	margin-top: 11.62px;
	margin-bottom: 0;
	color: #212529;
}
.brand-box a{
	text-decoration: none;
}
.brand-sec h1{
	font-size: 30px;
	margin-bottom: 30px;
}
.brand-sec{
	padding: 30px 0 70px;
}
.brand-index-wrapper{
	margin-top: 60px;
}
.brand-index h2{
	font-size: 22px;
	text-transform: capitalize;
	margin-bottom: 20px;
}
.brand-index ol{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-flow: wrap;
	align-items: center;
	justify-content: center;
}
.brand-index ol li .filter-btn{
	background: none;
	padding: 0;
	border: 1px solid rgb(229, 229, 229);
	cursor: pointer;
	display: inline-flex;
	font-size: 14px;
	width: 38px;
	height: 38px;
	min-width: 38px;
	min-height: 38px;
	align-items: center;
	justify-content: center;
	transition: background-color .2s ease;
}
.brand-index ol li .filter-btn.active{
	background-color: #2c4b79;
	color: #fff;
}
.brand-index ol li button:not([disabled]):hover{
	background-color: #2c4b79;
	color: #fff;
}
.brand-group-list-wrapper{
	margin-top: 40px;
}
.brand-group-list{
	margin: 0;
	padding: 0;
	list-style: none;
}
.brand-group{
	margin-bottom: 34px;
}
.brand-group-heading{
	margin-bottom: 20px;
	padding: 9px 18px 10px;
	background-color: #E2C4794D;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.brand-group-heading h2{
	margin-bottom: 0;
	font-size: 21px;
}
.brand-group-heading a{
	font-size: 14px;
	color: #121212;
	text-decoration: none;
	letter-spacing: 0;
	transition: opacity .2s ease;
	position: relative;
}
.brand-group-heading a:before{
	content: "";
	position: absolute;
	display: block;
	border-bottom: 1px solid currentColor;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	transform: scaleX(0);
	transition: transform .2s ease-in-out;
}
.brand-group-heading a:hover:before {
	transform: scaleX(1);
}
.brand-index-list{
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(8,1fr);
	gap: 14px;
}
.sub-menu .brand-index-list{
	grid-template-columns: repeat(5,1fr);
}
.view-all-brands{
	text-align: center;
	margin-top: 20px;
}
.view-all-brands a{
	display: inline-block;
	text-decoration: none;
	font-size: 16px !important;
	padding: 6px 30px;
	background-color: #2c4b79;
	border-radius: 20px;
	transition: background-color 0.3s ease;
}
.mobile-menus{
	display: none;
	margin: 10px 0;	
}
.mobile-menus ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	gap: 10px;
	overflow-y: auto;
	scrollbar-width: none;
}
.mobile-menus ul li a{
	font-size: 14px;
	padding: 5px 18px;
	border-radius: 20px;
	background-color: #f5f5f5;
	color: #4A5567;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
}
.brand-upper-box a{
	text-decoration: none;
}
.brand-upper-img{
	background-color: #f8f8f8;
	border-radius: 50%;
	transition: background-color 0.3s ease;
	padding: 25px;
}
.brand-upper-img img{
	width: 100%;
	height: 100%;
}
.brand-upper-box:hover .brand-upper-img{
	background-color: #dddddd;
}
.brand-upper-name h3{
	font-size: 16px;
	margin-top: 12px;
	margin-bottom: 0;
	text-align: center;
	color: #121212;
}
.sub-menu .submenu-title{
	font-size: 26px;
	margin-bottom: 14px;
	padding: 0 15px;
}
.page-brands .categories-section{
	padding: 70px 0 0;
}
.search-bar{
	position: relative;
}
.header-serach-bar{
	border: 1px solid #2c4b79;
	overflow: hidden;
	border-radius: 25px;
	position: relative;
}
.header-serach-bar input{
	border: none;
	outline: none;
	background: #fff;
	padding: 7px 10px;
	height: 38px;
	font-size: 14px;
	width: 100%;
}
.header-serach-bar i{
	position: absolute;
	right: 2px;
	top: 2px;
	height: 35px;
	width: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 50px;
	background: #2c4b79;;
	color: #fff;
}
.header-serach-bar input::placeholder{
	color: #2c4b79;
}
#live-search-results ul{
	margin: 0;
	padding: 10px 15px 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: wrap;
	gap: 15px;
}
#live-search-results ul li{
	width: 32%;
}
#live-search-results ul li a{
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	color: #000;
	background: #fff;
	border-radius: 10px;
	padding: 10px;
}
#live-search-results ul li a .thumb{
	height: 95px;
	width: 95px;
	overflow: hidden;
	border-radius: 10px;
}
#live-search-results ul li a .thumb img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
#live-search-results ul li a .info{
	flex: 1;
}
#live-search-results ul li a .info .title , #live-search-results ul li a .info .price{
	font-size: 16px;
	font-weight: 600;
}
.all-search{
	text-align: center;
	padding: 15px 0;
}
.all-search a{
	text-decoration: none;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	background: #2c4b79;
	color: #fff;
	padding: 8px 15px;
	display: inline-block;
	border-radius: 50px;
}
.single-product-slider {
	display: flex;
	flex-flow: column-reverse;
	gap: 10px;
}
.carousel-inner{
	padding: 10px;
}
.carousel-item img{
	width: 100%;
	border-radius: 20px;
	box-shadow: 0 2px 10px 0 #00000013;
}
.thumbnail-list{
	display: flex;
	flex-flow: wrap;
	align-items: center;
	gap: 12px;
}
.thumbnail-swiper{
	margin-top: 10px;
}
.img-thumbnail{
	cursor: pointer;
	padding: 0;
	border: 1px solid #dcdcdc;
	box-shadow: 2px 3px 5px 0px #dcdcdc;
	border-radius: 10px;
	aspect-ratio: 1/1;
}
.main-swiper img{
	border: 1px solid #dcdcdc;
	box-shadow: 2px 3px 5px 0px #dcdcdc;
	border-radius: 10px;
	aspect-ratio: 1/1;
}
.slider-buttons{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
}
.carousel-control-prev , .carousel-control-next{
	height: 35px;
	width: 35px;
	border-radius: 50%;
	background: #2c4b79;
	opacity: 1;
	position: unset;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
	width: 1rem;
	height: 1rem;
}
.product-description h3{
	font-size: 17px;
	color: #212529;
	margin-bottom: 12px;
}
.product-description ul{
	margin-bottom: 12px;
	padding-left: 17px;
}
.product-description ul li{
	font-size: 15px;
	line-height: 1.6;
	color: #000000;
}
.product-description p{
	font-size: 15px;
	line-height: 1.6;
	color: #000000;
	margin-bottom: 12px;
}
.product-description p:last-child{
	margin-bottom: 0;
}
.single-product-info {
	padding-bottom: 15px;
	border-bottom: 2px dotted #2c4b79;
	margin-bottom: 20px;
}
.product-description{
	padding-bottom: 10px;
	border-bottom: 2px dotted #2c4b79;
	margin-bottom: 15px;
}
.description-text h3{
	font-size: 26px;
	font-weight: 400;
	margin-bottom: 12px;
}
.description-text p{
	font-size: 15px;
	text-align: justify;
	color: #000;
	line-height: 1.6;
	margin-bottom: 12px;
}
.description-text ul{
	margin-bottom: 12px;
	padding-left: 17px;
}
.description-text ul:last-child , .description-text p:last-child{
	margin-bottom: 0;
}
.description-text ul li{
	font-size: 15px;
}
.des-sec-info{
	margin-bottom: 20px;
}
.des-sec-info span {
	color: #fff;
	background-color: #2c4b79;
	border-color: #2c4b79;
	font-size: 15px;
	margin-bottom: 0;
	padding: 8px 16px;
	display: inline-block;
	text-transform: capitalize;
}
.single-product-info a{
	font-size: 14px;
	text-decoration: none;
	color: #2c4b79;
}
.product-title {
	font-size: 35px;
	margin: 12px 0;
}
.yay-currency-single-page-switcher{
	margin-bottom: 0 !important;
}
.price-input {
	width: 100%;
	display: flex;
	gap: 10px;
	margin-bottom: 30px;
}
.price-input .field {
	display: flex;
	flex-flow: column;
	width: 100%;
}
.field input{
	width: 100%;
	height: 100%;
	outline: none;
	font-size: 19px;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #999;
	-moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
.price-slider {
	height: 5px;
	position: relative;
	background: #ddd;
	border-radius: 5px;
}
.price-slider .progress {
	height: 100%;
	/* 	left: 25%;
	right: 25%;
	position: absolute; */
	border-radius: 5px;
	/* 	background: #17a2b8; */
}
.range-input {
	position: relative;
}
.range-input input {
	position: absolute;
	width: 100%;
	height: 5px;
	top: -5px;
	background: none;
	pointer-events: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input[type="range"]::-webkit-slider-thumb {
	height: 17px;
	width: 17px;
	border-radius: 50%;
	background: #17a2b8;
	pointer-events: auto;
	-webkit-appearance: none;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
input[type="range"]::-moz-range-thumb {
	height: 17px;
	width: 17px;
	border: none;
	border-radius: 50%;
	background: #17a2b8;
	pointer-events: auto;
	-moz-appearance: none;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.custom-price {
	font-size: 16px;
	font-weight: 600;
	display: block;
	margin: 5px 0;
}
.custom-price del{
	font-size: 14px;
	color: red;
}
.custom-price ins{
	color: green;
}
.product-line-logo a{
	display: inline-block;
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
	height: 55px;
	width: 100px;
}
.product-line-logo img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.single-product-sec {
	padding-top: 40px;
}
.sub_popup_main {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 99999;
}
.sub_popup {
	box-shadow: 0 0 0 .5px rgba(18, 21, 26, .08), 0 4px 8px rgba(18, 21, 26, .04), 0 8px 16px -2px rgba(18, 21, 26, .04), 0 16px 32px -4px rgba(18, 21, 26, .04);
	display: flex;
	gap: 20px;
	position: relative;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-radius: 12px;
	overflow: hidden;
	width: 100%;
	max-width: 600px;
	background: #fff;
	padding: 20px;
}
.sub_popup h2{
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 0;
	font-weight: 600;
}
.sub_popup p{
	font-size: 16px;
	text-align: center;
	max-width: 85%;
}
.age-verification-btns {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 25px;
}
.age-verification-btns a{
	padding: 10px;
	display: inline-block;
	width: 90px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	background: #2c4b79;
	color: #fff;
	text-decoration: none;
}
.age-verification-btns a:last-child{
	background: #000;
}
.woocommerce-input-wrapper label.checkbox{
	text-align: left ;
}


.par-cat-logo{
	height: 70px;
	width: 120px;
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
	margin: 0 auto 10px;
}
.par-cat-logo img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#fkcart-floating-toggler{
	right: 15px !important;
	bottom: 15px !important;
}
.user-card .user{
	padding: 6px 15px 6px 6px;
	background: #2c4b79;
	border-radius: 50px;
	text-decoration: none;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	text-transform: capitalize;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.user-card .user:before{
	content: '';
	display: block;
	position: absolute;
	width: 150%;
	height: 150%;
	background: #191919;
	transform: translateY(0);
	top: 0;
	left: -25%;
	border-radius: 50%;
	animation-name: plugButtonSlideAboveButton;
	animation-duration: .5s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	will-change: transform,opacity;
	transition: background .3s linear;
	z-index: -1;
}
.user-card .user:hover:before{
	animation-name: plugButtonSlideOverButton;
	animation-duration: .5s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-timing-function: ease;
	background: #191919;
}
.user-card .user .user-icon {
	height: 27px;
	width: 27px;
	line-height: 27px;
	text-align: center;
	border-radius: 50px;
	background: #fff;
	color: #2c4b79;
}
.user-menu-wrapper{
	position: relative;
}
.user-menu-wrapper:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 8px;
	top: 100%;
	left: 0;
}
.user-dropdown{
	position: absolute;
	background: #fff;
	min-width: 200px;
	z-index: 9999;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	border-radius: 6px;
	margin-top: 8px;
	transition: 0.3s all;
	display: none;
}
.user-dropdown ul{
	margin: 0;
	padding: 15px;
	list-style: none;
}
.user-dropdown ul li{
	margin-bottom: 3px;
	position: relative;
	transition: 0.4s all;
}
.user-dropdown ul li a , .user-dropdown .user-logout a{
	text-decoration: none;
	color: #000;
	font-size: 16px;
	display: block;
	text-transform: capitalize;
	transition: 0.4s all;
}
.user-dropdown ul li:last-child{
	margin-bottom: 0;
}
.user-dropdown ul li::before{
	content: '\f061';
	font-family: 'FontAwesome';
	color: #2c4b79;
	font-weight: 600;
	font-size: 15px;
	display: none;
	position: absolute;
	top: 52%;
	left: 0;
	transform: translateY(-50%);
}
.user-dropdown ul li:hover::before{
	display: block;
}
.user-dropdown ul li:hover a{
	padding-left: 22px;
	color: #2c4b79;
}
.user-dropdown .user-logout{
	padding: 5px 15px;
	border-top: 1px solid #000;
}
.user-menu-wrapper:hover .user-dropdown{
	display: block;
}
.woocommerce-notices-wrapper h2{
	font-size: 30px;
	margin-bottom: 0;
}
.woocommerce form.login, .woocommerce form.register{
	border: none;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	margin: 25px 0;
}
.woocommerce form.login .woocommerce-button, .woocommerce form.register .woocommerce-button{
	background: #2c4b79;
	color: #fff;
	border-radius: 50px;
	font-size: 16px;
	font-weight: 500;
}
.woocommerce form p{
	font-size: 15px;
	margin-bottom: 5px;
}
.woocommerce form p a{
	color: #212529;
	font-weight: 700;
}
.myAccount-section {
	padding: 60px 0;
}
.woocommerce-MyAccount-navigation ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.woocommerce-MyAccount-navigation ul li a{
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	padding: 10px;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-decoration: none;
	display: block;
	background: #f8f8f8;
}
.woocommerce-MyAccount-navigation ul li.is-active a{
	background-color: #2c4b79;
	border-right: 1px solid transparent;
	color: #fff;
	padding: 10px 25px;
}
.woocommerce-MyAccount-content p{
	font-size: 16px;
	margin-bottom: 0;
}
.woocommerce-MyAccount-content p a{
	color: #212529;
	font-weight: 700;
}
.search-tags {
	display: flex;
	flex-flow: wrap;
	gap: 5px;
}
.search-tags strong{
	flex: 0 0 100%;
}
span.tag-name {
	padding: 3px 10px;
	border-radius: 50px;
	background: #f9f9f9;
	font-size: 14px;
}
.e-liquid-product-section h1{
	font-size: 25px;
	margin-bottom: 15px;
}
.product-tags-filter{
	display: flex;
	flex-flow: column;
}
.accordion-body ul{
	margin-bottom: 0;
}
.show-more-in-group , .show-less-in-group{
	text-decoration: none;
	font-weight: 500;
	text-transform: capitalize;
	background: #2c4b79;
	color: #fff;
	padding: 5px 10px;
	border-radius: 50px;
	font-size: 12px;
	border: none;
	outline: none;
}
.show-less-in-group{
	background: #000;
	margin-left: 7px;
}
.footer-text p{
	font-size: 15px;
	margin-top: 10px;
}
.login-section .user{
	max-width: max-content;
	padding: 6px 15px 6px 6px;
	background: #2c4b79;
	border-radius: 50px;
	text-decoration: none;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	text-transform: capitalize;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.login-section .user .user-icon {
	height: 27px;
	width: 27px;
	line-height: 27px;
	text-align: center;
	border-radius: 50px;
	background: #fff;
	color: #2c4b79;
}
.login-section .user:before {
	content: '';
	display: block;
	position: absolute;
	width: 150%;
	height: 150%;
	background: #191919;
	transform: translateY(0);
	top: 0;
	left: -25%;
	border-radius: 50%;
	animation-name: plugButtonSlideAboveButton;
	animation-duration: .5s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	will-change: transform, opacity;
	transition: background .3s linear;
	z-index: -1;
}
.login-section .user:hover:before {
	animation-name: plugButtonSlideOverButton;
	animation-duration: .5s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-timing-function: ease;
	background: #191919;
}
.shirt-sizes{
	margin-bottom: 5px;
}
.e-liquid-product .product-card , #product-list .product-card{
	margin-bottom: 24px;
}
.blogs-sec {
	padding: 0 0 60px;
}
.blogs-sec h2{
	font-size: 32px;
	margin-bottom: 30px;
}
.blog-box{
	display: flex;
	align-items: center;
	gap: 15px;
	box-shadow: 0px 0px 5px #0000001c;
	padding: 15px;
	border-radius: 12px;
	background: #fff;
	margin-bottom: 24px;
	text-decoration: none;
	color: #000;
}
.blog-img{
	height: 150px;
	width: 150px;
	flex: 0 0 150px;
	border-radius: 12px;
	overflow: hidden;
}
.blog-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.blog-content{
	padding: 12px;
	border-radius: 12px;
	background: #f9f9f9;
}
.blog-content h3{
	font-size: 20px;
	text-transform: capitalize;
	margin-bottom: 5px;
}
.blog-content p{
	font-size: 15px;
}
.blog-btn a{
	position: relative;
	display: block;
	padding: 9px 20px;
	background: #2c4b79;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	border-radius: 20px;
	margin: auto;
	max-width: max-content;
	overflow: hidden;
	z-index: 1;
}
.blog-btn a::before{
	content: '';
	display: block;
	position: absolute;
	width: 150%;
	height: 150%;
	background: #191919;
	transform: translateY(0);
	top: 0;
	left: -25%;
	border-radius: 50%;
	animation-name: plugButtonSlideAboveButton;
	animation-duration: .5s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	will-change: transform,opacity;
	transition: background .3s linear;
	z-index: -1;
}
.blog-btn a:hover::before{
	animation-name: plugButtonSlideOverButton;
	animation-duration: .5s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-timing-function: ease;
	background: #191919;
}
.breadcrumbs {
	padding: 15px 0;
	background: #000;
	margin-bottom: 60px;
}
.breadcrumbs h1{
	font-size: 32px;
	margin-bottom: 10px;
	color: #fff;
}
.breadcrumbs ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	gap: 10px;
}
.breadcrumbs ul li{
	font-size: 14px;
	color: #fff;
}
.breadcrumbs ul li a{
	color: #fff;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 10px;
}
.breadcrumbs ul li a::after{
	content: '\f105';
	font-family: 'FontAwesome';
	font-size: 14px;
}
button.custom_button:disabled {
	cursor: not-allowed;
	opacity: 0.5;
}
.variation-select{
	width: 100%;
	font-size: 13px;
	padding: 3px 5px;
	outline: none;
}
.single-blog-info-sec{
	padding: 60px 0;
}
.single-blog-info-box{
	padding: 48px 20px;
	background: linear-gradient(180deg,#0b1220 0%,#0b1220 60%,#111827 100%);
	text-align: center;
	margin-bottom: 40px;
}
.single-blog-info-box h1{
	font-size: 40px;
	color: #E5F2FF;
	line-height: 1.15;
	margin-bottom: 8px;
	font-weight: 800;
}
.single-blog-info-box h2{
	color: #a7d8ff;
	font-size: 18px;
	margin: 0 0 20px;
	font-family: "Outfit", sans-serif;
}
.single-blog-info-box .single-blog-info-img{
	width: 100%;
	max-width: 980px;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.single-blog-publish-info{
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	justify-content: center;
	color: #bfe6ff;
	font-size: 14px;
	margin-top: 16px;
}
.single-blog-info-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	align-items: center;
	margin-top: 14px;
}
.single-blog-info-btns a{
	display: inline-block;
	padding: 14px 24px;
	border-radius: 10px;
	font-weight: 700;
	text-decoration: none;
	transition: all .2s;
	text-align: center;
	min-width: 220px;
	background: #2c4b79;
	color: #fff;
}
.essential-box-wrapper{
	padding: 24px;
	background: linear-gradient(180deg,#f8fbff, #f3f6fb);
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	box-shadow: 0 6px 20px rgba(0,0,0,.06);
	margin-bottom: 40px;
}
.essential-box-wrapper h2{
	font-size: 26px;
	color: #0284c7;
	font-weight: 500;
	margin-bottom: 14px;
}
.essential-box{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}
.essential-box h3{
	font-size: 18px;
	margin-bottom: 6px;
	font-weight: 800;
}
.essential-box ul{
	list-style: disc;
	padding-left: 17px;
}
.essential-box ul li{
	font-size: 16px;
	margin: 8px 0;
}
.essential-box ul li a{
	color: #0d6efd;
	text-decoration: underline;
}
.essential-box p{
	font-size: 16px;
	margin-bottom: 15px;
}
.essential-box p:last-child{
	margin-bottom: 0;
}
.single-blog-content-box{
	margin-bottom: 40px;
}
.single-blog-content-box h2{
	color: #0284c7;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 14px;
}
.single-blog-content-box p{
	font-size: 16px;
	margin-bottom: 15px;
	line-height: 1.8;
	color: #111827;
}
.single-blog-content-box p:last-child{
	margin-bottom: 0;
}
.single-blog-content-box ul{
	list-style: disc;
	padding-left: 17px;
}
.single-blog-content-box ul li{
	font-size: 16px;
	margin: 8px 0;
}
.blog-product-info{
	margin-bottom: 40px;
}
.blog-product-info-box-wrapper{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}
.blog-product-info .blog-product-info-title{
	color: #0284c7;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 14px;
}
.blog-product-info .blog-product-info-content{
	font-size: 16px;
	margin-bottom: 15px;
	color: #111827;
}
.blog-product-info-box{
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	box-shadow: 0 6px 20px rgba(0,0,0,.06);
	padding: 24px;
}
.blog-product-info-box h3 , .single-blog-content-box h3{
	font-size: 18px;
	margin-bottom: 6px;
	font-weight: 800;
}
.blog-product-info-box ul{
	list-style: disc;
	padding-left: 17px;
}
.blog-product-info-box ul li{
	font-size: 16px;
	margin: 8px 0;
}
.blog-product-info-box p{
	font-size: 16px;
	margin-bottom: 15px;
}
.blog-product-info-box p:last-child{
	margin-bottom: 0;
}
.tip-box{
	background: #eef7ff;
	border-left: 4px solid #38bdf8;
	padding: 16px;
	border-radius: 8px;
	margin-bottom: 40px;
}
.tip-info{
	font-size: 16px;
	display: inline-block;
	font-weight: 800;
	margin-bottom: 6px;
	color: #0284c7;
}
.tip-content{
	font-size: 16px;
	margin-bottom: 0;
}
.single-blog-table{
	padding: 24px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	box-shadow: 0 6px 20px rgba(0,0,0,.06);
}
.single-blog-table table{
	width: 100%;
}
.single-blog-table table th {
	background: #f9fafb;
	text-align: left;
	font-weight: 800;
	color: #0f172a;
}
.single-blog-table table caption {
	font-size: 16px;
	text-align: left;
	font-weight: 700;
	color: #0f172a;
}
.single-blog-table table th, .single-blog-table table td {
	font-size: 16px;
	border: 1px solid #e5e7eb;
	padding: 10px;
	vertical-align: top;
}
.blog-harmful-box{
	padding-bottom: 40px;
	border-bottom: 1px solid #e5e7eb;
	margin-bottom: 40px;
}
.blog-harmful-box h2 , .single-blog-faqs h2 , .jzvapes-qna-box h2{
	color: #0284c7;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 14px;
}
.blog-harmful-box p{
	font-size: 16px;
	margin-bottom: 15px;
	color: #111827;
}
.blog-harmful-box .bottom-line{
	font-size: 16px;
	margin-top: 10px;
}
.blog-harmful-box .harmful-btn{
	display: block;
	max-width: max-content;
	padding: 14px 24px;
	border-radius: 10px;
	font-weight: 700;
	text-decoration: none;
	transition: all .2s;
	text-align: center;
	min-width: 220px;
	background: #2c4b79;
	color: #fff;
	margin: 24px auto 0;
}
.single-blog-faqs{
	margin-bottom: 40px;
}
.single-blog-faqs-box{
	padding: 24px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	box-shadow: 0 6px 20px rgba(0,0,0,.06);
}
.single-blog-faq {
	display: flex;
	flex-flow: column;
	gap: 5px;
	margin-bottom: 15px;
}
.single-blog-faq:last-child{
	margin-bottom: 0;
}
.single-blog-faq .question{
	font-size: 16px;
	color: #212529;
	font-weight: 700;
}
.single-blog-faq .answer{
	font-size: 16px;
}
.jzvapes-qna{
	padding: 24px;
	background: linear-gradient(180deg,#f8fbff, #f3f6fb);
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	box-shadow: 0 6px 20px rgba(0,0,0,.06);
}
.jzvapes-qna .faqContentBox{
	padding: 20px;
}
.jzvapes-qna .faqContentBox .contentWrap h3{
	font-size: 16px;
	font-weight: 700;
	font-family: "Outfit", sans-serif;
}
.jzvapes-qna .faqContentBox .contentWrap p{
	margin-top: 10px;
}
.single-blog-categories{    
	padding: 24px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	box-shadow: 0 6px 20px rgba(0,0,0,.06);
}
.single-blog-categories h3{
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 800;
}
.faqContentBox{
	position: relative;
	width: 100%;
	background: transparent;
	border-radius: 20px;
	padding: 20px;
	display: flex;
	align-items: flex-start;
	gap: 18px;
	line-height: 1;
	cursor: pointer;
}
.faqContentBox .imgWraps .plusImg img {
	max-width: 100%;
	height: auto;
}
.faqContentBox .imgWraps .minusImg {
	display: none;
}
.faqContentBox .imgWraps .minusImg img {
	max-width: 100%;
	height: auto;
}
.faqContentBox .contentWrap {
	flex: 1;
}
.faqContentBox .contentWrap h3 {
	font-size: 16px;
	font-weight: 700;
	font-family: "Outfit", sans-serif;
}
.faqContentBox .contentWrap p {
	margin-bottom: 0px;
	margin-top: 10px;
	color: #535353;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	display: none;
}
.faqContentBox.shrinked {
	background-color: #ffffff;
}
.single-blog-categories-wrapper{
	display: flex;
	flex-flow: column;
	gap: 10px;
}
.single-blog-categories-wrapper a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	padding: 10px;
	background: linear-gradient(180deg,#0b1220 0%,#0b1220 60%,#111827 100%);
	border-radius: 10px;
}
.single-blog-categories-wrapper a img{
	height: 60px;
	width: auto;
	border-radius: 5px;
}
.single-blog-categories-wrapper a h4{
	font-size: 12px;
	font-weight: 700;
	font-family: "Outfit", sans-serif;
	margin: 0;
	color: #fff;
}
.blog-link-btn{
	margin-top: 15px;
}
.blog-link-btn a{
	display: block;
	max-width: max-content;
	padding: 14px 24px;
	border-radius: 10px;
	font-weight: 700;
	text-decoration: none;
	background: #2c4b79;
	color: #fff;
	margin: auto;
}
.new-arrival-sec{
	padding: 60px 0;
}
.new-arrival-sec .product-card{
	margin-bottom: 24px;
}
.new-arrival-sec .pagination{
	justify-content: center;
	align-items: center;
}
.product-content .product-button .out-of-stock-btn{
	background: #D3D3D3 !important;
	cursor: not-allowed !important;
	opacity: 1 !important;
}
.qty-cart-section .stock.out-of-stock{
	padding: 10px 16px;
	width: 100%;
	text-align: center;
	background: #D3D3D3;
	border-radius: 25px;
	color: #fff;
	font-weight: 500;
	cursor: not-allowed;
}
.header-search-bar-results {
	position: fixed;
	background: #fff;
	width: 100%;
	height: 100%;
	z-index: 9999999999;
	top: 0;
	left: 0;
	overflow-y: auto;
	display: none;
}
.header-search-bar-results.active {
	display: block;
}
.suggested-section-wrapper {
	display: flex;
	flex-flow: column;
	gap: 20px;
	padding: 12px 0;
}
.suggested-categories-grid h2, .suggested-prod-section h2, .popular-sellers-wrapper h2 {
	font-size: 18px;
	margin-bottom: 12px;
	text-transform: capitalize;
	font-weight: 600;
	font-family: "Outfit", sans-serif;
}
.parent-thumbs{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	width: 100%;
}
.parent-thumbs .parent-thumb {
	background: unset;
	border: none;
	outline: none;
	padding: 10px;
	border-radius: 10px;
	transition: 0.3s ease-in-out;
}
.parent-thumbs .parent-thumb.active {
	background: #f8f8f8;
}
.parent-thumbs .suggest-parent-cat {
	display: flex;
	flex-flow: column;
	align-items: center;
}
.parent-thumbs .suggest-parent-cat img {
	width: 100%;
	border-radius: 15px;
	aspect-ratio: 1/0.5;
	object-fit: cover;
}
.parent-thumbs .parent-thumb .parent-name {
	padding: 5px 15px;
	background: #f8f8f8;
	display: inline-block;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-top: 5px;
	transition: 0.3s ease-in-out;
}
.parent-thumbs .parent-thumb.active .parent-name {
	background: #2c4b79;
	color: #fff;
}
.suggested-categories-tab {
	display: none;
	margin-top: 20px;
}
.suggested-categories-tab.active {
	display: block;
}
.brand-list-heading {
	font-size: 18px;
	margin-bottom: 10px;
	text-transform: capitalize;
	font-weight: 600;
	font-family: "Outfit", sans-serif;
}
.product-card-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 14px;
	width: 100%;
}
.product-card-grid .product-card {
	padding: 8px;
	border-radius: 10px;
	background: #f8f8f8;
}
.product-card-grid .product-card a {
	text-decoration: none;
	color: #000;
}
.product-card-grid .product-card .product-thumb {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}
.product-card-grid .product-card .product-thumb img {
	width: 100%;
	object-fit: cover;
	height: auto;
	aspect-ratio: 1 / 1;
}
.product-card-grid .product-card .product-title {
	font-size: 12px;
	font-weight: 500;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 0;
}
.product-card-grid .product-card .product-price {
	font-size: 11px;
	font-weight: 400;
}
.product-card-grid .product-card .product-price del{
	font-size: 11px;
}
.popular-seller {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 24px;
	row-gap: 14px;
	width: 100%;
}
.popular-seller a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 14px;
	border-bottom: 1px solid #ededed;
	text-decoration: none;
	color: #000;
}
.popular-cat-top {
	display: flex;
	gap: 5px;
}
.popular-seller a h3 {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 0;
}
.popular-seller a img {
	width: 100px;
	border-radius: 10px;
}
.brand-cat-list{
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 14px;
	width: 100%;
}
.brand-cat-box {
	display: block !important;
	text-align: center;
	padding: 10px;
	border-radius: 12px;
	background-color: #f8f8f8;
	text-decoration: none;
}
.brand-cat-box img {
	width: 100px;
	height: 100px;
	object-fit: contain;
	border-radius: 50%;
	margin-bottom: 10px;
	filter: invert(1);
}
.brand-cat-box h3 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	color: #000;
	margin: 0;
}
.header-search-top {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 0;
}
.header-search-top .back-btn {
	height: 35px;
	width: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	background: #2c4b79;
	border-radius: 50%;
	cursor: pointer;
}
.searchbar-input-wrapper {
	position: relative;
	flex: 1;
}
.searchbar-input-wrapper input {
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	padding-left: 20px;
	border-radius: 8px;
	background-color: #f5f5f5;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #9a9a9a;
}
.no-scroll {
	overflow: hidden;
	height: 100vh; /* prevent body moving */
}
.new-sub-menu{
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 150px;
	padding: 20px;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 15px 15px 0 rgba(0, 0, 0, .1);
	visibility: hidden;
	opacity: 0;
	transition: 0.3s 
		ease;
}
.nav-links ul .nav_link_item.has_submenu:hover .new-sub-menu{
	visibility: visible;
	opacity: 1;
}
.nav_link_item.has_submenu.new{
	position: relative;
}
.new-sub-menu ul{
	display: flex;
	flex-flow: column;
	align-items: start;
}
.new-sub-menu ul li a{
	color: #000 !important;
	text-decoration: none;
	text-transform: capitalize;
}
.AuthorizeNetSeal a {
	pointer-events: none;
	cursor: default;
}
.thumb-prev , .thumb-next{
	height: 25px;
	width: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #2c4b79;
	color: #fff;
	font-size: 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}
.thumb-prev{
	left: 0;
}
.thumb-next{
	right: 0;
}
.step-icon .AuthorizeNetSeal{
	width: 56px;
}
.step-icon .AuthorizeNetSeal a img{
	width: 56px;
	height: 57px;
	object-fit: contain;
}
.tip-wrapper{
	border: 1px solid #dedede;
	border-radius: 4px;
	overflow: hidden;
}
.tip-head{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px;
}
.tip-body{
	padding: 14px;
	background: #fafafa;
	border-top: 1px solid #dedede;
}
.tip-head input{
	position: relative !important;
	top: unset !important;
	left: unset !important;
}
.tip-percentage{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	overflow: hidden;
}
.tip-percent{
	padding: 9px;
	display: flex;
	flex-flow: column;
	align-items: center;
	background: #fff;
	cursor: pointer;
}
.tip-percent:first-child{
	border: 1px solid #dedede;
	border-radius: 4px 0 0 4px;
}
.tip-percent:nth-child(2){
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}
.tip-percent:last-child{
	border: 1px solid #dedede;
	border-radius: 0 4px 4px 0;
}
.tip-percent.active{
	border-color: rgba(207, 144, 94, 1);
	background: #0000000b;
}
.tip-percent p{
	font-size: 14px !important;
	color: #000 !important;
	margin-bottom: 0 !important
}
.tip-percent span{
	font-size: 12px !important;
	color: #707070;
}
.custom-tip-wrapper{
	display: flex;
	align-items: center;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #dedede;
	padding: 0 10px;
	width: 100%;
}
.custom-tip-wrapper input{
	padding: 13.5px 11px !important;
	border: none !important;
	outline: none !important;
	border-radius: unset !important;
}
.tip-btns{
	display: flex;
	align-items: center;
	gap: 8px;
}
.tip-btns button{
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	line-height: 1 !important;
	height: 36px;
	width: 36px;
	font-size: 25px !important;
	cursor: pointer;
}
#TipsInput-prefix{
	font-size: 16px;
	line-height: 1;
	font-weight: 600;
	color: #000;
}
.custom-tip-sec{
	display: flex;
	align-items: center;
	gap: 15px;
}
.add-tip-btn{
	border: none !important;
	height: 50px;
	width: 100px;
	background: #000 !important;
	color: #fff;
	border-radius: 4px;
	font-size: 13px !important;
	text-transform: uppercase;
	font-weight: 600;
	cursor: pointer;
}
.tip-body-wrapper{
	display: flex;
	flex-flow: column;
	gap: 15px;
}
.tip-body-wrapper p{
	margin-bottom: 0 !important;
}
.tip-title{
	font-size: 18px !important;
	font-weight: 600;
	color: #000000;
	display: block;
	margin-bottom: 7px;
}
.tip-sec{
	margin-bottom: 16px;
}
.shop-top-bar{
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: end;
}
.shop-top-bar select{
	height: 36px;
	width: 300px;
	border-radius: 4px;
	border: 1px solid #dedede;
	outline: none;
	color: #000;
	font-size: 14px;
	font-weight: 400;
}
#fkcart-modal .fkcart-quick-view-drawer .fkcart-product-form-wrap table th{
	width: 50px !important;
	min-width: 50px !important;
}
#fkcart-modal .fkcart-product-form-field .fkcart-input-label{
	min-width: 50px !important;
}
#fkcart-modal .fkcart-quick-view-drawer .fkcart-form-input-wrap .thwvsf-rad-li{
	gap: 5px;
}
#fkcart-modal .fkcart-quick-view-drawer .fkcart-form-input-wrap .thwvsf-rad-li .th-container{
	font-size: 9px;
	padding: 5px !important;
}
.checkout-sec{
	padding: 60px 0;
}
button#place_order {
	width: 100%;
	padding: 15px;
	border-radius: 25px;
	text-transform: uppercase;
	background: #2c4b79;
}
.checkout.woocommerce-checkout {
	box-shadow: 2px 2px 15px 3px rgba(0, 0, 0, 0.1);
	padding: 36px;
	background: #ffffff;
	border-radius: 12px;
	width: 100%;
	max-width: 900px;
	margin: auto;
}
.checkout.woocommerce-checkout h3{
	font-size: 18px;
}
.checkout.woocommerce-checkout input:focus, .checkout.woocommerce-checkout textarea:focus{
	color: #212529 !important;
	background-color: #fff;
	border-color: #86b7fe !important;
	outline: 0 !important;
	box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) !important;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
	background: #f6f6f6 !important;
}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select , .select2-container .select2-dropdown, .select2-container .select2-selection{
	border-color: #DFDBD4 !important;
}
.checkout.woocommerce-checkout .col-2 {
	margin-bottom: 15px;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{
	background: #ffffff;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{
	border-bottom-color: #ffffff;
}
input#authnet-card-cvc {
	width: 100% ! IMPORTANT;
}
#wc-authnet-cc-form input{
	color: #000 !important;
	font-size: 16px !important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
	border-top-color: #2c4b79 !important;
}
.woocommerce-info::before{
	color: #2c4b79 !important;
}
.woocommerce-form-coupon-toggle , form#woocommerce-checkout-form-coupon{
	width: 100%;
	max-width: 900px;
	margin: auto;
}
form#woocommerce-checkout-form-coupon{
	margin: 0 auto 30px;
}
form#woocommerce-checkout-form-coupon .form-row.form-row-first{
	width: 80% !important;
	margin: 0 !important;
}
form#woocommerce-checkout-form-coupon .form-row.form-row-last{
	width: 20% !important;
	margin: 0 !important;
}
form#woocommerce-checkout-form-coupon .form-row.form-row-last button{
	width: 100%;
	background: #2c4b79;
	color: #fff;
}
.announcement-sec{
	padding: 0 0 16px;
}
.announcement-sec h2{
	font-size: 32px;
	margin-bottom: 30px;
}
.announcement-box-wrapper{
	position: relative;
	overflow: hidden;
	padding: 15px;
	margin-bottom: 24px;
}
.announcement-box-wrapper:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 75%;
	background: #2c4b79;
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-webkit-transform: skew(-25deg);
	-ms-transform: skew(-25deg);
	transform: skew(-25deg);
	z-index: -1;
}
.announcement-box{
	position: relative;
	display: block;
	color: #fff;
}
.announcement-box img{
	width: 100%;
	text-decoration: none;
}
.announcement-box h3{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	text-transform: uppercase;
	font-size: 32px;
	font-weight: 400;
	letter-spacing: 1px;
}
.woocommerce-order-received .woocommerce-order {
	padding: 20px;
	border-radius: 20px;
	background-color: #f8f8f8;
}
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received{
	text-align: center;
	margin-bottom: 10px;
}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
	padding: 12px;
	background: #fff;
	border-radius: 12px;
	text-align: center;
	display: flex;
	flex-flow: wrap;
	align-items: center;
	justify-content: center;
	margin-bottom: 2em;
}
.woocommerce-order-received .woocommerce-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
	background: #FFF;
}
.woocommerce table.shop_table th{
	text-transform: uppercase;
}
.woocommerce-order-received .woocommerce-order h2 {
	font-size: 24px;
	text-transform: capitalize;
	margin-bottom: 12px;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details {
	margin-bottom: 15px;
}
.woocommerce-order-received .woocommerce-order .woocommerce-customer-details {
	margin-bottom: 0;
}
.woocommerce-order-received .woocommerce-order .woocommerce-customer-details address {
	background: #fff;
}
.woocommerce-order-received .woocommerce-order p {
	margin-bottom: 10px;
	text-align: center;
	font-size: 17px;
}
.woocommerce-customer-details--phone, .woocommerce-customer-details--email{
	margin-bottom: 0 !important;
	text-align: left !important;
}
.mycred-rank-banner{
	position: relative;
	padding: 25px;
	overflow: hidden;
}
.mycred-rank-banner::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 75%;
	background: #2c4b79;
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-webkit-transform: skew(-25deg);
	-ms-transform: skew(-25deg);
	transform: skew(-25deg);
	z-index: -1;
}
.mycred-rank-banner-inner{
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 15px;
	border: 1px solid #e0e0e0;
	background: #fff;
	box-shadow: 0 2px 5px rgba(0,0,0,0.03 );
}
.rank-img img{
	width: 100%;
	max-width: 220px;
}
.rank-content h2{
	font-size: 18px;
	margin-bottom: 5px;
}
.rank-content h3 {
	font-size: 16px;
	margin-bottom: 5px;
	font-family: "Outfit", sans-serif;
}
.rank-content h3 span {
	font-size: 18px;
	font-family: "Oswald", sans-serif;
	padding: 5px 15px;
	border-radius: 25px;
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	animation: blink 0.65s infinite ease alternate;
}
@keyframes blink{
	0% {
		background-color: #2c4b79;
	}
	100% {
		background-color: #000000;
	}
}
.rank-content p {
	font-size: 15px;
}
.membership-tab-content {
	display: none;
	transition: 0.3s ease-in-out;
	padding: 20px;
	background: #f6f6f6;
	border-left: 5px solid #2c4b79;
}
.membership-tab-content.active {
	display: block;
}
.member-img img{
	width: 100%;
}
.member-content h3 {
	font-size: 20px;
	margin-bottom: 10px;
}
.member-content h4 {
	font-size: 17px;
	margin-bottom: 0;
}
.member-content ul {
	list-style: disc;
	padding-left: 17px;
	margin: 12px 0;
}
.member-content ul li {
	font-size: 14px;
}
.member-content p {
	font-size: 12px;
}
.memebership-tabbing {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
}
.memebership-tab {
	cursor: pointer;
	transition: 0.3s ease-in-out all;
	background: #ffffff;
	padding: 12px;
	border-left: 5px solid #ffffff;
}
.memebership-tab.active , .memebership-tab:hover{
	background: #f6f6f6;
	border-left-color: #2c4b79;
}
.memebership-tab img {
	width: 100%;
	transition: 0.3s ease-in-out all;
}
.memebership-tab.active img  , .memebership-tab:hover img{
	transform: scale(1.01)
}
.vip-banner{
	padding-top: 40px;
}
.vip-banner-box{
	padding: 40px;
	background-image: radial-gradient(at bottom center, #014FA2 0%, #000000 60%);
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 25px;
}
.vip-banner-img{
	width: 450px;
	flex: 0 0 450px;
}
.vip-banner-img img{
	width: 100%;
}
.vip-banner-content h1{
	font-size: 32px;
	color: #fff;
	margin-bottom: 10px;
	font-family: "Outfit", sans-serif;
}
.vip-banner-content h2{
	font-size: 26px;
	color: #fff;
	margin-bottom: 0;
	font-family: "Outfit", sans-serif;
}
.benefit-sec{
	padding: 40px 0;
}
.benefit-box-wrapper{
	display: flex;
	flex-flow: column;
	gap: 10px;
}
.benefit-box{
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
	padding: 12px;
	background: #f6f6f6;
	transition: 0.3s all;
	cursor: pointer;
}
.benefit-box:before{
	content: '';
	width: 5%;
	height: 3px;
	background: #2c4b79;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: 0.3s all;
}
.benefit-box:nth-child(2):before{
	width: 7%;
}
.benefit-box:nth-child(3):before{
	width: 9%;
}
.benefit-box:nth-child(4):before{
	width: 11%;
}
.benefit-box:nth-child(5):before{
	width: 13%;
}
.benefit-box:nth-child(6):before{
	width: 15%;
}
.benefit-box:hover:before{
	width: 100%;
}
.benefit-box img{ 
	max-width: 100%;
}
.benefit-box p{
	font-size: 20px;
	font-weight: 500;
}
.section-title{
	font-size: 30px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 20px;
}
.membership-table{
	position: relative;
	margin-top: 25px;
	width: 100%;
	overflow-y: hidden;
}
.membership-table table {
	width: 100%;
	border-collapse: collapse;
	min-width: 700px;
}
.membership-table th:first-child, .membership-table td:first-child{
	min-width: 300px;
}
.membership-table table thead th {
	border: 1px solid #eee;
	padding: 9px 24px;
	font-size: 14px;
	font-weight: 700;
	background: #203763;
	color: #fff;
	text-transform: uppercase;
}
.membership-table table tbody td {
	border: 1px solid #eee;
	padding: 9px 24px;
	font-size: 14px;
	font-weight: 600;
}
.membership-sec{
	padding-bottom: 40px;
}
.faq-sec{
	padding: 40px 0;
}
.faq-sec h2{
	font-size: 30px;
	text-transform: capitalize;
	margin-bottom: 30px;
}
.faq-box-wrapper{
	display: flex;
	flex-flow: column;
	gap: 15px;
}
.faq-box{
	padding: 15px 20px;
	cursor: pointer;
	background: #f6f6f6;
	border-bottom: 3px solid #2c4b79;
}
.faq-question{
	display: flex;
	align-items: center;
	gap: 15px;
}
.faq-question h3{
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 0;
	flex: 1;
}
.faq-question i{
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	background: #2c4b79;
	flex: 0 0 30px;
	transition: 0.3s ease;
}
.faq-answer{
	padding: 15px;
	border: 1px solid #e0e0e0;
	background: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);
	border-radius: 15px;
	margin-top: 15px;
	display: none;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease, opacity 0.3s ease;
	opacity: 0;
}
.faq-box.active .faq-answer{
	display: block;
	max-height: unset;
	opacity: 1;
}
.faq-box.active .faq-question i{
	transform: rotate(180deg);
}
.announce-sec{
	padding: 40px 0;
}
.announce-box{
	text-decoration: none;
	color: #000;
}
.announce-header{
	background: #2c4b79;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px;
}
.announce-count{   
	height: 28px;
	width: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 50%;
	background: #fff;
	color: #2c4b79;
	font-weight: 600;
	font-size: 13px;
	flex: 0 0 28px;
}
.announce-header h3{
	font-size: 18px;
	color: #fff;
	margin-bottom: 0;
	flex: 1;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.announce-wrapper{
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 15px;
	border: 1px solid #e0e0e0;
	background: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);
	border-top: none;
	border-radius: 0 0 15px 15px;
}
.announce-img{
	height: 150px;
	width: 150px;
	flex: 0 0 150px;
	border-radius: 12px;
	overflow: hidden;
}
.announce-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.announce-content {
	padding: 15px;
	background: #f6f6f6;
	border-radius: 12px;
	height: 150px;
}
.announce-date {
	display: block;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.announce-content p{
	font-size: 14px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.single-announcement-sec{
	padding: 40px 0;
}
.single-announcement-info-box {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 30px;
	background: radial-gradient(at bottom center, #014FA2 0%, #000000 60%);
	margin-bottom: 25px;
	border-radius: 15px;
}
.single-announcement-img {
	flex: 0 0 200px;
	width: 200px;
	height: 200px;
	border-radius: 12px;
	overflow: hidden;
}
.single-announcement-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.single-announcement-info h1{
	font-size: 32px;
	color: #fff;
	margin-bottom: 16px;
	font-family: "Outfit", sans-serif;
}
.single-announcement-publish-info {
	display: flex;
	flex-flow: column;
	gap: 14px;
	color: #bfe6ff;
	font-size: 14px;
}
.single-announcement-content {
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .06);
	padding: 24px;
}
.single-announcement-content p, .single-announcement-content ul {
	margin-bottom: 10px;
	font-size: 15px;
}
.single-announcement-content ul {
	list-style: disc;
	padding-left: 17px;
}
.single-announcement-content p:last-child , .single-announcement-content ul:last-child {
	margin-bottom: 0;
}
.comment-form {
	display: flex;
	flex-flow: wrap;
	column-gap: 15px;
	row-gap: 10px;
	padding: 25px;
	width: 100%;
	max-width: 650px;
	margin: auto;
	border: 1px solid #e0e0e0;
	background: #fff;
	box-shadow: 0px 0px 5px #0000001c;
	border-radius: 20px;
}
.comment-form input[type=text], .comment-form input[type=email], .comment-form textarea {
	width: 100% !important;
	border: 1px solid #eee;
	outline: none;
	border-radius: 25px;
	padding: 6px 12px;
	font-size: 14px;
	background-color: #fff !important;
}
.comment-form input[type=text]:focus, .comment-form input[type=email]:focus, .comment-form textarea:focus {
	color: #212529 !important;
	background-color: #fff;
	border-color: #86b7fe !important;
	outline: 0 !important;
	box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) !important;
}
.comment-form-author, .comment-form-email {
	width: 48%;
	margin: 0 !important;
}
.comment-notes, .comment-form-rating, .comment-form-comment, .comment-form-image, .comment-form-cookies-consent, .form-submit {
	width: 100%;
	margin: 0 !important;
}
.comment-form-rating p {
	margin: 0 !important;
}
.form-submit input#submit {
	width: 100%;
	padding: 12px !important;
	border-radius: 25px !important;
	background: #000 !important;
	color: #fff !important;
	text-transform: uppercase;
	transition: 0.3s all;
}
.form-submit input#submit:hover{
	background: #2c4b79 !important;
}
.woocommerce p.stars a {
	color: #FFDF00 !important;
}
.comment-form-rating .stars span{
	display: block;
	line-height: 1;
}
.woocommerce #reviews #comments h2 {
	font-size: 20px;
	text-transform: capitalize;
	font-family: "Outfit", sans-serif;
	margin-bottom: 15px;
	text-align: center;
}
span#reply-title {
	font-size: 18px;
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
	display: block;
	text-transform: capitalize;
	font-weight: 600;
	font-family: "Outfit", sans-serif;
}
.woocommerce #reviews #comments ol.commentlist::after, .woocommerce #reviews #comments ol.commentlist::before{
	display: none;
}
.woocommerce #reviews #comments ol.commentlist {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
	justify-content: center;
	margin-bottom: 15px;
	padding: 0 !important;
}
.woocommerce #reviews #comments ol.commentlist li{
	margin: 0 !important;
	position: relative;
	overflow: hidden;
	padding: 10px 0 10px 10px;
}
.comment_container{
	position: relative;
	padding: 15px;
	display: flex;
	gap: 10px;
	border: 1px solid #e0e0e0;
	background: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
	margin: 0 !important;
	border: none !important;
	border-radius: unset !important;
	padding: 0 !important;
	flex: 1;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .description p {
	margin-bottom: 0;
	font-size: 14px;
	line-height: unset;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	position: relative;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
	margin-bottom: 0 !important;
}
.woocommerce .star-rating span::before {
	color: #FFDF00;
}
.woocommerce #reviews #comments .commentlist>li::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 75%;
	background: #2c4b79;
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-webkit-transform: skew(-25deg);
	-ms-transform: skew(-25deg);
	transform: skew(-25deg);
	z-index: -1;
}
strong.woocommerce-review__author {
	font-size: 17px;
}
.testimonial-sec{
	padding: 20px 0 60px;
}
.testimonial-sec h2{
	font-size: 32px;
	text-transform: capitalize;
	margin-bottom: 30px;
}
.testimonial-wrapper{
	position: relative;
	display: grid;
	grid-template-columns: repeat(3 , 1fr);
	gap: 24px;
}
.testimonial-box{
	position: relative;
	padding: 45px 20px 20px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.03 );
	margin-top: 30px;
	border-radius: 10px;
	border: 1px solid #e0e0e0;
}
.testimonial-top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px dashed #2c4b79;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.rev-prod-info{
	display: flex;
	align-items: center;
	gap: 7px;
	text-decoration: none;
}
.rev-prod-img img{
	height: 35px;
	width: 35px;
	border-radius: 50%;
}
.review-user{
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
}
.review-num{
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
	color: #2c4b79;
}
.total-rating{
	padding: 3px 7px;
	border-radius: 25px;
	background: #000;
	color: #FFDF00;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 11px;
	font-weight: 600;
}
.testimonial-img{
	position: absolute;
	left: 15px;
	top: -30px;
}
.testimonial-img img{
	width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius: 50%;
}
.review-text {
	font-size: 14px;
	color: #707680;
}
.review-rating {
	display: flex;
	align-items: center;
	color: #ffdf00;
	font-size: 12px;
	margin-top: 10px;
}
.header-serach-menu-wrapper{
	display: flex;
	align-items: center;
	gap: 10px;
}
.header-menu-button{
	display: none;
	height: 38px;
	width: 38px;
	line-height: 38px;
	text-align: center;
	border-radius: 50%;
	background: #2c4b79;
	color: #fff;
	cursor: pointer;
}
.header-serach-bar-wrapper{
	flex: 1;
}
/* Live Search Loader */
.live-search-loader {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 60px 20px;
	gap: 14px;
	color: #666;
	font-size: 14px;
}
.loader-spinner {
	width: 36px;
	height: 36px;
	border: 3px solid #e0e0e0;
	border-top-color: #000;
	border-radius: 50%;
	animation: spin 0.7s linear infinite;
}
@keyframes spin {
	to { transform: rotate(360deg); }
}
/* ===== Custom Loader ===== */
.custom-loader {
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0; left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(255,255,255,0.7);
	z-index: 99999;
}
.spinner {
	width: 50px;
	height: 50px;
	border: 5px solid rgba(0,0,0,0.1);
	border-top-color: #333;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}
@keyframes spin {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.e-liquid-product .row {
	transition: opacity 0.3s ease;
}
#active-filters-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 15px;
}
.active-filter-badge {
	display: inline-flex;
	align-items: center;
	background: #f0f0f0;
	border: 1px solid #ccc;
	border-radius: 20px;
	padding: 4px 10px;
	font-size: 13px;
	gap: 6px;
}
.active-filter-badge .remove-filter {
	cursor: pointer;
	font-weight: bold;
	color: #555;
	font-size: 15px;
	line-height: 1;
}
.active-filter-badge .remove-filter:hover {
	color: #000;
}
.clear-all-filters {
	background: transparent;
	border: none;
	color: #2c4b79;
	font-size: 13px;
	cursor: pointer;
	padding: 4px 8px;
	text-decoration: underline;
}
.clear-all-filters:hover {
	color: #c00;
}
.product-points p{
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 13px;
}
.product-points p img{
	max-width: 25px;
}
.product-points p span strong{
	color: #2c4b79;
	font-size: 16px;
}
/* fbt section */
.fbt-section{
	padding-top: 40px;
}
.fbt-title {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 20px; 
}
.fbt-wrapper {
	display: flex;
	flex-direction: column;
	gap: 24px; 
}
.fbt-images-row {
	display: flex; 
	align-items: center;
	gap: 12px;
	flex-wrap: wrap; 
}
.fbt-img-box {
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	overflow: hidden;
	background: #f9f9f9;
	transition: opacity .2s;
}
.fbt-img-box.fbt-dim {
	opacity: 0.35; 
}
.fbt-thumb {
	max-width: 120px !important;
	max-height: 120px;
	object-fit: contain; 
}
.fbt-plus {
	font-size: 16px;
	font-weight: 700;
	color: #333;
}
.fbt-bottom {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	flex-wrap: wrap; 
}
.fbt-list {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.fbt-item {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}
.fbt-item.fbt-dim .fbt-name {
	text-decoration: line-through;
	opacity: .5; 
}
.fbt-check-wrap { 
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}
.fbt-checkbox { 
	width: 16px;
	height: 16px;
	accent-color: #2c4b79;
	cursor: pointer;
	flex-shrink: 0;
}
.fbt-name { 
	font-size: 14px;
	font-weight: 500; 
}
.fbt-vars-wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
}
.fbt-vars {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap; 
}
.fbt-var-select {
	font-size: 13px;
	padding: 4px 30px 4px 12px;
	border: 1px solid #ccc;
	border-radius: 20px;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E") no-repeat right 10px center;
	-webkit-appearance: none; appearance: none;
	cursor: pointer;
}
.fbt-price {
	font-size: 16px;
	font-weight: 700;
	white-space: nowrap;
}
.fbt-summary {
	display: flex;
	flex-direction: column;
	min-width: 200px; 
}
.fbt-total-label {
	font-size: 14px;
	color: #555;
	margin: 0; 
}
.fbt-total-amount {
	font-size: 22px;
	font-weight: 700;
	margin: 0; 
}
.fbt-btn {
	background: #2c4b79; 
	color: #fff;
	border: none;
	padding: 15px 30px;
	font-size: 13px;
	font-weight: 700;
	border-radius: 30px;
	cursor: pointer;
	letter-spacing: .08em;
	text-transform: uppercase;
	transition: background .2s;
	white-space: nowrap;
}
.fbt-btn:hover { 
	background: #333; 
}
.fbt-btn:disabled { 
	opacity: .6;
	cursor: not-allowed; 
}
.fbt-added-msg { 
	color: green;
	font-size: 14px;
	margin: 0;
	font-weight: 500; 
}
.surge-purchase-options {
	display: flex;
	flex-direction: column;
	flex: 0 0 100%;
	gap: 15px;
}
.surge-option {
	border: 2px solid #e0e0e0;
	border-radius: 10px;
	padding: 15px;
	cursor: pointer;
	position: relative;
	display: block;
	transition: border-color 0.2s;
}
.surge-option:has(input:checked) {
	border-color: #2c4b79;
}
.surge-option input[type="radio"] {
	position: absolute;
	top: 18px;
	left: 15px;
}
.surge-option-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 25px;
}
.surge-option-title {
	font-weight: 600;
	font-size: 15px;
}
.surge-option-price {
	font-weight: 600;
	font-size: 15px;
}
.surge-option-price del {
	color: #999;
	margin-right: 6px;
	font-weight: 400;
}
.surge-save-badge {
	position: absolute;
	top: -12px;
	right: 12px;
	background: #f6bbc6;
	color: #fff;
	padding: 3px 12px;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 700;
}
.surge-benefits {
	list-style: none;
	padding: 10px 0 0 25px;
	margin: 0;
	font-size: 13px;
	color: #555;
}
.surge-benefits li {
	margin-bottom: 4px;
}
.surge-delivery-select {
	width: 100%;
	margin-top: 10px;
	padding: 8px 12px;
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: 13px;
}
.custom-stock {
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	gap: 8px;
	margin-bottom: 10px;
}
.stock-dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: relative;
}
/* In Stock */
.in-stock .stock-dot {
	background: #22c55e;
}
.in-stock .stock-dot::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: #22c55e;
	border-radius: 50%;
	animation: pulse-green 1.5s infinite;
}
/* Out of Stock */
.out-stock .stock-dot {
	background: #ef4444;
}
.out-stock .stock-dot::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: #ef4444;
	border-radius: 50%;
	animation: pulse-red 1.5s infinite;
}
/* Animations */
@keyframes pulse-green {
	0% { transform: scale(1); opacity: 0.8; }
	70% { transform: scale(2); opacity: 0; }
	100% { transform: scale(1); opacity: 0; }
}
@keyframes pulse-red {
	0% { transform: scale(1); opacity: 0.8; }
	70% { transform: scale(2); opacity: 0; }
	100% { transform: scale(1); opacity: 0; }
}
.free-shipping-wrapper {
    background: #f9f9f9;
    padding: 12px;
    border-radius: 8px;
    margin-top: 15px;
}
.shipping-top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}
.shipping-top img {
    width: 20px;
}
.shipping-text {
    font-size: 14px;
    margin: 0;
}
.shipping-progress-bar {
    width: 100%;
    height: 6px;
    background: #e5e5e5;
    border-radius: 10px;
    overflow: hidden;
}
.shipping-progress {
    height: 100%;
    background: linear-gradient(90deg, #2c4b79, #e91e8c);
    width: 0%;
    transition: width 0.5s ease;
}
.variations_form.cart .surge-purchase-options{
	margin-bottom: 10px;
}
.tag-group-parent-header strong{
	color: #212829;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 400;
	font-family: "Oswald", sans-serif;
}
.tag-subgroup .toggle-icon i{
	font-size: 13px;
}
.toggle-icon i {
    transition: transform 0.25s ease;
}
[aria-expanded="true"] .toggle-icon i {
    transform: rotate(180deg);
}
/* Responsive */
@media(max-width:1199px){
	.brand-index-list{
		grid-template-columns: repeat(5,1fr);
	}
	.brand-cat-list{
		grid-template-columns: repeat(5, 1fr);
	}
	.product-card-grid {
		grid-template-columns: repeat(5, 1fr);
	}
}
@media (max-width: 999px) {
	.trust-section .trust .trust-content h5 {
		font-size: 20px;
		color: white;
	}
}
@media (max-width: 992px) {
	.e-liqid-banner {
		margin-top: 0;
	}
	.mob-top-header {
		flex: 0 0 auto;
		width: 100%;
	}
	.mobile-searchbox {
		flex: 0 0 auto;
		width: 100%;
	}
	.banner {
		margin-top: 0;
	}
	.top-bar {
		display: none;
	}
	.main-logo {
		text-align: center;
	}
	.bar-toggle {
		display: block !important;
		display: flex !important;
	}
	.promotion-section .promotion .promotion-card {
		margin-top: 13px;
	}
	footer .main-footer .category-menu {
		padding-left: 0;
	}
	.offcanvas {
		width: 85% !important;
	}
	.offcanvas .offcanvas-header {
		background-color: #2c4b79;
		color: white;
	}
	.offcanvas-body .login-section .pls-login {
		font-size: 16px;
		font-weight: 500;
		line-height: 32px;
		text-align: left;
		color: #252525;
	}
	.offcanvas-body .login-section .pls-login-text {
		font-size: 13px;
		font-weight: 400;
		line-height: 32px;
		text-align: left;
		color: #4A5567;
	}
	.menu-item ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	.menu-item ul li a {
		font-size: 16px;
		font-weight: 600;
		line-height: 24px;
		text-align: left;
		color: #191919;
		padding: 7px 0;
		border-bottom: 1px solid #EAEAEA;
		display: block;
		text-decoration: none;
	}
	.menu-item ul li {
		font-size: 15px;
		font-weight: 400;
		line-height: 24px;
		text-align: left;
		color: #4A5567;
	}
	.menu-item ul li ul li a{
		padding: 7px 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid #EAEAEA;
		color: #4A5567;
		font-weight: 400;
	}
	.menu-item ul li ul li a img{
		height: 60px;
		width: auto;
		border-radius: 5px;
	}
	.brands-section {
		border-bottom: 1px solid #EAEAEA;
		padding-bottom: 15px;
	}
	.community-section {
		border-bottom: 1px solid #EAEAEA;
		padding-bottom: 15px;
	}
	.toggle-icon .icon-symbol {
		cursor: pointer;
		font-size: 1.5em;
		float: right;
		color: #191919;
	}
	.shop-banner {
		margin-top: 0;
	}
}
@media (max-width: 991px) {
	.single-announcement-info h1{
		font-size: 24px;
	}
	.announce-wrapper{
		flex-flow: column;
	}
	.announce-header h3{
		font-size: 15px;
	}
	.announce-content{
		height: unset;
	}
	.vip-banner-box{
		flex-flow: column;
		text-align: center;
		padding: 35px 35px 15px;
	}
	.vip-banner-img {
		width: 100%;
		flex: 1;
	}
	.vip-banner-content h1{
		font-size: 26px;
	}
	.vip-banner-content h2{
		font-size: 20px;
	}
	.member-img{
		margin-bottom: 15px;
	}
	.member-img img{
		max-width: 250px;
	}
	.comment_container {
		padding: 10px;
		gap: 7px;
		flex-flow: column;
	}
	strong.woocommerce-review__author{
		font-size: 16px;
	}
	.testimonial-wrapper{
		grid-template-columns: repeat(2 , 1fr);
	}
	.woocommerce #reviews #comments ol.commentlist li img.custom-review-avatar {
		height: 55px !important;
		width: 55px !important;
	}
	.woocommerce ul.order_details {
		column-gap: 35px;
		row-gap: 10px;
	}
	.woocommerce ul.order_details li {
		border-right: none;
		padding: 0;
		margin: 0;
	}
	#live-search-results ul li {
		width: 48%;
	}
	#live-search-results ul li a .thumb{
		height: 85px;
		width: 85px;
		border-radius: 5px;
	}
	#live-search-results ul li a .info .title, #live-search-results ul li a .info .price{
		font-size: 14px;
	}
	.e-liquid-product{
		margin-top: 40px;
	}
	.header-logo-wrapper {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 15px;
	}
	.search-bar .user-card {
		display: none !important;
	}
	.mobile-icon {
		display: flex;
	}
	.main-thumbnail-list {
		width: 20.333333%;
	}
	.product-promo {
		margin-top: 20px;
	}
	.usps_card {
		align-items: center;
		flex-direction: column;
		justify-content: center;
		gap: 7px;
	}
	.e-liqid-banner .main-heading h1{
		font-size: 30px;
	}
	.e-liqid-banner .main-heading p {
		font-size: 14px;
	}
	.single-product-info{
		margin-top: 25px;
	}
	.news-letter-section .news-letter{
		flex-flow: column;
		gap: 12px;
		text-align: center;
	}
	.blog-box{
		flex-flow: column;
	}
	.blog-content p{
		font-size: 14px;
	}
	.news-letter-section .news-letter .news-letter-input {
		width: 80%;
	}
	.brand-cat-list{
		grid-template-columns: repeat(4, 1fr);
	}
	.product-card-grid {
		grid-template-columns: repeat(4, 1fr);
	}
	.fbt-bottom{
		flex-flow: column;
		gap: 10px;
	}
}
@media (max-width: 768px) {
	.banner .banner-product-img {
		width: 250px;
		height: 330px;
	}
	.banner .main-heading h1 {
		font-size: 24px;
	}
	.banner .main-heading p {
		font-size: 15px;
	}
	.banner .banner-content {
		padding-top: 17px;
		height: 340px;
	}
	.trust-section .trust .trust-content h5 {
		font-size: 18px;
		color: white;
	}
	.promotion-section .promotion .promotion-content h3 {
		font-size: 28px;
	}
	.promotion-section .promotion .promotion-content p {
		font-size: 13px;
	}
	.best-seller-section .best-seller .best-seller-content .best-seller-heading h3 {
		font-size: 28px;
	}
	.best-seller-section .best-seller .best-seller-content .best-seller-button a {
		width: 123px;
		font-size: 14px;
		height: 38px;
	}
	.best-seller-section .best-seller .best-seller-content .best-seller-heading p {
		font-size: 13px;
		line-height: normal;
	}
	.popular-categories-section .popular-categories .popular-categories-content .popular-categories-heading h3 {
		font-size: 28px;
	}
	.popular-categories-section .popular-categories .popular-categories-content .popular-categories-button a {
		width: 123px;
		font-size: 14px;
		height: 38px;
	}
	.popular-categories-section .popular-categories .popular-categories-content .popular-categories-heading p {
		font-size: 13px;
		line-height: normal;
	}
	.our-product-section .our-product .our-product-content .our-product-heading h3 {
		font-size: 28px;
	}
	.our-product-section .our-product .our-product-content .our-product-button a {
		width: 123px;
		font-size: 14px;
		height: 38px;
	}
	.our-product-section .our-product .our-product-content .our-product-heading p {
		font-size: 13px;
		line-height: normal;
	}
	.trust-section .trust .trust-content {
		width: 90%;
	}
	footer .main-footer .company-menu ul,
	footer .main-footer .category-menu ul,
	footer .main-footer .contact-menu ul {
		padding-left: 0;
	}
	.shop-banner .main-heading h1 {
		font-size: 50px;
	}
	.shop-banner .main-heading h3 {
		font-size: 32px;
	}
	img.rounded-circle {
		width: 40px;
		height: 40px;
	}
	.submit-rev-btn {
		width: 48%;
	}
	.main-thumbnail-list {
		width: 21.666667%;
	}
	.main-carousel {
		width: 78.333333%;
	}
}
@media(max-width:767px){
	.header-menu-button{
		display: block;
	}
	.single-announcement-info-box{
		padding: 20px;
	}
	.single-announcement-img {
		flex: 0 0 150px;
		height: 150px;
		width: 150px;
	}    
	.single-announcement-info h1 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.single-announcement-publish-info{
		gap: 10px;
		font-size: 13px;
	}
	.vip-banner-content h1{
		font-size: 24px;
	}
	.vip-banner-content h2{
		font-size: 18px;
	}
	.benefit-box p{
		font-size: 16px;
	}
	.memebership-tabbing{
		gap: 10px;
	}
	.memebership-tab {
		padding: 7px;
		border-left: 3px solid #ffffff;
	}
	.woocommerce #reviews #comments ol.commentlist {
		grid-template-columns: repeat(1, 1fr);
	}
	strong.woocommerce-review__author {
		font-size: 15px;
	}
	footer{
		padding-bottom: 70px;
	}
	footer .copywrite{
		flex-flow: column;
	}
	ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details{
		flex-flow: column;
	}
	.categories-section .categorie-card .category-card-content h6{
		font-size: 14px;
	}
	#fkcart-floating-toggler {
		bottom: 90px !important;
	}
	#live-search-results ul li {
		width: 100%;
	}
	.e-liqid-banner{
		height: unset;
	}
	.mobile-icon{
		font-size: 1.7rem;
	}
	.mobile-menus{
		display: block;
	}
	.brand-index-list{
		grid-template-columns: repeat(4,1fr);
	}
	.header-logo{
		max-width: 120px !important;
	}
	.header_usps{
		display: none;
	}
	.menu-tab-slider{
		margin: 12px auto 0;
	}
	.tab-item{
		font-size: 13px;
	}
	.new_vaping_card{
		margin-bottom: 20px;
	}
	header .navbar{
		display: none;
	}
	.menu-tab-slider{
		display: block;
	}
	.xoo-wsc-basket {
		bottom: 80px;
	}
	.bottom-bar{
		display: block;
	}
	.blog-content h3{
		font-size: 18px;
	}
	.blog-content p{
		font-size: 13px;
	}
	.news-letter-section .news-letter .news-letter-input {
		width: 100%;
	}
	.banner-slide img {
		height: 250px;
		object-fit: cover;
	}
	.brand-cat-list{
		grid-template-columns: repeat(3, 1fr);
	}
	.product-card-grid {
		grid-template-columns: repeat(3, 1fr);
	}
	.parent-thumbs{
		gap: 10px;
	}
	.parent-thumbs .parent-thumb{
		padding: 5px;
	}
	.parent-thumbs .suggest-parent-cat img{
		border-radius: 5px;
	}
	.parent-thumbs .parent-thumb .parent-name{
		font-size: 10px;
	}
	.single-product-sec {
		padding-top: 25px;
	}
	.single-page-breadcrumbs ul li {
		font-size: 12px;
	}
	.single-page-breadcrumbs ul a:after {
		font-size: 10px;
	}
}
@media (max-width: 650px) {
	.banner .main-heading p {
		font-size: 14px;
	}
	.banner .main-button {
		padding: 10px 30px;
	}
	.sub_popup{
		max-width: 320px;
		padding: 15px;
		gap: 12px;
	}
	.sub_popup img{
		width: 100px;
	}
	.sub_popup h2{
		font-size: 22px;
	}
	.sub_popup p{
		font-size: 12px;
		max-width: 100%;
	}
	.age-verification-btns a {
		padding: 7px;
		width: 85px;
		font-size: 14px;
	}
}
@media (max-width: 576px) {
	.best-seller-section .best-seller .best-seller-content .best-seller-heading p,
	.popular-categories-section .popular-categories .popular-categories-content .popular-categories-heading p,
	.promotion-section .promotion .promotion-content p,
	.our-product-section .our-product .our-product-content .our-product-heading p {
		display: none;
	}
	.question_popup {
		max-width: 100%;
		width: 100%;
		margin: 0 20px;
	}
	.question_popup_title h6 {
		font-size: 22px;
	}
	.question_popup_btn button {
		font-size: 14px;
	}
	.banner .main-heading p {
		display: none;
	}
	.banner .main-button {
		display: none;
	}
	.banner .banner-product-img {
		width: 244px;
		height: 250px;
	}
	.banner .banner-content {
		height: 260px;
	}
	.trust-section .trust .trust-content h5 {
		font-size: 17px;
	}
	.promotion-section .promotion .promotion-content h3 {
		font-size: 26px;
	}
	.promotion-section .promotion .promotion-content p {
		font-size: 12px;
	}
	.best-seller-section .best-seller .best-seller-content .best-seller-heading h3 {
		font-size: 26px;
	}
	.best-seller-section .best-seller .best-seller-content .best-seller-button a {
		width: 118px;
		font-size: 14px;
		height: 37px;
	}
	.best-seller-section .best-seller .best-seller-content .best-seller-heading p {
		font-size: 12px;
		line-height: normal;
	}
	.popular-categories-section .popular-categories .popular-categories-content .popular-categories-heading h3 {
		font-size: 26px;
	}
	.popular-categories-section .popular-categories .popular-categories-content .popular-categories-button a {
		width: 118px;
		font-size: 14px;
		height: 37px;
	}
	.popular-categories-section .popular-categories .popular-categories-content .popular-categories-heading p {
		font-size: 12px;
		line-height: normal;
	}
	.our-product-section .our-product .our-product-content .our-product-heading h3 {
		font-size: 26px;
	}
	.our-product-section .our-product .our-product-content .our-product-button a {
		width: 118px;
		font-size: 14px;
		height: 37px;
	}
	.our-product-section .our-product .our-product-content .our-product-heading p {
		font-size: 12px;
		line-height: normal;
	}
	.custom-class {
		font-size: 1.25rem;
	}
	.news-letter-section .news-letter .news-letter-content h6 {
		font-size: 22px;
	}
	.news-letter-section .news-letter .news-letter-content p {
		font-size: 13px;
		padding-bottom: 5px;
	}
	.cat-button-prev , .cat-button-next{
		display: none;
	}
	.show-more-button a , .best-seller-button a{
		width: 170px;
	}
	.brand-index-list{
		grid-template-columns: repeat(3,1fr);
	}
	.single-product-info-wrapper {
		display: flex;
		flex-direction: column;
		flex-flow: column-reverse;
	}
	.product-description {
		padding-bottom: 0;
		border-bottom: none;
		margin-bottom: 0;
		padding-top: 15px;
		margin-top: 20px;
		border-top: 2px dotted #2c4b79;
	}
}
@media(max-width: 575px){
	.single-announcement-sec , .faq-sec{
		padding: 30px 0;
	}
	.single-announcement-info-box{
		gap: 15px;
	}
	.single-announcement-img {
		flex: 0 0 125px;
		height: 125px;
		width: 125px;
	}
	.single-announcement-info h1{
		font-size: 18px;
	}
	.single-announcement-publish-info{
		font-size: 12px;
	}
	.single-announcement-content{
		padding: 15px;
	}
	.single-announcement-content p, .single-announcement-content ul {
		font-size: 14px;
	}
	.faq-sec h2 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.faq-box{
		padding: 15px;
	}
	.faq-question h3{
		font-size: 18px;
	}
	.faq-answer p{
		font-size: 14px;
	}
	.section-title{
		font-size: 24px;
	}
	.benefit-sec {
		padding: 31px 0;
	}
	.vip-banner {
		padding-top: 30px;
	}
	.vip-banner-box {
		padding: 25px 25px 10px;
		border-radius: 20px;
	}
	.vip-banner-content h1{
		font-size: 22px;
	}
	.vip-banner-content h2 {
		font-size: 16px;
	}
	.memebership-tab{
		padding: 5px;
	}
	.memebership-tabbing {
		gap: 5px;
		margin: 0 0 20px;
	}
	.testimonial-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
	.category-wrapper h2 {
		font-size: 25px;
		margin-bottom: 20px;
	}
	.tabs_products {
		padding: 30px 0 10px;
	}
	.best-seller-section .best-seller{
		padding: 0;
	}
	.best-seller-section{
		margin: 0;
	}
	.tabs{
		margin-bottom: 10px;
	}
	.tabs li {
		padding: 0px 20px 10px;
		font-size: 12px;
	}
	.promotion_sec {
		padding: 30px 0 0;
	}
	.new_vaping {
		padding: 40px 0;
	}
	#live-search-results{
		width: 95%;
	}
	.banner-slide img {
		height: 210px;
	}
	.single-product-sec {
		padding-top: 15px;
	}
	.single-page-breadcrumbs ul li {
		font-size: 10px;
	}
	.single-page-breadcrumbs ul , .single-page-breadcrumbs ul li a{
		gap: 5px;
	}
	.single-page-breadcrumbs ul a:after {
		font-size: 9px;
	}
	.fbt-thumb {
		max-width: 95px !important;
		max-height: 95px;
	}
	.fbt-name{
		font-size: 13px;
	}
	.fbt-var-select {
		font-size: 12px;
		padding: 4px 25px 4px 10px;
	}
	.fbt-price{
		font-size: 15px;
	}
	.fbt-item , .fbt-check-wrap , .fbt-vars-wrapper{
		gap: 7px;
	}
	.fbt-wrapper{
		gap: 15px;
	}
	.fbt-list , .fbt-images-row{
		gap: 10px;
	}
}
@media (max-width: 560px) {
	.submit-rev-btn {
		width: 100%;
	}
	.ms-2 {
		width: 175px;
	}
	.main-thumbnail-list {
		width: 21.666667%;
	}
	.main-carousel {
		width: 78.333333%;
	}
	.product-details-category {
		font-size: 15px;
	}
}
@media (max-width: 520px) {
	.banner .banner-content {
		height: 225px;
	}
	.banner .banner-product-img {
		width: 100%;
		height: 215px;
	}
	.shop-banner .main-heading h1 {
		font-size: 48px;
	}
	.shop-banner .main-heading h3 {
		font-size: 30px;
	}
}
@media (max-width: 510px) {
	.promotion-section .promotion .promotion-card .new {
		width: 16%;
	}
	.trust-section .trust .trust-content h5 {
		font-size: 16px;
	}
}
@media (max-width: 490px) {
	.product-details-category {
		font-size: 11px;
	}
	.banner .main-heading h1 {
		font-size: 21px;
	}
	.promotion-section .promotion .promotion-card .new {
		width: 17%;
	}
	.promotion-section .promotion .promotion-card .promotion-detail .note {
		font-size: 13px;
	}
	.shop-banner .main-heading h1 {
		font-size: 45px;
	}
	.shop-banner .main-heading h3 {
		font-size: 27px;
	}
}
@media (max-width: 475px) {
	.single-announcement-info-box{
		padding: 15px;
		margin-bottom: 15px;
	}
	.single-announcement-img {
		flex: 0 0 115px;
		height: 115px;
		width: 115px;
	}
	.single-announcement-info h1{
		font-size: 15px;
		margin-bottom: 7px;
	}
	.single-announcement-publish-info{
		gap: 5px;
	}
	.faq-question h3 {
		font-size: 16px;
	}
	.e-liquid-product-section {
		margin: 35px 0;
	}
	.product-content a h6{
		font-size: 16px;
		height: 42px;
	}
	.product-content .button a{
		font-size: 13px;
	}
	.product-content .button a i{
		font-size: 16px;
	}
	.subcategory-section h2{
		font-size: 25px;
	}
	.product-button-wrapper{
		gap: 30px;
	}
	.show-more-button a , .best-seller-button a{
		font-size: 14px;
		height: 40px;
	}
	.best-seller-button a i{
		font-size: 16px;
	}
	.popular-seller {
		grid-template-columns: repeat(1, 1fr);
	}
	.parent-thumbs {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 460px) {
	.promotion-section .promotion .promotion-card .new {
		width: 18%;
	}
	.promotion-section .promotion .promotion-card .promotion-detail .note {
		font-size: 12px;
	}
	.promotion-section .promotion .promotion-card .promotion-detail {
		margin: 10px;
	}
	.banner .banner-product-img {
		width: 100%;
		height: 170px;
	}
	.banner .banner-content {
		height: 181px;
	}
	.banner .main-heading h1 {
		font-size: 20px;
	}
	.shop-banner .main-heading h1 {
		font-size: 44px;
	}
	.shop-banner .main-heading h3 {
		font-size: 25px;
	}
}
@media (max-width: 430px) {
	.trust-section .trust .trust-content {
		width: 100%;
	}
	.promotion-section .promotion .promotion-card .new {
		width: 20%;
	}
	.promotion-section .promotion .promotion-card .promotion-detail .note {
		font-size: 11px;
	}
	.shop-banner .main-heading h1 {
		font-size: 39px;
	}
	.shop-banner .main-heading h3 {
		font-size: 24px;
	}
	.question_popup_btn {
		flex-direction: column;
	}
}
@media(max-width:425px){
	.brand-index-list{
		grid-template-columns: repeat(2,1fr);
	}
	.product-line-content h3 {
		font-size: 14px;
	}
	.product-line-content h3 {
		font-size: 13px;
	}
	.product-content a h6{
		font-size: 15px;
		height: 40px;
	}
	.product-content .button a{
		font-size: 12px;
		height: 40px;
	}
	.product-content .button a i{
		font-size: 15px;
	}
	.brand-cat-list{
		grid-template-columns: repeat(2, 1fr);
	}
	.product-card-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 412px) {
	.write-review-btn button {
		padding: 12px 93px;
	}
	.product-details-category {
		font-size: 13px;
	}
}
@media (max-width: 400px) {
	.product-details-category {
		font-size: 10px;
	}
	.promotion-section .promotion .promotion-card .new {
		width: 22%;
	}
	.promotion-section .promotion .promotion-card .promotion-detail {
		margin: 9px;
	}
	.banner .banner-product-img {
		width: 100%;
		height: 140px;
	}
	.banner .banner-content {
		height: 153px;
	}
	.banner .main-heading h1 {
		font-size: 17px;
	}
	.best-seller-section .best-seller-products .product-content .product-reviews {
		font-size: 11px;
	}
	.best-seller-section .best-seller-products .product-content .button a {
		font-size: 14px;
		height: 38px;
	}
	.popular-categories-section .popular-categories-cards .categories-content .categories-para p {
		font-size: 13px;
	}
	.our-product-section .our-product .product-content .product-reviews {
		font-size: 11px;
	}
	.shop-banner .main-heading h1 {
		font-size: 33px;
	}
	.shop-banner .main-heading h3 {
		font-size: 20px;
	}
}
@media (max-width: 384px) {
	.product-details-category {
		font-size: 9px;
	}
	.promotion-section .promotion .promotion-card .promotion-detail {
		margin: 8px;
	}
	.promotion-section .promotion .promotion-card .promotion-detail .note {
		font-size: 10px;
	}
}
@media (max-width: 370px) {
	.promotion-section .promotion .promotion-card .new {
		width: 25%;
	}
}
@media (max-width: 360px) {
	.customer-review h4 {
		font-size: 17px;
	}
	.customer-review span {
		font-size: 39px;
	}
	.write-review-btn button {
		padding: 12px 73px;
	}
	.main-thumbnail-list {
		width: 21.666667%;
	}
	.main-carousel {
		width: 78.333333%;
	}
	.product-details-category {
		font-size: 12px;
	}
	.qty-cart-section .product-addToCart {
		height: 40px;
	}
}
@media (max-width: 353px) {
	.our-product-section .our-product .product-content .product-reviews {
		font-size: 9px;
	}
	.our-product-section .our-product .product-content h6 {
		font-size: 15px;
	}
	.popular-categories-section .popular-categories-cards .categories-content .categories-para p {
		font-size: 12px;
	}
	.popular-categories-section .popular-categories-cards .categories-content h6 {
		font-size: 16px;
	}
	.best-seller-section .best-seller-products .product-content h6 {
		font-size: 16px;
	}
	.best-seller-section .best-seller-products .product-content .button a {
		font-size: 13px;
		height: 35px;
	}
	.best-seller-section .best-seller-products .product-content .product-reviews {
		font-size: 10px;
	}
	.shop-banner .main-heading h1 {
		font-size: 30px;
	}
	.shop-banner .main-heading h3 {
		font-size: 18px;
	}
}
@media (max-width: 320px) {
	.product-details-category {
		font-size: 11px;
	}
	.qty-cart-section .product-addToCart {
		margin: 0 7px;
		height: 37px;
		font-size: 14px;
	}
}
@media (max-width: 370px) {
	.promotion-section .promotion .promotion-card .new {
		width: 25%;
	}
}
@media (min-width: 768px) {
	.custom-class {
		font-size: 1.5rem;
		/* Medium devices and up */
	}
}
@media (min-width: 992px) {
	.custom-class {
		font-size: 2rem;
		/* Large devices and up */
	}
}
@media (min-width: 1200px) {
	.custom-class {
		font-size: 2.5rem;
		/* Extra large devices and up */
	}
}
/* MOBILE-SCREEN */
@media (max-width: 768px) {
	.product-price {
		font-size: 1.2rem;
	}
}