@import url("https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");

:root {
	--primary-color: #f68328;
	--secondary-color: #0180e5;
	--text-color: #111827;
	--subtext-color: #6B7280;
	--bg-light: #F9FAFB;
}

body {
	font-family: "Bai Jamjuree", sans-serif !important;
	color: #6e6e6f;
	background-color: #f8f8f8;
	overflow-x: hidden !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #131313;
	font-weight: 700;
}

p {
	color: #6e6e6f;
}

a {
	text-decoration: none !important;
	color: #000;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.section-padding {
	padding: 50px 0;
}

.btn {
	border-radius: 0 !important;
}

.alert {
	border-radius: 0 !important;
}

.theme-btn {
	background: var(--secondary-color);
	color: #fff;
	padding: 6px 25px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 0px;
	font-size: 16px;
	border: 1px solid var(--secondary-color);
	transition: 0.5s;
	height: 50px;
	font-weight: 500;
	text-decoration: none;
	text-align: center;
}

.theme-btn:hover {
	background: #0000;
	color: var(--secondary-color);
	border: 1px solid var(--secondary-color);
}

.main-btn {
	background: var(--primary-color);
	color: #fff;
	padding: 6px 25px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 0px;
	font-size: 16px;
	border: 1px solid var(--primary-color);
	transition: 0.5s;
	font-weight: 500;
	height: 50px;
}

.main-btn:hover {
	background: #0000;
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
}

.top-bar {
	padding: 5px 0px;
	color: #fff;
	font-size: 16px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.navbar {
	padding: 10px 20px;
}

header {
	position: relative;
	transition: top 0.3s, box-shadow 0.3s, background-color 0.3s ease;
	background-color: #fff;
}

header .navbar {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	padding: 0px 0px;
}

header .nav-item {
	margin: 0px;
}

header .nav-item .nav-link {
	padding: 6px 12px !important;
	white-space: nowrap;
	color: #222;
	font-weight: 600;
}

header .nav-item .nav-link:hover,
header .nav-item .active {
	font-weight: 600;
	color: var(--secondary-color) !important;
}

.header-sticky {
	position: sticky;
	top: 0;
	z-index: 99999;
	background-color: #fff;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.header-dropdown .dropdown-toggle {
	padding: 6px 0px;
	font-weight: 600;
}

.header-sticky .top-bar {
	display: block;
}

.header-dropdown a {
	color: #000;
}

.header-dropdown a:hover,
.header-dropdown a:focus {
	color: #000;
}

.header-dropdown .dropdown-menu {
	border-radius: 0px;
	padding: 0px;
	max-height: 350px;
	overflow-y: auto;
	scrollbar-width: none;
	margin-top: 5px;
	border: 1px solid rgba(128, 128, 128, 0.16);
}

.header-dropdown .dropdown-menu::-webkit-scrollbar {
	display: none;
}

.header-dropdown .dropdown-menu .dropdown-item {
	padding: 10px 20px;
	border-bottom: 1px dashed rgba(128, 128, 128, 0.16);
}

.header-dropdown .dropdown-menu .dropdown-item:hover {
	background-color: #ffac6b26;
}

.login_btns li a {
	margin-left: 0px;
}

.login_btns .theme-btn {
	height: 48px;
}

.navbar .navbar-brand img {
	width: 175px;
	min-width: 175px;
}

.navbar-icons a i {
	color: #222529;
	font-size: 24px;
}

.navbar-icons a {
	margin-left: 20px;
	position: relative;
	text-decoration: none;
}

.top-search-wrap {
	width: 100%;
	margin: 0px 3%;
}

.top-right-nav .dropdown .btn {
	background-color: #0000;
	border: 0px;
	font-size: 14px;
	color: #4d4d4d;
}

.top-right-nav .dropdown .btn img {
	width: 28px;
	margin-right: 4px;
}

.navbar-icons a .count-badge {
	position: absolute;
	display: inline-flex;
	text-decoration: none;
	background: #d21313;
	width: 15px;
	height: 15px;
	font-size: 12px;
	color: #fff;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	top: -7px;
	right: -5px;
	box-shadow: 1px 1px 3px 0 rgba(36, 36, 36, 0.3);
}

.navbar-brand {
	color: var(--primary-color);
	font-weight: 500;
	font-size: 24px;
}

.navbar-toggler {
	padding: 2px 4px;
	border: 0px;
	box-shadow: none !important;
}

.navbar-icons {
	display: flex;
	align-items: center;
	order: 3;
}

.navbar-icons .dropdown .btn-secondary {
	background-color: #0000;
	border: none;
	color: #131313;
	padding: 0px;
}

.navbar-icons .dropdown {
	margin-left: 20px;
}

.navbar-icons .dropdown .dropdown-item {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #222;
}

.navbar-icons .dropdown .btn-secondary i {
	font-size: 18px;
}

.navbar-icons .dropdown .dropdown-item:hover {
	background-color: #0000;
}

.navbar-icons .dropdown li {
	margin: 10px 0px;
}

.navbar-icons .dropdown .dropdown-item i {
	margin-right: 4px;
}

.navbar-icons .dropdown .orange_btn {
	background: var(--primary-color);
	border-color: var(--primary-color);
}

.navbar-icons .dropdown .orange_btn:hover {
	color: var(--primary-color);
}

.navbar-icons .dropdown-toggle::after {
	display: none;
}

.location-head {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #4b5563;
	margin-left: .3rem;
	font-size: 14px;
	font-weight: 600;
	text-overflow: ellipsis;
	overflow: hidden;
	text-wrap: nowrap;
	border-left: 1px solid #c4c4c4;
	padding-left: 1.5rem;
}

.location-head i {
	font-size: 18px;
	color: var(--primary-color);
	text-decoration: none !important;
	margin-top: -1px;
}

.location-head p {
	text-decoration: underline !important;
}

/* Banner css starts here */
.banner {
	margin-top: 30px;
}

.banner-slide {
	position: relative;
	overflow: hidden;
	border-radius: 0px;
	/* background-color: #0180e5; */
}

/* .banner-slide.slide-2 {
  background-color: var(--primary-color);
}

.banner-slide.slide-3 {
  background-color: #f7a817;
}

.banner-slide.slide-4 {
  background-color: #ea526f;
}

.banner-slide.slide-5 {
  background-color: #79bf1c;
} */
.banner_video img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}

.banner_video {
	margin-left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.banner-slide .row {
	position: relative;
	z-index: 99;
}

.banner-slide>.container {
	position: relative;
	z-index: 99;
}

.banner-content {
	padding: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: start;
	justify-content: center;
	flex-direction: column;
	gap: 1.3rem;
}

.banner-content ul {
	list-style: none;
	padding-left: 0px;
	color: #fff;
}

.banner-content ul li {
	position: relative;
	margin: 10px 0px;
}

.banner-content .main-btn {
	background: #fff;
	border-color: #fff;
	color: #131313;
}

.banner-content .main-btn:hover {
	background: #0000;
	color: #fff;
}

.banner-img img {
	width: 100%;
}

.banner-img {
	text-align: center;
	margin-right: 40px;
}

.banner-img a {
	color: #fff;
	font-size: 20px;
	text-decoration: none;
}

.swiper-button-next,
.swiper-button-prev {
	cursor: pointer;
	color: #fff;
	width: 42px;
	height: 42px;
	background: var(--secondary-color);
	border-radius: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.06);
}

.banner-slider .swiper-button-next {
	right: 120px;
}

.banner-slider .swiper-button-prev {
	left: 120px;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	color: #fff;
	background: var(--secondary-color);
	border: 1px solid var(--secondary-color);
}

.swiper-button-next::after,
.swiper-button-prev::after {
	font-size: 22px;
}

.divider {
	background: #e7e7e7;
	display: flex;
	width: 100%;
	height: 1px;
}

/* New Arrival css starts here */
.new-arrival {
	padding: 50px 0px;
}

.arrival-img img {
	object-fit: contain;
	max-width: 100%;
	width: 100%;
	height: 120px;
}

.arrival-innr .rating i {
	color: rgb(252, 146, 49);
	font-size: 12px;
}

.arrival-innr .number {
	color: #9ca3af;
	font-size: 14px;
}

.arrival-innr p {
	font-weight: 600;
}

.prdct-btm {
	min-height: 45px;
}

.arrival-innr p a {
	text-decoration: none;
	color: #222529;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 6px;
}

.avg-rate input {
	width: 0px;
	display: none !important;
}

.rating-md {
	font-size: 16px !important;
}

.price-display .featured_rating {
	text-align: end;
}

.featured_rating input {
	width: 0px;
}

.avg-rate .theme-krajee-svg.rating-md .krajee-icon {
	width: 1rem;
	height: 1rem;
}

.theme-krajee-svg .filled-stars .krajee-icon-star {
	background-image: url("../img/star.png") !important;
}

.theme-krajee-svg .empty-stars .krajee-icon-star {
	background-image: url("../img/star-filled.png") !important;
}

.arrival-left-wrap {
	background: #ddf1f9;
	border: 1px solid #c0e9f9;
}

.arrival-left-wrap img {
	max-width: 430px;
	margin-bottom: 0%;
	animation: move-up-down 5s linear infinite;
	z-index: 0;
	width: 100%;
	object-fit: contain;
}

.animate-underline {
	position: relative;
	text-decoration: none;
}

.animate-underline:hover {
	color: var(--secondary-color);
}

.animate-underline .animate-target::after {
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 100%;
	height: 2px;
	content: "";
	background-color: var(--secondary-color);
	transition: transform 0.3s ease-out;
	transform: scaleX(0);
	transform-origin: bottom right;
}

.animate-underline:hover .animate-target::after {
	transform: scaleX(1);
	transform-origin: bottom left;
}

/* recently viewed section css start */
.recently-viewed {
	padding: 50px 0 0 0;
}

/* trending section css start */
.trending {
	padding: 50px 0px;
}

.trending .row {
	padding: 0px 1rem;
}

.trend-img img {
	width: 100%;
	height: 225px;
	object-fit: contain;
}

.trend-innr .rating i {
	color: rgb(252, 146, 49);
	font-size: 14px;
}

.trend-innr .number {
	color: #9ca3af;
	font-size: 14px;
}

.trend-innr h6 a {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.trend-innr h3 {
	font-size: 16px;
	font-weight: 500;
	text-align: left;
}

.trend-innr del {
	color: #9ca3af;
	font-size: 14px;
	font-weight: 400;
}

.prood-card-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 0px;
	text-decoration: none;
	color: #fff;
	min-width: 40px;
	min-height: 40px;
}

.prod-icons .prood-card-btn {
	background: #0000;
	color: red;
}

.prod-icons .prood-card-btn:hover {
	color: red;
}

.prod-icons i {
	font-size: 18px;
}

.animate-underline.active .animate-target::after,
.animate-underline.active.animate-target::after,
.animate-underline.show .animate-target::after,
.animate-underline.show.animate-target::after,
.animate-underline:focus-visible .animate-target::after,
.animate-underline:focus-visible.animate-target::after,
.animate-underline:hover .animate-target::after,
.animate-underline:hover.animate-target::after,
.animate-underline .active::after {
	transform: scaleX(1);
	transform-origin: bottom left;
}

.animate-pulse .animate-target::after,
.animate-rotate .animate-target::after,
.animate-scale .animate-target::after,
.animate-shake .animate-target::after,
.animate-slide-down .animate-target::after,
.animate-slide-end .animate-target::after,
.animate-slide-start .animate-target::after,
.animate-slide-up .animate-target::after {
	display: none;
}

