/*
Theme Name: Zex
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Description: Zex is your gateway to a world where AI meets creativity. Our theme is thoughtfully designed to showcase the power and sophistication of AI image generation. Even if you have minimal coding experience, Zex empowers you with an array of pre-defined web elements to effortlessly build your own stunning website.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: zex

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.
*/
h2 {
    font-size:30px;
}

.post-comment-wrap a{
	color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;
}
.post-comment-wrap{
	display: flex;
	margin-bottom: 60px;
}
.post-user-comment{
	margin-right: 20px;
	flex: 0 0 auto;
}
.post-user-comment img{
	border-radius: 100%;
	width: 100px;
}
.post-user-content{
	position: relative;
	width: 100%;
}
.post-comment-wrap h3{
	font-size: 24px;
	margin-bottom: 15px;
	text-transform: capitalize;
	color: var(--color-white);
}
.post-comment-wrap h3 span{
	margin-left: 20px;
	line-height: 1.75;
	font-size: 16px;
}
a.comment-reply-link, a#cancel-comment-reply-link{
	position: absolute;
	top: -5px;
	right: 0;
	padding: 5px 8px;
	border-radius: 5px;
	background-color: var(--primary-color-1);
	color: #111 !important;
	font-weight: 600;
	font-size: 16px;
}
p.logged-in-as, p.logged-in-as a{
	color: var(--color-white);
}
.comment-form input{
	background-color: transparent;
	border: 1px solid rgba(129, 129, 139, 0.3);
	border-radius: 8px;
	min-height: 56px;
	padding: 13px 32px;
	width: 100%;
	margin-bottom: 40px;
	color: var(--color-white);
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
}
.comment-form textarea{
	background-color: transparent;
	border: 1px solid rgba(129, 129, 139, 0.3);
	border-radius: 8px;
	min-height: 150px;
	padding: 13px 32px;
	width: 100%;
	margin-bottom: 40px;
	color: var(--color-white);
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
}
p.comment-form-cookies-consent{
	display: none;
}
.blog__features__title > a{
	color: var(--color-white);
	text-transform: capitalize;
}
.comment-form .bttn--style2{
	width: fit-content;
}
.bttn--primary .bttn__link{
	display: inline-flex;
	align-items: center;
	gap: 25px;
	color: #111;
	background: var(--primary-color-1);
	border: 0;
	padding: 17.5px 32px;
	border-radius: 10px;
	font-weight: 600;
	transition: all 0.4s ease;
}
.bttn--primary .bttn__link:hover{
	background-color: var(--secondary-color-1);
	color: var(--color-white);
}
ul.children{
	padding-left: 75px;
}
div.comment-form{
	position: relative;
}
h3.blog__features__title{
	width: 90%;
}
.blog-details__metas ul li a{
	color: rgba(var(--white-color-hex), 0.8);
	text-transform: capitalize;
}
.blog-details__taglist{
	display: block;
}
.blog-details__taglist > a{
	display: inline-block;
	font-size: 14px;
	font-weight: var(--fw-600);
	color: var(--color-white);
	background-color: var(--color-black-700);
	padding: 6px 16px;
	border-radius: 100px;
	margin-bottom: 12px;
	margin-right: 10px;
}
.blog-block__image--list img.border-radius-default{
	width: 100%;
	height: auto;
	max-height: 400px;
	object-fit: cover;
}
.pt-200{
	padding-top: 200px;
}
.bg-trans{
	background-color: transparent;
}
ul.page-pagination{
	display: block;
	padding: 0;
}
ul.page-pagination > li{
	width: fit-content;
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
}
ul.page-pagination > li > .page-numbers{
	transition: all 0.4s ease-in-out;
	font-size: var(--fs-default);
	font-weight: var(--fw-700);
	font-family: var(--font-heading);
	display: inline-block;
	border-radius: 40px;
	text-transform: capitalize;
	background-color: var(--primary-color-1);
	color: var(--color-black);
	width: 46px;
	height: 46px;
	text-align: center;
	padding: 11px;
}
ul.page-pagination > li > .page-numbers.current{
	color: var(--color-white);
	background-color: var(--secondary-color-1);
}
ul.page-pagination > li > .page-numbers:hover{
	color: var(--color-white);
	background-color: var(--secondary-color-1);
}
ul.page-pagination > li > .page-numbers.dots:hover{
	color: var(--color-black);
	background-color: var(--primary-color-1);
}
.blog--breadcrumb{
	padding-top: 200px;
}
img.border-radius-default{
	max-width: 100%;
}
.map-form__wrapper form input[type="submit"]{
	width: fit-content;
	color: var(--color-black);
}
.wpcf7 form .wpcf7-response-output{
	color: var(--color-white);
	border: 0;
	padding: 0;
	margin: 0;
	margin-top: 20px;
}
.insta-block .insta-block__link i{
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
	top: 50%;
	left: 50%;
	display: inline-block;
	position: absolute;
	z-index: 9;
	transform: translate(-50%, -50%) scale(0) rotate(-180deg);
}
.insta-block:hover .insta-block__link i{
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -50%) scale(1) rotate(180deg);
}
.insta-block .insta-block__link i::before{
	font-size: 40px;
	color: var(--color-white);
}
.portfolio-block__title-link:hover{
	color: var(--color-white);
}
.newsletter__wrapper form .newsletter-form input[type = "submit"]{
	font-size: 30px;
	position: absolute;
	top: 0;
	right: 0;
}
div.newsletter-form+div.wpcf7-response-output{
	color: var(--color-black);
}
.tag__headlines > ul > li > a{
	width: max-content;
}
.portfolio-block__tag-link{
	text-transform: uppercase;
}
.newsletter-form.newsletter-form--h3 input[type="submit"]{
	font-size: 30px;
	position: absolute;
	top: 0;
	right: 0;
	color: var(--color-white);
}
.logged-in header.header{
	top: 32px;
}
.error-page h1{
	font-size: 110px;
}
.error-page a{
	margin-top: 20px;
	border: 1px solid var(--color-white);
}
.error-page a:hover{
	border: 1px solid var(--color-white);
}
.text-cap{
	text-transform: capitalize;
}
body.tag{
	position: unset;
	white-space: unset;
}
.search_custom form{
	position: relative;
}
.search_custom form input{
	border: none;
	font-size: 13px;
	font-weight: 400;
	color: var(--color-black);
	padding: 20px 80px 20px 25px;
	height: 65px;
	background: var(--color-white);
	position: relative;
	width: 100%;
	margin-top: 20px;
}
.search_custom form button{
	border: none;
	position: absolute;
	right: 0;
	top: 20px;
	width: 72px;
	height: 65px;
	background: var(--primary-color-1);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-black);
	line-height: 0;
	font-size: 20px;
}
#user-registration{
	box-shadow: none;
}
.user-registration .ur-frontend-form.login{
	background-color: var(--background-body);
	border: 0;
}
#user-registration p{
	color: var(--color-white);
}
#user-registration .user-registration-MyAccount-content p{
	color: var(--color-black);
}
.user-registration .ur-frontend-form.login label{
	color: var(--color-white);
	font-weight: var(--fw-700);
	font-family: var(--font-heading);
}
.user-registration .ur-frontend-form.login span.input-wrapper input, .ur-frontend-form .ur-form-row .ur-form-grid input[type="text"]{
	min-height: 52px;
	width: 100%;
	background-color: var(--color-white);
	padding: 15px 20px;
	border-radius: 40px;
	resize: none;
	outline: none;
	color: var(--color-black);
	transition: all 0.3s ease-in-out;
}
#user-registration p.lost_password > a{
	color: var(--color-white);
}
.user-registration .ur-frontend-form.login input[type="submit"]{
	border-radius: 40px;
	background-image: linear-gradient(222deg, var(--primary-color-1) 77.22%, var(--secondary-color-1) 93.57%);
	background-size: 200% auto;
	display: inline-block;
	color: var(--color-black);
	padding: 11px 30px;
	font-size: 17px;
	font-weight: var(--fw-700);
	font-family: var(--font-heading);
}
.user-registration .ur-frontend-form.login input[type="submit"]:hover{
	background-position: 200% 200%;
	transition: all 0.4s ease-in-out;
}
.user-registration .ur-frontend-form.login input[type="submit"]:hover:hover{
	transition: all 0.4s ease-in-out;
}
.elementor-editor-active header.header{
	top: 0;
}
.bg-no-repeat{
	background-size:cover;
}
.banner-gallery.swiper{
    z-index: -1;
    padding-bottom: 65px;
    margin: 0 -20px;
}
.banner-gallery--slider.swiper{
	opacity: 1;
}
.loader div ul li img {
  	width: 90px;
  	height: 120px;
  	display: block;
}
.banner-image .banner-image__overlay img{
	max-width: unset;
}
.logged-in .user-registration .ur-frontend-form.login{
	background-color: transparent;
}
.logged-in .user-registration .ur-frontend-form.login label{
    color: var(--color-black);
}
.logged-in .user-registration .ur-frontend-form.login input{
	min-height: 52px;
    width: 100%;
    background-color: var(--color-black);
    padding: 15px 20px;
    border-radius: 40px;
    resize: none;
    outline: none;
    color: var(--color-white);
    transition: all 0.3s ease-in-out;
}
.logged-in .user-registration .ur-frontend-form.login input[type="submit"]{
	color: var(--color-black);
}
.title-none{
	display: none;
}
.blog-block{
	position: relative;
}
li:has(>span.featured-post.sticky){
	position: absolute;
	top: 0;
	right: 0;
}
li > span.featured-post.sticky{
    font-size: 13px;
    font-style: normal;
    background: var(--color-white);
    padding: 10px 15px;
    margin: 0 auto;
    border-radius: 5px;
    color: var(--color-black);
    border: 1px solid var(--color-white);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}
