:root {
	--wd-text-font: "DM Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: var(--wd-text-font);
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "DM Serif Display", 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: "DM Serif Display", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "DM Serif Display", 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: "DM Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 11px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #83b735;
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(106,187,120);
	--notices-success-color: rgb(8,13,10);
	--notices-warning-bg: rgb(221,51,51);
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--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;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: #080D0A;
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(8,13,10);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(8,13,10);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(8,13,10);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(8,13,10);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(8,13,10);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(8,13,10);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: #e8f0eb;
	--wd-form-placeholder-color: rgb(232,240,235);
	--wd-form-brd-color: #69bb7826;
	--wd-form-brd-color-focus: rgb(106,187,120);
	--wd-form-bg: rgb(14,21,16);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--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;
}



.wd-page-title {
background-color: 080d0a;
}

:root{
  --green:#6abb78;
  --green-dim:rgba(106,187,120,0.18);
  --green-faint:rgba(106,187,120,0.07);
  --bg:#080d0a;
  --bg2:#0e1510;
  --bg3:#131d15;
  --text:#e8f0eb;
  --muted:#8fa897;
  --dim:#5a7a62;
  --darker:#3d5c43;
}



/* global css  */
.container, .container-fluid {
    padding-inline: 0px;
}



/* global css end */

/* Header css  */
.whb-general-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 48px;
    border-bottom: 0.5px solid #6abb782e;
    background: #080d0af5 !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    position: sticky;
    top: 0;
    z-index: 200;
}
.wd-nav-header>li>a {
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
    letter-spacing: 4px;
    text-transform: uppercase;
    cursor: pointer;
    transition: color 0.2s;
    padding-bottom: 2px;
	  min-height:auto !important;
	  font-family:'DM Sans' !important;
	  font-weight:200 !important;
}
.wd-nav-header>li>a:hover {
    color: #45E67D;
}
.wd-nav-header>li.current-menu-item>a {
    color: #45E67D;
}
.wd-tools-element>a {
    color: var(--text);
}
.whb-sticked .whb-general-header{
    border-bottom: 0.5px solid #6abb782e !important;
}

.wd-side-hidden {
    background: rgba(8, 13, 10, 0.96) !important;
    border: 0.5px solid var(--green-dim) !important;
}
.mobile-nav .wd-heading {
    border-bottom: 1px solid #6abb7814 !important;
}
.wd-nav-mobile>li>a, .wd-nav-mobile>li>ul li>a {
    border-bottom: 1px solid #6abb7814 !important;
}
.wd-nav-mobile>li>a{
		font-size: 14px !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    font-family: 'DM Sans' !important;
    font-weight: 300 !important;
}
.wd-nav-mobile>li>a:hover{
    color: #45E67D !important;
}
.wd-nav-mobile>li.current-menu-item>a{
    color: #45E67D !important;
}
.wd-action-btn a .wd-action-text, .wd-action-btn a .wd-action-icon{
    color: #FFFFFF !important;
}
.wd-action-icon:before{
    color: #FFFFFF !important;	
}
/* header css  */



/* top bar scroller */
.tick-item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0 2.25rem;
    border-right: 0.5px solid rgba(106, 187, 120, 0.1);
    font-size: 11px;
}

.tick-sport {
    color: var(--dim);
    letter-spacing: 0.07em;
    text-transform: uppercase;
    font-size: 10px;
}
.tick-match {
    color: #c8dbc8;
    font-weight: 500;
}
.tick-odds {
    color: var(--green);
    font-weight: 400;
    font-family: 'DM Serif Display', serif;
    font-size: 13px;
}
.tick-dn {
    color: #c07070;
    font-size: 9px;
}
.tick-up {
    color: var(--green);
    font-size: 9px;
}
.whb-header-bottom{
		position:relative;
}
.whb-header-bottom::before, .whb-header-bottom::after {
    content: '';
    position: absolute;
    top: -2px;
    width: 60px;
    height: 100%;
    z-index: 2;
}
.whb-header-bottom:before{
    left: 0;
    background: linear-gradient(to right, var(--bg2), transparent);
}
.whb-header-bottom:after {
    right: 0;
    background: linear-gradient(to left, var(--bg2), transparent);
}
/* top bar scroller end  */

.footer .wd-nav li a {
    font-size: 14px !important;
    color: #FFFFFF !important;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.2s;
    background: unset !important;
    padding-left: 0px !important;
    max-width: fit-content;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    min-height: auto !important;
    font-weight: 400 !important;
}
.footer .wd-nav li a:hover {
    color: #6ABB78 !important;
}
.footer .wd-nav li.current-menu-item a {
    color: #6ABB78 !important;
}