.animate-slide-end:focus-visible .animate-target,
.animate-slide-end:hover .animate-target {
	animation: slide-end 0.3s forwards;
}

.trend-item-box {
	border: 1px solid rgba(128, 128, 128, 0.16);
	padding: 1rem;
	box-shadow: none;
	transition:
		background-color ease 0.2s,
		border-color ease 0.2s;
	height: calc(100% - 16px);
	background-color: #fff;
	overflow: hidden;
}

.trend-item-box:hover {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.trend-item-box .prod-icons {
	top: 0;
	right: 0px;
}

.trend-item-box:hover .prod-icons {
	display: block;
}

.animate-pulse:focus-visible .animate-target,
.animate-pulse:hover .animate-target {
	animation: pulse 0.9s;
}

.animate-rotate:focus-visible .animate-target,
.animate-rotate:hover .animate-target {
	animation: rotate 0.45s ease-in-out;
}

.animate-scale:focus-visible .animate-target,
.animate-scale:hover .animate-target {
	animation: scale 0.35s ease-in-out;
}

.prod-icons {
	position: absolute;
	top: -10px;
	right: -10px;
}

/* sale add css starts here */
.sale-box {
	background-color: var(--primary-color);
	border-radius: 0px;
}

.off-card {
	width: 20%;
}

.off-card h1 {
	font-size: 125px;
	margin-bottom: 0px;
	color: #fff;
	font-weight: 800;
}

.off-card span {
	color: #fff;
	font-weight: 500;
	margin-left: 5px;
}

.sale-card {
	width: 80%;
}

.border-divider {
	width: 4px;
}

.border-divider svg {
	color: #fff;
	margin-left: -2px;
	height: 100%;
}

.sale-img img {
	width: 90%;
	animation: move-up-down 5s linear infinite;
}

.animate-down-up {
	animation: move-down-up 5s linear infinite;
}

.sale-img {
	position: relative;
	margin: 40px 0px;
	padding-right: 40px;
}

.sale-content {
	padding-left: 50px;
}

.sale-content h1 span {
	color: #ffe82a;
	text-transform: capitalize;
}

.sale-content h1 {
	color: #fff;
	font-size: 46px;
}

.sale-content p {
	color: #fff;
	margin-top: 15px;
}

.sale-content p .sale-badge {
	background: var(--primary-color);
	padding: 6px 12px;
	border-radius: 50px;
	font-weight: 500;
	margin: 0px 5px;
	width: fit-content;
}

/* Featured css starts here */
.featured {
	padding: 50px 0px 55px;
}

.feature-innr .rating i {
	color: rgb(252, 146, 49);
	font-size: 12px;
}

.feature-innr .number {
	color: #9ca3af;
	font-size: 14px;
}

.feature-innr h6 a {
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #222529;
	min-height: 38px;
}

.feature-innr h3 {
	font-size: 18px;
	font-weight: 500;
}

.feature-innr del {
	color: #9ca3af;
	font-size: 14px;
	font-weight: 400;
}

.feature-item-box {
	border: 1px solid rgba(128, 128, 128, 0.16);
	padding: 1rem;
	box-shadow: none;
	transition:
		background-color ease 0.2s,
		border-color ease 0.2s;
	height: calc(100% - 10px);
	margin-bottom: 10px;
	background-color: #fff;
	overflow: hidden;
}

.feature-item-box:hover {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.feature-item-box:hover .prod-icons {
	display: block;
}

.feature-img img {
	width: 100%;
	height: 200px;
	object-fit: contain;
	margin-bottom: 20px;
}

/* newsletter css tart here */
.newsletter {
	background: var(--primary-color);
	padding: 30px 0px;
}

.newsletter-wrapper {
	position: relative;
}

.newsletter #subscribe-email {
	width: 100%;
	max-width: 100%;
	padding-right: 138px;
}

.newsletter .invalid-feedback {
	position: absolute;
}

footer {
	background: #fff;
}

.footer-top {
	padding: 70px 0px 30px;
}

.footer-support {
	padding: 40px 0px;
	border-bottom: 1px solid #eee;
}

.footer-support-box {
	padding-right: 24px;
	border-right: 1px solid #eee;
}

.footer-support-box a i {
	color: #07c507;
}

.footer-support-box a:hover {
	text-decoration: underline;
}

footer .widget-title {
	position: relative;
}

footer .widget-title::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	height: 2px;
	width: 40px;
	background-color: #0180e5;
}

.copyright-item {
	color: #000;
}

.inner ul {
	list-style: none;
	padding-left: 0px;
}

.axil-footer-widget .inner p {
	color: #000;
}

footer .inner ul li a:hover {
	text-decoration: underline;
}

footer .inner ul li {
	margin-bottom: 10px;
}

footer .logo {
	margin-bottom: 30px;
}

footer .logo a {
	color: #fff;
	text-decoration: none;
	font-size: 30px;
}

footer .logo img {
	width: 200px;
}

.copyright {
	padding: 20px 0px;
	border-top: 1px solid rgb(208, 208, 208);
}

.copyright-item a {
	color: var(--secondary-color);
}

.footer-center {
	padding: 30px 0px;
	border-top: 1px solid #5a5a5a29;
	border-bottom: 1px solid #5a5a5a29;
}

.ftr-boxes .bx_head {
	text-transform: uppercase;
	margin-bottom: 6px;
}

.footer-top [class*="col-"]:first-child {
	padding-left: 0px;
}

.copyright p a {
	color: var(--secondary-color);
	text-decoration: none;
}

.copyright p a:hover {
	text-decoration: underline;
}

/* override banner dots  */
.swiper-pagination-bullet {
	width: 30px;
	height: 6px;
	border-radius: 0px;
	opacity: 0.5;
	background: #fff;
}

.swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1;
}

/*****USER DASHBOARD CSS Start *****/
.left_sidebar {
	position: absolute;
	width: 260px;
	top: 0px;
	background: #fff;
	z-index: 0;
	margin-top: 103px;
	overflow: hidden;
	height: calc(100% - 103px);
}

.dashboard_menu {
	background: #fff;
	overflow: hidden;
	height: 100%;
}

.dasboard_header {
	padding: 30px 0px 20px 0;
	text-align: center;
}

.db_inr_hd h2 {
	font-size: 1.5rem;
	margin: 0;
}

.dasboard_header h2 {
	font-size: 18px;
	font-weight: 500;
	color: #131313;
	text-transform: capitalize;
	margin-bottom: 5px;
	margin-top: 15px;
	text-align: center;
}

.dashboard_menu ul {
	list-style: none;
	padding-left: 0px;
}

.dasboard_header .dasboard_header_img {
	border-radius: 50%;
	border: 5px solid #fff;
	width: 140px;
	height: 140px;
	position: relative;
	margin: 0 auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	outline: 1px solid rgba(128, 128, 128, 0.16);
}

.dasboard_header .dasboard_header_img label {
	display: block;
	position: absolute;
	bottom: 0;
	right: 5px;
	font-size: 14px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0px 0px 10px #3c3c3c38;
	cursor: pointer;
	transition: all linear 0.3s;
	-webkit-transition: all linear 0.3s;
	-moz-transition: all linear 0.3s;
	-ms-transition: all linear 0.3s;
	-o-transition: all linear 0.3s;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.dasboard_header .dasboard_header_img img {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dashboard_menu ul li a {
	text-align: left;
	font-size: 16px;
	font-weight: 500;
	position: relative;
	width: 100%;
	display: block;
	transition: all 0.3s linear 0s;
	background: none !important;
	color: #131313;
	border-top: 1px solid #00000008;
	padding: 0px 0px;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	text-transform: capitalize;
	position: relative;
	text-decoration: none;
}

.querry-count {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 25px !important;
	height: 25px !important;
	line-height: 25px !important;
	color: var(--primary-color) !important;
	font-size: 12px;
	border-radius: 50%;
	background: #fff !important;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
}

.dashboard_menu ul li a:hover {
	background: var(--secondary-color) !important;
	color: #fff;
}

.dashboard_menu ul li a:hover span {
	color: #fff;
}

.dashboard_menu ul li a span {
	display: inline-block;
	transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	width: 50px;
	height: 50px;
	color: var(--secondary-color);
	text-align: center;
	line-height: 50px;
}

.inner_card p {
	color: #131313;
}

.inner_card hr:not([size]) {
	color: #c1c1c1;
}

.user_dashboard {
	background-color: #f4f4f4 !important;
}

.dashboard_content {
	position: relative;
	margin-left: 260px;
	overflow-x: hidden;
	background: #eff8ff;
	min-height: calc(100vh - 91px);
	padding: 20px;
}

.db_inr_hd h4 {
	margin-bottom: 0px;
	font-weight: 500;
	text-transform: capitalize;
}

.edit-btn {
	width: 35px;
	height: 35px;
	display: inline-block;
	background: var(--secondary-color);
	text-align: center;
	line-height: 35px;
	color: #fff;
	border-radius: 50%;
}

.form-control {
	border: 1px solid rgba(128, 128, 128, 0.16);
}

.custom-form .form-group {
	margin-bottom: 20px;
}

.custom-form label {
	font-size: calc(14px + (16 - 14)* ((100vw- 320px)/(1920- 320)));
	color: #262834;
	margin-bottom: 8px;
	line-height: 20px;
	margin-top: -2px;
	display: block;
	font-size: 14px;
}

.custom-form input,
.custom-form .form-control {
	font-size: 14px;
	color: #262834;
	font-weight: 400;
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 0px;
	min-height: 45px;
}

.delete-account .form-select {
	font-size: 14px;
	color: #262834;
	font-weight: 400;
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 0px;
	min-height: 45px;
}

.custom-form .form-select {
	font-size: 14px;
	color: #262834;
	font-weight: 400;
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 4px;
	min-height: 45px;
}

.custom-form textarea.form-control {
	min-height: 120px !important;
}

/*****USER DASHBOARD CSS END *****/
.delete_modal .modal-dialog {
	max-width: 600px;
}

.delete_account {
	padding: 20px 40px 40px 40px;
	text-align: center;
}

.delete_account h4 {
	margin-bottom: 20px;
}

.delete_account i {
	color: red;
	font-size: 40px;
	margin-bottom: 20px;
}

.eye-icon {
	position: absolute;
	bottom: 8px;
	right: 20px;
}

#shop-product-input-search-form-submit {
	background: var(--secondary-color);
	color: #fff;
	border-color: var(--secondary-color);
	border-radius: 0px;
}

.shop-section,
.shop-details {
	padding-top: 20px;
}

.theme-krajee-svg.rating-md .krajee-icon,
.theme-krajee-svg.rating-md .krajee-icon-clear {
	width: 1rem !important;
	height: 1rem !important;
}

.single-item-rating .rating-input {
	display: none;
}

.shop-item {
	height: 100%;
	position: relative;
}

.cart_desc del {
	color: #888 !important;
	margin: 0px 4px;
}

.cart_desc del span {
	color: #888 !important;
}

.cart-btn {
	background: var(--secondary-color);
	color: #fff;
	padding: 6px 12px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 0px;
	font-size: 14px;
	border: 1px solid var(--secondary-color);
	transition: 0.5s;
}

.cart-btn:hover {
	background: #0000;
	color: var(--secondary-color);
	border: 1px solid var(--secondary-color);
}

.coupon-box .apply-coupon-form {
	margin-bottom: 1rem;
}

.coupon-box .coupon-card-outer {
	width: 100%;
	height: auto;
	padding: 0rem;
	border: 2px dashed var(--secondary-color);
	background: #fdfdfd;
}

.coupon-box .coupon-code {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #0180e51f;
	color: #007bdc;
	font-weight: 600;
	padding: 3px 8px;
	font-size: 0.9rem;
	line-height: 1.8rem;
}

.coupon-box .apply-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1rem !important;
	padding: 5px;
	line-height: 1.8rem;
	background: #e2f2ff;
	color: var(--secondary-color);
	margin: 1px;
	font-weight: 600;
	font-size: 1rem;
}

