/**
 * Theme Name:     GeneratePress Child
 * Author:         Tom Usborne
 * Template:       generatepress
 * Text Domain:	   generatepress-child
 * Description:    GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
 */


 /***cart***** promotion ****/

.woocommerce-info[data-tl_notice_code="tl_ticket_limit"] {
    color: #856404 !important;
    background-color: #fff3cd !important;
    border-color: #ffeeba !important;
        margin-top: 16px;
    border-radius: 3px;
    font-size: 13px !important;
}

html body .cart-totals .po-savings-amount bdi , html .po-savings-amount bdi ,  html body .cart-totals .po-savings-amount .woocommerce-Price-currencySymbol , html body .cart-totals .po-savings-amount{
    color: #0b9444!important;
}
.cart-product-name-price {
        text-align: left;
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}
.po-free-qty{
        color: #fff;
}
 /*offer promotion page css*/
.btn-add-new{
	background: #000;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;;
    font-size: 15px;
    width: 100%;
    max-width: 206px;
}

.custom-table-delete-form{
	margin-bottom: 0;
}

/* Visually mark the event option that matches the edited offer */
#modal_event_id option.current-offer-event {
	background-color: #1f6feb;
	color: #fff;
}



.post-type-archive-product .woocommerce-pagination{
    display: none!important;
}


/* in your main stylesheet (after the default .coupon_notice rule) */
.coupon_notice {
    display: none !important;
  }
  /* this will win over the above */
  .coupon_notice.show {
    display: flex !important;
  }
  
 /***event page main css***/
.single-tribe_events {
    background-color: #000!important;
}



/****LOADING  ANIMATION STYLES*****/
.single-tribe_events .loading_svg_div {
    display: block; /* Or whatever display mode you prefer */
}

.single-tribe_events .main_content_loading_div {
    display: none;
}
.single-tribe_events .grey {
stroke-dasharray: 788 790;
stroke-dashoffset: 789;
animation: draw_0 3200ms infinite, fade 3200ms infinite;
}

.single-tribe_events .blue {
stroke-dasharray: 788 790;
stroke-dashoffset: 789;
animation: draw_1 3200ms infinite, fade 3200ms infinite;
}

@keyframes fade {
0% {
stroke-opacity: 1;
}
80% {
stroke-opacity: 1;
}
100% {
stroke-opacity: 0;
}
}

@keyframes draw_0 {
9.375% {
stroke-dashoffset: 789
}
39.375% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: 0;
}
}

@keyframes draw_1 {
35.625% {
stroke-dashoffset: 789
}
65.625% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: 0;
}
}




 /***end***/


/* Use the font */
body {
    font-family: 'Poppins', sans-serif;
  
}

/****html****/

html, body {

    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* Ensures padding and border are included in the element's total width and height */

}

body.home html {
    overflow-x: hidden !important;
}



.site.grid-container{
    max-width: 100%!important;
    min-height: 800px;

}

.featured-image , .breadcrumb-trail , #breadcrumbs{
    display: none;
}
/*****end****/



/*****FONTS*****/
.inside-article a, .paging-navigation a, .comments-area a, .page-header a{
    color: #333333!important;
}

html body button:hover{
    color:#fff!important
}
/****END***/

/******WOOOMCOMCE SETTING***/
.columns-4 {
    margin-left: 0;
    display: flex;
    gap: 36px;
    align-items: stretch;
    flex-wrap: wrap;
    flex-direction: row;
}
.section-container{
    padding:50px 5%
}
.woocommerce .container{
    padding: 20px 5%;

}
.woocommerce .separate-containers .inside-article {
    padding-top: 0px !important;
}
.woocommerce-info{
    background-color: #d3fa16!important;
    color:#333333!important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 12px 13px!important;
    border: 0;
    border-left: 10px solid rgba(0, 0, 0, 0.3);
    font-size: 14px!important;
}
.h4.mytickets a {
    font-size: 14px!important;
}
.woocommerce-message {
    background-color: #0b9444;
    color: #ffffff;
    margin-bottom: 0;
}
.woocommerce-message  a{
    color: #ffffff;
}
/****END****/
/****MAIN SITE SETTING*****/
/*
.separate-containers .inside-article{
    padding: 20px 5% !important;
}
*/


/*****END***/


.button{
    border-radius: 4px!important;
}
/****HEADING*****/
.home .tl-header , .single-tribe_events  .tl-header ,  .page-id-708  .tl-header  ,  .user-logged-out .tl-header  ,  .single-tribe_organizer .tl-header  , .woocommerce-cart .tl-header , .woocommerce-checkout .tl-header , .woocommerce-shop .tl-header {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.3);
    padding: 10px 2%;
    border-radius: 10px;
    margin: 15px auto;
    max-width: 1250px;
    width: 90%;
    box-sizing: border-box;
}

.tl-header {
    background-color: #111;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.3);
    padding: 10px 5%;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
   
}
.tl-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.tl-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}
.tl-left img {
    max-width: 200px;
    width: 100%;
}
#menu-main-menu {
    font-size: 14px;
}
.tl-logo-desktop {
    display: block;
}
.custom-logo-link{
    margin-top: 0;
    display: block;
    line-height: 0;
}

.tl-nav {
    display: flex;
    list-style: none;
    gap: 30px;
    margin: 0;
    padding: 0;
}
.tl-nav a {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    font-size: 13px;
}
.tl-login {
    background: #fff;
    color: #000!important;
    padding: 6px 18px;
    border-radius: 20px;
    font-weight: 500;
    font-size: 13px;
    text-decoration: none;
    margin-left: 15px;
    display: inline-block;
}
.tl-lang-switcher {
    margin-right: 10px;
}
.tl-toggle {
    font-size: 29px;
    color: #fff;
    background: none;
    border: none;
    cursor: pointer;
    line-height: 12px;
    position: relative;
    top: -4px;
    margin-left: 3px;
    padding: 0;
}
.menu-btn-custom{
    display: flex!important;
        align-items: center!important;
        justify-content: center!important;
        gap: 14px;
}

.menu-btn-custom svg{
    width: 15px;
    position: relative;
    top:-3px;
}

/*GTRANSLATE OVERRIDES*/
.gt_selected a {
    display: flex;
    align-items: center;
}
.gt_selected a span,
.gt_selected a::after {
    display: none !important;
}
html a.nturl[data-gt-lang="pt"] *:not(img) {
    display: none !important;
}

html  .gt_switcher .gt_option {
    background: inherit !important;
}
.gt_selected a {
    color: transparent !important;
    font-size: 0 !important;
}
html  .gt_switcher .gt_selected {
    background: inherit !important;
    position: relative;
    z-index: 9999;
}
 .gt_switcher .gt_selected a {
    border: 0 !important;
    color: #f7f7f7;
    padding: 0 !important;
    width: fit-content !important;
}
.gtranslate_wrapper {
    display: flex;
    background: inherit !important;
    flex-direction: row;
    gap: 0;
    margin-left: 0 !important;
    width: 100%;
    max-width: 33px !important;
}
html  .gt_switcher .gt_selected {
    background: inherit !important;
}

html body  .gt_switcher a img {
    width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    vertical-align: middle;
    display: inline;
    border: 0;
    padding: 0;
    margin: 0;
    opacity: 1 !important;
    border-radius: 5px !important;
}
html .gt_switcher a img {
    max-width: 20px !important;
}
html .gt_switcher .gt_option a {
    padding: 3px 0px;
}
/*END*/

/* Mobile Off-canvas Menu */
.tl-mobile-nav {
    position: fixed;
    top: 0;
    right: -70%;
    width: 70%;
    height: 100vh;
    background: #000;
    z-index: 10001;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition: right 0.3s ease-in-out;
}
.tl-mobile-nav.open {
    right: 0;
}
.tl-nav-mobile {
    flex-direction: column;
    gap: 3px;
}
.tl-login-mobile{
      color: #000!important;
}
.tl-login-mobile, .tl-signup-mobile {
    background: #fff;
    color: #000;
    padding: 16px 24px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 22px;
    text-decoration: none;
    position: relative;
    top: 21px;
    width: 100%;
    display: block;
    text-align: center;
}
.tl-signup-mobile {
    background: #000;
    color: #fff;
    border: 1px solid #fff;
    margin-top: 17px;
}
#menu-main-menu-1 li a {
    padding: 10px;
    width: 100%;
    display: block;
}
#menu-main-menu-1 li a,
.tl-login-mobile,
.tl-signup-mobile {
    font-family: 'Agrandir' !important;
    font-size: 17px;
    font-weight: 400;
}
#menu-main-menu-1 li a:hover {
    background: linear-gradient(to right, #d3fa16, #00FF85);
    color: #000!important;
    padding: 10px;
    width: 100%;
    display: block;
    border-radius: 5px;
}
.tl-signup-mobile:hover{
    color: #fff;
}
.tl-close-btn {
    background: none;
    border: none;
    color: #fff;
    font-size: 32px;
    align-self: flex-end;
    cursor: pointer;
    margin-bottom: 20px;
}

/* Responsive Behavior */
@media screen and (max-width: 768px) {
    .mobile-menu {
        display: block;
    }
    .tl-logo-mobile {
        display: none;
    }
    .tl-inner {
        padding: 0px;
    }
    #menu-main-menu , .tl-login.desktop-menu{
        display: none;
    }
    .tl-left img {
        max-width: 160px;
    }
   

}
@media screen and (min-width: 769px) {
    .mobile-menu {
        display: none;
    }
}

/* Heading font fix */
@media (max-width: 768px) {
    h1 {
        font-size: 31px;
    }
}
/******END*****/

 /*******HEADER*****/


/***end***/
 .inside-header {
    display: flex;
    align-items: center;
    background: #111111;;
    color: white;
    padding: 5px 3%;
}
.site-branding{
    display: none!important;
}

.info-bar {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #111111;
    padding: 10px 3%;
    border-top: 1px solid #585858;
    font-family: inter, sans-serif;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
}
.draws img{
    max-width: 20px;
}


.notranslate ul{
    background-color: white!important;
    width: 100px!important;
}
.draws {
    white-space: nowrap;
    display: flex;
    gap: 3px;
    align-content: center;
    align-items: center;
    font-weight: 300;
    font-size: 13px;
}

.payment img{
    max-width: 200px;
}
.payment {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 10px;
    font-weight: 300;
    font-size: 13px;
}

@media (max-width:1150px) {
.is-logo-image{
display: none;
 }
 }
@media (max-width:769px) {
	.home .tl-header{
		padding: 10px 5%;
	}
    .site-header .header-image {
        width: 100%;
    }
    .sub-menu-right{
        position: absolute;
        top: 27px;
        background: #111111;
        width: 100%;
        left: 0;
        text-align: center; 

    }
    .main-navigation.toggled .main-nav{
        padding-top: 15px;
        padding-bottom:15px;
    }
    .main-navigation.toggled .main-nav li {
        width: 100%;
        text-align: center;
    }
    .main-navigation .main-nav ul li a {
        padding-left: 0;
        padding-right: 0px;
        line-height: 40px;
        }
        .site-header .header-image{

        }
        .inside-header {
       
            padding: 8px 3%;
        }
        .is-logo-image{
      display: none;
    
        }
        body .site-icon{
            display: block;
        }
        .gp-icon svg {
            height: 2em;
            width: 24px;
            top: .125em;
            position: relative;
            fill: currentColor;
            margin-right: 10px;
        }
        .pro-close{
            float: right;
        }
}



@media (max-width: 600px) {
    .draws , .payment {
      gap: 6px;
        font-size: 12px;
    }
    .payment img {
        max-width: 130px;
    } 
    .info-bar .payment span{
        display: none;
    }
    
}



@media (max-width: 430px) {
    .payment span {
display: none;

    }
}

@media (max-width: 360px) {
    .info-bar .payment img {
        display: none;
    }
}


 /******END******/


 /****footer*****/

.site-footer {
    background-color: #111111;
    color: #ffffff;
    text-align: center;
    padding: 20px;
}
.site-footer-inner h6 {
    font-size: 18px;
    color: white;
    font-weight: 600;
    margin-bottom: 8px;
}
.payment-methods span {
    font-size: 18px;
    color: white;
    font-weight: 600;
}
.social-media {
    display: flex;
    flex-direction: row;
}
.site-footer-inner {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 30px;
    align-items: flex-start;
    max-width: 900px;
    margin: 0 auto;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 28px;
}
.social-media {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 26px;
    align-items: flex-start;
}
.payment-methods {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.social-media span {
    margin-right: 20px;
}
.social-media-inner a {
    margin: 0 5px;
    background: #2973eb;
    padding: 10px;
    line-height: 7px;
    border-radius: 3px;
}
.footer-top {
    display: flex;
    justify-content: center;
    gap: 1px;
    margin-bottom: 20px;
    flex-direction: column;
}
.footer_inner_col {
    display: flex;
    text-align: left;
    flex-direction: column;
    
}
.footer_inner_col p{
    margin-bottom:10px
}
.footer_inner_col p a{
    text-decoration: none;
}
.social-media a,
.payment-methods img {
    margin: 0 10px;
}
.payment-methods img {
    width: 200px;
}
.footer-links a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    margin: 5px 0;
    font-weight: 300;
    font-size: 14px;
}
.footer-contact {
    font-size: 14px;
}
.footer-links a:hover {
    text-decoration: underline;
}
.footer-info p {
    margin-bottom: 0;
}
.footer-info {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 40px;
    font-size: 12px;
}

.footer-info .payment-methods span {
    font-size: 12px;
   
}
.footer-info .payment-methods{
margin-top: 20px;
}



 /****END******/



/*****cart*****/
/***cart***** promotion ****/

.woocommerce-info[data-tl_notice_code="tl_ticket_limit"] {
    color: #856404 !important;
    background-color: #fff3cd !important;
    border-color: #ffeeba !important;
        margin-top: 16px;
    border-radius: 3px;
    font-size: 13px !important;
}

.woocommerce-checkout .woocommerce {
        max-width: 1250px!important;
        color: #fff!important;
}

	html main .inside-article  .wc-backward::hover{
		color:#fff!important
	}
  .woocommerce-cart , .woocommerce-checkout{
            background: #000!important;
                margin-bottom: 30px!important;
    }
     html  .woocommerce-cart .cart-main{
        margin-bottom: 30px!important;
    }
     .woocommerce-cart .entry-content{
    max-width: 1250px;
        margin: 0 auto !important;

}

html .cart-product-name-price a{
    color: #fff !important;
    text-decoration: none;
}

.order-terms{
        margin-top: 15px;
    font-size: 12px!important;
    color: #838383;
    text-align: left;
    margin-bottom: 0!important;
}
.order-terms a{
     color: #838383!important;
}

#cart-hold-banner{
       background-color: #141414;
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 14px;
    padding: 14px;
    border-radius: 10px;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 300;
}
#hold-countdown{
    font-weight: 600;
    color: white;
}
/*
.product-name a{
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
    color: var(--dark-grey);
}

 .cart_totals{
    background:#111111;
    border-radius: 11px;
    padding: 11px;
    color:white!important

}
html .woocommerce a.remove 
{
    color: red !important;

}
.variation-Vendor{
    display:none!important
}

 html .inside-article a.woocommerce-remove-coupon
{
    color: red !important;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 300;
}
.woocommerce table.shop_table .product-remove:after{
    content: "Remove";
  

}
.woocommerce table.shop_table .product-remove{
    content: "Remove";
    display: flex;
    font-size: 14px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 10px;

}
.woocommerce-cart .product-price , .woocommerce-cart .product-subtotal{
    color:rgb(0, 0, 0)!important
}
.woocommerce-cart .product-name .variation dt , .product-name .variation  dd{
    font-size: 15px!important;
    font-weight: 500!important;
}
.variation-Answer{
    display: none!important;;
}
.woocommerce-cart .product-thumbnail img{
    width: 120px!important;
}

.woocommerce table.shop_table .product-remove{
    border-radius: 5px 0px 0px 5px!important;
}

.woocommerce table.shop_table .product-subtotal{
    border-radius: 0px 5px 5px 0px!important;
}

button[name="update_cart"] {
    color: white!important;
   
}
.cart_totals h2{
    font-size: 23px !important;
    font-weight: 700 !important;
    color: white!important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
    color: black!important;
}
.woocommerce .coupon .button{
    background-color: #fff;
    border: 1px solid #333!important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    color: black!important;
    font-size: 20px;
    font-weight: 600;
    max-width: 100%;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
    color: white!important;
}
.woocommerce-cart .cart-subtotal  {
    border-bottom: 1px solid #d3fa16;
    font-size: 14px;
    padding: 15px;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    margin-bottom: 0px;
    border-radius: 5px 5px 0 0px;
    gap: 10px;
    justify-content: space-between;
}
.woocommerce-cart .variation-Vendor{
    display:none
}

.woocommerce-cart .fee {
    font-size: 14px;
    padding: 15px;
    display: flex;
    flex-direction: row;
    margin-bottom: 0px;
    border-radius: 5px 5px 0 0px;
    padding-bottom: 0;
    gap: 10px;
    justify-content: space-between;
}
html .woocommerce .cart .button{
color:black!important
}
.woocommerce-cart .cart-discount  {
    font-size: 14px;
    padding: 15px;
    display: flex;
    flex-direction: row;
    margin-bottom: 0px;
    border-radius: 5px 5px 0 0px;
    padding-bottom: 0;
    gap: 10px;
    justify-content: space-between;
}
.woocommerce-cart .order-total{
    padding: 15px;
    margin-top: 0px;
    display: flex;
    flex-direction: row;
    margin-bottom: 0px;
    border-radius: 0 0 5px 5px;
    gap: 10px;
    justify-content: space-between;
}

.checkout-button {
    color: white!important;
}
html .wc-proceed-to-checkout a:hover{
background:#111!important;
	border: 1px solid #fff;
}*/
/*******END******/





/*****CHECKOUT*****/
html .woocommerce-SavedPaymentMethods-saveNew {
    display: none!important;
    }
    .entry-content .woocommerce{
        padding: 50px 5%;
    }
    .woocommerce-message {
    
        width: 100%;
        margin-bottom: 24px;
    }
    .woocommerce-additional-fields , .woocommerce-shipping-fields{
        display: none!important;
    } 
    .woocommerce-checkout .col2-set {
        width: 40%!important;
    
    }
    #customer_details+#wc_checkout_add_ons, #order_review, #order_review_heading {
        width: 54%!important;
    
    }
    #terms_and_conditions_field label{
        font-size: 15px;
        line-height: 22px;

    }
    
     .woocommerce-form-coupon-toggle{
        display:none
    }
    form.woocommerce-checkout{
    margin: 0 5%;
    
    }
    .product-image img{
        max-width: 120px;
    
    }
    .cart-totals .fee{
        font-size: 14px;
    }
    .woocommerce-checkout form input{
    
        border: 1px solid #e5e5e5!important;
        border-radius: 4px!important;
        box-shadow: none;
        color: #16110e!important;
        display: block;
        font-size: 16px!important;
        line-height: 28px!important;
        opacity: 1;
        padding: 12px 16px 12px 16px!important;
        transition: all .2s ease!important;
    }
    
    
    .woocommerce form p.form-row label:not(.checkbox,.woocommerce-form__label-for-checkbox) {
        position: relative;
        font-size: 12px;
        background: white !important;
        top: 16px;
        width: fit-content;
        padding: 3px;
        z-index: 9;
        left: 13px;
        color: #5f6061!important;
        transition: all .2s ease;
        white-space: nowrap;
    
    }
    .woocommerce-checkout .woocommerce form p.form-row label:not(.checkbox,.woocommerce-form__label-for-checkbox)
{
    color: #fff !important;
    background: inherit !important;
    top: 0;
    left: 0;
}
    .woocommerce-billing-fields input.input-text:focus {
      border: 1px solid rgba(255, 255, 255, 0.3) !important
    }

    
    .payment_box p{
        color: #ffffff!important;
    }
    .payment_method_stripe{
        margin-top:0!important
    }
    html .wc_payment_method.payment_method_stripe .Input:autofill:not(.p-Input--delayAutofillStyles) {
        -webkit-text-fill-color: rgb(0, 0, 0) !important;
        box-shadow: 0 0 0 100px rgba(0, 0, 0, 0) inset !important;
        transition: none !important;
    }
    
    .cart-totals{
background-color: rgba(255, 255, 255, 0.05)!important;
        padding: 15px;
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
        border-radius: 5px;
        color: white;
    }
   
    .order-total{
        font-weight: bold;
        font-size: 18px;   
    }
    
    
    .woocommerce-form-login-toggle .woocommerce-info{
        background-color: transparent;
        color: #5f6061;
        border: 0;
        font-size: 14px;
        padding-left: 1% !important;
        margin-bottom: 0;
        padding: 0;
    }
    
    .woocommerce-form-login-toggle .showlogin{
        cursor: pointer;
        font-weight: 700;
        color: #000000;
        outline: none;
        padding: 0;
        text-decoration: underline;
        font-size: 14px;
    }
    .woocommerce-form-login-toggle .showlogin:hover{
        color: var(--blue);
    }
    
    .woocommerce-form-login-toggle .woocommerce-info {
    background-color: transparent;
    color: #5f6061;
    border: 0;
    font-size: 14px;
    padding-left: 5%;
    margin-bottom: 0;
    
    }
    /* =============================================================================
   Checkout-only placeholder styling
   ============================================================================= */
body.woocommerce-checkout .woocommerce input::placeholder,
body.woocommerce-checkout .woocommerce textarea::placeholder {
  color: #a69b9b!important;  /* placeholder color */
 font-size: 13px!important;
  opacity: 1;          /* ensure it’s fully visible */
}

/* WebKit (Chrome, Safari) */
body.woocommerce-checkout .woocommerce input::-webkit-input-placeholder,
body.woocommerce-checkout .woocommerce textarea::-webkit-input-placeholder {
  color: #a69b9b!important;
 font-size: 13px!important;
  opacity: 1;
}

/* Firefox 19+ */
body.woocommerce-checkout .woocommerce input::-moz-placeholder,
body.woocommerce-checkout .woocommerce textarea::-moz-placeholder {
  color: #252525!important;
 font-size: 13px!important;
  opacity: 1;
}

/* Firefox 4–18 */
body.woocommerce-checkout .woocommerce input:-moz-placeholder,
body.woocommerce-checkout .woocommerce textarea:-moz-placeholder {
  color: #a69b9b!important;
 font-size: 13px!important;
  opacity: 1;
}

/* IE 10–11 */
body.woocommerce-checkout .woocommerce input:-ms-input-placeholder,
body.woocommerce-checkout .woocommerce textarea:-ms-input-placeholder {
  color: #a69b9b!important;
  font-size: 13px!important;
}

/* Edge */
body.woocommerce-checkout .woocommerce input::-ms-input-placeholder,
body.woocommerce-checkout .woocommerce textarea::-ms-input-placeholder {
  color: #a69b9b!important;
 font-size: 13px!important;
}

    
    .woocommerce-checkout #respond input#submit, .woocommerce-checkout a.button, .woocommerce-checkout button.button, .woocommerce-checkout input.button {
        color: var(--white);
        background-color: var(--blue);
        white-space: pre;
        width: fit-content;
        border-radius: 4px;
    }
    .woocommerce-checkout h3 {
        font-family: Poppins, sans-serif;
        font-size: 23px!important;
        margin-bottom: 20px;
        line-height: 1.2em;
        font-weight: 700!important;
        text-transform: none;
    }
    .woocommerce-checkout .entry-title  , .woocommerce-cart  .entry-title{
        font-size: 30px !important;
    }
    
    
    .woocommerce-privacy-policy-text{
        display:none
    }
    
    
    
    
    .woocommerce-checkout .woocommerce-form-login{
    
        max-width: 700px;
        background-color: #fff !important;
        padding: 20px !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        box-sizing: border-box;
        z-index: 10000000;
        width: 100%; /* Ensures it stays responsive */
    }
    
    .login_overlayer{
        background: #00000091;
        height: 100vh;
        position: fixed;
        width: 100%;
        z-index: 100;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .woocommerce-form-login p{
        margin-bottom: 0;
        font-size: 14px;
    }
    .woocommerce-form-login__submit{
        border-radius: 5px!important;
        padding: 6px 20px!important;
    
    }
    html .woocommerce-form-login__rememberme{
        display:none!important
    }
    
  
    html body.woocommerce-checkout input:focus {
        border: 2px solid var(--blue)!important;
        outline: none;
    }
    .checkout_coupon ,  .coupon{
        display: flex;
        align-items: center;
        align-content: space-between;
        flex-wrap: wrap;
    }
    .checkout_coupon input , .coupon input{
        font-size: 15px !important;
        max-height: 40px;
        border-radius: 4px;
    }
    html .checkout_coupon button , .coupon button {
        margin: 0!important;
        max-height: 40px!important;
        max-height: 51px!important;
        line-height: 21px!important;
        font-size: 15px!important;
        border-radius: 4px!important;
    }
    .checkout_coupon button{
        background-color: white!important;
        color: #333333!important;
        border: 1px solid #333333!important;
    }
    
    .product-name{
        font-weight: 700;
        font-size: 18px;
    
    }
    .product-name{
        text-transform: capitalize;
    }
    .product-quantity , .product-name{
        margin-bottom: 0!important;
       
    }
    .quantity_span{
        font-weight: 700;
        font-size: 13px;
    }
    .product-total{
        font-weight: 700;
        font-size: 15px;  
    }
    
    .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
        float: none;
        width: 100%;
        font-size: 19px!important;
        border-radius: 5px!important;
        color: #333333;
    }
    .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover{
        color: #fff!important;
    }
    

body .woocommerce-billing-fields, body #order_review {
        background-color: #141414!important;
    border: 1px solid rgba(255, 255, 255, 0.1)!important;
    box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.3);
    padding: 20px;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
}
    
    @media (max-width: 768px) {
        .woocommerce-checkout .col2-set , #order_review {
    
            width: 100% !important;
        
        }
        #order_review_heading{
            margin-top:50px
        }
        #customer_details h3{
            margin-bottom: 0;
        }
        .footer_inner_col {
      
            text-align: left;
        }
        .policy-nav-list {
            gap: 20px!important;
            row-gap: 16px!important;
        }
        .woocommerce-checkout .woocommerce-form-login {
            max-width: 700px;
            background-color: #fff !important;
            padding: 20px !important;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            box-sizing: border-box;
            z-index: 100000;
            width: 100%; /* Ensures it stays responsive */
        }
        body .site-footer-inner {
            flex-direction: inherit;
            justify-content: inherit;
            flex-wrap: wrap;
            gap: inherit;
            align-items: inherit;
            max-width: inherit;
            margin: inherit;
            border-top: 1px solid rgba(255, 255, 255, 0.2);
            padding-top: 28px;
            display: flex;
            flex-wrap: wrap;
            padding: 25px 0;
            gap: 20px;
        }
    }
        
    @media (max-width: 360px) {
        body .site-footer-inner {
            flex-direction: column!important;
        }

    }
    
    
    /*******END******/
    
    


/******THANK YOU PAGE*****/

.woocommerce-order-received .wrong-answer{
    display:none;
}
.woocommerce-order-received .content-area{
    padding: 30px 5%;
}

.woocommerce-order-received .woocommerce-order{
    padding: 30px 5%;
}
html .woocommerce-order-received .inside-article{
    padding:0!important
}

.woocommerce-order-received .woocommerce-order-overview{
    display: flex;
    flex-direction: column;
    gap: 20px;
}






/*******END*****/




/******ACCOUNT PAGE *****/

.woocommerce-account .woocommerce-button , .woocommerce-account button.button , .woocommerce-account .order-again a{
    background: #000!important;
    border: 1px solid #000!important;
    padding: 5px 10px!important;
    font-size: 13px;
    color:#fff!important;
    margin: 2px 5px!important;
}
.woocommerce-view-order .woocommerce-customer-details{
    display: none;
}
.woocommerce-view-order .order-status{
width: fit-content;
}
.woocommerce-account .refund-request-btn{
    background: #fff!important;
    border: 1px solid #000!important;
       color:#000!important;
}
.woocommerce-MyAccount-content .vendor-dashboard , .woocommerce-MyAccount-navigation-link--following , .dokan-account-migration-lists{
display:none!important;
}
.woocommerce-MyAccount-content a{
    color: #000000!important;
}
.woocommerce-MyAccount-content{
    padding-top:50px
}
.woocommerce-MyAccount-navigation{
    background:#111111;
    padding: 15px 20px;
border-radius: 11px;
}
 body .woocommerce-MyAccount-navigation ul li a {
    color:white!important;
}