body{
	word-break: break-word;
	color: var(--color-white);
	overflow-x: hidden !important;
}
.blog-block__image--list img.border-radius-default{
	max-height: unset;
	width: fit-content;
	max-width: 100%;
}
.main-menu > nav > ul > li > ul li{
    border-bottom: 1px solid rgba(149, 157, 165, 0.2);
    width: 100%;
    min-width: max-content;
}
.main-menu > nav > ul > li > ul li:last-child{
	border-bottom: 0;
}
.main-menu > nav > ul > li > ul li > a{
    font-size: 14px;
    display: flex;
    padding: 11px 0px;
    color: var(--color-white);
    font-weight: var(--fw-500);
}
.main-menu > nav > ul > li ul.main-menu__sub-menu{
    border: 0.7px solid rgba(149, 157, 165, 0.15);
    position: absolute;
    min-width: 220px;
    box-shadow: rgba(149, 157, 165, 0.1) 0px 7px 20px;
    padding: 5px 20px;
    top: 110%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    z-index: 2;
    background-color: var(--color-black-800);
	border-radius:0 !important;
}
.main-menu > nav > ul li.main-menu__child:hover > ul{
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in-out;
    top: 100%;
}
.main-menu > nav > ul > li ul.main-menu__sub-menu ul.main-menu__sub-menu{
	left: 100%;
	top: 0;
}
ul.main-menu__sub-menu > li:hover > a{
	color: var(--primary-color-1);
}
header.blog-details__header{
	position: relative;
}
.mobile-overlay .main-menu > nav > ul > li ul.main-menu__sub-menu{
    display: none;
    transition: none;
    position: relative;
    box-shadow: none;
    border: 1px solid transparent;
    padding: 0;
    opacity: 1;
    visibility: visible;
    background-color: var(--color-black-1000);
}
.mobile-overlay .main-menu > nav > ul > li ul.main-menu__sub-menu ul.main-menu__sub-menu2{
	top: 100%;
	left: 70px;
    display: none;
    transition: none;
    position: relative;
    box-shadow: none;
    border: 1px solid transparent;
    padding: 0;
    opacity: 1;
    visibility: visible;
    background-color: var(--color-black-1000);
}
.blog-details--comment{
	clear: both;
	padding-top: 50px;
}
figcaption{
	font-weight: 600;
	text-align: center;
}
figure{
	margin-bottom: 20px;
}
a.wp-block-button__link{
	color: var(--color-black);
	background-color: var(--color-white);
	border-radius: 5px;
	box-shadow: none;
	text-decoration: none;
	padding: calc(.667em + 2px) calc(1.333em + 2px);
	margin-bottom: 20px;
}
a.wp-block-button__link:hover{
	color: var(--color-black);
}
.wp-block-button.is-style-outline>.wp-block-button__link{
	border: 2px solid var(--color-white);
}
.entry-content{
	clear: both;
	padding-top: 20px;
}
.wp-block-cover.has-background-dim > p.wp-block-cover-text{
	color: var(--color-white);
	font-size: 16px;
}
.alignleft{
	float: left;
	margin-right: 1rem;
	text-align: left;
	clear: both;
}
.alignright{
	float: right;
	margin-left: 1rem;
	margin-top: 1rem;
	text-align: right;
	clear: both;
}
.aligncenter{
	text-align: center;
	margin: 0 auto;
}
.wp-block-cover.has-background-dim{
	margin-bottom: 20px;
}
figcaption.blocks-gallery-caption{
	margin-bottom: 20px;
}
.wp-block-gallery:not(.has-nested-images){
	margin-right: 1rem;
}
.wp-block-gallery:not(.has-nested-images).columns-5.is-cropped .blocks-gallery-item img{
	max-height: 100%;
	height: fit-content;
}
blockquote:before, blockquote cite:before{
	content: none;
}
blockquote{
	padding: 20px;
	border-left: 5px solid var(--primary-color-1);
	background: unset;
}
blockquote cite{
	font-size: 19px;
	font-weight: 500;
	padding: 0;
	font-style: italic;
}
a{
	color: var(--color-white);
}
ul, ol{
	list-style: unset;
}
ul{
	padding-left: 25px;
	margin-bottom: 20px;
}
ul.menubar__list, ul.menubar__list ul{
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
}
ol{
	padding-left: 25px;
	list-style: auto;
	margin-bottom: 20px;
}
ol > li{
	list-style-type: inherit;
}
figure.wp-block-image.is-style-circle-mask > img{
	width: fit-content;
}
ul ul{
	list-style: circle;
	padding-left: 25px;
}
ul ul ul{
	list-style: square;
	padding-left: 25px;
}
ul li{
	list-style: inherit;
}
.wp-block-file a.wp-block-file__button{
	padding: 5px;
}
.wp-block-file a.wp-block-file__button:hover{
	color: inherit;
}
select{
	padding: 0px 15px !important;
	font-size: 16px;
	line-height: 28px;
	border: 1px solid #888 !important;
	border-radius: 5px;
	height: 45px;
	background-position-x: 98%;
	background-color: var(--color-white);
	background-size: 16px;
	outline: none;
	width: 100%;
	display: block !important;
	margin-top: 20px;
	margin-bottom: 20px;
	color: var(--color-black);
}
table, th, tr, td{
	border: 1px solid var(--color-white);
}
.wp-block-calendar table:where(:not(.has-text-color)) td, .wp-block-calendar table:where(:not(.has-text-color)) th{
	color: var(--color-white);
	background-color: transparent;
}
th, tr, td{
	padding: 9px;
}
table{
	width: 100%;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
}
table caption{
	caption-side: top;
	text-align: center;
	background: var(--color-white);
	color: var(--color-black);
	padding: 10px;
}
.wp-block-calendar caption{
	background-color: var(--color-white);
}
.wp-block-calendar table caption{
	color: var(--color-black);
}
table td#today{
	background: var(--color-white);
	color: var(--color-black);
}
nav.wp-calendar-nav{
	display: none;
}
ol.wp-block-latest-comments{
	padding-left: 0;
}
ol.wp-block-latest-comments.has-excerpts > li{
	margin-bottom: 1em;
	line-height: 1.5em;
	border-bottom: 1px dotted var(--color-white);
	padding-bottom: 8px;
	padding-top: 8px;
}
ol.wp-block-latest-comments > li:last-child{
	border-bottom: 0;
}
ol.wp-block-latest-comments > li{
	margin-bottom: 0;
	padding-bottom: 8px;
	padding-top: 8px;
	border-bottom: 1px dotted var(--color-white);
}
ul.wp-block-latest-posts.wp-block-latest-posts__list{
	list-style: none;
	padding-left: 0;
}
ul.wp-block-latest-posts.wp-block-latest-posts__list > li{
	border-bottom: 1px dotted var(--color-white);
	padding-bottom: 8px;
	padding-top: 8px;
}
ul.wp-block-latest-posts.wp-block-latest-posts__list > li:last-child{
	border-bottom: 0;
}
ul.wp-block-latest-posts.wp-block-latest-posts__list.is-grid > li:last-child{
	border-bottom: 1px dotted var(--color-white);
}
form[role="search"]{
	margin-bottom: 20px;
}
form[role="search"] label{
	display: none;
}
form[role="search"] button{
	margin: 0;
	color: var(--color-black);
	background-color: var(--color-white);
	border: 0;
	border-left: 1px solid var(--color-black);
	padding: 5px 8px;
}
.wp-block-search__input{
	border: 0;
}
.wp-block-tag-cloud > a{
    text-decoration: none;
    font-size: 16px !important;
    border: 1px solid var(--color-white);
    border-radius: 50px;
    display: inline-block;
    font-family: 'Jost', sans-serif;
    padding: 3px 25px;
    font-size: 18px !important;
    margin: 0px 0px 5px 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
ul.wp-block-rss:has(> li.wp-block-rss__item){
	list-style: disc;
	padding-left: 25px;
}
div.wp-block-group.has-background{
	padding: 20px;
	margin-bottom: 20px;
}
div.wp-block-group.has-background p{
	color: var(--color-black);
}
.wp-block-columns{
	margin-bottom: 1rem;
}
.wp-block-media-text.alignfull.has-media-on-the-right.has-background.is-stacked-on-mobile{
	margin-bottom: 1rem;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
	color: var(--color-black);
}
.page-links > .post-page-numbers{
	margin: 0px 6px 12px 0px;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border: 1px solid var(--color-white);
	border-radius: 10px;
	text-align: center;
	background-clip: padding-box;
}
.page-links > .post-page-numbers:hover{
	background: var(--color-white);
	color: var(--color-black);
}
.page-links > .current{
	background: var(--color-white);
	color: var(--color-black);
}
.page-links > .post-page-numbers:first-child{
	margin-left: 10px;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd){
	color: var(--color-white);
}
pre{
	display: block;
	padding: 20px;
	margin: 0 0 10px;
	font-size: 15px;
	line-height: 1.42857143;
	color: #000;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-top: 15px;
	margin-bottom: 15px;
	white-space: pre-wrap;
	font-family: monospace;
}
.wp-block-table.is-style-stripes td{
	border-color: var(--color-white);
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd){
	color: var(--color-black);
}
code{
	color: var(--color-white);
}
h2+table{
	margin-bottom: 1rem;
}
dd{
	margin-left: 1.5em;
}
p:has(> strong)+address, p:has(> strong)+p{
	margin-left: 1.5em;
	margin-bottom: 0;
}
p:has(> strong){
	margin-bottom: 0 !important;
	margin-top: 10px;
}
p.has-text-color:has(> strong){
	margin-bottom: 10px !important;
	color: var(--color-white) !important;
}
p:has(> strong + em){
	margin-bottom: 1rem !important;
}
p:has(>img.aligncenter){
	text-align: center;
}
div.wp-caption > p.wp-caption-text{
	font-weight: 600;
	margin-top: 10px;
	text-align: center;
	margin-bottom: 10px;
}
div.wp-caption:has(>img){
	max-width: 100%;
}
form.post-password-form input[type="password"]{
	width: auto;
	display: inline-block;
	height: 42px;
	margin-left: 10px;
	border: 1px solid var(--color-white);
	color: var(--color-white);
	padding-left: 5px;
	margin-bottom: 0;
	position: relative;
}
form.post-password-form input[type="submit"]{
	font-weight: 400;
	text-transform: uppercase;
	background: var(--color-white);
	color: var(--color-black);
	padding: 8px 20px;
	margin: 0;
	font-size: 15px;
	letter-spacing: 1px;
	height: 42px;
	border: 0;
	border-left: 1px solid var(--color-black);
	position: absolute;
}
.post-comment-wrap .post-user-content img{
	margin: 10px 0;
}
iframe{
	max-width: 100%;
}
.gallery-item dd.wp-caption-text.gallery-caption{
	margin-top: 10px;
}
img{
	height: auto;
}
table a{
	font-weight: bold;
}
.bypostauthor{
	text-decoration: none;
}
.screen-reader-text{
	text-decoration: none;
}
.wp-block-file__button{
	padding: 10px;
}
.wp-block-file__button:hover{
	color: var(--color-black);
}
kbd{
	color: var(--color-white);
}
section.blog--padding{
	min-height: calc(100vh - 54px);
}
section.blog--padding.blog--breadcrumb{
	min-height: unset;
}
section.blog--padding.bg-trans{
	padding-top: 172px;
}
section.blog--padding.bg-trans .blog-details{
	background: transparent;
}
.main-menu ul li, .main-menu ol li{
	list-style: none;
}
.gallery-item img{
	width: fit-content;
	max-width: 100%;
	height: auto;
}
.price-data ul, .contact-content ul{
	list-style-type: none;
}
#user-registration .user-registration-MyAccount-content h2{
	color: var(--color-black);
}
#user-registration .user-registration-MyAccount-content .user-registration-profile-header h3{
	color: var(--color-black);
}
.creative-content__list > ul, .team-block__social > ul{
	list-style-type: none;
}
.useage-block__text{
	color: var(--bs-body-color);
}
.text-white div.newsletter-form+div.wpcf7-response-output{
	color: var(--color-white);
}
.team-block{
	cursor: unset;
}
li.port-type > a{
	color: rgba(var(--white-color-hex), 0.8);
	text-transform: capitalize;
}
a:hover{
	color: var(--primary-color-1);
}
@media (max-width: 991.98px){
	.pt-200{
		padding-top: 100px;
	}
	.blog--breadcrumb{
		padding: 100px 0;
	}
	section.blog--padding.bg-trans{
		padding-top: 80px;
	}
	ul.children{
		padding-left: 50px;
	}
	body:has(header.header) div.mobile-overlay{
		top: 32px;
	}
}
@media (max-width: 768px){
	.logged-in header.header{
		top: 46px;
	}
	body:has(header.header) div.mobile-overlay{
		top: 46px;
	}
}
@media (max-width: 767.98px){
	.post-comment-wrap{
		display: block;
	}
	.post-comment-wrap h3{
		margin-bottom: -5px;
	}
	.post-user-comment{
		width: fit-content;
		margin-bottom: 20px;
	}
	.post-comment-wrap h3 span{
		display: block;
		margin-left: 0;
	}
	a.comment-reply-link, a#cancel-comment-reply-link{
		position: unset;
	}
	a#cancel-comment-reply-link{
		display: block;
		width: fit-content;
		margin-top: 10px;
	}
	.blog--breadcrumb{
		padding: 50px 0;
	}
	.pt-200{
		padding-top: 50px;
	}
	.logged-in header.header.sticky{
		top: 0;
	}
	body:has(header.header) div.mobile-overlay{
		top: 46px;
	}
	body:has(header.header.sticky) div.mobile-overlay{
		top: 0px;
	}
	.blog-details__metas > ul{
		list-style-type: none;
		display: list-item;
	}
	.blog-details__metas > ul > li{
		display: block;
		margin-top: 10px;
	}
	li:has(>span.featured-post.sticky){
		position: unset;
		margin-top: 15px;
	}
	ul.children{
		padding-left: 25px;
	}
}
.section.blog .search_custom{
	margin-bottom: 120px;
}
.banner-content.text-center .fade-down a.bp-btn--primary:hover{
	color: var(--color-black);
}

