:root {
	--primary-color: #f68328;
	--secondary-color: #0180E5;
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
		url('../fonts/Roboto-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
		url('../fonts/Roboto-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
		url('../fonts/Roboto-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

body {
	font-family: 'Roboto' !important;
	color: #6E6E6F;
	background-color: #f8f8f8;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Roboto" !important;
	letter-spacing: 0.2px;
}

p {
	color: #6E6E6F;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Roboto' !important;
	color: #131313;
}

a {
	text-decoration: none;
}

.theme-btn {
	background: var(--secondary-color);
	color: #fff;
	padding: 6px 25px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	font-size: 16px;
	border: 1px solid var(--secondary-color);
	transition: .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: 4px;
	font-size: 16px;
	border: 1px solid var(--primary-color);
	transition: .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: 14px;
	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 8px;
}

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

header .nav-item .nav-link:hover,
header .nav-item .active {
	font-weight: 500;
	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: 12px 0px;
}

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

.top-bar a {
	text-decoration: none;
	font-size: 16px;
	color: #4d4d4d;
}

.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;
}

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

.header-dropdown .dropdown-menu .dropdown-item {
	padding: 10px 20px;
	border-bottom: 1px dashed #eee;
}

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

.login_btns {
	display: flex;
	list-style: none;
	margin-bottom: 0px;
	gap: 15px;
	padding-left: 5px;
	align-items: center;
}

.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-family: 'ClashDisplay-Regular' !important;
	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;
}

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

.banner-slide {
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
	border-radius: 15px;
	background-color: #0180E5;
}

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

.banner_video img {
	width: 100%;
	height: 560px;
	object-fit: cover;
}

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

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

.banner-content {
	position: relative;
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;
	padding: 50px;
	margin-left: 40px;
}

.banner-content h2 {
	font-size: 44px;
	font-weight: 500;
	color: #fff;
	line-height: 62px;
	margin-bottom: 35px;
}

.banner-content p {
	font-weight: 400;
	font-size: 18px;
	margin: 20px 0px 25px;
	color: #ffff;
	letter-spacing: .5px;
	line-height: 29px;
	max-width: 570px;
}

.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 {
	padding-bottom: 40px;
}

.swiper-button-next,
.swiper-button-prev {
	cursor: pointer;
	color: #fff;
	width: 42px;
	height: 42px;
	background: var(--secondary-color);
	border-radius: 4px;
	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;
}

/* porto css starts here */
.porto {
	padding-top: 70px;
}

.porto-icon-default {
	min-width: 50px;
	height: 50px;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

.porto-icon-default i {
	font-size: 20px;
	color: #fff;
}

.porto-icon-header {
	width: 100%;
}

.porto-icon-box {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 20px;
	position: relative;
	border: 1px solid rgba(128, 128, 128, .16);
}

.porto-icon-header h3 {
	font-size: 20px;
	font-weight: 500;
	color: #131313;
}

.porto-icon-header p {
	color: #222;
}

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

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

.arrival-img {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 15px;
}

.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 h4 {
	min-height: 48px;
}

.arrival-innr h4 a {
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	color: #222529;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 6px;
	line-height: 24px;
}

.avg-rate input {
	width: 0px;
}

.featured_rating input {
	width: 0px;
}

.rating-md {
	line-height: 0;
}

.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');
}

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

.arrival-innr h3 {
	font-size: 17px;
	font-weight: 500;
}

.price-display .featured_rating {
	display: flex;
	justify-content: end;
	height: 40px;
	padding-left: 15px;
	/*! color: #0180E5; */
}

.arrival-left-wrap {
	border-radius: 10px;
	background: #ddf1f9;
	margin-right: 20px;
	background-repeat: no-repeat;
	flex-direction: column;
	display: flex;
	justify-content: center;
	align-items: center;
}

.arival_bottom h3,
.arival_bottom p {
	color: #fff;
}

.arival_bottom .display-2 {
	font-size: 18px;
	color: #222529;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.arival_bottom {
	margin-top: 30px;
}

.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;
}

.arival_bottom .theme-btn {
	height: 45px;
	padding: 4px 12px;
	font-size: 16px;
	font-weight: 400;
}

.animate-underline {
	position: relative;
	text-decoration: none;
	/*! color: var(--secondary-color); */
}

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

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

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

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

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

.trend-img {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 15px;
}

.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 h4 {
	min-height: 50px;
}

.trend-innr h4 a {
	font-size: 18px;
	font-weight: 500;
	color: #222529;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 25px;
}

.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: 5px;
	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 .3s forwards;
}

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

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

