:root {
	--wd-text-font: Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 15px;
	--wd-title-font: Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: var(--wd-text-font);
	--wd-widget-title-font: Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(237,32,36);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(237,32,36);
	--btn-accented-bgcolor-hover: rgb(0,0,0);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(0,0,0);
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1440px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1440px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

.DevicesCarousel .wd-carousel-wrap {
	justify-content: center;
	align-items: center;
}
.DevicesCarousel .promo-banner .banner-image :is(img,picture,video) {
	width: 100%;
	height: 90px;
	object-fit: contain;
	object-position: inherit;
}
.DevicesCarousel .banner-btn-position-hover:hover .banner-btn-wrapper {
	opacity: 0;
}
.tooltips{text-align:center;}
.tooltips select{
	color: #000000;
	text-indent: .01em;
	border-radius: 0;
	padding-right: 25px;
	min-width: 450px;
	height: 100%;
	max-width: 400px;
	min-height: 52px;
	font-size: 20px;
	font-weight: 600;
	background-color: #fff;
	border-color: rgba(0, 0, 0, 0.09);
}
.tooltips select option{color:#000;}
.tooltips select option {
	color: #000;
}
.videoBTN .vc_general.vc_btn3 {
	border-radius: 9px;
	color: #fff;
	text-transform: uppercase;
	padding: 4px 10px;
	font-size: 22px;
	background: red;
}
.HomeTrainingVideos .wd-el-video{
	border-radius:20px !important;
	border:5px solid #ccc;
}
.wd-content-layout {
	padding-block: 0px;
}
.wd-sub-menu li>a{
	color: #000;
	font-size: 16px;
	font-weight: 600;
	text-transform:uppercase;
}
.wd-dropdown-menu.wd-design-default{--wd-dropdown-width: 280px;}
.woocommerce-page .wd-content-layout {
	padding-block: 40px !important;
}
.SecondSectionDevices .title-after_title p{text-align:justify;}
@media(max-width:1024px){
	.SecondSectionDevices .title-after_title p{display:none !important}
	.SecondSectionDevices h3{
		font-size: 14px !important;
		line-height: 17px !important;
	}
	.SecondSectionDevices{bottom: 62px !important;}
}
.SecondSectionRow1 .elementor-widget-image{margin-bottom: 0 !important;}
.widgetarea-mobile .gg-footer-main{padding:0 !important}
.widgetarea-mobile .gg-footer-grid {
	grid-template-columns: repeat(1, 1fr)!important;
}
.widgetarea-mobile .gg-footer-title,.widgetarea-mobile .gg-footer-brand-status{
	display: block !important;
}
.widgetarea-mobile .gg-footer-brand-meta > div{
	background: linear-gradient(120deg, rgb(215 25 32 / 44%), transparent 55%) !important;
}
.widgetarea-mobile .gg-footer-brand-meta span{color: #ed2024!important;}

/* =========================
MAIN FLOATING CONTAINER
========================= */

.wd-sticky-social.wd-sticky-social-left,
.wd-sticky-social{

	display:flex !important;
	flex-direction:column !important;

	gap:8px !important;

	padding:10px 10px 10px 9px !important;

	background:
		linear-gradient(
			180deg,
			rgba(37,42,48,.96),
			rgba(25,29,34,.96)
		) !important;

	border:1px solid rgba(255,255,255,.08) !important;
	border-left:0 !important;

	/* BOX IS ON LEFT SIDE */
	border-radius:0 24px 24px 0 !important;

	box-shadow:
		12px 16px 42px rgba(0,0,0,.18),
		inset 0 1px 0 rgba(255,255,255,.06);

	backdrop-filter:blur(18px);
	-webkit-backdrop-filter:blur(18px);

	overflow:visible !important;
}


/* =========================
SOCIAL BUTTON
========================= */

.wd-sticky-social .wd-social-icon{

	--social-color:#fff;

	position:relative !important;

	width:52px !important;
	height:52px !important;
	min-width:52px !important;

	margin:0 !important;
	padding:0 !important;

	display:flex !important;
	align-items:center !important;
	justify-content:center !important;

	border:0 !important;

	border-radius:17px !important;

	background:#343a40 !important;

	overflow:hidden !important;

	isolation:isolate;

	box-shadow:
		inset 0 0 0 1px rgba(255,255,255,.08),
		inset 0 1px 1px rgba(255,255,255,.08),
		0 5px 13px rgba(0,0,0,.16);

	transition:
		transform .32s cubic-bezier(.2,.8,.2,1),
		box-shadow .32s ease;
}


/* =========================================================
ACTUAL ROTATING BORDER
========================================================= */

.wd-sticky-social .wd-social-icon::before{

	content:"";

	position:absolute;

	width:145%;
	height:145%;

	left:-22.5%;
	top:-22.5%;

	z-index:-2;

	background:
		conic-gradient(
			transparent 0deg,
			transparent 245deg,

			color-mix(
				in srgb,
				var(--social-color) 20%,
				transparent
			) 275deg,

			var(--social-color) 310deg,

			#ffffff 328deg,

			var(--social-color) 345deg,

			transparent 360deg
		);

	animation:
		gg-social-spin 3.2s linear infinite;

	will-change:transform;
}


/* =========================================================
INNER BUTTON LAYER
This creates a clean 1px animated border
========================================================= */

.wd-sticky-social .wd-social-icon::after{

	content:"";

	position:absolute;

	inset:1.5px;

	z-index:-1;

	border-radius:15.5px;

	background:
		linear-gradient(
			145deg,
			rgba(73,80,87,.98),
			rgba(48,54,60,.98)
		);

	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.09);
}


/* =========================
ICON
========================= */

.wd-sticky-social .wd-social-icon .wd-icon{

	position:relative !important;

	z-index:5;

	color:#fff !important;

	transition:
		transform .3s cubic-bezier(.2,.8,.2,1),
		filter .3s ease;
}


.wd-sticky-social .wd-icon-name{
	display:none !important;
}


/* =========================
HOVER
========================= */

.wd-sticky-social .wd-social-icon:hover{

	transform:
		translateX(6px)
		scale(1.07);

	box-shadow:
		0 10px 22px rgba(0,0,0,.25),
		0 0 22px
		color-mix(
			in srgb,
			var(--social-color) 28%,
			transparent
		);
}


.wd-sticky-social .wd-social-icon:hover::before{

	animation-duration:1.35s;
}


.wd-sticky-social .wd-social-icon:hover::after{

	background:
		linear-gradient(
			145deg,
			rgba(82,89,96,.98),
			rgba(48,54,60,.98)
		);
}


.wd-sticky-social .wd-social-icon:hover .wd-icon{

	transform:scale(1.13);

	filter:
		drop-shadow(
			0 0 5px
			var(--social-color)
		);
}


/* =========================================================
SOCIAL COLORS
========================================================= */

.wd-sticky-social .social-facebook{
	--social-color:#3787ff;
}

.wd-sticky-social .social-twitter{
	--social-color:#ffffff;
}

.wd-sticky-social .social-instagram{
	--social-color:#ff4da0;
}

.wd-sticky-social .social-youtube{
	--social-color:#ff304f;
}


/* Slight offset between animations */
.wd-sticky-social .social-facebook::before{
	animation-delay:0s;
}

.wd-sticky-social .social-twitter::before{
	animation-delay:-.8s;
}

.wd-sticky-social .social-instagram::before{
	animation-delay:-1.6s;
}

.wd-sticky-social .social-youtube::before{
	animation-delay:-2.4s;
}


/* =========================================================
ROTATION
========================================================= */

@keyframes gg-social-spin{

	from{
		transform:rotate(0deg);
	}

	to{
		transform:rotate(360deg);
	}

}


/* =========================================================
SOFT PULSE
========================================================= */

.wd-sticky-social .wd-social-icon{

	animation:
		gg-social-breathe 4s ease-in-out infinite;
}


@keyframes gg-social-breathe{

	0%,
	100%{
		box-shadow:
			inset 0 0 0 1px rgba(255,255,255,.07),
			0 5px 13px rgba(0,0,0,.14);
	}

	50%{
		box-shadow:
			inset 0 0 0 1px rgba(255,255,255,.11),
			0 7px 18px rgba(0,0,0,.22);
	}

}


/* Hover transform must stay stronger */
.wd-sticky-social .wd-social-icon:hover{
	animation-play-state:paused;
}


/* =========================================================
MOBILE
========================================================= */

@media(max-width:768px){

	.wd-sticky-social{

		padding:
			8px 8px 8px 7px !important;

		gap:6px !important;

		border-radius:
			0 20px 20px 0 !important;
	}


	.wd-sticky-social .wd-social-icon{

		width:31px !important;
		height:31px !important;
		min-width:31px !important;

		border-radius:
			15px !important;
	}


	.wd-sticky-social .wd-social-icon::after{

		border-radius:
			13.5px;
	}

}


/* =========================================================
ACCESSIBILITY
========================================================= */

@media(prefers-reduced-motion:reduce){

	.wd-sticky-social .wd-social-icon,
	.wd-sticky-social .wd-social-icon::before{
		animation:none !important;
	}

}
:root .rtl{
	--wd-title-font:'Tajawal', Arial, sans-serif;
	--wd-header-el-font:'Tajawal', Arial, sans-serif;
	--wd-widget-title-font:'Tajawal', Arial, sans-serif;
}
.rtl .wd-nav-header>li>a,.rtl .wd-nav-mobile>li>a{font-size:18px !important}@media (min-width: 1025px) {
	.whb-general-header .wd-tools-element:is([class*=wd-design-6],[class*=wd-design-7]) :is(.wd-tools-inner,.wd-tools-icon) {
    height: 35px!important;
	width: 35px!important;
}
.whb-general-header .wd-tools-element>a{padding-inline: 2px!important;}
.whb-general-header .wd-tools-icon:before{font-size:15px !important;}
.home .carousel-slide img{height:510px;object-position: top;}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.wd-side-hidden,.wd-drilldown-slide .menu-item>[class*=sub-menu]{
	background-color: #000000 !important;
}
.mobile-nav .searchform{    
	--wd-form-color: #ffffff !important;
	--wd-form-placeholder-color: #ffffff !important;
	box-shadow: 0 -1px 9px rgb(255 255 255 / 63%)!important;
}
.wd-nav-mobile>li>a, .wd-nav-mobile>li>ul li>a{
	border-bottom: 1px solid rgb(255 255 255 / 56%) !important;
}
.mobile-nav .wd-nav-opener{
	border-inline-start: 1px solid rgb(255 255 255 / 56%) !important;
	border-bottom: 1px solid rgb(255 255 255 / 56%) !important;
}
.wd-nav-opener{color: #ffffff !important;}
.wd-nav>li>a,
.wd-nav.wd-layout-drilldown>li [class*=sub-menu]>.menu-item>a,
.wd-nav .wd-sub-menu .wd-drilldown-back>a,
.wd-nav.wd-layout-drilldown .woocommerce-MyAccount-navigation-link>a{
	color: #ffffff !important;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	.wd-side-hidden,.wd-drilldown-slide .menu-item>[class*=sub-menu]{
	background-color: #000000 !important;
}
.mobile-nav .searchform{    
	--wd-form-color: #ffffff !important;
	--wd-form-placeholder-color: #ffffff !important;
	box-shadow: 0 -1px 9px rgb(255 255 255 / 63%)!important;
}
.wd-nav-mobile>li>a, .wd-nav-mobile>li>ul li>a{
	border-bottom: 1px solid rgb(255 255 255 / 56%) !important;
}
.mobile-nav .wd-nav-opener{
	border-inline-start: 1px solid rgb(255 255 255 / 56%) !important;
	border-bottom: 1px solid rgb(255 255 255 / 56%) !important;
}
.wd-nav-opener{color: #ffffff !important;}
.wd-nav>li>a,
.wd-nav.wd-layout-drilldown>li [class*=sub-menu]>.menu-item>a,
.wd-nav .wd-sub-menu .wd-drilldown-back>a,
.wd-nav.wd-layout-drilldown .woocommerce-MyAccount-navigation-link>a{
	color: #ffffff !important;
}
}

@media (max-width: 576px) {
	.tooltips select{
	min-width: 100% !important;
	background-position: right !important;
	border-left: 5px solid #e3e3e3;
}
.SecondSectionRow1 .elementor-widget-wd_button{bottom: 12px !important;}
.wd-side-hidden,.wd-drilldown-slide .menu-item>[class*=sub-menu]{
	background-color: #000000 !important;
}
.mobile-nav .searchform{    
	--wd-form-color: #ffffff !important;
	--wd-form-placeholder-color: #ffffff !important;
	box-shadow: 0 -1px 9px rgb(255 255 255 / 63%)!important;
}
.wd-nav-mobile>li>a, .wd-nav-mobile>li>ul li>a{
	border-bottom: 1px solid rgb(255 255 255 / 56%) !important;
}
.mobile-nav .wd-nav-opener{
	border-inline-start: 1px solid rgb(255 255 255 / 56%) !important;
	border-bottom: 1px solid rgb(255 255 255 / 56%) !important;
}
.wd-nav-opener{color: #ffffff !important;}
.wd-nav>li>a,
.wd-nav.wd-layout-drilldown>li [class*=sub-menu]>.menu-item>a,
.wd-nav .wd-sub-menu .wd-drilldown-back>a,
.wd-nav.wd-layout-drilldown .woocommerce-MyAccount-navigation-link>a{
	color: #ffffff !important;
}
}

