.why-fortune__container {
    background-color: var(--color-bg-white);
    background-image: url("../../../../assets/images/why-fortune/why-fortune-bg.webp");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 100%;

    .landing-container {
        padding-block: 120px;

        .learn-more-link--mobile {
            display: none;
        }

        .why-fortune__image {
            width: 100%;
            height: auto;
            max-width: 835px;
            max-height: 590px;

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

.why-fortune__content {
    max-width: 584px;

    .learn-more-link {
        margin-top: 48px;
    }

    .why-fortune__content--inner {
        gap: 14px;

        .why-fortune__block-title {
            font-size: 56px;
            line-height: 114%;
            letter-spacing: -1%;
            font-weight: 700;
            margin-bottom: 6px;
        }

        .why_fortune__block-descr {
            color: var(--color-text-muted);
        }
    }
}

@media screen and (max-width: 1440px) {
    .why-fortune__container {
        .landing-container {
            .why-fortune__image {
                max-width: 686px;
                max-height: 100%;
            }
        }
    }

    .why-fortune__content {
        .learn-more-link {
            margin-top: 48px;
        }

        .why-fortune__content--inner {
            gap: 14px;

            .why_fortune__block-descr {
                font-size: 18px;
            }
        }
    }
}

@media screen and (max-width: 1200px) {
    .why-fortune__container {
        .landing-container {
            padding-inline: 16px;
        }
    }
}

@media screen and (max-width: 1024px) {
    .why-fortune__container {
        .landing-container {
            padding-block: 80px;
            max-width: 714px;
            flex-direction: column;
            align-items: flex-start;

            .why-fortune__content {
                max-width: 520px;

                .why-fortune__content--inner {
                    .why-fortune__block-title {
                        font-size: 42px;
                        line-height: 116%;
                        letter-spacing: -0.5%;
                    }
                }
            }
        }
    }
}

@media screen and (max-width: 576px) {
    .why-fortune__container {
        .landing-container {
            padding-block: 60px;
            max-width: 100%;
            flex-direction: column;
            align-items: flex-start;

            .why-fortune__content {
                max-width: 100%;
                margin-bottom: 24px;

                .learn-more-link {
                    display: none;
                }

                .why-fortune__content--inner {
                    gap: 8px;

                    .why-fortune__block-title {
                        font-size: 24px;
                        line-height: 116%;
                        letter-spacing: -0.5%;
                    }

                    .why_fortune__block-descr {
                        font-size: 13px;
                    }
                }
            }

            .learn-more-link--mobile {
                margin-top: 0;
                display: inline-flex;
                align-self: center;
                font-size: 14px;
                font-weight: 700;
            }
        }
    }
}