@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;
}

.display-none {
    display: none;
}

.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-testimonial {
    margin-left: -200px;
    margin-bottom: -70px;
}

.hero-star {
    color: #FFEB3B;
}

.hero-text {
    margin-top: -10px;
    font-size: 12px;
}

.hero-text-author {
    margin-top: -10px;
    font-size: 12px;
}

.hero picture {
    display: block;
}

.hero-img {
    display: block;
    margin: 20px auto;
    width: 780px;
}

.hero-mobile {
    display: none;
}

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

.hero-cta {
    display: block;
    margin: -40px auto;
    width: 350px;
}

.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(-97px) translateY(-350px);
}

.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;
}

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

.enrico-content {
    margin-top: -20px;
}

.angelo-mirabella-img {
    width: 1100px;
}

.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;
    width: 65%;
}

.promo-two-img,
.promo-three-img {
    width: 65%;
}

.popup-seven-img {
    width: 650px;
}

.popup-eight-img {
    width: 900px;
}

.cta-one-img {
    width: 750px;
}

.step-by-step-img {
    width: 800px;
}

.submit-question-button {
    width: 50%;
}

.red {
    color: #FF0101
}

.orange {
    color: #FF4501;
}

.bg-gray {
    background: #f9f9f9;
}

.bg-orange {
    background: #FF4501;
}

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

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

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

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

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

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

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

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

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

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

.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: 40px auto 0;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

.submit-question-button[disabled] {
    opacity: 0.7;
    cursor: not-allowed;
}

