@import url('style.css');
@media (max-width: 1024px) {
    .landing {
        height: 750px;
    }

    .landing-content__title {
        width: 600px;
        padding-top: 85px;
    }

    .landing-content__img {
        right: -150px;
        top: -65px;
    }

    .landing-content__title {
        right: 20px;
    }

    .landing-content__btn {
        margin-top: 45px;
    }

    .answer1-desc,
    .answer2-desc,
    .answer3-desc,
    .answer4-desc {
        display: none;
    }

    .answer1-tablet,
    .answer2-tablet,
    .answer3-tablet,
    .answer4-tablet {
        display: block;
        width: 100%;
    }

    .answer1-tablet,
    .answer2-tablet,
    .answer3-tablet,
    .answer4-tablet {
        display: block;
    }

    .answer1-mob,
    .answer2-mob,
    .answer3-mob,
    .answer4-mob {
        display: none;
    }
}

@media (max-width: 768px) {

    .text-desc {
        display: none;
    }

    .text-mob {
        display: block;
    }

    .landing-logo {
        padding-top: 16px;
    }

    .logo-mob {
        display: block;
    }

    .logo-desc {
        display: none;
    }

    .landing {
        background-image: url('./assets/bg-mob.png');
        height: 400px;
        overflow: hidden;
    }

    .star {
        display: none;
    }

    .landing-content__title {
        width: 284px;
        padding-top: 20px;
        right: 10px;
    }

    .landing-content__img {
        width: 300px;
        right: -100px;
        top: -40px;
    }

    .landing-content__btn {
        margin-top: 45px;
        width: 129px;
        left: 50%;
        transform: translateX(-50%);
    }

    .landing-content__btn button {
        height: 43px;
        padding: 17px 18px;
        font-size: 14px;
        gap: 7px;
        border-radius: 7.214px;
    }

    .landing-content__btn img {
        width: 21px;
        height: 21px;
    }


    .btn-light {
        width: 129px;
        height: 44px;
        filter: blur(24.303085327148438px);
        z-index: 0;
    }

    .faq {
        padding: 36px 0 20px;
    }

    .faq h2 {
        font-size: 18px;
    }

    .question1-desc,
    .question2-desc,
    .question3-desc,
    .question4-desc {
        display: none;
    }

    .question1-mob,
    .question2-mob,
    .question3-mob,
    .question4-mob {
        display: block;
    }

    .answer1-mob,
    .answer2-mob,
    .answer3-mob,
    .answer4-mob {
        display: block;
        width: 100%;
    }

    .answer1-tablet,
    .answer2-tablet,
    .answer3-tablet,
    .answer4-tablet {
        display: none;
    }

}