.elementor-86591 .elementor-element.elementor-element-68ad99e0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0rem;margin-bottom:2rem;}.elementor-86591 .elementor-element.elementor-element-68ad99e0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-86591 .elementor-element.elementor-element-2f50d705 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-86591 .elementor-element.elementor-element-2f50d705 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-86591 .elementor-element.elementor-element-9202c6e{text-align:center;}.elementor-86591 .elementor-element.elementor-element-9202c6e .elementor-heading-title{font-family:"Tomorrow", Sans-serif;font-size:2rem;font-weight:500;color:#F8F8F8;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-86591 .elementor-element.elementor-element-ce2cd4c .elementor-button{background-color:#FEE401;font-family:"Tomorrow", Sans-serif;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:.2rem .2rem .2rem .2rem;padding:1rem 2rem 1rem 2rem;}body.elementor-page-86591:not(.elementor-motion-effects-element-type-background), body.elementor-page-86591 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111114;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-68b8157b *//*LEX QUICKFIX*/

h4 {
    font-size: 1rem;
    color: #f8f8f8;
}


/* 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 {
    width: 100%;
    border-radius: 0.6rem;
    display: flex;
    flex-direction: column;
    padding-inline: min(2rem, 3vw);
    padding-block: 2rem;
    gap: 1rem;
    background: #1c1c1e;
    
    
    
    
    
    
    
    
    
}

/* Sec1 - Top */


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

}



.sec1-stats {
    display: flex;
    align-items: center;
    border-radius: 0.3rem;
    height: fit-content;
    font-family: tomorrow;
    color: #f8f8f8;
    
}




/* Sec1 - Box Grid */
.sec1-box-grid {
    display: grid;
    grid-template-columns: repeat(4, 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: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.2);
    display: flex;
    flex-direction: column;
    padding: min(1rem, 2vw);
    border-radius: 0.4rem;
    color: #f8f8f8 !important;
    cursor: pointer;
    
    
    
    &:hover {
        
        box-shadow: inset 0 0 0 1px 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.6rem;
    box-shadow: 0 0 15px 2px rgba(0,0,0,0.3);
    background: #48484d;
    width: min(1000px, 95vw);
    height: auto;
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
    border: 2px solid rgba(255,255,255,0.2);
    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.4rem;
    padding: min(1rem, 3vw);
    gap: min(0.5rem, 3vw);
    border: 1px solid rgba(255,255,255,0.2);
    
    
    
    & 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: #fee401;
        text-transform: uppercase;
        background: rgba(0, 0, 0, 0.2);
        border-radius: 0.2rem;
        
    }
    
    & .apply-coupon {
        background: var(--user-color);
        color: #000;
        text-transform: uppercase;
        border-radius: 0.2rem;
        border: 1px solid;
        
    }
    }
    
    #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 section, class: .elementor-element-68ad99e0 */.elementor-86591 .elementor-element.elementor-element-68ad99e0 {
    width: min(1500px, 95vw);
    margin-inline: auto;
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b5c19a6 */.points-shop-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    
    @media (max-width: 1000px) {
        flex-direction: column;
        align-items: start;
    }
}