.woocommerce-account  .site.grid-container {
    max-width: 100% !important;
    min-height: auto;
    
}
.woocommerce-account .woocommerce{
    padding:50px 5%!important
}
 
.woocommerce-view-order .wrong-answer{
    display:none;
}   .woocommerce-MyAccount-navigation-link--comp-tickets a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f145'; /* FontAwesome Unicode for ticket icon */
    margin-right: 8px;
    font-weight: 900;
}

.woocommerce-MyAccount-navigation-link--host_dashboard a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f0e4'; /* FontAwesome Unicode for tachometer icon */
    margin-right: 8px;
    font-weight: 900;
}
.woocommerce-MyAccount-navigation-link--orders a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f291'; /* FontAwesome Unicode for shopping-bag icon */
    margin-right: 8px;
    font-weight: 900;
}
.woocommerce-MyAccount-navigation-link--my-raffle-wins a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f091'; /* FontAwesome Unicode for shopping-bag icon */
    margin-right: 8px;
    font-weight: 900;
}
.woocommerce-MyAccount-navigation-link--support-tickets a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f05a'; /* FontAwesome Unicode for shopping-bag icon */
    margin-right: 8px;
    font-weight: 900;
}

.woocommerce-MyAccount-navigation-link--payment-methods{
    display: none!important;
}
.woocommerce-MyAccount-navigation-link--payment-methods a:before{
    font-family: 'Font Awesome 5 Free';
    content: '\f09d'; /* FontAwesome Unicode for download icon */
    margin-right: 8px;
    font-weight: 900;
}
.woocommerce-MyAccount-navigation-link--downloads a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f019'; /* FontAwesome Unicode for download icon */
    margin-right: 8px;
    font-weight: 900;
}
.woocommerce-MyAccount-navigation-link--edit-address a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f2bb'; /* FontAwesome Unicode for address-book icon */
    margin-right: 8px;
    font-weight: 900;
}

.woocommerce-MyAccount-navigation-link--dashboard a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f0e4'; /* FontAwesome Unicode for tachometer icon */
    margin-right: 8px;
    font-weight: 900;
}
.woocommerce-MyAccount-navigation-link--edit-account a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f007'; /* FontAwesome Unicode for user icon */
    margin-right: 8px;
    font-weight: 900;
}
.woocommerce-MyAccount-navigation-link--following a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f54e'; /* FontAwesome Unicode for store icon */
    margin-right: 8px;
    font-weight: 900;
}
.woocommerce-MyAccount-navigation-link--customer-logout a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f2f5'; /* FontAwesome Unicode for sign-out-alt icon */
    margin-right: 8px;
    font-weight: 900;
}

.woocommerce-MyAccount-navigation ul li a{
color: var(--dark-grey)!important;
text-decoration: none;

}

h4.woocommerce-products-header__title.page-title.mytickets.active, h4.woocommerce-products-header__title.page-title.mytickets.active, h4.woocommerce-products-header__title.page-title.mytickets:hover {
    background:#d3fa16!important;
    color: #333333!important;
    font-size: 16px;
}

h4.woocommerce-products-header__title.page-title.mytickets a{
    color:  #333333!important;
}
h4.woocommerce-products-header__title.page-title.mytickets{
    font-size: 16px;
    background: #eee;
    color:  #333333!important;
}



.woocommerce-account form input {
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    box-shadow: none;
    color: #16110e !important;
    display: block;
    font-size: 16px !important;
    line-height: 28px !important;
    max-width: unset !important;
    opacity: 1;
    padding: 12px 16px 12px 16px !important;
    transition: all .2s ease !important;
    width: 100% !important;
}





/***raffle review****/
/* Spinner container */
#loading-spinner {
    display: none; /* Hidden by default */
    text-align: center;
    padding: 20px;
}

/* Spinner animation */
#loading-spinner .spinner {
    border: 5px solid #f3f3f3; /* Light grey */
    border-top: 5px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    margin: 0 auto;
}

/* Spinner text */
#loading-spinner p {
    font-size: 16px;
    color: #333;
    margin-top: 10px;
}

/* Animation keyframes */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.raffle-wins-list li{
    list-style:none
}

.raffle-win-review{
color: #FFFFFF !important;
background: #2973eb !important;
border-color: #2973eb !important;
padding: 3px 6px;
border-radius: 5px;
text-align: center;
margin-top: 15px;

}
.raffle-win-review a{
    color: #FFFFFF !important;
    font-size: 13px;
    text-decoration: none;

}
.text_with_bk {
    color: #d3fa16;

}

.raffle-wins-list {
  margin: 30px 0 ;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 28px;
    align-content: flex-start;
    align-items: flex-start;
}
.raffle-win-item{
    width: 100%;
    max-width: 500px;
    background: #f8f8f8;
    padding: 20px;
    border-radius: 5px;
    border: 2px solid #f2f2f2;
}


.woocommerce-account .wiining_raffles_number li{
    list-style:none
}
.woocommerce-account .woocommerce-review__header{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;

}
.woocommerce-account .woocommerce-review__avatar img {
    border-radius: 100px;
    margin-right: 10px;
    max-width: 32px;
}
.woocommerce-account .woocommerce-review__published-date {
    font-size: 13px;
}
.woocommerce-account .woocommerce-review{
    width: 100%;
    max-width: 900px;
    background: #f8f8f8;
    padding: 20px;
    border-radius: 5px;
    border: 2px solid #f2f2f2;
    margin: 30px 0;
}
.woocommerce-account .woocommerce-review__title{
    font-size: 21px;
    margin-top: 10px;
    font-weight: 700;
    margin-bottom: 10px;
}
.woocommerce-account .comment-text .description p{

    margin-bottom: 0px!important;
}

.woocommerce-account .woocommerce-Reviews-title{
    font-size: 27px;
    font-weight: 800;
    margin-top: 73px;

}

.woocommerce-review__image{
    max-width: 300px;
    margin-top: 20px!important;

}
.woocommerce-review__image img{
    margin-bottom: 0!important;
}

#write-review h3{
    font-size: 20px;
    font-weight: 800;
    margin-top: 90px;
}
input[type="submit"][name="submit_store_review"] {
    color: white !important;
    font-weight: 600;
    max-width: 200px !important;
}
/***end***/


@media (max-width: 550px) {
 
   .mobile-menu-control-wrapper .menu-bar-items .amount{
        line-height: 0;
        font-size: 12px;
    }
    h4.woocommerce-products-header__title.page-title.mytickets.active, h4.woocommerce-products-header__title.page-title.mytickets.active, h4.woocommerce-products-header__title.page-title.mytickets a {
        font-size: 14px!important;
    }
    h4.woocommerce-products-header__title.page-title.mytickets{
        margin: 0!important;
    }
    .woocommerce-account header.woocommerce-products-header {
        margin-bottom: 15px;
        display: flex;
        gap: 20px;
        margin-top: 30px;
    }
    .woocommerce-MyAccount-navigation ul{
        display: grid;
        grid-template-columns: 50% 50%;
        justify-items: start;
        align-items: center;
        justify-content: center;
    }
    .woocommerce-MyAccount-navigation li a {
        padding: 9px 0!important;
        border-bottom: 0px solid rgba(0, 0, 0, 0.1)!important;

    }
    .woocommerce-MyAccount-navigation ul li a:before{
        
    }
    .woocommerce-MyAccount-content{
        margin-top: 30px;
    }
    .woocommerce-MyAccount-content  .woocommerce-form-row span{
font-size: 13px;
line-height: 13px!important;
margin-top: 10px;
    }  
    .woocommerce-MyAccount-content  .woocommerce-form-row{
        line-height: 17px;
    } 
    .woocommerce-MyAccount-content fieldset legend {
        padding: 0;
        margin-bottom: -10px
        
    }
    .woocommerce-MyAccount-content{
        padding-top:0px
    }
}



/*******END*****/



/*****Dokan dashboard page******/
.dokan-dashboard header.dokan-dashboard-header h1 {
    border-bottom: 0px solid #EDEDED!important;
    padding: 0 0 15px 0!important;
    line-height: 1.25;
    display: flex !important;
    align-items: center;
    margin: 0 0 0px 0!important;
    justify-content: flex-start;
}
.dokan-dashboard header.dokan-dashboard-header{
    margin-bottom: 30px!important;
}

.dokan-dashboard-header{
    border-bottom: 1px solid #EDEDED;
  
}
.dokan-dashboard-header .dokan-page-description{
max-width: 800px;
font-size: 16px;
color: #888;
}
.dokan-page-icon{
    background: #eee;
    padding: 10px;
    width: 33px;
    height: 33px;
    border-radius: 7px;
    line-height: 12px;
    display: flex
;
    font-size: 16px;
    margin-right: 10px;
    text-align: center;
    align-items: center;
    justify-content: center;
  
}

.entry-title small{
    display: none;
}
.dokan-dashboard .entry-content .woocommerce {
    padding: 0;
}

.dashboard-organiser-settings-page .dokan-row {
margin: 0!important;
}
/****END***/



/******DEFULTS SETTINGS***/
.black-defult-btn{
    background: #000;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 15px;
    width: 100%;
    max-width: fit-content;
}
.black-defult-btn:hover{
    background-color: #d3fa16;
    color: #111!important;
}

/****END***/
.greeting-message{
    text-transform: capitalize;
}


.dashboard-main-wrapper{
    margin: 0px 10px;
}
.event-card-container-wrapper-all{
    display: flex ;
        margin: 20px 0px;
        gap: 20px;
        margin-top: 30px;
        justify-content: space-between;
        
}
.event-card{
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
    text-align: left;
    border: 1px solid #ececec;
    flex: 1 1 calc(33.33% - 20px); 
    max-width: calc(33.33% - 20px)
}
.event-list {
    margin-top: 20px;
}
.event-list{
    max-width: 100%!important;
}
.event-list .event-card-title{
    margin-top: 0;
    margin-bottom: 9px;
}
.event-list .ticket-card{
    background: #fff;
    border-radius: 0;
    padding: 0;
    padding-top: 12px;
    text-align: center;
    box-shadow: inherit;
    border:inherit!important;
    border-top: 1px solid #ececec!important;
}
.event-list p , .event-organizer{
    margin-bottom: 0!important;
    color: #555;
    font-size: 12px;
}
.event-list .tickets-section {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    column-gap: 80px;
}
.dashboard-organizer-card img{
    width: 43px;
    height: 43px;
    object-fit: cover;
    border: 1px solid #eee;
    border-radius: 100px;

}
.dashboard-organizer-dropdown{
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 13px;
    border: 1px solid #cfcccc;
    width: 100%;
}
.dashboard-organizer-name{
    margin-top: 8px!important;
    text-transform: capitalize;
}
.dashboard-organizer-total-events{
    margin-bottom: 10px;
    margin-top: 18px;
    font-size: 14px;
    color: #000;
    font-weight: 600;

}

.inside-article .dashboard-organizer-action{
    font-size: 12px;
    color: #838383!important;
    text-decoration: underline;
}
.dashboard-organizer-actions{
    display: flex;
        gap: 9px;
}
.event-card-title{
font-size: 19px!important;
font-weight: 600;
}

.event-card-icon{
    width: fit-content;
    background: #eee;
    padding: 7px 14px;
    font-size: 15px;
    border-radius: 9px;
}
.event-card-title{
    margin-top: 25px;
    margin-bottom: 9px;
}
.event-card-description{
    font-size: 14px;
    color: #838383;
}
.event-card-button{
    font-size: 15px;
    background: #fff;
    border: 1px solid #cfcccc;
    width: 100%;
    border-radius: 6px;
    padding: 5px;
    line-height: 29px;
}
.event-card-button-exprt{
    background-color: #000;
    color: #fff;
}
.event-card-button:hover{
    color: #000;
    background-color: #000;
}

.event-aggregated-totals-wrapper{
    display: flex;
        justify-content: space-between;
        align-items: center;
}
.event-name-ticket-card{

}
.event-sales-report-link a{
    border-radius: 4px;
    font-size: 12px;
    padding: 5px 20px;
    color:#fff!important;
    border: 0!important;
}
.event-sales-report-link a:hover{

}
.event-name-wrapper{
    display: flex;
        gap: 12px;
        flex-wrap: wrap;
}
.event-name-wrappe{
    display: flex;
}
.event-image-name-wrapper{
    display: flex;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;

}
.event-image-name-wrapper img{
    width: 70px;
    max-height: 50px;
    object-fit: cover;
}

.dashboard-main-wrapper .sales-report-header{
margin-top: 20px;
}
.dashboard-main-wrapper  .sales-report-header .event-card{
max-width: 100%;
}
.dashboard-main-wrapper .ticket-card-title-wrap {
align-items: center;
}



@media (max-width:960px) {
 html .dashboard-page{
    width: 100% !important;
 }
  
.event-card-container-wrapper-all{
  flex-wrap: wrap;
}
.event-card{ 
    max-width: 100%!important;
}
.event-card-first , .event-card-second{
flex: 1 1 100%;
}
.event-card-last{
    flex: 1 1 100%!important;
}
#tribe-community-events {
    max-width: 95vw!important;
    margin-left: 0!important;
    padding-left: 0!important;
}
#tribe-community-events form{
    width: 100%;
}
}

@media (max-width:450px) {
    .event-card-container-wrapper-all {
        flex-direction: column-reverse;
    }
    
   .event-card-first , .event-card-second{
    flex: 1 1 100%;
   }
   .event-card-last{
       flex: 1 1 100%;
   }
   .event-list .ticket-card {
        max-width: 250px;
    }
    .event-card-title {
        font-size: 17px !important;
    }    
   }


   @media (max-width:330px) {
 
   .event-list .ticket-card {
    max-width: 186px;
    }
   
   }



/*******END*****/


/*****Dokan dashboar all******/

/*****Dokan dashboard******/

.dashboard-content-area h1{
	    font-weight: 700;
}
.dokan-profile-completeness{
    display: none!important;
}
body .custom-vendor-dashboard-header{
    padding: 12px 1% 12px 1%;
}
.custom-vendor-dashboard-header .dashboard-logo{
    width: 45px!important;
}
    html body.dokan-dashboard .dokan-dashboard-content {

        padding: 0 0% !important;
    }
.dokan-dashboard .dokan-dashboard-wrap{
    padding: 20px 4%;
    flex-direction: column;


}

.dokan-dashboard  #generate-slideout-menu{
    display: none;
}

.dokan-product-listing-area select , .dokan-orders-area select{
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
    background-color: #fff; 
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="5" viewBox="0 0 4 5"><path fill="%23000" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding: 4px 22px 4px 10px !important;
}
.dokan-orders-content .dokan-orders-area .dokan-order-filter-serach .dokan-left .dokan-form-group input{
    background: #fff;
}
.dokan-dashboard-content ul.dokan_tabs li{
    background: #fff!important;
}
.dokan-withdraw-content .dokan-withdraw-area .dokan-panel-body .dokan-panel-inner-container p {
    margin-bottom: 5px;
    font-size: 15px;
}
.dokan-panel-heading {
    font-size: 16px;
}
body.dokan-dashboard .entry-header .entry-title {
    display:none!important
}
body.dokan-dashboard , .dokan-dashboard .dokan-dashboard-content{
    
background-color: #f8f8f8!important
}

.dokan-dashboard .inside-header , .dokan-dashboard  .info-bar , .dokan-dashboard-content .big-counter {
display:none!important
}
body .dashboard-content-area_dashboard .dokan-profile-completeness{
    display: block!important
}
.dashboard-content-area .big-counter , .custom-vendor-dashboard-header .dokan-profile-completeness{
    display: block!important
}

html .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu{
    overflow: auto; 
    height: 100vh;
    background-color: #111111 !important;
    background: #111111 !important;
    padding-top: 20px;
   
}
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li ul.navigation-submenu {
    box-shadow: inherit!important;

}
.navigation-submenu .payment , .dokan-dashboard-menu .announcement  {
display:none!important
}
.dokan-dashboard-menu{
    background-color: #111111 !important;
}
.dokan-dashboard .grid-container {
    max-width: 100%;
}
html .dokan-dashboard .dokan-dash-sidebar, .dokan-dash-sidebar  , .dokan-dashboard-menu li{
    background-color: #111111 !important;
}
/****stats sections */
.dokan-dashboard-wrap, 
.dokan-dashboard-wrap a, 
.dokan-dashboard-wrap p, 
.dokan-dashboard-wrap .title, 
.dokan-dashboard-wrap .count, 
.dokan-dashboard-wrap .percentage-change, 
.dokan-dashboard-wrap ul, 
.dokan-dashboard-wrap li, 
.dokan-dashboard-wrap h1, 
.dokan-dashboard-wrap h2, 
.dokan-dashboard-wrap h3, 
.dokan-dashboard-wrap h4, 
.dokan-dashboard-wrap h5, 
.dokan-dashboard-wrap h6 {
    font-family: Poppins, sans-serif;
}
.dokan-dashboard-wrap h1{
    font-size: 29px!important;
}
html  input[type='submit'].dokan-btn-danger,  html body a.dokan-btn-danger, html body .dokan-btn-danger {
    color: #fff !important;
    background-color: #2973eb!important;
    border-color: #2973eb !important;
}

html body .dokan-coupon-content .checkbox label , html body .dokan-coupon-content .checkbox .help{
    font-size: 13px!important;
}
.dokan-coupon-content .dokan-control-label{
    font-size: 16px!important;
    font-weight: 600!important;

}
.dokan-coupon-content .dokan-form-group input.input-md{
    border: 1px solid #e5e5e5 !important;
    padding: 6px 20px!important;
    font-size: 13px!important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    box-shadow: none;
    background-color: #fff!important;
    color: #16110e !important;
    display: block;
    opacity: 1;
    transition: all .2s ease !important;
    width: 100% !important;
}
.dokan-coupon-content .dokan-form-group input {
    border: inherit!important;
    border-radius: inherit!important;
    box-shadow: inherit!important;
    color: inherit!important;
    display: inherit!important;
    font-size: inherit!important;
    line-height: inherit!important;
    opacity:inherit!important;
    padding:  inherit!important;
    transition: all .2s ease !important;
    width: inherit!important
}

.dokan-dashboard .dokan-dashboard-content article.dokan-settings-area .dokan-payment-settings-summary div.payment-methods-listing-header > h2 {
    font-size: 22px;
}


.dokan-dashboard  .entry-title{
    display: block!important;
}

.dokan-dashboard .dokan-right, .dokan-dashboard .dokan-left {
    white-space: normal;
}




.dokan-add-product-link{
  position: relative;
  top: 12px;
}
.dokan-dashboard .dokan-dashboard-content {
    overflow: hidden;
    margin-top: 0px;
    width: 80% !important;
    flex: 5 auto;
    padding: 0!important;
    background: white;
    margin: 16px!important;
}
.dokan-dashboard-divider {
    background-color: #2399f7;

}
.dokan-order-details-wrap .order-status , .dokan-order-details-wrap .customer-details{
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 12px;
}

.dokan-order-details-wrap .dokan-table > thead > tr > th {

    border-bottom: 0px solid #EDEDED;
}
.dokan-order-details-wrap .dokan-table {

    border: 0px;
}
#dokan-order-notes{
    display:none
}
.top-3 {
    top: inherit;
}
.dokan-orders-content .dokan-orders-area .general-details ul.order-status  , .dokan-order-details-wrap .customer-details span {
  
    font-size: 14px!important;
}
.order-product-variation{
    margin-bottom: 5px;
}

.text-gray-500 {

    color: #333333;
}
.search-item span{
    font-size: 14px;
}
.search-item h3{
    display: flex;
    align-items: center;

}.search-item p{
    margin-bottom: 0;
}
.bg-white {

    color: #333333;
}
.text-primary {
    color: #2973eb;
}
.border-primary {
    border-color: #2973eb;
}

#profile-completeness .rounded-md{
    height: fit-content; 
}
.bg-primary {
    background: #2973eb;
    border-radius: 6px;
    color: #fff;
    font-weight: 600;
}
.old-dashboard-switch-ui{
    display: none;
}
.progress_btn{
    margin-right: 10px;
    padding: 5px 10px;
    font-size: 13px;
    background: #d3fa16;
    color: #111!important;
    border-radius: 6px;
}
.dokan-alert-info{
    background-color: #111;
    border-color: #111;
    color: #ffffff;
}
html .dokan-dashboard  .dokan-profile-completeness .dokan-alert  {
    font-size: 15px!important;
}
body .dokan-vendor-dashboard-nav   {
   
    display: block!important;
}
.dokan-progress-bar {
    color: #000!important;
}
.dokan-dashboard-wrap .dokan-form-group #insert-media-button, input[type="submit"].dokan-btn-theme, a.dokan-btn-theme, .dokan-btn-theme {
    color: #FFFFFF !important;
    background: #2973eb !important;
    border-color: #2973eb !important;
    text-decoration: none!important;
}
.dokan-dashboard-wrap input[type='submit'].dokan-btn-success, .dokan-dashboard-wrap  a.dokan-btn-success, .dokan-dashboard-wrap .dokan-btn-success {
    color: #fff !important;
    background-color: #2973eb !important;
    border-color: #2973eb !important;
}

.dokan-dashboard-wrap .dokan-dash-sidebar #dokan-navigation .dokan-dashboard-menu .settings .navigation-submenu .current a {
    color: #fff;
    background-color: #2973eb !important;
    border-color: #2973eb !important;
}

 .entry-title {

    font-size: 25px!important;
}
.dokan-announcement-wrapper .dokan-no-announcement .annoument-no-wrapper p {
   
    font-size: 20px;
}
.dokan-new-product-area input {


        border: 1px solid #e5e5e5 !important;
        border-radius: 4px !important;
        box-shadow: none;
        color: #16110e !important;
        display: block;
        font-size: 16px !important;
        line-height: 16px !important;
        max-width: unset !important;
        opacity: 1;
        padding: 9px 10px !important;
        transition: all .2s ease !important;
    
}

.product-area select {
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    box-shadow: none;
    color: #16110e !important;
    display: block;
    font-size: 16px !important;
    line-height: 39px !important;
    max-width: unset !important;
    opacity: 1;
    padding: 6px 10px !important;
    transition: all .2s ease !important;
}


.dokan-become-seller #url-alart-mgs{
    z-index: 9;
    position: relative;
   

}
.dokan-become-seller .tc_check_box{
    width: 14px !important;
    position: relative;
    top: 15px;
}
html body .dokan-become-seller .dokan-btn-default{
    width: fit-content !important;
    background: #2973eb!important;
    margin-top: 25px;
    color: white !important;
}







/****coupone dokan ***/

.event-list-titles-btn{
    background: inherit;
    padding: 0;
}
.event-list-titles-btn svg{
    width: 16px;
    color: #6b7280!important;
}
.promo-code-card  .open{
    display: flex!important;
}
/****globe settin***/
#modal-default{

}

.modal-body .form-control:disabled, .modal-body .form-control[readonly] {
    background-color: #e9ecef;

     opacity: 0.3; 
}


.referral_section-stat-header svg:last-child{
    background: #111;
    color: #ffffff;
    width: 32px !important;
    padding: 7px;
    height: 30px;
    border-radius: 5px;
}
/****end***/
.coupon_section .custom-table-header-wrapper {
    margin-left: 17px;
margin-right: 17px
}
.promo-code{
    padding: 20px;
}
.admin_dashboard_event_list_nav{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
}
body .text-info{
	color:#111!important
}

.promo-code-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    padding: 20px 0;
    border-radius: 10px;
}

.promo-code-card {
   width: 100%;
    box-sizing: border-box;
    max-width: 100%;
}

.promo-code-header h5 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 4px;
}

.promo-code-stats {
    display: flex;
        column-gap: 10px;
        margin-top: 20px;
        flex-direction: row;
        align-items: flex-start;
        flex-wrap: wrap;
        row-gap: 5px;
        margin-bottom: 20px;
}

.promo-code-stat {
    text-align: left;
    margin-bottom: 0;
    flex: 1;
}

.icon {
    width: 24px;
    height: 24px;
    margin-bottom: 10px;
}

.promo-code-toggle-btn {
    display: flex;
    align-items: center;
    background: #fff;
    border: none;
    padding: 0.5rem;
    font-size: 14px;
    cursor: pointer;
    border-radius: 6px;
    transition: background-color 0.3s;
}
.referral_section-stat-value  span{
    font-weight: 800;
    font-size: 20px
}
.promo-code-toggle-btn:hover {
    background: #f0f0f0;
}
.promo-code-tickets li {
    padding: 3px 20px !important;
    font-size: 12px !important;
    background: #ececec;
    color: #111 !important;
    width: fit-content;
    border-radius: 2px !important;
}
.promo-code-toggle-btn .rotate-180 {
    transform: rotate(180deg);
    transition: transform 0.3s;
}
.font-red , .promo-code-actions .font-red svg{
    color: #ef4444!important;
}.promo-code-tickets ul{
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 10px!important;
}
.event-list-item{
    padding: 2px 11px !important;
    font-size: 12px!important;
    background: #ececec;
    color: #111!important;
    width: fit-content;
    border-radius: 4px!important;
    cursor: pointer;
}
.promo-code-event{
    display: flex;
        flex-direction: column;
        gap: 10px;
}
.event-list-item svg{
    width: 13px;
    color: #111 !important;
    margin-left: 6px;
}
.promo-code-tickets ul{
    margin-left: 0;
    margin-top: -10px;;
}
.promo-code-event{
    color: #6b7280;
    margin-bottom: 10px;
    font-size: 13px;
}
.promo-code-title{
    text-transform: uppercase;
}.promo-code-toggle-button{
    padding: 0;
    background: #fff;
    padding: 0;
    font-size: 15px;
}
.promo-code-toggle-button svg{
    width: 16px;
}
.promo-code-tickets-toggle .text-sm , .promo-code-toggle-button .text-sm{
    font-size: 12px;
}
.promo-code-toggle-button:hover{
    color:#111!important;
}
.promo-code-stat {
    text-align: left;
    background: #f9fafb;
    padding: 10px;
    border-radius: 6px;
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 0px;
}
.promo-code-stat{
    margin-bottom: 20px;
}
.promo-code-stat p{
    margin-bottom: 0;
    font-weight: 600;
    color: #111;
    font-size: 13px;
    margin-top: 10px;
    white-space: nowrap;
}
.promo-code-stat span{
    display: flex;
        align-items: center;
        gap: 10px;
    
}
.promo-code-stat span svg{
    background: #ececec;
    width: 27px !important;
    padding: 5px;
    color: #6b7280;
    height: 25px;
    border-radius: 100px;
}
.promo-action-btn{
    color: #6b7280;
    display: flex;
    gap: 2px;
    align-items: center;
    background: inherit;
    font-size: 13px;
    padding: 0;
}
.promo-action-btn:focus , .promo-action-btn:active{
    background: inherit;
}
.promo-action-btn:hover{
    background: inherit;
    color: #6b7280!important;
}
.promo-code-actions{
    display: flex;
        column-gap: 20px;
        row-gap: 10px;
        flex-wrap: wrap;
}
.promo-action-btn svg{
    width: 16px;
    color: #6b7280!important;
}
.add-new-coupon{
    font-size: 14px;
    background: #fff;
    border: 0;
    width: 100%;
    border-radius: 6px;
    padding: 4px 20px;
    line-height: 29px;
    background-color: #000;
    color: #fff;
    text-align: center;
    max-width: fit-content;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
    margin-right: 23px;
}
.coupon_section .search_input_custom {
    width: 100%;
    max-width: 300px;
    text-align: left;
    margin-left: 0;
}
.promo-code-search{
    margin-bottom:0!important
}

#tribe-community-events-shortcode-coupon .text-info{
    position: relative;
    left: 20px;
}
#tribe-community-events-shortcode-coupon .row{
    margin-top: 50px;
}
#tribe-community-events-shortcode-coupon{
    flex-direction: column;

}

