.swal2-container {
	z-index: 99999999;
}

.modal {
	z-index: 999999;
}

.close :hover {
	color: #000;
}

.modal-body {
	max-height: calc(100vh - 130px);
	overflow-y: auto;
}

.visibility {
	visibility: hidden;
}

.qty form {
	display: flex !important;
}

.d-none {
	display: none;
}

.vHidden {
	visibility: hidden;
}

.searchFormBtn {
	cursor: pointer;
}

.btn-signup {
	border: 1px solid;
}

.btn-signup:hover {
	background: #ffd249;
	color: #1d4293 !important;
}

.btn-primary {
	color: #fff;
	background-color: #1d4293;
	border-color: #1d4293;
}

#snackbar p:before {
	text-align: center;
	border: 3px solid rgba(255, 255, 255, 1);
	margin-top: -17px;
	top: 50%;
	left: 20px;
	width: 30px;
	content: '\2713';
	font-size: 20px;
	color: rgba(255, 255, 255, 1);
	position: absolute;
	height: 30px;
	line-height: 25px;
	border-radius: 50%;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

#ajxMsg {
	margin: 0 auto;
	padding-left: 15px;
}

#snackbar {
	visibility: hidden;
	min-width: 400px;
	/* margin-left: -125px; */
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 1;
	left: 65%;
	bottom: 30px;
	font-size: 17px;
	border-radius: 12px;
	box-shadow: 0 10px 15px rgb(0 0 0 / 65%);
	transition: opacity 300ms ease-in;
	padding: 18px 20px;
	margin: 0 0 15px;
	display: flex;
	align-items: center;
}

.bg-green {
	background-color: #103178 !important;
	padding: 20px 0px;
}

#snackbar.show {
	visibility: visible;
	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, fadeout 0.5s 2.5s;
	right: 0%;
	top: 0%;
	width: auto;
	height: 60px;
	z-index: 9;
	/* font-size: revert; */
	/* float: right; */
	position: fixed;
	background: #7eca1d;
	z-index: 999999999999;
}

@-webkit-keyframes fadein {
	from {
		bottom: 0;
		opacity: 0;
	}

	to {
		bottom: 30px;
		opacity: 1;
	}
}

@keyframes fadein {
	from {
		bottom: 0;
		opacity: 0;
	}

	to {
		bottom: 30px;
		opacity: 1;
	}
}

@-webkit-keyframes fadeout {
	from {
		bottom: 30px;
		opacity: 1;
	}

	to {
		bottom: 0;
		opacity: 0;
	}
}

@keyframes fadeout {
	from {
		bottom: 30px;
		opacity: 1;
	}

	to {
		bottom: 0;
		opacity: 0;
	}
}

.arrvial_items li a {
	color: #103178;
}

/* body {
	-webkit-transition: background-color 1s;
	transition: background-color 1s;
}

body.loading {
	background: #efefef url('<? echo $BASE_URL;?>images_pr/loader.gif') no-repeat 49% 1%;
	-webkit-transition: background-color 0;
	transition: background-color 0;
	opacity: 0;
	-webkit-transition: opacity 0;
	transition: opacity 0;
} */

.offer p {
	height: auto !important;
}

.editLink {
	display: block;
	font-weight: 600;
	border: 1px solid #649ddb;
	padding: 0px 4px;
	z-index: 999;
	position: absolute;
	background: #fff;
	color: #007bff !important;
	width: 25px !important;
	height: 25px !important;
}

.editLinkPhoneNo {
	display: inline-block !important;
}

.editLink .fa {
	font-size: 18px !important;
}

.shipping .editLink {
	margin-left: 10px;
}

.hover_card .editLink {
	right: 0%;
}

.bg_product a,
.bg_product_1 a {
	background-color: #103178 !important;
	color: white;
	padding: 0.375rem 1.75rem !important;
}

.bg_product a:hover,
.bg_product_1 a:hover {
	color: white !important;
}

.gallery-thumbs {
	margin-top: 10px;
}

ul.equal-width {
	display: flex;
	padding: 0;
	margin: 0;
	list-style: none;
	gap: 5px;
}

ul.equal-width>li {
	flex: 1;
	/* all li take equal width */
	text-align: center;
	/* optional */
	padding: 2px 0px;
	/* min-width: 139px; */
	margin: 0 auto;
	float: none;
	display: block !important;
}

.main_btn_m {
	padding: 10px;
}

.bg-light-green {
	padding: 1px 0px;
}

ul.equal-width>li a {
	font-weight: 400;
	color: #fff;
	padding: 3px;
}

ul.equal-width>li a:hover {
	color: #fec739;
}

ul.equal-width>li>a.active {
	color: #fec739 !important;
	font-weight: 600 !important;
}

.container-fluid-custom {
	width: 90%;
}