.trending .row [class*="col-"] {
	padding: 0px;
	width: 20%;
}

.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 .9s
}

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

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

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

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

.off-card {
	width: 20%;
	display: flex;
	align-items: center;
	justify-content: center;
}

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

.off-card span {
	color: #fff;
	font-family: 'ClashDisplay-Regular' !important;
	line-height: 35px;
	font-weight: 500;
	margin-left: 5px;
}

.sale-card {
	width: 80%;
	display: flex;
	position: relative;
}

.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: 70px 0px 30px;
}

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

.feature-innr h4 {
	min-height: 50px;
}

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

.feature-innr h4 a {
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 18px;
	font-weight: 500;
	color: #222529;
	line-height: 25px;
}

.feature-innr h3 {
	font-size: 18px;
	font-weight: 500;
	font-family: "roboto" !important;
}

.price-display {
	min-height: 45px;
}

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

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

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

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

.feature-img {
	display: flex;
	justify-content: center;
	align-items: center;
}

.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 {
	font-size: 15px;
	background: #fff;
}

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

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


.footer-support-box {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding-right: 24px;
	border-right: 1px solid #eee;
}

.footer-support-box a {
	font-size: 18px;
	color: #6E6E6F;
	transition: all .3s ease-in-out;
}

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

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

footer .widget-title {
	margin-bottom: 20px;
	text-transform: uppercase;
	color: #000;
	position: relative;
}

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

.copyright-item {
	color: #000;
}

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

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

footer .inner ul li a {
	color: #000;
	text-decoration: none;
}

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 10px;
	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;
}

.ftr-policy {
	display: flex;
	justify-content: end;
	gap: 20px;
	font-size: 14px;
}

.ftr-policy a {
	color: #fff;
	text-decoration: none;
}

.ftr-policy a:hover {
	text-decoration: underline;
}

.social-share {
	display: flex;
	gap: 10px;
}

.footer-top [class*="col-"] {
	width: 20%;
	padding-left: 50px;
}

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

.social-share a i {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 50%;
	color: var(--primary-color);
}

.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: 2px;
	opacity: 0.2;
	background: #1E2B5E;
}

.swiper-pagination-bullet-active {
	background: var(--secondary-color);
	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: 22px;
}

.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, .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 .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .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;
}

.inner_card {
	padding: 20px;
	background: #fff;
}

.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_head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 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, .16);
}

.db_head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(128, 128, 128, .16);
	padding-bottom: 12px;
}

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

.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: 4px;
	min-height: 45px;
}

.delete-account .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 .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;
}

.account-btns {
	display: flex;
	justify-content: center;
	gap: 15px;
}

.account-btns .btn-secondary {
	height: 50px;
	padding: 10px 25px;
}

.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,
.shop-cart {
	padding-top: 20px;
}

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

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

.shop-item {
	height: 100%;
}

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

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

.cart_desc .currency-price {
	color: #131313;
}

.cart-btn {
	background: var(--secondary-color);
	border-color: var(--secondary-color);
	padding: 10px 20px;
	font-size: 16px;
	min-width: fit-content;
	text-decoration: none;
	text-wrap: nowrap;
	height: unset !important;
}

.cart-btn:hover {
	border-color: var(--secondary-color);
	color: var(--secondary-color);
}

.cart-qty button {
	background: var(--secondary-color);
}

/* Shop css */
.shop-dis h4 {
	font-size: 18px;
	min-height: 52px;
}

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

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

.sidebar-title {
	border-bottom: 1px solid rgba(128, 128, 128, .16);
	padding-bottom: 10px;
	color: #222;
	margin-bottom: 5px;
	font-weight: 500;
	font-size: 18px;
}

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

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

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

