/*
Theme Name: Custom Theme
Theme URI: http://wordpress.org/themes/twentythirteen
Author: John Dev
Author URI: http://johndev.com/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.inner-header {
	padding: 180px 0 120px 0;
	background-repeat: no-repeat !important;
	position: relative;
	background-size: cover !important;
	background-position: center !important;
}

.inner-banner-title {
	text-align: center;
	position: relative;
	z-index: 2;
}

.inner-banner-title h2 {
	color: var(--c2);
	font-size: 50px;
}
.header img {
	height: 100%;
}

/* ABOUT PAGE CSS START */
/* WHO ARE YOU SECTION CSS START */
/* FAQ SECTION CSS START */
.faq-title h2,
.who-we-are-content h2 {
	font-size: 90px;
}
.who-we-are-content h2{
	font-size: 80px;
}
.who-we-are {
	background: #040a14;
	color: #c9d6e8;
}

.who-we-are-images-main {
	position: relative;
	height: 600px;
	display: flex;
	justify-content: center;
}

.who-we-are-img {
	position: absolute;
	border-radius: 6px;
	box-shadow: 0 0 30px rgba(30, 155, 255, 0.25);
}

.who-we-are-img::before {
	content: "";
	position: absolute;
	inset: 0;
	overflow: hidden;
	border-radius: 6px;
	pointer-events: none;
}

.who-we-are-img img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	border-radius: 6px;
	border: 1px solid rgba(30, 155, 255, 0.35);
	transition: transform 0.5s ease;
}

.who-we-are-img:hover img {
	transform: scale(1.1);
}

.image-2 {
	width: 48%;
	height: 50%;
	top: 25%;
	left: 0;
	overflow: hidden;
}

.image-1 {
	width: 80%;
	height: 100%;
	top: 0;
	right: 0;
	overflow: hidden;
}


/* WHO ARE YOU SECTION CSS END */
.faq-accordion .accordion-item {
	background: transparent;
	border: 0;
	border-radius: 0;
}
.faq-section {
	background: #040a14;
	position: relative;
	z-index: 1;
}

.faq-section::before {
	z-index: -1;
}
.faq-accordion .accordion-button {
	background: transparent;
	color: var(--c2);
	font-family: var(--f1);
	font-size: 17px;
	padding: 18px 0;
	border-bottom: 1px solid var(--c4);
	border-radius: 0;
	box-shadow: none;
	gap: 20px;
}
.faq-accordion .accordion-button:not(.collapsed) {
	background: transparent;
	color: var(--c4);
	box-shadow: none;
}

/* replace default arrow with + / - */
.faq-accordion .accordion-button::after {
	content: "+";
	background-image: none;
	width: auto;
	height: auto;
	margin-left: auto;
	font-size: 26px;
	font-weight: 300;
	line-height: 1;
	color: var(--c4);
	transform: none;
}

.faq-accordion .accordion-button:not(.collapsed)::after {
	content: "\2212";
	transform: none;
}
.faq-accordion .accordion-body {
	padding: 20px 0;
	font-family: var(--f1);
	font-size: 16px;
	line-height: 1.7;
	color: #b7c6dc;
}

/* FAQ SECTION CSS END */
/* ABOUT PAGE CSS END */
/* ANNOUNCEMENT PAGE CSS START */
.announce-featured {
	background: var(--c6);
}
.announce-tag {
	display: inline-block;
	padding: 6px 16px;
	margin-bottom: 20px;
	font-family: var(--f1);
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--c4);
	border: 1px solid var(--c4);
	border-radius: 50px;
}
.announce-featured-title {
	font-family: var(--f2);
	font-size: 64px;
	font-weight: 600;
	line-height: 1.1;
	text-transform: uppercase;
	color: var(--c2);
	text-shadow: -7px 0px #5C5C5C;
	margin-bottom: 14px;
}
.announce-featured-title span,
.announce-list-title span {
	color: var(--c4);
	text-shadow: 0 0 18px rgba(10, 155, 240, 0.55);
}
.announce-featured-date {
	font-family: var(--f1);
	font-size: 15px;
	color: var(--c4);
	margin-bottom: 16px;
}
.announce-featured-text {
	font-family: var(--f1);
	font-size: 16px;
	line-height: 1.8;
	color: #b7c6dc;
	margin-bottom: 30px;
}
.announce-btn {
	padding: 14px 34px;
	font-family: var(--f1);
	font-size: 16px;
	font-weight: 500;
	color: var(--c2);
	background: var(--c4);
	border-radius: 6px;
	box-shadow: 0 0 20px rgba(10, 155, 240, 0.45);
	transition: 0.4s;
}
.announce-btn:hover {
	color: var(--c4);
	background: var(--c2);
}

.announce-featured-images-main {
	position: relative;
	height: 600px;
	display: flex;
	justify-content: center;
}
.announce-featured-img {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 6px;
	border: 1px solid rgba(10, 155, 240, 0.35);
	box-shadow: 0 0 30px rgba(10, 155, 240, 0.25);
}
.announce-featured-img img {
	height: 100%;
	cursor: pointer;
	object-fit: cover;
	transition: 0.8s;
}
.announce-featured-img img:hover {
	transform: scale(1.2);
}

/* =============== SECTION 2 : LIST =============== */
.announce-list {
	background: var(--c5);
}
.announce-list-title {
	font-family: var(--f2);
	font-size: 72px;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--c2);
	margin-bottom: 50px;
	text-shadow: -7px 0px #5C5C5C;
}
.announce-card {
	height: 100%;
	background: var(--c6);
	border: 1px solid rgba(10, 155, 240, 0.25);
	border-radius: 6px;
	overflow: hidden;
	transition: 0.4s;
}
.announce-card:hover {
	border-color: var(--c4);
	box-shadow: 0 0 25px rgba(10, 155, 240, 0.35);
}
.announce-card-img {
	position: relative;
	overflow: hidden;
	height: 240px;
}
.announce-card-img img {
	height: 100%;
	cursor: pointer;
	object-fit: cover;
	transition: 0.8s;
}
.announce-card:hover img {
	transform: scale(1.2);
}
.announce-card-body {
	padding: 24px;
}
.announce-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
}
.announce-badge {
	padding: 4px 14px;
	font-family: var(--f1);
	font-size: 13px;
	color: var(--c2);
	background: var(--c4);
	border-radius: 50px;
}
.announce-date {
	font-family: var(--f1);
	font-size: 14px;
	color: #b7c6dc;
}
.announce-card-body h3 {
	font-family: var(--f2);
	font-size: 28px;
	font-weight: 500;
	color: var(--c2);
	margin-bottom: 10px;
}
.announce-card-body p {
	font-family: var(--f1);
	font-size: 15px;
	line-height: 1.7;
	color: #b7c6dc;
	margin-bottom: 18px;
}
.announce-link {
	font-family: var(--f1);
	font-size: 15px;
	font-weight: 500;
	color: var(--c4);
	border-bottom: 1px solid var(--c4);
}
.announce-link:hover {
	color: var(--c2);
	border-color: var(--c2);
}
/* ANNOUNNCE SUBCRIBERS SCTION CSS START */
.announce-subscribe {
	background: var(--c6);
}
.announce-subscribe-images-main {
	position: relative;
	height: 600px;
	display: flex;
	justify-content: center;
}
.announce-subscribe-img {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 6px;
	border: 1px solid rgba(10, 155, 240, 0.35);
	box-shadow: 0 0 30px rgba(10, 155, 240, 0.25);
}
.announce-subscribe-img img {
	height: 100%;
	cursor: pointer;
	object-fit: cover;
	transition: 0.8s;
}
.announce-subscribe-img img:hover {
	transform: scale(1.2);
}
.announce-subscribe-content {
	padding-left: 40px;
}
.announce-subscribe-tag {
	display: inline-block;
	padding: 6px 16px;
	margin-bottom: 20px;
	font-family: var(--f1);
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--c4);
	border: 1px solid var(--c4);
	border-radius: 50px;
}
.announce-subscribe-title {
	font-family: var(--f2);
	font-size: 54px;
	font-weight: 600;
	line-height: 1.1;
	text-transform: uppercase;
	color: var(--c2);
	margin-bottom: 18px;
}
.announce-subscribe-title span {
	color: var(--c4);
	text-shadow: 0 0 18px rgba(10, 155, 240, 0.55);
}
.announce-subscribe-text {
	font-family: var(--f1);
	font-size: 16px;
	line-height: 1.8;
	color: #b7c6dc;
	margin-bottom: 30px;
}