img.advImage.advImageBanner {
	width: 100%;
	border-radius: 10px;
}

.header_nav li .dropdown-toggle {
	font-size: 15px;
	color: #fff !important;
}

.list_open .filter_list li {
	border-bottom: 1px solid #aeaeae;
	text-align: left;
	padding: 2px;
}

.header_nav .filter_list li a {
	font-size: 12px;
	padding: 4px 15px;
}

.header_nav .filter_list {
	max-height: 500px;
	/* set height limit */
	overflow-y: auto;
	/* enable vertical scroll */
	overflow-x: hidden;
	/* hide horizontal scroll */
	width: 200px;
}

.listing_drop.dropdown:first-child>a::after {
	content: none !important;
	/* remove the ::after */
}

/* For WebKit browsers (Chrome, Edge, Safari) */
.header_nav .filter_list::-webkit-scrollbar {
	width: 6px;
	/* thin scrollbar */
}

.header_nav .filter_list::-webkit-scrollbar-track {
	background: transparent;
	/* no background track */
}

.header_nav .filter_list::-webkit-scrollbar-thumb {
	background-color: #999;
	/* scrollbar color */
	border-radius: 4px;
	/* rounded edges */
}

.header_nav .filter_list::-webkit-scrollbar-thumb:hover {
	background-color: #555;
	/* darker on hover */
}

/* For Firefox */
.header_nav .filter_list {
	scrollbar-width: thin;
	/* thin scrollbar */
	scrollbar-color: #999 transparent;
	/* thumb + track */
}

.header_nav .filter_list .dropdown-item:focus,
.dropdown-item:hover {
	font-weight: 700 !important;
	background: transparent;
}

.container-fluid-custom .logo {
	width: 155px;
}

.shipping li span {
	font-size: 13px;
}

.mobileUl li a {
	color: #fec739 !important;
	width: 80px;
	/* margin-top: -19px; */
	font-weight: 700;
	padding: 0px;
	text-align: center;
}

.cvp {
	position: relative;
	z-index: 99999;
}



