.elementor-320128 .elementor-element.elementor-element-3bca5e6{border-style:none;padding:0px 0px 0px 0px;}.elementor-320128 .elementor-element.elementor-element-3ba21aa > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0 0 0 0;}.elementor-320128 .elementor-element.elementor-element-3ba21aa > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-320128 .elementor-element.elementor-element-782a58f > .elementor-widget-container{border-style:none;}.elementor-320128 .elementor-element.elementor-element-20a01a4{margin-top:min(1rem, 3vw);margin-bottom:min(2rem, 3vw);padding:0px 0px 0px 0px;}.elementor-320128 .elementor-element.elementor-element-c7edb4c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-320128 .elementor-element.elementor-element-c7edb4c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-320128 .elementor-element.elementor-element-591ca29{margin-top:min(1rem, 3vw);margin-bottom:min(2rem, 3vw);padding:0px 0px 0px 0px;}.elementor-320128 .elementor-element.elementor-element-fb516b7 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-320128 .elementor-element.elementor-element-fb516b7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-320128 .elementor-element.elementor-element-cd5e5af{margin-top:min(1rem, 3vw);margin-bottom:min(2rem, 3vw);padding:0px 0px 0px 0px;}.elementor-320128 .elementor-element.elementor-element-b8d0e02 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-320128 .elementor-element.elementor-element-b8d0e02 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}body.elementor-page-320128:not(.elementor-motion-effects-element-type-background), body.elementor-page-320128 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111114;}@media(max-width:1700px){.elementor-320128 .elementor-element.elementor-element-782a58f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-782a58f *//* Banner Main */
    .banner {
        display: flex;
        align-items: end;
        justify-content: center;
        height: 300px;
        background-image: url('https://gamerbulk.com/wp-content/uploads/2025/09/Pear-O-Maniac-Banner-BG.jpg');
        background-size: cover;
        
        
        &:before {
            content:"";
            background: rgba(0,0,0,0.7);
            width: 100%;
            height: 100%;
            position: absolute;
            
        }
        
        & * {
            z-index: 1;
        }
        
        & h1 {
            font-family: tomorrow;
            font-weight: 500;
            color: #f8f8f8;
            text-transform: uppercase;
            font-size: min(3rem, 10vw);
            text-align: center;
            padding-bottom: 1rem;
            
        }
        

    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c41e86a */.elementor-320128 .elementor-element.elementor-element-c41e86a {
    & a {
            color: #f8f8f8;
            text-decoration: underline;
            
            &:hover {
                color: #fee401;
            }
        }
}

.steps-section {
    display: flex;
    flex-direction: column;
    border-radius: 0.6rem;
    color: #f8f8f8;
    padding: min(2rem, 3vw);
    background: rgba(0,0,0,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    
    
    & h3, & h2{
        margin-top: 0;
        padding: 0;
        font-family: tomorrow;
            font-weight: 500;
            text-transform: uppercase;
    }
}

.steps-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    overflow-x: auto;
    
    
    grid-template-columns: repeat(3, minmax(300px, 100%));
        grid-auto-flow: column;  
    
    
}




.step {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    
        background: rgba(255,255,255,0.1);
        border: 1px solid rgba(255,255,255,0.1);
        border-radius: 0.4rem;
        padding: min(1rem, 3vw);
        
        & ul {
            
            padding: 0;
            margin-top: 1rem;
            
            & li {
            list-style: none;
            background: rgba(0,0,0,0.2);
            border: 0 solid rgba(255,255,255,0.1);
            border-inline-start-width: 5px;
            
            padding: 0.5rem;
            border-radius: 0.2rem;
            position: relative;

            &:not(:last-child) {
                margin-bottom: 0.5rem;
                
            }
        }
        }
        
        
        
        
    }
    
    

    .strafe-notice {
        background: rgba(255,255,255,0.1);;
        margin-bottom: 1rem;
        color: #f8f8f8;
        padding: min(1rem, 3vw);
        border-radius: 0.6rem;
        border: 1px solid rgba(255,255,255,0.1);
        
        
        
    }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-20a01a4 */.elementor-320128 .elementor-element.elementor-element-20a01a4 {
    width: min(1420px, 96vw) !important;
    margin-inline: auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2646a90 */.faq-boxes {
    display: flex;
    flex-direction: column;
    gap: min(1rem, 5vw);
    background: rgba(0,0,0,0.1);
    padding: min(2rem, 5vw);
    border-radius: 0.6rem;
    color: #f8f8f8;
    border: 1px solid rgba(255,255,255,0.1);
    
    & h2{
        margin: 0;
        padding: 0;
        font-family: tomorrow;
            font-weight: 500;
            text-transform: uppercase;
    }
    
    & p {
        font-family: roboto;
        margin: 0;
    }
    
    
    & details {
        background: rgba(255,255,255,0.1);
        
        border-radius: 0.4rem;
        border: 1px solid rgba(255,255,255,0.1);
        
        & summary {
           border-width: 0 0 1px 0;
           padding: min(0.8rem, 3vw);
           font-family: tomorrow;
           text-transform: uppercase;
           font-weight: 500;
           cursor: pointer;
           user-select: none;
           
        
           
        }
        
        & p {
            padding: min(0.8rem, 3vw);
            background: rgba(0,0,0,0.2)
        }
        
    }
    
    
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-591ca29 */.elementor-320128 .elementor-element.elementor-element-591ca29 {
    width: min(1420px, 96vw) !important;
    margin-inline: auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d49a414 */.elementor-320128 .elementor-element.elementor-element-d49a414 div {
    display: flex;
    justify-content: center;
    
    & button {
        background: #fee401;
        color: #000;
        border-radius: 0.4rem;
        font-size: min(1.5rem, 5vw);
        border: 2px solid #fee401;
        
        &:hover {
            background: transparent;
            color: #fee401;
            
        }
        
    }
    
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-cd5e5af */.elementor-320128 .elementor-element.elementor-element-cd5e5af {
    width: min(1420px, 96vw) !important;
    margin-inline: auto;
}/* End custom CSS */
/* Start custom CSS */#header-section,
#searchtoggle {
    position: fixed;
    width: min(1420px, 96vw);
    left: 50% !important;
    transform: translateX(-50%);

}

#footer-section {
   width: min(1420px, 96vw); 
}


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