@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*, *::before, *::after {
    box-sizing: border-box;
}

.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    will-change: opacity, transform;
}

.fade-in.is-visible {
    opacity: 1;
    transform: translateY(0);
}

body {
    width: 100%;
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    height: auto;
}

.section-header {
    text-align: center;
}

.section-content {
    width: 100%;
    padding: 10px;
    text-align: center;
}

.form-content {
    max-width: 800px;
    margin: 0 auto;
    padding: 10px;
    border: 2px solid #F5F5F5BF;
}

.centered-align-left-700 {
    max-width: 700px;
    margin: 0 auto;
    text-align: left;
    margin-top: -20px;
}

.centered-align-left-600 {
    max-width: 600px;
    margin: 0 auto;
    text-align: left;
    margin-top: -30px;
}

.disclaimer {
    width: 100%;
    padding: 70px;
}

.disclaimer-form {
    padding: 20px;
    background-color: #F5F5F5BF;
    font-size: 12px;
}

.footer {
    width: 100%;
    padding: 20px;
    text-align: center;
    color: white;
}

.form {
    padding: 40px;
    margin-top: -30px;
}

.text-center {
    text-align: center;
}

.tahoma {
    font-family: Tahoma, sans-serif;
}

.orbitron {
    font-family: "Orbitron", sans-serif;
}

.poppins {
    font-family: "Poppins", sans-serif;
}

.poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

strong {
    font-weight: 600;
}

.logo {
    width: 280px;
    margin-left: 20px;
}

.hero {
    position: relative;
    margin-left: 150px;
    margin-bottom: -300px;
}

.hero picture {
    display: block;
}

.hero-img {
    display: block;
    margin: 0 auto;
}

.hero-mobile {
    display: none;
}