.product img {
	border-radius:10px;
	padding:15px;
	border: 1px solid #333;
	transform-origin: top bottom;
	transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	display:block;
	z-index:1;
	position: relative;
    transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;

}

.product img:hover {
    box-shadow: 0 0 15px 5px #c3f30357 !important;
    transform: scale(1.02) !important;
}

.product img {
    background: #121212;
  background: linear-gradient(
    135deg,
    #121212 25%,
    #1a1a1a 25%,
    #1a1a1a 50%,
    #121212 50%,
    #121212 75%,
    #1a1a1a 75%,
    #1a1a1a
  );
  background-size: 20px 20px;

 
  animation: move 4s linear infinite;
}

@keyframes move {
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: 20px 20px;
    }
  }
  

.product .slider img {
	border:0 !important;
}

.product .slider {
	border: 1px solid #333;
	border-radius:10px;
	padding:15px;
}


.product img:hover {
	rotate: -3deg;
}

.add_to_cart_button {
	background:#111111 !important;
	border:1px solid #333333 !important;
	border-radius:10px !important;
}

.add_to_cart_button:hover {
	background: #1d1d1d !important;
	color:var(--primary-color-1) !important;
}

.woocommerce-loop-product__title {
	min-height:50px;
}

.container {
	max-width:1405px !important;

	font-family: "Roboto", sans-serif;
	font-weight: 100;
	font-style: normal;
	color:#c2c2c2;
}