.sidebar-list .form-group label {
	border-bottom: 1px solid rgba(128, 128, 128, .16);
	padding-bottom: 10px;
	width: 100%;
	color: #222;
	margin-bottom: 5px;
	font-weight: 500;
	font-size: 18px;
}

.shop-filter hr {
	display: none;
}

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

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

.summery-wrap .coupon-box .btn {
	border: 1px solid var(--secondary-color);
	color: var(--secondary-color);
	height: 38px;
}

.summery-wrap .coupon-box .btn:hover {
	background-color: var(--secondary-color);
}

.summery-wrap .order-summery li {
	align-items: start;
	gap: 5px;
}

.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, .16);
	padding: 30px;
}

.pagination {
	margin-top: 20px;
	overflow: auto;
	width: 100%;
}

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

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

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

.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: 5px;
	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 {
	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, .8);
	border-bottom: 2px solid rgba(255, 255, 255, .5);
	border-left: 0px solid transparent;
	border-right: 0px solid transparent;
	font-size: 40px;
	font-family: Roboto;
	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: 5px;
	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: 6px;
	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;
}

.order-overview-list {
	list-style: none;
	padding: 20px;
	border: 1px solid rgba(128, 128, 128, .16);
}

.order-overview-list li {
	padding: 6px 0px;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.order-overview-list li::before {
	position: absolute;
	content: ":";
	left: 50%;
	top: 5px;
	font-weight: 500;
	color: #4b4a4a;
}

.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,
.categories_list {
	max-height: 360px;
	overflow: auto;
}

.single-item-info,
.single-item-info h1,
.single-item-info h2,
.single-item-info h3,
.single-item-info h4,
.single-item-info h5,
.single-item-info h6 {
	color: #131313;
}

.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: 4px;
}

.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;
	white-space: pre;
}

.arrival-item del,
.trend-item-box del,
.feature-item-box del,
.shop-item del {
	color: #888;
	font-size: 14px;
}

.arrival-item del span,
.trend-item-box del span,
.feature-item-box del span,
.shop-item del span {
	font-size: 14px !important;
	color: #888;
}

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

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

.facilities-box {
	text-align: center;
	width: 110px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.facilities-box p {
	color: #131313;
}

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

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

.shop-left-sec {
	position: sticky;
	top: 100px;
}

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

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

.specification {
	border: 1px solid #eee;
}

.specification h4 {
	padding: 10px 15px;
	border-bottom: 1px solid #eee;
	color: #131313;
}

.specification .table-responsive {
	padding: 10px 15px;
}

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

.specification th {
	font-weight: 500;
}

.product-desc-sidebar {
	border: 1px solid #d5d9d9;
	border-radius: 6px;
	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: 5px;
	font-size: 14px;
	font-family: "roboto";
	font-weight: 400;
}

.product-desc-sidebar .table-responsive th {
	font-weight: 400;
	white-space: nowrap;
}

.product-desc-sidebar .table-responsive td {
	padding: 5px 8px;
	color: #131313;
}

.product-desc-sidebar .single-item-action {
	flex-wrap: wrap;
}

.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, .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;
}

.summary-list {
	display: flex;
	justify-content: space-between;
	color: #131313;
	padding: 0px 20px;
}

.summary-list p {
	font-weight: 500;
	color: #222;
}