.coupon-box .view-all-coupons {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	font-size: 1rem;
	font-weight: 700;
	color: var(--secondary-color);
}

.coupon-card-modal {
	width: 100%;
	height: auto;
	padding: 1rem;
	border: 2px dashed var(--secondary-color);
	background: #fdfdfd;
}

.coupon-card-modal .coupon-code {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #0180e51f;
	color: #007bdc;
	font-weight: 600;
	padding: 3px 8px;
	font-size: 0.9rem;
	line-height: 1.8rem;
}

.coupon-card-modal .apply-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
	line-height: 1.8rem;
	background: #e2f2ff;
	color: var(--secondary-color);
	font-weight: 600;
	font-size: 1rem;
}

.tooltip-custom {
	position: relative;
	display: inline-block;
}

.tooltip-text {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 125%;
	max-width: min(300px, 90vw);
	width: max-content;
	background: #000;
	color: #fff;
	font-size: 0.8rem;
	padding: 8px 10px;
	border-radius: 0;
	text-align: left;
	white-space: normal;
	word-break: break-word;
	opacity: 0;
	visibility: hidden;
	transition: 0.2s;
	z-index: 9999;
}

.tooltip-text ol,
.tooltip-text ul,
.tooltip-text dl {
	padding: 0 0 0 0.5rem;
	margin: 0;
}

.tooltip-text ul {
	list-style: inherit;
}

.tooltip-text h1,
.tooltip-text h2,
.tooltip-text h3,
.tooltip-text h4,
.tooltip-text h5,
.tooltip-text h6,
.tooltip-text p,
.tooltip-text ol li,
.tooltip-text ul li,
.tooltip-text dl li,
.tooltip-text em {
	color: #fff;
}

.tooltip-custom:hover .tooltip-text {
	opacity: 1;
	visibility: visible;
}

.tooltip-text::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
	border: 5px solid transparent;
	border-top-color: #000;
}

.tooltip-text.bottom {
	top: 125%;
	bottom: auto;
}

.tooltip-text.bottom::after {
	top: auto;
	bottom: 100%;
	border-top-color: transparent;
	border-bottom-color: #000;
}

/* Shop css */
.shop-dis h6 {
	margin-bottom: 0px;
}

.ratings i {
	font-size: 13px;
}

.shop-dis h6 a {
	color: #2f2f2f;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.rating-input {
	width: 0px !important;
}

.shop-filter {
	border: 1px solid rgba(128, 128, 128, 0.16);
	background-color: #fff;
	border-radius: 0px;
	margin-right: 10px;
}

.sidebar-list .form-check {
	color: #222;
	padding: 8px 5px 8px 25px;
	cursor: pointer;
}

.sidebar-list .form-group {
	margin-bottom: 15px;
}

.single-item-action {
	margin: 20px 0px;
}

.summery-wrap .cart-title {
	font-size: 20px;
}

.summery-wrap .order-summery li {
	align-items: start;
	gap: 5px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	font-weight: 500;
}

.summery-wrap .order-summery li span {
	font-size: 16px;
}

.checkout .modal-footer {
	padding: 0px;
}

.summery-wrap .order-summery li:last-child span {
	font-size: 16px;
}

.summery-wrap .grand-total-wrap {
	background-color: #fff !important;
	border: 1px solid rgba(128, 128, 128, 0.16);
	padding: 16px;
}

.pagination {
	margin-top: 20px;
	overflow: auto;
	width: 100%;
	flex-wrap: wrap;
	justify-content: center;
}

.pagination li {
	min-width: 35px;
	min-height: 35px;
	background: #eee;
	margin: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0px;
	cursor: pointer;
}

.pagination li a,
.pagination li span {
	color: #222;
}

.pagination .active,
.pagination li:hover {
	background: var(--secondary-color);
	color: #fff;
}

.pagination .active a,
.pagination li:hover a {
	color: #fff;
}

.blog-post .post-thumbnail img {
	border: 1px solid #eee;
}

.blog-post .post-thumbnail img {
	border: 1px solid #eee;
}

/* order css start */
.order_detail table tr th {
	background-color: var(--secondary-color);
	color: #fff;
	padding: 10px 14px;
	font-size: 15px;
}

.order_detail table {
	border: 1px solid #dddddd63;
}

.order_detail table tr td {
	font-size: 15px;
	line-height: 25px;
	padding: 15px;
	color: #131313;
	text-transform: capitalize;
}

.order_detail .table>tbody {
	vertical-align: middle;
}

.order_detail table tr td .order_img span {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	width: 130px;
}

.order_detail table tr td .order_img .img {
	width: 50px;
}

.order_detail .action_btns a {
	color: #fff;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0px;
	transition: all 0.3s ease-in-out;
	font-size: 12px;
}

.order_detail .action_btns a:nth-child(1) {
	border: 1px solid #ffc107;
}

.order_detail .action_btns a:nth-child(2) {
	border: 1px solid #198754;
}

.order_detail .action_btns a:nth-child(3) {
	border: 1px solid #dc3545;
}

.order_detail .action_btns a:hover:nth-child(1) {
	background-color: transparent !important;
	color: #ffc107;
}

.order_detail .action_btns a:hover:nth-child(2) {
	background-color: transparent !important;
	color: #198754;
}

.order_detail .action_btns a:hover:nth-child(3) {
	background-color: transparent !important;
	color: #dc3545;
}

/* order css end */
.alert.alert-dismissable {
	display: flex !important;
	flex-direction: row-reverse;
	justify-content: space-between;
}

/* Search Style */
#search {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
	opacity: 0;
	display: none;
}

#search.open {
	-webkit-transform: translate(0px, 0px) scale(1, 1);
	-moz-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1);
	opacity: 1;
	z-index: 106;
	display: block;
}

#search input[type="search"] {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -51px;
	width: 60%;
	margin-left: 20%;
	color: rgb(255, 255, 255);
	background: transparent;
	border-top: 1px solid rgba(255, 255, 255, 0.8);
	border-bottom: 2px solid rgba(255, 255, 255, 0.5);
	border-left: 0px solid transparent;
	border-right: 0px solid transparent;
	font-size: 40px;
	font-weight: 300;
	text-align: center;
	outline: none;
	padding: 10px;
}

#search .close {
	position: fixed;
	top: 15px;
	right: 15px;
	opacity: 1;
	font-size: 27px;
	color: #fff;
}

#search .close:hover {
	color: #fc2121;
	cursor: pointer;
}

.navbar-nav li:hover>ul.dropdown-menu {
	display: block;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
}

.dropdown-menu>li>a:hover:after {
	text-decoration: underline;
	transform: rotate(-90deg);
}

.navbar-icons .dropdown ul li i {
	font-size: 16px;
}

.top-social-icons a {
	color: #4d4d4d;
	margin-left: 12px;
}

.top-social-icons a i {
	font-size: 16px;
}

.top-search-wrap input {
	min-width: 260px;
	height: 70px;
	padding: 5px 50px 5px 30px;
	width: 100%;
	border-radius: 0px;
	color: #131313;
	border: 0px;
	border-right: 1px solid rgba(0, 0, 0, 0.12);
	border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.srch_btn {
	position: absolute !important;
	bottom: 8px;
	right: 15px;
	width: 60px;
	height: 50px;
	background: none;
	border-radius: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	margin-left: 0px !important;
	border: 0px;
}

.srch_btn i {
	font-size: 18px !important;
	color: #848484 !important;
}

.section-pd {
	padding: 80px 0px;
}

.breadcrumb .border-info {
	display: none;
}

.bg-blue-header {
	padding: 40px 0px;
	background: #0180e5;
}

.bg-blue-header h1 {
	color: #fff;
}

#contact-form-submit,
.bg-btn3 {
	background: var(--secondary-color);
	background-color: var(--secondary-color);
	color: #fff;
	height: 50px;
	border: 1px solid var(--secondary-color);
	padding: 10px 20px;
	border-radius: 0px;
	display: inline-flex;
	gap: 5px;
	align-items: center;
	justify-content: center;
	text-align: center;
}

#contact-form-submit:hover,
.bg-btn3:hover {
	background: #0000;
	background-color: #0000;
	color: #269030;
	border: 1px solid #269030;
}

/* Order detail pages css */
.order-detail-wrap {
	color: #222529;
	margin-top: 30px;
}

.order-detail-wrap .order-notice {
	display: flex;
	align-items: center;
	box-shadow: 5px 6px 30px 0px rgba(0, 0, 0, 0.1);
	margin-bottom: 10px;
}

.order-detail-wrap .order-notice .icon {
	height: 60px;
	width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--primary-color);
}

.billing-info {
	padding: 8px 15px;
	border: 1px solid #e0e0e0;
}

.fw-bold {
	font-weight: 700 !important;
}

.order-detail-wrap strong {
	font-weight: 500;
}

.order-detail-wrap .order-notice p {
	padding-left: 20px;
	margin-bottom: 0px;
	color: #222529;
}

.order-detail-wrap .table {
	table-layout: fixed;
	vertical-align: middle;
}

.billing-info p {
	margin-bottom: 2px;
	color: #222529;
}

.order-prdct-img img {
	width: 100%;
	height: 290px;
	object-fit: cover;
}

.product-title {
	font-size: 18px;
	line-height: 24px;
	color: #222529 !important;
}

.newsletter-form #news-letter {
	width: 100%;
}

.field-product-category_id,
.field-product-brand_id,
.field-vendorproduct-category_id,
.field-vendorproduct-brand_id,
.categories_list {
	max-height: 360px;
	overflow: auto;
}

.field-product-category_id::-webkit-scrollbar,
.field-product-brand_id::-webkit-scrollbar,
.field-vendorproduct-category_id::-webkit-scrollbar,
.field-vendorproduct-brand_id::-webkit-scrollbar,
.categories_list::-webkit-scrollbar {
	width: 6px;
}

.field-product-category_id::-webkit-scrollbar-track,
.field-product-brand_id::-webkit-scrollbar-track,
.field-vendorproduct-category_id::-webkit-scrollbar-track,
.field-vendorproduct-brand_id::-webkit-scrollbar-track,
.categories_list::-webkit-scrollbar-track {
	background: transparent;
}

.field-product-category_id::-webkit-scrollbar-thumb,
.field-product-brand_id::-webkit-scrollbar-thumb,
.field-vendorproduct-category_id::-webkit-scrollbar-thumb,
.field-vendorproduct-brand_id::-webkit-scrollbar-thumb,
.categories_list::-webkit-scrollbar-thumb {
	background: #a0a0a0;
	border-radius: 10px;
}

.theme-btn.outline_btn.Cart_Btn {
	background-color: #fff;
}

.theme-btn.outline_btn.Cart_Btn:hover {
	background-color: var(--secondary-color);
}

.rate-count {
	background: var(--secondary-color);
	padding: 1px 8px;
	color: #fff;
	border-radius: 0px;
}

.single-item-info .rate-count {
	display: none;
}

.single-item-price h5 {
	color: #6e6e6f;
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 2px;
}

.off-price {
	color: #22a622;
	font-size: 14px;
}

.single-item-price .off-price {
	color: #22a622;
	font-size: 22px;
}