.sidebar.sticky {
position: fixed;
/* top: 0; */
/* left: 0; */
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
/* background: #f8f8f8; */
margin-top: -4%;
}
.sidebar .filter_list li, .sidebar .filter_list li a {
list-style: none !important;
text-decoration: none !important;
line-height: 25px;
font-weight: 600;
word-break: break-all;
color: #103178;
font-family: var(--primary);
font-size: 12px;
padding: 4px 0px;
}
.hover_card .card p{
margin-bottom: 0px !important;
}
.wrapper .card-body{
padding: 10px 0px !important;
}
#ribbon{
left: -2px !important;
top: 0.5% !important;
}
.navbar-nav2 li:hover > ul.dropdown-menu {
display: block;
}
.dropdown-submenu {
position:relative;
}
.dropdown-submenu .active{
background-color: transparent !important;
}
.dropdown-submenu>.dropdown-menu {
top:0;
left:100%;
margin-top:-6px;
padding: 0px 10px;
background-color: #fff !important;
}
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
text-decoration: underline;
transform: rotate(-90deg);
} 
.col-5th {
flex: 0 0 20%;
max-width: 20%;
padding: 0px 14px;
}
.container-custom{
max-width: 1340px;
}
.zoomWrapper{
padding: 8px;
border: unset !important;
}
#product-front img, .product-front img{
padding: 0px 10px;
width: 100%;
object-fit: contain;
border-radius: 7%;
height: 150px;
margin-top: 10px;
margin-bottom: 10px;
}
p.product_title{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 8px;
}
li.category-item.active > a {
color: #fec739;
font-weight: 500;
}
.categories-bar {
/* border: 1px solid #2125295c;
border-radius: 6px;
background: #1d42930d !important; */
max-height: 520px;   /* limit height */
overflow-y: auto;    /* enable vertical scroll */
overflow-x: hidden;  /* prevent horizontal scroll */
scrollbar-width: thin;        /* Firefox */
scrollbar-color: #ccc #f8f9fa; /* Firefox */
}
.categories-list {
display: flex;
gap: 20px;
flex-wrap: wrap; /* wrap on small screens */
padding: 6px;
}
.category-item {
position: relative;
}
.category-item > a {
text-decoration: none;
color: #0d3b8c;
font-weight: 500;
padding: 5px 12px;
display: block;
transition: color 0.2s, background 0.2s;
}
.category-item > a:hover {
color: #fff;
background: #1d4293c4;
border-radius: 4px;
box-shadow: 0 4px 10px rgba(29, 66, 147, 0.3);
/* transform: translateX(5px); */
}
.submenu {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #fff;
min-width: 180px;
border: 1px solid #ddd;
padding: 8px 0;
z-index: 1000;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.submenu li {
/* padding: 5px 15px; */
border-bottom: 1px solid #aeaeae87;
}
.submenu li a {
text-decoration: none;
color: #333;
font-size: 14px;
display: block;
padding: 8px 0px 8px 15px;
}
.submenu li a:hover {
color: #fff;
background: #1d4293c4;
box-shadow: 0 4px 10px rgba(29, 66, 147, 0.3);
transform: translateX(5px);
}
.category-item:hover .submenu {
display: block;
}
.categories-bar.sticky {
position: fixed;
/* top: 11%;
left: 0;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
background: #000000b5 !important;
margin-top: 0% !important;
width: 100%;
z-index: 1;
border: 1px solid #aba596; */
width: 310px;
/* z-index: -1; */
}
.sticky .category-item > a{
color: #fff !important;
}
.submenu {
max-height: 450px;   /* limit height */
overflow-y: auto;    /* enable vertical scroll */
overflow-x: hidden;  /* prevent horizontal scroll */
scrollbar-width: thin;        /* Firefox */
scrollbar-color: #ccc #f8f9fa; /* Firefox */
}
/* For Webkit (Chrome, Edge, Safari) */
.submenu::-webkit-scrollbar {
width: 6px;
}
.submenu::-webkit-scrollbar-track {
background: #f8f9fa;
}
.submenu::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 10px;
}
.heading-title{
color: #1d4293 !important;
text-align: left;
padding: 10px 20px;
border-radius: 6px;
font-size: 20px !important;
text-shadow: 1px 1px 1px rgb(0 0 0 / 17%);
text-shadow: 1px 1px 4px rgb(0 0 0 / 14%);
text-transform: uppercase;
letter-spacing: 2px;
/* box-shadow: 0 2px 6px rgb(254 199 57) !important; */
width: 100% !important;
background: #c8cbcf38;
}
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg{
width: 11px;
height: 12px
}
p.owner_name{
font-size: 14px;
display: inline-block;
float: right;
background: transparent!important;
}
.jq-ry-container{
padding: 0px;
width: 70px !important;
}
div#product-front , div.product-front{
margin-bottom: 20px;
box-shadow: 1px 1px 9px 1px #bdb5b5a3 !important;
border-radius: 8px;
}
.stats-container{
min-height: 120px;
}
.wrapper .price{
font-weight: 600;
font-size: 17px;
/* text-shadow: 2px 2px 4px rgba(0,0,0,0.3); */
}
.cartDiv {
background: #dee2e694;
width: 46px;
height: 33px;
display: flex !important;
justify-content: center !important;
align-items: center !important;
border-radius: 6px;
}
.price-cart-box {
display: flex;
justify-content: space-between;
align-items: center;
/* background: #efefef; */
/* border: 1px solid #ddd; */
padding: 4px 10px;
border-radius: 6px;
max-width: 100%;
margin-top: 10px;
}
.cart-icon {
font-size: 20px;
color: #1d4293;
cursor: pointer;
transition: color 0.3s ease, transform 0.2s ease;
}
.cart-icon:hover {
color: #16357a; /* darker blue on hover */
transform: scale(1.2);
}
/* Card styling */
.card {
border: 1px solid #e0e0e0;
border-radius: 12px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
/* Title */
.card-title {
font-size: 1.1rem;
font-weight: 600;
color: #333;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 8px;
margin-bottom: 15px;
}
/* Labels */
.form-label {
font-size: 0.9rem;
font-weight: 500;
color: #555;
}
/* Input box */
.form-control {
border-radius: 8px;
border: 1px solid #ccc;
box-shadow: none;
transition: all 0.3s ease;
}
.form-control:focus {
border-color: #1d4293; /* match your blue theme */
box-shadow: 0 0 5px rgba(29, 66, 147, 0.3);
}
.card-header, .card-body{
    padding: 1.25rem !important;
}
/* Checkbox */
.categories-bar .form-check {
    margin-bottom: 8px;
}
.categories-bar .form-check-input {
    cursor: pointer;
    accent-color: #33333369; /* blue check color */
}
.categories-bar .form-check-label {
    font-size: 16px;
    color: #333333b3;
    cursor: pointer;
    transition: color 0.2s;
    margin-top: 3px;
}
.categories-bar .form-check-label:hover {
    color: #fec739;
}
/* Section headings (like Types) */
.categories-bar h6 {
    font-size: 0.95rem;
    font-weight: 600;
    color: #222;
    margin-top: 15px;
    margin-bottom: 10px;
}

.categories-bar .form-check {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
}
.categories-bar .form-check-input {
    appearance: none;              /* remove default browser style */
    width: 18px;
    height: 18px;
    border: 2px solid #1d4293;     /* blue theme border */
    border-radius: 4px;            /* square with slight rounding */
    margin-right: 8px;
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.categories-bar .form-check-input:checked {
    /* background-color: #1d4293; */
    border-color: #1d4293;
}

.categories-bar .form-check-input:checked::after {
    content: "✔";
    color: #fff;
    font-size: 11px;
    position: absolute;
    top: -3px;
    left: 0px;
}
.categories-bar .form-check-label {
    font-size: 15px;
    color: #333;
    cursor: pointer;
    transition: color 0.2s;
}
.categories-bar .form-check-label:hover {
    color: #1d4293;                /* highlight label on hover */
}
.custom-pd-service{
    padding: 3px 10px;
}
#sectionDiv{
    min-height: 700px;
}
.inner_panel{
    border: 1px solid #aeaeae4f;
    padding: 0px !important;
    margin-bottom: 45px;
}
.row.wrapper{
    padding: 10px 20px;
}
.search .form-control, .search-box{
    font-size: 13px;
}
/* .carousel {
  display: block !important;
}
.carousel .slick-slide {
  display: block;
  float: none;
} */
/* .wrapper .slick-slide {
	margin: 2px !important;
} */
/* ✅ iPad / Tablet (between 768px and 1024px wide) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* .card{
    border: 1px solid #ffffff;
    } */
    .categories-bar.sticky{
        width: 245px;
    }
}
/* Tablet (3 per row) */
@media (max-width: 992px) {
    .col-5th {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .categories-bar {
        max-height: 320px;
        margin-bottom: 50px;
        border: 1px solid #aeaeae5c;
        border-radius: 14px;
    }
    .categories-bar.sticky{
        position: unset;
    }
    .categories-bar .form-check {
        display: inline-block;
        align-items: center;
        margin-bottom: 10px;
        cursor: pointer;
        min-width: 32%;
    }
}
/* Mobile (1 per row) */
@media (max-width: 576px) {
    .col-5th {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .price-cart-box{
        width: 100%;
        max-width: 100%;
    }
}
/* Target exactly 2560x1440 screens */
@media screen and (width: 2560px) and (height: 1440px) {
    .categories-bar.sticky {
        top: 5%;
    }
}

@media (max-width: 767px) {
	.container-fluid-custom .logo {
		width: 108px !important;
	}

	.search_icon {
		margin-top: 20px;
	}

	.navbar {
		overflow: hidden;
		/* Hide overflowing part */
		white-space: nowrap;
		/* Keep list in one line */
		position: relative;
		/* background: #fff; */
	}

	.navbar ul {
		display: inline-block;
		padding: 0;
		margin: 0;
		list-style: none;
		animation: marquee 15s linear infinite;
		/* Adjust speed */
	}

	.navbar ul li {
		display: inline-block;
		padding: 0 20px;
	}

	.heading-title {
		font-size: 18px !important;
	}

	/* Marquee animation */
	@keyframes marquee {
		0% {
			transform: translateX(100%);
		}

		100% {
			transform: translateX(-100%);
		}
	}
}

@media (min-width: 995px) and (max-width: 1315px) {

	/* Your CSS for this screen range */
	.price-cart-box {
		margin-top: 33px !important;
	}
}

/* ✅ iPad / Tablet (between 768px and 1024px wide) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

	/* Your iPad-specific styles go here */
	.navbar {
		overflow: hidden;
		/* Hide overflowing part */
		white-space: nowrap;
		/* Keep list in one line */
		position: relative;
		/* background: #fff; */
	}

	ul.equal-width>li {
		padding: 2px 20px;
	}

	.navbar .cart.form-inline ul {
		width: 100%;
		margin-right: 20px;
	}

	.navbar ul.header_nav {
		display: inline-block;
		padding: 0;
		margin: 0;
		list-style: none;
		animation: marquee 25s linear infinite;
		/* Adjust speed */
	}

	.navbar ul li {
		display: inline-block;
		padding: 0 20px;
	}

	.cartDiv {
		width: 36px !important;
		height: 29px !important;
		display: inline-block !important;
		float: right !important;
	}

	.price-cart-box {
		width: 100%;
		max-width: 100%;
	}

	.col-lg-7.col-md-9.pl-lg-0.pr-lg-0.d-md-inline-block.d-none {
		margin-right: 5%;
	}

	.main-slider .slick-slide .slide-image {
		height: 350px !important;
	}

	.side-images img {
		height: 106px !important;
	}

	.main_btn_m {
		padding: 6px;
	}

	.hvr-underline-from-left_m {
		top: -2px;
	}

	span.storeDesc {
		font-size: 13px;
	}

	.wrapper .slick-slide {
		margin: 4px;
	}

	.inner_panel .wrapper {
		padding: 10px 2px !important;
	}

	/* Marquee animation */
	@keyframes marquee {
		0% {
			transform: translateX(100%);
		}

		100% {
			transform: translateX(-100%);
		}
	}
}