.total {
	border-top: 1px solid rgba(128, 128, 128, .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-box {
	display: flex;
	gap: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d3e4f2;
	align-items: center;
}

.order-card .order-box:last-child {
	border: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

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

.order-content {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.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);
	font-size: 18px;
}

.my_cart {
	background: #fff;
	padding: 40px 20px;
	border: 1px solid rgba(128, 128, 128, .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: 5px;
}

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

.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;
}

.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, .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: 15px;
	position: relative;
}

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

.coupon-row {
	display: flex;
	align-items: center;
	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%;
}

/* Download App page css  */
.app_banner_section {
	padding: 100px 0px;
	background: #0181e7;
	background-size: cover;
	color: #fff;
}

.app_banner_section .banner_text h1 span {
	color: #F7941E;
}

.app_banner_section .banner_text h1 {
	font-size: 50px;
	color: #fff;
	letter-spacing: -1.5px;
	font-weight: 700;
	line-height: 68px;
}

.banner-app img {
	width: 100%;
	height: 580px;
	object-fit: contain;
}

.banner-btns a {
	display: inline-flex;
	padding: 10px 20px;
	border-radius: 8px;
	align-items: center;
	gap: 8px;
	background: #0000;
	color: #fff;
	border: 1px solid #fff;
}

.banner-btns a:hover {
	background: #fff;
	color: var(--secondary-color);
}

.app-desc a {
	display: inline-flex;
	padding: 10px 20px;
	border-radius: 8px;
	align-items: center;
	gap: 8px;
	background: #0000;
	color: var(--secondary-color);
	border: 1px solid var(--secondary-color);
}

.app-desc a i {
	font-size: 24px;
}

.app-avil {
	font-size: 14px;
	font-weight: 500;
}

.banner_text p {
	margin-bottom: 30px;
	color: #fff;
}

.app-desc h2 {
	font-weight: 500;
	font-size: 40px;
	margin-bottom: 15px;
}

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

.app-desc h2 span {
	color: #0281E6;
}

.app-bg {
	background: #e3fbff;
}

.app-bg-2 {
	background: #fee;
}

.app-img img {
	position: relative;
	width: 310px;
}

.app-desc {
	text-align: center;
}

.app-desc a:hover {
	background: var(--secondary-color);
	color: #fff;
	border-color: var(--secondary-color);
}

.app-desc p {
	max-width: 600px;
	font-size: 16px;
	margin: auto;
}

.app-bg-2 .app-img::before {
	background: #67d2fb;
}

.banner_section .banner_text h1 {
	font-size: 56px;
	color: #fff;
	letter-spacing: -1.5px;
	font-weight: 700;
	line-height: 76px;
}

.app-section {
	padding: 100px 0px;
}

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

.app-img::before {
	position: absolute;
	content: "";
	left: 50%;
	top: 50%;
	height: 500px;
	width: 500px;
	transform: translate(-50%, -50%);
	background: #fff;
	border-radius: 50%;
	z-index: 0;
}

.animation-circle-inverse i {
	background: #f7941e;
	-webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11);
	box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11);
	position: absolute;
	height: 90px;
	width: 90px;
	border-radius: 100%;
	opacity: 0.3;
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	-webkit-animation: ripple1 3s linear infinite;
	animation: ripple1 3s linear infinite;
	top: 44%;
	z-index: -1;
	left: 42%;
}

.feature .animation-circle-inverse i {
	top: 52%;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.animation-circle-inverse i:nth-child(2) {
	-webkit-animation: ripple2 3s linear infinite;
	animation: ripple2 3s linear infinite;
}

.animation-circle-inverse i:nth-child(3) {
	-webkit-animation: ripple3 3s linear infinite;
	animation: ripple3 3s linear infinite;
}

.qr-img {
	display: flex;
	justify-content: center;
	margin-top: 35px;
	gap: 30px;
}

.qrcode-container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
}

.app-desc-btns {
	margin-top: 15px;
}

.app-desc-btns a {
	margin-left: 18px;
}

.growth__wrapper {
	background-color: #f68328;
	padding: 80px 130px;
	margin: 0 auto;
	border-radius: 10px;
}

.left-38 {
	left: 38%;
}

.right-12 {
	right: 12%;
}

.growth .section-heading {
	text-align: center;
	margin: 0 auto 5rem auto
}

.growth__box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.growth__box .icon {
	width: 100px;
	height: 100px;
	background: #fff;
	border-radius: 50%;
	filter: drop-shadow(0px 30px 20px rgba(21, 21, 21, 0.2));
	-webkit-filter: drop-shadow(0px 30px 20px rgba(21, 21, 21, 0.2));
	-moz-filter: drop-shadow(0px 30px 20px rgba(21, 21, 21, 0.2));
	position: relative;
	-webkit-transform: var(--transform-fix);
	transform: var(--transform-fix);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	perspective: 1000;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}