.single-item-price span {
	color: #131313;
	margin-left: 0px;
}

.facilities-box {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-grow: 1;
}

.facilities-box img {
	width: 40px;
	margin-bottom: 5px;
}

.facilities-box p {
	margin-bottom: 0px;
}

.shop-left-sec .swiper-wrapper {
	align-items: center;
}

.single-item-rating p {
	color: #131313;
}

.single-item-price p {
	color: #6e6e6f;
}

.specification h4 {
	padding: 0;
	border-bottom: none;
	color: #131313;
}

.specification th,
.specification td {
	padding: 10px 10px 10px 0;
}

.product-desc-sidebar {
	border: 1px solid #d5d9d9;
	border-radius: 0px;
	padding: 20px;
	min-height: 400px;
	font-size: 14px;
	position: sticky;
	top: 20px;
}

.product-desc-sidebar p,
.product-desc-sidebar span {
	color: #131313;
}

.free-del {
	font-weight: 500;
	font-size: 14px;
}

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

.loc {
	display: flex;
	align-items: baseline;
	gap: 5px;
}

.loc i {
	margin-right: 4px;
}

.stock span {
	background: #06bf82;
	color: #fff;
	padding: 2px 8px;
	border-radius: 0px;
	font-size: 14px;
	font-weight: 400;
}

.item-single-btn-area {
	margin-left: 0px !important;
}

.item-single-btn-area .main-btn {
	width: 100% !important;
}

th {
	font-weight: 500;
}

.price span {
	color: #730000;
	font-size: 24px;
}

.price del {
	color: #a6a6a6;
}

.order-card p {
	color: #222 !important;
	padding: 10px 20px;
}

.shipping_address,
.order-summary {
	/*! background: #eef7ff; */
	/*! padding: 20px 30px; */
	height: 100%;
	border: 1px solid rgba(128, 128, 128, 0.16);
}

.shipping_address h4,
.order-summary h4 {
	margin-bottom: 12px;
	background: #0180e5;
	padding: 10px 20px;
	color: #fff;
	font-size: 20px;
}

.shipping_address p {
	color: #222;
	padding: 0px 20px;
}

.order-card h4 {
	margin-bottom: 12px;
}

.total {
	border-top: 1px solid rgba(128, 128, 128, 0.16);
	padding-top: 10px;
}

.shipping_address p {
	margin-bottom: 5px;
}

.total p,
.total span {
	font-size: 18px;
}

.order-card {
	background: #eef7ff;
}

.order-img {
	min-width: 180px;
}

.order-detail-wrap .card .order_Itm:last-child {
	border-bottom: 0px;
	margin-bottom: 0px;
}

.order-img img {
	width: 100px;
	height: 100px;
	object-fit: contain;
}

.order-content h5 {
	max-width: 400px;
}

.odr-price del {
	color: #f58e3c;
	font-size: 14px;
	margin-left: 2px;
}

.order-content h5 a {
	color: #131313;
}

.shiping_table {
	border: 1px solid #ccc;
	padding: 15px;
}

.item-single-btn-area .main-btn {
	width: 280px !important;
}

.brand_nm {
	font-weight: 400;
	color: var(--secondary-color);
}

.my_cart {
	background: #fff;
	padding: 40px 20px;
	border: 1px solid rgba(128, 128, 128, 0.16);
}

.buy-now-btns .item-single-btn-area a {
	width: 100% !important;
	height: 50px;
}

.review-modal .modal-dialog {
	width: 100%;
	max-width: 800px;
}

.review-form .card-header {
	background: var(--primary-color);
	border-color: var(--primary-color);
}

.product-detail .product-img {
	width: 300px;
	height: 150px;
	margin: 0 auto;
	border-radius: 0px;
}

.product-detail .product-img img {
	width: 100%;
	height: 100%;
	object-fit: fill;
	border-radius: 0px;
}

.review-form form {
	height: 500px;
	overflow-y: scroll;
}

#rating-form .review-form .form-group {
	margin-bottom: 20px;
}

.review-submit-btn button {
	background: var(--primary-color);
	border-color: var(--primary-color);
}

.review-submit-btn button:hover {
	border-color: var(--primary-color) !important;
	color: var(--primary-color) !important;
}

.rating-view-box .rating-img {
	width: 80px;
	height: 80px;
}

.rating-view-box .rating-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 100px;
}

.rating-view-box .rating-date ul li i {
	font-size: 10px;
	color: var(--primary-color);
}

.rating-view-box .rating-date .date p {
	font-size: 14px;
}

.rating-view-box .rating-date .date p .fa-calendar-minus,
.rating-view-box .rating-date .date p .fa-clock {
	font-size: 13px;
}

.before-time p {
	font-size: 14px;
}

.rating-review-inr-box {
	height: 175px;
	overflow-y: scroll;
	scrollbar-color: #f68328 transparent;
}

.order-tracking .timeline {
	position: relative;
	display: flex;
	padding-left: 0px;
	gap: 30px;
}

.order-tracking .timeline li::before {
	top: 12px;
	position: absolute;
	content: " ";
	width: calc(100% + 20px);
	left: 50%;
	border: 1px solid #3dab25;
	height: 1px;
}

.order-tracking .timeline li:last-child:before {
	display: none;
}

.order-tracking .timeline>li .timeline-badge.success {
	border-color: #3dab25;
}

.order-tracking .timeline>li .timeline-badge::after {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 100%;
	display: block;
	background: #fff;
}

.order-tracking .timeline>li .timeline-badge {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	height: 26px;
	width: 26px;
	padding: 4px;
	background-color: #3dab25;
	margin: auto;
	position: relative;
}

.order-tracking .timeline>li {
	list-style: none;
}

.order-tracking .timeline>li .timeline-box {
	padding: 15px 0px;
	position: relative;
	display: block;
	text-align: center;
}

.order-tracking .timeline>li {
	position: relative;
}

.rating-review-inr-box::-webkit-scrollbar-thumb {
	background: #f68328;
}

.rating-review-inr-box::-webkit-scrollbar {
	width: 2px;
}

.order_title h5 a {
	color: #222;
}

.order-detail-wrap p {
	color: #222529;
}

.order_detail .badge {
	font-weight: 400;
}

.order_detail .Pending {
	background: #ffd11c;
	color: #131313;
}

.order-detail-wrap .card-body .order_Itm:last-child {
	border-color: #fff;
	margin-bottom: 0px;
}

.order-detail-wrap th {
	background: var(--secondary-color);
	color: #fff;
}

.order-detail-wrap th,
.order-detail-wrap td {
	padding: 8px 15px !important;
}

.summary_row {
	margin: 0px 15px;
}

.order-titl,
.addres_detl h4,
.return-title {
	font-size: 22px;
}

.check_box {
	padding-left: 0px;
}

.support-group .card {
	height: calc(100% - 1rem);
	margin-bottom: 1rem;
	box-shadow: none !important;
}

.faqs_sec .accordion-button {
	box-shadow: none !important;
	border-radius: 0 !important;
}

.help-section-main #search-form {
	display: flex;
	gap: 0.5rem;
}

.card-body {
	color: #222;
}

.thanku_order .card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #19864f;
	border: 0px;
}

.review-form form {
	padding: 10px 60px;
}

.order-detail-wrap .card {
	border-radius: 0px;
	border-color: rgba(128, 128, 128, 0.16);
}

.order_nam a {
	color: #131313;
}

.total_Pric {
	color: #0180e5 !important;
	font-size: 18px;
}

.order_Itm {
	border-bottom: 1px solid #eee;
	margin: 0px 15px 15px;
	padding-bottom: 15px;
}

.order-tracking h4 {
	font-size: 22px;
}

.summary-list.total p,
.summary-list.total span {
	color: #0180e5 !important;
	font-weight: 500;
}

.thanku_order .card-footer {
	background-color: rgb(246, 131, 40) !important;
}

.thanku_order p {
	color: #222 !important;
}

.show {
	display: block;
}

.address-wrap .summary {
	display: none;
}

.coupon-card {
	color: #131313;
	text-align: left;
	border-radius: 0px;
	position: relative;
}

.summery-wrap .coupon-box {
	background-color: #fff !important;
	border: 1px solid rgba(128, 128, 128, 0.16);
	padding: 16px;
}

.summery-wrap .coupon-box .theme-btn {
	padding: 6px 10px;
}

.coupon-row {
	width: fit-content;
}

.code_cs {
	border: 1px dashed #131313;
	padding: 10px 20px;
	border-right: 0;
}

.cpn_btn {
	border: 1px solid var(--secondary-color);
	background: var(--secondary-color);
	padding: 10px 20px;
	color: #fff;
	cursor: pointer;
}

.iti {
	position: relative;
	width: 100%;
}

.order-btm-table td {
	border: 0px !important;
}

.category_item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 10px 10px;
	border: 1px solid rgba(128, 128, 128, 0.16);
	background: #fff;
	overflow: hidden;
}

.category_item .img img {
	width: 100%;
	object-fit: contain;
}

.brand-category .swiper .swiper-wrapper {
	transition-timing-function: linear !important;
}

.category_item h3 {
	font-size: 20px;
	text-align: center;
}

.filter-img img {
	filter: invert(1);
}

.profile_user {
	display: flex;
	align-items: center;
	gap: 5px;
}

.profile_user .prof_img img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
}

.profile_user i {
	font-size: 14px !important;
}

.newsletter-wrapper img {
	width: 80%;
}

.porto-icon-box.orange .porto-icon-default {
	background: var(--primary-color);
}

.porto-icon-box.blue .porto-icon-default {
	background: #16c4e3;
}

.porto-icon-box.green .porto-icon-default {
	background: #39ac44;
}

.porto-icon-box.dark-green .porto-icon-default {
	background: #4084ee;
}

.porto-icon-header h1 {
	font-size: 28px;
}

