.elementor-86582 .elementor-element.elementor-element-1d782016{margin-top:0;margin-bottom:0;padding:min(1rem, 3vw) min(1rem, 3vw) min(1rem, 3vw) min(1rem, 3vw);}/* Start custom CSS for html, class: .elementor-element-10ac90c8 */.elementor-86582 .elementor-element.elementor-element-10ac90c8 hr {
    margin-bottom: 2rem;
    border-color: var(--user-color)
}

.loyalty-guide{
    display: flex;
    flex-direction: column;

    
    
    & h1, h2, h3 {
    font-family: tomorrow;
    text-transform: uppercase;
    
    }
    
    & h1, h3 {
        margin-top: 0;
    }
    
    & h1 {
    color: var(--user-color);
    
    }
    
    & h2 {
    color: #f8f8f8;
    }
    
    & p {
        font-family: roboto;
        color: #f8f8f8;
    }
    
    
    
    
    
}

.loyalty-guide-header {
   
}

.loyalty-guide-content {
    
    & > div {
        margin-bottom: 2rem;
        
         
    }
    
    & > div:last-child, &{
        margin-bottom: 0;
    }
    
    & > div:first-child {
        margin: 1rem 0 1rem 0;
    }
}

.how-it-works {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    
    @media (max-width: 1150px) {
        grid-template-columns: 1fr;
    }
    
    
    & div {
        padding: 1rem;
        color: #000;
        background: var(--user-color);
        border-radius: 0.2rem;
        position: relative;
        
        & p {
            color: var(--accent-text-color);
        }
        
        &:nth-child(-n +2):after {
            content: ">";
            position: absolute;
            right: -1.5rem;
            top: 50%;
            transform: translatey(-50%);
            color: var(--user-color);
            font-weight: 600;
            font-size: 3rem;
            z-index: 1;
            -webkit-text-stroke: 6px #1c1c1e;
            paint-order: stroke fill;
            
            
        }
        
    }
    
}

@media screen and (max-width: 1150px) {
.how-it-works div:nth-child(-n +2):after {
    top: initial;
    bottom:-2.5rem;
    right: auto;
    transform: rotate(90deg) translate(0, 0);
}
}

.get-started {
    
    & div {
        display: flex;
        gap: 1rem;
        
        & a {
            font-family: tomorrow;
            font-weight: 500;
            border-radius: 0.15rem;
            padding:  0.75rem 2rem; 
        }
        
        & a:nth-of-type(1) {
           background: var(--user-color);
        border: 0;
        color: #000;
        
        }
        
        & a:nth-of-type(2) {
           background: transparent;
        border: 2px solid var(--user-color);
        color: #f8f8f8;
        
        
        }
        
    }
    
}


.terms {
    li {
        color: #f8f8f8;
        font-family: roboto;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1d782016 */:root {
    --section-bg: color-mix(in srgb, var(--user-color) , rgb(25,25,25) 96%);
    
}

.elementor-86582 .elementor-element.elementor-element-1d782016 {
    width: min(1500px, 95vw);
    margin-inline: auto;
    border-radius: 0.3rem;
  background: var(--section-bg);
  box-shadow: inset 0px 0px 0px 1px color-mix(in srgb, var(--user-color), rgba(255,255,255,0.3) 50%);
   padding: min(1.5rem, 2vw);
  border: 2px solid var(--user-color);
}/* 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;
}

body {
    background: var(--body-bg-toggle, #111114);
}


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

#top-bar {
    display: none;
}/* End custom CSS */