.announce-subscribe-form {
	display: flex;
	gap: 12px;
	margin-bottom: 26px;
}
.announce-subscribe-form input {
	flex: 1;
	min-width: 0;
	padding: 14px 18px;
	font-family: var(--f1);
	font-size: 15px;
	color: var(--c2);
	background: var(--c5);
	border: 1px solid rgba(10, 155, 240, 0.35);
	border-radius: 6px;
	transition: 0.4s;
}
.announce-subscribe-form input::placeholder {
	color: #7f93ae;
}
.announce-subscribe-form input:focus {
	border-color: var(--c4);
	box-shadow: 0 0 15px rgba(10, 155, 240, 0.35);
}
.announce-subscribe-form button {
	padding: 14px 32px;
	font-family: var(--f1);
	font-size: 16px;
	font-weight: 500;
	color: var(--c2);
	background: var(--c4);
	border: 0;
	border-radius: 6px;
	box-shadow: 0 0 20px rgba(10, 155, 240, 0.45);
	cursor: pointer;
	transition: 0.4s;
}
.announce-subscribe-form button:hover {
	color: var(--c4);
	background: var(--c2);
}

.announce-subscribe-points {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 28px;
}
.announce-subscribe-points li {
	position: relative;
	padding-left: 22px;
	font-family: var(--f1);
	font-size: 14px;
	color: #b7c6dc;
}
.announce-subscribe-points li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	width: 8px;
	height: 8px;
	background: var(--c4);
	border-radius: 50%;
	box-shadow: 0 0 8px var(--c4);
}
/* ANNOUNNCE SUBCRIBERS SCTION CSS END */
/* ANNOUNCEMENT PAGE CSS END */
/* CONTACT PAGE CSS START */
.contact-form-section {
	background: var(--c6);
}

/* ---------- Form box ---------- */
.contact-form-box {
	margin-top: 30px;
}
.contact-form-box p {
	margin: 0;
}
.contact-form-box br {
	display: none;
}
.contact-form-box .row {
	row-gap: 20px;
}
.contact-form-box .wpcf7-form-control-wrap {
	display: block;
}

.contact-form-box label {
	display: block;
	width: 100%;
	font-family: var(--f1);
	font-size: 15px;
	font-weight: 500;
	color: var(--c2);
}
.contact-form-box label em {
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	color: #7f93ae;
}

.contact-form-box input[type="text"],
.contact-form-box input[type="email"],
.contact-form-box input[type="tel"],
.contact-form-box select,
.contact-form-box textarea {
	display: block;
	width: 100%;
	margin-top: 8px;
	padding: 12px 22px;
	font-family: var(--f1);
	font-size: 15px;
	color: var(--c2);
	background: var(--c5);
	border: 1px solid rgba(10, 155, 240, 0.35);
	border-radius: 50px;
	transition: 0.4s;
}
.contact-form-box textarea {
	height: 130px;
	resize: none;
	border-radius: 24px;
}
.contact-form-box select option {
	color: var(--c1);
}
.contact-form-box input:focus,
.contact-form-box select:focus,
.contact-form-box textarea:focus {
	border-color: var(--c4);
	box-shadow: 0 0 15px rgba(10, 155, 240, 0.35);
}
.contact-form-box ::placeholder {
	color: #7f93ae;
}

/* submit */
.contact-form-box input[type="submit"] {
	padding: 14px 40px;
	font-family: var(--f1);
	font-size: 16px;
	font-weight: 500;
	color: var(--c2);
	background: var(--c4);
	border: 0;
	border-radius: 50px;
	box-shadow: 0 0 20px rgba(10, 155, 240, 0.45);
	cursor: pointer;
	transition: 0.4s;
}
.contact-form-box input[type="submit"]:hover {
	color: var(--c4);
	background: var(--c2);
}
.contact-form-box .wpcf7-spinner {
	margin: 0 0 0 12px;
}

/* validation + response messages */
.contact-form-box .wpcf7-not-valid-tip {
	margin-top: 6px;
	padding-left: 22px;
	font-family: var(--f1);
	font-size: 13px;
	color: #ff6b6b;
}
.contact-form-box .wpcf7 form .wpcf7-response-output {
	margin: 20px 0 0;
	padding: 12px 20px;
	font-family: var(--f1);
	font-size: 14px;
	color: var(--c2);
	border: 1px solid var(--c4);
	border-radius: 6px;
}
.contact-form-box .wpcf7 form.invalid .wpcf7-response-output,
.contact-form-box .wpcf7 form.failed .wpcf7-response-output {
	border-color: #ff6b6b;
}
.contact-form-box .wpcf7 form.sent .wpcf7-response-output {
	border-color: #2ecc71;
}

/* ---------- Image ---------- */
.contact-form-images-main {
	height: 700px;
	width: 90%;
	margin: 0 auto;
}
.contact-form-img {
	overflow: hidden;
	height: 100%;
	border-radius: 6px;
	border: 1px solid rgba(10, 155, 240, 0.35);
	box-shadow: 0 0 30px rgba(10, 155, 240, 0.25);
}
.contact-form-img img {
	height: 100%;
	cursor: pointer;
	object-fit: cover;
	transition: 0.8s;
}
.contact-form-img img:hover {
	transform: scale(1.2);
}
/* MAP SECTION CSS START */
.map {
	height: 400px;
}
.frame {
	border: 0;
}
/* MAP SECTION CSS END*/
/* CONTACT PAGE CSS END */
/* BLOG PAGE CSS START */
.blogs-featured,
.blogs-page {
	position: relative;
	overflow: hidden;
	background: var(--c6);
}
.blogs-featured-bg,
.blogs-page-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.blogs-featured .container,
.blogs-page .container {
	position: relative;
}