.cart-qty {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.banner-content span {
	position: relative;
	z-index: 99;
}

.banner-content span svg {
	position: absolute;
	bottom: -24px;
	left: 0;
	right: 0;
	margin-left: 0;
}

.rubber-tag {
	background: #618a25;
	z-index: 999;
	position: absolute;
	left: 40%;
	top: 50%;
	padding: 30px 35px;
	color: #131313;
	transform: translateY(-50%);
	font-size: 18px;
	font-weight: 500;
	border-radius: 0px;
	background-color: #ffaa00;
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23ffb100' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ffb800' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23ffbe00' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23ffc500' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23ffcc00' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23ffd914' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23ffe529' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23ffef3d' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23fff852' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23ffff66' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
	background-attachment: fixed;
	background-size: cover;
}

.-value {
	font-size: 60px;
	font-weight: 500;
	line-height: 80px;
}

.-desc {
	font-size: 18px;
	font-weight: 500;
}

.arrival-item {
	border: 1px solid rgba(128, 128, 128, 0.16);
	padding: 1rem;
	box-shadow: none;
	transition:
		background-color ease 0.2s,
		border-color ease 0.2s;
	height: calc(100% - 16px);
	background: #fff;
	overflow: hidden;
}

.arrival-item:hover {
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.cart_butn a {
	border: 1px solid #0180e5;
	display: inline-flex;
	padding: 8px 18px;
	border-radius: 0px;
	color: #fff;
	background: #0180e5;
	min-width: fit-content;
	text-decoration: none;
	text-wrap: nowrap;
}

.avg_rating {
	font-size: 18px;
	line-height: initial;
}

.avg-rate i {
	font-size: 16px;
	color: #f68328;
}

.cart_butn a:hover {
	background: #0000;
	color: #0180e5;
}

.outline_btn {
	background: transparent;
	color: var(--secondary-color) !important;
}

.outline_btn:hover {
	background: var(--secondary-color);
	color: #fff !important;
}

.top-search-wrap input {
	box-shadow: none;
	outline: 0px;
}

.sale-content .white-btn {
	background: #fff;
	color: #222;
	border-color: #fff;
}

.sale-content .white-btn:hover {
	background: #0000;
	color: #ffff;
}

.trusted-title h1 {
	font-size: 30px;
}

.trusted-title h1 span {
	position: relative;
}

.trusted-title h1 span svg {
	left: 50%;
	overflow: visible;
	position: absolute;
	bottom: -43px;
	transform: translate(-50%, -50%);
	width: calc(100% + 20px);
}

.testimonial {
	padding-bottom: 50px;
}

.testimonial_box {
	padding: 40px 30px;
	border-radius: 0px;
	border: 1px solid rgba(128, 128, 128, 0.16);
	background: #fff;
	height: calc(100% - 1rem);
	margin-bottom: 1rem;
	min-height: 340px;
	display: flex;
	align-items: start;
	justify-content: space-between;
	flex-direction: column;
}

.testimonial_box p:empty {
	display: none;
}

.heading-title p {
	background: #e4f3ff;
	color: var(--secondary-color);
	padding: 8px 25px;
	border-radius: 50px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	font-weight: 500;
	font-size: 18px;
}

.testimonial-img {
	margin-bottom: 30px;
}

.faqs {
	padding-bottom: 70px;
}

.faqs .accordion-item {
	margin-bottom: 25px;
	border: 1px solid #e6e3e2 !important;
	border-radius: 0px;
	overflow: hidden;
}

.faqs .accordion-button {
	padding: 20px 15px;
	box-shadow: none !important;
	font-weight: 500;
}

.faqs .accordion-button:not(.collapsed) {
	color: #fff;
	background-color: var(--secondary-color);
	box-shadow: 0px;
}

.faqs .accordion-button:not(.collapsed)::after {
	filter: brightness(100);
}

.faq-img img {
	width: 80%;
}

.feature-center {
	padding-top: 30px;
}

.feature-boxes {
	border: 1px solid rgba(128, 128, 128, 0.16);
	padding: 1rem;
	align-items: center;
	background: #fff;
}

.feature-bx-icon {
	width: 50px;
	height: 50px;
	background: var(--secondary-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #fff;
}

.feature-center .col-lg-3:first-child .feature-bx-icon {
	background: #f73d3d;
}

.feature-center .col-lg-3:nth-child(2) .feature-bx-icon {
	background: #49cc3e;
}

.feature-center .col-lg-3:nth-child(3) .feature-bx-icon {
	background: #ff8300;
}

.feature-center .col-lg-3:nth-child(4) .feature-bx-icon {
	background: #6a32e6;
}

.swiper_buttons {
	display: flex;
	justify-content: end;
	gap: 10px;
}

.testimonialSwiper .swiper-button-next,
.testimonialSwiper .swiper-button-prev {
	position: relative;
	top: 24px;
	left: 0;
	right: 0;
	bottom: 0;
}

.featuredSwiper .swiper-button-next,
.featuredSwiper .swiper-button-prev,
.recently-viewed .swiper-button-next,
.recently-viewed .swiper-button-prev {
	position: relative;
	top: 24px;
	left: 0;
	right: 0;
	bottom: 0;
}

#address-form #deliveryaddress-contact_no {
	padding-left: 85px !important;
}

.item-single-btn-area .outline_btn {
	background: #0000;
	color: var(--secondary-color);
}

.item-single-btn-area .outline_btn:hover {
	background: var(--secondary-color);
	color: #fff;
}

.gst {
	color: #f30 !important;
	margin-top: 10px;
	font-size: 20px;
}

.buy-now-btns #add-to-cart-form {
	width: 100%;
}

.rating-block {
	background-color: #fff;
	border: 0px;
	padding: 0px;
}

.review-block {
	background-color: #fff;
	border-top: 1px solid #eee;
}

.rating_review {
	padding: 0px;
}

.cart-box {
	border-bottom: 1px solid rgba(128, 128, 128, 0.16);
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.total_prc {
	margin-left: auto;
	min-width: 120px;
	text-align: right;
}

.cart_desc h5 {
	margin-bottom: 5px;
}

.shop-cart-wrapper {
	background-color: #fff;
	padding: 1rem;
	border-radius: 0px;
	border: 1px solid rgba(128, 128, 128, 0.16);
}

.shop-cart-wrapper .cart-box:last-child {
	margin-bottom: 0px;
	border-bottom: 0px;
	padding-bottom: 0px;
}

.shopcart_hd {
	border-bottom: 1px solid rgba(128, 128, 128, 0.16);
}

.shopcart_hd {
	border-bottom: 1px solid rgba(128, 128, 128, 0.16);
	margin-bottom: 25px;
}

.cart-proceed {
	padding: 1rem;
	background-color: #fff;
	border-radius: 0px;
	border: 1px solid rgba(128, 128, 128, 0.16);
}

.shop-cart-wrapper .cart-box .sub_totl {
	text-align: right;
}

.stock {
	color: #067d62;
}

.cart_botm ul {
	list-style: none;
	display: flex;
	align-items: center;
	gap: 12px;
	padding-left: 10px;
	margin-top: 10px;
}

.cart_botm ul li {
	border-left: 1px solid #ebebeb;
	padding-left: 10px;
	display: flex;
}

.cart_botm ul li a {
	color: #131313;
	font-size: 14px;
}

.form-check-input:focus {
	box-shadow: none;
}

.shop-filter .form-check-input:focus {
	border-color: #dee2e6;
}

.portfolio-heading-section {
	/* background: var(--secondary-color); */
	padding: 30px 0px;
	/* color: #fff; */
}

.portfolio-heading-section .area-title {
	color: #fff;
	text-transform: capitalize;
}

/* shop pages css */
.cart-img {
	width: 180px;
	min-width: 180px;
}

.cart-img img {
	width: 100%;
	border-radius: 0px !important;
	border: 0px;
}

.checkout .modal-content {
	border-radius: 0px;
}

.shop-img {
	min-height: 180px;
	height: 180px;
	background: #0000;
	margin-bottom: 10px;
	overflow: hidden;
}

.shop-filter .input-slider-container {
	margin-top: 15px;
}

.sidebar-list select {
	appearance: auto !important;
}

.shop-left-sec .prdtSwiper .swiper-slide img,
.shop-left-sec .prdtSwiper .swiper-slide .video-thumb-box {
	border-radius: 0px;
	border: 1px solid rgba(128, 128, 128, 0.16);
	box-shadow: none;
}

.single-item-title {
	font-size: 26px;
	font-weight: 500;
}

.shop-left-sec .swiper-button-next,
.shop-left-sec .swiper-button-prev {
	color: #000;
	display: none;
}

.wishlist-icon {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99;
	border: 1px solid rgba(128, 128, 128, 0.16);
}

.cart-qty button.btn:disabled {
	background-color: #6c757d;
	color: #fff;
}

.cart-qty button {
	background-color: var(--secondary-color);
	border: 1px solid var(--secondary-color);
	border-radius: 0px;
	color: #fff;
	padding: 5px 13px;
}

.cart-qty button:hover {
	color: #fff;
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.cart-qty input {
	width: 40px !important;
	padding: 4px 5px;
	height: 36px !important;
	border: 1px solid #ccc;
	text-align: center;
}

.product-details-action .cart-qty input {
	width: 50px !important;
	padding-left: 0px;
	padding-right: 0px;
	height: 50px !important;
}

.product-details-action .single-item-action .cart-qty button {
	padding: 13px 20px !important;
}

.badges.badges-theme {
	background-color: var(--secondary-color);
	border: 1px solid var(--secondary-color);
}

.radio-box input[type="radio"]:checked+.radio-label::before {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
}

.radio-box input[type="radio"]+.radio-label::before {
	border: 2px solid #e1e1e1;
}

.address-box.checked {
	border-color: rgba(128, 128, 128, 0.16);
}

.address-box {
	border: 1px solid rgba(128, 128, 128, 0.16) !important;
}

.address-box .plus-icon svg {
	stroke: var(--secondary-color);
}

.address-box .radio-box {
	display: flex;
	align-items: start;
	gap: 4px;
}

.radio-box input[type="radio"]:focus+.radio-label::before {
	outline: none;
	border-color: var(--secondary-color);
}

.checkout .modal-title {
	color: #131313;
	font-weight: 500;
}

.checkout .modal-dialog {
	transform: none;
	max-width: 900px;
}

/* shop pages css */
.checkout .form-label {
	color: #222;
}

.chckout-main-wrap {
	margin-bottom: 16px;
	padding: 16px;
	border-bottom: 1px solid rgba(128, 128, 128, 0.16);
	background-color: #fff;
}

.chckout-wrap {
	display: flex;
	width: 100%;
	gap: 20px;
}

.chng {
	margin-left: auto;
	display: flex;
	gap: 10px;
}

.chk_nm span {
	font-size: 18px;
	font-weight: 500;
	width: 40px;
	height: 40px;
	background: #f0f0f0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: var(--secondary-color);
}

.paymnt-detail a img {
	width: 60px;
	height: 50px;
	object-fit: contain;
}

.paymnt-detail {
	display: flex;
	gap: 25px;
	flex-wrap: wrap;
}

.single-item-info .single-item-action .mb-3 {
	margin-bottom: 0px !important;
}

.paymnt-optn select {
	width: fit-content;
	border: 1px solid rgba(128, 128, 128, 0.16);
}

.checkot_payment {
	margin-top: 15px;
}

.filter-col .payment-card {
	width: 50px;
}

.chsck_hd h5 {
	font-size: 18px;
	margin: 0;
}

.advant_login ul {
	padding-left: 0px;
	list-style: none;
}

.modal_form {
	padding: 0px 20px 20px;
}

.advant_login ul li {
	position: relative;
	margin-top: 10px;
}

.advant_login ul li i {
	color: var(--secondary-color);
	font-size: 14px;
}

.share-wrp ul {
	justify-content: center;
	margin-top: 20px;
}

.share-wrp ul li a i {
	font-size: 28px;
}

.share-wrp ul li {
	border: 0px;
}

.share-wrp li a {
	width: 60px;
	height: 60px;
	border: 1px solid #eee;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

.share-wrp h4 {
	text-align: center;
	font-size: 22px;
}

.share_input input {
	height: 45px;
}

.share_input .theme-btn {
	bottom: 4px;
	height: 36px;
	right: 4px;
	color: var(--secondary-color);
}

.share-wrp .fa-pinterest {
	color: #c0122d;
}

.share-wrp .fa-facebook {
	color: #3e78c3;
}

.share-wrp .fa-instagram {
	color: #ff5149;
}

.social-links a {
	color: var(--secondary-color);
}

.modal-header .btn_close {
	position: absolute;
	background: #fff;
	color: #131313;
	right: 0;
	top: 0;
	border: 0px;
	padding: 10px;
}

#address-form #deliveryaddress-contact_no {
	padding-left: 85px !important;
}

.total_prc span {
	font-size: 20px;
	font-weight: 500;
	color: #131313;
	white-space: pre;
}

.currency-display {
	color: black;
}

.rating_review .container {
	max-width: 100% !important;
}

.arrival-item .prod-icons {
	top: -5px;
	right: -5px;
}

.add_address .modal-dialog {
	max-width: 900px;
}

.login-signup {
	padding: 80px 0px;
}

.reset-wrap {
	background: #fff;
	border: 1px solid rgba(128, 128, 128, 0.16);
	padding: 50px;
}

#address-form .sec-title {
	font-size: inherit;
}

.chng .theme-btn {
	height: 38px;
	padding: 5px 15px;
}

.Addres_dtls {
	display: flex;
	gap: 15px;
	align-items: center;
	margin-bottom: 25px;
}

.Edit_adress a {
	padding: 5px 15px;
	height: 36px;
	font-size: 14px;
}

.Address_box {
	margin-top: 25px;
	margin-left: 60px;
}

.option-wrap {
	margin-left: auto;
}

.Adresss_inr_bx {
	display: flex;
	gap: 10px;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid rgba(128, 128, 128, 0.16);
}

.Addres_category {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	background: var(--secondary-color);
	padding: 4px 10px;
}

.option-wrap .option_btn {
	background: #fff;
	color: var(--secondary-color);
	cursor: pointer;
}

.checkout .modal-header .btn_close {
	background: #fff;
	color: #131313;
	right: 0;
	top: 0;
}

.form-select,
.form-control {
	height: 50px;
	box-shadow: none !important;
	border-radius: 0 !important;
}

.form-control[type="file"] {
	line-height: 36px;
}

.checkout .accordion-button {
	padding: 0px;
	border: 0px;
	background-color: #0000 !important;
	box-shadow: none !important;
}

.checkout .accordion-item {
	border: 1px solid rgba(128, 128, 128, 0.16);
	border-radius: 0px;
}

.checkout .accordion-body {
	padding: 0px;
	padding-left: 58px;
	padding-bottom: 0px;
}

.checkout .accordion-button {
	align-items: start;
}

.checkout .accordion-item {
	color: #595b5e;
}

.order-info {
	border: 1px solid rgba(128, 128, 128, 0.16);
}

.saved-address {
	border-bottom: 1px solid rgba(128, 128, 128, 0.16);
}

.address_list_wrap {
	max-height: 360px;
	overflow: auto;
	background: #fff;
}

.Address-btns a {
	padding: 0px 12px;
	border-right: 1px solid #ebebeb;
	color: #0181e8;
}

.Address-btns a:last-child {
	border: 0px;
	padding-right: 0px;
}

.saved-address .form-check label {
	cursor: pointer;
}

.Address-btns {
	display: flex;
}

.mb-3 {
	margin-bottom: 1rem !important;
}

.payment_card_wrp .filter-row .filter-col {
	border: #f0f3f8;
	background-color: rgba(229, 229, 229, 0.3);
	padding: calc(10px + (15 - 10)* ((100vw- 320px)/(1920- 320)));
	font-size: calc(14px + (16 - 14)* ((100vw- 320px)/(1920- 320)));
	border-radius: 0px;
	font-weight: 600;
	color: #767676;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
}

.payment_card_wrp .radio-box label span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 10px;
}

.payment_card_wrp .radio-box label {
	cursor: pointer;
}

.payment_card_wrp .filter-row .filter-col .payment-card {
	width: calc(30px + (50 - 30)* ((100vw- 320px)/(1920- 320)));
	height: auto;
	margin-left: auto;
}

.field-deliveryaddress-contact_no #deliveryaddress-contact_no {
	padding-left: 90px !important;
}