.growth__box .icon i {
	font-size: 35px;
	color: #f68328;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.growth__box .content {
	width: 78%;
	background-color: white;
	position: relative;
	border-radius: 10px;
	padding: 30px 35px;
}

.growth__box .content p {
	margin-bottom: 0px;
}

.growth__box .content h3 {
	font-size: 20px;
	font-weight: 600;
	width: 80%
}

.growth__box:hover .icon {
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

@media (min-width : 768px) {
	.growth .row>div:nth-child(2n+1) .growth__box .content::before {
		content: "";
		width: 3.8rem;
		height: 1.2rem;
		background: url(../img/arrow-white.png) no-repeat;
		background-size: cover;
		display: block;
		position: absolute;
		left: -2.3rem;
		top: 50%;
		transform: translateY(-50%) rotate(-90deg);
		-webkit-transform: translateY(-50%) rotate(-90deg);
	}
}

@media (min-width : 991.98px) {
	.growth .row>div:nth-child(even) .growth__box .icon {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}

	.growth .row>div:nth-child(even) .growth__box .content {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}

	.growth .row>div:nth-child(2n) .growth__box .content::after {
		content: "";
		width: 3.8rem;
		height: 1.2rem;
		background: url(../img/arrow-white.png) no-repeat;
		background-size: cover;
		display: block;
		position: absolute;
		right: -2.3rem;
		top: 50%;
		transform: translateY(-50%) rotate(90deg);
		-webkit-transform: translateY(-50%) rotate(90deg);
	}
}

.growth .row>div:nth-child(n+3) {
	margin-top: 3rem
}

.growth .button__wrapper {
	margin-top: 5rem
}

.growth .button__wrapper a {
	background: #1369ec;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(19, 105, 236,
					0)), color-stop(50%, rgba(255, 177, 107, 0)), color-stop(51%, #1369ec),
			to(#65bef4));
	background: linear-gradient(0deg, rgba(19, 105, 236, 0) 0%,
			rgba(255, 177, 107, 0) 50%, #1369ec 51%, #65bef4 100%);
	background-size: 200% 200%;
	background-position: center bottom;
	-webkit-transform: var(--transform-fix);
	transform: var(--transform-fix);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	perspective: 1000
}

.growth-heading {
	text-align: center;
	margin-bottom: 50px;
	font-size: 38px;
	color: #fff;
}

.growth .button__wrapper a:hover {
	background-position: center top;
	border: none;
	filter: drop-shadow(0px 10px 20px rgba(33, 120, 237, 0.4));
	-webkit-filter: drop-shadow(0px 10px 20px rgba(33, 120, 237, 0.4));
	-moz-filter: drop-shadow(0px 10px 20px rgba(33, 120, 237, 0.4))
}

@media (min-width : 991.98px) and (max-width: 1200px) {
	.growth__box .content {
		width: 75%;
	}
}

@media (min-width : 768px) and (max-width: 991.98px) {
	.growth__wrapper {
		padding: 5rem 2rem
	}

	.growth__box .content {
		width: 75%
	}

	.growth .row>div:nth-child(n+1) {
		margin-top: 5rem
	}

	.growth .row>div:nth-child(even) .growth__box .content::before {
		content: "";
		width: 4.8rem;
		height: 2.2rem;
		background: url(../img/arrow-white.png) no-repeat;
		background-size: cover;
		display: block;
		position: absolute;
		left: -3.3rem;
		top: 50%;
		transform: translateY(-50%) rotate(-90deg);
		-webkit-transform: translateY(-50%) rotate(-90deg)
	}
}

@media (max-width : 768px) {
	.growth__wrapper {
		width: calc(100% - 5rem);
		padding: 5rem 2rem
	}

	.growth__box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.growth__box .content {
		width: 100%;
		margin-top: 5rem;
		text-align: center
	}

	.growth__box .content h3 {
		width: 100%
	}

	.growth__box .content::before {
		content: "";
		width: 4.8rem;
		height: 2.2rem;
		background: url(../img/arrow-white.png) no-repeat;
		background-size: cover;
		display: block;
		position: absolute;
		top: -2rem;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%)
	}

	.growth .row>div:nth-child(n+2) {
		margin-top: 5rem
	}
}

.App_main_wrapper .growth__wrapper>.container {
	max-width: 1140px !important;
}

.work-process-section {
	padding: 100px 0px;
}

.work-process-section .img-wrap {
	width: 300px;
	margin-left: auto;
}

.work-process-section .img-wrap img {
	width: 100%;
	height: 100%;
}

.work-process-wrap .process-icon-item {
	position: relative;
	margin-bottom: 5.5rem;
}

.work-process-wrap .process-icon-item .process-icon {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: var(--secondary-color);
	height: 4.75rem;
	width: 4.75rem;
	line-height: 1;
	border-radius: 50%;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.work-process-wrap .process-icon-item .process-icon i {
	font-size: 1.753rem;
	color: #fff;
}

.work-process-wrap .process-icon-item .process-content {
	width: 100%;
	max-width: 454px;
	flex: 1;
}

.work-process-wrap .process-icon-item svg {
	position: absolute;
	left: 63%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 62%;
}

.work-process-wrap .process-icon-item svg:not(:root) {
	overflow: hidden;
}

.work-process-wrap .right-shape .d-flex {
	-ms-flex-direction: row-reverse !important;
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: reverse !important;
	flex-direction: row-reverse !important;
}

.work-process-wrap {
	position: relative;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: start;
	align-content: flex-start;
}

/* Download App page css END */
.sec-title {
	font-size: 30px;
}

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

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

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

.brand-category .swiper {
	padding: 10px;
}

.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;
}

.banner_video {
	margin-left: 60px;
}

.banner_video video {
	width: 100%;
	height: 560px;
	margin-bottom: -7px;
	object-fit: cover;
}

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

.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: 10px;
	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;
}

