@media only screen and (max-width: 575px) {
    .birthday_problem_bg {
        height: 700px !important;
    }

    .birthday_typo_right {
        min-height: 291px;
    }

    .birthday_about {
        border-radius: 17px !important;
        padding: 26px 21px !important;
        font-size: 16px !important;
    }

    .birthday_title h4 {
        font-size: 45px !important;
    }

    .birthday_title {
        padding-bottom: 8px !important;
    }

    .birthday_card {
        padding: 15px 8px !important;
    }

    .birthday_card img {
        gap: 0;
    }

    .birthday_grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 0 !important;
    }

    .birthday_title h4 {
        background: linear-gradient(0deg, rgba(255, 222, 230, 0.6) -4.96%, #713E79 -0.51%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
    }

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

    .extra_special h4 {
        font-size: 30px !important;
    }

    .birthday_typo_left h1 {
        font-size: 50px !important;
    }

    .birthday_typo_left h1 {
        font-size: 50px !important;
    }

    .birthday_typo_left, .birthday_typo_right {
        padding: 20px !important;
    }

    .birthday_typo_left h1 {
        margin: 20px 0 !important;
    }

    .big_text {
        font-size: 231px !important;
        top: 28% !important;
        left: 3% !important;
    }
    .bd_problem_bg {
        background-color: #ffe0db;
    }
    .overlay_content {
        top: 0 !important;
        left: 0 !important;
    }

    .problem_section {
        top: 0 !important;
        left: 0 !important;
    }

    .problem_title h4, .solution_title h4 {
        font-size: 32px !important;
    }

    .problem_title h4, .solution_title h4, .features_section h2 {
        background: linear-gradient(0deg, rgba(255, 222, 230, 0.6) -4.96%, #713E79 -0.51%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
    }

    .problem_statement, .solution_statement {
        font-size: 14px !important;
        padding: 0 !important;
    }

    .problem_img, .solution_img, .balloon {
        display: none !important;
    }

    .solution_section {
        top: 0 !important;
        left: 0 !important;
    }

    .container_birthday h2 {
        font-size: 40px !important;
    }

    .feature {
        font-size: 14px !important;
    }

    .visit_section {
        margin: 0 !important;
    }

    .visit_text {
        font-size: 16px !important;
    }

    .visit_btn a {
        font-size: 12px !important;
        padding: 10px 10px !important;
    }

    .visit_btn a img {
        width: 32px !important;
    }

    .visit_text h2 {
        font-size: 58px !important;
    }

    .desc {
        font-size: 18px !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 374px) {
    .birthday_grid {
        gap: 0 !important;
    }

    .birthday_about {
        border-radius: 17px !important;
        padding: 22px 18px !important;
        font-size: 14px !important;
    }

    .birthday_grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .container_birthday h2 {
        font-size: 40px !important;
    }
    .birthday_grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .big_text {
        font-size: 177px !important;
        top: 42% !important;
        left: 4% !important;
    }
    .overlay_content {
        top: 0 !important;
        left: 0 !important;
    }
    .problem_section {
        top: -5px !important;
        left: 16px !important;
    }

    .problem_title h4, .solution_title h4 {
        font-size: 20px !important;
    }

    .problem_statement, .solution_statement {
        font-size: 14px !important;
        padding: 0 !important;
    }

    .problem_img, .solution_img, .balloon {
        display: none !important;
    }

    .solution_section {
        top: 1px !important;
        left: 11px !important;
    }

    .features_grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .feature {
        font-size: 14px !important;
    }

    .visit_img {
        display: none !important;
    }

    .visit_section {
        margin: 0 !important;
    }

    .visit_text {
        font-size: 16px !important;
    }

    .visit_btn a {
        font-size: 12px !important;
        padding: 10px 10px !important;
    }

    .visit_btn a img {
        width: 32px !important;
    }

    .visit_text h2 {
        font-size: 50px !important;
    }
    .desc {
        font-size: 18px !important;
    }
    .problem_bg {
        background-color: #ffe0db;
        padding: 10px 0 !important;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .birthday_about {
        border-radius: 30px !important;
        padding: 38px 34px !important;
    }

    .birthday_grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr) !important;
    }

    .balloon {
        display: none;
    }

    .container_birthday h2 {
        font-size: 40px !important;
    }

    .birthday_problem_bg {
        height: 700px !important;
    }

    .big_text {
        font-size: 231px !important;
        top: 25% !important;
        left: 3% !important;
    }
    .bd_problem_bg {
        background: #ffe0db;
    }
    .overlay_content {
        top: -61px !important;
        left: -83px !important;
    }
    .problem_section {
        top: -25px !important;
        left: 24px !important;
    }

    .problem_title h4, .solution_title h4 {
        font-size: 40px !important;
    }

    .problem_statement, .solution_statement {
        font-size: 18px !important;
        padding: 0 !important;
    }

    .problem_img, .solution_img, .balloon {
        display: none !important;
    }

    .solution_section {
        top: 37px !important;
        left: 12px !important;
    }

    .features_grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .feature {
        font-size: 14px !important;
    }

    .visit_img {
        display: none !important;
    }

    .visit_section {
        margin: 0 !important;
    }

    .visit_text {
        font-size: 16px !important;
    }

    .visit_btn a {
        font-size: 16px !important;
        padding: 10px 10px !important;
    }

    .visit_text h2 {
        font-size: 58px !important;
    }

    .desc {
        font-size: 18px !important;
    }

    .birthday_typo_left h1 {
        font-size: 50px !important;
    }

    .birthday_typo_left, .birthday_typo_right {
        padding: 20px !important;
    }

    .birthday_typo_left h1 {
        margin: 20px 0 !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1445px) {
    .big_text {
        font-size: 372px !important;
        top: 18% !important;
        left: -9% !important;
    }

    .birthday_grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr) !important;
    }

    .balloon {
        display: none;
    }

    .problem_section {
        top: 19px !important;
        left: -15% !important;
    }

    .problem_title h4, .solution_title h4 {
        font-size: 48px !important;
    }

    .problem_statement, .solution_statement {
        font-size: 16px !important;
        padding: 0 !important;
    }

    .balloon {
        display: none !important;
    }

    .solution_section {
        top: -7% !important;
        left: -18% !important;
    }

    .container_birthday h2 {
        font-size: 62px !important;
    }

    .feature {
        font-size: 18px !important;
    }

    .visit_img {
        display: none !important;
    }

    .visit_text {
        font-size: 18px !important;
    }

    .visit_btn a {
        font-size: 16px !important;
        padding: 12px 12px !important;
    }

    .visit_btn a img {
        width: 42px !important;
    }

    .visit_text h2 {
        font-size: 108px !important;
    }

    .desc {
        font-size: 18px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .big_text {
        font-size: 372px !important;
        top: 18% !important;
        left: -9% !important;
    }

    .birthday_grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr) !important;
    }

    .balloon {
        display: none;
    }

    .overlay_content {
        top: -13px !important;
        left: 45px !important;
    }

    .problem_section {
        top: -5px !important;
        left: -5px !important;
    }

    .problem_title h4, .solution_title h4 {
        font-size: 48px !important;
    }

    .problem_statement, .solution_statement {
        font-size: 16px !important;
        padding: 0 !important;
    }

    .balloon {
        display: none !important;
    }

    .solution_section {
        top: 57px !important;
        left: 16px !important;
    }

    .container_birthday h2 {
        font-size: 54px !important;
    }

    .feature {
        font-size: 16px !important;
    }

    .visit_img {
        display: none !important;
    }

    .problem_bg {
        background-color: #ffe0db;
    }

    .visit_section {
        margin: 0 !important;
    }

    .visit_text {
        font-size: 18px !important;
    }

    .visit_btn a {
        font-size: 16px !important;
        padding: 10px 10px !important;
    }

    .visit_btn a img {
        width: 42px !important;
    }

    .visit_text h2 {
        font-size: 100px !important;
    }
    .desc {
        font-size: 18px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .big_text {
        font-size: 352px !important;
        top: 3% !important;
        left: 13% !important;
    }

    .birthday_grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr) !important;
    }

    .balloon {
        display: none;
    }

    .overlay_content {
        top: -8px !important;
        left: 11px !important;
    }

    .problem_section {
        top: -1px !important;
        left: 36px !important;
    }

    .problem_title h4, .solution_title h4 {
        font-size: 48px !important;
    }

    .problem_statement, .solution_statement {
        font-size: 16px !important;
        padding: 0 !important;
    }

    .problem_img, .solution_img, .balloon {
        display: none !important;
    }

    .solution_section {
        top: 20px !important;
        left: 23px !important;
    }

    .container_birthday h2 {
        font-size: 48px !important;
    }

    .features_grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .feature {
        font-size: 18px !important;
    }

    .visit_img {
        display: none !important;
    }

    .problem_bg {
        background-color: #ffe0db;
    }

    .visit_section {
        margin: 0 !important;
    }

    .visit_text {
        font-size: 18px !important;
    }

    .visit_btn a {
        font-size: 16px !important;
        padding: 10px 10px !important;
    }

    .visit_btn a img {
        width: 42px !important;
    }

    .visit_text h2 {
        font-size: 94px !important;
    }

    .desc {
        font-size: 18px !important;
    }
}