/* btns  */
.nav-cta {
		font-size: 14px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #63AE70;
    border: 1px solid #6ABB78 !important;
    padding: 16px 24px;
    cursor: pointer;
    background: rgba(106, 187, 120, 0.075);
    transition: background 0.2s, color 0.2s;
    min-height: auto;
    box-shadow: unset !important;
    font-weight: 400 !important;
    border-radius: 6px;
}
.nav-cta:hover {
    background: var(--green);
    color: var(--bg);
}
.btn-primary .elementor-button, .cookies-accept-btn{
    font-size: 14px !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    color: #081C15 !important;
    background: #6ABB78 !important;
    border: 1px solid #6ABB78 !important;
    padding: 18px 24px !important;
    cursor: pointer !important;
    transition: opacity 0.2s !important;
    border-radius: 0px !important;
    font-family: 'DM Sans' !important;
    box-shadow: unset !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
}
.btn-primary .elementor-button:hover, .cookies-accept-btn:hover {
    opacity: 1 !important;
    background: transparent !important;
    color: #6ABB78 !important;
}
.btn-primary .elementor-button:hover svg path{
		stroke:#6ABB78 !important;
}

.btn-ghost .elementor-button{
    font-size: 14px !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    color: #63AE70 !important;
    border: 1px solid #6ABB78 !important;
    padding: 18px 24px !important;
    cursor: pointer !important;
    background: #081C15  !important;
    transition: border-color 0.2s, background 0.2s !important;
    font-family: 'DM Sans' !important;
    box-shadow: unset !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
}

.btn-ghost .elementor-button:hover {
    opacity: 1 !important;
    background: #6ABB78 !important;
    color: #081C15 !important;
}
.btn-ghost .elementor-button:hover svg path{
		stroke:#081C15 !important;
}
/* btns end> */



/* home page css? */
.hero-left{
    background: linear-gradient(to right, var(--bg) 70%, transparent 100%);
}
.hero-img-overlay{
    position: relative;
/* 		filter: brightness(0.55); */
}

.hero-img-overlay::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        var(--bg) 0%,
        transparent 40%
    ),
    linear-gradient(
        to top,
        var(--bg) 0%,
        transparent 30%
    );
    z-index: 1;
    pointer-events: none;
}
.hero h1 em {
    color: var(--green);
    font-style: italic;
    font-family: serif;
    font-weight: 700;
}
.heading .elementor-heading-title em {
    color: var(--green);
    font-style: normal;
    font-family: DM Serif Display;
}
.dot h3{
    position: relative;
}

.dot h3::before{
    content: "";
    width: 6px;
    height: 6px;
    background: var(--green);
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
	  margin-bottom:1px;
    animation: pulse 2s ease-in-out infinite;
}
.dot.red h3::before{
    content: "";
    width: 5px;
    height: 5px;
    background: #d87878;
}
@keyframes pulse{
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(0.5);
    }
    100%{
        transform: scale(1);
    }
}


.sport-item i {
    font-size: 17px;
    color: var(--darker);
    display: block;
    margin-bottom: 3px;
    transition: color 0.2s;
}
.sport-item:hover i, .sport-item.active i {
    color: var(--green);
}
.sport-item {
    flex: 1;
    cursor: pointer;
    transition: background 0.2s;
}
.sport-item:hover {
    background: var(--bg2);
}


.live-panel {
    position: absolute;
    bottom: -40px;
    right: 40px;
    z-index: 3;
    width: 300px;
		backdrop-filter: blur(14px);
		-webkit-backdrop-filter: blur(14px);
}

.lp-stat-num {
    font-family: 'DM Serif Display', serif;
    font-size: 17px;
    color: var(--text);
}
.lp-stat-num em {
    color: var(--green);
    font-style: normal;
    font-size: 12px;
}
/* home page css end  */


/* .sharp-hero{
		filter: brightness(0.28)
} */

.sharp-hero{
    position: relative;
}

.sharp-hero::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.86);
    z-index: 1;
}

.sharp-hero > *{
    position: relative;
    z-index: 2;
}


.pum-theme-439, .pum-theme-lightbox {
    background-color: rgb(0 0 0 / 86%);
}

