.elementor-86546 .elementor-element.elementor-element-63494c15:not(.elementor-motion-effects-element-type-background), .elementor-86546 .elementor-element.elementor-element-63494c15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1C1E;}.elementor-86546 .elementor-element.elementor-element-63494c15, .elementor-86546 .elementor-element.elementor-element-63494c15 > .elementor-background-overlay{border-radius:.15rem .15rem .15rem .15rem;}.elementor-86546 .elementor-element.elementor-element-63494c15{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:min(1rem, 1vw) min(1rem, 1vw) min(1rem, 1vw) min(1rem, 1vw);}.elementor-86546 .elementor-element.elementor-element-63494c15 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-86546 .elementor-element.elementor-element-20fbd94 > .elementor-element-populated{border-style:none;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-86546 .elementor-element.elementor-element-5fe7da1a .elementor-heading-title{font-family:"Tomorrow", Sans-serif;font-size:30px;font-weight:600;text-transform:uppercase;color:#FEE401;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-86546 .elementor-element.elementor-element-70d7c9d6{font-family:"Roboto", Sans-serif;font-weight:400;color:#F4F4F4;}#elementor-popup-modal-86546 .dialog-widget-content{background-color:#1C1C1E;border-style:solid;border-width:1px 1px 1px 1px;border-color:#323235;border-radius:.2rem .2rem .2rem .2rem;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-86546{background-color:#000000B0;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-86546 .dialog-message{width:min(1100px, 94vw);height:40rem;align-items:flex-start;}#elementor-popup-modal-86546 .dialog-close-button{display:flex;top:5%;font-size:20px;}body:not(.rtl) #elementor-popup-modal-86546 .dialog-close-button{right:5%;}body.rtl #elementor-popup-modal-86546 .dialog-close-button{left:5%;}#elementor-popup-modal-86546 .dialog-close-button i{color:#F4F4F4;}#elementor-popup-modal-86546 .dialog-close-button svg{fill:#F4F4F4;}@media(max-width:1700px){#elementor-popup-modal-86546 .dialog-message{height:60vh;}#elementor-popup-modal-86546 .dialog-close-button{font-size:20px;}}@media(max-width:1200px){#elementor-popup-modal-86546 .dialog-message{height:60vh;}#elementor-popup-modal-86546 .dialog-close-button{font-size:20px;}}@media(max-width:900px){#elementor-popup-modal-86546 .dialog-message{height:60vh;}#elementor-popup-modal-86546 .dialog-close-button{font-size:20px;}}@media(max-width:650px){#elementor-popup-modal-86546 .dialog-message{height:70vh;}#elementor-popup-modal-86546{justify-content:center;}#elementor-popup-modal-86546 .dialog-widget-content{border-width:1px 1px 1px 1px;}#elementor-popup-modal-86546 .dialog-close-button{font-size:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-21efd60b *//*LEX QUICKFIX*/

h4 {
    font-size: 1rem;
    color: #f8f8f8;
}
.coupon-actions {
    display: none!important;
}

/* Reset CSS */
h1, h3, p {
    margin: 0;
}

p {
    font-family: roboto;
    font-size: min(1rem, 4vw);
}

h1, h2, h3 {
    font-family: tomorrow;
}

/* - - SECTION 1 START - - */
.sec1 {
    /*--section-bg: color-mix(in srgb, var(--gradient-color-1) , var(--section-bg-color, rgb(25,25,25)) 96%);
    background: var(--section-bg); */
    
    width: 100%;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    padding-inline: min(2rem, 3vw);
    padding-block: 2rem;
    gap: 1rem;
    
    
    & *{
        z-index: 2;
    }
    
    &:after {
        content:"";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url("https://gamerbulk.com/wp-content/uploads/2024/10/Blurred-Gradient-Background.jpg");
        background-size: 100% 100%;
        border-radius: inherit;
    }
    
    &:before {
        content:"";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: color-mix(in srgb, var(--user-color), black 20%);
        z-index: 1;
        mix-blend-mode: overlay;
        border-radius: inherit;
        box-shadow: inset 0px 0px 0px 2px color-mix(in srgb, var(--user-color), rgba(255,255,255,0.5) 50%);
    }
    
    
}

/* Sec1 - Top */
.sec1-top {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 3rem;
    
    @media (max-width: 775px ) {
        grid-template-columns: 1fr;
        gap: 1rem;
        
        & .sec1-stats {
            padding: 0;
        }
        
    }
    
}


/* Sec1 - Title */
.sec1-title {
    
  & h1 {
      line-height: 1;
    font-size: clamp(3rem, 10vw, 5rem);
    margin-top: -1rem;
    color: var(--user-color);
    letter-spacing: .2rem;
    text-shadow: 1px 2px 10px color-mix(in srgb, var(--user-color), black 25%);
} 
}



.sec1-stats {
    display: flex;
    align-items: center;
    border-radius: 0.3rem;
    height: fit-content;
    font-family: tomorrow;
    padding: 1rem;
    color: var(--user-color);
    
}




/* Sec1 - Box Grid */
.sec1-box-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 1rem;
    
    
    @media (max-width: 775px) {
        grid-template-columns: 1fr 1fr;
    }
    
    @media (max-width: 650px) {
        display: flex;
        flex-direction: column;
    }
    

}



/* General Sec1 Box Styling */
.sec1-box {
    position: relative;
    background: color-mix(in srgb, var(--user-color), rgba(255,255,255,0.1) 10%);
    background: var(--user-color);
    display: flex;
    flex-direction: column;
    padding: min(1rem, 2vw);
    border-radius: 0.3rem;
    color: #000 !important;
    cursor: pointer;
    
    
    
    &:hover {
        
        box-shadow: inset 0 0 0 2px rgba(255,255,255,0.4);
        ;
    }
    
    
    &:hover img {
        transform: scale(1.03);
        
    }
    
    
    & h3 {
        font-weight: 600;
        margin: 0 0 5px 0;
        font-size: min(1.4rem, 5vw)
    }
    
    & img {
        max-width: 50%;
        margin-inline: auto;
        transition: 300ms;
    }
    
    & p {
      font-weight: 500;
      
    }
    
}

/* Recently Unlocked */
.sec1-box-recently {
    
    & h2 {
         display: none;
}
    
    &:hover {
        i {
        transform: scale(1.06);
        will-change: transform;
        }
    }
    
    
    .coupon-item {
        display: flex;
    }
    
& i {
    

    background: rgba(0,0,0,0.6);
    border-radius: 50%;
    color: var(--user-color);
    padding: 1rem;
    height: 50px;
    width: 50px;
    text-align: center;
    transition: 200ms ease-in-out;
    grid-row: 1/3;
    
}  
}



.box-shortcode-image {
    height: 100%;
    display: flex;
    align-items: center;
}

.coupon-item {
    display: flex;
}

/* Sec 1 - Claim Rewards Box */
.sec1-box-claim {
    
    & button {
        border: 1px solid color-mix(in srgb, var(--user-color), white 5%);
        border-radius: 0.25rem;
        background: rgba(0,0,0,0.8);
        color: var(--user-color);
    }
    
}

/* Sec 1 - Small Boxes */
.sec1-box-small-group {
    display: grid;
    gap: 1rem;
    
    @media (max-width: 775px) {
        grid-column: 1/3;
    }
    
}

.sec1-box-small {
    
    padding-inline: 10%;
    height: 100%;
    display: grid;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    
    & i {
            font-size: 3rem;
        }
}


.box-title {
    
    width: 100%;
    margin-top: auto;
       
       
       
       
       &:has(i) {
        display: grid;
       align-items: center;
       grid-template-columns: 1fr auto; 
       
       & p {
           grid-row: 2;
       }
       }
}


/* Modules */


.claim-rewards-module, .history-module {
    display: none;
    z-index: 9999;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding: min(1rem, 3vw);
    border-radius: 0.2rem;
    box-shadow: 0 0 15px 2px rgba(0,0,0,0.3);
    background: color-mix(in srgb, var(--user-color), black 50%);
    width: min(1000px, 95vw);
    height: auto;
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
    border: 2px solid color-mix(in srgb, var(--user-color), white);
    overscroll-behavior: none;
   
    & h2 {
        font-size: min(1.75rem, 10vw);
        color: #f8f8f8;
    }
    
    & .module-header {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        
        & p {
            color: #f8f8f8;
            margin-bottom: 0.75rem;
        }
        
        & i {
            font-size: 1.5rem;
            color: #f8f8f8;
            cursor: pointer
        }
        
    }
   
}

/* Claim Coupon Module */

 .coupon-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
    gap: min(1rem, 5vw);
    
    
    @media (max-width: 1000px) {
        grid-template-columns: repeat(2, 1fr);
    }
    
    @media (max-width: 650px) {
        grid-template-columns: repeat(1, 1fr);
    }
    }
    
    .coupon-grid .coupon-item {
    display: flex;
    flex-direction: column;
    color: #f8f8f8;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0.2rem;
    padding: min(1rem, 3vw);
    gap: min(1rem, 3vw);
    color:yellow;
    
    
    
    & h3 {
        text-transform: uppercase;
        font-size: min(1.2rem, 5vw);
        
    }
    
    & .coupon-actions {
        margin-top: auto;
        gap: 0.5rem;
    }
    
    & .copy-coupon {
        border: 1px solid var(--user-color);
        color: var(--user-color);
        text-transform: uppercase;
        background: rgba(0, 0, 0, 0.6);
        border-radius: 0.15rem;
        
    }
    
    & .apply-coupon {
        background: var(--user-color);
        color: #000;
        text-transform: uppercase;
        border-radius: 0.15rem;
        border: 1px solid;
        color:yellow;
    }
    }
    
    #no-coupons {
        display: none;
        color: #f8f8f8;
    }
    
    .claim-rewards-module:not(:has(.coupon-item)) #no-coupons {
        display: block;
    }
    
/* History Module Styling */

.wr-history-grid {
    row-gap: 0.5rem !important;
    
    & .cell {
        color: #f8f8f8;
        font-family: roboto;
    }
    
    & .cell:nth-child(8n - 7),
.cell:nth-child(8n - 6),
.cell:nth-child(8n - 5),
.cell:nth-child(8n - 4) {
    background: rgba(0,0,0,0.1);
}
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-20fbd94 */.elementor-86546 .elementor-element.elementor-element-20fbd94 .wr-available-coupons .item.tile {
    flex-direction: column;
    gap: 10px;
    background-color: #1c1c1e;
    color: #ffe501;
    font-family: tomorrow;
    text-transform: uppercase;
    text-align: center;
}

.elementor-86546 .elementor-element.elementor-element-20fbd94 .wr-available-coupons .coupon-button {
    cursor: pointer;
    padding: 10px;
    border-radius: 5px;
    background-color: #ffe501;
    color: #101115;
    font-weight: 600;
    font-size: var(--wr-button-font-size, "inherit");
    transition: all .3s ease;
}/* End custom CSS */
/* Start custom CSS */#elementor-popup-modal-86546  {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
     
    
    & .dialog-close-button {
        position: absolute;
    }
}/* End custom CSS */