.hero-img-mobile {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

.hero-cta {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

.hero-cta-link {
    display: block;
    text-decoration: none;
}

.cta-link {
    display: block;
    text-decoration: none;
}

.hero-video {
    display: block;
    margin: 0 auto;
    width: 540px;
    transform: translateX(-95px) translateY(-325px);
}

.award-img {
    margin-top: -10px;
}

.section-content picture {
    display: block;
}

.section-content picture img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.enrico-feature {
    display: block;
}

.full-bleed-mobile {
    display: block;
}

.message-three-img {
    margin-top: -45px;
}

.message-six-img {
    margin-top: -20px;
}

.promo-fourteen-img {
    margin-top: -40px;
}

.custom-report-text {
    margin-top: -40px;
}

.next-wsop-text {
    margin-top: -20px;
}

.raj-award-text {
    margin-top: 10px;
}

.promo-one-img {
    margin-top: -20px;
}

.red {
    color: #FF0101
}

.orange {
    color: #FF4501;
}

.bg-gray {
    background: #f9f9f9;
}

.bg-orange {
    background: #FF4501;
}

.fs-70 {
    font-size: 70px;
    letter-spacing: 1px;
}

.fs-40 {
    font-size: 40px;
    letter-spacing: 1px;
}

.fs-36 {
    font-size: 36px;
    letter-spacing: 1px;
}

.fs-32 {
    font-size: 32px;
    letter-spacing: 1px;
}

.fs-28 {
    font-size: 28px;
    letter-spacing: 1px;
}

.fs-26 {
    font-size: 26px;
    letter-spacing: 1px;
}

.fs-24 {
    font-size: 24px;
    letter-spacing: 1px;
}

.fs-22 {
    font-size: 22px;
    letter-spacing: 1px;
}

.fs-20 {
    font-size: 20px;
}

.fs-18 {
    font-size: 18px;
}

.fs-16 {
    font-size: 16px;
    letter-spacing: 1px;
}

.no-margin {
    margin: 0px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-10 {
    margin-top: 10px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-5 {
    margin-bottom: 5px;
}

input {
    width: 100%;
    padding: 10px;
    border: 2px solid #ECEFF1;
    font-family: "Poppins", sans-serif;
}

textarea {
    width: 100%;
    padding: 10px;
    border: 2px solid #ECEFF1;
}

/* Checkbox and label alignment */
input[type="checkbox"] {
    width: auto;
    margin-right: 10px;
    vertical-align: top;
    margin-top: 2px;
}

label {
    display: inline-block;
    vertical-align: top;
    line-height: 1.4;
    font-size: 12px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
}

.checkbox-container {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: nowrap;
}

.checkbox-container label {
    flex: 1;
    display: block;
    margin: 0;
}

.submit-question-button {
    display: block;
    margin: 0 auto;
    margin-top: 40px;
}

/* Mobile Responsive Styles */
@media screen and (max-width: 768px) {
    /* Logo adjustments */
    .logo {
        width: 200px;
        display: block;
        margin: 15px auto 0;
    }
    
    /* Hero section adjustments */
    .hero {
        margin-left: 0;
        margin-bottom: -150px;
    }
    
    .hero-mobile {
        display: block;
    }
    
    .hero-img-mobile {
        max-width: 100%;
        height: auto;
    }
    
    .hero-video {
        display: block;
        margin: 0 auto;
        width: 290px;
        transform: translateX(2px) translateY(-310px);
    }
    
    .hero-cta {
        max-width: 100%;
        height: auto;
    }
    
    /* Font size adjustments for mobile */
    .fs-70 {
        font-size: 32px;
    }
    
    .fs-40 {
        font-size: 22px;
    }
    
    .fs-36 {
        font-size: 32px;
    }
    
    .fs-32 {
        font-size: 18px;
    }
    
    .fs-28 {
        font-size: 24px;
    }
    
    .fs-26 {
        font-size: 28px;
    }
    
    .fs-24 {
        font-size: 18px;
    }
    
    .fs-22 {
        font-size: 16px;
    }
    
    .fs-20 {
        font-size: 14px;
    }
    
    .fs-18 {
        font-size: 13px;
    }
    
    .fs-16 {
        font-size: 18px; /* Mobile View Adjusments */
    }
    
    /* Section content adjustments */
    .section-content {
        padding: 15px 25px;
    }
    
    .centered-align-left-700,
    .centered-align-left-600 {
        padding: 0 25px;
    }

    .awards-picture {
        margin-bottom: 20px;
    }

    .step-by-step-img {
        padding: 20px;
    }

    .enrico-feature img {
        width: 100%;
    }
    
    /* Form adjustments */
    .form-content {
        margin: 0 10px;
        padding: 15px;
    }
    
    .form {
        padding: 20px;
    }
    
    /* Disclaimer adjustments */
    .disclaimer {
        padding: 30px 25px;
    }

    /* Margin adjustments for mobile */
    .mt-70 {
        margin-top: 40px;
    }
    
    .mt-50 {
        margin-top: 30px;
    }
    
    .mt-40 {
        margin-top: 25px;
    }
    
    .mt-30 {
        margin-top: 20px;
    }
    
    .mt-20 {
        margin-top: 15px;
    }
    
    .mt-10 {
        margin-top: 10px;
    }
    
    .mb-50 {
        margin-bottom: 30px;
    }
    
    .mb-40 {
        margin-bottom: 25px;
    }
    
    .mb-30 {
        margin-bottom: 20px;
    }
    
    .mb-20 {
        margin-bottom: 15px;
    }
    
    .mb-10 {
        margin-bottom: 10px;
    }
    
    /* Image adjustments */
    img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    
    /* Specific image adjustments */
    .award-img,
    .message-three-img,
    .message-six-img,
    .promo-fourteen-img,
    .promo-one-img {
        max-width: 100%;
        height: auto;
    }

    .message-three-img {
        margin-top: -20px;
    }

    .full-bleed-mobile {
        margin-left: -25px;
        margin-right: -25px;
        width: calc(100% + 50px);
        margin-bottom: -15px;
    }
    
    /* Custom adjustments for specific elements */
    .custom-report-text {
        margin-top: -20px;
    }
    
    .next-wsop-text {
        margin-top: 20px;
    }
    
    .raj-award-text {
        margin-top: 5px;
    }
    
    /* Input and textarea adjustments */
    input, textarea {
        font-size: 16px; /* Prevents zoom on iOS */
    }
    
    /* Checkbox container adjustments */
    /* Footer adjustments */
    .footer {
        padding: 15px;
    }
}

/* Extra small mobile devices */
@media screen and (max-width: 480px) {
    .logo {
        width: 250px;
        display: block;
        margin: 20px auto 0;
    }
    
    /* Hero section adjustments for extra small mobile */
    .hero {
        margin-left: 0;
        margin-bottom: -100px;
    }
    
    .hero-mobile {
        display: block;
    }
    
    .hero-cta {
        max-width: 100%;
        height: auto;
    }
    
    .fs-70 {
        font-size: 28px;
    }
    
    .fs-40 {
        font-size: 30px;
    }
    
    .fs-36 {
        font-size: 32px;
    }
    
    .fs-32 {
        font-size: 20px;
    }

    .fs-22 {
        font-size: 18px;
    }
    
    .section-content {
        padding: 10px 20px;
    }

    .enrico-feature img {
        width: 100%;
    }

    .full-bleed-mobile img {
        width: 100%;
        margin-bottom: 0;
    }

    .full-bleed-mobile {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
        margin-bottom: -10px;
    }
    
    .form-content {
        margin: 0 5px;
        padding: 10px;
    }
    
    .form {
        padding: 15px;
    }
    
    .disclaimer {
        padding: 20px 20px;
    }

    .promo-fourteen-img {
        margin-top: -30px;
    }
}