.confirm-btn-custom {
    color: black !important;  /* Button text color */
    background-color: #d3fa16 !important; /* Main button color */
}

.cancel-btn-custom {
    color: white !important;  /* Cancel button text color */
    background-color: #ff3d60 !important;  /* Cancel button color */
}
.card-title{
    color:white!important
}

#tribe-community-events-shortcode-coupon .bg-dark {
    background-color: #111!important;
}
#tribe-community-events-shortcode-coupon .text-info{
    margin-left:0!important
}
#tribe-community-events-shortcode-coupon .card-title{
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 19px;
}
.event-status-form{
    margin-bottom: 0;
}
.card-body p , .card-body li , .card-body span , .text-info{
color:white;
font-size: 0.9em;
margin-bottom: 0;
}
.coupon-short-code-raw .col-lg-4{
    flex: 100% !important;
    max-width: 100%;
}
html body .coupon-short-code-raw{
        margin-left: 0!important;
        margin-top: 25px!important;
}
.card-body .text-info{
    color:white!important;
}
.card-body{
    padding: 11px!important;
}
.coupon-short-code-raw .mb-4{
    margin-bottom: 12px!important;
}
.dokan-dashboard .dokan-dashboard-content  .text-info li{
    list-style: disc;
    margin: 0px;
    margin-left: 0!important;
    padding: 0px;
    margin:5px 0
}
.coupon_dashboard_div_stats{
    display: flex !important;
    flex-wrap: wrap;
}
.coupon_dashboard_div_stats p:not(:last-child):after {
    content: "|";
    padding: 10px;
}
.text-info{
    margin-bottom: 20px;
}
.text-info li:first-child{
    padding-top: 10px;
}
.text-info{
    margin-bottom: 10px;
}
.action_btn_coupon{
    margin-top: 0px;
    justify-content: center;
    gap: 12px;
    display: flex
;
    padding-bottom: 4px;
}
.action_btn_coupon a , button.action_btn {
    font-size: 0.9em;
    color: #fff;
}
button.action_btn{
    background-color: inherit;
    padding:inherit
}
.text-info li{
    color:white!important;
}
.label-title , .text-info{
    color:#999!important
}
.skeleton-wrapper {
    display: flex ;
        flex-wrap: wrap;
        gap: 1rem;
        flex-direction: column;
        margin-top: 31px;
    
}



.skeleton-card {
    background-color: #111 !important;
    border-radius: 2px;
    width: 100%;
    height: 100px;
    padding: 20px;
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}

.skeleton-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 200%;
    height: 100%;
    background: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, rgb(97 97 97 / 34%) 50%, rgba(255, 255, 255, 0) 100%);
    animation: skeleton-animation 2s infinite ease-in-out;
}

@keyframes skeleton-animation {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

/* Responsive styles for mobile view */
@media screen and (max-width: 900px) {
    html body.dokan-dashboard .dokan-dashboard-content {
    margin-top: 0px !important;
    margin-right:0!important;

}
.progress_btn{
    width: fit-content;
    line-height: 18px;
}
    
}






/***end****/


/*****MARKING TOOL SECTION****/

#freeOrderModal .modal-body p {
    font-size: 15px;
    margin-bottom:0
}


#freeOrderModal input {
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    box-shadow: none;
    color: #16110e !important;
    display: block;
    font-size: 16px !important;
    line-height: 28px !important;
    max-width: unset !important;
    opacity: 1;
    padding: 12px 16px 12px 16px !important;
    transition: all .2s ease !important;
    width: 100% !important;
}
.modal-title{
    font-weight: 800;
}
#freeOrderModal .btn-close{
    margin-right: 12px;
    opacity: 1;
}
#freeOrderModal .mb-3{
    margin-bottom:0!important
}
#freeOrderModal .form-label {
    position: relative;
    font-size: 12px;
    background: white !important;
    top: 21px;

    width: fit-content;
    padding: 3px;
    z-index: 9;
    left: 13px;
    color: #5f6061 !important;
    transition: all .2s ease;
    white-space: nowrap;
}
#freeOrderModal  .btn-secondary{
    border: 1px solid #111;
    background: inherit;
    color: #111;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 15px;
}
.small-grey-text{
    font-weight: 400;
    font-size: 13px !important;
    color: #8e8e8e;
}
#freeOrderModal .small-grey-text{
    margin-top:20px
}

#actual-content{
    padding: 0 16px;
}
.tabs_hide_dev{
    display: none;
}
.admin-bar .tabs_hide_dev{

}
.custom-table-header-wrapper{
    display: flex;
        flex-direction: row;
        column-gap: 28px;
        margin: 0!important;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        row-gap: 15px;
}
.custom-table-header-wrapper-inner_headings{
    max-width: 100%;
    width: 100%;
}
.custom-table-header-wrapper-inner_headings h3{
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 10px!important;
}
.custom-table-header-wrapper-inner_headings p{
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 10px!important;
    max-width: 600px;
}
.custom-table-header-wrapper button {
    background: #000;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 15px;
    width: 100%;
    max-width: 206px;
  
}

.order-table-users .custom-table-header-wrapper-inner_headings{
    width:fit-content!important
}
.payout-table {
    margin-top: 20px;
}
.custom-table-header-wrapper button svg{
    width: 15px;
}
.payout_section .custom-table-container {
    margin-top: 20px;
}
.custom-table-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.custom-table-header {
    display: flex;
    font-weight: bold;
    padding: 10px 0;
    font-size: 13px;
    border-bottom: 1px solid #ddd;
}

.custom-table-row {
    display: flex;
    font-size: 13px;
        align-items: center;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        gap: 14px;
  
}

.custom-table-container .custom-table-row{
	        gap: 0;
}
.custom-table-row button:hover{
    color:black!important
}

.custom-table-row button{




}

.custom-table-header > div,
.custom-table-row > div {
    flex: 1;
    text-align: center;
    min-width: 100px;
}

.custom-table-header > div:first-child,
.custom-table-row > div:first-child {
    flex: 2;
    text-align: left;
}

.custom-table-header > div:nth-child(3),
.custom-table-row > div:nth-child(3) {
    flex: 3;
    text-align: left;
}

.custom-table-delete-button {
    background-color: #f44336;
    color: #fff;
    border: none;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
}
.search_input_custom input::placeholder {

}
.dashboard-marketing-page  .swal2-html-container select , .dashboard-marketing-page  .swal2-html-container input{
    color: white;
    padding: 5px;
    font-size: 16px;
    margin: 8px;
    margin-bottom: 20px;
    border-radius: 2px;
}
.search_input_custom label{
    display: none;
}
.swal2-container h3{
    color: #fff;
}
.search_input_custom input{
    font-size: 14px!important;
    padding: 0px!important;
    border: 0px solid #ddd!important;
    width: 100%;

}
.custom-table-header-wrapper{
    display: flex;
    justify-content: space-between;
    gap: 10px;

}
.referral_section-container{
    background-color: #111;
    width: 100%;
    border-radius: 10px;
    padding: 20px;
}
.referral_section-icon {
    background: #222222;
    padding: 11px;
    border-radius: 100px;
}
.referral_section-icon svg{
    width: 23px;


}
.referral_section-info{
    display: flex;
        gap: 12px;
        align-items: center;
}
.referral_section-container .referral_section-title{
    font-size: 16px;
    color: #ffffff!important;
}
.referral_section-header {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    margin-bottom: 20px;
}
.referral_section-value{
    font-weight: 800;
    font-size: 20px;

}
.referral_section-stat-header {
    display: flex;
        align-items: center;
        justify-content: space-between;
  
        font-weight: 300;
}
.referral_section-stat{
    width: 100%;
    background: #222222;
}
.referral_section-stat-title{

    font-size: 14px;
}
.referral_section-value{
    font-weight: 800;
    font-size: 20px;
}
.referral_section-stat-header svg{
    width: 19px!important;

}
.tooltip-container{
    width: 15px!important;
}
.main-svg-noral-size{
    width: 19px!important;
}
 .custom-table-header-wrapper .referral_section-container button{
    background: #000;
    color: #000000!important;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 13px;
    width: 100%;
    max-width: fit-content;
}
.referral_section-stats {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 23px;
}
.custom-table-header-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}
.referral_section-search-btn{
    display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        width: 100%;
        gap: 20px;
        flex-wrap: wrap;
        margin-bottom: 25px;
        margin-top: 45px !important;
}
#vendor-marketing-tabs .search_input_custom{
    width: 100%;
    max-width: 300px;
    text-align: left;
}

.tabs {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    column-gap: 12px;
    row-gap: 12px;
}
#open-create-link-popup{
    font-size: 14px;
    background: #fff;
    border: 0;
    width: 100%;
    border-radius: 6px;
    padding: 4px 20px;
    line-height: 29px;
    background-color: #000;
    color: #fff;
    text-align: center;
    max-width: 202px;
}
#open-create-link-popup svg{
    width: 16px;
}
.tabs .tab {
    background-color: #e6e6e6;
    padding: 10px 10px !important;
    cursor: pointer;
    border: 2px solid #fff;
    border-radius: 6px;

}
#vendor-marketing-tabs .tab{
    display: flex;
        align-items: center;
        gap: 5px;
}
#vendor-marketing-tabs .tab svg{
    color:#111!important;
    width: 16px;
}
.tabs .tab.active {
border:2px solid #9b9b9b
}
.vendor-marketing-tabs-heading{
    font-size: 14px;
    color: #111;
    margin-bottom: 0;
	    text-align: center;
}
.vendor-marketing-tabs-subheading{
    font-size: 13px !important;
    margin-bottom: 0;
    color: #6b7289;
    font-weight: 300;
    display: none;

}.event-search-wrapper{
    display: flex;
        flex-direction: row-reverse;
        align-items: center;
        border-radius: 4px;
        border: 1px solid #eee;
        background: #eee;
        padding: 8px 20px;
        gap: 13px;
        width: 100%;
        padding-left: 10px;
        max-width: 400px;
        justify-content: flex-end;
}
#vendor-marketing-tabs .event-search-wrapper{
    display: flex;
        flex-direction: row-reverse;
        align-items: center;
        border-radius: 4px;
        margin-left: 7px;
        margin-right: 20px;
        border: 1px solid #eee;
        background: #eee;
        padding: 8px 20px;
        gap: 13px;
        width: 100%;
        padding-left: 10px;
        max-width: 400px;
        justify-content: flex-end;
}
#vendor-marketing-tabs #event-search{
    border-width: 0;
    padding: 0;
    font-size:14px
}

#vendor-marketing-tabs .search_input_custom input{
width:100%
}

.event-search-wrapper svg{
    width: 15px;
    color:#8f8f8f
}
.tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}
.vendor-customer-data tr:hover {
    background-color: #f1f1f1;
}
.sections_tab {
    border-width: 0 !important;
    margin: 30px 0;
}
.sections_tab thead th, .sections_tab tbody td {
    border-width: 0 !important;
}
.sections_tab thead {
    border-bottom: 1px solid #ddd !important;
}

.tooltip-container {
    position: relative;
    display: inline-block;
}

.tooltip-icon {
    cursor: pointer;
}

.tooltip-content {
    visibility: hidden;
    width: 150px;
    background-color:#fff;
    color: #111;
    text-align: center;
    border-radius: 6px;
    padding: 8px;
    position: absolute;
    z-index: 1;
    bottom: 125%; /* Position above the icon */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.tooltip-container:hover .tooltip-content,
.tooltip-container:focus-within .tooltip-content {
    visibility: visible;
    opacity: 1;
}


@media screen and (max-width: 1060px) {
.referral_section-stat-header svg:last-child{
    display: none;
}

}
@media screen and (max-width: 768px) {
    .referral_section-stats {
flex-direction: column;
        gap: 12px;
    }
    .referral_section-search-btn {
        flex-direction: row;
        justify-content: space-between;
        column-gap: 20px;
        row-gap: 10px;
    }
    #vendor-marketing-tabs .search_input_custom {
        max-width: 100%;

    }
    .tabs .event-search-wrapper {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        max-width: 100%!important
       
    }
    #vendor-marketing-tabs .event-search-wrapper {
        max-width: 100%!important;
        margin-left: 0;
        margin-right: 0;
    }
    .referral_section-stat-header svg:last-child{
        display: block;
    }
    .custom-table-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .custom-table-header > div,
    .custom-table-row > div {
        text-align: left;
    }


    .custom-table-row > div {
        min-width: 100%; /* Stack items full-width on small screens */
    
    }
        .search_input_custom{
            width: 98%;

        }
        .search_input_custom input {

            min-width: inherit;
            width: 100%;
         
        }

}


@media (max-width: 768px) { 
    .custom-table-header{
        display: none!important;
    }
    .custom-table-row {
        display: flex;
        font-size: 13px;
        align-items: center;
        border-bottom: inherit;
        background-color: white;
        margin-bottom: 20px;
        gap: 9px;
        padding: 11px;
    }
    .custom-table-row div{
        border-bottom: 1px solid #ccc;
        padding: 5px 0;
    }
	  .order-table-users .custom-table-row div{
        border-bottom: 0px!important;;

    }
    .customer_data_section .custom-table-row > div:nth-child(1)::before { /* Customer Name */
        content: "Customer Name";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
    }
    .customer_data_section .custom-table-row > div:nth-child(2)::before { /* Customer Name */
        content: "Email";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
    }

    .customer_data_section .custom-table-row > div:nth-child(3)::before { /* Customer Name */
        content: "Phone";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
    }

    .customer_data_section .custom-table-row > div:nth-child(4)::before { /* Customer Name */
        content: "Order Count";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
    }
    .referral_section .custom-table-row div {
        text-align: left!important;
    }


    .referral_section .custom-table-row > div:nth-child(1)::before { /* Event Name */
        content: "Link Details";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;

    }
    .referral_section .custom-table-row > div:nth-child(2)::before { /* Affiliate Name */
        content: "Page Views";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;

    }
    .referral_section .custom-table-row > div:nth-child(3)::before { /* Link */
        content: "Orders";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;


    }
    .referral_section .custom-table-row > div:nth-child(4)::before { /* Page Views */
        content: "Tickets Qty";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;


    }
  
    .referral_section .custom-table-row > div:nth-child(5)::before { /* Conversion Rate */
        content: "Conversion Rate";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;


    }
    .dashboard-marketing-page .dokan-container{
        width: 100%;

    }
    .action-btn-custom-table{
        display: flex;
    gap: 20px;
    align-items: center;
    }
    .last-section-custom-table{
        border-bottom: 0px solid #ccc!important;
    }
    .dashboard-marketing-page .dashboard-content-area{
        margin-right: 0!important;
    }
    html body.dashboard-marketing-page  article{
        overflow: inherit!important;
    }
    html body.dashboard-marketing-page .dashboard-content-area {
        width: 100% !important;
   
    }
    .order-table-users .custom-table-row > div:nth-child(1)::before { 
        content: "Bulk Select";
        font-size: 12px;
        font-weight: 2300;
        margin-right: 10px;
    }
	
		.order-table-users .custom-table-container {
    background:inherit!important;
    border: inherit!important;
    border-radius: inherit!important;
    padding: inherit!important;
    box-shadow: inherit!important;
}
	.order-table-users .custom-table-row{
		 background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	}
	
	 .order-table-users .bluk-select{
		flex: 100%!important;
    width: 100%!important;
    min-width: 100%!important;
    max-width: 100%!important;
    display: flex;
    justify-content: flex-start!important;
	}
	 .order-table-users .bluk-select{
		text-align:left;
		     border-bottom: 0;
		  padding: 0!important;
	}
	.order-table-users .order-status{
		    align-items: flex-start!important;
		gap:5px!important;
	}
	
	.order-table-users .custom-table-row{
		    align-items: baseline!important
	}
	.order-info-col , .order-customer-name , html body .col-total-order{
		padding-left:0!important;
		border: 0!important;
		    padding: 0!important;
	}
	.order-table-users .coupon-info{
		padding-left: 20px!important;
	}
	
	 .order-customer-name , .col-total-order{
	
		    display: flex;
    flex-direction: row!important;
    align-items: center!important;



	}
    .order-table-users .custom-table-row > div:nth-child(2)::before { 
        content: "Order Info";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
		display:block
    }
    .order-table-users .custom-table-row > div:nth-child(3)::before { 
        content: "Total";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
    }
    .order-table-users .custom-table-row > div:nth-child(4)::before { 
        content: "Tickets";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
    }
   
	.complimentary-badge{
		padding-left:0!important;
		padding-top:0!important
	}
    .orders-section .custom-table-row {
        gap: 2px;
}
	.complimentary-section-csutom-table-section{
		flex-direction: row-reverse;
    justify-content: flex-end;
    column-gap: 10px;
	}
	.order-completed{
		padding: 5px 10px!important;
	}

	    .orders-section .custom-table-header {
      display: block !important;
    }
	.hide-mobile-table-header{
		     display: none !important;
	}
	.selecte-all-header::before{
		 content: "Select All";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
	}
	.selecte-all-header{
		    width: 200px!important;
    min-width: 200px!important;
    max-width: 200px!important;
    display: flex;
    align-items: center;
    flex-direction: row!important;
	}
    


    #custom-table-container-guest-list .custom-table-row > div:nth-child(1)::before { 
        content: "Guest Name";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
		display:block
    }

       #custom-table-container-guest-list .custom-table-row > div:nth-child(2)::before { 
        content: "Email";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
		display:block
    }



       #custom-table-container-guest-list .custom-table-row > div:nth-child(3)::before { 
        content: "Date";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
		display:block
    }
   #custom-table-container-guest-list .order-status ,    #custom-table-container-guest-list .order-status div{
    display: block!important;
        text-align: left!important;
   }
html #custom-header-container-guest-list  {
    margin-top: 40px !important;
    flex-direction: column-reverse!important;
    align-items: flex-start!important;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}

#custom-header-container-guest-list .export-csv-container{
    margin-bottom: 0!important;
}



    .payout-table .custom-table-row > div:nth-child(1)::before { 
        content: "Event";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
    }
   

    .payout-table .custom-table-row > div:nth-child(2)::before { 
        content: "Gross Sales";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
    }

    .payout-table .custom-table-row > div:nth-child(3)::before { 
        content: "Net Sales";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
    }

    .payout-table .custom-table-row > div:nth-child(4)::before { 
        content: "Profit Share Bonus";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
    }
     .payout-table .custom-table-row > div:nth-child(5)::before { 
        content: "Refunded Total";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
    }
     .payout-table .custom-table-row > div:nth-child(6)::before { 
        content: "Coupons Used Total";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
    }

    .payout-table .custom-table-row > div:nth-child(7)::before { 
        content: "Payout Total";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
    }
     .payout-table .custom-table-row > div:nth-child(8)::before { 
        content: "Payout Type";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
    }
      .payout-table .custom-table-row > div:nth-child(9)::before { 
        content: "Status";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
    }
    .payout-table .custom-table-row div{
        text-align: left!important
    }









  
    .custom-attendees-table .custom-table-row > div:nth-child(2)::before { 
        content: "Order ID";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
    }

    .custom-attendees-table .custom-table-row > div:nth-child(3)::before { 
        content: "Ticket ID";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
    }

    .custom-attendees-table .custom-table-row > div:nth-child(4)::before { 
        content: "Ticket Type";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
    }

    .custom-attendees-table .custom-table-row > div:nth-child(5)::before { 
        content: "Order Status";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
    }

    .custom-attendees-table .custom-table-row > div:nth-child(6)::before { 
        content: "Check-in Status";
        font-size: 12px;
        font-weight: 800;
        margin-right: 10px;
    }



    .complimentary-section-csutom-table-section{
        display: flex;
            flex-direction: column;
            align-items: flex-start!important;
    }
    .custom-table-row div:last-child{
        border-bottom: 0px!important;
    }
  
}

/****END****/
/*****EVENT SETTING***/
.tribe-community-events {
    border: 0!important;

}
.tribe-community-notice-success .edit-event{
    display:none!important
}



/****END*****/


/******events report****/



/******events report****/



.stat-card {
    flex: 1;
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
    text-align: left;
    border: 1px solid #ececec;

    
}
.sales-label , .ticket-name{
    margin-bottom:0!important
}
.stat-card p , .sales-label {
    font-size: 12px;
    color: #111;
    margin-bottom: 8px;
    font-weight: 300;
    text-align: left;
}
.stat-card .ticket-name{
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}
.stats-item{
    display: flex;
    flex-direction: row-reverse;
    align-content: center;
    align-items: center;
    width: 100%;
    gap: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
      
}
.stat-card h2  , .sales-value{
    font-size: 21px;
    text-align: left;
    color: #18181b;
    font-weight: 600;
    margin: 0;
}
.ticket-overview-wrapper{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    margin-top: 10px;
}
.stats-overview{
    display: flex;
        justify-content: space-evenly;
        column-gap: 15px;
        row-gap: 4px;
        flex-direction: column;
        align-items: flex-start;
}

.sales-value , .sales-label , .dot-separator , .ticket-name{
    color: #fff!important;
}

 .stats-overview{
    margin-top: 20px;
}
.ticket-overview{
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}
/* Progress Bar */
.progress-bar {
    background: #e9e9e9;
    border-radius: 4px;
    height: 8px;
    overflow: hidden;
    margin: 10px 0;
}

.progress {
    background: #000;
    height: 100%;
}

/* Orders Section Table */
.custom-table-header-wrapper {
    margin-top: 40px;
}

.custom-table-header-wrapper-inner_headings h3 {
    font-size: 20px;
    color: #111;
    margin-bottom: 8px;
}

.custom-table-container {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.custom-table-header {
    font-size: 12px;
    color: #18181b;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.custom-table-row {
    display: flex;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.custom-table-row div {
    font-size: 12px;
    color: #18181b;
}
.coupon-stats-toggle-wrap .coupon-row{
color: #fff;
font-size: 13px;
font-weight: 300;
	margin: 7px 0;
}
.coupon-stats-toggle-wrap .coupon-count{
font-weight: 600;	
}
.coupon-usage-stats{
	margin-top:20px
}
.coupon-empty
{
	color: #fff;
font-size: 13px;
font-weight: 300;
	    margin-top: -12px !important;

}
/* Mobile Responsiveness */
@media (max-width: 768px) {
    .sales-report-header {
        flex-direction: column;
    }

    .stat-card {
        margin-bottom: 15px;
    }
}













/*****SALES REPORT*****/

.sales-report-container .referral_section-icon {
    background: #222222;
    padding: 11px;
    border-radius: 100px;
    height: 46px;
    width: 46px;
    color: #fff;
}
.sales-report-container .event-name {
    color: #fff;
    margin-bottom: 5px;
}
.sales-report-container .stat-card{
    border-radius: .3rem!important;
    padding: 20px;
    text-align: left;
    background: #222222!important;
    border: inherit;
}
.sales-report-container .stat-card p , .sales-report-container .stat-card h2{
    color: #fff!important;
}
.sales-report-container .referral_section-container-header{
    margin-bottom: 20px;
}
.sales-report-container .referral_section-info {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}
.dokan-dashboard-wrap , .dashboard-content-area , .dokan-dashboard .dokan-dashboard-wrap , .dokan-dashboard .site.grid-container , html body.dokan-dashboard .dokan-dashboard-content  {
    background-color: #fff!important;
}

.sales-report-page .dokan-dashboard-content{
    display: flex;
        flex-direction: row;
        width: 100% !important;
}
.stat-card-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
}

.stats-card-total-title {
    font-size: 12px;
    color: #fff !important;
    margin-bottom: 8px;
    font-weight: 300;
    text-align: left;
}

.custom-table-header-wrapper-inner_headings-wrapper{
    display: flex;
        justify-content: space-between;
        width: 100%;
        gap: 20px;
        flex-wrap: wrap;
        margin-bottom:20px
    
}
.ticket-types-breakdown-p{
    font-size: 13px;
    font-weight: 300;
    margin-bottom: -9px !important;
}
.ticket-types-breakdown-h3{
    font-size: 20px;
    color: #111;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 40px;

}


.Bulk-refund-btn {
  opacity: 0;
	  transition: opacity 0.3s ease;
  pointer-events: none; 
  max-height: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  font-size: 14px;
  background: #fff !important;
  border: 1px solid;
color:#ff0000!important;
				   background-color: #fbd3dc!important;
		    border-color:#ff0000;
  border-radius: 5px;
  transition: opacity 0.3s ease, max-height 0.3s ease;
}

.Bulk-refund-btn.visible {
  opacity: 1!important;
  max-height: 100px;
	 pointer-events: auto;
}
	.Bulk-refund-btn:hover{
			color:#ff0000!important;
				   background-color: #fbd3dc!important;
		    border-color:#ff0000;
	}
	.sales-order-table .custom-table-header-wrapper-inner_headings{
		    max-width: fit-content;
	}
		.sales-order-table {
    margin-top: 40px!important;
    flex-direction: row-reverse!important;
    align-items: center;
	}
	.selecte-all-header{
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
	}
	.order-status{
		    display: flex;
    align-items: center;
    flex-direction: column;
		    gap: 10px;
	}
	.order-refunded{
		   background-color: #fbd3dc;
    display: flex;
		padding: 6px 6px;
     flex-direction: row!important;
    align-items: center;
    align-items: center;

    border-radius: 5px;
		justify-content: space-between;
	}
	
		.order-refunded span{
		color:#ff0000
	}
	.order-refunded svg{
		    max-width: 16px;
color:#ff0000;
	}
	.order-completed{
     background-color: #d1fab3;
    display: flex;
		padding: 6px 6px!important;
     flex-direction: row!important;
    align-items: center;
    align-items: center;
    
    color: #217005;

    border-radius: 5px;
		justify-content: space-between;

	}
	.order-completed span{
		color:#217005
	}
	.order-completed svg{
		    max-width: 16px;
color:#217005
	}
	.refund-link{
        display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: #1d4ed800;
    color: #000000 !important;
    justify-content: center;
    font-size: 12px;
    text-decoration: underline !important;
    width: 100%;
      padding: 2px 15px!important;


	}
    .resend-tickets-link{
           display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: inherit!important;
    color: #111 !important;
    padding: 0;
    font-size: 12px!important;
    text-decoration: underline !important;
      width: 100%;
        padding: 2px 15px!important;

    }
	
    .edit-order-email-btn {
      background: none;
    border: none;
    padding: 2px;
    cursor: pointer;
    color: #6e6e6e;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    width: 18px;
}

	.refund-link svg , .resend-tickets-link svg{
    max-width: 13px;


	}
	html body .refund-link:hover ,    body  .resend-tickets-link:hover{
		color:#fff!important;
        background-color: #111!important;
        border-radius: 5px!important;
        padding: 2px 15px!important;

	}

    .resend-tickets-link:hover{

    }
	
/***Coupon***/

.coupon-info {

    color: #ffba00;
    padding: 4px 0px;
    border-radius: 4px;
    font-weight: 500;
    margin: 5px 0;
    white-space: pre-wrap;
    font-size: 11px;
    
}
.ticket-card  p.coupon-label
{
    font-weight: 500;
    font-size: 12px;
    color: #faa402!important;

}
/****end***/

/***refunded***/
.ticket-card .refunded-label{
	  color: red !important;
}
/***end***/
/***complimentary***/
body .ticket-card  .complimentary-label , .complimentary-label {
    color: green !important;
    font-weight: 500;
    font-size: 12px;


	
}

 .complimentary-badge {

    color: #4CAF50;
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: bold;
}
.complimentary-wrapper {
    text-align: center;
}
/****end***/
.stat-card ul{
    margin-left: 0;
    margin-top: 15px;
}
.stats-card-total-wraper{
    display: flex;
    gap: 10px;
}
.stats-card-total-value{

}
.stat-card-title svg{
    background: #111;
    color: #ffffff;
    width: 32px !important;
    padding: 7px;
    height: 30px;
    border-radius: 5px;
}
.sales-report-page .dokan-dashboard-wrap h1 {
    margin-left: 18px;
    margin-bottom: 0;
}
.sales-report-page .dokan-row{
    display: flex;
        flex-direction: row;
}

html body.sales-report-page .dokan-dashboard-content {
    max-width: 100%!important;
    margin-left: 0!important;
    flex-direction: column;
}
.sales-report-container .custom-table-header-wrapper{
    margin-bottom: 10px !important;
}
.event-name{
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 25px;
    font-size: 20px;

    
}
.event-date{
    font-size: 12px;
    margin-bottom: 0;
    color: #a5a5a5;
}
.sales-report-event-name{
    display: flex;
        align-content: center;
        align-items: flex-start;
        gap: 5px;
        margin-top: -41px;
        margin-bottom: 23px;
        flex-direction: column;
}
/* General Container Styling */
.sales-report-container {

    margin: 0 auto;
}

/* Header Section */
.sales-report-header {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

/* Tickets Section */
.tickets-section {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}
.ticket-card p , .ticket-card h3 {
    text-align: left;
}
.ticket-card-title-wrap{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ticket-card-title-wrap p{
    color: #18181b!important;

}
.ticket-card {

    background: rgb(255 255 255 / 80%);
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14);
    text-align: center;
}

.ticket-card h3 {
    margin: 0;
    font-size: 13px;
    color: #18181b;
    font-weight: 600;
    text-transform: capitalize;
}

.ticket-card p {
    margin: 0;
    font-size: 12px;
    color: #555!important;
}
.ticket-card .ticket_price_total{
    font-size: 18px;
    color: #18181b;
    font-weight: 600;
}

@media (max-width: 1150px) {

       
.sales-report-page .dokan-row{
    display: flex;
        flex-direction: column-reverse;
        gap: 227px;
}
}
@media (max-width: 1070px) {
    .sales-report-header {
        flex-direction: column;
    }
    .sales-report-container {
        max-width: 100%;

}
.my-5 {
    margin: 0;
    padding: 0;
}
.event-details-section{
    margin-top: 0!important;
}
}
@media (max-width: 900px) {
    .sales-report-page .dokan-row {
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    .sales-report-container {

        max-width: 100%;
    }
   
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .sales-report-header {
        flex-direction: column;
    }

    .sales-report-event-name {
        margin-top: -8px;

    }

    .tickets-section {
        grid-template-columns: 1fr;
    }
    html .sales-report-page .dokan-dashboard-wrap {
        display: block !important;

    }
    .sales-report-header {
        margin-bottom: 4px;
        gap: 6px;
    }
    .tickets-section {
        margin-top: 11px;
    }
    .sales-report-page .dokan-container .dokan-row {
        flex-direction: column-reverse;
    }
    .sales-report-container .referral_section-container {
        margin-top: 30px;
    }
   .buttons-action-and-export{
        flex: 100%!important;
    flex-wrap: wrap!important;
        justify-content: flex-start!important;
   }
    
}


/*****END****/











/****Attendees REPORT*****/

html body #tribe-attendees-summary {
    background-color: #111!important;
    width: 100%!important;
    border-radius: 5px!important;
    padding: 20px!important;
    border-width: 0!important;
}
#tribe-attendees-summary  .welcome-panel-column-container , #tribe-attendees-summary  .welcome-panel-content{
border-width: 0;
padding: 0;
}
#tribe-attendees-summary  .welcome-panel-content{
    display: flex;
        flex-direction: column-reverse;
}
.tribe-report-panel .welcome-panel-middle>div {
    padding:0!important;
}
#tribe-attendees-summary .welcome-panel-first , .tribe-report-page .attendees-filter , .tribe-report-page .edit_attendee , .tribe-attendees .trash{
    display:none!important;
}


