.partner-section {
    .partner-section-container {
        background: linear-gradient(
                90deg,
                rgba(246, 241, 214, 0.95) 32%,
                rgba(255, 239, 143, 0) 98%
            ),
            url('./assets/partner-with-us-bg.webp');

        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        display: flex;

        [dir='rtl'] & {
            @media (--sm-up) {
                background: linear-gradient(
                        270deg,
                        rgba(246, 241, 214, 0.95) 32%,
                        rgba(255, 239, 143, 0) 98%
                    ),
                    url('./assets/partner-with-us-bg.webp');

                background-repeat: no-repeat;
                background-size: cover;
                background-position: center center;
                display: flex;
            }
        }

        @media (--xs-down) {
            background: linear-gradient(
                    180deg,
                    #f6f1d6 53.5%,
                    rgba(255, 239, 143, 0) 100%
                ),
                url('./assets/partner-with-us-bg-sm.jpg');
            background-repeat: no-repeat;
            background-size: contain;
            background-position-y: 100%;
            min-height: 700px;
            max-height: 830px;
        }

        @media (--md-up) {
            height: 50vh;
            min-height: 550px;

            [dir='rtl'] & {
                min-height: 55vh;
            }
        }

        .content {
            padding: 4rem 2rem;

            @media (--xl-up) {
                width: var(--desktop-width);
                margin-inline: auto;
            }

            @media (--md-and-lg-only) {
                padding-inline: 4rem;
            }

            @media (--sm-down) {
                padding-block: 2rem;
            }

            h2.title {
                font-size: 40px;
                font-weight: 500;
                margin-block-end: 32px;

                @media (--xs-down) {
                    font-size: 24px;
                }
            }

            p {
                font-family: var(--strong-font-family);
                font-size: 21px;
                font-weight: 400;
                margin-block-end: 20px;
                width: auto;
                max-width: 450px;

                @media (--sm-down) {
                    font-size: 18px;
                }
            }

            .text-button {
                margin-block-start: 2rem;
                padding: 0.75rem 1.5rem;
                font-size: var(--font-size);
                background: var(--light-purple);
                color: var(--white);
                border: none;
                border-radius: 50px;
                cursor: pointer;
                display: inline-flex;
                justify-content: center;
                align-items: center;
                height: 57px;
                width: 260px;
                font-weight: 600;

                span {
                    display: flex;

                    [dir='rtl'] & {
                        flex-direction: row-reverse;
                    }
                }

                svg {
                    margin-inline-start: 12px;

                    [dir='rtl'] & {
                        margin-inline-end: 12px;
                    }

                    path {
                        fill: var(--white);
                    }
                }

                &:hover {
                    color: var(--white);
                    background-color: var(--light-purple);
                }
            }
        }
    }
}