.container p {
	font-size:18px !important;
}

.footer__copyright {
	color:#eee;
}

.header {
	text-transform:uppercase;
}

.woocommerce-MyAccount-navigation {
	border:1px solid #727272;
	border-radius:10px;
}

.woocommerce-MyAccount-navigation ul {
	margin:0;
	padding:0;
}

.woocommerce-MyAccount-navigation ul li {
	list-style-type: none;
	text-align:center;
	padding:0;
	margin:0;
	padding-top:10px !important;
	padding-bottom:10px !important;
}

.woocommerce-MyAccount-navigation ul li:hover { 
	background: #333;
	color: var(--primary-color-1) !important;
}

main {
  background-image: radial-gradient(rgba(53, 53, 53, 0.171) 2px, transparent 0);
  background-size: 30px 30px;
  background-position: -5px -5px
}

.wp-block-gutena-accordion-panel {
	background:#1d1d1d !important;
	color:#eee !important;
	border-radius: 10px !important;
	border:1px solid #333333 !important;

	--gutena--accordion-panel-title-color: #eee;
}

.wp-block-gutena-accordion h6 {
	color:#eee !important;
	font-family: "Syne" !important;
}

.gutena-accordion-block>.gutena-accordion-block__panel>.gutena-accordion-block__panel-content {
	color:#eee !important;
}