/* =============== SECTION 1 : FEATURED =============== */
.blogs-featured-card {
	margin-top: 50px;
	padding: 30px 10px;
	background: var(--c2);
	border-radius: 24px;
	box-shadow: 0 0 40px rgba(10, 155, 240, 0.25);
}
.blogs-featured-img {
	position: relative;
	overflow: hidden;
	height: 420px;
	border-radius: 18px;
}
.blogs-featured-img a {
	display: block !important;
	height: 100%;
}
.blogs-featured-img img {
	height: 100%;
	cursor: pointer;
	object-fit: cover;
	transition: 0.8s;
}
.blogs-featured-img img:hover {
	transform: scale(1.2);
}
.blogs-featured-content {
	padding: 20px 30px;
}
.blogs-featured-tag {
	display: inline-block;
	padding: 6px 18px;
	margin-bottom: 18px;
	font-family: var(--f1);
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--c2);
	background: var(--c4);
	border-radius: 50px;
}
.blogs-featured-meta,
.blogs-page-meta {
	display: flex;
	align-items: center;
	gap: 22px;
	margin-bottom: 14px !important;
}
.blogs-featured-meta li,
.blogs-page-meta li {
	position: relative;
	font-family: var(--f1);
	font-size: 14px;
	text-transform: uppercase;
	color: var(--c1);
}
.blogs-featured-meta li + li::before,
.blogs-page-meta li + li::before {
	content: "";
	position: absolute;
	left: -13px;
	top: 50%;
	width: 5px;
	height: 5px;
	background: var(--c4);
	border-radius: 50%;
	transform: translateY(-50%);
}
.blogs-featured-content h3 {
	margin-bottom: 14px;
}
.blogs-featured-content h3 a {
	font-family: var(--f2);
	font-size: 44px;
	font-weight: 600;
	line-height: 1.1;
	color: var(--c1);
	transition: 0.4s;
}
.blogs-featured-content h3 a:hover {
	color: var(--c4);
}
.blogs-featured-content p {
	margin-bottom: 24px;
	font-family: var(--f1);
	font-size: 16px;
	line-height: 1.8;
	color: #444;
}

/* =============== SECTION 2 : GRID =============== */
.blogs-page-row {
	margin-top: 50px;
}
.blogs-page-card {
	height: 100%;
	padding: 30px;
	background: var(--c2);
	border-radius: 24px;
	transition: 0.4s;
}
.blogs-page-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 0 30px rgba(10, 155, 240, 0.5);
}
.blogs-page-img {
	position: relative;
	overflow: hidden;
	height: 260px;
	margin-bottom: 24px;
	border-radius: 18px;
}
.blogs-page-img a {
	display: block !important;
	height: 100%;
}
.blogs-page-img img {
	height: 100%;
	cursor: pointer;
	object-fit: cover;
	transition: 0.8s;
}
.blogs-page-img img:hover {
	transform: scale(1.2);
}
.blogs-page-content h3 {
	margin-bottom: 10px;
}
.blogs-page-content h3 a {
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow:hidden;
}
.blogs-page {
	position: relative;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	overflow: hidden;
}

.blogs-page::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(
			180deg,
			rgba(3, 15, 25, 0.92),
			rgba(3, 18, 28, 0.96)
		);
	pointer-events: none;
}

.blogs-page .container {
	position: relative;
	z-index: 2;
}


/* =========================================
PAGE TITLE
========================================= */
.blogs-content .row {
	row-gap: 30px;
}
.blogs-content .row:nth-child(1){
	padding-top:40px;
}
.blog-card {
	height: 100%;
	position: relative;
	overflow: hidden;
	background: rgba(8, 27, 39, 0.92);
	border: 1px solid rgba(44, 188, 235, 0.22);
	transition: all 0.35s ease;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
	border-radius: 24px;
}

.blog-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 45px;
	height: 2px;
	background: #22c8ff;
	transition: width 0.35s ease;
}

.blog-card:hover {
	transform: translateY(-8px);
	border-color: rgba(34, 200, 255, 0.65);
	box-shadow:
		0 20px 50px rgba(0, 0, 0, 0.45),
		0 0 25px rgba(34, 200, 255, 0.08);
}

.blog-card:hover::before {
	width: 100%;
}


/* =========================================
BLOG IMAGE
========================================= */

.blog-img {
	position: relative;
	height: 260px;
	overflow: hidden;
	background: #071722;
}

.blog-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}

.blog-card:hover .blog-img img {
	transform: scale(1.06);
}


/* Image overlay */

.blog-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;

	background: rgba(0, 15, 25, 0.65);

	opacity: 0;
	transition: all 0.35s ease;
}

.blog-overlay span {
	color: #fff;
	border: 1px solid #22c8ff;
	padding: 11px 18px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
}

.blog-card:hover .blog-overlay {
	opacity: 1;
}


/* =========================================
CONTENT
========================================= */

.blog-content {
	padding: 25px 24px 27px;
}

.blog-meta {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 13px;
	color: #6f8b99;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.7px;
	text-transform: uppercase;
	font-family: var(--f1);
}

.blog-meta .meta-dot {
	color: #22c8ff;
}

.blog-content h2 {
	margin: 0 0 13px;
	font-size: 21px;
	line-height: 1.35;
	font-weight: 700;
}

.blog-content h2 a {
	color: #fff;
	text-decoration: none;
	transition: color 0.3s ease;
}

.blog-content h2 a:hover {
	color: #22c8ff;
}

.blog-content p {
	color: #91a5b0;
	font-size: 14px;
	line-height: 1.7;
	margin-bottom: 22px;
}


/* =========================================
READ MORE
========================================= */

.blog-read-more {
	gap: 10px;
	color: #22c8ff;
	font-family: var(--f1);
	display: flex !important;
	align-items: center;
}

.blog-read-more span {
	transition: transform 0.3s ease;
	font-size: 14px;
}

.blog-read-more:hover {
	color: #fff;
}

.blog-read-more:hover span {
	transform: translateX(5px);
}


/* =========================================
NO BLOGS
========================================= */

.no-blogs {
	padding: 80px 20px;
	text-align: center;
	border: 1px solid rgba(34, 200, 255, 0.2);
}

.no-blogs h3 {
	color: #fff;
}

.no-blogs p {
	color: #8297a3;
}
/* BLOG PAGE CSS END */
/* SHOP PAGE CSS START */
.shop-page-sec-main {
	margin-left: 30px;
}
..woocommerce-checkout section:last-of-type,
.woocommerce-cart section:last-of-type {
	position: relative;
}

.woocommerce-cart section:last-of-type, .woocommerce-checkout section:last-of-type, .shop-page, .single-product,.woocommerce-account section:last-of-type {
	background: var(--c5);
	position: relative;
}
.shop-page-sec-main ul.products li.product{
	width: 31.4%;
	margin: 0;
}
.best-sller-slider .woocommerce ul.products {
	margin-bottom: 0 !important;
}
.woocommerce ul.products {
	display: flex;
	flex-wrap: wrap;
	gap: 26px;
	margin-bottom: 30px !important;
}

.woocommerce-ordering select {
	padding: 10px 15px;
	background: transparent;
	border-color: var(--c4);
	color: var(--c2);
	position: relative;
	-webkit-appearance: none;
}

.woocommerce-ordering {
	position: relative;
}

