.benefits {
    .container {
        display: grid;
        grid-gap: 30px;
        grid-template-columns: auto 1fr;
        align-items: start;
        padding: 24px 42px 42px 42px;
        outline: 1px solid var(--c-gray-900);
        /* border: 1px solid var(--c-gray-900); */
        border-radius: var(--br-xl);

        @media (max-width: 1024px) {
            grid-template-columns: 1fr;
            padding: 20px 36px 0 36px;
        }
        @media (max-width: 440px) {
            padding: 20px 0px 0 0px;
        }

        .benefits_left {
            @media (max-width: 1024px) {
                display: none;
            }
        }
        .benefits_right {
            @media (max-width: 440px) {
                width: calc(100vw - 40px);
            }
            .benefits_top {
                display: flex;
                align-items: start;
                gap: 40px;
                margin-bottom: 20px;
                @media (max-width: 1024px) {
                    margin-bottom: 20px;
                }
                @media (max-width: 440px) {
                    padding: 0px 24px 0 24px;
                }
                .tiny {
                    @media (max-width: 1024px) {
                        display: none;
                    }
                }

                .wider {
                    @media (max-width: 1440px) {
                        display: none;
                    }
                }
                .widey {
                    @media (max-width: 1440px) {
                        display: none;
                    }
                }
                h2 {
                    &.small {
                        font-size: 74px;
                        letter-spacing: -4.5px;
                    }
                    @media (max-width: 1024px) {
                        font-size: 74px;
                        letter-spacing: -2px;
                    }
                    .mobile-footnote {
                        display: none;
                        @media (max-width: 1024px) {
                            display: block;
                        }
                    }
                    .grid-pattern {
                        margin-top: 20px;
                    }
                }
            }
            ul {
                display: grid;
                grid-template-columns: 1fr 1fr 1fr;
                gap: 0 30px;
                align-items: flex-start;
                justify-content: space-between;
                margin: 0;
                padding: 0;
                list-style: none;
                @media (max-width: 1440px) {
                    grid-template-columns: 1fr 1fr;
                }
                @media (max-width: 1024px) {
                    grid-template-columns: 1fr;
                    gap: 0;
                    margin-inline: -36px;
                }
                @media (max-width: 440px) {
                    margin-inline: 0;
                }
                li {
                    @media (max-width: 1024px) {
                        border-top: 1px solid var(--c-black);
                        padding-inline: 36px;
                    }
                    h3 {
                        margin: 0;
                        white-space: nowrap;
                        @media (max-width: 1024px) {
                            white-space: normal;
                            line-height: 100%;
                            margin-block: 16px 8px;
                            font-size: 28px;
                        }
                    }
                }
            }
        }
    }
}