.gutena-accordion-block>.gutena-accordion-block__panel>.gutena-accordion-block__panel-title>.gutena-accordion-block__panel-title-inner h6 {
	color:#eee !important;
}

.group {
	display: flex;
	line-height: 28px;
	align-items: center;
	position: relative;
	max-width: 190px;
  }
  
  .woocommerce-Input, .input-text, select  {
	font-family: "Montserrat", sans-serif;
	width: 100%;
	height: 45px;
	padding-left: 2.5rem;
	border: 0;
	border-radius: 12px;
	background-color: #16171d;
	outline: none;
	color: #bdbecb;
	cursor: text;
	z-index: 0;
  }
  
  .input::placeholder {
	color: #bdbecb;
  }
  
  .input:hover {
	box-shadow: 0 0 0 2.5px #2f303d, 0px 0px 25px -15px #000;
  }
  
  .input:active {
	transform: scale(0.95);
  }
  
  .input:focus {
	box-shadow: 0 0 0 2.5px #2f303d;
  }

  .button {
	margin-top:20px !important;
  }

  fieldset {
	margin-top:50px !important;
  }

  table, th, tr, td {
	border: 1px solid #1d1d1d;
	border-radius:10px;
	background:#1b1b1b;
	padding-left:10px !important;
  }

 
  .latest-products ul {
	list-style-type: none;
	margin-left:-24px;
  }

  .irl-resources ul {
	list-style-type: none;
	margin-left:-24px;
  }

  .foot-block {
	background: #1d1d1d;
	border-radius: 10px;
	border: 1px solid #3F3F40;
	padding:25px;
	min-height:100px;
	margin-bottom:20px;
  }

  .foot-block h6 {
	padding-bottom:10px;
  }

  .foot-hint {
	color:#c3f303 !important;
	text-decoration: underline dotted;
	text-underline-offset: 5px;
	text-decoration-color: #678100;
	text-underline-position: below;
  }

  .page-numbers {
	border:0 !important;
  }

  .woocommerce nav.woocommerce-pagination ul li {
	border:1px solid #333;
	border-radius:8px;
	padding:5px;
	margin-left:15px;
}

.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: transparent !important;
    color: #c3f303;
	font-weight:bold;
	font-size:16px;
}
.woocommerce {
	clear:both !important;
}

 
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background-color: #1a1a1a;
}

::-webkit-scrollbar-thumb {
    background-color: #c3f303 !important;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #c3f303 !important;
}


* {
    scrollbar-width:auto;
    scrollbar-color: #c3f303 #1a1a1a !important;
}



.woocommerce form.login, .woocommerce form.register {
    background-color: #1a1a1a;
    padding: 30px;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}


.woocommerce form.login h2, .woocommerce form.register h2 {
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
}


.woocommerce form.login input.input-text, .woocommerce form.register input.input-text {
    background-color: #222;
    color: #eaeaea;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 12px;
    width: 100%;
    margin-bottom: 15px;
    transition: border-color 0.2s ease-in-out;
}

.woocommerce form.login input.input-text:focus, .woocommerce form.register input.input-text:focus {
    border-color: #c3f303;
    outline: none;
}


.woocommerce button.button {
    background-color: #c3f303;
    color: #111111;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
    width: 100%;
}

.woocommerce button.button:hover {
    background-color: #a6c402;
}


.woocommerce a {
  
    text-decoration: none;
}

.woocommerce a:hover {
    color: #a6c402;
}


.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background-color: #222;
    color: #eaeaea;
    border-left: 5px solid #c3f303;
    padding: 15px 20px;
    border-radius: 4px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    content: '';
    font-size: 20px;
    color: #c3f303;
    margin-right: 10px !important;
	padding-right:20px !important;
    display: inline-block;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: 1px solid #474747 !important;
}



.nav-tabs {
    list-style: none;
    padding: 0;
    margin: 10px 0;
    display: flex;
    border-bottom: 2px solid #333;
}

.nav-tabs li {
    margin: 0 0px;
    padding: 10px 20px;
    cursor: pointer;
    background-color: #1a1a1a;
    color: #eaeaea;
    border: 1px solid #333;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    transition: background-color 0.3s, color 0.3s;
}

.nav-tabs li.active {
    background-color: #c3f303;
    color: #111111;
    border-color: #c3f303 #c3f303 #111111;
    font-weight: bold;
}

.nav-tabs li:hover {
    background-color: #a6c402;
    color: #111;
}


.tabcontent {
    display: none;
    padding: 20px;
    background-color: #1a1a1a;
    color: #eaeaea;
    border: 1px solid #333;
    border-radius: 8px;
    margin-top: -1px;
}



.woocommerce-MyAccount-navigation {
    margin-bottom: 30px;
    padding: 20px;
    background-color: #1a1a1a;
    border: 1px solid #333;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    max-width: 300px;
}


