#lwh_dining {
    --width: 100vw;
    --height: 100vh;
    --primary: #B2A89D;
    --h1: 3rem;
    --h2: calc(var(--h1) * 0.8);
    --h3: calc(var(--h2) * 0.8);
    --p: calc(var(--h3) * 0.8);
    --ls-h1: 0.1vw;
    --ls-p: calc(var(--ls-h1) / 2);

    div.container {
        padding: unset;
        margin: unset;
        width: calc(var(--width) * 0.8);
        margin-inline: auto;
        margin-bottom: var(--p);

        div.section_tit.ctext_short {
            font-size: var(--h1);
            letter-spacing: var(--ls-h1);
            text-transform: uppercase;
            text-align: center;
            color: var(--primary);
            line-height: normal;
        }

        div.ct_intro_subtitle {
            padding: unset;
            font-style: unset;
            margin: unset;
            position: unset;
            line-height: normal;
            color: var(--primary);
            background: var(--primary);
            text-align: unset;
            height: calc(var(--p) / 10);
            margin-block: var(--p);
            margin-inline: auto;
            max-width: 11rem;
        }

        p.intro_text.mb_30 {
            line-height: normal;
            max-width: calc(var(--width) / 3);
            text-align: unset;
            margin: unset;
            font-size: var(--p);
            letter-spacing: var(--ls-p);
            margin-inline: auto;
        }
    }

    div.container-fluid {
        padding: unset;
        margin: unset;

        div.owl-carousel.owl-loaded.owl-drag {
            cursor: all-scroll;
            background: #FFF;
            padding: unset;
            display: block;
            position: relative;
            width: inherit;

            div.owl-stage-outer {
                div.owl-stage {
                    div.owl-item {
                        div.restaurant {
                            position: relative;
                            width: 100%;
                            height: 100%;
                            overflow: hidden;
                            background-color: #F3F3F3;
                            padding: 3rem;
                            display: flex;

                            div.image {
                                width: 50%;
                                height: 400px;
                                padding: unset;
                                display: flex;
                                justify-content: center;

                                div.col-img-bg {
                                    width: 90%;
                                    height: 90%;
                                    background-size: cover;
                                    background-position: center;
                                }
                            }

                            div.data {
                                width: 50%;

                                div.name_category {
                                    margin-bottom: var(--p);
                                    p {
                                        color: var(--primary);
                                        line-height: normal;
                                    }

                                    p.name {
                                        font-size: var(--h3);
                                        letter-spacing: var(--ls-h1);
                                        font-weight: 700;
                                        margin-bottom: calc(var(--h3) / 10);
                                        text-transform: uppercase;
                                    }

                                    p.category {
                                        font-size: var(--p);
                                        letter-spacing: var(--ls-p);
                                        font-weight: 500;
                                        color: #6D6D6D;
                                    }
                                }

                                div.opening_hours {
                                    margin-bottom: var(--p);

                                    p {
                                        line-height: normal;
                                        font-size: var(--p);
                                        letter-spacing: var(--ls-p);
                                        font-weight: 500;
                                        margin: unset;
                                        color: #6D6D6D;
                                    }

                                    div {
                                        display: flex;
                                        align-items: center;

                                        p.days {
                                            font-weight: 700;
                                            margin-right: var(--p);
                                        }
                                    }
                                }

                                div.phone_number {
                                    display: flex;
                                    align-items: center;
                                    margin-bottom: var(--p);

                                    p {
                                        line-height: normal;
                                        font-size: var(--p);
                                        letter-spacing: var(--ls-p);
                                        font-weight: 500;
                                        margin: unset;
                                        color: #6D6D6D;
                                        margin-right: var(--p);
                                    }

                                    a {
                                        line-height: normal;
                                        font-size: var(--p);
                                        letter-spacing: var(--ls-p);
                                        font-weight: 700;
                                        margin: unset;
                                        color: #6D6D6D;
                                    }
                                }

                                div.description {
                                    line-height: normal;
                                    font-size: var(--p);
                                    letter-spacing: var(--ls-p);
                                    font-weight: 500;
                                    margin: unset;
                                    color: #6D6D6D;
                                    margin-bottom: var(--p);
                                }

                                div.menu {
                                    margin-bottom: var(--p);

                                    a {
                                        line-height: normal;
                                        font-size: var(--p);
                                        letter-spacing: var(--ls-p);
                                        font-weight: 500;
                                        margin: unset;
                                        color: var(--primary);
                                        text-transform: uppercase;
                                    }

                                    a:hover {
                                        color: #6D6D6D;
                                    }
                                }

                                div.buttons {
                                    a {
                                        line-height: normal;
                                        font-size: var(--p);
                                        letter-spacing: var(--ls-p);
                                        font-weight: 500;
                                        font-family: numbers, "Corbel";
                                        color: #FFFFFF;
                                        text-transform: uppercase;
                                        padding: calc(var(--p) / 2) var(--p);
                                        transition: all 0.2s ease;
                                        cursor: pointer;
                                        background-color: var(--primary);
                                    }

                                    a:hover {
                                        background-color: #908883;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}