/*
Theme Name: Twenty Twenty-Four Child
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Template: twentytwentyfour
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.0.1702369540
Updated: 2023-12-12 08:25:40

*/

/* @font-face { font-family:Saira; src: url(https://project.websterzone.com/tuff-streeters/wp-content/themes/twentytwentyfour-child/fonts/Saira_ExtraCondensed-Bold.ttf); font-weight: normal; } */
@font-face { font-family:Saira; src: url(https://project.websterzone.com/tuff-streeters/wp-content/themes/twentytwentyfour-child/fonts/Saira-VariableFont_wdth,wght.ttf); }
/* @font-face { font-family: Plus Jakarta Sans; src: url(https://project.websterzone.com/tuff-streeters/wp-content/themes/twentytwentyfour-child/fonts/PlusJakartaSans-Regular.ttf); } */
@font-face { font-family: Plus Jakarta Sans; src: url(https://project.websterzone.com/tuff-streeters/wp-content/themes/twentytwentyfour-child/fonts/jakasans.ttf); }


body{
    max-width: 1440px;
    margin: 0 auto;
}

h2, .heading-primary{
    color: #231F20;
    font-family: Saira;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: normal;
    text-transform: uppercase;
    margin: 0;
}
h3{
    color: #231F20;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin:0;
}
p{
    color: #231F20;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}
.btn-main,.page-id-21 #pmpro_btn-submit,.page-id-25 form .button-primary,#lostpasswordform .pmpro_btn-submit,.pass-update-main #reset-pass-submit, #pmpro_cancel .pmpro_btn  {
    color: var(--White, #FFF);
    text-align: center;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
    background: #FF2424;
    padding: 15px 18px;
    text-decoration: none;
}
.page-id-21 #pmpro_btn-submit{
    background: #FF2424 !important; 
}
.page-id-25 form .button-primary, .pass-update-main #reset-pass-submit{
    border: none;
}
.active-side-nav {
    color: #231F20;
    border: 2px solid #231F20;
    background: transparent !important; 
    height: 44px !important;
}
.dashboard-container  .btn-main{
    margin-left: auto;
    display: block;
    width: fit-content;
    margin-top: 30px;
}
.page-id-258 main,.page-id-20 main, .page-id-176 main, .page-id-328 main, .page-id-492 main,.page-id-24 main,.page-id-21 main, .page-id-25 main {
    margin:0;
}

.header-main span.wp-block-navigation-item__label{
    text-align: center;
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
 }
 .page-id-431 main{
    margin:0;
 }
.header-btn a, .header-btn a:hover{
    color: #fff;
    text-align: center;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
    background: #FF2424;
    padding: 15px 18px;
    text-decoration: none;
    border-radius: 0;
}
.full-width-banner-main {
    max-width: 100% !important;
    margin: 0 !important;
}
.full-width-banner{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 260px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 140px !important;
}
.full-width-banner h2,.back-grap-col-one h2{
    font-family: Saira;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;
    letter-spacing: -0.96px;
    text-transform: uppercase;
    color: #fff;

} 
 .has-global-padding{
    padding: 0 !important;
}
header .has-global-padding{
    padding: 20px 0 !important;
}
.page-id-18 main, .page-id-497 main,.page-id-298 main{
    margin:0 ;
}
.dashboard-container {
    column-gap: 50px;
}
.dash-nav .wp-block-navigation-item {
    text-align: center;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    background: #231F20;
    width: 259px;
    height: 48px;
    justify-content: center;
}
.dash-nav .wp-block-navigation__container {
    row-gap: 12px;
}
.dash-info{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page-id-18 .dash-info{
    margin-top: 36px;
}
.page-id-258 .dash-info .dash-info-col-1, .page-id-328 .dash-info .dash-info-col-1{
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
.page-id-328 .dash-info .dash-info-col-1{
    width: 100%;
}
.page-id-258 .dash-info-col-2, .page-id-328 .dash-info-col-2{
    padding-top: 80px;
}
.page-id-328 .dash-info .dash-info-col-2 h3,.page-id-258 .dash-info .dash-info-col-2 h3{
    font-size: 20px;
}
.page-id-328 #nav-below{
    display: none;
}
.page-id-258 .wp-block-lazyblock-top-up-dash .btn-main, .page-id-328 .wp-block-lazyblock-top-up-dash .btn-main{
    display: none !important;
}
.page-id-18 .dash-email{
    margin-bottom: 30px;
}
.dash-info-col-1{
    width:60%;
}
.dash-info-col-2{
    width:38%;
}
.dash-info-col-1 p{
    margin:0;

}
.dash-info-col-1 h3{
    text-transform: uppercase;
}

.dash-info-col-2 p{
    margin: 0;
}
.dash-info-col-2{
    text-align: right;
}
.dash-info-col-2 h3{
    text-transform: uppercase;
}
body {
    background-color: #fff !important;
}
.dash-nav-col{
    max-width: fit-content !important;
}
.dashboard-banner{
    display: flex;
    align-items: center;
    background: #F2F2F2;
    justify-content: start;
    margin-top: 75px;
}
.dash-ban-one{
    position: relative;
    display: flex;
   
}

.dash-ban-two h2{
    text-align: center;
}



/* testimonial slider dashboard page */
.testimonial-head{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 200px;
    column-gap: 16px;
    margin-bottom: 64px;
}
.testimonial-head h2{
    text-align: center;
}
.testimonial-head hr{
    width: 95px;
    border: 2px solid #231F20;
    margin: 0;
}

.testimonial-slide p, .testimonial-slide div{
    text-align: center;
}
.testimonial-slide div{
    margin-top:60px;
}
.testimonial-slick .slick-arrow, .testimonial-slick .slick-arrow:hover, .testimonial-slick .slick-arrow:focus{
    background: red;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.testimonial-slick .slick-next:before, .testimonial-slick .slick-prev:before, .img-slider-main .slick-prev:before,.img-slider-main .slick-next:before{
    background: url(https://project.websterzone.com/tuff-streeters/wp-content/uploads/2023/12/chevron-right.png);
    width: 24px;
    height: 24px;
    display: block;
    background-repeat: no-repeat;
    content: '';
    margin: 0 auto;
}
.testimonial-slick .slick-prev:before, .img-slider-main .slick-prev:before{
    background: url(https://project.websterzone.com/tuff-streeters/wp-content/uploads/2023/12/chevron-right-2.png);
}
.testimonial-slick .slick-next {
    right: -60px;
}
.testimonial-slick .slick-prev {
    left: -60px;
}
.testimonial-slick span.test-name {
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin-right: 20px;
}
.testimonial-slick .slick-dots li{
    background: #d3d2d2;
    width:12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 8px;
}
.testimonial-slick .slick-dots li button{
    width:12px;
    height: 12px;
}
.testimonial-slick .slick-dots{
    bottom: -60px;
}
.testimonial-slick ul.slick-dots .slick-active {
    border: 5px solid #FF2424;
}


/* background with logo section */
.wp-block-lazyblock-background-with-logo{
    max-width: 100% !important;
}
.back-banner-logo{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 120px;
    padding: 100px;
    row-gap: 32px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.back-banner-logo .btn-main{
    text-transform: capitalize;
}
.back-banner-logo p{
    color:#fff !important;
    margin: 0;
    text-align: center;
}
.back-banner-logo h2{
    font-family: Saira;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;
    letter-spacing: -0.96px;
    text-transform: uppercase;
    color: #fff;
    line-height: 46px;
    text-align: center;
}

/* giveaway main section */
.giveaway-main {

    height: 160px;
    overflow: auto;

    padding: 10px;
    border: 0;
    padding: 0;
    max-width: 475px;
}

.giveawayscrollable-content {
    height: 145px;
    display: flex;
    flex-direction: column;
    row-gap: 14px;
}

.giveaway-row {
    display: flex;
    column-gap: 15px;
    max-width: 465px;
}
.giveaway-row span {
    border: 0.587px solid #FFF;
    max-width: 225px;
    background: #ffffff2b;
}
.give-container{
    padding: 50px 70px;
    background-repeat: no-repeat;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: -67px !important;
}
.givehead{
    color: #fff;
    font-family: Saira;
    font-size: 18.8px;
    font-style: normal;
    font-weight: 600;
    line-height: 23.5px; /* 125% */
    letter-spacing: -0.282px;
    text-transform: uppercase;
}
.give-head-wrapper{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    column-gap: 10px;
}
.give-head-wrapper hr{
    width: 55px;
    border: 1.2px solid #fff;
    margin: 0;
}
.giveaway-red-wrapper{
    background: linear-gradient(270deg, #FF2424 0%, rgba(255, 36, 36, 0.00) 100%);
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    padding-right: 10px;
    margin-bottom: 20px;
    max-width: 455px;
    align-items: center;
}
.giveyear{
    color: #FFF;
    text-align: center;
    font-family: Plus Jakarta Sans;
    font-size: 9.4px;
    font-style: normal;
    font-weight: 600;
    line-height: 16.45px;
    background: red;
    padding: 5px 7px;
}
.givetitle,.price-subdiv{
    color:#fff;
    font-family: Saira;
    font-size: 16.45px;
    font-style: normal;
    font-weight: 600;
    line-height: 21.15px; /* 128.571% */
    letter-spacing: -0.247px;
    text-transform: uppercase;
}
.give-year-title{
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.giveaway-row span{
    color: #FFF;
    text-align: center;
    font-family: Plus Jakarta Sans;
    font-size: 9.4px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.45px;
    padding:3px 5px;
    width: 100%;
    text-align: left;
}
.giveawayscrollable-content {
    overflow-y: scroll;
    scrollbar-width: thin;
    /* margin-left: 10px; */
}

/* For Firefox */
.giveawayscrollable-content::-webkit-scrollbar {
    width: 3.5px; /* Set the width of the scrollbar */
    margin-left: 10px;
}

/* For Chrome, Safari, and Opera */
.giveawayscrollable-content::-webkit-scrollbar-thumb {
    background-color: #fff; /* Set the color of the scrollbar thumb */
    border-radius: 0; /* Set the border-radius of the thumb */
}

/* Optional: Customize the scrollbar track (background) */
.giveawayscrollable-content::-webkit-scrollbar-track {
    background-color:#f4f4f475; /* Set the color of the scrollbar track */
}


/* topup page dashboard */
.top-up-wrapper{
    justify-content: space-between;
}
.topup-col-2{
    text-align:right;
}
.product-grid-custom{
    display: flex;
    align-items: center;
    justify-content: start;
    text-align: center;
    column-gap: 10px;
    margin-top: 45px;
    flex-wrap: wrap;
}
.product-grid-custom .pro-title{
    margin: 0;
    padding: 15px 0;
    background: #222222;
    color: #fff;
    font-size: 14px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.product-single{
    width: 169px;
}

.product-single .pro-price{
    padding-top: 15px;
    padding-bottom: 10px;
    background: #313131;
    color: #fff;
    font-family: Plus Jakarta Sans;
    font-weight: 400;
}
.product-single .pro-entries {
    margin: 0;
    padding: 15px 0;
    background: whitesmoke;
}
.product-single .add_to_cart_button{
    background: #ff2425;
    width: 100%;
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 10px 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
/* account history dashboard */
.page-id-298 #pmpro_account .pmpro_box{
    border: none;
    padding: 0;
    margin: 0;
    margin-bottom:30px;
}
.page-id-298 #pmpro_account .pmpro_box > h2{
    margin-bottom:30px;
}
.thead-account-invoice, .order-history-table-main thead{
    text-align: left;
    height: 50px;
    background: #231f20;
    color: #fff;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}
.thead-account-invoice th, .td-invoice-custom td{
    padding-left: 10px;
    text-transform: capitalize;
}
.td-invoice-custom td, .order-history-table tbody td {
    padding: 10px 0;
    padding-left: 10px;
}
#pmpro_account-invoices tbody tr:nth-child(odd), .order-history-table tbody tr:nth-child(odd) {
    background-color: #eae9e9;
}
#pmpro_account-invoices .td-invoice-custom a,.order-history-table-main a{
    color: #231F20;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    text-decoration: none;
}
#pmpro_account-invoices .thead-account-invoice th, .order-history-table-main thead th{
    text-transform: uppercase;
}
.order-history-table-main{
    width: 100%;
}
.order-history-table-main thead th{
    text-align: left;
    padding-left: 10px;
}
.order-history-table {
    border-spacing: 0;
}
.member-levels-container #pmpro_levels {
    display: flex;
    column-gap: 10px;
}
.member-levels-container-page #pmpro_levels {
    width: 100%;
}
.member-levels-container-page nav{
    display: none !important;
}
.member-levels-container #pmpro_levels  .entry  {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}
.member-levels-container .entry-header h2{
    margin: 0 !important;
    text-align: center;
    background: #222222;
    color: #fff;
    padding: 10px 0;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.member-levels-container .pmpro_level .entry-meta{
    display: flex;
    flex-direction: column-reverse;
}
.member-levels-container .entry-content p{
    margin: 0;
    text-align: center;
    padding: 10px 0;
    background: #2e2e2e;
    color: #fff;
}
.member-levels-container .entry-footer{
    padding: 0 !important;
}
.member-levels-container .entry-footer .pmpro_level-price{
    margin: 0 !important;
    padding: 15px 10px !important;
    text-align: center;
    background: #2e2e2e;
    color: #fff;
    font-size: 30px;
}
.member-levels-container .pmpro_level .pmpro_btn{
    background: #8c4622;
    color: #fff;
    margin: 0;
    border: 0;
    border-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-family: Plus Jakarta Sans;
} 
.member-levels-container #pmpro_level-2 .pmpro_btn, .member-levels-container #pmpro_level-4 .pmpro_btn{
    background: #d9d7d8
}
.member-levels-container #pmpro_level-3 .pmpro_btn{
    background: #8dba08;
}
/* membership page  */
.membership-main-container{
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 100px 0;
    text-align: center;
}
.mem-single-cell {
    width: 18%;
}
.mem-single-cell p , .mem-single-cell h2{
    margin: 0;
}
.mem-single-cell .pack-title{
    padding: 10px 0;
    background: #222222;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.mem-single-cell .pack-title p, .mem-single-cell .pack-content p, .mem-single-cell .pack-content h2{
    color: #fff !important;
}
.mem-single-cell .pack-content {
    padding: 15px 0 10px;
    background: #313131;
}
.mem-single-cell .pack-content h2{
    font-weight: 400;
    font-family: Plus Jakarta Sans;
}
.mem-single-cell .pack-enteries-wrapper{
    padding: 10px 0;
    background: whitesmoke;
}
.mem-single-cell a{
    display: block;
    width: 100%;
    padding: 10px 0;
    text-decoration: none;
    text-transform: uppercase;
    background: #d9d7d8;
    color: #fff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.membership-main-container .VIP a, .membership-main-container .Bronze a{
    background: #99611a !important;
}
.membership-main-container .Gold a{
    background: #8dba08 !important;
}
/* profile update section */
.member-details-head, .pass-update-main legend{
    color: #FFF;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    background: #231F20;
    padding: 8px 10px;
    margin: 25px 0;
}
.pass-update-main legend{
    width: 100%;
    margin-bottom: 0;
}
.detail-col-left h3, .pmpro_billing_wrap .username-li{
    color: #231F20;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; 
    text-transform: uppercase;

}
.custom-user-info{
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.update-info-right{
    width: 60%;
    padding-right: 6px;
}
.detail-col-left{
    width:20%;
}
.detail-col-left p{
    margin: 0;
}
.mem-name-address{
    margin-bottom: 20px;
}
.update-info-right .lite, .pmpro_checkout_box-additional-fields h2{
    display:none;
}
.update-info-right .pmpro_member_profile_edit-fields{
    display: flex;
    justify-content: start;
    align-items: end;
    flex-wrap: wrap;
    justify-content: space-between;
}
.update-info-right .first_name, .update-info-right .last_name, .update-info-right #vic_div,.update-info-right #postcode_div  {
    width: 49%;
}
.update-info-right .first_name input, .update-info-right .last_name input, .update-info-right #postcode_div input, .update-info-right #vic_div input{
    width:100%;
}
.update-info-right label, .update-info-right input ,.update-info-right input::placeholder {
    color: #231F20;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight:400;
    line-height: 28px;
    text-transform: capitalize;
}
.update-info-right label{
    font-weight: 600 !important;
}
.update-info-right input, .update-info-right input:focus-visible{
    border: none !important;
    border-bottom: 1px solid rgba(51, 52, 54, 0.70) !important;
    max-width: 100% !important;
    width:100% !important;
} 
.update-info-right .display_name, .update-info-right .display_name input,.update-info-right #contact_number_div, .update-info-right #contact_number_div input, .update-info-right .user_email, .update-info-right .user_email input, .update-info-right #address_div, .update-info-right #address_div input, .update-info-right #suburb_div, .update-info-right #suburb_div input {
    width:100%
}
.update-info-right .pmpro_submit hr, .update-info-right  .pmpro_btn-cancel,.payment-update  .pmpro_btn-cancel{
    display: none;
}
.update-info-right .pmpro_btn-submit, .payment-update  .pmpro_btn-submit-checkout{
    text-align: center;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
    background: var(--Red, #FF2424);
    display: block;
    width: fit-content !important;
    color: #fff;
    padding: 17px 16px;
    border-bottom: none;
}
.payment-update .pmpro_billing_wrap{
    display: flex !important;
    justify-content: space-between;
    align-items: start;
    padding-left: 10px;
}
.payment-update .pmpro_billing_wrap ul{
    width: 20%;
    display: flex;
    list-style: none;
    flex-direction: column;
    padding-left: 0;
}
.payment-update .pmpro_billing_wrap .pmpro_billing_gateway-stripe{
    width: 60%;
}
.payment-update .pmpro_billing_wrap ul strong{
    display: none;
}
.payment-update #pmpro_form .pmpro_alert, .payment-update #pmpro_form .pmpro_checkout-h2-msg, .payment-update #pmpro_form .pmpro_checkout-h2-name{
    display: none;
}
.payment-update #pmpro_payment_information_fields label, .payment-update #pmpro_payment_information_fields input, .payment-update #pmpro_payment_information_fields input::placeholder{
    color: #231F20;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    line-height: 28px;
}
.payment-update #pmpro_payment_information_fields label{
    font-weight: 600;
}
.payment-update .pmpro_billing_wrap ul li:nth-child(2),.payment-update .pmpro_billing_wrap ul li:nth-child(3) {
    display: none;
}
.footer-end{
    max-width: 1200px;
    margin: 0 auto;
} 
footer .wp-image-168{
    height: 40px;
    object-fit: contain;
}
footer .wp-block-navigation-item__label{
    color:  #231F20;
font-family: Plus Jakarta Sans;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 28px; 
}
.social-copyright{
    display: flex;
    justify-content: space-between;
}
.social-end{
    display: flex;
    column-gap: 16px;
    align-items: center;
}
.social-end a{
    text-decoration: none;
}
/* home page css start */
.slider-past-winner {
    height: 385px;
}

.img-with-two-text  {
    max-width: 1140px;
    margin: 0 auto;
    padding-top: 156px;
    padding-bottom: 156px;
}
.img-with-two-text .VIP-Membership {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 36px;
}
.img-with-two-text .Member-content {
    display: flex;
    justify-content: space-between;
}
.img-with-two-text .Member-content.col-1 {
    padding-right: 125px;
    justify-content: space-between;
    max-width: 100%;
    font-size: 16px;

}
.img-with-two-text .Member-content.col-1 .text-1 {
    max-width: 50%;
    padding-right: 24px;
}
.img-with-two-text .Member-content.col-1 .text-2 {
    max-width: 50%;
}
.wp-block-lazyblock-images-slider{
    max-width: 100% !important;
}
.image-slider-single{
    height: 384px !important;
}
.image-slider-single img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.img-slider-main{
    padding-bottom: 64px;
    margin: 0 !important;
}  
.img-slider-main .image-slider-single {
    margin: 0 12px;
} 

.wp-block-lazyblock-images-slider{
    margin: 0;
}
.img-slider-main .slick-arrow, .img-slider-main .slick-arrow:hover{
 
    top: 89%;
    width: 40px;
    height: 40px;
    background: #ff2424;
    border-radius: 50%;
    border: none;
}
.img-slider-main .slick-prev{
    left: 48%;
    transform: translateX(-50%);
}
.img-slider-main .slick-next{
    right: 46%;
    transform: translateX(-50%);
}
.wp-block-lazyblock-graph-banner{
    max-width: 100% !important;
}
.back-graph-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 60px 120px 0;
    color: #fff;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    align-items: stretch;
    background-position: right !important;
}
.back-grap-col-one{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 28%;
    padding-bottom: 66px;
}
.back-grap-col-one p,.ico-text-graph-single h3{
    color: #fff;
}
.back-grap-col-one p{
    margin-top: 16px;
    margin-bottom: 24px;
}
.ico-text-graph{

    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    border: 1px solid #fff;
    text-align: center;
 
}
.ico-text-graph-single {
    width: 33%;
    padding: 16px;

}
.ico-text-graph .ico-text-graph-single:nth-child(2) {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.back-grap-col-one .btn-main{
    margin-top: 32px;
}
.head-hr{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 16px;
}
.head-hr hr{
    width: 95px;
    border: 1px solid #231F20;
    margin: 0;
}
.head-hr h2{
    text-align: center;
}
.head-txt-btn p{
    text-align: center;
}
.head-txt-btn a{
    margin: 0 auto;
    display: block;
    width: fit-content;
}
.head-txt-btn .btn-main{
    text-transform: capitalize;
}
.head-txt-btn{
    margin-top: 130px;
    margin-bottom: 64px
}

.cards-home{
    display: flex;
    max-width: 12000px;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}
.card-home-single {
    width: 23%;
}
.card-home-single .card-title{
    background: #333436;
    padding: 16px;
} 
.card-home-single .card-title h2{
    font-family: Saira;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px;
    letter-spacing: -0.48px;
    text-transform: uppercase;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.Bronze .card-title h2{ 
    background-image: linear-gradient(5deg, #8C4623 17.54%, #F5B58F 95.53%);
}
.silver .card-title h2{
    background: var(--Silver, linear-gradient(180deg, #EDEDED 0%, rgba(255, 255, 255, 0.54) 100%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.Gold  .card-title h2{
    background: var(--Gold, linear-gradient(0deg, #98621A 0%, #FAE9B6 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.Platinum .card-title h2{
    background: var(--Platinum, linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.card-home-single .card-home-content h2{
    font-size: 84px;
    font-style: normal;
    font-weight: 900;
    line-height: 60px;
    margin-bottom: 16px;
}
.card-home-content h4{
    color: #231F20;
    font-family: Saira;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    margin-bottom: 6px;
}
.card-home-content h5{
    color: #231F20;
    font-family: Plus Jakarta Sans;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
}
.card-home-content h6{
    color: #FF2424;
    font-family: Saira;
    font-size: 32px;
    font-weight: 800;
    line-height: 40px;
    letter-spacing: -0.48px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 30px;
}
.card-home-content .btn-card {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 5px;
}
.card-home-single .card-home-content{
    padding: 24px;
    padding-top: 0;
    border: 1px solid #ca8762;
}
.Platinum .card-home-content, .silver .card-home-content{
    border: 1px solid #c7c5c5;
}
.wp-block-lazyblock-past-winner-slider{
    max-width: 100% !important;
}
.past-winner-main{
    display: flex;
    padding: 156px 0;
    flex-direction: column;
    background: #231f20;
    margin-top: 130px;
}
.winhead{
    display: flex;
    align-items: center;
    justify-content: start;
    padding-left: 120px;
    margin-bottom: 64px;
    column-gap: 16px;
}
.winhead hr, .hr-slider-patner hr{
    width: 95px;
    border: 1px solid #fff;
    margin: 0;
}
.winhead h2{
 color: #fff;
}
.slider-past-single {
    width: 384px !important;
    margin: 0 12px;
}
.past-winner-main .btn-main{
    width: fit-content;
    margin: 0 auto;
    margin-top: 34px;
}
.page-id-497 .back-banner-logo{
    margin-top: 0;
}
.wp-block-lazyblock-background-with-logo{
    margin: 0;
}
.wp-block-lazyblock-patners-text-and-slider{
    max-width: 100% !important;
    margin: 0;
}
.patners-txt-slider{
    padding: 120px 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #231f20;
    column-gap: 50px;
}
.patners-txt-col h2, .patners-txt-col p{
    color:#fff;
}

.hr-slider-patner{
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 16px;
    column-gap: 16px;
}
 .patners-txt-col{
    max-width: 489px;
}
.patner-img-slider-single {
    width: 120px !important;
    margin: 0 12px;
}
.patner-img-col{
    max-width: 530px;
}
.slider-past-winner .slick-prev , .slider-past-winner .slick-prev:hover{
    right: 192px;
    width: 40px;
    height: 40px;
    background: #ff2424;
    border-radius: 50%;
    border: none;
    transform: translateX(-50%);
    top: -104px;
    left: unset;
}
.slider-past-winner .slick-arrow::before{
    content: '';
    margin: 0 auto;
    width: 24px;
    height: 24px;
    display: block
} 
.slider-past-winner .slick-prev::before{
    background: url(https://project.websterzone.com/tuff-streeters/wp-content/uploads/2023/12/chevron-right-2.png);
   
}
.slider-past-winner .slick-next::before{
    background: url(https://project.websterzone.com/tuff-streeters/wp-content/uploads/2023/12/chevron-right.png);

}
.slick-prev, .slick-next{
    background:#ff2424 !important ;
}
.slider-past-winner .slick-next , .slider-past-winner .slick-next:hover{
    right: 120px;
    width: 40px;
    height: 40px;
    background: #ff2424;
    border-radius: 50%;
    border: none;
    transform: translateX(-50%);
    top: -104px;
    left: unset;
} 
.page-id-497 .full-width-banner{
    margin-bottom: 0 !important;
}


/* home page css end */


/* footer styles */
footer{
    max-width: 1200px;
    margin: 0 auto;
}
.footer-row-one{
    padding: 32px 0;
    column-gap: 200px;
}
.footer-nav-container {
    row-gap: 16px;
    width: 100%;
    max-width: 100%;
}
.footer-nav-container nav{
    width: 100%;
    max-width: 100%;
}
.footer-nav-container .wp-block-navigation__container {

    justify-content: space-between;
}
.footer-end p{
    text-align: center;
    color: #231F20;
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
}
footer .wp-block-navigation-item {
    width: 160px;
}
.footer-logo{
    width: 140px;
    height: 40px;
    object-fit: contain;
}
.testimonial-slide p{
    font-family: Saira !important;
} 
.page-id-21 label,.page-id-25 label{
    font-family: Saira;
    font-weight: 500 !important;
}
.page-id-21 input , .page-id-21 input:focus-visible, .page-id-25 input , .page-id-25 input:focus-visible{
    border: none !important;
    border-bottom: 1px solid rgba(51, 52, 54, 0.70) !important;
    
}
.page-id-21 .dash-nav-col .wp-block-navigation__container li:nth-child(5) {
    background: transparent;
    color: #231f20;
    border: 2px solid #231f20;
    height: 44px;
}
.page-id-21 hr, .page-id-25 hr{
    display: none;
}
.page-id-25 form{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.page-id-25 .full-width-banner{
    margin-bottom: 80px !important;
}
.sign-up-login-page{
    text-align: center;
}
.page-id-25 .pmpro_lost_password-instructions{
    text-align: center;
}
.pass-update-main fieldset{
    border: none;
    margin: 0;
    padding: 0;
    margin-top: 50px;
}
.pass-update-main label{
    color: #231F20;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-transform: capitalize;
}
.pass-update-main #somfrp_user_info{
    border: none !important;
    border-bottom: 1px solid rgba(51, 52, 54, 0.70) !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-top: 10px;
    background-color: transparent !important;
}
.pass-update-main input:-internal-autofill-selected {
    background-color: none !important;
    background: none !important;
}
input:focus-visible{
    outline: none !important;
}
.page-id-21.non-login-main .dash-nav-col{
    display: none !important;
}
.page-id-21.non-login-main .member-levels-container input{
    width: 100%;
    max-width: 98%;
}
.cancel-membership-main #pmpro_cancel  h2,.cancel-membership-main #pmpro_cancel table{
    display: none !important;
}
.cancel-membership-main #pmpro_cancel a{
    display: block;
    text-align: right;
    text-decoration: none;
    color: rgba(35, 31, 32, 0.30);
    font-family: Plus Jakarta Sans;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 0;
    margin-bottom: 30px;
}
.page-id-20 #pmpro_cancel{
    text-align: center;
}

@media only screen and (max-width: 1600px) {
    .slider-past-winner {
        height: 385px ;
        margin: 0;    
    }
}

@media only screen and (max-width: 1420px) {
    .pass-update-main{
        padding-right: 15px;
    }
    .page-id-21.non-login-main .member-levels-container{
        padding: 0 15px;
    }
    .page-id-21.non-login-main .member-levels-container .pmpro_submit{
        text-align: center;
    }
   
    .testimonial-slick .slick-next {
        right: 15px;
    }
    .testimonial-slick .slick-prev {
        left: 15px;
    }
    .Member-content p{
        margin: 0;
    }
    .img-with-two-text .Member-content.col-1 {
        padding-right: 40px;
    }
    .img-with-two-text{
        padding: 80px 15px !important;
    }
    .img-slider-main .slick-next {
        right: 43%;
    }
    .img-slider-main .slick-prev {
        left: 46%;
    }
    .back-graph-container{
        padding: 60px 15px;
        padding-bottom: 0;
    }
    .back-grap-col-one{
        width: 50%;
        padding-bottom: 40;
    }
    .back-grap-col-two img{
        width:400px;
    }
    .back-grap-col-two{
        display: flex;
        align-items: end;
    }
    .cards-home{
        padding: 0 15px;
    }
    .slider-past-single {
        width: 260px !important;}
        .slider-past-single img{
            width: 100%;
            object-fit: cover;
        }
    .slider-past-winner{
        margin: 0;
        height: 262px;
    } 
    .slider-past-winner .slick-next, .slider-past-winner .slick-next:hover{
        right: 60px;
    }
    .slider-past-winner .slick-prev ,.slider-past-winner .slick-prev:hover{
        right: 120px;
    }
    .past-winner-main{
        padding: 80px 0;
    }
    .footer-row-one {
        padding: 32px 15px;
    }
    header .has-global-padding {
        padding: 20px 15px !important;
    }
    .footer-row-one{
        flex-direction: column;
        row-gap: 40px;
    }
    .dashboard-container {
        column-gap: 25px;
    }
    .dash-nav .wp-block-navigation-item{
        font-size: 14px;
        width: 160px;
    }
    .dash-info,.member-levels-container #pmpro_levels{
        padding-right: 15px;
    }
    .dashboard-container .btn-main{
        margin-right: 15px;
    }
    .dash-nav .wp-block-navigation__container{
        padding-left: 15px;
    }
    .dashboard-banner,.give-container{
        margin-right: 15px;
    }
    .testimonial-slick  .slick-prev,.testimonial-slick .slick-next{
        top: 60% !important;
    }
    .testimonial-slick{
        padding: 0 15px;
    }  
    .testimonial-slick .slick-dots{
        width: fit-content;
        left: 50%;
        transform: translateX(-50%);
    } 
    .testimonial-slick ul.slick-dots .slick-active {
        border: 3px solid #FF2424;
    }
    .give-container{
        background-position: -108px !important;
    }
    .giveaway-row span{
        font-size: 8px;
    }
    
    .product-grid-custom .product-single {
        width: 152px;
    }
    .product-grid-custom{
        padding-right: 15px;
    }
    .update-info-right,.payment-update .pmpro_billing_wrap .pmpro_billing_gateway-stripe {
        width: 70%;
    }
    .detail-col-left,.payment-update .pmpro_billing_wrap ul {
        width: 25%;
    }
    .payment-update .pmpro_billing_wrap{
        padding-right: 15px;
    }
    .page-id-24 .dash-info, .member-levels-container #pmpro_levels{
        padding-left: 15px;
    }
   
   
    }
    
    @media only screen and (max-width: 1024px) {
        
        h2{
            font-size: 24px;
            line-height: 30px;
        }
        .page-id-21 #pmpro_btn-submit{
            width: fit-content !important;
        }
        .page-id-21 .member-levels-container{
            padding-right: 15px;
        }
        
        
        .member-levels-container #pmpro_levels {
            flex-wrap: wrap;
            row-gap: 40px;
        }
        .member-levels-container #pmpro_levels .pmpro_level{
            width: 32%;
            
        } 		
        .pass-update-main legend {
            width: 97%;
        }	
        .header-main > .wp-block-group {
            flex-wrap: nowrap;
        }
        .header-btn a{
            width: 180px;
            padding: 15px 0px;
        } 
        .header-main span.wp-block-navigation-item__label{
            font-size: 11px;
        }
        .img-with-two-text .Member-content{
            flex-direction: column;
            row-gap: 50px;
        }
        .img-with-two-text .Member-content.col-1 .text-1 {
            max-width: 100%;
            padding-right: 0;
        }
        .img-with-two-text .Member-content.col-1 .text-2 {
            max-width: 100%;
        }
        .back-graph-container{
            flex-direction: column-reverse;
            row-gap: 40px;
        }
        .back-grap-col-two{
            width: 100%;
            justify-content: center;
        }
        .back-grap-col-two img {
            width: 70%;
        }
        .back-grap-col-one {
            width: 80%;
            text-align: center;
            margin: 0 auto;        
        }
        .back-grap-col-one h2{
            font-size: 40px;
            line-height: 40px;
        }
        .back-graph-container{
            background-position: initial !important;
        }
        .head-hr hr {
            width: 60px;
        }
        .cards-home{
            flex-wrap: wrap;
            row-gap: 50px;
            column-gap: 20px;
        }
        .card-home-single {
            width: 48%;
        }
        .Platinum .card-home-content, .silver .card-home-content{
            border: 1px solid #ca8762;
        }
        .patners-txt-slider{
            flex-direction: column-reverse;
            row-gap: 80px;
        }
        .patners-txt-slider {
            padding: 50px 15px;
        }        
        .patners-txt-col {
            max-width: 100%;
        }
        .patner-img-slider-single {
            width: initial !important;
        }

        .footer-nav-container .wp-block-navigation__container {
            justify-content: center;
            column-gap: 20px;
        }
        footer .wp-block-navigation-item {
            width: fit-content;
        }
        .footer-end p{
            font-size: 12px;
            padding: 0 15px;
        }   
        .social-copyright{
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .winhead{
            padding-left: 15px;
        }
        .back-banner-logo{
            padding: 50px;
        }
        .img-slider-main .slick-next {
            right: 40%;
        }
        .img-slider-main .slick-prev {
            left: 43%;
        }
        .dashboard-container{
            flex-wrap: nowrap !important;
        }
        .dashboard-banner .dash-ban-two h2{
            font-size: 20px;
        }
        .dash-ban-one img{
            width: 85%;
        }
        .dashboard-banner {
            margin-top: 38px;
        }
        .full-width-banner{
            margin-bottom: 60px !important;
        }
        .testimonial-head{
            margin-top: 60px;
            margin-bottom: 20px;
        }
        .giveaway-row{
            max-width: 100%;
            padding-right: 10px;
        }
        .give-container{
            padding: 20px;
        }
        .product-grid-custom{
            row-gap: 30px;
        justify-content: start;
        }
        .page-id-298 .main-table-new,.page-id-298 .order-history-table {
            padding-right: 15px;
        }
        .page-id-298 #pmpro_account-invoices .td-invoice-custom,.page-id-298 #pmpro_account-invoices .td-invoice-custom a,.page-id-298 .order-history-table tbody td,.page-id-298 .order-history-table tbody td a {
            font-size: 12px;
        }     
        #pmpro_account-invoices .thead-account-invoice th, .order-history-table-main thead th{
            font-size: 14px;
        }   
        .custom-user-info{
            padding: 0 15px;
        }
      
    }
    @media only screen and (max-width: 880px) {
        .slider-past-single {
                width: initial !important;
        }
        .slider-past-single img{
            height: 260px;
        }
        .product-grid-custom .product-single {
            width: 175px;
        }
    }
    @media only screen and (max-width: 768px) {
        .page-id-21 [type="email"]{
            width: 100% !important;
        }
        .page-id-21.non-login-main .member-levels-container input{
            max-width: 90%;
        }
    }
    @media only screen and (max-width: 600px){
        .header-main nav{
            order: 3;
        }
        .full-width-banner h2{
            font-size: 50px;
        }
        .header-btn{
            display: none !important;
        }
        .img-with-two-text .VIP-Membership{
            flex-direction: column;
            row-gap: 20px;
        }
        .img-with-two-text .VIP-Membership{
            align-items: start;
        }
        .img-with-two-text {
            padding: 40px 15px !important;
        }
        .img-slider-main .slick-next {
            right: 38%;
        }
        .img-slider-main .slick-prev {
            left: 41%;
        }
        .back-grap-col-two img {
            width: 100%;
        }
        .back-grap-col-one {
            width: 100%;
        }
        .back-grap-col-one h2 {
            font-size: 36px;
        }
        .head-hr{
            padding: 0 15px;
            line-height: 26px;
            column-gap: 0;

        }
        .head-hr hr {
            width: 95px;
        }
        .card-home-single {
            width: 100%;
        }
        .back-banner-logo {
            padding: 50px 15px;
        }
        .back-banner-logo h2{
            line-height: 60px;
            font-size: 50px;
        }
        .back-banner-logo{
            row-gap: 15px;
        }
        .patners-txt-slider{
            row-gap: 40px;
        }
        .patner-img-col {
            max-width: 100%;
        }
        .dashboard-container{
            flex-direction: column;
        }
        .dashboard-container nav svg{
            color: #000;
            border: 1px solid #000;
            padding: 3px
        }
        .dashboard-container .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{
            background: #231F20  !important;
        }
        .dashboard-container .wp-block-navigation__responsive-container.is-menu-open .active-side-nav {
            color: #231F20 !important; border: 2px solid #231F20; background: transparent !important; height: 44px !important;
        }
        .dashboard-container{
            padding-left: 15px;
        }
        .dash-info p{
            font-size: 14px;
        }
        .dashboard-banner .dash-ban-two h2 {
            font-size: 16px;
            padding-right: 10px;
            line-height: 24px;
        }
        .testimonial-head{
            padding: 0 15px;
            column-gap: 0px;
        }
        .testimonial-slick  p{
            font-weight: 400;
            line-height: 22px;
        }
        .testimonial-slide div {
            margin-top: 30px;
        }
       
        .testimonial-slick .slick-dots {
            bottom: -40px;
        }
        .back-banner-logo {
            margin-top: 80px;
        }
        .giveaway-row,.update-info-right .pmpro_member_profile_edit-fields,.page-id-431 .custom-user-info,.payment-update .pmpro_billing_wrap{
            flex-direction: column;
        }
        .giveaway-row span{
            max-width: 95%;
   
        }
        .giveaway-row,.giveawayscrollable-content{
            row-gap: 10px;
        }
        .giveaway-main {
            height: 130px;
        }
        .product-grid-custom .product-single, .member-levels-container #pmpro_levels .pmpro_level {
            width: 48%;
        }
        .page-id-431 .dashboard-container,.page-id-492 .dashboard-container{
            padding-right: 15px;
        }
        .update-info-right .first_name, .update-info-right .last_name, .update-info-right #vic_div, .update-info-right #postcode_div{
          width: 100%;  
        }
        .page-id-431 .custom-user-info .detail-col-left,.page-id-431 .custom-user-info .update-info-right,.payment-update .pmpro_billing_wrap ul, .payment-update .pmpro_billing_wrap .pmpro_billing_gateway-stripe  {
            width: 100%;
        }
        .order-history-table tr th:nth-child(4) {
            padding-right: 8px;
        }
        .page-id-24 .full-width-banner h2 {

            text-align: center;
            line-height: 50px;
        }
    }