#tribe-attendees-summary .welcome-panel-column.welcome-panel-last{

    background-color: #222222 !important;

}
body #tribe-attendees-summary .welcome-panel-column{
    background-color: #222222 !important; 
    border-radius: .3rem !important;
    padding: 20px!important;
    text-align: left;
    border: inherit;

     
}
#tribe-attendees-summary .tec-tickets__admin-attendees-attendance-type-heading, #tribe-attendees-summary .tec-tickets__admin-attendees-attendance-type-complete, #tribe-attendees-summary .tec-tickets__admin-attendees-attendance-type-cancelled, #tribe-attendees-summary .tec-tickets__admin-attendees-attendance-totals-row {
    display: flex;
     flex-direction: row;
    gap: 3px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
#tribe-attendees-summary .section-header svg{
    background: #111;
    color: #ffffff;
    width: 32px !important;
    padding: 7px;
    height: 30px;
    border-radius: 5px;
}
  .bulkactions ,  .attendees-actions .print , .attendees-actions .email , .wp-list-table .check-column , .wp-list-table .check-column , .wp-list-table #meta_details , .wp-list-table #security , .wp-list-table .column-security , .wp-list-table .column-meta_details , .tablenav .one-page .displaying-num{
    display:none !important;
}
.tribe-attendees td {
    border-width: 0 0px 1px 0;
    border-color: #eee;
    padding: 9px 0px !important;
}
#tribe-events-report .wp-list-table {

    width: 100%!important;
}
.wrap.tribe-report-page table thead th{
    text-align: left;
}
#tribe-attendees-summary  .section-header{
    display: flex;
        align-items: center;
        flex-direction: row-reverse;
        justify-content: space-between;
}
html #tribe-events-report .row-actions a {
    color: #6b7280 !important;
    font-size: 13px;
 

}
html body .wp-list-table  .is-expanded td.column-attendee_action , html body .wp-list-table  .is-expanded td.column-check_in , html body .wp-list-table  .is-expanded td.column-attendee_actions{
    display:none!important;
}
.tribe-report-page .tickets_checked .tickets_uncheckin {
    display: block;
    opacity: 1;
    border-color: #111 !important;
    color: #111;
    box-shadow: inset 0 0 0 1px #000000;
}
.tribe-report-page .tickets_checked .tickets_uncheckin:hover{
    color: #111;
}
html #tribe-events-report .row-actions .tickets_checkin {
    color:#fff!important;
}
html body .tribe-report-page .tickets_checkin{
    min-width: 87px;
    color:#fff!important;
    white-space: nowrap;
    font-size: 12px;
    text-align: center;
    padding: 5px 10px !important;
    background: black;
    border-radius: 3px;
}
#tribe-events-report .wrap.tribe-report-page #topics-filter .tablenav-pages .current-page {
    display: inline-block;
    width: fit-content;
    padding: 2px 13px;
    border-radius: 2px;
}
.attendees-actions{
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 20px;
    row-gap: 10px;
    width: 100%;
    justify-content: flex-start;
    
}
.add_attendee ,  html .attendees-actions .export{
    font-size: 15px!important;
    border: 0;
    width: 100%!important;
    font-weight: 400!important;
    border-radius: 6px!important;
    padding: 4px 20px!important;
    line-height: 29px!important;
    background-color: #111!important;
    color: #fff!important;
    text-align: center;
    max-width: 169px!important;
}

#tribe-attendees-summary .section-header span{
    font-size: 12px;
    color: #fff;
    margin-bottom: 8px;
    font-weight: 300;
    text-align: left;
}
body #tribe-attendees-summary .welcome-panel-column h3{
    font-size: 12px;
    color: #fff;
    margin-bottom: 8px;
    font-weight: 300;
    text-align: left;
}
#tribe-attendees-summary .welcome-panel-column-container{
    column-gap: 20px!important;
    row-gap: 10px!important;
 
}
.dokan-dashboard .dokan-dashboard-content ul li{
    font-size: 12px;
    color: #fff;
    margin-bottom: 8px;
    font-weight: 300;
    text-align: left;
}
#tribe-attendees-summary .referral_section-info  h3 {
    font-size: 20px;
    color: #fff;
}
#tribe-attendees-summary .referral_section-icon {
    background: #222222;
    padding: 11px;
    border-radius: 100px;
    height: 46px;
    width: 46px;
    color: #fff;
}
#tribe-attendees-summary  .welcome-panel-column-container , #tribe-order-summary  .welcome-panel-column-container{
	    display: flex!important;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
	    padding: 15px!important;
	    gap: 0;

}
#tribe-events-report .toggle-row{
    display: block!important;
}

#tribe-attendees-summary .welcome-panel-column , html .tribe-report-panel .welcome-panel-column h3 , html .tribe-report-panel .welcome-panel-column ul{
	padding:0!important;
}
#tribe-attendees-summary .welcome-panel-column h3{
	    font-size: 17px;
    font-weight: 700;
}
 .welcome-panel-column .event-actions ,  .venue-name ,  .welcome-panel-column .post-type ,  .tribe-report-page h1  , .attendee_actions ,   .column-attendee_actions{
	display:none!important;
}
#tribe-attendees-summary .tec-tickets__admin-attendees-attendance-type-heading , #tribe-attendees-summary .tec-tickets__admin-attendees-attendance-type-complete , #tribe-attendees-summary .tec-tickets__admin-attendees-attendance-type-cancelled ,  #tribe-attendees-summary .tec-tickets__admin-attendees-attendance-totals-row{
	display: flex;
    flex-direction: row;
    gap: 3px;
			    font-size: 14px;
	
}
.tec-tickets__admin-table-attendees-order-status a{
	    white-space: nowrap;
}
#tribe-attendees-summary  .tec-tickets__admin-attendees-attendance-type-heading-label , #tribe-attendees-summary .tec-tickets__admin-attendees-attendance-type-complete-label , #tribe-attendees-summary .tec-tickets__admin-attendees-attendance-type-cancelled-label ,  #tribe-attendees-summary .tec-tickets__admin-attendees-attendance-totals-title{
	 font-weight: 700;
		    font-size: 14px;
}
.tribe-report-panel .welcome-panel-column ul{
margin:0
}
.wrap.tribe-report-page #topics-filter .bulkactions select {
    height: 30px;
    font-size: 14px;
    padding: 5px;
    border-radius: 5px;
}
body #tribe-events-report .wrap{
    padding: 0!important;
}

#tribe-events-report .wrap.tribe-report-page #topics-filter .bulkactions input {
    margin-left: 12px;
}
html .tribe-report-panel .welcome-panel-column ul li{
    margin: 6px 0;
}
.event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-form-buttons-button-edit, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-form-buttons-button-edit {

    color: #111;
}
#tribe-events-report .edit_attendee{
	padding: inherit;
    background: inherit;
    font-size: inherit;
}
#tribe-events-report .edit_attendee:hover{
	color:#111!important
}
html #tribe-events-report .row-actions a{
	color:#111!important
}
#tribe-events-report .row-actions{
	    display: flex;
    flex-wrap: wrap;
	row-gap: 0px;
    gap: 9px;
}

.tribe-community-tickets-shortcode .tablenav .no-pages, .tablenav .one-page .pagination-links {
display: block!important;
}

@media screen and (max-width: 768px) {
 
#tribe-events-report .wp-list-table {
  
    width: 100%!important;
}
    .tribe-report-panel .welcome-panel-column h3{
        margin-bottom:0
    }
    .tec-tickets__admin-orders-report__sales-overview__data{
        padding:0!important
    }
    .tec-tickets__admin-orders-report-overview-ticket-type {
     margin: 10px 0!important;
        padding: 0!important;
    }
    .tec-tickets__admin-orders-report-overview-ticket-type-list-item{
        margin: 5px 0!important;
    }
    .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before {
        position: relative!important;
        left: 10px;
        display: block;
        overflow: hidden;
        width: 38%;
        content: attr(data-colname);
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}
/*****end****/




/*****Order page****/



/****END***/
.dokan-orders-content .dokan-order-details-wrap{
    display: flex;
    flex-direction: column;
}
.dokan-orders-content .dokan-order-left-content , .dokan-orders-content .dokan-order-billing-address , .dokan-orders-content .dokan-order-right-content{
width: 100%!important;
}
html .dokan-orders-content .dokan-order-shipping-address , .dokan-orders-content .downloaded-items  , #order_fee_line_items{
    display:none!important;
}
/***** EVENT SETTING***/


/****END*****/
/****PAYMENT****/
.entry-title a{
    display:none!important
}
.payment-methods-listing-header h2{
    font-size: 18px!important;
}
#toggle-vendor-payment-method-drop-down{
    font-size: 16px;
}
.Payment_warning_widthdraw{
    display: none;
    background-color: #ffebc3;
    padding: 19px;
    margin: 20px 0;
    border-radius: 8px;
    max-width: fit-content;
    border: 2px solid #edb95e;
    font-size: 15px;
}
.dokan-page-help{
    font-size: 15px;
}
/*****END*****/
/*****ORODER PAGE****/
.dokan-table .ant-table .ant-table-tbody > tr > td.dokan-td , .dokan-table .ant-table .ant-table-tbody > tr > td.ant-table-selection-column , .dokan-table .ant-table .ant-table-thead tr th.dokan-td , .dokan-table .ant-table .ant-table-thead tr th.ant-table-selection-column {
    border-right: 0;
}

 .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
    font-size: 14px !important;
}
.dokan-orders-content .dokan-form-group input {
    font-size: 14px !important;

}
input[type="submit"][name="dokan_order_export_all"][value="Export All"] , input[type="submit"][name="dokan_order_export_filtered"][value="Export Filtered"]  {
    border: 1px solid transparent!important;;
    white-space: nowrap!important;
    background-color: #eee!important;
    color: #444!important;
    padding: 6px 12px!important;
    font-size: 14px!important;
    max-width: 150px;

}
.dokan-order-filter-serach .dokan-form-group{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 15px;
}

.dokan-form-group #bulk-order-action{
    padding: 5px 20px !important;
    transition: all .2s ease !important;
    width: 100% !important;
}
x
.dokan-dashboard-content .product-listing-table th, .dokan-dashboard-content .product-listing-table td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.dokan-orders-content .dokan-table > thead > tr > th, .dokan-table > tbody > tr > th, .dokan-orders-content .dokan-table > tfoot > tr > th, .dokan-orders-conten .dokan-table > thead > tr > td, .dokan-orders-content .dokan-table > tbody > tr > td, .dokan-orders-content .dokan-table > tfoot > tr > td {
    border-right: 0!important;
        font-size: 13px!important;
        line-height: 13px!important;
    border-top: 0px!important;
    text-align: center!important;
}

.dokan-orders-area table {
    border-width: 0px 0 0 0px!important;

}


/* Make table responsive on smaller screens */
@media screen and (max-width: 768px) {
    .order_listing_table,
    .order_listing_table thead,
    .order_listing_table tbody,
    .order_listing_table th,
    .order_listing_table td,
    .order_listing_table tr {
        display: block;
    }
    .order_listing_table tbody {
        display: flex!important;
        vertical-align: middle;
        flex-direction: column;
    }
    .order_listing_table thead tr {
        display: none;
    }

    .order_listing_table tr {
        margin-bottom: 10px;
    }

    .order_listing_table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: right;
        padding-left: 50%;
        position: relative;
        border: none;
        justify-content: center;

        border-bottom: 1px solid #ddd;
    }
    .order_listing_table .toggle-row {
        height: auto!important;
  
    }
    .order_listing_table td.column-primary strong {
        margin-bottom: 0!important;
    }
    .order_listing_table tbody tr td {
        padding: 10px!important;
    }
    .order_listing_table td:before {
        content: attr(data-title);
        position: absolute;
        left: 10px;
        width: calc(50% - 20px);
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }

    .order_listing_table .dokan-order-select {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    /* Special rules for each column to provide correct header title */
    .order_listing_table .dokan-order-select.check-column:before { content: "Select"; }
    .order_listing_table .dokan-order-id.column-primary:before { content: "Order"; }
    .order_listing_table .dokan-order-total:before { content: "Order Total"; }
    .order_listing_table .dokan-order-earning:before { content: "Earning"; }
    .order_listing_table .dokan-order-status:before { content: "Status"; }
    .order_listing_table .dokan-order-customer:before { content: "Customer"; }
    .order_listing_table .dokan-order-date:before { content: "Date"; }
    .order_listing_table .dokan-order-action:before { content: "Action"; }

    .pagination-wrap ul.pagination {
        font-size: 14px;
    }
    body.dokan-dashboard .dokan-product-listing-area h3{
        margin-bottom: 0px;
    }
    .dokan-product-listing .dokan-product-listing-area .product-listing-top span.dokan-add-product-link {
        width: 100%;
        margin-bottom: 11px!important;
    }
   
    .dokan-dashboard-content .bulk-actions{
        flex-direction: row!important;
        width: 100%;
        margin-bottom:0
    }
    #lottery-status-filter {
        margin-left: 0!important;
    }
    .bulk-actions-wrapper {
        margin-bottom: 18px;
    }
    .dokan-dashboard-content .product-listing-table td .content {
        flex-basis: 100%!important;
        text-align: right;
    }
    .product-listing-table .label_product , .product-listing-table  .product_options{ 
        display: none;
    }
    .product-listing-table .product-details {
        display: flex;
        align-items: center!important;
        justify-content: flex-end !important;
}
.product-listing-table .product-details a {

    font-weight: 500;
}
.product-listing-table  .action_dropdown{
    display: flex!important;
    justify-content: flex-end;
    justify-items: center;
    align-items: center;
}
.bulk_select{
    display: flex;
    flex-direction: row-reverse!important;
    max-width: 105px;
    justify-content: space-evenly!important;
}
.bulk_select label{
    font-size: 11px !important;
}
.dokan-container .dokan-row{
    display: flex;
}
	.dashboard-content-area h1 , .dokan-dashboard-header .entry-title{
        font-size: 21px !important;
        font-weight: 800;
}
.dokan-dashboard-header .dokan-page-description {
    max-width: 800px;
    font-size: 14px;
    color: #888;
}
	.dashboard-content-area{
        width: 95% !important;
    margin: 0 auto;
	}
	.dokan-dashboard .dokan-dashboard-wrap {
    display: flex !important;
    flex-direction: row!important;
}
	.organizer-card h3 {
 
    font-size: 17px!important;
}
	.organizer-actions a{
	    font-size: 13px!important;

	}

	.organizer-card .organizer-thumbnail img {

    max-width: 50px!important;
}
	.organizer-card {
 
    gap: 17px;
}
	.banner-image-holding_div{
		margin-top:0
	}
	.dokan-dashboard .dokan-dashboard-wrap:has(.organizers-list-container) {
    display: flex !important;
    flex-direction: column!important;
}
}

/*****END****/


/*****VIEW ORDER SECTION****/
.wc-order-totals-items td {
    border-width: 0 0px 1px 0!important;


}

/****END****/

/****edit my account page doakn***/
.edit-account-wrap form .form-row input.input-text{

    border: 1px solid #e5e5e5!important;
    border-radius: 4px!important;
    box-shadow: none;
    color: #16110e!important;
    display: block;
    font-size: 16px!important;
    line-height: 28px!important;
    max-width: unset!important;
    opacity: 1;
    padding: 12px 16px 12px 16px!important;
    transition: all .2s ease!important;
    width: 100%!important;
}


.edit-account-wrap{
    background: white;
    padding: 20px;
    border-radius: 10px;
    border-color: rgba(233, 238, 248, 0.9);
    margin-bottom: 100px;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active:after{
    display: none;
}
html .dokan-dashboard .dokan-dashboard-content  {
    margin-top: 108px !important;
    /*overflow-y: scroll;*/
    padding-bottom: 200px !important;
}
.dokan-dashboard .site-footer , .site .site-footer{
    display: none;
}



/****SHOP SETTING***/


.dokan-form-group input{
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    box-shadow: none;
    color: #16110e !important;
    display: block;

}
.dokan-form-group input{

}
/****END***/





@media (max-width: 550px) {
    html .dokan-dashboard .dokan-dashboard-content {
        margin-top:20px !important;
    }
    
}




/****end***/
/**Announcement**/
.dokan-dashboard-content article.dashboard-content-area .dokan-announcement-widget ul li .dokan-dashboard-announce-unread , 
html .dokan-announcement-uread .dokan-annnouncement-date {
    background-color: #d3fa16!important;
    color: #111!important;
}
html .dokan-announcement-wrapper .dokan-announcement-wrapper-item{
	    background: #ffffff!important;
}
html .dokan-announcement-content a{
	    font-weight: 800;
}
html .dokan-announcement-wrapper .dokan-announcement-wrapper-item .dokan-announcement-content-wrap .dokan-announcement-content {
    color: #111!important;
    font-size: 14px!important;
}
html .dokan-announcement-uread {
    border: 2px solid #d3fa16 !important;
}
/*****end***/


/*****PAYMENT DOKAN ***/
.dokan-dashboard-wrap .dokan-dashboard-content article.dokan-settings-area .dokan-payment-settings-summary div.payment-methods-listing-header>div #vendor-dashboard-payment-settings-toggle-dropdown #toggle-vendor-payment-method-drop-down , .dokan-dashboard-wrap .dokan-dashboard-content article.dokan-settings-area .dokan-payment-settings-summary div.payment-methods-listing-header>div #vendor-dashboard-payment-settings-toggle-dropdown #vendor-payment-method-drop-down ul li div span {
    text-decoration: none!important;
}

/****END****/









/*****end******/



	/*****Button****/
    html .dokan-dashboard-wrap .add_lottery_answer, html .dokan-dashboard-wrap .dokan-form-group #insert-media-button, body #insert-media-button, .dokan-lottery-lottery-history-sections button.dt-button, div.dt-button, a.dt-button , #add_promotion{
        background: #abb8c3 !important;
        background-color: #abb8c3 !important;
        border: 0px;
        padding: 5px 10px!important;
        border-radius: 4px!important;
        font-size: 15px!important;
        color: #333333 !important;
    }
.dokan-lottery-product-form  .dt-buttons{
    margin-bottom: 10px;
}


/****end****/

.dokan-lottery-product-form .dokan-lottery{
    margin:10px 0!important
}
/****LOTTERY EDIT AND NEW ******/
.product-edit-container .dokan-feat-image-upload a.dokan-feat-image-btn{
    line-height: 17px!important
}
.tie::placeholder {
    font-size: 14px; /* Change this value to the desired font size */
}

@media (max-width: 768px) {

.tribe-community-events-content .add-new , .add-new , .organizers_add_new_btn {
    margin-left: 0;
    font-size: 15px!important;
    padding: 6px 20px !important;
}
	.dokan-clearfix p{
		margin-bottom:0!important;
	}
}

/******END*****/


	/*****RAFFLE HISTORY SECTION*****/

 .dokan-lottery-product-form .dokan-lottery-lottery-history-sections h4{
        font-size: 20px;
font-weight: 600;
text-transform: capitalize;
padding: 10px;
}
.dokan-lottery-lottery-history-sections .dataTables_wrapper {
    max-width: 900px;
    width: 100% !important;
    padding: 0 2%;
}
.dokan-lottery-lottery-history-sections input[type=number], 	.dokan-lottery-lottery-history-sections input[type=search], 	.dokan-lottery-lottery-history-sections input[type=tel], 	.dokan-lottery-lottery-history-sections input[type=text], 	.dokan-lottery-lottery-history-sections input[type=url], 	.dokan-lottery-lottery-history-sections select,	.dokan-lottery-lottery-history-sections  textarea {

border-radius: 0;
padding: 2px 6px!important;
max-width: 100%;
font-size: 14px!important;
border: 1px solid #cdcdcd !important;
}
/********END****/
	




    /*****end****/






/***WHATSAPP***BUTTON***/
.whatsapp_button button {
        background-color: rgb(4, 211, 97)!important;
    color: black!important;
    padding: 13px 20px;
    font-size: 16px;
    border-radius: 5px;
    text-decoration: none;
}

/****END****/

/***shop page***/
.post-type-archive-product{
	background:#000!important
}
.post-type-archive-product #wc-column-container{
	  display:none!important
}

/****end***/
/*******HOME SECTION****/
.info-bar{
    display:none!important
}
body.home{
background-color: #000;
}

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