.woocommerce-ordering::after {
	content: "\f078";
	position: absolute;
	right: 10%;
	top: 50%;
	transform: translateY(-50%);
	color: var(--c2);
	pointer-events: none;
	font-family: "Font Awesome 5 Pro";
	font-size: 12px;
}
.woocommerce-cart .wrapper, .woocommerce-checkout .wrapper, .woocommerce-shop .wrapper ,.single-blogs .wrapper{
	overflow: clip;
}
.wc-block-cart .wc-block-components-sidebar,.shop-page-sidebar,.wc-block-components-sidebar,.wc-block-checkout__sidebar{
	position: sticky;
	top: 30px;
}

/* SHOP PAGE SIDEBAR CSS START*/
.shop-page-sec-main {
	margin-left: 30px;
}
.woocommerce-products-header,
.woocommerce-breadcrumb {
	display: none;
}
.shop-page-sec-main {}

.woocommerce-products-header h1 {
	font-size: 42px;
	color: var(--c2);
	font-family: var(--f1);
}

.woocommerce-result-count {color: var(--c2);}
.shop-page-sidebar {
	padding: 30px 24px;
	border: 1px solid var(--c4);
	border-radius: 10px;
	box-shadow: 3px 3px 0 var(--c4);
}
.shop-page-sidebar .price_slider_wrapper .price_slider_amount button.button:hover{
	background: transparent;
	border-color: var(--c4);
}
.shop-page-sidebar .price_label{
	color: var(--c2);
	font-family: var(--f1);
}
.shop-page-sidebar .product-categories li{
	margin: 10px 0;
}
.shop-page-sidebar .product-categories a{
	transition: all 0.5s;
	color: var(--c2);
}
.shop-page-sidebar .product-categories a:hover{
	color: var(--c4);
}
.shop-page-sidebar .price_slider {
	background-color: #cc55008c !important;
}

.shop-page-sidebar .price_slider .ui-slider-range {
	background-color: var(--c4) !important;
}

.shop-page-sidebar .price_slider span.ui-slider-handle {
	background-color: var(--c6) !important;
}

.shop-page-sidebar .price_slider_wrapper .price_slider_amount button.button {
	background-color: var(--c4);
	color: var(--c2);
	font-weight: 400;
	text-transform: capitalize;
	transition: all 0.5s;
	letter-spacing: 0px;
	border: 1px solid var(--c3);
	padding: 10px 22px;
	border-radius: 6px;
}

.shop-page-sidebar .price_slider_wrapper {
	margin-bottom: 25px;
}

.shop-page-sidebar span.custom-widget-title {
	font-weight: 500;
	display: inline-block;
	margin-bottom: 4px;
	color: var(--c2);
	font-size: 24px;
	font-family: var(--f2);
}
/* Price Slider */
.shop-page-sidebar .price_slider {
	position: relative;
	height: 6px !important;
	margin: 20px 10px 30px;
	background: #ddd !important;
	border-radius: 30px;
}
.shop-page-sidebar .price_slider .ui-slider-range {
	position: absolute;
	height: 100%;
	background: #cc5500;
	border-radius: 30px;
}

.shop-page-sidebar .price_slider .ui-slider-handle {
	position: absolute;
	top: 50%;
	transition: all 0.5s;
	width: 18px;
	height: 18px;
	background: #cc5500;
	border: 3px solid #fff;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(0,0,0,.2);
}
.shop-page-sidebar .price_slider .ui-slider-handle:focus{
	outline: none;
}
.shop-page-sidebar .price_slider_amount {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	column-gap: 30px;
	flex-wrap: wrap;
}
.shop-page-sidebar .price_slider .ui-slider-handle:hover{
	border: 3px solid var(--c4);
}
.onsale {
	display: none !important;
}
/* SHOP PAGE SIDEBAR CSS END*/
/* SHOP PAGE CSS END */
/* CART PAGE CSS START */
.woocommerce-shop .star-rating {
	display: none !important;
}
.woocommerce-cart .main {
	padding: 100px 0;
}

.woocommerce-cart
.wc-block-components-sidebar-layout
.wc-block-components-main {
	border: solid 1px var(--c4);
	margin-right: 40px;
	padding-right: 0;
}

.wc-block-cart__main .wc-block-cart-items th:last-child {
	padding-right: 20px;
}

.wc-block-cart__main .wc-block-cart-items th {
	padding: 12px 16px 12px 20px;
}
.wc-block-cart__main .wc-block-cart-items {
	border-bottom: 0 !important;
}
.editor-styles-wrapper
table.wc-block-cart-items
.wc-block-cart-items__row
.wc-block-cart-item__wrap,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap {
	gap: 6px;
}
.woocommerce-cart .main .wc-block-cart-items__header-total span,
.woocommerce-cart .main .wc-block-cart-items__header-image span {
	font-size: 14px;
	color: var(--c2);
}
.wc-block-components-product-details__colors {
	color: var(--c4);
	font-size: 16px;
	font-family: var(--f5);
}
.woocommerce-cart .main .wc-block-cart__main .wc-block-cart-items td {
	padding: 0;
	border-top: 0;
}

.woocommerce-cart .main .wc-block-cart-item__image a img {
	height: auto;
	max-width: 100px;
	width: 100px;
	margin-right: 20px;
}

.woocommerce-cart
.main
.wc-block-cart__main
.wc-block-cart-items
td:first-child {
	padding-left: 20px;
}

.woocommerce-cart
.main
.wc-block-cart__main
.wc-block-cart-items
td:last-child {
	padding-right: 20px;
}

.woocommerce-cart .wc-block-cart-items > tbody > tr {
	border-top: solid 1px var(--c4);
}