.wd-cookies-popup {
    background-color: #0e1510 !important;
    border-top: 0.5px solid #6ABB7814;
    color: #8FA892 !important;
}
.wd-cookies-popup{
    z-index:99999999; 
}	
div#tidio-chat {
    bottom: 20px !important;
    right: -10px !important;
}
.grecaptcha-badge {
    bottom: 160px !important;
    display: none !important;
}	
.scrollToTop {
    bottom: 70px !important; 
    left:20px !important;
}
a.scrollToTop.button-show {
    background-color:#6abb78;
    color: #e8f0eb;
	  border: 1px solid #F5F5FC;
}
a.scrollToTop.button-show:hover{
    background-color:#080d0a;
    color: #e8f0eb;
	  border: 1px solid #F5F5FC;
}




@import url("https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css");

.logo{
    font-family: 'DM Serif Display', serif;
    font-size: 20px;
    color: var(--text);
    cursor: pointer;
    letter-spacing: 0.5px;
	  display:flex;
	  gap:6px;
}
.wd-nav[class*=wd-style-underline] .nav-link-text:after{
    top: 150% !important;
    left: 0;
    width: 0;
    height: 1px !important;
    background-color: #45E67D !important;	
}
.logo a{
    color: var(--text);
}
.d-sze a{
  color: var(--green);
}

.stat-num em {
    color: var(--green);
    font-style: normal;
}


/* contact form css */
.contact-form .qa-label {
    display: block;
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: capitalize;
    color:#8FA897;
    margin-bottom: 0.65rem !important;
}
.contact-form input, .contact-form textarea, .contact-form select {
    width: 100%;
    background: var(--bg2);
    border: 0.5px solid rgba(106, 187, 120, 0.15);
    color: var(--text);
    padding: 25px 14px;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    outline: none;
    transition: border-color 0.2s;
		margin-top:6px !important;
	  border-radius:8px !important;
}
.contact-form textarea {
    min-height: 160px;
    resize: vertical;
}
.contact-form select option{
    background: var(--bg2) !important;
}
.submit-btn .wpcf7-submit {
		font-size: 14px !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    color: #081C15 !important;
    background-color: #6ABB78 !important;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s;
    width: 100%;
    box-shadow: unset !important;
    font-family: 'Arial' !important;
    border-radius: 6px !important;
    padding: 18px 24px !important;
    font-weight: 600 !important;
}
.submit-btn .wpcf7-submit:hover {
    opacity: 0.85;
}
.policy-text {
    font-size: 10px;
    color: var(--dim);
    margin-top: 1rem;
    line-height: 1.65;
	  text-align:center;
}
div.wpcf7 .wpcf7-spinner:before {
    border: 1px solid #e8f0eb !important;
    border-left-color: #e8f0eb !important;
}



/* Success Message */
.wpcf7 form.sent .wpcf7-response-output {
    background: #6abb78;
    color: #081c15;
    border: 1px solid #6abb78;
    padding: 10px 32px !important;
    border-radius: 0px !important;
    margin-top: 20px;
		font-size: 16px !important;
	  border-radius:6px !important;
}
 .wpcf7-response-output {
	 max-width:fit-content !important;
	 margin:20px auto 0 !important;
	 font-size:14px !important;
}
/* Error / Validation Message */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    background: #ff0000;
    color: #fff;
    border: 1px solid #ff0000;
    padding: 10px 32px !important;
    border-radius: 0px;
    margin-top: 20px;
		font-size: 16px !important;
	  border-radius:6px !important;
}

/* Field Validation Error Text */
.wpcf7-not-valid-tip {
    color: #ff0000;
    font-size: 14px;
    margin-top: 5px;
}
.contact-form input::placeholder {
    text-transform: initial !important;
}

/* file upload */
.single-post p.submit-btn {
    text-align: center;
}
.single-post .wpcf7-response-output {
    margin: 20px auto 0px !important;
}
.codedropz-upload-container {
	 padding: 0px 0px;
}
.codedropz-upload-wrapper {
    margin-top: 6px;
}
.codedropz-btn-wrap .cd-upload-btn {
    font-size: 0px !important;
	  display: block;
	  border-radius: 8px;
    border-color: var(--green);
    border: 0.5px solid rgba(106,187,120,0.15);
		padding: 14px 14px 14px 0;
		background: var(--bg2);
		text-align:left;

}
.codedropz-btn-wrap .cd-upload-btn::after {
    content: 'Upload file';
    font-size: 16px;
		color: var(--text);
    text-transform: initial !important;
}
.file-upload input{
padding: 0.8rem 1rem;
width: 100%;
}
.wpcf7-not-valid-tip {
    margin-bottom: 0px !important;
}
label.upload-file-label {
    width: 100%;
    background-color: #F5F5FC;
    border-radius: 4px;
    padding: 0.8rem 1rem;
    color: black;
    display: flex;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 20px;
}