.hero {
    position: relative;
    overflow: hidden;


  }
  
  .hero__icons {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
  }
  
  .icon-floating {
    position: absolute;
    will-change: transform, top, left;
  }
  
  .icon--green  { color: #ccff00; }
  .icon--purple { color: #845de4; }
  
  .icon-floating svg {
    stroke: currentColor !important;
    fill: none !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    z-index: -1;
    opacity: 0.3;
  }

  





.hero__inner{
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    height: 500px;
    

}
.featured-events__header button {
    padding-top: 6px !important;
}
.hero__emphasis--gradient
  {
    background: linear-gradient(to right, #d3fa16, #00FF85);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    padding-top: 8px;
  }

  .hero__emphasis--green{
    background: linear-gradient(to right, #d3fa16, #00FF85);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  .icon-floating {
    max-width: 20px;

  }
  .icon-floating svg {
    /* ensure any strokes use the inline stroke/color you just set */
    stroke: currentColor !important;
    fill: none      !important;
  }
  


  .hero__heading{
    color:#fff;
    text-align: center;
    font-family: 'Agrandir'!important;
    font-size: 79px;

    position: relative;
    
  }
  .hero__subheading{
    margin-bottom: 0;
    color: #fff;

    position: relative;
	      font-size: 21px;
  }
html body .hero__cta{
       display: flex;
    text-decoration: none;
    flex-direction: column;
    background-color: #fff;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 600;
    margin-top: 23px;
    border-radius: 9999px;
    width: 179px;
    position: relative;
    color: #000 !important;
    text-align: center;

}
.hero__cta_p{
    width: 100%;
    max-width: 250px;
}
.hero__cta_p svg{
    max-width: 20px;
    color: #000;
    
}
.hero__inner p , .hero__icons p{
    margin-bottom: 0!important;
}

/* ----------------------------------
   Infinite Star-Icon Marquee CSS
   ---------------------------------- */
.ticker-wrapper {
  width: 100%;
  overflow: hidden;
  background: linear-gradient(to right, #fff, #c6ff00, #fff);
}

.ticker-track {
  display: flex;
  white-space: nowrap;
  /* no CSS animation here — JS handles it */
  font-family: sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  align-items: center;
  gap: 2rem;
  padding: 4px 0;
}

.ticker-item {
  display: flex;
  align-items: center;
  gap: 4px;
  color: black;
  font-size: 11px;
  flex-shrink: 0;
}

.ticker-item svg {
  width: 11px;
  height: 11px;
  stroke: currentColor;
  flex-shrink: 0;
  position: relative;
  top: -0.5px;
  fill: #000;
}


  
/****featured section***/

.featured-events__name{
    font-family: 'Agrandir' !important;
    font-size: 28px !important;
    color: #fff;
    margin-top: 10px !important;
    text-transform: uppercase;
   line-height: 1.125;
}
@keyframes pulse-dark {0%,100%{background:#2c2c2c;}50%{background:#444444;}}
.featured-events{position:relative;margin:16px 0;overflow:hidden;margin-bottom: 0!important;}
.featured-events__header{       margin-left: 2%;
    margin-right: 2%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: .5rem;
    margin-top: 80px;}
.home_page_heading{
    margin:0;color:#fff;font-size:40px;;font-weight:700;font-family: 'Agrandir' !important;    line-height: 46px!important;}
.featured-events__controls{display:flex;align-items:center;gap:.75rem;}
.title_span_colorful{
    background: linear-gradient(to right, #d3fa16, #00FF85);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent!important;
}

.featured-events__container_line{
    padding: 2px 0;
    margin-top: 20px;
    background: linear-gradient(to right, #d3fa16, #4527FE, #d3fa16);

}
.featured-events__swipe{   
    gap: 5px;
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    display: flex;
    position: relative;
    margin-right: 6px;
    top: 8px;
    align-items: center;

}
.navi_arrow_slider_featured_events{
    display: flex;
        gap: 10px;
    
}
.featured-events__swipe svg{
    width: 19px;
}

.featured-events__header button{background: transparent;
    border: 0.5px solid #9d9d9d;
    color: #9d9d9d;
    font-size: 1.25rem;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;}
.featured-events__skeleton{position:absolute;top:0;left:0;right:0;display:flex;gap:16px;padding:0 50px;box-sizing:border-box;pointer-events:none;z-index:2;}
.skeleton-slide{flex:1;position:relative;border-radius:8px;overflow:hidden;background:#2c2c2c;}
.skeleton-slide::before{content:'';display:block;padding-bottom:56.25%;}
.skeleton-slide::after{content:'';position:absolute;inset:0;animation:pulse-dark 1.5s infinite ease-in-out;}

@media (max-width: 1110px){

    body .featured-events__thumb img{
        max-height: 400px;
        min-height: 300px;
}
}
@media (max-width: 990px){

    body  .featured-events__thumb img{
        max-height: 250px;
        min-height: 250px;
    }
    body .trending-card img {
        max-height: 190px;
         min-height: 150px;

    }
}



@media (max-width: 768px){.featured-events__skeleton{justify-content:center;}
body .featured-events__thumb img{
    max-height: 400px!important;
    min-height: inherit!important;
    object-fit: contain!important;
}
body .trending-card img {
    max-height: inherit!important;
}

.featured-events__skeleton .skeleton-slide:nth-child(2){display:none;
}
}
.featured-events__wrap{display:flex;gap:16px;padding:0;box-sizing:border-box;opacity:0;transition:opacity .4s ease;position:relative;z-index:1;}
.featured-events__wrap .slick-track{display:flex!important;align-items:stretch!important;gap:20px!important;}
.featured-events__wrap .slick-slide{display:flex!important;align-items:stretch!important;}
.featured-events__slide{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden;background:#111;}
.featured-events__thumb{flex:1 1 auto;} .featured-events__thumb img{    display: block;
    width: 100%;
    max-height: 400px;
    min-height: 400px;
    object-fit: cover;
}
.featured-events__info{flex:0 0 auto;padding:12px 16px;background:#000;color:#fff;}
.featured-events__name{margin:0 0 4px;font-size:1rem;font-weight:600;}
.featured-events__meta{margin:0 0 4px;font-size:.85rem;color:#aaa;}
.featured-events__location{margin:0 0 4px;font-size:.85rem;color:#aaa;}
.featured-events__price{    margin: 0;
    font-size: .85rem;
    color: #d3fa16;
    font-weight: 600;}
.slick-dots{display:none!important;}





/***Start hosting your events today****/
.host-promotion .host-promotion-container {
    margin-bottom: 60px !important;
    margin-top: 20px!important;
}

/* CSS Styles */
.host-promotion {
 
    background-color: black;
    position: relative;
    overflow: hidden;
}

@media (min-width: 768px) {
    .host-promotion {
        padding: 2.5rem 2rem;
    }
    .host-promotion .title{
        margin-bottom: 0; 
    }
}

.host-promotion .background-elements {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.host-promotion .gradient-circle {
    position: absolute;
    border-radius: 50%;
    filter: blur(48px);
}

.host-promotion .gradient-circle-purple {
    top: 45%;
    left: 24%;
    width: 18rem;
    height: 18rem;
    background: rgba(181, 53, 255, 0.2);
}

.host-promotion .gradient-circle-lime {
display: none;
}

.section-container-home {
    max-width: 1280px;
    margin: 60px auto;
    padding: 0 5%;
    position: relative;
}

.host-promotion .content-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
}

@media (min-width: 1024px) {
    .host-promotion .content-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.host-promotion .left-column {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}



@media (min-width: 768px) {
    .host-promotion .title {
        font-size: 2.5rem;
        line-height: 37px;
    }
}

.host-promotion .bonus-alert {
    border: 1px solid rgba(211, 250, 22, 0.2);
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(8px);
    padding: 1rem;
    border-radius: 0.75rem;
    margin-top: 0.5rem;
}

.host-promotion .bonus-text {
    font-size: 15px;
    font-weight: 500;
    color: white;
    margin-bottom: 0;
}

.host-promotion .bonus-text .bonus-amount {
    color: #d3fa16;
    font-weight: 700;
    font-size: 20px;
}

.host-promotion .feature-cards {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1rem;
}

.host-promotion .feature-card {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem;
    background-color: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0.75rem;
    backdrop-filter: blur(8px);
    transition: all 0.3s ease;
}

.host-promotion .scheduling_feature-cards svg {
    color: #d3fa16;
}

.host-promotion .profits_feature-cards svg {
    color: rgb(69, 39, 254);
}

.host-promotion .analytics_feature-cards svg {
    color: rgb(255, 45, 130);
}



.host-promotion .icon-wrapper {
    padding: 0;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
}

.host-promotion .icon {
    width: 1.5rem;
    height: 1.5rem;
}

.host-promotion .calendar-icon {
    color: #d3fa16;
}

.host-promotion .dollar-icon {
    color: #4527FE;
}

.host-promotion .chart-icon {
    color: #FF2D82;
}

.host-promotion .feature-content h3 {
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: 600;
    color: #fff;
}

.host-promotion .feature-content p {

    color: #808081;
    font-size: 13px;
    margin-bottom: 0;
}

.host-promotion .start-hosting-button {
    display: inline-flex;
    align-items: center;
    max-width: 220px;
    gap: 0.5rem;
    width: 100%;
    margin-top: 1.5rem;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    background-color: #fff;
    border-radius: 9999px;
    transition: all 0.3s ease;
    box-shadow: 0 0 15px rgba(211, 250, 22, 0.3);
    justify-content: space-between;
}
.hide-btn-desktop{
    display: none!important;
}
.host-promotion .calculator-input:focus {
    color: #ffffff !important;
    caret-color: #ffffff;
  }


.host-promotion .arrow-icon {
    width: 1.25rem;
    height: 1.25rem;
    transition: transform 0.3s ease;
}

.start-hosting-button:hover{
color: #111!important;
}
.host-promotion .start-hosting-button:hover .arrow-icon {
    transform: translateX(0.25rem);
}

.host-promotion .calculator-card {
    border-radius: 1rem;
    overflow: hidden;
    padding: 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
    background-color: rgb(39 39 39 / 30%);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.host-promotion .calculator-container {
    max-width: 28rem;
    margin: 0 auto;
}

.host-promotion .calculator-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.host-promotion .calculator-icon {
    width: 1.75rem;
    height: 1.75rem;
    color: #d3fa16;
}

.host-promotion .calculator-header h3 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
    color: #fff;
}

.host-promotion .calculator-header svg {
    color: #fff;
}

.host-promotion .calculator-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.host-promotion .input-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    color:#fff
}

.host-promotion .input-group label {
    font-size: 14px;
    font-weight: 400;
}

.host-promotion .calculator-input {
    width: 100%;
    padding: 9px;
    font-size: 1.125rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(0, 0, 0, 1);
    border-radius: 0.5rem;
    color: white;
}

.host-promotion .calculator-input:focus {
    outline: none;
    border-color: rgba(211, 250, 22, 0.3);
    ring: 2px solid rgba(211, 250, 22, 0.3);
}

.host-promotion .currency-input {
    position: relative;
}

.host-promotion .currency-symbol {
 position: absolute;
    left: 16PX;
    top: 51%;
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 1.125rem;
}

.host-promotion .currency-input .calculator-input {
    padding-left: 30px;
}

.host-promotion .earnings-summary {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.host-promotion .standard-earnings {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}

.host-promotion .amount {
    font-size: 20px;
    font-weight: 700;
}

.host-promotion .bonus-earnings {
    margin-top: 0.5rem;
    padding: 1rem;
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(211, 250, 22, 0.2);
    border-radius: 0.75rem;
}

.host-promotion .bonus-earnings h4 {
    font-size: 1.125rem;
    font-weight: 500;
    color: #d3fa16;
    margin-bottom: 0;
}

.host-promotion .bonus-amount {
    margin-top: 0.5rem;
    font-size: 1.875rem;
    font-weight: 700;
    color: #d3fa16;
}

.host-promotion .total-earnings {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
	font-size:15px;
    border-top: 1px dashed rgba(211, 250, 22, 0.3);
    color: #fff;
}

.host-promotion .total-amount {
    font-size: 1.25rem;
    font-weight: 700;
}


/****END****/

@media (max-width: 768px) {
   body .home_page_heading {
        font-size: 30px;
line-height:39px!important;
    }
	 .hero__subheading{
	      font-size: 18px;
  }
    .featured-events__name {
        font-size: 24px !important;
    
    }
    .hero__heading {
        font-size: 60px;
    }
    .host-promotion .calculator-header h3 {
        font-size: 21px;
    }
    .host-promotion .standard-earnings , .host-promotion .total-earnings {
        font-size: 16px;
        font-weight: 300;
    }
    .host-promotion .amount , .host-promotion .total-amount {
        font-size: 20px;
    }
}
@media (max-width: 550px) {
    .featured-events__header {
        margin-top: 0;
        padding-top: 40px;

    }
    .featured-events__swipe {
        display: none;
    }
    .featured-events__header button {
        padding: 7px 15px!important;
        width: 28px;
        height: 29px;
		padding-top: 3px !important;

    }
    .hero__heading {
        font-size: 41px;
    }
    .hero__inner {
        height: 350px;
    }
    .ticker-item {
        font-size: 10px;
    }
    .ticker-track {
        padding: 3px 0;
    }
    .featured-events__header button {
        border: 1px solid #9d9d9d;
    }
    .featured-events__wrap .slick-track {
 gap: 0 !important;
    }
    .featured-events__slide {
        border-radius: 0;
    
    }
    .trending-card img {
        max-width: 175px;
        min-height: inherit !important;
        padding-left: 0;
        border-radius: 3px;
}
.trending-card {
    border-radius: 10px;
    background: #111;
    align-items: center;
    flex-direction: row!important;
}
.trending-card__body {
    background: transparent!important;
}
body .trending-card__title {
    font-size: 13px!important;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: #fff;
}
.trending-card__price {
margin-bottom: 0;
 font-size: 13px!important;
}
 
body .trending-card__meta , body .trending-card__venue{
    font-size: 12px!important;

  }
}


/***end***/



/****trending-events******/
.trending-events {
    position: relative;
    color: #fff;
    padding-top: 20px;
}

.trending-heading {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom:18px;
  }
  
  
  .trending-events__skeleton {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  
  .skel-card {
    flex: 1;
    background: #2c2c2c;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
  }
  
  .skel-card::before {
    content: '';
    display: block;
    padding-bottom: 56.25%;
  }
  
  .skel-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #2c2c2c, #444, #2c2c2c);
    animation: pulse 1.2s infinite linear;
  }
  
  
  @keyframes pulse {
    0% { transform: translateX(-100%); }
    50% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
  }
  
  @media(max-width: 600px) {
    .trending-events__skeleton .skel-card:nth-child(2) {
      display: none;
    }
  }
  
    .event-status-tag {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 7px 16px;
    z-index: 10;
    font-size: 12px;
    font-weight: 600;
    height: fit-content;
    width: 100%;
    justify-content: center;
    }

.tribe-events-event-image{
    position: relative;
}
    .event-status-tag svg{
        height: 12px;
        width: 12px;
    }
    .event-status-tag--past{
        background-color: rgba(31, 31, 31, 1);
  color: white;

    }
    .event-status-tag--canceled{
        background-color: rgba(127, 29, 29, 1); 
  color: white;

    }

  .trending-events__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    opacity: 0;
    transition: opacity 0.3s ease;
    margin-top: 30px;
  }
  
  .trending-card {
    background: #111;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1 1 calc(25% - 1rem);
    max-width: calc(25% - 1rem);
    text-decoration: none!important;
  }



  /***woo shop page***/
.woocommerce-shop .trending-events{
    margin-top: 0;

}
  /****END****/
  
  @media (max-width: 1024px) {
    .trending-card {
      flex: 1 1 calc(50% - 1rem);
      max-width: calc(50% - 1rem);
    }
  }
  
  @media (max-width: 600px) {
    .trending-card {
      flex: 1 1 100%;
      max-width: 100%;
    }
    .event-status-tag {
    padding: 3px 16px;
    font-size: 10px;

}
  }
  
  .trending-card img {
    width: 100%;
    display: block;
    max-height: 140px;
    object-fit: contain;
    min-height: 140px;

  }
  
  .trending-card__body {
    padding: 12px;
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #000;
  }
  
  .trending-card__title {
    margin: 0!important;
    font-size: 1rem!important;
    font-weight: 700!important;
    font-family: 'Agrandir' !important;
    color: #fff!important;
  }
  
  .trending-card__meta , .trending-card__venue{
    margin: 0!important;
    font-size: 13px!important;
    color: #aaa!important;
  }

  
  .trending-card__price {
    margin-top: 0!important;
    font-size: 0.9rem!important;
    color: #d3fa16!important;
    font-weight: 600!important;
  }
  
  .trending-events__load , .trending-events__load_more {
    text-align: center;
    margin-top: 1rem;
  }
  
  .trending-events__load button  , .trending-events__load_more button{
    padding: 5px 20px;
    background: #ffffff;
    border: none;
    border-radius: 9999px;
    color: #000;
    cursor: pointer;
    font-size: 14px;
  }
.trending-events__load button:hover , .trending-events__load_more button:hover{
    background: #111111;
}
  
  
  
/* Tablet - 2 per row */
@media (max-width: 1024px) {
    .trending-card {
      flex: 1 1 calc(50% - 1rem);
      max-width: calc(50% - 1rem);
    }
  }
  
  /* Mobile - 1 per row */
  @media (max-width: 600px) {
    .trending-card {
      flex: 1 1 100%;
      max-width: 100%;
    }
    .trending-events__load{
        margin-top: 42px;
    }
    .paperless-ticketing .wrapper{
        flex-direction: column-reverse;
    }
    .paperless-ticketing .phone-panel img {
        max-width: 200px;
    }
    .paperless-ticketing ul {

    display: none;
}
.paperless-ticketing .content-panel {
    text-align: center;
}
.paperless-ticketing{

}
.paperless-ticketing .bubble.one {
    top: 69%;
    left: -250px!important;
}
.paperless-ticketing .bubble.two{
    right:-280px!important;
}
body .hide-btn-desktop{

    display: flex !important;
            margin: 0 auto;
            justify-content: space-evenly !important;
            max-width: 200px ! Important;
            margin-top: -10px !important;
}
body .hide-btn-mobile{
    display: none!important;
}
html body .start-hosting-button , .paperless-ticketing .btn{
    font-size: 14px!important;
    padding: 6px 13px!important;
    max-width: fit-content !important;
}
  }





  /***paperless secion****/
 /* Section wrapper + overflow for bubbles */
 .paperless-ticketing {
    position: relative;
    background: #000;
    color: #fff;
    padding: 70px 0;
    padding-bottom: 0;
    overflow: hidden;
  }
  /* Background bubbles */
  .paperless-ticketing .bubble {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    opacity: 0.7;
  }
  .paperless-ticketing .bubble.one {
    width: 300px;
    height: 300px;
    background: #8b5cf6;
    top: 37%;
    left: -100px;
  }
  .paperless-ticketing .bubble.two {
    width: 300px;
    height: 200px;
    background: #3b82f6;
    top: 30%;
    right: 0;
  }

  /* Inner layout */
  .paperless-ticketing .wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    justify-content: space-evenly;
  }

  /* Phone panel */
  .paperless-ticketing .phone-panel {
    max-width: 300px;
 

  }
  .paperless-ticketing .phone-panel img {
    width: 100%;
    display: block;
    margin: 0 auto;
  }

  /* Content panel */
  .paperless-ticketing .content-panel {
    flex: 1 1 300px;
    max-width: 600px;
    padding: 32px;
    border-radius: 16px;
  }
  .paperless-ticketing h3 {
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
   
    color: #d3fa16;
  }

  .paperless-ticketing p {
    margin: 0 0 24px;
    font-size: 16px;
    line-height: 1.6;
    color: #ccc;
  }
  .paperless-ticketing ul {
    list-style: none;
    padding: 0;
    margin: 0 0 32px;
  }
  .paperless-ticketing li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 1.6;
  }
  .paperless-ticketing li:last-child { margin-bottom: 0; }
  .paperless-ticketing li span {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 6px 12px 0 0;
    background: #00FF7F;
    border-radius: 50%;
  }

  /* Button */
  .paperless-ticketing .btn {
    display: inline-block;
    padding: 10px 20px;
    font-size: 15px;
    background: #ffffff;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    border-radius: 9999px;
    transition: background-color .2s;
  }



  /***end*****/
/******END*****/












  
/*****old***/
.home .wc-columns-container , .home .page-title , .home .woocommerce-no-products-found{
    display: none;
}
.home.woocommerce .container{
    padding: 0;
}

 /* Banner Section */
 .homepage-banner {
    background-image: url('/wp-content/uploads/2024/10/8a17e4ca-e2ac-4140-aae6-0e410b06b545_d3c8f5b8-766c-48d7-9f50-c43fc1fca125_590080580-huge-1-scaled.avif');
    background-size: cover;
    background-position: center;
    height: 450px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: bottom;
}

/* Overlay effect */
.overlay {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Text inside the banner */
.banner-content {
    position: relative;
    z-index: 2; /* To be on top of the overlay */
    color: #fff;
    text-align: center;
}

.banner-content h1 {
    color: #FFFFFF!important;

    font-size: 56px;
    font-weight: bold;
    line-height: 64px;
}

.banner-content p {
    color: #FFFFFF!important;
    font-size: 21px;
    font-weight: 400;
}


.tribe-events-pro-photo__event-cost{
    display: flex;
    align-items: center;
}
.tribe-events-pro-photo__event-cost a , .tribe-events-c-small-cta__price{
    font-size: 14px!important;
}
.tribe-events-c-small-cta__stock{
    display: none;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    min-height: inherit!important;
}
@media (max-width: 700px) {
    .banner-content h1 {
font-size: 33px;
        line-height: 42px;
    }
    .homepage-banner {
        height: 300px;
    
    }
    .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
 margin-top: inherit !important; 

    }
    .entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull {
    
        max-width: 100%!important; 
    }
    .tribe-common .tribe-common-l-container {
        padding: 20px 5% !important;
    }
    .skeleton-container{
        flex-direction: column; 
    }
    .tribe-events-pro-photo__event-cost{
        margin-left: -47px!important;
    }
    .paperless-ticketing{
        padding-bottom: 0!important;
        padding-top:40px!important
    }
}

/***old end ***/

/**************END*********/




/*******Event-list section*****/
.tribe-events-header , html .tribe-events-pro-photo-nav , html .tribe-events-c-nav__list , html .tribe-events-c-subscribe-dropdown__container{

display: none!important;
}
.tribe-events-l-container {
    padding: 50px 0!important;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-g-row--gutters>.tribe-common-g-col {
    padding:0!important
}


html .tribe-events-calendar-latest-past .tribe-common-g-row{
display: inherit !important;
grid-template-columns: inherit;
grid-gap: inherit !important;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-g-row--gutters>.tribe-common-g-col {
    width: 100%!important;
}


.tribe-events-pro-photo__event .tribe-events-c-small-cta__link{
background-color: #111;
color: white!important;
padding: 6px 14px!important;
text-decoration: none!important;
border-bottom:0!important;
border-radius: 4px!important;

}
.tribe-events-c-small-cta__price{
    font-weight: 800!important;
}


@media (max-width: 700px) {
 
    .tribe-common--breakpoint-xsmall.tribe-events-pro .tribe-events-pro-photo__event {
width: 100%!important;
    }
    .tribe-events .tribe-events-l-container{
        padding-left:0!important;
        padding-right:0!important
    }

}

@media (max-width: 550px) {

    .tribe-events-pro-photo{
        display: flex;
        justify-content: center;
    }


}
/****end******/





.site-main , .entry-content{
    margin:0!important;
}
.entry-title{
    display:none;
}
.banner_height{
        height: 40vw;
            max-height: 600px;
                min-height: 450px;
}
.inside-article{
        padding: 0!important;
}
.heading_max_width{
        max-width: 600px;
}

.vc_row.vc_row-flex{

    justify-content: center;
}

.cta_btn button{
        border-radius: 6px!important;
    color: black!important;
}
.main_cta_blue_bk button{
        background: white!important;
}
.second_cta_blue_bk button{
border:1px solid white!important;
background: transparent!important;
color:white!important;
}

.cta_btn , .cta_btn .wpb_wrapper {
    width:fit-content;
}

/* Keyframes for bounce animation */
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

/* Apply animation to the image */
.img_ami_effect img {
   display: inline-block;
    animation: bounce 1.5s infinite;
    position: absolute;
    right:0%;
    top: 0px;
    max-width: 100px;

}

.floating_coin_pan img{
        animation: bounce 1.8s infinite;
          position: absolute;
    left: 0%;
    top: -50px;
    max-width:200px;
        z-index: 9;
}

.home_banner_icon_section{
        display: flex;
    flex-direction: row;
    flex-wrap: wrap;
        gap: 34px;
      justify-content: center;
    margin: 0;

}
.icon_section_text img{
        max-width: 30px;
        height:auto;
}
.icon_section_text{
        display: flex;
    flex-direction: row;
    gap: 10px;
        align-items: flex-start;

}
.icon_section_text p{
      margin-bottom: 0;
    font-size: 15px;
    color: #666;
}
.icon_section_text h5{
    margin-bottom:0;
        font-size: 17px;
    font-weight: 700;
}




/****HOW IT WORKS SECTTION***/

.how_it_works_section_icon {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    padding: 0px;
    background-color: #fff;
    max-width: 809px;
    margin: 0 auto;
    margin-top: 68px !important;
    grid-row-gap: 28px;
}
.how_it_works_step {
  text-align: center;
  margin: 0; /* Remove margin to avoid additional space */
  padding: 20px 0; /* Optional: Add padding if you want some spacing inside the grid items */
  position: relative;
}
.how_it_works_step img {
  width: 100%;
  max-width: 200px;
  height: auto;
  margin: 0 auto 10px auto;
      margin-bottom: 0 !important;
}
.how_it_works_step_last img{
      max-width: 150px!important;
}
.how_it_works_step .number {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #007bff;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.how_it_works_step h3 {
    margin: 10px 0;
    font-size: 20px;
    font-weight: bold;
    margin-top: 2px;

}

.how_it_works_step p {
  margin: 5px 0;
  font-size: 14px;
  color: #666;
}
@media (max-width: 768px) {
  .how_it_works_section_icon {
    grid-template-columns: 1fr;
  }
}
/******END*****/




/******earning section***/
   .host_earnings_section {
      text-align: center;
      padding: 50px;
      background-color: #e2e8ec;
    }
    .host_earnings_section img {
 
    width: 100%;
    height: auto;
    max-width: 240px !important;
    margin-bottom: 20px;

    }
    .host_earnings_section h2 {
      font-size: 24px;
      font-weight: bold;
         margin-bottom: 0px;
    }
    .host_earnings_section p {
  font-size: 16px;
    color: #666;
    max-width: 600px;
    margin: 30px auto;
    }
    .host_earnings_section .cta_button {
      display: inline-block;
      padding: 10px 20px;
      background-color: #2973eb;
      color: white;
      font-size: 16px;
      border-radius: 5px;
      text-decoration: none;
    }
    .host_earnings_section .cta_button:hover {
      border:1px solid white;
      background:#2973eb;
    }

/*****end*****/




/*****NEED SOME HELP ***/
.need_help_section img{
    
        max-width: 400px;
    margin: 0 auto;
}



/******END****/


/******FAQ SECTION*****/

.faq_section {
    text-align: center;
  }

  .faq_section h1 {
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
  }

  .faq_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 5%;
  }

  .faq_item {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 18px 13px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    text-align: left;
    padding-right: 43px !important;
  }

  .faq_item h2 {
    font-size: 18px;
    margin: 0;
    font-weight: bold;
  }

  .faq_item p {
    display: none;
    margin: 10px 0 0;
    font-size: 16px;
    color: #666;
  }

  .faq_item.active p {
    display: block;
  }

  .faq_item .arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    transition: transform 0.3s ease;
  }

  .faq_item.active .arrow {
    transform: translateY(-50%) rotate(90deg);
  }

  @media (max-width: 768px) {
    .faq_container {
      grid-template-columns: 1fr;
    }
  }


/*******END*******/


/*****DEMO SECITION****/

.book_demo{
    
}
.cta_button_second{
        border: 1px solid #333333 !important;
    background: transparent !important;
    color: #333333 !important;
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    text-decoration: none;
}
.demo_btn_col{
        display: flex;
    justify-content: center;
    gap: 33px;
}

/*****END***/




@media (max-width: 768px) {
.glass_effect {
         position: relative;
        border-radius: 10px;
        overflow: hidden;
        padding: 20px;
        background: rgb(0 0 0 / 30%);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        border: 1px solid rgb(0 0 0 / 18%);
        z-index: 0;
}

.glass_effect::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: inherit;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    z-index: -1;
}

.glass_effect .wpb_wrapper {
    position: relative;
    z-index: 1;
    color: #000;
}
.heading_max_width {
    max-width: 100%;
    margin: 0 2% !important;
}

body .vc_custom_1719253612064 {
    background-position: left!important;

}
.banner_topsection_btn{
    display:flex;
}
.banner_height{
       align-items: center;
}

.home_banner_icon_section {
   display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: inherit;
        align-content: center;
        width: 100%;
        margin: 0 auto;
        padding: 0 3%;
  
 
}
.icon_section_text p{
    font-size:14px
}
.home_banner_icon_section .icon_section{
      width: fit-content;
}



}









@media (max-width: 500px) {
.demo_btn_col {
    gap: 19px;
    flex-direction: column;
}
.demo_btn_col a{
     max-width: 200px;
     width:100%;
    margin: 0 auto;

}
.host_earnings_section img {

    max-width: 175px !important;

}
.need_help_section img {
    max-width: 250px;
    margin: 0 auto;
}
.img_ami_effect img {
    max-width: 60px;
}
.floating_coin_pan img {
    left: 2%;
    max-width: 100px;

}
.need_help_section{
   text-align: center;
}
.need_help_section h1,
.need_help_section p {
    text-align: center!important;
}
.winner_picket_section_list p{
    text-align: left!important;
}
}




@media (max-width: 360px) {
.demo_btn_col {
    gap: 19px;
    flex-direction: column;
}
    .banner_topsection_btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap:15px
    }
      .banner_topsection_btn  .vc_btn3-container{
        margin:0!important;
    }
    .glass_effect .vc_custom_1719448423059{
            margin-bottom: 11px!important;
    }
    .banner_height {
 
    min-height: 530px;
}
.banner_topsection_btn button{
    min-width: 190px;
}
.img_ami_effect img {
    max-width: 65px;
}
.floating_coin_pan img {
    left: 5%;
    max-width: 100px;

}
}

    /*******END*****/






    
    /*******SHOP PAGE ******/

    .draw_info_text, .lottery-finished-tag {
        border: 2px solid #f2f2f2!important;
    }
.star-rating{
    display:none
}
    .woocommerce-js ul.products li.product {
        background: #fff;
        padding: 10px;
        border-radius: 10px;
        box-shadow: 0 0 .5rem rgba(23, 23, 23, .15);
        border: 2px solid #fff;
        width: fit-content !important;
    }
.woocommerce-breadcrumb , li.product  .dokan-vendor-name ,  li.product  .star-rating{
    display: none;
}

   .woocommerce-js .wc_lotery_countdown-row .wc_lotery_countdown-section{
        border: 2px solid #f2f2f2;
        padding: 5px;
margin-top: 10px!important;
   flex-wrap: nowrap;
    flex-direction: column;
    gap: 0px!important;
    display: flex;
    border-radius: 5px;
    }
    .woocommerce-js .wc_lotery_countdown-row .wc_lotery_countdown-section span{
        color:#00102F!important;
        font-size:12px;
        white-space: nowrap;
    }
    .woocommerce-js .wc_lotery_countdown-section .wc_lotery_countdown-amount{
    font-weight: 800;
    font-size: 17px!important;
    color:#00102F!important
}
html .woocommerce-js .wc_lotery_countdown-show4{
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 5px!important;
    display: flex;
}

.woocommerce-js ul.products li.product .woocommerce-LoopProduct-link {
        margin-bottom: 5px!important;


    }
    .wc-related-upsell-columns-4 .related ul.products, .wc-related-upsell-columns-4 .up-sells ul.products, .woocommerce .wc-columns-container.wc-columns-4 .products {
        grid-template-columns: repeat(3, minmax(0, 1fr))!important;
        max-width: 1100px;
        margin: 0 auto;
    
    }

    .woocommerce-js .lottery-end , .woocommerce-js .lottery-bage , .woocommerce-js .progress-percentage{
        display: none;
    }
    .woocommerce-js .progress-percentage{
    font-size: 13px;

}
.woocommerce-js .progress-details{
    margin-top: -31px;
    color: #333!important;
}
.woocommerce-js .progress-details span{
    color: #333!important;
    font-size: 13px;
}
    .woocommerce-js  .wc-product-image{
        width: 100%;
        max-width: 300px;  
    }
    html .woocommerce-js  .woocommerce-loop-product__title{
    text-align: left;
    font-size: 17px!important;
    font-weight: 700;
    text-transform: capitalize !important;
    margin-top: 20px;
    margin-bottom: 5px;
    color: black !important;
}
.woocommerce-js .price{
    text-align: left;
    display: block;
    font-size: 18px!important;
}


.woocommerce-js .price .amount{

    font-weight: bolder;
}
.add_to_cart_button:hover{
    color:white!important;
}
.columns-4 li{
    list-style: none;
}
.woocommerce-LoopProduct-link {
    text-decoration: none;
}
.dokan-vendor-name{
    display: flex;
    font-size: 12px;
    gap: 3px;
    font-weight: 200!important;
    margin: 8px 0px;
    margin-top:0
}
.woocommerce-js .wcl-progress-meter {
    position: relative;
    margin-top: 15px;
    margin-bottom: 0;
}
.dokan-vendor-name a:last-child{
    font-weight: 700!important;
    color: #333333
}
.dokan-vendor-name a{

}
.woocommerce-js ul.products li.product .button{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-bottom: 0 !important;
    border-radius: 5px !important;
    margin-top: auto;
}




@media (max-width: 1006px) {
    .woocommerce .wc-columns-container.wc-columns-4 .products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        max-width: 750px;
        margin: 0 auto;
    }
    .woocommerce-js .wc_lotery_countdown-row .wc_lotery_countdown-section span{
  
        font-size:11px;
        white-space: nowrap;
    }
    .woocommerce-js .wc_lotery_countdown-section .wc_lotery_countdown-amount{
    font-weight: 800;
    font-size: 15px;
}
}



@media (max-width: 580px) {
    .woocommerce .wc-columns-container.wc-columns-4 .products {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
        max-width: 300px;
        margin: 0 auto;
    }

}
@media (max-width: 450px) {
    .woocommerce .wc-columns-container.wc-columns-4 .products {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
        max-width: 100%;
     
        justify-items: center;
    }
    .woocommerce-js ul.products li.product {
        width: 90% !important;
    }

}






    /********END******/
    




    









    /*****LOGIN FORM APART FROM CHECKOUT *****/
.user-logged-out , .woocommerce-lost-password{
    background-color: #000;
}


/* Container */
.auth-container {
    max-width: 400px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    margin: 0 auto;
  }
  
  .auth-title{
    color: #fff;
    text-align: center;
    font-family: 'Agrandir' !important;
    font-size: 20px;
    position: relative;
    margin-bottom: 5px;


  }
  .auth-subtitle{
    font-size: .85rem;
    color: #aaa;
    margin-bottom: 40px;
    text-align: center;
  }
  /* Tabs */
  .auth-tabs {
    display: flex;
        background: #222;
        border-radius: 6px;
        overflow: hidden;
        margin-bottom: 13px;
    

  }

  .woocommerce   .auth-container form.login{
    margin-bottom:0
  }
  .auth-container .tab-btn {
    flex: 1;
    padding: 10px 0;
    background: #222;
    color: #888;
    text-align: center;
    font-size: 13px;
    border: none;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    font-weight: 500;
  }
 
  .auth-container .tab-btn.active {
    background: #000;
    color: #fff;
    margin: 3px;
    border-radius: 5px;
  }
  .auth-container .tab-btn:not(.active):hover {
    color: #fff;
  }

  #login-form , #register-form {
    padding: 20px
  }
  .lost-password-container{
        padding: 25px;
  }
  
  /* Form wrappers */
  .auth-container .tab-content {
    display: none;
  }
  .auth-container .login-tab,
  .auth-container .tab-content.active {
    display: block;
  }
  .auth-form .form-heading {
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 0.5rem;
  }
  .auth-form .form-subheading {
    font-size: 0.875rem;
    color: #aaa;
    margin-bottom: 1.5rem;
  }
    .auth-container .lost_password a{
   display: flex;
    justify-content: flex-end;
    }
  .auth-container .lost_password a , .lost-password-form .btn-link{
  font-size: 12px;
    color: #fff !important;
    text-decoration: none;
    width: 100%;
    display: block;
    margin-top: 5px;
   

  }
  .my-account-lost-password-page  .woocommerce{
    padding: 50px 5% !important;
    max-width: 600px;
    margin: 0 auto;
  }
    .my-account-lost-password-page  .woocommerce p {
    font-size: .85rem;
    color: #aaa;
    margin-bottom: 20px;
    text-align: center;
    }
  .auth-container  .lost-password-form .btn-primary{
    margin-top:5px!important;
  }

    .lost-password-form .form-footer{
    margin-bottom: 0!important;
  }
  .lost-password-form .btn-link{
     display: flex;
    justify-content: flex-start;

  }
  /* Form groups */
  .auth-container .form-group {
    margin-bottom: 1rem;
  }


  
  .auth-container .form-group label  ,   .woocommerce-lost-password label{
    display: block;
    margin-bottom: 0.5rem;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
  }
  /* Override Chrome autofill in our auth container inputs */
  .auth-container .input-text:-webkit-autofill,
  .auth-container .input-text:-webkit-autofill:hover,
  .auth-container .input-text:-webkit-autofill:focus,
  .auth-container .input-text:-webkit-autofill:active {
    /* paint the autofill background black */
    -webkit-box-shadow: 0 0 0px 1000px #000 inset !important;
            box-shadow: 0 0 0px 1000px #000 inset !important;
    /* keep the text white */
    -webkit-text-fill-color: #fff !important;
    /* force the border color */
    border-color: rgba(255, 255, 255, 0.2) !important;
  }
  
  html body .auth-container .input-text  ,  .woocommerce-lost-password input{
    border-radius: 4px;
    font-size: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2)!important;
    backdrop-filter: blur(8px);
    background-color: rgb(39 39 39 / 30%);
    padding: 8px 8px 8px 8px !important;
        height: 34px;
  }

  html body .lost-password-form  form .form-row{
    width: 100%!important;

  }
  html body .auth-container .input-text {
    font-size: 16px;           /* typed text */
    line-height: 1.4;          /* optional for better readability */
  }
  

  .woocommerce  .auth-container form p.form-row label:not(.checkbox,.woocommerce-form__label-for-checkbox) {
    border-radius: 4px;
    font-size: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2)!important;
    backdrop-filter: blur(8px);
    background-color: rgb(39 39 39 / 30%);
    padding: 8px 8px 8px 8px !important;
    position: inherit!important;
    background:inherit!important;
    border:inherit!important;
    color:#fff!important;
    padding:0!important;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
  }
  html .woocommerce-lost-password form p.form-row label:not(.checkbox,.woocommerce-form__label-for-checkbox) {
    position: relative;
    font-size: 12px;
    background: black !important;
    top: 6px;
    width: fit-content;
    padding: 3px;
    z-index: 9;
    left: 0;
    color: #ffffff!important;
    transition: all .2s ease;
    white-space: nowrap;
    }
  .woocommerce .auth-container form .form-row .input-text, .woocommerce form .form-row select  , html .woocommerce-lost-password .input-text{
    font-family: inherit!important;
    font-weight: 400;
    letter-spacing: normal!important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(8px)!important;
    background-color: rgb(39 39 39 / 30%)!important;
    padding: 8px 8px 8px 8px !important;
    color:  #fff!important;
    box-sizing: border-box!important;
    width: 100%;
    margin: 0;
    line-height: normal;
    height: 35px;


  }
.woocommerce-account .auth-container form input{
    color:#fff!important
}
  /* Standard placeholder */
  html body .auth-container .input-text::placeholder {
    font-size: 12px;           /* placeholder text */
  }
  
  /* WebKit browsers */
  html body .auth-container .input-text::-webkit-input-placeholder {
    font-size: 12px;
  }
  
  /* Mozilla Firefox 19+ */
  html body .auth-container .input-text::-moz-placeholder {
    font-size: 12px;
  }
  
  /* Mozilla Firefox 4 – 18 */
  html body .auth-container .input-text:-moz-placeholder {
    font-size: 12px;
  }
  
  /* Internet Explorer 10+ */
  html body .auth-container .input-text:-ms-input-placeholder {
    font-size: 12px;
  }
  html body  .auth-container .input-text:focus {
    outline: none;

    border: 1px solid rgba(255, 255, 255, 0.3)!important;
  }
  
  /* Password field */
  .auth-container  .password-group .password-wrapper {
    position: relative;
  }
  .auth-container .password-toggle {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #888;
  }
  .password-toggle svg{
    width: 18px;

  }
  .auth-container .password-toggle:hover {
    color: #fff;
  }
  
  /* Actions & buttons */
  .auth-container.form-actions {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  .auth-container .btn ,  html .auth-container input.dokan-btn  {
    display: inline-block!important;
    text-align: center!important;
    font-weight: 600!important;
    border-radius: 6px!important;
    cursor: pointer!important;
    font-size: 14px!important;
    padding: 10px!important;
    line-height:inherit!important;
  }
  .auth-container .btn-full {
    width: 100%;
  }
  .auth-container .btn-primary , html .auth-container input.dokan-btn  {
    /* Base flat color */
    background-color: #d3fa16!important;
    /* Overlay gradient that starts hidden (0% width) */
    background-image: linear-gradient(to right, #d3fa16, #00ff88)!important;
    background-repeat: no-repeat!important;
    background-size: 0% 100%!important;
    /* Animate the size (revealing/hiding the gradient) and text color */
    transition: background-size 0.3s ease-in-out, color 0.3s ease-in-out!important;
    color: #000!important;
    border: none!important;
    margin-top: 20px!important;
  }
  
  .auth-container .btn-primary:hover  , html .auth-container input.dokan-btn:hover{
    /* Expand the gradient to full width */
    background-size: 100% 100%!important;
    /* Text stays black */
    color: #000 !important;
  }
  
  
  .auth-container .btn-secondary {
    background: transparent;
    border: 1px solid #7b3ff2;
    color: #7b3ff2;
  }
  .auth-container .btn-secondary:hover {
    background: rgba(123,63,242,0.1);
   }
  
  /* Account type radios */
  .auth-container .account-type {
    margin-bottom: 1.5rem;
    margin-top: 40px;

  }
  .account-type legend{
    color: #fff;
    font-size: .85rem;
    font-weight: 500;
    margin-bottom: 14px;
  }
  .auth-container .account-type .radio {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
  }
  .auth-container .account-type input[type="radio"] {
    margin: 0 0.5rem 0 0;
    accent-color: #d3fa16;
    width: 1rem;
    height: 1rem;
  }
  .account-type .radio-label {
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    font-weight: 300;
    letter-spacing: 0px;
  }
  
  .vendor-customer-registration{
    display: none;
  }
  /* Hide/show registration blocks */
  .customer-reg,
  .organizer-reg {
    display: none;
  }

  /* Script will toggle these */
  
 




















    /*****END****/



    /*****Privacy and Cookies Policy******/
 
.privacy-root{
    margin: 30px 0;
}
.privacy-list{
    margin-top: 40px;
    max-width: 1000px;
    margin-left: 0;
  
}
.policy-nav-list{
    list-style: none;
    margin: 0;
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.policy-nav-list li a{
    text-decoration: none;
    padding: 5px 10px;
    background: #e2e8ec;
    border-radius: 3px;
    color: #333333;
    font-size: 14px;
}
    .privacy-list-item h3{
        font-weight: 800;
        font-size: 19px;
        margin-bottom: 10px;
    }
    .privacy-list-item{
        margin: 50px 0;
        margin-top: 0;
        margin-left:30px
    
    }
    .privacy-nested-list-item{
        margin: 10px 0;
    }
    .privacy-nested-list{
        font-size: 14px;
        color: #5c5c5c;
    
    }
    .privacy-nested-list-item h4{
        font-size: 16px;
        font-weight: 500; 
    }
    .privacy-root h2{
        font-size: 29px;
        font-weight: 600; 
    }



@media (max-width: 580px) {
    .privacy-root h2{
        font-size: 20px;
        font-weight: 600; 
    }

}
    /********END******/



    /*****VENDER CSS****/
.status-icon img{
    max-width: 20px;
    position: relative;
    top: 0;
}
.store-address{
    display: none;
}
.store-data h2{
    margin-bottom: 10px!important;
}
    /****END****/






    /*****SPINNER  PAGE *****/

    .ball-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    }
    .prize-position{
        color:#fff
    }
    .ball {
        font-size: 2em;
        width: 2.75em;
        height: 2.75em;
        background-color: white;
        border-radius: 100%;
        text-align: center;
        line-height: .8em;
        margin: 2em .15em;
        margin-top: 10px;
        box-shadow: inset -8px -8px 0px 0px #E3EFF9, 0px 9px 30px 0px rgba(0,0,255,0.15);
        animation: build-in .5s;
        animation-timing-function: cubic-bezier(.17,.51,.48,1.39);
        animation-fill-mode: both;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
    }
    .ball p{
        margin-bottom: 0;
    }

    #post-422{
        background-color: #2973eb;
    }




    .hidden {
        display: none !important;
    }
    .lottery_action_btn{
        max-width: 600px;
        margin: 0 auto;
    }
    .raffle_spinner_page_whole_container{
        display: flex;
        justify-content: center;
        align-content: stretch;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: stretch;
        gap: 20px;
        margin-top: 0px !important;
        max-width: 600px;
        margin: 0 auto;

    }
    
    .page-id-422 .entry-title{
        margin-bottom: 10px;
    }
    .raffle_main_container{
        display: flex;
        flex-direction: row;
        gap: 100px;
        align-items: flex-start;
        background-color: #f4fff7;
        border: 2px solid #4ab866;
        padding: 13px;
        border-radius: 5px;
        gap: 5px;
    }
#raffle-title h4{
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 700;
}
#spin-position , #spinner-animation{
    margin-top: 0;
    font-size: 23px;
    font-weight: 500;
    margin-bottom: 0;
}
.raffle_container{
    flex-direction: column;
    background-color: #ffffff !important;
    padding: 13px;
    border: 1px solid #9e9e9e;
    border-radius: 5px;
    gap: 5px;
    max-width: 250px;
    margin-top: -50px;

} 
.left-section_btn{
    max-width: 250px;
}
#action-wrapper{
    display: flex;
    justify-content: center;
}

.raffle_container h5{
    margin-bottom: 7px;
    font-weight: 700;
    font-size: 17px;

}
.raffle_container div{
    font-size: 14px;
    font-weight: 400;

}

.raffle_container .results_raffle_span {
    font-weight: 600;
    font-size: 16px;
}
#prize-details ul li{
    font-weight: 600; 
}
@keyframes shake {
    0%  { -webkit-transform:     translate(2px, 1px) rotate(0deg); }
    10% { -webkit-transform:     translate(-1px, -2px) rotate(-2deg); }
    20% { -webkit-transform:     translate(-3px, 0px) rotate(3deg); }
    30% { -webkit-transform:     translate(0px, 2px) rotate(0deg); }
    40% { -webkit-transform:     translate(1px, -1px) rotate(1deg); }
    50% { -webkit-transform:     translate(-1px, 2px) rotate(-1deg); }
    60% { -webkit-transform:     translate(-3px, 1px) rotate(0deg); }
    70% { -webkit-transform:     translate(2px, 1px) rotate(-2deg); }
    80% { -webkit-transform:     translate(-1px, -1px) rotate(4deg); }
    90% { -webkit-transform:     translate(2px, 2px) rotate(0deg); }
    100%{ -webkit-transform:     translate(1px, -2px) rotate(-1deg); }
}

.shaking {
    animation: shake 0.5s infinite;
}

.raffle_container li{
    text-decoration: none;
    list-style: none;
}
.raffle_container ul{
    margin: 0;
}
.results_html div{
    font-size: 14px;
    font-weight: 400;
}

#lottery-dropdown_back{
    width: fit-content;
    color: white;
    font-size: 14px;
    background: inherit;
    padding: inherit;
    text-decoration: underline;
    cursor: pointer;
    position: absolute;
    left: 1%;
    top: 1%;

}


#prize-details ul{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
    flex-direction: column;
    align-content: flex-start;

}
#congratulations-message{
    font-size: 50px;
    color: white;
    font-weight: 600;
    margin-bottom: 50px;
    margin-top: -100px;
    text-align: center;

}
#spin-button{
    border-radius: 5px;
    padding: 11px 20px;
    height: auto;
    white-space: nowrap;
    font-size: 20px;
    line-height: 17px;
    background-color: green;
    margin-top: 0!important;

}
#lottery-dropdown{
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    box-shadow: none;
    color: #16110e !important;
    display: block;
    font-size: 16px !important;
    line-height: 28px !important;
    opacity: 1;
    padding: 12px 16px 12px 16px !important;
    transition: all .2s ease !important;
    width: 100% !important;
    max-width: 200px;
}
.lottery_action_btn{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.spin_div_holder{
    display: block;
    width: 100%;
    background-color: inherit;
    padding: inherit;
    border-radius: inherit;
    max-width: inherit;
    padding: 0;
    border: inherit;
    margin: 0 auto !important;
    margin-top: 12px !important;
    margin-bottom: 19px !important;
    
}
.spinner-container{
    font-weight: 700!important;
    font-size: 40px!important;
    color: #fff;
    text-align: center;
}
    /*******end****/




    /******404 PAGE*****/

    .custom-404-content img{
        max-width:500px;
        width: 100%;
    }
    .custom-404-content{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-top: 50px;
    }
    .custom-404-content h2{
        font-weight: bold;
    }.custom-404-content button{
        margin-bottom: 35px;
        border-radius: 5px;
    }
    .custom-404-content p{
        max-width: 700px;
        text-align: center;
    }




    /*****end*****/



    /*****catgeruy card ****/

    .lottery-container .wc_lotery_countdown-row {
        clear: both;
        width: 100%;
        padding: 0px 2px;
        text-align: center;
        display: flex;
        gap: 8px;
    
    }
    .dokan-store-wrap ul.products li.product{
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }
    .wc_lotery_countdown-period{
        font-size: 9px!important;
    }
    .dokan-store-wrap .dokan-vendor-name {
        width:100%
    }
    /*****end***/


    .contact-container-inner {
        display: flex;
      align-items: stretch;
      justify-content: flex-start;
      gap: 50px;
      flex-wrap: wrap;
      align-content: space-around;
  }
  
  .left-section img {
    max-width: 500px;
    height: auto;
  }
  
  .left-section {
    background-image: url('/wp-content/uploads/2024/10/rob-csaszar-b5yiBMHk5sQ-unsplash-1.jpg');
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
      width: 47%;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #111;
      text-align: center;
      padding: 20px;
  }
  

    /***CONTACT US PAGE ***/
    .ff-btn-submit{
        background-color:#d3fa16!important;
        color:#333!important;
    }
.page-id-708 {
    background-color: #000;
}

.page-id-708 #whatsapp-support {
display: none!important;
}