.wc-block-cart-items__row td {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.wc-block-components-product-name {
	font-size: 22px !important;
	color: var(--c2);
	line-height: 1 !important;
	font-family: var(--f2);
	transition: all 0.5s;
}
.wc-block-components-product-name:hover {
	color: var(--c4);
}
.wc-block-components-product-price span,
.wc-block-cart-item__prices span ins {
	color: var(--c2);
	font-size: 18px;
	font-weight: 500;
	font-family: var(--f2);
}

.woocommerce-cart .wc-block-components-product-metadata__description p {
	font-size: 15px;
	color: var(--c2);
}
.wc-block-cart-item__remove-link{
	color: var(--c2) !important;
}
.wc-block-components-quantity-selector {
	border: 1px solid var(--c4);
	border-radius: 4px;
	width: 107px;
	padding: 3px 0px;
	margin-top: 8px;
	color: var(--c4);
}
.wc-block-components-sidebar {
	margin-top: 0;
	border: solid 1px var(--c4);
}

.wc-block-components-sidebar {
	box-sizing: border-box;
	padding: 14px 0 0 0;
	width: 30%;
	height: 100%;
}

.wc-block-components-totals-wrapper {
	border-top: 1px solid var(--c4) !important;
	padding: 13px;
	color: var(--c2);
	font-size: 14px;
	font-weight: 500;
	text-transform: capitalize;
}
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__label {
	font-weight: 400;
}
.wc-block-components-totals-shipping .wc-block-components-totals-item strong {
	font-weight: 500;
}
.wc-block-cart__submit-container a {
	border-radius: 0 !important;
}
.wp-block-woocommerce-cart-order-summary-totals-block
.wc-block-components-totals-wrapper {
	border-top: 0 !important;
}
.wc-block-cart .wp-block-woocommerce-cart-order-summary-block {
	border-bottom: 0;
	margin-bottom: 0;
}

.wc-block-cart .wc-block-cart__totals-title {
	padding: 4px 0 14px 16px;
	color: var(--c2);
	font-size: 15px;
	font-family: var(--f3);
}

.wp-block-woocommerce-cart-order-summary-totals-block {
	border-top: 1px solid var(--c4);
	padding-bottom: 10px;
}

.wc-block-components-text-input input {
	outline: none;
}

.wc-block-components-button:not(.is-link) {
	background-color: var(--c4);
	color: var(--c2);
	border-top: solid 1px var(--c4);
	transition: all 0.5s;
}
.wc-block-components-button:not(.is-link):hover {
	background-color: var(--c2);
	color: var(--c1);
}
.wc-block-components-button__text {
	opacity: 1 !important;
}

.wc-block-cart__submit {
	margin: 0;
}
.wc-block-components-totals-wrapper:empty {
	border: 0 !important;
}
.wc-block-components-radio-control-accordion-content {
	color: var(--c2);
}
/* CART PAGE CSS END */

/* CHECK OUT PAGE CSS START */
.wp-block-woocommerce-checkout-order-summary-block {
	border: 0;
}
.woocommerce
.woocommerce-customer-details
.woocommerce-customer-details--email:last-child,
.woocommerce
.woocommerce-customer-details
.woocommerce-customer-details--phone:last-child {
	text-transform: none;
	font-size: 15px;
}
.woocommerce
.woocommerce-customer-details
.woocommerce-customer-details--phone {
	font-size: 14px;
}
.wc-block-components-order-summary
.wc-block-components-order-summary-item__description
p {
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.4;
	font-size: 13px;
	color: var(--c2);
}
.woocommerce-checkout
.wc-block-components-order-summary
.wc-block-components-order-summary-item__description {
	gap: 4px;
}

.woocommerce-checkout .wc-block-components-product-price span,
.woocommerce-checkout .wc-block-cart-item__prices span ins {
	font-size: 14px;
}

.woocommerce-checkout .wc-block-components-product-name {
	font-size: 15px !important;
	line-height: 1.2 !important;
	font-family: var(--f1);
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow:hidden;
}

.wp-block-woocommerce-checkout-order-summary-totals-block {
	padding-bottom: 8px;
}
.wc-block-components-checkout-step__heading-container {
	margin-bottom: 4px;
}
.woocommerce-checkout .wc-block-components-title.wc-block-components-title {
	color: var(--c2);
	font-family: var(--f2);
	font-size: 24px;
}

.wc-block-components-form .wc-block-components-text-input.is-active input {
	padding: 22px 10px 10px;
}

.wc-block-components-form .wc-block-components-text-input label {
	color: var(--c1);
}

.wc-blocks-components-select .wc-blocks-components-select__label {
	color: var(--c1);
	font-size: 11px;
}
.wc-block-components-text-input input[type=email]{
	color: var(--c1) !important;
}
.wc-blocks-components-select .wc-blocks-components-select__select {
	border: 1px solid;
	color: var(--c1);
}
wc-block-components-totals-coupon__input-coupon {
	color: var(--c1) !important;
}

.wc-block-components-text-input.wc-block-components-totals-coupon__input {
	color: var(--c1);
}

.wc-block-components-text-input input[type=text] {
	color: var(--c1) !important;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
	background: var(--c4) !important;
}
.wc-blocks-components-select__container {
	margin-top: 14px;
}

.wc-block-components-address-form__address_2-toggle {
	font-size: 14px;
	color: var(--c2);
	line-height: 2;
}

.wc-block-components-radio-control__label {
	font-size: 15px;
	line-height: 1;
	color: var(--c4);
}

.wc-block-components-checkbox label,
.wc-block-checkout__shipping-option--free {
	color: var(--c4);
}

.wc-block-components-radio-control--highlight-checked
.wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked
label.wc-block-components-radio-control__option--checked-option-highlighted {
	border: solid 1px var(--c4);
	box-shadow: unset;
}

.wc-block-components-textarea {
	background-color: transparent;
	border: solid 1px var(--c4);
	color: var(--c4);
	font-size: 15px;
}

.wc-block-checkout__terms.wc-block-checkout__terms--with-separator {
	border-top: solid 1px var(--c4);
	padding-top: 20px;
}

.wc-block-checkout__terms {
	font-size: 14px;
	line-height: 1;
	color: var(--c4);
}

:root :where(.wp-element-button, .wp-block-button__link) {
	background-color: transparent;
	font-size: 15px;
	padding: 14px 0px;
}

.woocommerce-checkout .main {
	padding: 80px 0;
}

.wc-block-components-address-card__edit,
.wc-block-components-address-card address,
.wc-block-components-text-input input {
	color: var(--c2) !important;
	font-size: 13px !important;
}

.wc-block-components-address-card {
	border: solid 1px var(--c4);
}
.wc-block-components-sidebar.wc-block-checkout__sidebar {
	padding: 0 !important;
}
.wc-block-components-checkout-order-summary__title-text {
	color: var(--c2);
}
.wc-block-components-sidebar-layout .wc-block-components-main {
	width: 66%;
}
.wc-block-components-checkbox__label,
.wp-block-woocommerce-checkout .wc-block-checkout__guest-checkout-notice {
	font-size: 15px;
	margin: 14px 0 0;
	color: var(--c2);
	line-height: 1.6;
}
.wc-block-components-checkbox label {
	align-items: flex-end !Important;
}
.woocommerce-checkout .price {
	font-size: 16px;
}
/* CHECK OUT PAGE CSS END */



.woocommerce ul.products li.product .add_to_cart_button.added {
	display: none !important;
}

/* View cart usi jagah aaye jahan Add to cart tha */
.woocommerce ul.products li.product .added_to_cart {
	position: absolute;
	left: 26px;
	bottom: 12px;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	font-family: var(--f2);
	font-size: 22px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.5px;
	text-decoration: none;
	color: var(--c4) !important;
	transition: color 0.3s ease;
}

.woocommerce ul.products li.product .added_to_cart:hover {
	color: var(--c2) !important;
	background: transparent !important;
}

/* Optional: click ke baad jab tak add ho raha ho, button halka dim */
.woocommerce ul.products li.product .add_to_cart_button.loading {
	opacity: 0.6;
	pointer-events: none;
}
.woocommerce ul.products li.product .add_to_cart_button.loading::after {
	position: static !important;
	display: inline-block;
	top: auto !important;
	right: auto !important;
	margin-left: 10px;
	font-size: 18px;
	line-height: 1;
	vertical-align: middle;
	color: var(--c4);
}








.discount-section {
	background: var(--c6);
}
.discount-row {
	margin-top: 50px;
}

/* ---------- Card ---------- */
.discount-card {
	position: relative;
	overflow: hidden;
	height: 100%;
	padding: 44px 34px 40px;
	text-align: center;
	background: var(--c5);
	border: 1px solid rgba(10, 155, 240, 0.35);
	border-radius: 18px;
	box-shadow: 0 0 30px rgba(10, 155, 240, 0.18);
	transition: 0.4s;
}
.discount-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: var(--c4);
	box-shadow: 0 0 18px var(--c4);
}
.discount-card:hover {
	transform: translateY(-8px);
	border-color: var(--c4);
	box-shadow: 0 0 35px rgba(10, 155, 240, 0.5);
}
a.discount.link {
	color: var(--c4);
	transition:all 0.5s;
}
.discount-card-title {
	margin-bottom: 26px;
	font-family: var(--f2);
	font-size: 32px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--c2);
}

