.tf-spacing-1 {
    padding-top: 133px;
    padding-bottom: 130px;
}

.tf-spacing-2 {
    padding-top: 72px;
    padding-bottom: 71px;
}

.tf-spacing-3 {
    padding-top: 0;
    padding-bottom: 75px;
}

.tf-spacing-4 {
    margin-top: 0;
    margin-bottom: 135px;
}

.tf-spacing-5 {
    margin-top: 0;
    margin-bottom: 94px;
}

.tf-spacing-6 {
    margin-top: 0;
    margin-bottom: 102px;
}

.tf-spacing-7 {
    margin-top: 0;
    margin-bottom: 127px;
}

.tf-spacing-8 {
    margin-top: 0;
    margin-bottom: 228px;
}

.tf-spacing-9 {
    margin-top: 0;
    margin-bottom: 178px;
}

.tf-spacing-10 {
    padding: 96px 0 230px;
}

.tf-spacing-11 {
    margin-top: 0;
    margin-bottom: 132px;
}

.tf-spacing-12 {
    margin-top: 0;
    margin-bottom: 111px;
}

.tf-spacing-13 {
    margin-top: 0;
    margin-bottom: 133px;
}

.tf-spacing-14 {
    margin-top: 0;
    margin-bottom: 107px;
}

.tf-spacing-15 {
    margin-top: 0;
    margin-bottom: 142px;
}

.tf-spacing-16 {
    padding: 96px 0 180px;
}

.tf-spacing-17 {
    margin-top: 0;
    margin-bottom: 97px !important;
}

.tf-spacing-18 {
    margin-top: 0;
    margin-bottom: 88px;
}

.tf-spacing-19 {
    margin-top: 0;
    margin-bottom: 120px;
}

.tf-spacing-20 {
    margin-top: 0;
    margin-bottom: 96px;
}

.tf-spacing-21 {
    margin-top: 0;
    margin-bottom: 114px;
}

.tf-spacing-22 {
    margin-top: 0;
    margin-bottom: 66px !important;
}

.tf-spacing-23 {
    padding: 96px 0 172px;
}

.tf-spacing-24 {
    margin-top: 0;
    margin-bottom: 105px !important;
}

.tf-spacing-25 {
    margin-top: 0;
    margin-bottom: 64px !important;
}

.ml-235 {
    margin-left: 235px;
}

.hover-img {
    &:hover {
        img {
            transform: scale(1.05);
            @include transition5();
            overflow: hidden;
        }
    }
}