.contact-section {
    background: #000;
    color: #fff;
    padding: 4rem 1rem;
  }
  
  .contact-section .container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0!important;
  }
  
  .contact-section .hero__heading {
  
    margin-bottom: 0!important;
  }
  
  .contact-section .section-subtitle {
margin-bottom: 50px;
    font-size: 0.85rem;

    color: #aaa;
    text-align: center;
  }
  
  .contact-section .contact-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
  }

  .contact-section .ff-btn-submit {
    border-radius: 5px !important;
    background-color: #d3fa16 !important;
    color: #333 !important;
    font-size: 14px !important;
    width: 100%;
    font-weight: 600 !important;
}
  
  .contact-section .contact-form-card {
    flex: 1;
    min-width: 300px;
    border-radius: 1rem;
    overflow: hidden;
    padding: 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
    background-color: rgb(39 39 39 / 30%);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  }
  .contact-section .card-subtitle{
    font-size: .85rem;
    color: #aaa;
    margin-bottom: 20px;
margin-top:10px
  }
  .contact-section .contact-info-grid {
    flex: 1;
    min-width: 280px;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  
  .contact-section .contact-card {
    border-radius: 1rem;
    overflow: hidden;
    padding: 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
    background-color: rgb(39 39 39 / 30%);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  }
  
  .contact-section .card-title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
  }
  .contact-card .card-title{
    margin-bottom: 20px;
  }
  .email-info-contact strong{
    font-size: 13px;
  }
  .contact-card p {
    margin-bottom: 0;
  }
  .contact-span-valvue{
    font-size: .85rem;
    color: #aaa;
    margin-left: 42px;
  }
  .email-info-contact svg , .card-title svg{
    color: #25D366;
    width: 32px;
    margin-right: 10px;
    background: #262626;
    padding: 7px;
    height: 32px;
    border-radius: 21px;
  }
  .contact-card a {
    text-decoration: none;
  }
  .contact-card a svg{
    color: #111!important;
    width: 21px;
    margin-right: 10px;
    background:inherit!important;;
    padding: 0;
    height: inherit;
    border-radius: inherit;
  }
  .contact-section .whatsapp-button {
    display: inline-block;
    background-color: #25D366;
    color: #fff;
    padding: 6px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    align-items: flex-start;
 
  }
  .ff-default .ff-el-input--label label {
    display: inline-block;
    font-weight: 500;
    line-height: inherit;
    margin-bottom: 0;
    font-size: 13px;
}
.ff-default .ff-el-form-check label.ff-el-form-check-label {
    cursor: pointer;
    margin-bottom: 7px;
    font-size: 14px;
    font-weight: 300;
}
.ff-default .ff-el-form-control{
    border-radius: 4px;
    font-size: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
    background-color: rgb(39 39 39 / 30%);

}

.office-hours p {
    display: flex;
    color: #aaa;
        align-items: center;
        justify-content: space-between;
        font-size: 13px;

}
.office-hours strong{
    color:#fff;
    font-weight: 500;
}
    /****END ****/

    @media (max-width: 600px) {
   
        .contact-section .contact-grid{
    flex-direction: column-reverse;
        }
        .contact-span-valvue {
 
            margin-left: 0px;
        }
    }



    /****Terms policy *****/

  .conditions_section h5{
font-weight: 800!important;
  }

  /*****END***/
  /***COOKIES***/
#cmplz-document{
    padding: 50px 5%;
}

  /*****END***/











  /*****scanner web app******/
.page-id-2912 .main-navigation  , .page-id-2912 #menu-main-menu-1 li  , .page-id-2912 .menu-bar-items , .page-id-2912 .info-bar , .page-id-2912 .my-account-icon{
   display: none;
}
    .page-id-2912 #menu-item-3013  ,    .page-id-2912 .menu-item-3013 {
   display: block!important;
}
.page-id-2912{
    background: #111;

}
.page-id-2912 .site-content {
    width: 100%;
}

.checkin-app-btn-input-wrapper{
    display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center;
      
}
    

.swal2-popup {
    background-color: #111!important;
    color: #fff !important;
	
	}
	.swal2-header , .swal2-content{
		padding:0!important
	}
	.swal2-html-container , .swal-text{
		margin:0!important;
		padding:0!important
	}
	.swal2-title , .swal-modal .swal-text {
    color: rgb(255 255 255 / 100%)!important;

}
.swal-text{
    font-size: 14px!important;
}
.swal2-title {
    font-size: 22px!important;
    margin-bottom: 14px!important;
}
	.swal2-cancel {
		background-color:#d3fa16!important;
			color:#000000!important;
		
	}
	.swal-text div , .swal-text strong{
		 color: rgb(255 255 255 / 100%)!important;
	}
	 .swal2-cancel:hover{
		color:#000000!important;
			background:#fff!important;
	}
	.swal2-confirm:hover {
			background-color:#d3fa16!important;
			color:black!important;
	}
	.swal2-confirm {
		background:#fff!important;
		color:black!important
	}
	
/***hide atendees*/
.page-id-2912 .tab3{
   display: block;
}

.page-id-2912 .wrapper{
    min-height: 0 !important;
}
    html .page-id-2912 .container-fluid{
        padding-top: 34px !important;
    }


    .page-id-2912 .brand-link img{
    max-width: 170px
}
.page-id-2912 .scanner_login_divs_before h2{
    margin: 0 auto;
    width: fit-content;
    font-weight: 400 !important;
}
.page-id-2912  .scanner_login_div a{
color:#d3fa16!important;
 }
.page-id-2912 .main-header .d-block{
    display:none!important
}
.page-id-2912 footer{
    display:none!important
}
.page-id-2912 .main-header{
    padding-left: 0;
    padding-right: 0;
}

.page-id-2912 .main-header {
    background-color: #111!important;
    border-bottom: 1px solid #444!important;
}
.page-id-2912 .fake_aviter {
    display: flex;
    align-items: center;
    font-size: 13px;
    background: white;
    border-radius: 100px;
    width: 36px;
    height: 36px;
    justify-content: center;
}

.page-id-2912 .dark-mode .content-wrapper , .page-id-2912 .dark-mode {
    background: #0d0e0e !important;
    height: 100vh;

}



.page-id-2912 .fake_aviter span {
    color: black !important;
}
.page-id-2912 .user-panel .fa-angle-down:before {
    content: "\f107";
    color: white;
    margin-right: 24px;
}


.page-id-2912 .admin_dashboard-sidebar-item a {
    color: white;
    padding: 12px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    padding-left: 0 !important;
    white-space: nowrap;
}
.admin_dashboard-sidebar-item i {
    padding-right: 10px;
}
.page-id-2912 .scanner_login_divs{
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 40px;
   padding-bottom:20px
}
.page-id-2912 .line_break {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #575757;
    margin: 10px 0;
}

.page-id-2912 .inside-header img{
    max-width: 34px !important;
}

.page-id-2912 .tribe-community-events-list-title {
    font-weight: bold;
    font-size: 35px !important;
}



.page-id-2912 .container-fluid h2 {
    padding-bottom: 0;
    font-weight: 700;
    margin-bottom:0!important
}



.page-id-2912 .scanner_login_div h3 {
    margin-bottom: 10px;
    font-size: 21px;
    font-weight: 700;
    color:#fff
}
.page-id-2912 .scanner_login_div{
    background-color: #111;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 17px;
    border-radius: 10px;
    width: fit-content;
    margin: 00px 4%;


}
.page-id-2912 #attendee-search{
width: 100%;
padding: 15px 8px;
margin-bottom: 1px;
background: #222;
color: #fff;
border-color: #4e4e4e;
}

.page-id-2912 .attendee-card {
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: #111;
    padding: 9px;
    border-radius: 0;
    max-width: 500px;
    border-bottom: 1px solid #4e4e4e;
    padding-bottom: 23px;
}
.page-id-2912 .scanner_login_div p{
    font-weight: 300;
    color: #aaa !important;
    font-size: 15px;
    max-width: 500px;
}

.page-id-2912 .main-header {
    padding-left: 3%;
    padding-right: 3%;
}
.page-id-2912 #check-passcode{
    background: #d3fa16;
    color: black;
    font-size: 14px;
    padding: 10px 20px;
    border: 0px;
    border-radius: 4px;
    position: relative;
    top: 0;
    width: 100%;
}
.page-id-2912 #check-passcode:hover{
    color: black!important;
    background: #fff!important;
}
.page-id-2912 input#event-pass {
    border: 0px;
    width: 100%;
    border-radius: 4px;
    margin-right: 0px;
    background: #222222 !important;
    font-size: 16px;
    color: #fff;
}

.page-id-2912 .event_data{
    border-radius: 10px;
    background-color: #111;
    padding: 7px;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}

.page-id-2912 .event_data .name span{
    color: #fff !important;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
}
.page-id-2912 .event-container {
    text-align: center;  
}
.page-id-2912 .event_data .date span{
    text-align: center;
    font-size: 14px;
    color:#ffffff !important;
    font-weight: 400;
}
.page-id-2912 .date{
    display: none;
}
.page-id-2912 #video-container {
        width: 100%;
        text-align: center;
    }

    .page-id-2912 #video {
        width: 100%;
        max-width: 600px;
    }
    
	html #html5-qrcode-anchor-scan-type-change {
        display: none !important;
    } 


    .page-id-2912 #result {
        margin-top: 20px;
        font-weight: bold;
    }