.breadcrumb .border-info {
	display: none;
}

.arrival-innr .cart_butn a {
	padding: 8px 12px;
}

.shop-dis .cart-qty input {
	width: 40px;
	padding: 4px 5px;
}

.shop-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.single-item-price del {
	margin: 0px 5px;
	font-size: 20px;
}

.single-item-price del span {
	color: #a6a6a6;
	font-size: 22px;
}

.cart-proceed h4 {
	font-size: 20px;
}

.cart-proceed .price-dtl-list {
	gap: 5px;
}

.product_btns {
	gap: 20px;
}

.product_btns .theme-btn {
	width: 100%;
}

.cart-proceed .price-dtl-list p:last-child {
	text-align: right;
}

.single-item-info .single-item-action label {
	display: none;
}

.logout_modal-wrap {
	padding: 20px 40px 40px 40px;
}

.logout_modal-wrap i {
	color: red;
	font-size: 40px;
	margin-bottom: 20px;
}

.wishlist-icon i {
	font-size: 18px;
}

.mobile-filter .offcanvas-body {
	height: 100%;
	overflow: scroll;
	padding-bottom: 30px !important;
}

#resultlist {
	position: absolute;
	top: 70px;
	background: #fff;
	z-index: 9;
	width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.12);
	list-style: none;
	padding: 10px 15px;
	max-height: 140px;
	overflow: auto;
	display: none;
}

#resultlist li {
	padding: 5px 0px;
}

#resultlist li a {
	color: #131313;
}

.toggle-btn {
	width: 55px;
	height: 60px;
	line-height: 25px;
	padding: 0px 10px;
	cursor: pointer;
	float: left;
	text-align: center;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	margin-right: 25px;
}

.toggle-line.top-sm-line {
	width: 20px;
	margin-top: 0px;
}

.toggle-line.bottom-sm-line {
	width: 22px;
}

.toggle-line {
	display: block;
	height: 3px;
	border-radius: 0px;
	margin-top: 3px;
	margin-bottom: 2px;
	margin-right: auto;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background: var(--secondary-color);
}

.toggle-line.lg-line {
	width: 26px;
}

.toggle-btn:hover .toggle-line.top-sm-line {
	width: 26px;
}

.toggle-btn:hover .toggle-line.bottom-sm-line {
	width: 26px;
}

.specification td {
	color: #6e6e6f;
}

.price_clr {
	color: #131313;
}

.sub_totl span {
	font-size: 20px;
	font-weight: 500;
	color: #131313;
}

.user-sidebar-mobile .offcanvas-body {
	padding: 4px 10px;
}

.user-sidebar-mobile .offcanvas-body {
	height: 100%;
	overflow-y: auto;
}

.user-sidebar-mobile .offcanvas-body .dashboard_menu {
	margin-bottom: 40px;
}

.cart_desc h5 a {
	color: #131313;
}

.yellow-box h3 {
	font-size: 24px;
	font-weight: 600;
}

.contact-us-wrapper {
	margin-bottom: 30px !important;
	padding-bottom: 60px;
	padding-top: 50px;
}

.contact-us-wrapper .form-label {
	margin-bottom: 0.2rem;
}

.single-item-action .cart-qty button {
	padding: 4px 13px;
}

.contact-card-box {
	overflow: hidden;
	padding: 12px 20px;
}

.contact-card-box .icon img {
	width: 40px;
	margin-right: 10px;
}

.contact-card_grid a {
	color: #131313;
}

.contact_top_bn_itm {
	display: flex;
	gap: 16px;
	margin-bottom: 15px;
}

.contact_hr_itm_con h5 {
	color: #ed1f24;
	font-size: 18px;
	margin-bottom: 0px;
}

.contact-us-sec {
	padding: 40px 0px;
}

.contact-us-box {
	padding: 50px 60px;
	background: #e7f2ff;
	border-radius: 0px;
}

.contact_right {
	background: #fff;
	padding: 20px 32px 32px;
	border-radius: 0px;
}

.contact-us-box .form-select,
.contact-us-box .form-control {
	height: 45px;
}

.contact-us-box p {
	color: #3f454a;
	font-size: 16px;
	line-height: 28px;
}

.contact-us-box textarea {
	min-height: 80px;
}

.social_link {
	display: flex;
	gap: 15px;
}

.social_link a {
	display: flex;
	width: 48px;
	height: 48px;
	background: #fff;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #fff;
	font-size: 20px;
}

.social_link .facebook {
	background: #4968ac;
}

.social_link .linkedin {
	background: #0177b5;
}

.social_link .twitter {
	background: #000;
}

.social_link .google {
	background: #ea4335;
}

.social_link .instagram {
	background: #ff1787;
}

.address-left {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.customise_box {
	margin-top: auto;
}

.filter_btn {
	width: fit-content;
}

.support-group .wrap img {
	width: 80px;
}

.axil-footer-widget .social-links a {
	width: 40px;
	height: 40px;
	display: inline-flex;
	background: #fff;
	color: #000;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 18px;
	border: 1px solid #000;
	transition: 0.4s all;
}

.axil-footer-widget .social-links a:hover {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
	color: #fff;
	transition: 0.4s all;
}

.axil-footer-widget .inner a img {
	min-width: 120px;
}

.bg-blue-header h2 {
	color: #fff;
}

.faq-section button {
	padding: 20px 15px;
	box-shadow: none !important;
	font-weight: 500;
	color: #fff;
	background-color: var(--primary-color);
	width: 100%;
	border: 0px;
	text-align: left;
}

.faq-section .card {
	margin-bottom: 25px;
	overflow: hidden;
}

.faq-section .card-header {
	padding: 0px;
}

.ticket-sec {
	padding: 80px 0px;
}

.ticket-wrap {
	border: 1px solid #0000001f !important;
	border-radius: 0px;
}

.ticket-wrap .card-header {
	background: #0180e5;
	color: #fff;
}

.ticket-wrap .card-header h4 {
	color: #fff;
}

.ticket-wrap textarea {
	min-height: 180px;
}

.ticket_view p {
	color: #131313;
}

.ticket-view .card-header {
	background: #f68328;
	color: #fff;
}

.ticket-view .card-header h5,
.ticket-view .card-header h4 {
	color: #fff;
	font-size: 20px;
	margin-bottom: 0px;
}

.dashboard_area .offcanvas-header {
	background: #d9eeff;
}

.dashboard_area .offcanvas-header h4 {
	margin-bottom: 0px;
}

.dashboard_area .theme-btn {
	width: fit-content;
	padding: 6px 19px;
	white-space: nowrap;
}

.product-page-desc {
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
}

.product-page-desc h1 {
	font-size: 32px;
	margin-bottom: 0px;
}

.shop-filter #shop-product-clear-filters {
	height: 50px;
	line-height: 38px;
}

.category_bx {
	border: 1px solid rgba(128, 128, 128, 0.16);
	margin-bottom: 30px;
	height: calc(100% - 30px);
	display: flex;
	flex-direction: column;
	text-align: center;
	background: #fff;
}

.category_bx:hover {
	border-color: var(--secondary-color);
	background: linear-gradient(180deg, rgba(94, 137, 183, 0) 70%,
			rgba(127, 190, 205, 0.15) 100%);
}

.category_bx img {
	width: 100%;
	height: 150px;
	object-fit: cover;
}

.product-desc-sec {
	background: #f7f7f7;
}

.product_desc-bottom h1,
.product_desc-bottom h2,
.product_desc-bottom h3,
.product_desc-bottom h4,
.product_desc-bottom h5 {
	font-size: 22px;
}

.sidebar-list {
	display: flex;
	flex-direction: column;
}

.sidebar-list a {
	color: #222;
}

.profile_setup_section {
	padding: 80px 0px;
}

.form_content {
	background: #fff;
	overflow: hidden;
	border: 1px solid rgba(128, 128, 128, 0.16);
	padding: 40px;
}

.summary-wrap {
	display: flex;
	gap: 20px;
}

.summary-items {
	width: 100%;
}

.Cart_Btn {
	float: left;
	width: calc(50% - 10px);
	margin-right: 10px;
}

.single-item-rating.with-border {
	border-bottom: 1px solid #eee;
	padding-bottom: 12px;
}

.about-item-list {
	color: #424242;
}

.product-small-para {
	font-size: 14px;
}

#productTabs li {
	width: fit-content !important;
}