.g-recaptcha {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.form-message {
    margin-top: 15px;
    text-align: center;
    font-size: 16px;
}

.form-message.success {
    color: #189f4d;
}

.form-message.error {
    color: #d93025;
}

.form-message.info {
    color: #333333;
}

@media screen and (min-width: 1281px) and (max-width: 1919px) {
    .hero-img {
        margin-top: 40px;
        width: 780px !important;
    }

    .hero-cta {
        margin-top: -40px;
        width: 350px;
    }

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

@media screen and (max-width: 1280px) {
    .hero-img {
        margin-top: 40px;
        width: 780px;
    }

    .hero-cta {
        width: 400px;
    }

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

    .cta-one-img {
        width: 50%;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .hero-img {
        margin-top: 40px;
        width: 780px;
    }

    .hero-cta {
        margin-top: -20px;
        width: 400px;
    }

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

    .cta-one-img {
        width: 70%;
    }
}

@media screen and (min-width: 912px) and (max-width: 1023px) {
    .hero-img {
        margin-top: 40px;
        width: 780px;
    }

    .hero-video {
        display: block;
        margin: 0 auto;
        width: 530px;
        transform: translateX(-93px) translateY(-343px)!important;
    }

    .hero-cta {
        margin-top: -20px;
    }
}

/* 200% */
@media screen and (min-width: 853px) and (max-width: 911px) {
    .logo {
        display: block;
        margin: 20px auto;
    }

    .hero-img {
        margin-top: 40px;
        width: 780px !important;
    }

    .hero-video {
        display: block;
        margin: 0 auto;
        width: 480px;
        transform: translateX(-85px) translateY(-310px);
    }

    .hero-cta {
        margin-top: 10px;
    }

    .cta-one-img {
        width: 80%;
    }
}

@media screen and (min-width: 767px) and (max-width: 820px) {
    .hero-img {
        margin-top: 50px;
    }

    .hero-video {
        display: block;
        margin: 0 auto;
        width: 450px;
        transform: translateX(-80px) translateY(-295px);
    }

    .hero-cta {
        margin-top: 30px;
        margin-bottom: 30px;
        width: 50%;
    }

    .awards-content {
        margin-top: -10px;
    }

    .cta-one-img {
        width: 80%;
    }
}

/* 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 {
        margin-top: 40px;
    }
    
    .hero-img-mobile {
        max-width: 100%;
        height: auto;
    }
    
    .hero-video {
        display: block;
        margin: 0 auto;
        width: 520px;
        transform: translateX(-93px) translateY(-337px);
    }
    
    .hero-cta {
        margin-top: -170px;
        margin-bottom: 20px;
        width: 50%;
    }

    .awards-content {
        margin-top: -80px !important;
    }
    
    /* 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;
    }
}

/* 250% */
@media screen and (min-width: 540px) and (max-width: 767px) {
    .hero-img {
        margin-top: 50px;
    }

    .hero-video {
        display: block;
        margin: 0 auto;
        width: 370px !important;
        transform: translateX(-65px) translateY(-245px) !important;
    }

    .hero-cta {
        margin-top: -80px !important;
    }

    .awards-content {
        margin-top: -20px !important;
    }

    .hero-star {
        margin-left: 200px;
    }

    .hero-text {
        margin-left: 200px;
    }

    .hero-text-author {
        margin-left: 200px;
    }

    .cta-one-img-mobile {
        display: block;
    }

    .cta-one-img {
        display: none;
    }
}

@media screen and (min-width: 430px) and (max-width: 479px) {
    .hero-testimonial {
        display: none;
    }

    .hero-video {
        display: block;
        margin: 0 auto;
        width: 325px !important;
        transform: translateX(1px) translateY(-260px) !important;
    }

    .hero-cta {
        margin-top: -60px;
        margin-bottom: 80px;
        display: block;
        width: 100%;
    }

    .cta-one-img-mobile {
        display: block;
    }

    .cta-one-img {
        display: none;
    }

    .popup-seven-img,
    .popup-eight-img,
    .angelo-mirabella-img,
    .step-by-step-img,
    .promo-one-img,
    .promo-two-img,
    .promo-three-img {
        width: 100%
    }

    .promo-section {
        margin-top: -20px;
    }

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

/* Pixel 7 and Iphone XR */
@media screen and (min-width: 412px) and (max-width: 414px) {
    .hero-video {
        display: block;
        margin: 0 auto;
        width: 315px !important;
        transform: translateX(1px) translateY(-255px) !important;
    }

    .hero-testimonial {
        display: none;
    }

    .hero-cta {
        margin-top: -60px;
        margin-bottom: 80px;
        display: block;
        width: 100%;
    }

    .cta-one-img-mobile {
        display: block;
    }

    .cta-one-img {
        display: none;
    }

    .popup-seven-img,
    .popup-eight-img,
    .angelo-mirabella-img,
    .step-by-step-img,
    .promo-one-img,
    .promo-two-img,
    .promo-three-img {
        width: 100%
    }

    .promo-section {
        margin-top: -20px;
    }

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

/* Iphone 12 Pro */
@media screen and (min-width: 390px) and (max-width: 393px){
    .hero-video {
        display: block;
        margin: 0 auto;
        width: 300px !important;
        transform: translateX(1px) translateY(-240px) !important;
    }

    .hero-testimonial {
        display: none;
    }

    .hero-cta {
        margin-top: -50px;
        margin-bottom: 80px;
        display: block;
        width: 100%;
    }

    .cta-one-img-mobile {
        display: block;
    }

    .cta-one-img {
        display: none;
    }

    .popup-seven-img,
    .popup-eight-img,
    .angelo-mirabella-img,
    .step-by-step-img,
    .promo-one-img,
    .promo-two-img,
    .promo-three-img {
        width: 100%
    }

    .promo-section {
        margin-top: -20px;
    }

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

/* Iphone SE */
@media screen and (max-width: 375px) {
    .hero-video {
        display: block;
        margin: 0 auto;
        width: 285px !important;
        transform: translateX(1px) translateY(-230px) !important;
    }

    .hero-testimonial {
        display: none;
    }

    .hero-cta {
        margin-top: -40px;
        margin-bottom: 80px;
        display: block;
        width: 100%;
    }

    .cta-one-img-mobile {
        display: block;
    }

    .cta-one-img {
        display: none;
    }

    .popup-seven-img,
    .popup-eight-img,
    .angelo-mirabella-img,
    .step-by-step-img,
    .promo-one-img,
    .promo-two-img,
    .promo-three-img {
        width: 100%
    }

    .promo-section {
        margin-top: -20px;
    }

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

/* S8 */
@media screen and (max-width: 360px) {
    .hero-video {
        display: block;
        margin: 0 auto;
        width: 275px !important;
        transform: translateX(1px) translateY(-223px) !important;
    }

    .hero-cta {
        margin-bottom: 80px;
    }
}

@media screen and (min-width: 344px) and (max-width: 359px) {
    .hero-video {
        display: block;
        margin: 0 auto;
        width: 260px !important;
        transform: translateX(1px) translateY(-215px) !important;
    }

    .hero-mobile {
        margin-top: -30px;
    }
    
    .hero-cta {
        margin-top: -30px;
    }
}