#qr_error{
    font-weight: 700;
    font-size: 18px;
}
.scaned-by{
    display:none!important
}
.checkin-details{
    background-color: red;
    text-align: center;
    border-radius: 10px;
    max-width: 350px;
    margin: 0 auto;
    padding: 5px;
    font-size: 13px;
}

    div#video-container {
    display: flex;
    flex-direction: column;
    padding: 30px;
        align-items: center;
        padding-top: 5px;
        margin-bottom: 100px;
    }
    input#event-pass {
        margin-bottom: 10px;
    }
    input#event-pass.error {
        border: 2px solid #ea4335 !important;
    }
.main_div_event_data{
    padding:0 10px
}
        /* Style the tabs container */
        .page-id-2912 .tabs-container {
        display: flex;
    flex-direction: column !important;
    margin: 50px auto;

    position: relative;
    border-radius: 10px;
    width: 100%;
    max-width: 900px;
    }
    .page-id-2912 .tab{
        white-space: nowrap;
}
    /* Style the tabs navigation list */
    .page-id-2912 .tabs-nav {
        display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 0px solid #ddd;
    justify-content: center;
    }
    .page-id-2912 .tab{
        background-color: #111;
    }

    /* Style the individual tabs */
    .page-id-2912 .tabs-nav li.tab {
        padding: 10px 20px;
        width: 100%;
        cursor: pointer;
        font-size: 14px;
        border-radius: 7px !important;
    }

    /* Style the active tab */
    .page-id-2912 .tabs-nav li.tab.active {
        background-color: #fff;
    border-radius: 4px;
    }

    /* Style the tabs navigation links */
    .page-id-2912 .tabs-nav li.tab a {
        text-decoration: none;
        color: #333;
    }

    /* Style the tab content container */
    .tab-content-container {
        flex: 1; /* Allow content to fill remaining space */
    }

    /* Style the individual tab content sections */
    .page-id-2912 .tab-content {
        padding: 20px;
        display: none; /* Hide all content initially */
    }
    html .referral_section .event-name{
        font-size: 14px!important;
        color: #18181b;
    }

.custom-table-delete-button{
    color: #ef4444 !important;

}
.custom-table-delete-button svg{
    width: 16px;
}
.custom-table-delete-button , .copy-link-button {
    font-size: 12px;
    text-decoration: none;
    background-color: inherit;
}
.copy-link-button {
    color: #6b7280 !important;

}
.custom-table-delete-button svg{
    width: 14px;
}
.copy-link-button svg{
    width: 14px;
    margin-right: 5px;
}
.copy-link-button:hover , .custom-table-delete-button:hover{
    background-color: inherit;
}
    /* Style the active tab content */
    .page-id-2912  .tab-content.active {
        display: block;
    }
    .page-id-2912  li.tab.active a {
        color: #000 !important;
    }
   


    .page-id-2912 .change_event_btn  .fa-sign-in-alt:before {
    color: #ff3b3b;
}

.page-id-2912 button i {
    margin-right: 5px; /* Space between the icon and the text */
}

#event_not_found{
        color: red !important;

}
.page-id-2912 .main_stats i{
    opacity: 0.06;
    transform: rotate(302deg) !important;
    font-size: 46px;
    position: absolute;
    top: 20%;
    right: 0;
}

.page-id-2912 .main_stats_block{
    background-color: #222;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 9px;
    border-radius: 10px;
    width: 100%;
    max-width: fit-content;
    flex-direction: row-reverse!important;
    display: flex!important;
    gap: 10px;
    padding-top: 17px;
    padding-bottom: 17px;
}

.page-id-2912 #no-results-message{

    text-align: center;
    color: #e44141!important;
    font-weight: 300!important;
    max-width: 300px!important;
    margin: auto!important;
}

.page-id-2912 #loading-spinner{
    top: 37%!important;
}
.page-id-2912 .tab-content{
    max-width: 500px;
    margin: 0 auto;
    padding: 0;
    margin-top: 10px;
}
.page-id-2912 .event-container img{
    display:none!important
}
.page-id-2912 .event-container-details{
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.tickets_total_sections {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    gap: 49px;
}

.ticket-info-container_main{
    display: flex;
    gap: 15px;
    flex-direction: row;
}

.ticket-progress-container {
    position: relative;
    display: flex;
    gap: 14px;
}

.progress-ring {
    transform: rotate(-90deg);
}

.progress-ring__circle-bg {
    fill: transparent;
    stroke: #3a3a3a;
    stroke-width: 4;
}

.progress-ring__circle {
    fill: transparent;
    stroke: #4CAF50; 
    stroke-width: 4; 
    stroke-dasharray: 365; 
    stroke-dashoffset: 365;
    transition: stroke-dashoffset 0.35s;
}
.progress-percentage_individual{
    font-size: 12px;
}
.progress-percentage {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    color: white;
    font-weight: bolder;
    font-weight: 500 !important;
}
.ticket-progress-container_main{
    display: flex;
    gap: 6px;
    height: fit-content;
    align-items: center;

}
.ticket_checkedin_main_stats i {
    opacity: 0.1;
    transform: rotate(0deg) !important;
    font-size: 46px;
    position: absolute;
    top: 20%;
    right: 0;
}
.ticket-info {
    text-align: left;
    color: white;
}
.ticket_checkedin_main_stats {
    margin-top:0!important
}
.info_div h6{
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px;
    color: white;
}
.total-sold-breakdown{
    font-size: 12px;
    margin-bottom: 0;
    color: #a5a5a5;
}

.main_stats{
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}
.stats_count_main{
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0px;
    color: #d3fa16 !important;
    white-space: nowrap;
}.stats_count_main span{
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0px;
    color: #d3fa16 !important;
    white-space: nowrap;
}

.ticket-progress-container_svg{
    width: fit-content;
    position: relative;
    height: fit-content;
}

.progress-percentage_individual {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


.ticket-info_hidden_all{
    display: flex;
    flex-direction: column;
    gap: 23px;
    text-align: left!important;

}

.container-fluid , .content-wrapper>.content{
    padding:0!important
}


.page-id-2912 li.tab a{
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
.page-id-2912 .tabs-container li.active i{
    color: #111!important
}
.ticket-info-container_main .ticket-name , html .page-id-2912 .progress-percentage_individual , .progress-percentage , .ticket_dropdown h6 , .page-id-2912 li.tab i , .page-id-2912 li.tab a , .ticket_dropdown i{
    color: #fff!important
}
.progress-percentage{
    display: block!important;
}
.ticket_dropdown{
    display: flex;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
}
.ticket_dropdown h6{
    margin-bottom:0;
    font-weight: 600;

}
.single_ticket_section_inner{
    width: 100%;
    display:block
}
.ticket_dropdown i {
    display: none;
}
.display-block{
    display:none
}
.single_ticket_section {
    background: #222;
    position: relative;
    padding: 20px 17px;
    border-radius: 10px;
    max-width: 500px;
    width: 100%;
    display: flex;
    gap: 35px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin: 0 auto 100px;
    margin-top: 11px;
}
.ticket-count{
    margin-bottom:0;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0px;
    color: #d3fa16 !important;
    white-space: nowrap;
    display: flex;
    gap: 5px;
    align-items: flex-end;

}
.total-sold-breakdown{
    font-weight: 300;
}
.event-details{
    display: none;
}
.checkin-button{
    background-color: #d3fa16 !important;
    color: #111!important;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 5px;
    width: 100%;
    max-width: 100px;
    text-align: center;
    font-size: 13px;
    margin-top: 10px!important;
}
.checkout-button{
    background-color: #fff !important;
    color: #111!important;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 5px;
    width: 100%;
    max-width: 100px;
    text-align: center;
    font-size: 13px;
    margin-top: 10px!important;

    
}
.current-event-id-section , .hide_ticket_data{
    display: none;
}
#attendee-search{
    border-radius: 4px;
    padding: 5px 14px;

}
#attendees-container{
    display: flex;
    flex-direction: column;
    gap:7px;
    margin: 20px 2%;
}

.attendee-card{
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: #111;
    padding: 9px;
    border-radius: 5px;
    max-width: 500px;
}
.attendee-card p{
    margin:0!important;
    color: white;
    font-size: 14px;
}




    /* Media query for responsive behavior (tablet and mobile) */
    @media (max-width: 768px) {
        .page-id-2912 .tabs-container {
            flex-direction: column; /* Stack tabs vertically on mobile */
        }
        .tribe-community-events-list-title {
    font-weight: bold;
    font-size: 25px !important;
}.scanner_login_divs {

    align-content: center;
    justify-content: flex-start;
 
}
.page-id-2912  #whatsapp-support {
    display: none;
}

.page-id-2912 .tabs-nav {
    display: flex;
            list-style: none;
            margin: 0;
            padding: 0 10px;
            gap: 20px;
            border-bottom: 0px solid #ddd;
            justify-content: space-around;
            position: fixed;
            bottom: 0;
            background: #000 !important;
            width: 100%;
            z-index: 999;
            padding-top: 14px;
            padding-bottom: 40px;

}
.tabs-container {

    padding: 0px;
 
}
.tabs-nav li.tab {
    padding: 6px 9px;
    cursor: pointer;
    font-size: 14px;
}
.brand-link .brand-image {
  
    width: 100px;
}
.page-id-2912 .user-panel .info{
    font-size: 14px;
}.fake_aviter {
    font-size: 12px;
    width: 30px;
    height: 30px;

}
.brand-link img {
    max-width: 140px;
}
.login_prompt h2{
    font-size: 29px;
}

.page-id-2912 .tabs-container {
    margin: 30px auto;
}
.tab3.active .event_data{
    display: none!important;
}
    }

    /* Media query for desktop (optional, for more control) */
    @media (min-width: 768px) {
        .page-id-2912 .tabs-container {
            flex-direction: row;  /* Tabs side-by-side on desktop */
        }
    }










  /*****end****/




/* ========================= */
/* ====  ORGANIZER DASHBOARD CSS ==== */
/* ========================= */
.organizer-card-wrap{
    max-width: 100%;
}
.organizer-card-wrap .organizer-thumbnail img{
border-radius: 100px;
max-width: 80px;
}

.organizer-thumbnail-wrap .organizer-thumbnail{
    display: flex;
        flex-direction: row;
        gap: 20px;
        align-items: flex-start; 
}
.organizer-card-wrap{
    display: flex;
        justify-content: flex-start;
        column-gap: 20px;
        row-gap: 14px;
        flex-wrap: wrap;
        flex-direction: column;
        max-width: 400px; 
}
.card-link-text{
margin-bottom: 0;
font-size: 12px;
color: #838383;
margin-top: 20px;
}
.card-link-text a{
    color: #000;
    text-decoration: underline!important;
}


.organizers-list-container{
    display: flex;
        flex-direction: row;
        gap: 30px;
        margin: 30px 0;
        flex-wrap: wrap;
    
}
.organizer-title-count-wrap H3{
    Font-size: 18px;
    font-weight: 600;
    margin-bottom: 7px;
    line-height: 20px;
    text-transform: inherit;
}
.svg-flex{
    display: flex;
        gap: 4px;
        font-size: 13px;
        color: #6b7280;
        align-items: center;
}
.svg-red a , .svg-red svg{
    color: red!important;
}
.svg-flex svg{
    width: 16px;

}
.svg-flex p , .svg-flex a{
    margin-bottom:0;
 
}
.organizer-actions-wrap a{
    white-space: nowrap;
}
.organizer-actions-wrap{
    display: flex;
        column-gap: 24px;
        justify-content: flex-start;
        flex-wrap: wrap;
        row-gap: 3px;
}
.organizers_add_new_btn svg{
    width: 14px;
}
.organizers_add_new_btn{
    font-size: 15px;
    background: #fff;
    border: 0;
    border-radius: 6px;
    padding: 4px 20px;
    line-height: 29px;
    background-color: #000;
    color: #fff!important;
    text-align: center;
    display: flex;
    width: fit-content;
    gap: 5px;
    align-items: center;
}

.organizers_add_new_btn:hover{
    color:#fff!important
}
.organizers_add_new_btn .spinner {
    display: none;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
    margin-left: 10px;
    vertical-align: middle;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.organizers_add_new_btn.loading .spinner {
    display: inline-block;
}





/* ========================= */
/* ====  END ORGANIZER DASHBOARD CSS ==== */
/* ========================= */


  /******END****/





  /**help center***/

.betterdocs-title-excerpt-lists{
    display: grid;
    grid-template-columns: 50% 50%;
}
.betterdocs-content-wrapper.doc-category-layout-7 #main.betterdocs-content-area .betterdocs-content-inner-area , .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content  {
    padding-top: 0px!important;
    padding-right: 10px!important;
    padding-bottom: 0px!important;
    padding-left: 10px!important;
}
.doc-category-layout-7 .betterdocs-main-category-folder {
    margin-bottom: 0px!important;
    padding: 14px 12px 22px!important;
}
.betterdocs-category-archive-wrapper.betterdocs-wraper .doc-category-layout-7 .betterdocs-main-category-folder .betterdocs-category-header-inner .betterdocs-category-title {
    font-size: 30px!important;
    font-weight: 800!important;
}
.betterdocs-category-archive-wrapper.betterdocs-wraper .doc-category-layout-7 .betterdocs-title-excerpt-lists .betterdocs-title-excerpt-list h2 a {
    font-size: 19px!important;
    text-decoration: none;
    line-height: 23px;
}
.doc-category-layout-7 .betterdocs-title-excerpt-lists .betterdocs-title-excerpt-list .update-date {
    margin-bottom: 10px!important;

}
.betterdocs-category-archive-wrapper.betterdocs-wraper .doc-category-layout-7 .betterdocs-title-excerpt-lists .betterdocs-title-excerpt-list p {
    font-size: 14px!important;
    font-weight: 400!important;
}
.doc-category-layout-7 .betterdocs-title-excerpt-lists .betterdocs-title-excerpt-list h2 {
    margin: 0 0 16px!important;
}
.update-date{
    display: none!important;
}

/***sidebar***/
.betterdocs-single-wrapper:not(.betterdocs-fluid-wrapper) .betterdocs-content-wrapper .betterdocs-sidebar, .betterdocs-taxonomy-wrapper:not(.betterdocs-fluid-wrapper) .betterdocs-content-wrapper .betterdocs-sidebar {
    max-width: 300px!important;
}
.betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a {
    font-size: 13px!important;
}
.betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title {
    font-size: 15px!important;
}

  /***end***/


  /***single doc***/

  .betterdocs-wrapper.betterdocs-single-layout-8 .betterdocs-content-wrapper .docs-content-full-main .betterdocs-content-inner-area .betterdocs-entry-header .betterdocs-entry-title {
    font-family: 'Poppins', sans-serif!important;

}
.betterdocs-wrapper.betterdocs-single-layout-8 .betterdocs-content-wrapper .docs-content-full-main {
    padding: 0px 20px!important;
}
.kb-subsection-title{
    font-size: 22px;
    margin-bottom: 14px;
    font-weight: 600;
    text-transform: none;
}

.kb-steps li , .kb-step-list li{
    font-size: 15px;
    margin: 10px 0;
}


.kb_support_section{
    background-color: #111;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    max-width: 900px;
    margin-top: 70px !important;
}
.kb_support_section a{
    color: #d3fa16!important;
    text-decoration: none;
}

  /****end***/

     /* Media query for responsive behavior (tablet and mobile) */
     @media (max-width: 768px) {
        .betterdocs-category-archive-wrapper.betterdocs-wraper .doc-category-layout-7 .betterdocs-main-category-folder .betterdocs-category-header-inner .betterdocs-category-title {
            font-size: 23px !important;
       
        }
        .doc-category-layout-7 .betterdocs-title-excerpt-lists {
            margin-top: -10px;
        }
        .betterdocs-category-archive-wrapper.betterdocs-wraper .doc-category-layout-7 .betterdocs-title-excerpt-lists .betterdocs-title-excerpt-list h2 a {
            font-size: 16px !important;
            text-decoration: none;
            line-height: 19px;
        }
        .betterdocs-title-excerpt-lists {
            display: grid;
            grid-template-columns: 100%;
        }
        .doc-category-layout-7 .betterdocs-title-excerpt-lists .betterdocs-title-excerpt-list {
            margin-top: 25px;
            padding: 0px;
            padding-bottom: 17px;
        }

  
}
    /***end***/




    /***HOST SIGN UP LANDING PAGE ****/

    .landing-page-profits {
        text-align: center;
        padding: 7% 7%;
        display: flex;
        gap: 30px;
        background-color: rgb(243 244 245);
      }
      .hero-section-profits{
        max-width: 700px;
      }
      .hero-section-profits h1 {
        font-size: 58px;
        font-weight: bold;
        margin-bottom: 1rem;
        color: #333;
        text-align: left;
      }
      
      .hero-section-profits h1 .highlight {
        color: #6a0dad;
      }
      
      .hero-section-profits p {
        font-size:19px;
        color: #555;
        margin-bottom: 1.5rem;
        text-align: left;
      }
      
      .cta-buttons-profits {
        display: flex;
        justify-content: flex-start;
            gap: 1rem;
      }
      
      .cta-button-profits {
        display: inline-block;
        background: #d3fa16;
        color: #111111;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        padding: 10px 20px;
        border-radius: 5px;
        transition: background-color 0.3s ease, color 0.3s ease;
      }
      
      .cta-button-profits:hover {
        background-color: #333333!important;
        border: 2px solid #333333!important;
        color: #fff;
      }
      
      .heading_green_color{
        color: #00c03b!important;
      }
      .cta-button-profits.primary {
        background-color: #d3fa16;
        border: 2px solid #333;
        color: #333333;
      }
      
      .calculator-container-profits {
        background-color: #fff;
        border: 2px solid #111;
        padding: 1.5rem;
        border-radius: 10px;
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
      }
      
      .calculator-profits h3 {
        font-size: 20px;
        color: #333;
        margin-bottom: 1rem;
        text-align: left;
        font-weight: 600;
      }
      
      .calculator-inputs-profits {
        text-align: left;
      }
      .calculator-profits p{
        margin: 0!important
      }
      .calculator-inputs-profits input{
        padding: 3px 5px;
        border-radius: 3px;
        margin-top: 5px;
        margin-bottom: 8px;
        border-color: #ababab;
        width: 100%;
      }
      .calculator-inputs-profits label {
        font-size: 0.9rem;
        color: #333;
      }
      
      .input-with-prefix-profits {
        display: flex;
        align-items: center;
        position: relative;
      }
      
      .input-with-prefix-profits .prefix-profits {
        position: absolute;
    left: 7px;
    top: 14.5px;
    font-size: 1rem;
    color: #333;
      }
      
      .input-with-prefix-profits input {
        width: 100%;
        padding-left: 25px;
        padding: 0.5rem;
        border: 1px solid #ccc;
        border-radius: 5px;
        font-size: 1rem;
        box-sizing: border-box;
      }
      #ticket-price-profits{
        padding-left: 18px;
      }
      .calculator-container-profits #tickets-sold-profits{
        margin-bottom: 8px;
      }
      .calculator-profits p {
        font-size: 1.2rem;
        color: #333;
        font-weight: bold;
        margin-top: 1rem;
        text-align: left;
      }
      .calculator-profits label , .calculator-profits{
        color: #333;
      }
      .calculator-profits label{
        font-weight: 500;
      }
      .label_profits{
        font-weight: 500!important;
        color: #333;
        font-size: 0.9rem!important;
      }
      #revenue-profits,
      #earn-extra-profits {
        font-size: 21px;
        color: #00c03b;
        display: inline-block;
        font-weight: bold!important;
      }
      #earn-extra-profits{
        border-style: dotted;
    border-bottom-width: 3px !important;
    border-width: 0;
    margin-left: 5px;
      }
      .ticketsearing{
        display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            align-content: center;
            align-items: center;
            gap: 10px;
      }
      
.ticketsshareing{
    margin-top: 8px;
}
.ticketsshareing p strong{
    font-size: 20px;
    line-height: 21px;
}