.shop-details {
	background-color: #f8f8f8;
}

.popular-search h4 {
	position: relative;
}

.popular-search h4::before {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 0;
	height: 2px;
	width: 60px;
	background-color: #68bcff;
}

.popular-search-list li a {
	color: var(--primary-color);
	transition: all 0.3s ease-in-out;
}

.popular-search-list li {
	border-right: 1px solid #c6c6c6;
}

.popular-search-list li a:hover {
	text-decoration: underline;
}

.header-call a {
	text-wrap: nowrap;
}

.header-call i {
	height: 35px;
	width: 35px;
	min-width: 35px;
	color: #fff !important;
	font-size: 1rem !important;
	background-color: var(--primary-color);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

.header-call .header-call-bx p {
	font-size: 16px;
	color: #4d4d4d;
	font-weight: 500;
}

.header-call .header-call-bx a {
	font-size: 16px;
	font-weight: 600;
	color: #000000;
}

.header-call .header-call-bx a:hover {
	text-decoration: underline;
	color: var(--primary-color);
}

.b2b-contact-box .icon {
	height: 40px;
	width: 40px;
	min-width: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f6832830;
	color: var(--primary-color);
}

.b2b-contact-box a {
	color: var(--primary-color);
}

.b2b-contact-box {
	font-size: 18px;
}

.woot-widget-bubble.woot-widget--expanded {
	bottom: 74px;
}

#woot-widget--expanded__text {
	font-size: 0 !important;
}

#woot-widget--expanded__text::before {
	content: "Chat";
	font-size: 16px;
	font-weight: 600;
	color: inherit;
}

.woot-widget-bubble.woot-elements--right {
	right: 5px !important;
}

.hover-star {
	position: relative;
}

.custom-hover-box {
	position: absolute;
	left: 0;
	width: 300px;
	background: #fff;
	border: 1px solid #ddd;
	padding: 15px;
	border-radius: 0px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	z-index: 999;
	display: none;
}

.custom-hover-box ul.histogram {
	list-style: none;
	padding: 0;
	margin: 10px 0;
}

.custom-hover-box ul.histogram li {
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px;
}

.custom-hover-box hr {
	margin: 10px 0;
}

.zoom-container {
	position: relative;
	overflow: hidden;
	cursor: zoom-in;
	height: 100%;
}

.zoom-image {
	width: 100%;
	height: auto;
	transition: transform 0.2s ease;
	transform-origin: center center;
}

.brand-detail .brand-view a:hover {
	color: var(--primary-color);
}

#post-review-box .theme-krajee-svg.rating-md .krajee-icon,
#post-review-box .theme-krajee-svg.rating-md .krajee-icon-clear {
	width: 2rem !important;
	height: 2rem !important;
}

.card {
	border-radius: 0 !important;
	border: 1px solid rgba(128, 128, 128, 0.16) !important;
}

.card-header {
	border-radius: 0 !important;
	border-color: rgba(128, 128, 128, 0.16) !important;
}

.bg-bottom {
	border-radius: 0 !important;
}

.dropdown-menu.profile-dropdown {
	padding: 0px !important;
	border-radius: 0 !important;
	border: 1px solid rgba(128, 128, 128, 0.16);
	overflow: hidden;
	margin-top: 10px;
}

.profile-dropdown li {
	margin: 0px !important;
	padding: 10px 20px;
	border-bottom: 1px solid #eee;
}

.profile-dropdown li:hover {
	background-color: #eee;
}

/* =============== DOWNLOAD APP PAGE CSS STARTS HERE ===============  */
.app-hero {
	padding: 80px 0px;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.app-hero-text h1 {
	font-weight: 700;
	color: #131313;
	margin-bottom: 20px;
}

.app-hero-text p {
	margin-bottom: 1rem;
}

.app-hero-text ul.app_list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: start;
	flex-wrap: wrap;
	gap: 1.5rem;
	margin-bottom: 2rem;
}

.app-hero-text ul.app_list li {
	font-size: 1rem;
	color: #4d4d4d;
	font-weight: 500;
	flex: 0 0 calc(50% - 1rem);
	display: flex;
	align-items: center;
	margin: 0;
	width: 50%;
	max-width: 100%;
}

.app-hero-text ul.app_list li i {
	color: var(--primary-color);
	margin-right: 10px;
}

.app_btn {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 1rem;
	flex-wrap: wrap;
}

.app_benefits_area {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #fff;
}

.app_benefits_area .card {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 20px;
	border-radius: 0px !important;
	border: 1px solid rgba(128, 128, 128, 0.16) !important;
	background: var(--bg-light);
	color: #131313;
	font-weight: 500;
	transition: 0.4s all;
	text-align: center;
	height: calc(100% - 1rem);
	margin-bottom: 1rem;
}

.app_benefits_area .card:hover {
	background: var(--secondary-color);
	color: #fff;
	transition: 0.4s all;
}

.app_benefits_area .card h6 {
	transition: 0.4s all;
}

.app_benefits_area .card:hover h6 {
	color: #fff;
}

.app-screens {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #fff;
	text-align: center;
}

.app-screens .custom-tabs {
	display: flex;
	justify-content: center;
	gap: 16px;
}