.page-title {
    overflow: hidden;

    .title {
        padding-bottom: 19px;
        font-family: $font-main2;
        text-transform: uppercase;
        font-weight: 700;
        color: var(--White);
        position: relative;
        letter-spacing: 1.8px;
    }

    p {
        margin-left: 1px;
        letter-spacing: 0.3px;
        line-height: 27px;
    }

    .page-title-bg {
        padding: 128px 0 135px;
        background-image: url(../image/bg/page-title-blog.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        position: relative;
        z-index: -1;

        &::before {
            position: absolute;
            background-color: rgba(7, 11, 12, 0.4);
            content: '';
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

        &.style-2 {
            background-image: url(../image/bg/bg-about.png);
        }

        &.style-3 {
            background-image: url(../image/bg/bg-book-table.jpg);
        }

        &.style-4 {
            background-image: url(../image/bg/bg-our-chef.jpg);
        }

        &.style-5 {
            background-image: url(../image/bg/bg-shop.jpg);
        }

        &.style-6 {
            background-image: url(../image/bg/bg-private.jpg);
        }

        &.style-7 {
            background-image: url(../image/bg/bg-portfolio.jpg);
        }

        &.style-8 {
            background-image: url(../image/bg/bg-contact-us.jpg);
        }

        &.style-9 {
            background-image: url(../image/bg/bg-our-menu.jpg);
        }
    }

    .text-special {
        top: -37px;
        right: 13px;
        line-height: 54px;
    }

    p {
        color: var(--White);
        position: relative;
    }
}

select {
    border: none;
    border-radius: 0;

    &:focus {
        outline: none;
    }
}

.fw-6 {
    font-weight: 600 !important;
}

.bottom {
    @include d-flex();
    justify-content: space-between;
    align-items: center;
    padding: 33px 25px 30px 30px;
}

.page-title-home-1 {
    background-image: url('../image/bg/bg-home-1.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-title-home-2 {
    background-image: url('../image/bg/bg-home-2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-title-home {
    @include d-flex();
    gap: 20px;
    position: relative;
    height: 713px;

    .content {
        padding: 195px 0;
    }

    .title {
        letter-spacing: 1.8px;
    }

    .title,
    .text {
        color: var(--White);
    }

    h1 {
        text-transform: uppercase;
        font-weight: bold;
        font-family: $font-main2;

    }

    .text {
        letter-spacing: 0.3px;
        font-size: 17px;
        padding: 24px 2px 40px;
        line-height: 28px
    }

    .btn-page-title {
        @include d-flex();
        gap: 15px;
        padding-left: 2px;

        .tf-btn {
            padding: 16px 36px;
        }
    }

    .text-special {
        line-height: 55px !important;
    }

}

.text-china {
    color: var(--Secondary);
    font-family: 'MaShanZheng';
    width: min-content;
    @include d-flex();
}

.ellipse {
    width: 103px;
    height: 103px;
    background-color: var(--Primary);
    border-radius: 50%;
}

.section-about {
    background-image: url('../image/bg/about-us-bg.jpg');
    background-repeat: no-repeat;

    .about-inner {
        @include d-flex();
        gap: 30px;

        .about-right {
            @include d-flex();
            gap: 30px;
            align-items: center;

            .image {
                border-radius: 50%;
                margin-top: -38px;
            }
        }

        .about-content {
            padding: 15px 0 0 71px;
            max-width: 41%;

            .text {
                p {
                    line-height: 25px;
                }
            }
        }
    }
}

.content-section {

    .top {
        line-height: 50px;
        color: var(--Primary);
        text-transform: uppercase;
        letter-spacing: 1.5px;
        font-weight: 300;
        padding: 20px 0 0;
    }

    .title {
        font-weight: 700;
        letter-spacing: 1.3px;
        font-family: $font-main2;
        text-transform: uppercase;
        padding-bottom: 26px;
    }

    .text {
        line-height: 25px;
        padding-bottom: 59px;
        letter-spacing: 0.1px;
    }

    .tf-btn {
        display: flex;
        width: max-content;
        letter-spacing: 2.8px;
        padding: 14px 32px 14px 35px !important;
    }

    &.style-2 {
        text-align: center;

        .title {
            padding-bottom: 16px;
        }

        .text {
            letter-spacing: 0.1px;
            padding-bottom: 22px;
        }

        .icon {
            position: relative;
            margin-bottom: 68px;

            &::after {
                position: absolute;
                width: 127px;
                height: 1px;
                content: "";
                top: 42%;
                right: 36%;
                ;
                background-color: var(--Border);
            }

            &::before {
                position: absolute;
                width: 127px;
                height: 1px;
                content: "";
                top: 42%;
                left: 36%;
                ;
                background-color: var(--Border);
            }
        }
    }

    &.style-3 {

        .title,
        .text,
        .top {
            color: var(--White);
        }
    }
}

.section-menu-inner {
    background-color: var(--bg);
    margin-bottom: 28px;
    @include d-flex();
    position: relative;
    overflow: hidden;

    .image-item {
        position: absolute;
        bottom: -37%;
        left: 0;
    }

    .image {
        img {
            width: 100%;
            height: auto;
            object-fit: cover;
        }
    }

    .menu-left {
        position: relative;

        .ellipse {
            position: absolute;
            top: 158px;
            left: 260px;
        }

        .text-china {
            position: absolute;
            left: 273px;
            top: 118px;
            z-index: 9;
        }

        span {
            padding-right: 16px;
        }
    }

    .menu-content {
        padding: 95px 0 0 542px;
        max-width: 56%;
    }

    .title {
        padding-bottom: 24px;
    }

    .text {
        padding-bottom: 58px;

        p {
            line-height: 25px;
        }
    }

    .image {
        margin-right: 0;
        margin-left: auto
    }
}

.portfolio-list {
    width: 100%;
    @include d-flex();
    justify-content: space-between;
}

.section-special-menu {

    margin: 0 30px;
}

.section-private {
    position: relative;
    @include d-flex();
    overflow: hidden;

    .ellipse {
        position: absolute;
        right: 80px;
        top: 125px;
    }

    .img-bg {
        position: absolute;
        right: -130px;
        top: -177px;
    }

    .text-china {
        position: absolute;
        right: 115px;
        top: 98px;

        span {
            color: var(--White);
        }
    }

    .private-left {
        width: 50%;

        img {
            width: 100%;
            height: auto;
            object-fit: cover;
        }

    }

    .private-right {
        position: relative;
        background-color: var(--Secondary);
        width: 50%;
        z-index: 99;

        .private-content {
            padding: 97px 0 40px 85px;
            max-width: 75%;
            height: 100%;

            .title {
                line-height: 60px;
                padding-bottom: 23px;
            }

            .text {

                p {
                    line-height: 25px;
                    letter-spacing: 0.1px;
                    color: var(--body-tex-2);

                }
            }

            .tf-btn {
                letter-spacing: 2.7px;
                padding: 14px 36px 14px 35px !important;
            }

        }
    }
}

.section-section-1 {
    .gallery {
        @include d-flex();
    }

    .gallery-left {
        width: 50%;

        .top {
            @include d-flex();

            .image {
                width: 50%;

                img {
                    width: 100%;
                    height: auto;
                    object-fit: cover;
                }
            }

        }

        .bottom-img {
            img {
                width: 100%;
                height: auto;
                object-fit: cover;
            }
        }
    }

    .gallery-right {
        width: 50%;

        .gallery-bottom {
            @include d-flex();

            .image {
                width: 50%;

                img {
                    width: 100%;
                    height: auto;
                    object-fit: cover;
                }
            }
        }

        .top-img {
            img {
                width: 100%;
                height: auto;
                object-fit: cover;
            }
        }
    }

    .section-1-content {
        width: 50%;
        height: auto;
        text-align: center;
        background-color: var(--bg);
        @include flex(center,center);
        flex-direction: column;

        .title {
            font-family: $font-main2;
            font-weight: 600;
            font-size: 30px;
            text-transform: uppercase;
            letter-spacing: 1px;
            padding-bottom: 21px;
        }

        .text {
            line-height: 25px;
            padding-bottom: 36px;
            letter-spacing: 0.1px;
        }

        .button-default {
            margin-left: -5px;
        }
    }
}

.section-testimonials {
    position: relative;
    background-image: url('../image/bg/testimonials-bg-2.png');
    background-position: bottom;
    background-repeat: no-repeat;

    .image {
        position: absolute;
        top: -2px;
        right: 0;
    }

    .testimonial-bg {
        position: absolute;
        bottom: -8px;
    }

    .title-testimonials {
        font-size: 25px;
        font-weight: 500;
        line-height: 26px;
        font-family: $font-main2;
        text-transform: uppercase;
        color: var(--Secondary);
        letter-spacing: 1.2px;
        padding-bottom: 31px;
    }

    .text {
        font-size: 17px;
        line-height: 30px;
        padding-bottom: 25px;
        letter-spacing: 0.1px;
        color: var(--Secondary);
    }

    .rating {
        font-size: 18px;
        padding-bottom: 25px;

        i {
            color: var(--Primary);
            margin: 0 -3px;
        }
    }

    .title-bottom {
        text-transform: uppercase;
        font-weight: 500;
        font-family: $font-main2;
        letter-spacing: 1px;
        padding-bottom: 10px;
    }

    .swiper-testimonials {
        position: absolute;
        padding-bottom: 10px;
        left: 46.3%;
        right: 50%;
        bottom: -13%;

        .swiper-pagination-bullet {
            background-color: var(--Primary);
            opacity: 0.4;
            margin: 5px 18px 5px 7px;
            width: 10px;
            height: 10px;
            position: relative;

            &::after {
                position: absolute;
                background-color: transparent;
                border: 1px solid transparent;
                border-radius: 50%;
                width: 20px;
                height: 20px;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                content: '';
                z-index: 5;
            }

            &.swiper-pagination-bullet-active {
                opacity: 1;

                &::after {
                    border-color: var(--Secondary);
                }
            }
        }
    }
}

.section-banner {
    position: relative;

    .banner-inner {
        @include d-flex();
        justify-content: center;
        height: 560px;
        background-image: url('../image/bg/banner-bg-1.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;

        .banner-content {
            position: absolute;
            @include d-flex();
            align-items: center;
            flex-direction: column;
            top: -30px;
            width: 616px;
            height: 616px;
            background-color: var(--Primary);
            padding: 152px 70px;
            border-radius: 50%;
            z-index: 1;

            .text-china {
                @include flex(center, center);
                background-image: url('../image/bg/bg-textchina-banner.png');
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                height: 85px;
                width: 315px;
                color: var(--Primary);
            }

            .title {
                padding: 23px 0 59px 0;
            }
        }
    }
}

.section-section-2 {
    .section-2-bg {
        background-image: url('../image/bg/bg-section-2.jpg');
        background-size: cover;
        background-position: center;
        max-height: 934px;
        @include d-flex();
    }

    .section-2-content {
        @include d-flex();
        gap: 76px;
        padding: 177px 0;

        .image {
            position: relative;

            &::before {
                content: "";
                position: absolute;
                left: 28px;
                top: -15px;
                right: 24px;
                bottom: 36px;
                background-color: var(--Primary);
            }

            img {
                position: relative;
            }

            .map-box {
                top: -49px;
                width: 409px;
                height: 621px;
            }
        }

        .middle {
            padding-left: 1px;

            .section-2-title {
                font-size: 20px;
                font-weight: 600;
                font-family: $font-main2;
                text-transform: uppercase;
                line-height: 50px;
                color: var(--Secondary);
                letter-spacing: 1px;
                padding-left: 1px;
            }

            .number-phone {
                line-height: 53px;
                font-weight: 600;
                font-family: $font-main2;
                letter-spacing: 0.5px;
                color: var(--Primary);
                padding-bottom: 25px;
            }

            p {
                letter-spacing: 0.4px;
                color: var(--Secondary);
            }
        }

        .tf-btn {
            letter-spacing: 2px;
            padding: 15px 31px 15px 37px !important;
        }
    }
}

.section-book-table {
    background-image: url('../image/bg/book-table-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    .book-table-inner {
        @include d-flex();
        justify-content: space-between;
        text-align: center;
        max-width: 1720px;
        margin-left: auto;
        margin-right: auto;
        gap: 15px;
        padding: 0 15px;

        .image {
            padding: 159px 0 159px;

            img {
                width: 100%;
                object-fit: cover;
            }
        }
    }

}

.contact-content {
    padding: 35px 0 0 0;

    .title {
        text-transform: uppercase;
        font-family: $font-main2;
        font-weight: 700;
        letter-spacing: 1.4px;
        padding-bottom: 28px;
    }

    .text {
        letter-spacing: 0.1px;
        line-height: 25px;
        padding-bottom: 25px;
    }
}

.section-contact-1 {
    padding-bottom: 51px;

    .image {
        border-radius: 50%;
    }

    .contact-info {
        .title-info {
            text-transform: uppercase;
            font-family: $font-main2;
            font-weight: 600;
            line-height: 50px;
            position: relative;
            padding-left: 18.5px;
            letter-spacing: 1px;
            padding-bottom: 6px;

            &::before {
                position: absolute;
                content: '';
                top: 23px;
                left: 0;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background-color: var(--Primary);
            }
        }

        p {
            letter-spacing: 0.3px;
            color: var(--Black);
        }
    }

    .social-1 {
        display: grid;
        grid-template-columns: repeat(2, 0.44fr);
        gap: 2px 0;
    }
}

.section-contact-2 {
    .contact-content {
        .text {
            padding-bottom: 44px;
        }
    }

    .comment-form {

        input[type="text"],
        textarea {
            padding: 11px 18px;
        }

        textarea {
            max-height: 180px;
        }

        .message {
            margin-bottom: 33px !important;
        }
    }

    .tf-btn {
        letter-spacing: 2px;
        padding: 16px 37px 16px 35px;
    }

    .map-box {
        width: 529px;
        height: 529px;
        border-radius: 50%;
        margin-top: 35px;
        margin-left: 43px;
        overflow: hidden;
    }
}

.section-portfolio {
    .widget-menu-tab {
        @include flex(center, center);
    }

    .portfolio-list {
        padding: 31px 31px 0px 32px;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 30px;

        .portfolio-item {
            padding-bottom: 30px;
            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }

    .widget-tabs.style-2 .widget-content-tab {
        padding-top: 42px;
    }
}

.section-our-menu {
    @include d-flex();
    flex-wrap: wrap;

    .image-menu {
        height: 100%;
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}

.section-our-menu-1 {
    .image-menu {
        img {
            width: 100%;
            max-height: 947px;
            object-fit: cover;
        }
    }

    .our-menu {
        padding-bottom: 80px ;
    }
}

.section-our-menu-2 {
    .our-menu {
        .right {
            .scroll {
                right: 25px;
            }
        }
    }
}

.section-book {
    .book-bg {
        position: relative;
        background-image: url('../image/bg/book-table-bg.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        height: 618px;

        .text-china {
            font-size: 130px;
            line-height: 90px;
            position: absolute;
        }
    }

    .book-inner {
        padding: 168px 0 0 0;

        img {
            padding-left: 11px;
            padding-bottom: 27px;
        }

        .title {
            text-transform: uppercase;
            font-family: $font-main2;
            font-weight: 700;
            letter-spacing: 1.3px;
            padding-bottom: 25px;
        }

        .text {
            line-height: 30px;
            letter-spacing: 1px;
            padding-bottom: 59px;
        }
    }
}

.section-private-1 {
    .img {
        img {
            width: 100%;
            height: auto;
            object-fit: cover;
        }
    }

    .list-icon-box {
        background-color: var(--Secondary);
        height: 100%;
        padding: 124px 45px;
    }

    .private-right {
        padding: 124px 70px;

        .title {
            font-family: $font-main2;
            line-height: 60px;
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: 1.3px;
            padding-bottom: 24px;

        }

        .text {
            line-height: 25px;
            padding-bottom: 15px;
            letter-spacing: 0.1px;
        }
    }

    .list-text {
        padding-bottom: 45px;

        li {
            text-transform: uppercase;
            line-height: 35px;
            font-family: $font-main2;

            span {
                padding-left: 9px;
                font-weight: 600;
                letter-spacing: 1px;
                color: var(--Black);
            }

            i {
                font-size: 7px;
                background-color: var(--Primary);
                color: var(--White);
                padding: 5px;
                border-radius: 50%;
            }
        }
    }

    .tf-btn {
        letter-spacing: 2.7px;
        padding: 14px 37px;
        @include d-flex();
        width: max-content;

    }
}

.section-private-2 {
    .section-private-2-inner {
        padding: 110px 0;
        position: relative;

        &::before {
            position: absolute;
            content: '';
            background-color: var(--bg);
            width: 1110px;
            height: 759px;
            top: 0;
            left: 10%;
        }
    }

    .img {
        position: relative;

        &::before {
            content: "";
            position: absolute;
            left: 26px;
            top: -11px;
            width: 290px;
            height: 559px;
            background-color: var(--Primary);
        }

        img {
            position: relative;
        }

    }

    .content-private {
        padding-top: 49px;
        position: relative;

        .title {
            text-transform: uppercase;
            line-height: 55px;
            font-family: $font-main2;
            font-weight: 600;
            letter-spacing: 1.8px;
            @include flex(center, center);
            gap: 18px;
        }

        .title-1 {
            padding-bottom: 13px;
        }

        .title-2 {
            line-height: 70px;
        }

        .text {
            line-height: 25px;
            letter-spacing: 0.1px;
            padding-bottom: 35px;
        }

        .btn-private {
            padding-bottom: 34px;
        }
    }
}

.section-schedule-an-event {
    @include d-flex();

    .bg-left {
        background-image: url('../image/section/private-3.jpg');
        background-repeat: no-repeat;
        height: auto;
        position: relative;
        width: 44%;
        background-size: cover;

        &::before {
            content: "";
            position: absolute;
            background-color: rgb(0, 0, 0);
            opacity: 0.502;
            width: 100%;
            height: 100%;
        }
    }

    .left {
        max-width: 625px;
        margin-left: auto;
        position: relative;
        padding: 165px 15px 0 15px;

        .title {
            text-transform: uppercase;
            font-family: $font-main2;
            font-weight: 700;
            color: var(--White);
            letter-spacing: 1.2px;
            line-height: 60px;
            padding-bottom: 19px;

        }

        .text {
            color: var(--White);
            padding-bottom: 60px;
            line-height: 25px;
            letter-spacing: 0.1px;
        }
    }

    .book-table {
        &.style-3 {
            padding: 72px 37px;
            width: 29.7%;

            .title {
                letter-spacing: 1px;
                padding-bottom: 19px;
            }

            .text {
                letter-spacing: 0.2px;
                padding-bottom: 32px;
            }

            textarea {
                height: 143px;
            }

            .Message {
                padding-bottom: 24px;
            }
        }
    }

    .map-box {
        width: 26.3%;
        height: unset;
    }
}

.categories {
    ul {
        padding: 20px 0 26px;

        li {
            font-weight: 500;
            font-size: 17px;
            line-height: 25px;
            margin-bottom: 10px;
            color: #171412;
            position: relative;
            @include transition3();

            &:hover {
                padding-left: 5.1%;
            }

            &::before {
                position: absolute;
                content: '';
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background-color: var(--Primary);
                top: 37%;
                left: 0;
                opacity: 0;
                visibility: hidden;
                @include transition3();
            }

            &:hover {
                &::before {
                    opacity: 1;
                    visibility: visible;
                }
            }
        }
    }
}

.filter {
    .content {
        .range-slider {
            padding: 29px 0 33px;
        }

        .bottom {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            row-gap: 15px;
            padding: 29px 0 0px 0;

            .tf-btn {
                padding: 11px 34px;

            }
        }
    }
}

.recent-product {
    .recent-item {
        @include d-flex();
        gap: 16px;
        padding: 25px 0 23px 0;
        border-bottom: 1px solid var(--Border);

        .image {
            max-width: 79px;
            max-height: 85px;
            overflow: hidden;
        }

        &:last-child {
            border: none;
        }

        .recent-content {
            .price {
                padding-top: 8px;
                color: var(--Primary);
                font-weight: 500;
                line-height: 41px;
                font-size: 17px;
            }

            .name {
                font-size: 17px;
                font-weight: 500;
                text-transform: uppercase;
                font-family: $font-main2;


            }

        }

        &:hover {
            .name {
                a {
                    color: var(--Primary);

                }
            }
        }
    }
}

.section-about-us-about-1 {
    position: relative;
    @include d-flex();
    justify-content: space-between;

    .image {
        max-width: 30%;
        img{
            width: 100%;
            height: auto;
            object-fit: cover;
        }
    }

    .image-bg-1 {
        position: absolute;
        right: 0;
        bottom: -17.5%;
    }

    .image-bg-2 {
        position: absolute;
        right: 2.5%;
        top: 48.5%;
    }

    .about-us-content-1 {
        @include d-flex();
        padding: 97px 67px;
        gap: 65px;
        max-width: 70%;

        .left {
            max-width: 35.5%;
        }

        .top {
            letter-spacing: 1.5px;
        }

        .title {
            letter-spacing: 1.4px;
            padding-bottom: 59px;
        }

        .right {
            max-width: 43%;
            padding: 70px 0 0;

            .text {
                width: 100%;
                letter-spacing: 0.09px;

                p {
                    line-height: 25px;
                }
            }
        }
    }
}

.section-about-us-about-2 {
    background-color: var(--bg);
    @include d-flex();
    justify-content: space-between;

    .about-us-content-2 {
        max-width: 44%;
        padding: 94px 110px 0 119px;

        .top {
            letter-spacing: 1.5px;
        }

        .title {
            letter-spacing: 1.4px;
        }

        .text {
            letter-spacing: 0.09px;
        }
    }

    .wg-time {
        width: 22.5%;
        background-color: var(--Primary);
        padding: 86px 59px 0 51px;

        .line {
            flex-grow: 1;
            height: 15px;
            margin-left: 10px;
            margin-right: 10px;
            border-bottom: 1px solid var(--White);
            opacity: 0.2;
        }

        .date {
            color: var(--White);
            text-transform: uppercase;
            font-family: $font-main2;
            font-size: 17px;
            line-height: 50px;
            font-weight: 500;
            letter-spacing: 0.3px;
        }
    }

    .widget-video {
        margin-bottom: 0 !important;
        flex-grow: 1;
        height: auto;
        img {
            width: 100% !important;
            height: 100% !important;
        }
    }
}

.section-about-us-team {
    background-color: var(--bg);
    @include d-flex();
    justify-content: space-between;

    .left {
        padding: 124px 80px 58px 236px;
        max-width: 59.6%;
        position: relative;

        .text {
            text-transform: uppercase;
            font-size: 25px;
            line-height: 45px;
            font-weight: 600;
            letter-spacing: 1.2px;
            font-family: $font-main2;
            color: var(--Black);
            padding-bottom: 54px;
        }

        .tf-btn {
            letter-spacing: 2.8px;
        }

        .signature {
            position: absolute;
            bottom: 11.4%;
            right: 7.2%;

            .text-signature {
                font-size: 17px;
                line-height: 26px;
                text-transform: uppercase;
                font-family: $font-main2;
                letter-spacing: 1px;
                color: var(--Black);
                margin-top: 14px;
            }
        }
    }

    .right {
        overflow: hidden;
        max-width: 41.4%;

        .image {
            position: relative;

            img {
                width: 100%;
                height: auto;
                object-fit: cover;
            }

            &::before {
                content: '';
                width: 416px;
                height: 416px;
                border-radius: 50%;
                background-color: var(--Primary);
                opacity: 0.6;
                position: absolute;
                z-index: 1;
                top: -35%;
                right: -10.5%;
            }
        }
    }
}

.section-about-us-book {
    background-image: url('../image/about/about-4.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    max-height: 614px;

    &::after {
        width: 100%;
        max-height: 614px;
        position: absolute;
        content: '';
        background-color: rgba(0, 0, 0, 0.3);
    }

    .img {
        position: absolute;
        top: -18%;
        left: 0;
    }

    .text-china {
        position: absolute;
        font-size: 30px;
        line-height: 45px;
        color: var(--White);
    }

    .title-about-us-book {
        text-transform: uppercase;
        font-family: $font-main2;
        line-height: 60px;
        font-weight: 700;
        @include d-flex();
        padding: 215px 0 0;
        color: var(--White);
        letter-spacing: 1.1px;
        margin-left: -3px;
    }
}

.section-our-chef {
    background-image: url('../image/bg/our-chef-bg.jpg');
    padding-bottom: 143px;

    .text-our-chef {
        font-size: 25px;
        line-height: 45px;
        font-weight: 600;
        font-family: $font-main2;
        text-transform: uppercase;
        max-width: 1170px;
        padding: 121px 0 63px;
        margin: 0 auto;
        text-align: center;
        letter-spacing: 1.2px;
        color: var(--Black);
    }
}

.sesction-galley {
    .btn-gallery {
        .tf-btn {
            letter-spacing: 2.7px;
            padding: 15px 33px;
        }
    }
}