@use '../consts.scss' as consts;
@use '../mixins.scss' as mixins;

.about-us {
    display: flex;
    gap: 30px;

    @include mixins.media(sm) {
        flex-direction: column;

        & > div {
            width: 100%;
        }
    }

    & > div {
        width: 650px;

        @include mixins.media(md) {
            width: 348px;
        }
    }

    .about-us-right {
        .content {
            width: 490px;
            margin: auto;

            .heading, .description {
                margin-bottom: 40px;

                @include mixins.media(sm) {
                    margin-bottom: 30px;
                }
            }

            @include mixins.media(md) {
                width: 300px;
            }

            .description {
                font-family: Raleway;
                font-size: 16px;
                font-weight: 500;
                line-height: 18.78px;
                text-align: left;
                text-underline-position: from-font;
                text-decoration-skip-ink: none;


                @include mixins.media(md) {
                    font-size: 14px;
                }
            }
        }

        .about-us-menu-link {
            font-family: Cormorant Garamond;
            font-size: 24px;
            font-style: italic;
            font-weight: 700;
            line-height: 24px;
            text-align: center;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
            color: #DDBD8D;
            text-decoration: none;

            .fancy-arrow {
                margin-left: 10px;
            }
        }

        .about-us-lady {
            margin-top: 80px;

            @include mixins.media(md) {
                margin-top: 40px;
            }
        }
    }
}