/* Define the custom fonts using @font-face */
@font-face {
    font-family: 'MyCustomFont1';
    src: url('https://new.rocketlabsqa.ovh/wp-content/rocket-test-data/fonts/ceviche-one-v11-latin-regular.woff2') format('woff2'),
    url('https://new.rocketlabsqa.ovh/wp-content/rocket-test-data/fonts/ceviche-one-v11-latin-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'MyCustomFont2';
    src: url('https://mega.wp-rocket.me/avada/wp-content/rocket-test-data/fonts/More-Punk-Than-You.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'MyCustomFont3'; /* Name of the font */
    src: url('https://mega.wp-rocket.me/avada/wp-content/rocket-test-data/fonts/bellefair-v6-latin-regular.woff2') format('woff2'),
         url('https://mega.wp-rocket.me/avada/wp-content/rocket-test-data/fonts/bellefair-v6-latin-regular.woff') format('woff'),
         url('https://mega.wp-rocket.me/avada/wp-content/rocket-test-data/fonts/bellefair-v6-latin-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Section Styling for Above the Fold */
.above-fold {
    background-color: #ffffff;
    padding: 10px 0;
    text-align: center;
    font-family: 'MyCustomFont1'; /* Custom font for above the fold */
}

.above-fold3 {
    min-height: 100vh;
    background-color: #ffffff;
    padding: 10px 0;
    text-align: center;
    font-family: 'MyCustomFont3'; /* Custom font for above the fold */
}

.above-fold h1 {
    font-weight: 700;
    color: #333;
}

.above-fold p {
    font-weight: 400;
    color: #666;

}

.font-item1 {
            font-family: 'Roboto';
          
        }


.above-fonts .font-item2 {
            font-family: 'Open Sans';
         
        }
.font-item3 {
            font-family: 'Montserrat';
    
        } 
        
.below-fold  .font-item4{
            font-family: 'Oswald';
    
        } 

/* Section Styling for Below the Fold */
.below-fold {
    height: 1600px; /* Content starts below the fold by 1800px */
    background-color: #e0e0e0;
    padding: 50px 0;
    text-align: center;
    font-family: 'MyCustomFont2'; /* Custom font for below the fold */
}

.below-fold h1 {
    font-weight: 600;
    color: #333;
}

.below-fold p {
    font-weight: 400;
    color: #666;
}