.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-MyAccount-navigation li {
    margin-bottom: 20px;
}

.woocommerce-MyAccount-navigation a {
    display: block;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #111111;
    background-color: #c3f303;
    border: 1px solid #c3f303;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease;
}

.woocommerce-MyAccount-navigation a:hover {
    background-color: #a6c402;
    color: #111;
    border-color: #a6c402;
}

.woocommerce-MyAccount-navigation .is-active a {
    background-color: #111111;
    color: #c3f303;
    border-color: #c3f303;
    font-weight: bold;
}




.woocommerce-MyAccount-content {
    background-color: #1a1a1a;
    color: #eaeaea;
    padding: 30px;
    border-radius: 8px;
    margin-left: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}


.woocommerce-MyAccount-content input.input-text, 
.woocommerce-MyAccount-content select, 
.woocommerce-MyAccount-content textarea {
    background-color: #222;
    color: #eaeaea;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 12px;
    width: 100%;
    margin-bottom: 15px;
    transition: border-color 0.2s ease-in-out;
}

.woocommerce-MyAccount-content input.input-text:focus, 
.woocommerce-MyAccount-content select:focus, 
.woocommerce-MyAccount-content textarea:focus {
    border-color: #c3f303;
    outline: none;
}


.woocommerce-MyAccount-content button.button, 
.woocommerce-MyAccount-content .button {
    background-color: #c3f303;
    color: #111111;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
    width: auto;
    display: inline-block;
    margin-top: 10px;
}

.woocommerce-MyAccount-content button.button:hover, 
.woocommerce-MyAccount-content .button:hover {
    background-color: #a6c402;
    color: #ffffff;
}


.woocommerce-MyAccount-content a {
    color: #c3f303;
    text-decoration: none;
}

.woocommerce-MyAccount-content a:hover {
    color: #a6c402;
}