/* ---------- Coupon ---------- */
.discount-code {
	display: inline-block;
	margin-bottom: 22px;
	padding: 12px 40px;
	font-family: var(--f2);
	font-size: 48px;
	font-weight: 600;
	letter-spacing: 4px;
	color: var(--c4);
	background: var(--c6);
	border: 2px dashed var(--c4);
	border-radius: 8px;
	text-shadow: 0 0 18px rgba(10, 155, 240, 0.6);
}
.discount-end {
	margin: 0;
	font-family: var(--f2);
	font-size: 34px;
	font-weight: 600;
	color: var(--c4);
	text-shadow: 0 0 14px rgba(10, 155, 240, 0.5);
}

/* ---------- Text / links ---------- */
.discount-text {
	margin: 0 0 18px;
	font-family: var(--f1);
	font-size: 17px;
	line-height: 1.7;
	color: #b7c6dc;
}
.discount-text strong {
	color: var(--c2);
}
.discount-link {
	display: inline-block;
	margin-bottom: 22px;
	font-family: var(--f2);
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0.5px;
	word-break: break-all;
	color: var(--c4);
	border-bottom: 1px solid var(--c4);
	transition: 0.4s;
}
.discount-link:hover {
	color: var(--c2);
	border-color: var(--c2);
}

.discount-mail {
	color: var(--c4);
	border-bottom: 1px solid var(--c4);
	transition: 0.4s;
}
a.discount.link:hover,
.discount-mail:hover {
	color: var(--c2);
	border-color: var(--c2);
}


.affiliate-cta {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 650px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
/* dark overlay so the text stays readable */
.affiliate-cta::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(2, 12, 27, 0.7);
}
.affiliate-cta-content h2{
	font-size:90px;
}
.affiliate-cta .container {
	position: relative;
	width: 100%;
}

.affiliate-cta-content p {
	margin-bottom: 16px;
	letter-spacing: 1.5px;
}
.affiliate-cta-content strong {
	color: var(--c2);
}
.affiliate-cta-btn {
	margin: 28px 0 24px;
}
.affiliate-cta-login-text {
	margin-bottom: 8px !important;
}
.affiliate-cta-login {
	font-family: var(--f2);
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0.5px;
	color: var(--c4);
	border-bottom: 1px solid var(--c4);
	transition: 0.4s;
}
.affiliate-cta-login:hover {
	color: var(--c2);
	border-color: var(--c2);
}















.affiliate-why {
	background: var(--c6);
}
.affiliate-why-box {
	position: relative;
	overflow: hidden;
	padding: 110px 40px;
	border-radius: 24px;
	border: 1px solid rgba(10, 155, 240, 0.35);
	box-shadow: 0 0 30px rgba(10, 155, 240, 0.2);
}

/* ---------- Image + dark overlay ---------- */
.affiliate-why-img {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.affiliate-why-img img {
	height: 100%;
	cursor: pointer;
	object-fit: cover;
	transition: 0.8s;
}
.affiliate-why-img img:hover {
	transform: scale(1.2);
}
.affiliate-why-img::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #020c1b94;
	pointer-events: none;
}

/* ---------- Content ---------- */
.affiliate-why-row {
	position: relative;
	pointer-events: none;
}
.affiliate-why-content {
	pointer-events: auto;
}
.affiliate-why-content h2{
	font-size: 60px;
}
.affiliate-why-sub-title {
	margin-bottom: 24px;
	font-family: var(--f2);
	font-size: 34px;
	font-weight: 500;
	line-height: 1.2;
	color: var(--c2);
}
.affiliate-why-content p {
	margin-bottom: 16px;
	font-family: var(--f1);
	font-size: 16px;
	line-height: 1.8;
	color: #d5e0ee;
}
.affiliate-why-content p:last-child {
	margin-bottom: 0;
}
.affiliate-faq .faq-title h2 {
	font-size: 50px;
}




.how-works {
	background: var(--c1);
}
.how-works .web-title h2 {
	font-size: 80px;
}
.how-works-row {
	margin-top: 50px;
}

/* two columns : spacing between them */
.how-works-accordion > .row {
	column-gap: 0;
}





.tactical-affiliate-section {
	background: #040a14;
	position:relative;
}
.tactical-affiliate-section::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #020c1b94;
	z-index: 1;
}
.tactical-affiliate-section .row{
	position:relative;
	z-index:3;
}
.tactical-affiliate-section h2 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 90px;
}

.tactical-affiliate-section p {
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 12px;
}

.tactical-affiliate-section a {
	color: #000000;
	font-weight: 600;
	text-decoration: underline;
}

.tactical-affiliate-section a:hover {
	color: #f06807;
}





.page-numbers li {
	color: white !important;
	background: var(--c1) !important;
	width: 35px;
	height: 35px;
	text-align: center;
	border-color: var(--c4);
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
	height: 100%;
	background: var(--c4);
	color: white !important;
	width: 100%;
	transition: all 0.5s;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
	background: var(--c4);
	color: var(--c2) !important;
}
.woocommerce-pagination {
	text-align: center;
	display: flex;
	justify-content: end;
}
/* RESPONSIVE MENU CSS */

.responsive-menu {
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 70%);
	z-index: 99999;
	transition: all .5s;
}

.responsive-menu-inner {
	height: 100%;
	padding: 40px 40px 0;
	position: relative;
	width: 90%;
	background-color: var(--c5);
	left: -100%;
}