.points-shop-title {
display: flex;
flex-direction: column;
gap: 0.5rem;



 & h2 {
    font-family: tomorrow;
    color: #f8f8f8;
    width: fit-content;
    font-size: 3rem;
    margin: 0;
}

& p {
    color: var(--h-color-1, #f8f8f8);
    font-family: roboto;
    margin: 0;
}

& ul {
    position: relative;
    background: #484848;
    padding: 0.5rem;
    border-radius: 0.2rem;
    width: fit-content;
    list-style: none;
    color: #f8f8f8;
    
    
    &:before {
        content:"";
        height: 100%;
        width: 20px;
        background: red;
    }
    
    
    & li:before {
        content:"> ";
        font-weight: 800;
        color: red;
        
    }
    
   

}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68b6132b */#bulkcoins {
    background: rgba(255,255,255,0.2);
    font-family: tomorrow;
    font-weight: 500;
    padding: 0.5rem;
    border-radius: 0.1rem;
    width: fit-content;
    color: #f8f8f8;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4e5063e4 *//* Coupon Shop Grid */

.coupon-shop-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: min(1rem, 2vw);
    
       @media (max-width: 1200px) {
    grid-template-columns: repeat(4, 1fr);
}

 @media (max-width: 1000px) {
    grid-template-columns: repeat(3, 1fr);
}

 @media (max-width: 650px) {
    grid-template-columns: repeat(2, 1fr);
}
 

}


/* Coupon Item */

.coupon-shop-grid .coupon-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    border: 1px solid rgb(255 255 255 / 0.3);
    padding: 1rem;
    border-radius: 0.4rem;
    position: relative;
    transition: transform 200ms;

    
    
    &:before {
        content:"";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(255 255 255 /0.2);
        filter: brightness(0.8);
        
        
        
    }
    
    &:after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  border-radius: 5px;
  box-shadow: 0px 6px 15px 2px rgb(0 0 0 / 0.25);
  transition: opacity 0.2s ease-in-out;
  border-radius: 0.4rem;
  
    }
    
    & * {
        z-index: 0;
        text-align: center;
    }
    
    & h2 {
        font-family: tomorrow;
        text-transform: uppercase;
        font-size: min(1rem, 4vw);
        color: #f8f8f8;
    }
    
    & p {
        color: #f8f8f8;
        font-family: roboto;
        font-size: min(0.9rem, 4vw);
        
    }
    
    & button {
        background: rgba(0,0,0,0.5);
        border: 1px solid rgb(255 255 255 / 0.3);
        border-radius: 0.2rem;
        color: #f8f8f8;
        text-transform: uppercase;
        margin-block: 0.75rem;
        font-size: min(0.9rem, 4vw);
    }
    
    & a {
        color: #f8f8f8;
        font-family: roboto;
        text-transform: uppercase;
        font-size: 0.8rem;
        
        
    }
    
}

.purchase-counter {
    background: rgba(0, 0, 0, 0.4);
    padding-inline: 0.3rem;
    border-radius: 0.1rem;
    font-family: tomorrow;
    color: #f8f8f8;
    
    
    &:after {
        content: " LEFT"
    }
    
   
    
}

.coupon-shop-grid .coupon-item:hover {
  
   z-index: 1;
   
   
  &:after {
      opacity: 1;
      border: 1px solid rgb(255 255 255 / 0.3);
  }
  
  & button {
      background: rgb(255 255 255 / 0.9);
      color: #000;
      border: 1px solid #000
      
  }
   
}

.coupon-actions {
    display: flex;
    flex-direction: column;
}

.not-affordable, .cant-claim-more {
    filter: grayscale(1) brightness(0.8) !important;
    
    & img {
        opacity: 0.6;
    }
}

.max-claims-reached {
    background: rgba(0, 0, 0, 0.6);
    color: var(--user-color);
    padding: min(0.5rem, 3vw);
    text-transform: uppercase;
    font-weight: 500;
    font-size: min(0.9rem, 4vw);
    
}

.cant-claim-more {
    cursor: not-allowed;
    filter: brightness(0.8);
    
    &:hover {
       transform: 
       & .purchase-counter {
        color: #f8f8f8;
    }
        
    }
    }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-42b20a52 */:root {
    --section-bg: color-mix(in srgb, var(--user-color) , rgb(25,25,25) 96%);
    
}

.elementor-86591 .elementor-element.elementor-element-42b20a52 {
    width: min(1500px, 95vw);
    margin-inline: auto;
    border-radius: 0.6rem;
    background: #1E1E21;
   padding: min(1.5rem, 2vw);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-978db9e */.elementor-86591 .elementor-element.elementor-element-978db9e {
    width: min(1500px, 95vw);
    margin-inline: auto;
    border-radius: 0.6rem;
    background: rgba(255,255,255,0.1);
    
   padding: min(1.5rem, 2vw);
}/* End custom CSS */
/* Start custom CSS */:root {
        --gradient-color-1: #fee401;
        --gradient-color-2: #fee401;
        --bg-color: var(--gradient-color-1);
        --accent-text-color: #000;
        --user-color:#fee401;
    }


#header-section, #searchtoggle, #footer-section, #footer-end-section {
    width: min(1500px, 96vw) !important;
}




#header-section {
    background: #111114;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    top: 0 !important;
 
}




.loyalty-btn {
    display: none;
}/* End custom CSS */