.app-screens .custom-tabs.nav-pills .nav-link {
	padding: 8px 20px;
	color: var(--text-color);
	border: 1px solid #ddd;
	background: var(--bg-light);
	cursor: pointer;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.app-screens .custom-tabs.nav-pills .nav-link.active {
	background: var(--primary-color);
	color: #fff;
}

.app-screens .tab-pane {
	display: none;
}

.app-screens .tab-pane.active {
	display: block;
}

.app-screens .swiper {
	width: 100%;
	padding: 50px 0 90px;
}

.app-screens .tab-content {
	width: 100%;
}

.app-screens .swiper-pagination-bullet {
	background: var(--secondary-color);
	opacity: 0.2;
}

.app-screens .swiper-pagination-bullet-active {
	background: var(--secondary-color);
	opacity: 1;
}

.app-screens .swiper-slide {
	display: flex;
	justify-content: center;
}

.app-screens .swiper-slide img {
	margin: 0 auto;
	display: block;
	transition: 0.3s;
}

.download-app-section .app-img {
	text-align: center;
	position: relative;
	margin: 0px;
}

.download-app-section .qr-img {
	margin-top: 35px;
	gap: 30px;
}

.download-app-section .orange-color {
	color: var(--primary-color) !important;
}

.download-app-section .app-desc h2 span {
	color: var(--secondary-color);
}

.app_features_area {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.app_features_area .app_features_wrapper {
	background: #f7f5ef;
	max-width: 85%;
	margin: 0 auto;
	border-radius: 0px;
	padding: 70px 0 74px;
	position: relative;
	overflow: hidden;
	border: solid 2px #cde9ff;
}

.app_features_area .app_features_wrapper .app_features_box {
	background-color: #fff;
	padding: 1.5rem;
	border-radius: 0;
	height: calc(100% - 1rem);
	margin-bottom: 1rem;
	text-align: center;
	transition: all 0.3s ease;
}

.app_features_area .app_features_wrapper .app_features_box:hover {
	transform: translateY(-5px);
}

.app_features_area .app_features_wrapper .app_features_box .icon {
	width: 70px;
	height: 70px;
	min-width: 70px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1rem;
	background: #d4ecff;
	color: var(--secondary-color);
	text-align: center;
	font-size: 2.2rem;
	border-radius: 0px;
}

.app_features_area .app_features_wrapper .app_features_box .content {
	text-align: center;
}

.app_offer_banner {
	background: var(--secondary-color);
	color: #fff;
}

.app_offer_banner .offer-box h2 {
	font-size: 32px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 10px;
}

.app_offer_banner .offer-box p {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.9);
}

.app_offer_banner .offer-highlights {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 18px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.app_offer_banner .offer-item {
	background: rgba(255, 255, 255, 0.12);
	padding: 14px 18px;
	border-radius: 12px;
	min-width: 230px;
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 500;
	color: #fff;
	backdrop-filter: blur(6px);
	transition: 0.3s ease;
}

.app_offer_banner .offer-item:hover {
	background: rgba(255, 255, 255, 0.2);
	transform: translateY(-3px);
}

.app_offer_banner .offer-item span {
	font-size: 20px;
}

.how_it_works {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.step-box {
	background: #fff;
	padding: 30px 20px;
	transition: 0.3s;
	border: 1px solid rgba(128, 128, 128, 0.16) !important;
	height: calc(100% - 1rem);
	margin-bottom: 1rem;
}

.step-box:hover {
	transform: translateY(-6px);
}

.step-number {
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto 15px;
	border-radius: 0;
	background: var(--primary-color);
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}

.step-box h5 {
	color: var(--text-color);
	margin-bottom: 10px;
}

.step-box p {
	color: var(--subtext-color);
	margin: 0;
}

.about_app_area {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #fff;
}

.about_app_area .about_text .app_statstic {
	margin-top: 40px;
}

.about_app_area .about_text .app_statstic .abt-card {
	background-color: var(--bg-light);
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	border-radius: 0px;
	padding: 1rem;
	gap: 1rem;
	border: 1px solid rgba(128, 128, 128, 0.16) !important;
}

.about_app_area .about_text .app_statstic .abt-card .icon {
	width: 70px;
	height: 70px;
	min-width: 70px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	background: #e0f1ff;
	color: var(--secondary-color);
	text-align: center;
	font-size: 2rem;
	border-radius: 0px;
}

.about_app_area .about_text .app_statstic .abt-card p:first-child {
	font-size: 22px;
	font-weight: 600;
	color: #000;
}

.about_app_area .about_text .app_statstic .abt-card p {
	margin-bottom: 0;
	line-height: 1;
}

.app_faq {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.app_faq .accordion {
	max-width: 800px;
	margin: auto;
}

.app_faq .accordion-item {
	border: none;
	border-radius: 10px;
	margin-bottom: 15px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.app_faq .accordion-button {
	background: #fff;
	color: var(--text-color);
	font-weight: 600;
	padding: 18px 20px;
	box-shadow: none;
}

.app_faq .accordion-button:not(.collapsed) {
	background: #fff;
	color: var(--primary-color);
	border-left: 4px solid var(--primary-color);
}

.app_faq .accordion-button:focus {
	box-shadow: none;
}

.app_faq .accordion-body {
	color: var(--subtext-color);
	font-size: 14px;
	background: #fff;
}

.app_faq .accordion-button::after {
	display: none;
}

.app_faq .faq-icon {
	color: var(--primary-color);
	font-size: 14px;
}

/* =============== DOWNLOAD APP PAGE CSS ENDS HERE ===============  */
/* --- Product Slider Customizations --- */
.shop-left-sec .swiper-button-next,
.shop-left-sec .swiper-button-prev,
.prdtSwiper2 .swiper-button-next,
.prdtSwiper2 .swiper-button-prev {
	display: none !important;
}

.product-zoom-container {
	background: #fff;
	cursor: crosshair;
}

.product-zoom-container:hover .product-zoom-image {
	transform: scale(1.4);
}

.product-zoom-image {
	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform-origin: center center;
}

.shop-details .social-share {
	min-width: auto;
}

.social-share li a {
	font-size: 16px;
	color: #fff;
	height: 35px;
	line-height: 35px !important;
	width: 35px;
	text-align: center;
	display: block;
	border-radius: 50%;
}

.social-share li:not(:last-child) {
	margin-right: 5px;
}

.social-share .gmail {
	background-color: #979797 !important;
}

.social-share .linkedin {
	background-color: #007ab9 !important;
}

.social-share .facebook {
	background-color: #3a589b !important;
}

.social-share .twitter {
	background-color: #000 !important;
}

.social-share .whatsapp {
	background-color: #0dc143 !important;
}

/* =============== OFFER BANNERS SLIDER CSS =============== */
.offer-banners-area {
	padding: 30px 0 0;
	background-color: #f9f9f9;
}

.offer-banners-area .offer-banner-box {
	position: relative;
	border-radius: 0px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease-in-out;
	width: 100%;
	height: 230px;
	overflow: hidden;
}

.offer-banners-area .offer-banner-box img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.offer-banners-area .offer-banner-box:hover {
	transform: translateY(-5px);
}

.offer-banners-area .swiper-slide {
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* ==========================================================================
   Vertical Product Image Gallery
   ========================================================================== */

/* Layout structure reset/grid setup */
.shop-left-sec.row {
	margin-left: -4px;
	margin-right: -4px;
}

.shop-left-sec.row>[class*="col-"] {
	padding-left: 4px;
	padding-right: 4px;
}

/* Main Image Slider */
.prdtSwiper2 {
	background-color: #fff;
	width: 100%;
	position: relative;
}

.prdtSwiper2 .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	overflow: hidden;
	height: 100%;
}

.prdtSwiper2 .zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
}

.prdtSwiper2 .zoom-image {
	width: 100%;
	height: 100%;
	object-fit: contain;
	background-color: #fff;
	display: block;
}

.prdtSwiper2 .video-wrapper {
	background: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.prdtSwiper2 .video-wrapper iframe {
	width: 100%;
	height: 100%;
}

/* Thumbnail Slider */
.prdtSwiper {
	width: 100%;
}

.prdtSwiper .swiper-slide {
	cursor: pointer;
	opacity: 0.6;
	transition: all 0.25s ease-in-out;
	background-color: #fff;
	border: 1px solid rgba(128, 128, 128, 0.16);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
}

.prdtSwiper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 4px;
}

/* Active thumbnail */
.prdtSwiper .swiper-slide.swiper-slide-thumb-active {
	opacity: 1;
	border-color: var(--secondary-color, #0180e5) !important;
}

.prdtSwiper .swiper-slide:hover {
	opacity: 1;
}

/* Play Icon overlay for video thumbnails */
.prdtSwiper .video-thumb {
	position: relative;
}

.prdtSwiper .video-thumb::after {
	content: "\f04b";
	font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", sans-serif;
	font-weight: 900;
	position: absolute;
	font-size: 14px;
	color: #fff;
	background: rgba(0, 0, 0, 0.65);
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	transition: all 0.2s ease;
	z-index: 2;
}

.prdtSwiper .video-thumb:hover::after {
	background: var(--secondary-color, #0180e5);
}

.prdtSwiper .video-thumb iframe {
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}

.shop-left-sec .ratio::before {
	display: none !important;
}

/* Desktop layout constraints for vertical gallery */
@media (min-width : 768px) {
	.shop-left-sec {
		align-items: stretch;
	}

	.shop-left-sec>[class*="col-"] {
		display: flex;
		flex-direction: column;
	}

	.prdtSwiper {
		height: 100%;
		min-height: 0;
	}

	.prdtSwiper .swiper-wrapper {
		height: 100%;
	}

	/* Make thumbnail slides square on desktop */
	.prdtSwiper .swiper-slide {
		aspect-ratio: 1/1;
		width: 100% !important;
		height: auto !important;
		margin-bottom: 8px;
	}

	.prdtSwiper .swiper-slide:last-child {
		margin-bottom: 0;
	}
}

/* Mobile responsive constraints for horizontal gallery */
@media (max-width : 767.98px) {
	.prdtSwiper {
		height: 70px;
		margin-top: 8px;
	}

	.prdtSwiper .swiper-slide {
		height: 100% !important;
		width: 70px !important;
		margin-right: 8px;
	}
}

/* ==========================================================================
   Promo Grid Section Styles
   ========================================================================== */
.promo-grid-sec .promo-card {
	border-radius: 0px;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.04);
}

.promo-grid-sec .promo-card:hover {
	transform: translateY(-5px);
}

.promo-grid-sec .big-card {
	background: #fff2e7;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.promo-grid-sec .big-card .promo-title {
	color: #111;
	font-weight: 700;
	max-width: 90%;
}

.promo-grid-sec .big-card .promo-desc {
	font-size: 1rem;
	line-height: 1.6;
	color: #666;
	max-width: 85%;
}

/* Small Cards */
.promo-grid-sec .small-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.promo-grid-sec .small-card .promo-title {
	font-size: 1.25rem;
	font-weight: 700;
	color: #111;
}

.promo-grid-sec .small-card .promo-subtitle {
	font-size: 0.875rem;
	color: #666;
}

/* Card Backgrounds matching theme primary/secondary colors */
.promo-grid-sec .drone-card {
	background-color: #e5f2ff;
	/* Soft secondary blue */
}

.promo-grid-sec .printer-card {
	background-color: #fff6ee;
	/* Soft primary orange */
}

.promo-grid-sec .board-card {
	background-color: #fff6ee;
	/* Soft primary orange */
}

.promo-grid-sec .sensor-card {
	background-color: #e5f2ff;
	/* Soft secondary blue */
}

/* Image wrappers and images */
.promo-grid-sec .promo-img-wrapper {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
}

.promo-grid-sec .promo-img {
	max-height: 100%;
	object-fit: contain;
	mix-blend-mode: multiply;
	/* Blends white background into the card background color */
	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.promo-grid-sec .promo-card:hover .promo-img {
	transform: scale(1.06);
}

.product-new-badge {
	position: absolute;
	top: 5px;
	left: -22px;
	background-color: var(--primary-color);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 5px 27px;
	z-index: 10;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.product-new-badge.refurb {
	top: 10px;
	left: -30px;
}

.shop-card {
	position: relative;
}

.wishlist-icon-inline {
	position: relative;
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid rgba(128, 128, 128, 0.16);
	transition: all 0.3s ease;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.wishlist-icon-inline:hover {
	background: #f8f9fa;
	transform: scale(1.05);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.wishlist-icon-inline .prood-card-btn {
	color: #f73d3d;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Vendor Stock Management Redesign */
.stock-variant-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	padding: 1.25rem;
	transition: all 0.2s ease;
	position: relative;
}

.stock-variant-card:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
	border-color: #cbd5e1;
}

.btn-remove-variant {
	border: 1px solid #fee2e2;
	background-color: #fef2f2;
	color: #ef4444;
	border-radius: 6px;
	padding: 6px 10px;
	transition: all 0.2s;
}

.btn-remove-variant:hover {
	background-color: #fee2e2;
	color: #dc2626;
	border-color: #fca5a5;
}

.btn-add-variant-outline {
	border: 2px dashed #cbd5e1;
	background-color: #f8fafc;
	color: #64748b;
	border-radius: 10px;
	transition: all 0.2s;
}

.btn-add-variant-outline:hover {
	border-color: #94a3b8;
	background-color: #f1f5f9;
	color: #475569;
}

.variant-stock-input {
	border-radius: 8px;
	border-color: #cbd5e1;
	box-shadow: none !important;
}

.variant-stock-input:focus {
	border-color: #3b82f6;
	background-color: #eff6ff;
}

.summary-bar {
	background-color: #f1f5f9;
	border: 1px solid #e2e8f0;
}

/* Custom Link Styling for Grid, Detail View, and Tables to make links visible as blue links */
.grid-view td a[href]:not(.btn):not(.badge),
.detail-view td a[href]:not(.btn):not(.badge),
table td a[href]:not(.btn):not(.badge) {
	color: var(--secondary-color) !important;
	text-decoration: none !important;
}

.grid-view td a[href]:not(.btn):not(.badge):hover,
.detail-view td a[href]:not(.btn):not(.badge):hover,
table td a[href]:not(.btn):not(.badge):hover {
	color: var(--primary-color) !important;
	text-decoration: none !important;
}

/* Upcoming Product Widget */
.upcoming-widget {
	background-color: #fffcf8;
	border-color: #fce8dc !important;
}

.upcoming-icon-container {
	width: 140px;
}

.upcoming-sparkle {
	color: #ffb480;
}

.upcoming-sparkle-1 {
	font-size: 14px;
	top: 10px;
	left: 10px;
}

.upcoming-sparkle-2 {
	font-size: 10px;
	top: 25px;
	left: 35px;
}

.upcoming-sparkle-3 {
	font-size: 10px;
	top: 25px;
	right: 35px;
}

.upcoming-sparkle-4 {
	font-size: 14px;
	top: 10px;
	right: 10px;
}

.upcoming-icon-wrap {
	background-color: var(--primary-color);
	padding: 18px;
	position: relative;
	z-index: 2;
	box-shadow: 0 4px 10px rgba(246, 131, 40, 0.2);
}

.upcoming-title {
	color: #4a1f87;
}

.upcoming-title span {
	color: var(--primary-color);
}

.upcoming-subtitle {
	line-height: 1.6;
}

.upcoming-features-box {
	background-color: #fff4ed;
	border: 1px solid #ffe6d6;
}

.upcoming-feature-item {
	flex: 1;
	min-width: 30%;
}

.upcoming-feature-icon {
	color: var(--primary-color);
	font-size: 20px;
}

.upcoming-feature-title {
	font-size: 12px;
	font-weight: 600;
	color: #333;
}

.upcoming-feature-desc {
	font-size: 11px;
}

.upcoming-divider {
	width: 1px;
	height: 30px;
	background-color: #ffd0b5;
}

.btn-notify {
	background-color: var(--primary-color) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 8px !important;
	font-size: 15px !important;
	box-shadow: 0 4px 12px rgba(246, 131, 40, 0.3) !important;
}

.btn-unsub {
	background-color: #6c757d !important;
	color: #fff !important;
	border: none !important;
	border-radius: 8px !important;
	font-size: 15px !important;
	box-shadow: 0 4px 12px rgba(108, 117, 125, 0.3) !important;
}

/* Custom styles for Order Tracking Details */
.fs-11 {
	font-size: 11px;
}

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

.fs-13 {
	font-size: 13px;
}

.fs-14 {
	font-size: 14px;
}

.fs-15 {
	font-size: 15px;
}

.lh-12 {
	line-height: 1.2;
}

.text-orange {
	color: #ff9800 !important;
}

.bg-light-custom {
	background-color: #f8f9fa !important;
}

.w-80px {
	width: 80px;
}

.object-fit-contain {
	object-fit: contain;
}

.tracking-progress {
	height: 2px;
	z-index: 0;
	background-color: #dee2e6;
}

.tracking-step {
	width: 25%;
}

.tracking-step-icon {
	width: 40px;
	height: 40px;
}

.tracking-step-icon.has-border {
	border: 3px solid #fff;
}

.tracking-step-icon.no-border {
	border: none;
}

/* ===============================
   Deal Banner
================================== */

.deal-banner {
	width: 100%;
	margin-bottom: 25px;
	overflow: hidden;
	border-radius: 8px;
}

.deal-banner-img {
	width: 100%;
	height: 260px;
	display: block;
	border-radius: 8px;
}

/* Large Desktop */
@media (min-width: 1400px) {
	.deal-banner-img {
		height: 280px;
	}
}

/* Laptop */
@media (max-width: 1199px) {
	.deal-banner-img {
		height: 230px;
	}
}

/* Tablet */
@media (max-width: 991px) {
	.deal-banner-img {
		height: 190px;
	}
}

/* Mobile */
@media (max-width: 767px) {
	.deal-banner-img {
		height: 150px;
	}
}