.woocommerce-MyAccount-content .woocommerce-error, 
.woocommerce-MyAccount-content .woocommerce-info, 
.woocommerce-MyAccount-content .woocommerce-message {
    background-color: #222;
    color: #eaeaea;
    border-left: 4px solid #c3f303;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}



.woocommerce-MyAccount-content .u-columns {
    display: flex;
    gap: 20px;
}


.woocommerce-MyAccount-content .u-column1, 
.woocommerce-MyAccount-content .u-column2 {
    background-color: #1a1a1a;
    color: #eaeaea;
    padding: 20px;
    border: 1px solid #333;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    width: 100%;
    margin-bottom: 20px;
}


.woocommerce-MyAccount-content .edit,
.woocommerce-MyAccount-content .add {
    display: inline-block;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 600;
    color: #111111;
    background-color: #c3f303;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    margin-top: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.woocommerce-MyAccount-content .edit:hover,
.woocommerce-MyAccount-content .add:hover {
    background-color: #a6c402;
    color: #ffffff;
}


.woocommerce-Address-title h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #c3f303;
}


.woocommerce-MyAccount-content a {
    color: #c3f303;
    text-decoration: none;
}

.woocommerce-MyAccount-content a:hover {
    color: #a6c402;
}



.custom-dashboard-section {
    background-color: #1a1a1a;
    color: #eaeaea;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
}


.dashboard-statistics {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}

.stat-item {
    background-color: #222;
    color: #eaeaea;
    padding: 20px;
    border: 1px solid #333;
    border-radius: 8px;
    width: calc(50% - 10px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.stat-item h4 {
    font-size: 18px;
    color: #c3f303;
    margin-bottom: 10px;
}

.stat-item p {
    font-size: 14px;
    margin-bottom: 15px;
}


.styled-button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #111111 !important;
    background-color: #c3f303;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    margin-top: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.styled-button:hover {
    background-color: #a6c402;
    color: #ffffff !important;
}


.dashboard-cta {
    margin-top: 20px;
    font-size: 14px;
}

.dashboard-cta a {
    color: #c3f303;
    text-decoration: none;
}

.dashboard-cta a:hover {
    color: #a6c402;
}



.woocommerce div.product input[type="text"],
.woocommerce div.product input[type="email"],
.woocommerce div.product input[type="tel"],
.woocommerce div.product input[type="password"],
.woocommerce div.product input[type="number"],
.woocommerce div.product input[type="date"],
.woocommerce div.product input[type="url"],
.woocommerce div.product input[type="search"],
.woocommerce div.product textarea,
.woocommerce div.product select {
    background-color: #222;
    color: #eaeaeac5;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 12px;
    width: 100%;
    margin-bottom: 15px;
    transition: border-color 0.2s ease-in-out;
    font-size: 14px;
}

.woocommerce div.product input:focus,
.woocommerce div.product textarea:focus,
.woocommerce div.product select:focus {
    border-color: #c3f303;
    outline: none;
}


.woocommerce div.product table {
    width: 100%;
    border-collapse: collapse;
    background-color: #1a1a1a;
    color: #eaeaea;
    margin-bottom: 20px;
    border: 1px solid #333;
    border-radius: 8px;
}

.woocommerce div.product table th,
.woocommerce div.product table td {
    padding: 15px;
    border: 1px solid #333;
    text-align: left;
}

.woocommerce div.product table th {
    background-color: #222 !important;
    font-weight: 600;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li.active  {
	background:none;
	border:0;
	border-radius:0;
}



.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    background-color: #1a1a1a;
    color: #eaeaea;
    padding: 10px 20px;
    border: 1px solid #333;
    border-radius: 4px;
    text-decoration: none;
    margin-right: 0px;
    transition: all 0.3s ease;
    display: inline-block;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
	display:none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
	display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    background-color: #c3f303;
    color: #111111;
    border-color: #c3f303;
}


.woocommerce div.product .woocommerce-Tabs-panel {
    background-color: #1a1a1a;
    color: #eaeaea;
    padding: 0px 10px;
    border-radius: 8px;
    border: 1px solid #333;
    margin-top: 10px;
}


.woocommerce div.product form.cart button.single_add_to_cart_button {
    background-color: #c3f303;
    color: #111111;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

.woocommerce div.product form.cart button.single_add_to_cart_button:hover {
    background-color: #a6c402;
    color: #ffffff;
}


.woocommerce-cart table.shop_table {
    width: 100%;
    border-collapse: collapse;
    background-color: #1a1a1a;
    color: #eaeaea;
    margin-bottom: 20px;
    border: 1px solid #333;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}


.woocommerce-cart table.shop_table th {
    background-color: #222;
    color: #eaeaea;
    font-weight: 600;
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #333;
}


.woocommerce-cart table.shop_table td {
    padding: 15px;
    border-bottom: 1px solid #333;
}


.woocommerce-cart table.shop_table input[type="number"] {
    background-color: #222;
    color: #eaeaea;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 5px 10px;
    width: 60px;
    text-align: center;
    margin-right: 10px;
}


.woocommerce-cart .actions .button,
.woocommerce-cart .cart-collaterals .checkout-button {
    background-color: #c3f303 !important;
    color: #111111 !important;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    transition: background-color 0.2s ease-in-out;
    margin-right: 10px;
}





.woocommerce-cart .actions .button:hover,
.woocommerce-cart .cart-collaterals .checkout-button:hover {
    background-color: #a6c402;
    color: #ffffff;
}


.woocommerce-cart .cart_totals {
    background-color: #1a1a1a;
    padding: 20px;
    border: 1px solid #333;
    border-radius: 8px;
    color: #eaeaea;
    margin-top: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.woocommerce-cart .cart_totals table th {
    text-align: left;
    font-weight: 600;
    color: #eaeaea;
    padding-bottom: 10px;
}

.woocommerce-cart .cart_totals table td {
    text-align: right;
    color: #eee;
    padding-bottom: 10px;
    font-weight: 600;
}


.woocommerce-cart .coupon input.input-text {
    background-color: #222;
    color: #eaeaea;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 10px;
    width: 200px;
    margin-right: 10px;
}


.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-error,
.woocommerce-cart .woocommerce-info {
    background-color: #222;
    color: #eaeaea;
    border-left: 4px solid #c3f303;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}


.woocommerce-cart .cart-empty {
    background-color: #1a1a1a;
    color: #eaeaea;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    border: 1px solid #333;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}



.thwepo_separator {
	 display:none; 
}

.cart table, th, tr, td { 
	border-radius: 0 !important;
}

.thwepo_colorpalette {
	padding-top:10px !important;
}


.woocommerce div.product p.price {
    font-size: 36px !important;
    font-weight: bold;
    color: #c3f303;
    background-color: #222;
    padding: 10px 15px;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}


.woocommerce div.product .product_title {
    font-size: 28px;
    font-weight: bold;
    color: #eaeaea;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #333;
}


.woocommerce div.product form.cart button.single_add_to_cart_button {
    background-color: #c3f303;
    color: #111111;
    border: none;
    padding: 22px 30px;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
    margin-top: 20px;
}

.woocommerce div.product form.cart button.single_add_to_cart_button:hover {
    background-color: #a6c402;
    color: #111;
}


.woocommerce div.product input.input-text,
.woocommerce div.product select,
.woocommerce div.product textarea {
    background-color: #222;
    color: #eaeaea;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 12px;
    width: 100%;
    margin-bottom: 15px;
    transition: border-color 0.2s ease-in-out;
    font-size: 14px;
}

.woocommerce div.product input:focus,
.woocommerce div.product textarea:focus,
.woocommerce div.product select:focus {
    border-color: #c3f303;
    outline: none;
}


.woocommerce div.product .product_meta {
    color: #eaeaea;
    font-size: 14px;
    margin-top: 15px;
    border-top: 1px solid #333;
    padding-top: 10px;
}


.woocommerce div.product .woocommerce-Tabs-panel {
    background-color: #1a1a1a;
    color: #eaeaea;
    padding: 30px !important;
    border-radius: 8px;
    border: 1px solid #333;
    margin-top: 0px;
}

.woocommerce-Tabs-panel--description h1, h2, h3, h4{
	padding-bottom:20px;
}

.blog-details {
	padding:0 !important;
	margin-top:50px !important;
}

.stock {
	background-color: #222;
    padding: 10px 15px;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

div .product table td {
	border:0 !important;
	padding:10px !important;
}

div .product table {
	padding:15px !important;
	border: 1px solid #3F3F40 !important;
	color:#b8b8b8 !important;
}

div .product input {
	color:#b8b8b8 !important;
}



.woocommerce div.product input[type="text"],
.woocommerce div.product input[type="email"],
.woocommerce div.product input[type="tel"],
.woocommerce div.product input[type="password"],
.woocommerce div.product input[type="number"],
.woocommerce div.product input[type="date"],
.woocommerce div.product input[type="url"],
.woocommerce div.product input[type="search"],
.woocommerce div.product textarea,
.woocommerce div.product select {
    background-color: #222;
    color: #8d8d8d;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 12px;
    width: 100%;
    margin-bottom: 15px;
    transition: border-color 0.2s ease-in-out;
    font-size: 14px;
    appearance: none;
}


.woocommerce div.product input:focus,
.woocommerce div.product textarea:focus,
.woocommerce div.product select:focus {
    border-color: #c3f303 !important;
    outline: none;
}


.woocommerce div.product select {
    background-image: linear-gradient(45deg, transparent 50%, #c3f303 50%),
                      linear-gradient(135deg, #c3f303 50%, transparent 50%),
                      linear-gradient(to right, #161616, #292929);
    background-position: calc(100% - 10px) calc(1em + 2px), calc(100% - 5px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 1px 2em;
    background-repeat: no-repeat;
    padding-right: 30px;
}


.header--style2 { 
	margin: 0 0 !important;
}


.woocommerce ul.products li.product .price {
	font-size: 18px !important;
    font-weight: bold;
    color: #c3f303;
    background-color: #222;
    padding: 5px 10px;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}



.woocommerce-cart .coupon input.input-text {
    background-color: #222;
    color: #eaeaea;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 10px;
    width: 200px;
    margin-right: 10px;
    transition: border-color 0.2s ease-in-out;
    font-size: 14px;
}


.woocommerce-cart .coupon input.input-text:focus {
    border-color: #c3f303;
    outline: none;
}


.woocommerce-cart .coupon .button {
    background-color: #c3f303;
    color: #111111;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    transition: background-color 0.2s ease-in-out;
}

.woocommerce-cart .coupon .button:hover {
    background-color: #a6c402;
    color: #444;
}




.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout input[type="date"],
.woocommerce-checkout input[type="url"],
.woocommerce-checkout input[type="search"],
.woocommerce-checkout textarea,
.woocommerce-checkout select {
    background-color: #222;
    color: #eaeaea;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 12px;
    width: 100%;
    margin-bottom: 15px;
    transition: border-color 0.2s ease-in-out;
    font-size: 14px;
    box-sizing: border-box;
    appearance: none;
}


.woocommerce-checkout input:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus {
    border-color: #c3f303 !important;
    outline: none;
}


.woocommerce-checkout #billing_country,
.woocommerce-checkout #shipping_country {
    background-color: #222;
    color: #eaeaea;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 12px;
    width: 100%;
    margin-bottom: 15px;
    transition: border-color 0.2s ease-in-out;
    font-size: 14px;
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #c3f303 50%),
                      linear-gradient(135deg, #c3f303 50%, transparent 50%),
                      linear-gradient(to right, #eaeaea, #eaeaea);
    background-position: calc(100% - 10px) calc(1em + 2px), calc(100% - 5px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 1px 2em;
    background-repeat: no-repeat;
    padding-right: 30px;
}


.woocommerce-checkout #billing_country:focus,
.woocommerce-checkout #shipping_country:focus {
    border-color: #c3f303 !important;
    outline: none;
}


.woocommerce-checkout label {
    color: #eaeaea;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
}


.select2-container .select2-selection--single {
    background-color: #222;
    border: 1px solid #333;
    border-radius: 4px;
    height: 42px;
    color: #eaeaea;
    display: flex;
    align-items: center;
    padding: 0 12px;
    transition: border-color 0.2s ease-in-out;
}


.select2-container .select2-selection--single .select2-selection__rendered {
    color: #eaeaea;
    padding: 0;
}


.select2-container .select2-selection--single .select2-selection__arrow {
    height: 100%;
}

.select2-container .select2-selection--single .select2-selection__arrow b {
    border-color: #c3f303 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    margin-top: -2px;
    display: inline-block;
    content: "";
}


.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single:hover {
    border-color: #c3f303 !important;
    outline: none;
}


.select2-container--default .select2-results__option {
    background-color: #1a1a1a;
    color: #eaeaea;
    padding: 8px;
}

.select2-container--default .select2-results__option--highlighted {
    background-color: #c3f303 !important;
    color: #111111 !important;
}


.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #222;
    color: #eaeaea;
    border: 1px solid #333;
    padding: 8px;
    width: 100%;
    box-sizing: border-box;
}

.select2-dropdown {
	background:#222 !important;
}


.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2,
.woocommerce-checkout #order_review {
    background-color: #2a2a2a;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #333;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}


.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
    margin-bottom: 20px;
}


.woocommerce-checkout #order_review_heading {
    background-color: #2a2a2a;
    color: #eaeaea;
    padding: 10px 15px;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #333;
    margin-bottom: -1px;
}


.woocommerce-checkout #order_review table {
    background-color: #2a2a2a;
    border-collapse: collapse;
    width: 100%;
    color: #eaeaea;
    border-radius: 0 0 8px 8px;
    margin-bottom: 20px;
}

.woocommerce-checkout #order_review table th,
.woocommerce-checkout #order_review table td {
    padding: 15px;
    border: 1px solid #333;
    text-align: left;
}

.woocommerce-checkout #order_review table th {
    background-color: #222;
    font-weight: 600;
}



.woocommerce-checkout #payment {
    background-color: #2a2a2a;
    color: #eaeaea;
    padding: 20px;
    border: 1px solid #333;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}


.woocommerce-checkout #payment .payment_methods label {
    color: #eaeaea;
    font-weight: 600;
}


.woocommerce-checkout #payment .payment_box,
.woocommerce-checkout #payment .payment_box p {
    background-color: #222;
    color: #eaeaea;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #333;
    margin-top: 10px;
}


.woocommerce-checkout #payment #place_order {
    background-color: #c3f303;
    color: #111111;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    transition: background-color 0.2s ease-in-out;
    margin-top: 20px;
    width: 100%;
}

.woocommerce-checkout #payment #place_order:hover {
    background-color: #a6c402;
    color: #ffffff;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
	background-color: #444 !important;
}

.woocommerce-checkout #payment div.payment_box::before {
	display:none;
}


.woocommerce span.onsale {
    background-color: #c3f303;
    color: #111111;
    font-weight: bold;
    border-radius: 4px;
    padding: 5px 10px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    text-transform: uppercase;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}



.woocommerce-ordering select {
    background-color: #1b1b1b;
    color: #eaeaea;
    border: 1px solid #505050 !important;
    border-radius: 4px;
    padding: 10px;
    width: auto;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 14px;
    line-height: 1.5;
    transition: border-color 0.2s ease-in-out;
    position: relative;
    z-index: 1;
}


.woocommerce-ordering select:after {
    content: '\25BC' !important;
    color: #c3f303 !important;
	background-color: #c3f303 !important;
    position: absolute !important;
    right: 20px !important;
    top: 50% !important;
    transform: translateY(-50%);
    pointer-events: none;
	display:none !important;
}


.woocommerce-ordering select:focus,
.woocommerce-ordering select:hover {
    border-color: #c3f303 !important;
    outline: none;
}


.woocommerce-Button.wc-forward.button {
    background-color: #222;
    color: #eaeaea;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
    display: inline-block;
    text-decoration: none;
    margin-top: 10px;
}


.woocommerce-Button.wc-forward.button:hover {
    background-color: #c3f303;
    color: #111;
    border-color: #c3f303;
}

.mobile-overlay__logo {
    height:40px !important;
}

.label-tag .required {
    color:#c3f303 !important;
}


.wp-block-button__link {
    background-color: #222 !important;
    color: #eaeaea !important;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    text-decoration: none;
    display: inline-block;
}


.wp-block-button__link:hover {
    background-color: #c3f303 !important;
    color: #111 !important;
    border-color: #c3f303;
}


.wp-block-button__link:active {
    background-color: #a6c402;
    border-color: #a6c402;
}

.single-product .onsale {
    width:100px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom: 2px solid #a6c402 !important;
}


.return-to-shop a {
    display: inline-block;
    background-color: #222 !important;
    color: #eaeaea !important;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    margin-top: 10px;
}


.return-to-shop a:hover {
    background-color: #c3f303 !important;
    color: #111 !important;
    border-color: #c3f303 !important;
}


.return-to-shop a:active {
    background-color: #a6c402 !important;
    border-color: #a6c402 !important;
}