.responsive-logo-main {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.respon-cross a,
.respon-cross a i {
	display: block;
}

.respon-cross a {
	width: 40px;
	height: 40px;
	border: 1px solid var(--c2);
	border-radius: 50%;
	display: flex !important;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: var(--c2);
	transition: all .5s;
}

.respon-cross a:hover {
	color: var(--c2);
	border-color: var(--c4);
}


.respon-logo {
	width: 110px;
}

.responsive-links ul li a {
	color: var(--c2);
	transition: all .5s;
	font-size: 18px;
	font-weight: 600;
	display: block !important;
	border-bottom: 1px solid var(--c2);
	padding: 14px 0px;
}

.responsive-links {
	margin-top: 30px;
	overflow-y: auto;
	height: calc(100vh - 232px);
}

.responsive-links ul li ul {
	display: none;
}

.responsive-links ul li a:hover {
	color: var(--c1);
}

.responsive-links ul li ul li a {
	padding-left: 40px;
	font-size: 22px;
}

.responsive-links ul li:has(ul)::before {
	position: absolute;
	content: "\f067";
	top: 16px;
	right: 0;
	font-family: "Font Awesome 5 Pro";
	font-size: 22px;
	color: var(--c2);
}

.responsive-links ul li {
	position: relative;
}

.responsive-links ul li.active::before {
	content: "\f068";
	color: var(--c1);
}
.responsive-menu.active {
	left: 0;
}

.responsive-menu.active .responsive-menu-inner {
	left: 0;
	transition-delay: .3s !important;
	transition: all .7s;
}

body.stop-scroll {
	overflow-y: hidden;
}
.baar-menu{
	text-align:end;
}
.baar-menu a i {
	font-size: 26px;
	color: var(--c2);
}
/* RESPONSIVE MENU CSS END */
/* SINLGE PAGE CSS START */
/* SINGLE PAGE IMAGE CSS START */
button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
	width: 540px;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
	transform: scale(0.9);
	border: 2px solid #5b5b5b;
	padding: 8px;
}
.product div.images img {
	height: 430px !important;
	object-fit: cover;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
	height: auto !important;
	transition: all 0.5s;
}
.woocommerce div.product div.summary {
	width: 49%;
}
/* SINGLE PAGE IMAGE CSS END */
/* SINGLE PAGE CONTACT CSS START */
select.orderby > option {
	color: var(--c1);
}
.woocommerce-product-details__short-description p {
	color: var(--c2);
	font-size: 16px;
	font-family: var(--f1);
}
.summary h1 {
	color: var(--c2);
	font-size: 40px;
	font-family: var(--f2);
}
.woocommerce-review-link {
	color: var(--c2);
	font-size: 16px;
	font-family: var(--f1);
	transition:0.5s;
}
.woocommerce-review-link:hover {
	color: var(--c4);
}
.woocommerce div.product div.images .woocommerce-product-gallery__image a {
	display: block !important;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title{
	color: var(--c2);
	font-size: 26px;
	font-family: var(--f2);
	font-weight: 300;
	padding: 6px 0 0 0;
	margin: 0;
}
.woocommerce div.product form.cart, .woocommerce-variation-add-to-cart-enabled, .woocommerce-variation-add-to-cart-disabled {
	display: flex;
	margin-top: 20px;
}
.woocommerce .quantity .qty {
	padding: 9px;
	border: solid 1px var(--c2) !important;
}
.woocommerce div.product form.cart div.quantity {
	display: contents;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce div.product form.cart .button {
	padding: 14px 30px;
	background: var(--c4);
	font-family: var(--f2);
	font-weight: 600;
	margin-left: 8px;
	transition: all 0.5s;
	text-transform: unset;
	opacity: 1 !important;
	width: 100%;
	border: solid 1px var(--c4);
	color: var(--c2);
	border-radius: 0;
	font-size: 20px;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce div.product form.cart .button:hover {
	background-color: transparent;
	border: solid 1px var(--c2);
	color: var(--c2);
}

.product_meta {
	display:none !important;
	font-family: var(--f1);
	font-weight: 600;
	display: flex;
	gap: 10px;
}
.sku_wrapper {
	display: flex;
	align-items: center;
	gap: 5px;
	color: var(--c2);
}
.posted_in {
	color: var(--c2);
}
.product_meta a, .sku_wrapper span {
	margin-left: 5px;
	font-weight: 500;
	color: var(--c2);
}
.variations_form.cart {
	flex-direction: column-reverse;
}
.variations select > option {
	color: var(--c1);
	font-family: var(--f1);
	font-size: 14px;
}
table.variations {
	margin-top: 30px;
}
.woocommerce div.product form.cart .variations label {
	font-weight: 600;
	color: var(--c2);
	font-family: var(--f1);
}
.variations select {
	border-color: var(--c2);
	color: var(--c2);
	-webkit-appearance: none;
}
.variations td.value {
	position: relative;
	display: inline-block;
}

.variations select {
	padding: 5px 0 5px 15px;
	background: transparent !important;
	border: 1px solid var(--c2);
	color: var(--c2);
	cursor: pointer;
}

.variations td.value::after {
	content: "\f078";
	position: absolute;
	right: 60px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--c2);
	pointer-events: none;
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	font-size: 12px;
}
.variations .select-wrapper select {
	padding: 10px 35px 10px 15px;
	-webkit-appearance: none;
	appearance: none;
}
.woocommerce div.product form.cart .reset_variations{
	color:var(--c2)
}
p.stock {
	font-size: 16px;
	color: var(--c2) !important;
	font-family: var(--f1);
}
/* SINGLE PAGE CONTACT CSS END */
/* DESCRIPTION AND REVIEW CSS START */
.woocommerce-tabs ul.tabs {
	gap: 30px;
	display: flex;
	padding-left: 15px !important;
	margin-bottom: 0 !important;
	font-family: var(--f1);
}
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li {
	border-radius:0;
	padding: 0px 16px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	display: inline-block;
	padding: .5em 0;
	font-weight: 700;
	color: var(--c2);
	text-decoration: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li {
	border: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--c4);
}
.tabs.wc-tabs li {
	padding: 0 !important;
	background: transparent !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	position: unset;
}
.woocommerce-Tabs-panel.woocommerce-Tabs-panel--reviews.panel.entry-content.wc-tab, .woocommerce-Tabs-panel--additional_information, .woocommerce-Tabs-panel--description {
	border: 1px solid var(--c2);
	padding: 30px !important;
}
.woocommerce-Tabs-panel h2 {
	color: var(--c2);
	font-weight: 500;
	margin-bottom: 10px;
	font-family: var(--f2);
}
#tab-description ul li,
.woocommerce-Tabs-panel--description p {
	font-family: var(--f1);
	text-transform: unset;
	font-size: 17px;
	margin-bottom: 16px;
	color: var(--c2);
}
.woocommerce-Reviews {
	display: flex !important;
	gap: 40px;
	justify-content: space-around;
}
p.meta {
	color: var(--c2) !important;
}
.comment-form-comment > label {
	color: var(--c2);
	margin-bottom: 10px;
}	
.comment-text {
	border-color: var(--c2) !important;
	padding: 20px !important;
}
.comment-text .description {
	color: var(--c2);
}
.woocommerce .star-rating span {
	color: var(--c2);
}
span#reply-title {
	color: var(--c2);
	font-size: 17px;
	text-transform: capitalize;
}

a#cancel-comment-reply-link {
	color: var(--c4);
	transition: all 0.5s;
}

a#cancel-comment-reply-link:hover {
	color: var(--c2);
}

label#comment-form-rating-label {
	color: var(--c2);
	margin-top: 10px;
}

.stars span a {
	color: var(--c2) !important;
	margin-top: 10px;
}

.form-submit > input {
	margin: 0 !important;
}
.woocommerce table.shop_attributes {
	border-top: 1px dotted var(--c2);
}
.woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td {
	border-bottom: 1px dotted var(--c2);
	color: var(--c2);
}
.woocommerce table.shop_attributes td p {
	font-family: var(--f5);
}
.woocommerce-noreviews {
	color: var(--c2);
	font-family: var(--f1);
}
/* DESCRIPTION AND REVIEW CSS END */
.related.products h2 {
	color: var(--c2);
	font-family: var(--f2);
	margin-bottom: 10px;
}
.related ul.products li.product {
	margin: 0 !important;
}
.single-product #sidebar{
	display:none;
}
/* SINGLE PAGE CSS END */





/* Single Page */


.post-img {
	overflow: hidden;
	border-radius: 30px;
}
.post-img img {
	transition: all 0.8s;
	height: 470px;
	object-fit: cover;
}
.post-img img:hover{
	transform: scale(1.2);
}
.post-list {
	background-color: var(--c2);
	padding: 32px;
	position: sticky;
	top: 20px;
	border-radius: 30px;
}

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