/*fretautes sectuion*/
.sections_host{
    border-bottom-width: 1px;
}
.sections_host_inner{
    display: flex;
        padding: 4% 7%;
        gap: 20px;
        flex-direction: column;
  
}
.features-grid-right {
      
        padding: 3%;
        gap: 1.5rem;

  }
  
  .features-grid-right {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding: 3%;
  }
  
  .feature-item {
    flex: 1 1 calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
    box-sizing: border-box;
  }
  
  .icon {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    text-align: center;
  }

  


  .feature-item {
    display: flex;
        align-items: flex-start;
        gap: 1rem;
        background: #fff;
        padding: 3%;
        border-radius: 12px;
  }
  
  .feature-icon {
    background: #00c03b30;
    color: #333;
    border-radius: 103px;
    min-width: 50px;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .feature-text h3 {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
   
  }
  
  .feature-text p {
    margin: 0;
    font-size: 0.9rem;
    color: #666;
  }
  
.landing_page_text_h3{
    font-size: 40px;
    font-weight: 800;
    line-height: 51px;
    margin-bottom: 15px!important;

}
.landing_page_text_h5{
    font-size: 19px;
    line-height: 23px;
    margin-bottom: 40px!important;
}
.sections_host_inner_right{
    background-color: rgb(243 244 245);
    border-radius: 12px;
}


/***end**/


/***payout section**/
.getpaidmore_section{
    padding: 4% 7%;
    background-color: rgb(243 244 245);
}
.payment_method_selector{
    color: #333;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 13px;
    border: 1px solid #cfcccc;
    margin-bottom: 20px;
}
.getpaidmore_section .info-item{
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    background: #fff;
    padding: 3%;
    border-radius: 12px;
}
.getpaidmore_section .info-item p{
    margin-bottom: 0!important;
}
.info-section {
    display: flex ;
        justify-content: space-between;
        margin-top: 40px;
        gap: 40px;
        align-items: center;
        

}
.info-section .info-left .info-item:last-of-type {
    margin-bottom: 0 !important;
}
.getpaidmore_section img{
    max-width: 700px;
    width: 100%;
    border-radius: 36px;

}
.getpaidmore_section .info-icon i {
    background: #00c03b30;
    color:#333;
    border-radius: 103px;
    min-width: 50px;
    max-width: 50px;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.getpaidmore_section .info-title{
margin: 0;
font-size: 17px;
font-weight: 600;
margin-bottom: 5px;
}
.info-item{
    margin-bottom: 20px;
}
.getpaidmore_section .info-description {
    margin: 0;
    font-size: 0.9rem;
    color: #666;
}
/***end**/

/***sign up section***/

/* Section Styles */
.event-publish-section-inner {
    background: #19191b;
    color: #ffffff;
    padding: 24px 20px;
    margin: 0% 7%;
    border-radius: 20px;

}
.event-publish-section{
    padding-top: 50px !important;
    padding: 100px 7%;
}
  /* Header Styles */
  .event-publish-header {
    text-align: center;
    display: flex
;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 40px;
    justify-content: space-between;
    column-gap: 40px;

    border-bottom: 1px solid #ffffff45;
  }
  .event-publish-header-inner{
    max-width: 500px;
    text-align: left;
  }
  
  .event-publish-section-inner .landing_page_text_h3 , .event-publish-section-inner .landing_page_text_h5 , .section-title{
color: white!important;
}
.event-publish-section-inner .landing_page_text_h3 {
    white-space: nowrap;
}
  
  .event-button {
    display: inline-block;
    background: #d3fa16;
    color: #111111;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 5px;
  }
  
  /* Details Section Styles */
  .event-details {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
  }
  .event-details i{
    color: #00c03b;
    padding-right: 5px;
  }
  .event-toolkit,
  .event-fees {
    flex: 1;
    min-width: 300px;
  }
  .event-toolkit{
    border-right: 1px solid #ffffff45;
  }
  
  /* Subsection Titles */
  .section-title {
    font-size: 20px;
    font-weight: bolder;
    margin-bottom: 20px;
  }
  
  /* Lists */
  .toolkit-list,
  .fees-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .toolkit-list li,
  .fees-list li {
    font-size: 0.9rem;
    margin-bottom: 10px;
  }
  

/****end****/


/****faq section***/

.page-id-4057  .faq-container{
    padding: 50px 7%;
    max-width: 100%;
}
.page-id-4057  .faq-container .toggle-buttons{
display: none;
}

.page-id-4057  .faq-container .faq-answer {
  
    background-color: #ffffff;
 
}
.page-id-4057  .faq-container .faq-answer p{
    margin: 0;
    font-size: 0.9rem;
    color: #666;
}
.faq-answer {

    border-left: 3px solid #000000!important;
    border-radius: 0 0 0px 0px!important;
    border: 1px solid #ddd;
    border-top: 0!important;

}
.faq-item.active .faq-question{
    border-radius: 5px 5px 0 0!important;
    border-bottom: 0!important;


}
.faq-container p{
    margin-bottom: 0!important;
}
.faq-question{
    font-size: 17px!important;

}

/**8translationsicon**/

.gtranslate_wrapper {
    display: flex;
        flex-direction: row;
        gap: 15px;
        margin-left: 40px;
}
.main-navigation  ul li .gtranslate_wrapper  a{
    padding:0!important
}
/***end***/


.cta-button-demo{
    background: white;
    border: 2px solid #333;
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
}


/***full features section***/


.carousel-section-title-features{
    background: #19191b;
    padding: 50px 7%;
}
.carousel-section-container {
    position: relative;
    max-width: 100%;
    overflow: hidden;
}

.carousel-section-title-features h3 , .carousel-section-title-features h5{
color: #fff!important;
}
.carousel-section {
    display: flex;
    gap: 1px;
    transition: transform 0.5s ease-in-out;
}
.carousel-section-title-features p {
    margin-bottom: 0!important;
}
.carousel-card {
    flex: 0 0 300px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    opacity: 1;
    transform: scale(0.9);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.carousel-card.active {
    opacity: 1;
    transform: scale(1);
}

.carousel-icon {
    font-size: 40px;
    color: #4caf50;
}

.carousel-feature-category {
    margin: 10px 0;
    font-weight: 300;
    color: #555;
}

.carousel-feature-name {
    font-size: 17px;
    font-weight: bold;
    color: #333;
}

.carousel-feature-description {
    margin-top: 10px;
    color: #777;
    font-size: 0.9rem;
}

.carousel-section-title {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.carousel-section-subheading {
    text-align: center;
    font-size: 18px;
    color: #555;
    margin-bottom: 30px;
}
.carousel-section-title-features .carousel-icon i {
    background: #00c03b30;
    color: #333;
    border-radius: 103px;
    min-width: 50px;
    max-width: 50px;
    min-height: 50px;
    display: flex;
    font-size: 20px;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.carousel_arrow_divs{
    display: flex;
        align-items: center;
        justify-content: center;
        gap: 40px;
        margin-top: 20px;
    
}
.carousel-arrow {
    position: relative;
 background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 10;
}


/***Booking-demo-section***/

.booking_sections{
    background-color: rgb(243 244 245);
    padding: 50px 7%;
    padding-bottom: 10px!important;
}
.booking_sections .title_first_line{
    max-width: 500px;
}
.booking_sections .landing_page_text_h5{

}
html #onetrust-banner-sdk{
    display: none!important;
}
/*****end***/

/* Mobile styles */
@media (max-width: 768px) {
    .carousel-card {
        flex: 0 0 93%; /* Ensure one full card takes up the entire viewport width */
    }

    .carousel-section {
        gap: 0; /* Remove any gaps to prevent partial cards from showing */
    }
}


/****end***/



@media (max-width: 1300px) {
    .getpaidmore_section .info-right img{
   
    }
}
@media (max-width: 768px) {
    .landing-page-profits {
        flex-wrap: wrap;
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
    }
    .info-section {
        flex-wrap: wrap;
    }
    .info-section p{margin-bottom: 0!important;}
    .calculator-container-profits {
      
        margin-left: inherit;
        margin-right: inherit;
     
    }
    .features-grid-right{
        flex-direction: column;
    }
    .feature-item {
        flex: 100%;
        max-width: 100%;
    }
    .hero-section-profits h1 {
        font-size: 38px;
    }
    .landing_page_text_h3{
        font-size: 28px;
        line-height: 35px;
        margin-bottom: 15px!important;

    
    }
    .landing_page_text_h5 {
        font-size: 17px;
        line-height: 21px;
    }
    .cta-buttons-profits  button{
    
        border: 2px solid #333;
        color: #333333;
        font-size: 15px;
        padding: 11px 9px;
        line-height: 20px;
    
    }
    .info-right img{
        display: none;
    }
    

.hero-section-profits p {
    font-size: 17px;

}.cta-button-profits {
    padding: 7px 15px;
    font-size: 15px;
}
.calculator-profits label, .calculator-profits , .calculator-profits p {
    color: #333;
    font-size: 13px;
}

.sections_host_inner , .getpaidmore_section , .landing-page-profits , .booking_sections , .event-publish-section-inner{

    padding: 50px 7%;
}
.event-publish-section{
    padding: 0px 0%;
}
.landing-page-profits{
    padding-top: 30px!important;
}
.event-publish-section{
    
}
.event-publish-section-inner {
    border-radius: 0;
    margin: inherit;
}
.event-toolkit{
    border-right: 0px;
}
.event-button{
    font-size: 15px;
}
.event-publish-section-inner .landing_page_text_h3 {
    white-space: wrap;
}
.cta-buttons-profits{
    margin-bottom: 30px;
}
}


@media (max-width: 430px) {
    .cta-buttons-profits {
        gap: 7px;
        justify-content: space-around;
    }
    .calendly-inline-widget{
        height: 1200px!important;

    }
    }


    /****END****/







    /***POPUP WHEN CREATETING A NEW EVENT OPTION

  /* Popup Overlay */
  #event-help-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

/* Popup Container */
.event-help-popup-container {
    background: rgba(17, 17, 17, 0.95);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.37);
    border-radius: 16px;
    padding: 32px;
    max-width: 600px;
    width: 90%;
    text-align: center;
    color: #ffffff;
    font-family: Arial, sans-serif;
}

/* Header */
.event-help-popup-header {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 16px;
    color: #ffffff;
}

.event-help-popup-subheader {
    font-size: 16px;
    color: #9f9ea1;
    margin-bottom: 32px;
}

/* Button Container */
.event-help-popup-button-container {
    display: flex;
    gap: 16px;
    justify-content: center;
}

.event-help-popup-button-container-title {
    color: #ffffff;
    font-weight: 900;
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 13px;
}

/* Buttons */
.event-help-popup-button {
    flex: 1;
    background: #222222;
    color: #ffffff;
    padding: 20px;
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

.event-help-popup-button:hover {
    background: #111111;
    transform: scale(1.05);
}

.event-help-popup-button .event-help-popup-icon {
    font-size: 32px;
    margin-bottom: 8px;
    color: #d3fa16;
}

.event-help-popup-button p {
    margin: 0;
    font-size: 14px;
    color: #9f9ea1;
    font-weight: 300;
}

/* Close Button */
.event-help-popup-close {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 24px;
    color: #ffffff;
    background: none;
    padding: 2px 13px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
}

.event-help-popup-close:hover {
    color: #d3fa16;
}

/* Mobile Responsiveness */
@media (max-width: 500px) {
    .event-help-popup-button-container {
        flex-direction: column;
        padding: 0 21px;
    }
}



    /*******END*****/




    /*******EVENT ECPERT FORM PAGE*****/
.event-help .dokan-dashboard-wrap h1 {
display:none
}

    /****END***/







    /*******EVENT tRACKING SHORTCODE *****/
.event-help .dokan-dashboard-wrap h1 {
    display:none
    }


    .stat-card-title{

    }
     .analytics-summary .stat-card-title p svg{
        background: inherit;
        color: #ffffff;
        width: 17px !important;
        padding: inherit;
        height: inherit;
        border-radius: inherit;
        position: absolute;
        top: 6px;
        left: 9px;
    }
    .analytics-summary{
        position: relative;
    }
    
    .analytics-summary .stat-card-title{
        padding-top: 17px;
    }
    .analytics-summary .tooltip-container {
        position: relative;
        display: inline-block;
    }
    .analytics-summary .stat-card h2{
        width: fit-content;
    }
    .analytics-summary .tooltip-content-analytics  {
    
        visibility: hidden;
        width: 150px;
        background-color: #fff;
        color: #111;
        text-align: center;
        border-radius: 6px;
        padding: 8px;
        position: absolute;
        z-index: 1;
        bottom: 46px; /* Adjust based on your design */
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        font-size: 12px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    }
    
    /* Tooltip when visible */
     .visible {
        visibility: visible!important;
        opacity: 1!important;
        width: 150px;
    }
    
    .sales-report-headed-titles{
        display: flex;
            justify-content: space-between;
            margin-top: 36px;
            gap: 15px;
            flex-wrap: wrap; 
            margin-bottom: 15px;
    }
    .sales-report-headed-titles h4{
        margin-bottom: 0;
        font-size: 16px;
        color: #fff;
        font-weight: 700;
    
    }
    
    .analytics-date-range-filter {
        display: flex;
        flex-direction: column;
        gap: 4px;
        position: relative;
    }
    
    .analytics-filter-label {
        font-size: 12px;
        font-weight: 500;
        color: #a5a5a5;
        position: absolute;
        top: -10px;
        left: 16px;
        background-color: #111;
        padding: 0 4px;
        z-index: 1;
    }
    
    .analytics-select-wrapper {
        display: flex;
            align-items: center;
            position: relative;
            border: 1px solid #a5a5a5;
            border-radius: 4px;
            background-color: #111;
            padding: 3px 10px;
            gap: 8px;
            width: 170px;
    }
    
    .analytics-select-wrapper svg.analytics-calendar-icon {
        color: #a5a5a5;
        width: 16px;
        height: 16px;
    
    }
    .analytics-date-range-select:focus {
        color: #a5a5a5;
        outline: none;
    }
    
    .analytics-date-range-select option:checked {
        background-color: #4caf50;
        color: #a5a5a5;
    }
    
    
    .analytics-date-range-select {
        flex: 1;
        border: none;
        outline: none;
        font-size: 14px;
        background: transparent;
        color: #a5a5a5;
        appearance: none;
        padding-left: 8px;
        cursor: pointer;
        padding: 3px;
    }
    
    .analytics-date-range-select::-ms-expand {
        display: none;
    }
    
    /* Dropdown arrow */
    .analytics-dropdown-arrow {
        display: flex;
        align-items: center;
        pointer-events: none; /* Makes the arrow non-interactive */
    }
    
    .analytics-dropdown-arrow svg {
        width: 16px;
        height: 16px;
        color: #a5a5a5;
    }
    .stats-hide-desktops{
        display:none;
    
    }
    .analytics-date-range-select.loading {
        background: #fff;
        pointer-events: none; /* Disable interactions while loading */
    }
    
    .analytics-date-range-select.loading + .analytics-dropdown-arrow {
        opacity: 0.5;
    }
    
    .analytics-date-range-select option {
        transition: background-color 0.3s ease;
    }
    @keyframes skeleton-loading {
        0% {
            background-color: #333; /* Dark color for the start */
        }
        50% {
            background-color: #444; /* Slightly lighter dark shade */
        }
        100% {
            background-color: #333; /* Dark color for the end */
        }
    }
    
    /* Loading styles */
    .analytics-date-range-select.loading {
        background-color: #444; /* Dark background color for the dropdown */
        border-color: #ccc;
    }
    
    h2 span.loading {
        background: #444; /* Dark background for the loader */
        width: 100%;
        min-width: 100px;
        max-width: fit-content;
        height: 24px;
        border-radius: 5px;
        display: block;
        white-space: nowrap;
        color: transparent;  /* Set text color to transparent */
        text-shadow: 0 0 0 rgba(255, 255, 255, 0); /* Hide text */
        animation: skeleton-loading 1.5s infinite; /* Apply animation for the loading effect */
    }
    
    @media (max-width: 1071px) {
        .stats-hide-mobile {
            display: none !important;
        }
        .stats-hide-desktops {
            display: block !important;
        }
    }
    

    
        /****END***/
    
    
    
    
    
        


        /******blog single***/
/* Hero section styling */
.post-template-default .info-bar{
    display: none;
    }
    
    .single-blog .post-hero {
        position: relative;
        width: 100%;
        height: 400px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        text-align: center;
        background-position: center !important;
    }
    
    .single-blog .overlay {
        background: rgba(0, 0, 0, 0.6);
        width: 100%;
        height: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        backdrop-filter: blur(4px);
    }
    
    /* Blur effect on content */
    .single-blog .content-wrapper {
        padding: 19px;
        max-width: 800px;
        width: 90%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    
    /* Post metadata */
    .single-blog .post-meta {
        display: flex;
        gap: 15px;
        font-size: 14px;
        justify-content: center;
    }
    .single-blog .post-categories  li{
        text-decoration: none;
        list-style: none;
    }
    .single-blog .post-categories{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: row;
        column-gap: 12px;
        margin: 0;
        row-gap: 7px;
    }
    .single-blog .category-tag  a{
        background: rgba(255, 255, 255, 0.2);
        padding: 3px 10px;
        border-radius: 20px;
        font-weight: 500;
    }
    .single-blog .category-tag a:hover{
        color: #111!important;
        text-decoration: none;
        background: rgba(255, 255, 255, 1);
    }
    .single-blog .category-tag a , .single-blog  .read-time , .single-blog .post-date div{
        text-decoration: none;
        font-size: 10px;
    }
    .single-blog .content-wrapper svg{
        width: 14px!important;
    
    }
    .single-blog .read-time svg{
        width: 14px!important;
    }
    .post-date .height-26px{
        height: 26px;
    }
    .post-date-time-wrapper{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }
    .post-detail-date-auther-wrapper {
        display: flex;
            justify-content: space-between;
            width: 100%;
            align-items: flex-end;
            gap: 15px;
            flex-wrap: wrap;
    }
    .single-blog .read-time , .single-blog .post-date{
        display: flex;
        align-items: center;
        gap: 4px;
    
    }
    
    /* Post title styling */
    .single-blog .post-title {
        font-size: 33px;
        font-weight: 700;
        margin: 20px 0;
        color: #fff;
        text-align: left;
    }
    .single-blog .share-button{
        background: #111;
        color: #fff;
        display: flex;
        align-content: center;
        align-items: center;
        gap: 10px;
        font-size: 14px;
        padding: 7px 20px;
        border-radius: 4px;
    }
    /* Author details section */
    .single-blog .author-details {
        display: flex;
        align-items: center;
        gap: 15px;
        justify-content: center;
    }
    
    .author-details img {
        border-radius: 50%;
        width: 50px;
        height: 50px;
    }
    
    .author-info {
        text-align: left;
        display: flex;
        flex-direction: column;
    }
    
    .author-name {
        font-weight: 400;
        display: block;
        font-size: 14px;
        text-transform: capitalize;
        margin-bottom: 0;
    }
    
    .author-role {
        font-size: 13px;
        color: #b7b7b7!important;
    }
    
    /* Post date section */
    
    
    /* Post content styling */
    .single-blog .post-content {
        padding: 50px 20px;
        background: #fff;
        border-radius: 10px;
        max-width: 800px;
        margin: -50px auto 0;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        margin-bottom: 50px!important;
    }
    
    .hide-desktop-blog{
        display: none;
    }
    
    /****BLOG CONTENT***/
    .single-blog .entry-content h2{
        font-weight: 900;
        font-size: 30px;
        margin-bottom: 20px;
    }
    .single-blog .entry-content h3{
        margin-top: 50px;
        font-weight: 700;
        font-size: 23px;
    
    }
    .single-blog .entry-content h4{
        font-size: 19px;
        font-weight: 600;
    
    }
    .single-blog.entry-content blockquote {
        border-left: 5px solid rgb(103 103 103);
      
    }
    .single-blog .entry-content .wp-block-list{
        font-size: 14px;
    }
    
    .single-blog .entry-content .wp-block-image img{
        border-radius: 7px;
    }
    .single-blog .entry-content p {
        font-size: 15px;
        color: #111;
        line-height: 25px;
    
    }
    .single-blog.entry-content p a{
        color: #0d6efd !important;
    }
    .single-blog .content-header{
        display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 30px;
        
    }
    .single-blog .share-button {
        background: #111;
        color: #fff;
        display: flex;
        align-content: center;
        align-items: center;
        gap: 10px;
        font-size: 12px;
        padding: 3px 16px;
        border-radius: 4px;
    
    }
    .single-blog .share-button svg{
        width: 14px;
    
    }
    
    
    .single-blog .author-info-section {
        background: #f0f0f0;
        padding: 30px;
        border-radius: 10px;
        margin-top: 50px;
        text-align: center;
    }
    
    .author-info-title {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 20px;
    }
    
    .author-info-content {
        display: flex;
            align-items: center;
            column-gap: 31px;
            justify-content: flex-start;

    }
    
    .author-image img {
        border-radius: 50%;
        margin-bottom: 15px;
    }
    
    .single-blog .author-details {
        text-align: left;
        max-width: 400px;
    }
    
    .author-role {
        font-style: italic;
        color: #777;
    }
    .author-info-section .author-details {
        display: flex;
        align-items: flex-start;
        gap: 0;
        justify-content: center;
        flex-direction: column;
    }
    .author-info-section .author-info-title {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 14px;
    }
    .author-description{
        font-size: 14px;
        line-height: 22px;
    }
    .post-date-time-wrapper-main{
        display: flex;
            flex-direction: row;
            gap: 16px;
            flex-wrap: wrap;
    }
    
    .author-info-section .author-role{
        color: #8f8f8f !important;
    }
    
    
    
    /****END***/
    
    
    @media (max-width: 767px) {
        .single-blog .post-title {
            font-size: 27px;
         
        }
        .single-blog .overlay {
            background: rgba(0, 0, 0, 0.6);
            width: 100%;
            height: 100%;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            backdrop-filter: blur(3px);
        }
        .single-blog  .entry-content h2 {
            margin-bottom: 13px;
            font-size: 24px;
           
        }
        .hide-desktop-blog{
            display: block;
        }
        .hide-mobile-blog{
            display: none;
        }
        .single-blog  .author-info-content {
         
            flex-direction: column;
        }
        }
            /****end***/
    
    
    
    
    
    
            /****related blog post single ***/
            .related-posts-main-wrapper{
                max-width: 1200px;
                margin: 80px auto !important;
                padding: 0 1rem;
            }
            .related-posts-grid {
                display: grid;
                    grid-template-columns: repeat(3, 1fr);
                    gap: 2rem;
                   
            }
            
            .related-post-main-title{
                font-size: 35px;
                font-weight: bold;
            }
            .related-post-card {
                border-radius: 0.5rem;
                border: 1px solid #e5e7eb;
                background-color: white;
                box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
                height: 100%;
                max-width: 330px;
                overflow: hidden;
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }
            
            .related-post-card:hover {
                transform: translateY(-4px);
                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            }
           
            
            .related-posts-grid .post-thumbnail img {
                width: 100%;
                height: 200px;
      
                object-fit: cover;
            }
            
            .post-thumbnail{
                position: relative;
            }
           .related-posts-grid  .post-meta {
            display: flex;
                flex-direction: column;
                gap: 0.375rem;
                padding: 15px;
                padding-top: 3px;
            }
            .post-meta-date-reading-time{
                display: flex;
                    align-items: center;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    gap: 15px;
                
            }
            .related-post-link{
                text-decoration: none;
            }
            .post-meta-date-reading-time span{
                font-size: 10px!important;
            }
            .post-meta-date-reading-time  div{
                margin-bottom: 0!important;
            }
            .post-meta-date-reading-time  svg{
                width: 14px !important;
            }
            .related-posts-grid .category-date {
                display: flex;
                justify-content: space-between;
                margin-bottom: 1rem;
                font-size: 0.9rem;
            }
            
            .related-posts-grid .category-tag-related {
    
                background: rgba(255, 255, 255, 0.9);
                padding: 3px 10px;
                border-radius: 20px;
                font-weight: 500;
                font-size: 10px;
                position: absolute;
                top: 5%;
                z-index: 1;
                left: 3%;
            }
            
            .related-posts-grid .date {
                color: #666;
            }
            
            .related-posts-grid .post-title {
                font-size: 17px;
                font-weight: 600;
                color: #111 !important;
                margin: 10px 0;
                margin-bottom: 5px;
            }
            
            .related-posts-grid .post-excerpt {
                color: #666;
                font-size: 13px;
                margin-bottom: 0;
                line-height: 1.5;
            }
            
            .related-posts-grid .read-time {
                color: #666;
                font-size: 0.9rem;
            }
            
            @media (max-width: 768px) {
                .related-posts-grid {
                    grid-template-columns: repeat(1, 1fr);
                }
            }
    
            @media (max-width: 500px) {
                .related-posts-grid {
                    justify-items: center;
                }
                .related-post-main-title {
            
                    text-align: center;
                }
            }
            /***end***/
    
    
            /******BLOG HEADER****/
    
            .custom-blog-header {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 20px;
                background: #f3f3f3;
                border-bottom: 1px solid #ddd;
            }
            
            .custom-blog-header .logo img {
                max-height: 50px;
            }
            
            .custom-blog-header .header-buttons {
                display: flex;
                gap: 15px;
            }
            
            .custom-blog-header .header-buttons a {
                padding: 10px 20px;
                background: #007bff;
                color: #fff;
                text-decoration: none;
                border-radius: 5px;
                font-weight: bold;
            }
            
            .custom-blog-header .header-buttons a:hover {
                background: #0056b3;
            }
            
    
    
            /***END***/
    
    
    /******BLOG category****/
    
    
            .category-header {
                text-align: left;
                padding: 40px 7%;
                background-color: #f9f9f9; /* Adjust as needed */
            }
            
            .category-title {
                font-size: 48px;
                font-weight: 700;
                color: #111827; /* Dark color for the heading */
                margin-bottom: 10px;
            }
            
            .category-description {
                font-size: 18px;
                color: #6B7280; /* Light grey text for the description */
                max-width: 600px;
            }
    
            .cat-blog .related-posts-main-wrapper {
                max-width: 1200px;
                margin: 80px 0 !important;
                padding: 0 7%;
    
            }
            .cat-blog .category-header{
                padding: 40px 7%;
                margin-bottom:0!important
            }
            .category-header p{
                margin-bottom:0!important;
                color: #6B7280;
            }
            .category-header div{
                color: #6B7280;
            }
             
            @media (max-width: 768px) {
                .cat-blog .category-title {
                font-size: 30px;
            
            }
            .cat-blog .category-header div , .cat-blog .category-header p{
                font-size:14px
            }
            
            .cat-blog .related-posts-main-wrapper {
            
                margin: 40px 0 !important;
            
            }
                    }
            
                    /***END***/
    




  

    /******host dahsboard extra serives page****/

.tl-services-grid{
    display: grid;
        grid-template-columns: 48% 48%;
        gap: 30px;
        max-width: 1000px;
}
.tl-service-card{
    width:100%;
    max-width: 100%;
    display: flex;
        align-items: flex-start;
        column-gap: 20px;
}
.coming-soon-tag{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 13px;
    background: #111;
    color: #fff;
    padding: 5px 10px;
    border-radius: 6px;

}
.comming-soon-card{
    position: relative;
    padding-top: 49px !important;
    cursor: not-allowed;
}
.comming-soon-card .tl-icon , .comming-soon-card .tl-text{
    opacity: 0.3;
}
.tl-service-card h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 7px;
    line-height: 20px;
}

.tl-title{
    display: flex;
        justify-content: space-between;
        margin-bottom: 5px;
}
.tl-title svg{
    color: #6b7280; 
}
.tl-service-card p{
    margin-bottom: 0!important;
    color:#555555;
    font-size: 14px;
    font-weight: 400;
    padding-right: 35px;
}
.tl-icon{
    background: #eee;
    width: fit-content;
    line-height: 0;
    padding: 12px;
    border-radius: 13px;
    margin-bottom: 17px;
}
.tl-icon svg{
    color:#111;
    width: 23px;
    height: 23px;

}

.tl-service-card:hover{
    background: #f8f8f8;
}

body .comming-soon-card:hover{
    background: #fff;
}

@media (max-width:900px) {
    .tl-services-grid{
        display: grid;
            grid-template-columns: 100%;
            gap: 15px;

    }
}


        /***END***/





        /******dashboard facebook pexl intergration ***/

#vendor-integration-tabs .tabs{
    display: flex;
    align-items: center;
    gap: 5px
}


#vendor-integration-tabs li{
    font-size: 14px;
    color: #111!important;
    margin-bottom: 0;
    margin-bottom: 8px;
    font-weight: 300;
    text-align: left;
    display: flex;
        gap: 10px;
    
}
#facebook button{
    background: #000;
    color: #fff;
    padding: 6px 20px;
    border-radius: 4px;
    font-size: 15px;
    width: 100%;
    max-width: fit-content;

}

#facebook_pixel_id{
    padding: 6px 19px;
    border-radius: 3px;
    border-color: #9d9d9d;
    font-size: 14px;
}
        /****end***/




        /*******wizard seteup***/

        .dokan-vendor-setup-wizard {
            background: #111 !important;
        }
        /****end***/








/*********POP UP MODAL BOOTSTRAP CSS*****/



.modal-content.custom-dark {
        background-color: #000 !important;
        color: #fff;
    }
    .custom-dark .form-control::-webkit-input-placeholder {
        color: #888;
      }
      .custom-dark .form-control:-ms-input-placeholder {
        color: #888;
      }
      .custom-dark .form-control::-ms-input-placeholder {
        color: #888;
      }
    
    .modal-body .form-control:disabled, .modal-body .form-control[readonly]{
        opacity: 1!important;
        color: #5b5b5b !important;
    }
    .custom-dark .form-group {
    margin-bottom: 12px;
}
    .custom-dark .form-control,
    .custom-dark .input-group-text,
    .custom-dark .form-check-input {
        background-color: rgb(255 255 255 / 10%) !important;
    color: #fff !important;
    border: 1px solid rgb(255 255 255 / 30%) !important;
    }
    .custom-dark .form-control
    {
        border-radius: 6px;
    font-size: 13px;
    padding: 5px 10px;
    }
.custom-dark  .modal-body p {
	margin-bottom:10px!important
}
.custom-dark   .text-danger {
    font-size: 14px;
}
    .custom-dark  .modal-title  {

    font-size: 18px!important;
}
.custom-dark .event-ticket-group h5{
    font-size: 13px;
    font-weight: 600;
    color: #fff;

    margin-bottom: 5px;
}
.event-ticket-group label{
    font-weight: 200!important;
}
.ticket-checkbox{
    margin:7px 0
}
.event-ticket-js-show-new-coupon{
    margin-bottom:12px
}
.form_event_ids label , #coupon-form-extra-option{
    font-size: 13px;
    font-weight: 600;
    color: #fff;
}
.custom-dark #form_event_ids , .form_event_ids {
    font-size: 13px !important;
    font-weight: 600;
}
#edit_tickets_wrapper{
    margin-bottom:0!important
}
.custom-dark .events-section-form{
    background: rgba(255, 255, 255, 0.05) !important;
    padding: 10px;
    border-radius: 7px;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
#edit_tickets_container , #tickets_container{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.coupon-form-extra-option-section {
    margin-top:20px
}
.coupon-global-checkboxes-settings{
    margin-bottom:12px
}
    .custom-dark label,
    .custom-dark .form-check-label,
    .custom-dark .modal-title {
        color: #fff !important;
    }
    .custom-dark .modal-header,
    .custom-dark .modal-footer {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .custom-dark label {
    color: #fff !important;
    font-size: 13px;
}
    
.custom-dark .close {
    font-weight: 300;
    color: #fff;
    opacity: 1;
    background: inherit;
    font-weight: 700;
    font-size: 25px;
	    padding: 5px;
	    line-height: 18px;

}
.custom-dark  .btn-outline-light:hover{
	color:#000!important;
background:#fff!important;
}
.custom-dark  .btn-primary , .custom-dark .btn-secondary{
	    color: #000;
    background: #fff;
    border: 0;
    font-size: 14px;
}
/* on hover, focus, active, or active.selected */
.custom-dark .btn-primary:hover,
.custom-dark .btn-secondary:hover{
  background: #d3fa16 !important;
  color: #000        !important;
}
html body .custom-dark .selected{
	  background: #d3fa16 !important;
  color: #000        !important;
}
#refundAmountInput::-webkit-input-placeholder { /* Chrome, Safari, Opera */
  color: #eee;
}
#refundAmountInput::-moz-placeholder { /* Firefox 19+ */
  color: #eee;
}
#refundAmountInput:-ms-input-placeholder { /* IE 10+ */
  color: #eee;
}
#refundAmountInput:-moz-placeholder { /* Firefox 4–18 */
  color: #eee;
}
.refund-amount-buttons .btn{
}
.refund-amount-buttons{
	    display: flex;
    column-gap: 9px;
    flex-wrap: wrap;
    row-gap: 10px;
    justify-content: flex-start;
    align-content: space-around;
}
.refund-customer-info{
	font-size:13px;
	
}
#refundConfirmationText{
font-size: 16px;
    font-weight: 700;
}
.custom-dark .refund-customer-info p{
	margin-bottom:0!important
}
#refundStep1 p{
font-size: 16px;
    font-weight: 700;
}
#bulkRefundModal .btn-secondary{
	    color: #fff;
    background: inherit;
    border: 1px solid #fff;
}

#refundStep1 , #refundConfirmationText{
margin-top:20px
}
	






/********END****/





/*********EVENT ORGANIZER PAGE CSS*****/

html .single-tribe_organizer .tribe-events-calendar-list , html .single-tribe_organizer .tribe-events-header__content-title , html .single-tribe_organizer .tribe-events-header__top-bar, html .single-tribe_organizer .tribe-events-calendar-list-nav , html .tribe-events-c-subscribe-dropdown , html .single-tribe_organizer  .tribe-events-header__title{ 
    display: none!important;
}
/*******END*****/






/****SINGLE EVENT PAGE CSS*****/

/****RSVP */
html .tribe-tickets__rsvp , .event-tickets .tribe-tickets__rsvp{
    background-color:#000!important;
}
#rsvp-now{
    padding: 0 24px;
}
html body .event-tickets .tribe-tickets__rsvp-wrapper {
    background-color: #111!important;
    border: inherit;
    border-radius:inherit;
padding: 0;
    margin-top: var(--tec-spacer-6);
    overflow: hidden;
    position: relative;
    transition: all .3s ease;
    width: 100%;
}
.tribe-tickets__rsvp-attendance  , #rsvp-now .tribe-common-h6--min-medium , .event-tickets .tribe-tickets__rsvp-actions-success-going-check-icon , .tribe-tickets__rsvp-availability {
    display:none!important
}
.event-tickets .tribe-tickets__rsvp-actions .tribe-common-c-btn{
      background: white;
    padding: 5px 20px;
    border-radius: 5px;  
}
.event-tickets .tribe-tickets__rsvp-actions .tribe-common-c-btn:hover{
    background: #d3fa16;
    color: #000!important
}.tribe-tickets__rsvp-form-wrapper , .event-tickets .tribe-tickets__form .tribe-tickets__form-field-label, .event-tickets .tribe-tickets__form label , .event-tickets .tribe-common-form-control-text__input{
    color: #ffffff!important;
}
.tribe-tickets__rsvp-actions-button-going , .tribe-tickets__rsvp-form-button {
    background-color: #d3fa16!important;
    color: black!important;
    font-size: 15px!important;
    font-style: normal!important;
    font-weight: 600!important;
    line-height: normal!important;
    border-radius: 4px;
    transition: background-color 0.3s ease, color 0.3s ease!important;
    padding: 11px 14px!important;
}
.tribe-tickets__rsvp-actions-button-going:hover , .tribe-tickets__rsvp-form-button:hover {

      background: linear-gradient(to right, #d3fa16, #00FF85);
    color:#000!important;
}
.tribe-common-h5{
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #ffffff;
}

.event-tickets .tribe-tickets__rsvp-form-buttons {
    align-items: baseline!important;
    display: flex
;
    justify-content: space-between!important;
}

html .tribe-tickets__rsvp-form-button--cancel{
        background: #111!important;
    border: 1px solid #fff!important;
}
/*******END*****/