.new-arrival .right-prod [class*="col-"] {
	padding: 0px;
	width: 25%;
}

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

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

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

.avg_rating {
	font-size: 18px;
}

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

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

.outline_btn {
	background: #0000;
	color: var(--secondary-color);
}

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

.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);
}

.counter-sec {
	padding-top: 70px;
}

.count-box {
	background-color: #00CAFF;
	border-radius: 8px;
	padding: 30px 20px;
	text-align: center;
	margin-bottom: 25px;
}

.count-icon i {
	font-size: 25px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	margin: 0px auto 15px;
	background: #fff;
}

.count-row [class*="col-"]:first-child .count-box {
	background: #e6f0ff;
	color: #203a71;
}

.count-row [class*="col-"]:first-child .count-box h1,
.count-row [class*="col-"]:first-child .count-box span,
.count-row [class*="col-"]:first-child .count-box i {
	color: #203a71;
}

.count-row [class*="col-"]:nth-child(2) .count-box {
	background: #fbd8dc;
	color: #f72f4a;
}

.count-row [class*="col-"]:nth-child(2) .count-box h1,
.count-row [class*="col-"]:nth-child(2) .count-box span,
.count-row [class*="col-"]:nth-child(2) .count-box i {
	color: #f72f4a;
}

.count-row [class*="col-"]:nth-child(3) .count-box {
	background: #ffe8d8;
	color: #f56600;
}

.count-row [class*="col-"]:nth-child(3) .count-box h1,
.count-row [class*="col-"]:nth-child(3) .count-box span,
.count-row [class*="col-"]:nth-child(3) .count-box i {
	color: #f56600;
}

.count-row [class*="col-"]:nth-child(4) .count-box {
	background: #e2fde9;
	color: #46bd61;
}

.count-row [class*="col-"]:nth-child(4) .count-box h1,
.count-row [class*="col-"]:nth-child(4) .count-box span,
.count-row [class*="col-"]:nth-child(4) .count-box i {
	color: #46bd61;
}

.count-box p {
	font-size: 19px;
}

.count-box .number span {
	font-size: 26px;
	font-weight: 500;
	color: #131313;
	margin-left: 4px;
}

.count-row {
	margin-left: 100px;
}