.post-list ul li {
	margin-bottom: 16px;
}

.post-list ul li a {
	display: block;
	color: var(--c3);
	position: relative;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
	padding-right: 18px;
	transition: all 0.5s;
}

.post-list ul li a::before {
	content: "";
	position: absolute;
	right: 0;
	top: 9px;
	width: 7px;
	height: 7px;
	background: var(--c3);
	border-radius: 50%;
	transition: all 0.5s;
}
.post-list ul li a:hover::before{
	background: var(--c4);
}
.post-list ul li {
	margin-top: 10px;
}

.post-list ul li:first-child {margin-top: 0;}

.post-list h3 {
	font-size: 29px;
	font-weight: 700;
	color: var(--c3);
	margin-bottom: 17px;
}
.blog-single .post-list li {
	margin-top: 12px;
}

.service-single {
	background-color: var(--c5);
	position: relative;
	z-index: 2;
}
.service-single:before {
	z-index: -1;
}
.service-detail.blog-detail h2,
.service-detail.blog-detail h1,
.service-detail.blog-detail h3 {
	color: var(--c2);
	margin: 20px 0 !important;
}
.service-detail.blog-detail h3 {
	font-size: 32px;
	color: var(--c4);
}
.service-detail.blog-detail p {
	color: var(--c2);
}
.service-detail.blog-detail p a:hover{
	color:var(--c2);
}
.service-detail.blog-detail p a {
	color: var(--c4);
	transition: all 0.5s;
}
/* MY ACCOUNT */
.woocommerce-account .main {
	padding: 100px 0;
}
nav.woocommerce-MyAccount-navigation li a {
	font-size: 18px;
	color: var(--c2);
}
.woocommerce-account section:last-of-type::before{
	z-index:-1;
}
.woocommerce-MyAccount-content p {
	color: var(--c2);
	font-size: 16px;
}
.woocommerce-MyAccount-content p a{
	color: var(--c4);
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
	background-color: transparent;
	border-top: 0;
	border: solid 1px var(--c2) !important;
	color: var(--c2);
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 4px;
}
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button {
	background-color: var(--c2);
	color: var(--c3);
	font-size: 16px;
	font-family: var(--f2);
	font-weight: 500;
	padding: 14px 16px;
	text-transform: uppercase;
	border: 1px solid var(--c2);
	transition: all 0.5s;
}

.woocommerce .woocommerce-error .button:hover,
.woocommerce .woocommerce-info .button:hover,
.woocommerce .woocommerce-message .button:hover,
.woocommerce-page .woocommerce-error .button:hover,
.woocommerce-page .woocommerce-info .button:hover,
.woocommerce-page .woocommerce-message .button:hover {
	color: var(--c2);
	border: solid 1px var(--c2);
	background-color: var(--c4);
}
.woocommerce-Button.wc-forward, .button.wc-forward, .edit, .woocommerce-Button.button, .woocommerce-MyAccount-content .button, .empty-shop-button, .woocommerce-form-login__submit {
	background-color: var(--c2);
	color: var(--c3);
	font-size: 16px;
	font-family: var(--f2);
	font-weight: 500;
	padding: 12px 16px;
	text-transform: uppercase;
	border: 1px solid var(--c2);
	transition: all 0.5s;
}
.woocommerce-Address-title.title h2 {
	color: var(--c2);
}
.woocommerce-Button.wc-forward:hover, .button.wc-forward:hover, .edit:hover, .woocommerce-Button.button:hover, .woocommerce-MyAccount-content .button:hover, .empty-shop-button:hover, .woocommerce-form-login__submit:hover {
	background: transparent !important;
	background: var(--c4) !important;
	color: var(--c2) !important;
}
/* MY ACCOUNT */
.woocommerce form.login,
.woocommerce form.register {
	margin-top: 20px;
}
.woocommerce-MyAccount-content form label,
.woocommerce-form-login label,
.woocommerce-form-register label {
	display: flex !important;
	margin: 17px 0;
	line-height: 1 !important;
}
.woocommerce-MyAccount-content form input,
.woocommerce-MyAccount-content form textarea,
.woocommerce-form-login input,
.woocommerce-form-register input {
	outline: 0 !important;
	border-color: var(--c2) !important;
	padding: 14px !important;
}
.woocommerce-form__label span {
	margin-left: 10px;
}
button.show-password-input {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 56px;
	background: var(--c2) !important;
	height: 56px;
	border-top-right-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
}
.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
	right: 0;
}
.show-password-input::before {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z' fill='%23ffffff'/%3E%3C/svg%3E") !important;
}
button.show-password-input {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 56px;
	background: var(--c1) !important;
	height: 56px;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}
.woocommerce-Button.wc-forward,
.button.wc-forward,
.edit,
.woocommerce-Button.button,
.woocommerce-MyAccount-content .button,
.empty-shop-button,
.woocommerce-form-login__submit {
	color: var(--c3) !important;
	margin-left: 10px !important;
	padding: 15px 30px !important;
	background: var(--c2) !important;
	font-family: var(--f5);
	border: 1px solid var(--c2) !important;
	transition: all 0.5s ease !important;
	font-weight: 400 !important;
}
.woocommerce-form-register p,
.woocommerce-LostPassword a {
	font-family: var(--f3);
	font-weight: 400;
	color: var(--c2);
	margin-top: 10px;
}
.woocommerce-Button.wc-forward:hover,
.button.wc-forward:hover,
.edit:hover,
.woocommerce-Button.button:hover,
.woocommerce-MyAccount-content .button:hover,
.empty-shop-button:hover,
.woocommerce-form-login__submit:hover {
	background: transparent !important;
	color: var(--c2) !important;
}
.woocommerce-form-register__submit {
	margin-top: 24px !important;
}
nav.woocommerce-MyAccount-navigation li a {
	font-size: 18px;
	color: var(--c2);
}
.woocommerce-account .woocommerce h2 {
	color: var(--c2);
	font-family: var(--f2);
	font-size: 40px;
}
form.woocommerce-form.woocommerce-form-login.login {
	color: var(--c2);
}
.affiliate-sub-title {
	font-family: var(--f2);
}
.wc-block-components-formatted-money-amount{
	color: var(--c2);
}

.header-bottom li{
	position: relative;
}
.sub-menu li {
	line-height: 28px;
}
.header-bottom li:hover .sub-menu {
	opacity: 1;
	visibility: visible;
}
.sub-menu {
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
	display: unset !important;
	position: absolute;
	top: 100%;
	color: var(--c2);
	padding: 20px 20px;
	background: var(--c5);
	left: 0;
	min-width: 240px;
}
.sub-menu li a {
	display: block;
	width: 100%;
	color: var(--c2);
	line-height:20px;
}
.header-bottom a i {
	font-size: 11px;
}
.sub-menu li a:hover{
	color: var(--c4);
}


.responsive-links ul li:has(ul)::before {
    position: absolute;
    content: "\f067";
    top: 12px;
    right: 15px;
    font-family: "Font Awesome 5 Pro";
    font-size: 22px;
    color: var(--c2);
    pointer-events: none;
}