.codedropz-upload-inner span {
    display: none !important;
}
.codedropz-upload-inner h3 {
    display: none;
}
span.dnd-upload-counter {
    display: flex;
    justify-content: right;
    gap: 0px;
    width: 48px;
    margin-bottom: 0;
	  right:10px;
	  font-size:8px;
}
span.dnd-upload-counter span {
    width: 10px;
    margin-bottom: 0;
}
.codedropz-upload-handler {
    border: 0px dashed #c5c5c5;
}
.dnd-upload-status .dnd-upload-details .name {
    color: var(--text);
    padding: 4px 0;
    padding-right: 60px;
    display: flex;
    margin-bottom: 0px;
}
.dnd-upload-status .dnd-upload-details .name em {
    color: var(--text);
    font-weight: 400;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
    background: var(--green);
}
.dnd-upload-status {
    align-items: start;
}
.dnd-upload-status .dnd-upload-image {
    margin-top: 16px;
}
span.dnd-progress-bar {
    margin-bottom: 0px;
}
span.dnd-progress-bar span{
    margin-bottom: 0px;
}
.dnd-upload-status .dnd-upload-details .remove-file span:after {
    background-image: url(/wp-content/uploads/2026/06/cross-circle-svgrepo-com.svg);
}
@media (max-width:768px){
.dnd-upload-status {
    flex-direction: column;
}
.dnd-upload-status .dnd-upload-details {
    width: calc(100% - 0px) !important;
    padding: 0px !important;
    width: 100% !important;
}
span.name {
    flex-direction: column;
    word-break: break-all;
}
.qa-blog .wd-post-img::before {
    background-image: linear-gradient(180deg, rgb(17 17 28 / 40%) 0%, #11111C 100%);
}
}




@media (min-width: 1025px) {
	@media (max-width:1600px) and (min-width:1025px){
	
.banner{
   --min-height:620px !important;
}
.banner h1{
   font-size:60px !important;
}
	
}    

}

@media (min-width: 768px) and (max-width: 1024px) {
	/* global css  */
.whb-header .container, .container-fluid {
    padding-inline: 15px;
}



/* global css end */


/* Header css */
.whb-general-header {
    padding: 0rem 0rem;
}
.wd-nav-mobile>li>a {
    min-height: 50px !important;
}
.wd-nav-mobile>li>a:hover {
    color: var(--green);
}
/* header end */

.scrollToTop {
    bottom: 140px !important;
	  left:10px !important;
}
div#tidio-chat {
  bottom: 120px !important;
  right: 0px !important;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	/* global css  */
.whb-header .container, .container-fluid {
    padding-inline: 15px;
}



/* global css end */

/* Header css */
.whb-general-header {
    padding: 0rem 0rem;
}
.wd-nav-mobile>li>a {
    min-height: 50px !important;
}
.wd-nav-mobile>li>a:hover {
    color: var(--green);
}
/* header end */


/* top bar scroller */
.tick-item {
    padding: 0 1.25rem;
}
/* top bar scroller end  */

.scrollToTop {
    bottom: 140px !important;
	  left:10px !important;
}
div#tidio-chat {
  bottom: 120px !important;
  right: 0px !important;
}
}

@media (max-width: 576px) {
	/* global css  */
.whb-header .container, .container-fluid {
    padding-inline: 15px;
}



/* global css end */

/* Header css */
.whb-general-header {
    padding: 0rem 0rem;
}
.wd-nav-mobile>li>a {
    min-height: 50px !important;
}
.wd-nav-mobile>li>a:hover {
    color: var(--green);
}
/* header end */



/* top bar scroller */
.tick-item {
    padding: 0 1.25rem;
}
/* top bar scroller end  */


/* banner */
.live-panel {
    position: absolute;
    bottom: 3.5rem;
    right: 0.5rem;
    z-index: 3;
    width: 250px;
}

.scrollToTop {
    bottom: 140px !important;
	  left:10px !important;
}
div#tidio-chat {
  bottom: 120px !important;
  right: 0px !important;
}



.btn-primary .elementor-button, .cookies-accept-btn {
    font-size: 10px !important;
    letter-spacing: 1px !important;
    padding: 12px 16px !important;
}
.btn-ghost .elementor-button{
    font-size: 10px !important;
    letter-spacing: 1px !important;
    padding: 12px 16px !important;
}

.wd-el-video{
	 	border-radius:20px !important;
}

.wd-el-video-play-btn:before{
		display:none !important;
}
.footer .wd-nav li a {
    font-size: 12px !important;
}

.img-filter{
    filter: brightness(62%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
}
}