.count-content h1 {
	margin-bottom: 20px;
	line-height: 40px;
}

.count-content h6 {
	color: var(--secondary-color);
	margin-bottom: 16px;
	font-size: 20px;
}

.testimonial {
	padding-bottom: 70px;
}

.testimonial_box {
	padding: 40px 30px;
	border-radius: 8px;
	border: 1px solid #E6E3E2;
	background: #fff;
}

.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: 8px;
	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, .16);
	padding: 20px;
	align-items: center;
	background: #fff;
}

.feature-boxes .bx_head {
	text-transform: uppercase;
	margin-bottom: 6px;
	font-weight: 500;
	color: #222;
}

.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 {
	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 {
	border: 1px solid #eee;
	padding: 20px;
}

.single-item-info h4 {
	font-size: 18px;
}

.rating-block h4,
.rating-hd {
	font-size: 18px;
}

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

.cart-box {
	border-bottom: 1px solid rgba(128, 128, 128, .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 {
	border: 1px solid rgba(128, 128, 128, .16);
	padding: 30px;
}

.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, .16);
}

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

.cart-proceed {
	border: 1px solid rgba(128, 128, 128, .16);
	padding: 30px;
}

.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-dis {
	padding: 0px;
}

.shop-dis h3 {
	font-size: 18px;
	color: #222;
}

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

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

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

.shop-left-sec .prdtSwiper .swiper-slide img,
.shop-left-sec .prdtSwiper2 .swiper-slide img {
	border-radius: 0px;
	border: 1px solid rgba(128, 128, 128, .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, .16);
}

.shop-left-sec .prdtSwiper2 {
	padding: 0px;
}

.shop-left-sec .prdtSwiper {
	padding: 15px 0px;
	height: 25%;
}

.cart-qty button {
	border-radius: 4px;
}

.cart-qty input {
	border-radius: 0px;
	background: #fff;
	height: 35px;
	margin-bottom: 0px;
}

.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, .16);
}

.address-box {
	border-top: 0px !important;
	border-left: 0px !important;
	border-right: 0px !important;
	border-bottom: 1px solid rgba(128, 128, 128, .16) !important;
}

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

.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 {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid rgba(128, 128, 128, .16);
}

.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, .16);
}

.checkot_payment {
	margin-top: 15px;
}

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

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

.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;
}

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

.featured_rating {
	display: flex;
	gap: 6px;
	align-items: center;
}

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

.shop-dis .currency-price {
	font-size: 20px;
}

.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, .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, .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;
}

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

.checkout .accordion-item {
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	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;
}

.checkout .accordion-item:last-child {
	border: 0px;
}

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

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

.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: 5px;
	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 {
	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;
}

.mrgn_top {
	margin-top: 10px;
}

.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: 3px;
	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;
}

.single-item-content {
	color: #6E6E6F;
}

.specification td {
	color: #6E6E6F;
}

.price_clr {
	color: #131313;
}

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

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

.cart-qty input {
	width: 40px;
	padding: 4px 5px;
	border-radius: 0px;
	background: #fff;
	height: 35px;
	margin-bottom: 0px;
	text-align: center;
	border: 1px solid #ccc;
}

.cart-qty button {
	color: #fff;
	border: 0;
	border-radius: 4px;
	padding: 4px 13px;
}

.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: 10px;
}

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

.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;
}

.support-group .wrap h3 {
	font-size: 24px;
}

.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;
}

.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;
}

.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, .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;
}

.categories_sec {
	padding-bottom: 50px;
}

.category_bx h5 {
	font-size: 18px;
	margin: 15px 10px;
}

.product-desc-sec {
	padding: 60px 0px;
	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, .16);
	padding: 40px;
}

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

.summary-items {
	width: 100%;
}

/* .buy-now-btns {
	padding-left: 10px;
} */
.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 {
	list-style: none;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	row-gap: 8px;
	column-gap: 16px;
}

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

.popular-search-list li {
	padding-right: 16px;
	position: relative;
	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;
	color: #fff;
	background-color: #f68328;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 500px;
}

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

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

.header-call .header-call-bx a:hover {
	text-decoration: underline;
}