body {
    padding: 0;
    margin: 0;
    padding-top: 82px;
    box-sizing: border-box;
    background-color: #F5F5F5;
    font-family: 'Cairo', sans-serif !important;
}

.ltr_effect,
.ttb_effect {
    position: relative;
}

    .ltr_effect:after,
    .ttb_effect:after {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background: #000;
        z-index: -1;
        border-radius: 10px;
    }

    .ltr_effect:after {
        width: 0;
        transition: width 0.5s;
    }

    .ttb_effect:after {
        height: 0;
        transition: height 0.5s;
    }

    .ltr_effect:hover:after {
        width: 100%;
    }

    .ttb_effect:hover:after {
        height: 100%;
    }

.VedioModelBody {
    height: 550px;
}

/* Header search-box */
.search-box {
    display: none;
    position: absolute;
    top: -10px;
    width: 1000px;
    margin: 20px 0;
    z-index: 1;
    border-radius: 30px;
    box-shadow: -1px 1px 10px #DDD;
    left: 0;
}

    .search-box .form-control {
        padding: 25px;
        padding-right: 40px;
        background-color: #FFF;
        border: 2px solid transparent;
        font-size: 13px;
        padding-left: 130px;
        border-radius: 30px;
        padding-right: 53px !important;
    }

    .search-box i {
        position: absolute;
        right: 27px;
        top: 19px;
        color: #bdb5b8;
        font-size: 15px;
    }

    .search-box .searchBtn {
        position: absolute;
        left: 5px;
        top: 5px;
        width: 120px;
        padding: 10px;
        border: none;
        box-shadow: none;
        outline: none;
        border-radius: 30px;
        background-color: #E2283D;
        color: #FFF;
        font-size: 16px;
        transition: all 0.5s ease-in-out;
    }

        .search-box .searchBtn:hover {
            background-color: #000;
        }

.Arabic {
    font-family: 'Cairo', sans-serif;
}

.ViewAllbutton {
    text-align: center;
}

    .ViewAllbutton button {
        border: 2px solid #E2283D;
        background-color: transparent;
        padding: 3px;
        width: 120px;
        margin: auto;
        text-align: center;
        border-radius: 30px;
        color: #E2283D;
        outline: none;
        box-shadow: none;
        cursor: pointer;
        transition: all 0.2s ease-in-out;
    }

        .ViewAllbutton button:hover {
            background-color: #E2283D;
            border-color: #E2283D;
            color: #FFF;
        }


#loadMore {
    padding: 10px 20px;
    font-size: 14px;
    text-align: center;
    background-color: #E2283D;
    color: #fff;
    border-width: 1px solid #E2283D;
    text-decoration: none;
    border-radius: 30px;
    transition: all 0.2s ease-in-out;
}

    #loadMore:hover {
        background-color: #000;
    }

.clearfix {
    clear: both;
}

/* owl Carousel */
.owl-nav {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 35%;
    right: 0;
    z-index: 1000;
    width: 100%;
    height: 0;
}

    .owl-nav > div {
        background: #FFF;
        color: #E2283D;
        z-index: 100;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        box-shadow: -1px 1px 10px #828282;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .owl-nav > div:hover {
            background: #E2283D;
            color: #FFF;
        }

    .owl-nav .owl-prev {
        position: relative;
        right: -20px;
    }

    .owl-nav .owl-next {
        position: relative;
        left: -15px;
    }

@media (max-width: 1270px) {
    .owl-nav .owl-prev {
        right: -10px !important;
    }

    .owl-nav .owl-next {
        left: -10px !important;
    }
}

.formobile {
    display: none;
}

    .formobile i {
        margin-left: 5px;
    }

/* .nav-pills  {
    justify-content: center;
    text-align: center;
} */

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    border-color: #E2283D;
    background-color: #FFF;
    color: #E2283D !important;
}

.nav-pills .nav-link {
    color: #696969 !important;
    border: 2px solid #f1f0f0;
    background-color: #FFF;
    margin-left: 10px;
    border-radius: 5px;
}

    .nav-pills .nav-link img {
        width: 20px;
        height: 20px;
        margin-left: 5px;
        border-radius: 30px;
    }

    .nav-pills .nav-link .tabImage {
        border-radius: 0px;
    }

.ToolsTabs {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 75px;
    overflow: scroll;
    overflow-y: hidden;
    cursor: pointer;
}

    .ToolsTabs::-webkit-scrollbar {
        height: 3px;
    }

    .ToolsTabs::-webkit-scrollbar-track {
        background-color: #DDD;
    }

    .ToolsTabs::-webkit-scrollbar-thumb {
        background-color: #E2283D;
    }

    .ToolsTabs .arrowRightTab {
        position: absolute;
        left: 0%;
        color: #E2283D;
        border: 1px solid #DDD;
        padding: 8px 10px;
        box-shadow: -1px 3px 10px #DDD;
        background-color: #FFF;
        border-radius: 100px;
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s ease-in-out;
    }

    .ToolsTabs .arrowLeftTab {
        position: absolute;
        right: 0%;
        color: #E2283D;
        border: 1px solid #DDD;
        padding: 8px 10px;
        box-shadow: -1px 3px 10px #DDD;
        background-color: #FFF;
        border-radius: 100px;
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s ease-in-out;
    }

        .ToolsTabs .arrowRightTab:hover,
        .ToolsTabs .arrowLeftTab:hover {
            background-color: #E2283D;
            box-shadow: none;
            color: #FFF;
            border-color: #E2283D;
        }


/* rightTab  */
.rightTab {
    border-right: 1px solid #DDD;
    padding-right: 30px;
}

    .rightTab .mostView {
        margin-bottom: 20px;
        overflow: hidden;
    }

        .rightTab .mostView .mostView_title {
            border-bottom: 1px solid #DDD;
            text-align: right;
        }

            .rightTab .mostView .mostView_title a {
                text-decoration: none;
                outline: none;
            }

            .rightTab .mostView .mostView_title h4 {
                color: #000;
                padding-bottom: 5px;
                transition: all 0.2s ease-out;
            }

                .rightTab .mostView .mostView_title h4:hover {
                    color: #E2283D;
                    transition: all 0.2s ease-in;
                }

        .rightTab .mostView .Viewed_content {
            margin: 30px 0px;
            overflow: hidden;
        }

            .rightTab .mostView .Viewed_content a {
                color: #303030;
                text-decoration: none;
                outline: none;
                transition: all 0.2s ease-out;
            }

                .rightTab .mostView .Viewed_content a:hover {
                    color: #E2283D;
                    transition: all 0.2s ease-in;
                }

            .rightTab .mostView .Viewed_content img {
                float: right;
                width: 150px;
                height: 85px;
                margin-left: 20px;
            }

            .rightTab .mostView .Viewed_content .Desc {
                text-align: right;
            }

                .rightTab .mostView .Viewed_content .Desc p {
                    font-size: 13px;
                }

    .rightTab .chefs_tab .chefs_tab_title {
        border-bottom: 1px solid #DDD;
        text-align: right;
    }

        .rightTab .chefs_tab .chefs_tab_title a {
            text-decoration: none;
            outline: none;
        }

        .rightTab .chefs_tab .chefs_tab_title h4 {
            color: #000;
            padding-bottom: 5px;
            transition: all 0.2s ease-out;
        }

            .rightTab .chefs_tab .chefs_tab_title h4:hover {
                color: #E2283D;
                transition: all 0.2s ease-in;
            }

    .rightTab .chefs_tab .chefs_tab_content {
        margin: 30px 0px;
    }

        .rightTab .chefs_tab .chefs_tab_content a {
            color: #636262;
            text-decoration: none;
            outline: none;
            transition: all 0.2s ease-out;
        }

            .rightTab .chefs_tab .chefs_tab_content a:hover {
                color: #E2283D;
                transition: all 0.2s ease-in;
            }

        .rightTab .chefs_tab .chefs_tab_content img {
            float: right;
            width: 50px;
            height: 50px;
            border-radius: 150px;
            margin-left: 20px;
        }

        .rightTab .chefs_tab .chefs_tab_content .chef_Name {
            text-align: right;
            padding-top: 12px;
        }

            .rightTab .chefs_tab .chefs_tab_content .chef_Name p {
                font-weight: 500;
            }


    .rightTab .allchefs {
        text-align: left;
    }

        .rightTab .allchefs button {
            background: none;
            border: 2px solid #E2283D;
            padding: 5px;
            width: 120px;
            border-radius: 30px;
            color: #E2283D;
            outline: none;
            cursor: pointer;
            transition: all 0.2s ease-in;
        }

            .rightTab .allchefs button:hover {
                border-color: #E2283D;
                background: #E2283D;
                color: #FFF;
                transition: all 0.2s ease-in;
            }

/* Standard style Form inputs at all Website */
label {
    color: #3d3d3d;
    cursor: pointer;
}

    label:hover {
        color: #E2283D;
    }

.btn:focus {
    box-shadow: none;
}

.form-control {
    border-radius: 30px !important;
    padding: 20px;
    background-color: #FFF;
    font-size: 14px;
    color: #000;
}

    .form-control::placeholder {
        color: #7e7e7e;
    }

input[type=text], input[type=tel], input[type=email], input[type=url], input[type=number], input[type=password] {
    padding: 20px !important;
}

select {
    padding: 5px 20px !important;
    height: 44px !important;
}

    select:valid {
        color: #000;
    }

    select:invalid {
        color: #7e7e7e;
    }

.form-control, textarea.form-control {
    box-shadow: 0px 3px 2px -2px transparent;
    border: 2px solid transparent !important;
    transition: all 0.7s ease-in-out;
}

    .form-control:focus, textarea.form-control:focus {
        color: #000;
        border-color: transparent;
        box-shadow: 0px 3px 2px -2px #E2283D !important;
    }

textarea.form-control {
    resize: none;
    height: 200px;
}

.modal {
    z-index: 1075;
    background-color: rgba(0,0,0,0.8);
}

.modal-content {
    border-radius: 5px;
    outline: 0;
    border: 0;
    box-shadow: none;
}

.search_box_popup {
    position: absolute;
    top: -195px;
    width: 100%;
    text-align: center;
}

    .search_box_popup .search_input {
        width: 100%;
        padding: 10px;
        border: 1px solid #efeeee;
        border-radius: 5px;
        box-shadow: -1px 1px 10px #656565;
        outline: none !important;
        margin-bottom: 0px;
        -webkit-appearance: none;
        transition: all 0.5s ease-in-out;
    }

    .search_box_popup .search_btn {
        visibility: hidden;
        opacity: 0;
        padding: 7px;
        background-color: #E2283D;
        color: #FFF;
        width: 30%;
        outline: none;
        box-shadow: -1px 1px 10px #E2283D94;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        transition: all 0.5s ease-in-out;
    }

        .search_box_popup .search_btn:hover {
            background-color: #E2283D;
        }

.Search_Icon {
    position: absolute;
    left: 65px;
    top: 20px;
    font-size: 20px;
    color: #E2283D;
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #FFF;
    text-align: center;
    background-color: #E2283D;
    border-radius: .25rem;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #E2283D;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.6);
}

.section_header {
    margin-bottom: 50px;
}

    .section_header .section-title {
        font-size: 28px;
        color: #E2283D;
    }

    .section_header .line {
        width: 150px;
        background: #ddd;
        height: 2px;
        margin: 20px auto;
    }

        .section_header .line span {
            display: block;
            width: 80px;
            height: 4px;
            background-color: #E2283D;
            margin: auto;
            position: relative;
            bottom: 2px;
        }

.videoAll {
    display: none;
}

.videoProduct {
    width: 100%;
    height: 270px;
    border-radius: 5px;
    background-color: #FFF;
    box-shadow: -1px 3px 10px #DDD;
    margin-bottom: 30px;
    transition: all 0.2s ease-in-out;
}

    .videoProduct:hover {
        transform: scale(1.1);
    }

    .videoProduct .RecipeVedio {
        position: relative;
    }

        .videoProduct .RecipeVedio .image img {
            width: 100%;
            height: 150px;
            border-radius: 5px;
        }

        .videoProduct .RecipeVedio .overlay img {
            position: absolute;
            top: 45%;
            right: 45%;
            width: 25px;
            height: 30px;
            cursor: pointer;
        }

    .videoProduct .titlevideo {
        padding: 0 10px;
        text-align: right;
        margin-top: 10px;
    }

        .videoProduct .titlevideo p {
            font-size: 14px;
            transition: all 0.2s ease-in-out;
        }

    .videoProduct .ChefProfile {
        text-align: right;
    }

        .videoProduct .ChefProfile .image {
            background-image: url('../images/ChefBg.png');
            background-size: cover;
            position: relative;
            width: 40px;
            height: 40px;
            border-radius: 100px;
            float: right;
            margin-right: 10px;
            overflow: hidden;
        }

        .videoProduct .ChefProfile .ChefTitle {
            float: right;
            margin-right: 10px;
            margin-top: 5px;
        }

        .videoProduct .ChefProfile .image .chefImage {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 90%;
        }

        .videoProduct .ChefProfile .image .chefFlag {
            position: absolute;
            top: -3px;
            left: -3px;
            width: 15px;
            height: 15px;
            border-radius: 30px;
            border: 2px solid #FFF;
            transition: all 0.5s ease-in-out;
        }

        .videoProduct .ChefProfile .title h5 {
            font-size: 14px;
            color: #000;
            margin-bottom: 0;
        }

        .videoProduct .ChefProfile .image:hover .chefFlag {
            transform: rotate(-360deg);
            border-color: transparent;
        }


.SupplierAll {
    display: none;
}

.Supplier {
    width: 100%;
    height: 150px;
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: transparent;
    border: 2px solid transparent;
    transition: all 0.2s ease-in-out;
}

    .Supplier:hover {
        background-color: #FFF;
        border-color: #E2283D;
    }

    .Supplier .image {
        padding: 0px 30px;
        background-color: #FFF;
        margin-bottom: 5px;
        height: 100px;
    }

        .Supplier .image img {
            width: 100%;
            height: 100%;
        }

    .Supplier .title {
        padding: 0 5px;
    }

        .Supplier .title h5 {
            font-size: 16px;
        }

.Store_Card {
    width: 100%;
    height: 210px;
    margin-bottom: 30px;
    background-color: transparent;
    text-align: center;
    border-radius: 10px;
    transition: all 0.2s ease-in-out;
}

    .Store_Card:hover {
        background-color: #FFF;
        box-shadow: -1px 3px 10px #DDD;
    }

        .Store_Card:hover .title h5 {
            color: #E2283D;
        }

        .Store_Card:hover .image img {
            border-color: #FFF;
            border-radius: 10px 10px 0 0;
        }

    .Store_Card .image {
        height: 150px;
        border-radius: 10px;
        margin-bottom: 10px;
    }

        .Store_Card .image img {
            width: 100%;
            height: 100%;
            border: 1px solid #DDD;
            border-radius: 10px;
            transition: all 0.2s ease-in-out;
        }

    .Store_Card .title h5 {
        font-size: 16px;
        line-height: 1.4;
        transition: all 0.2s ease-in-out;
    }

.Chef_Card {
    width: 100%;
    height: 240px;
    margin-bottom: 30px;
    border-radius: 10px;
    transition: all 0.5s ease-in-out;
}

    .Chef_Card:hover .title h5 {
        color: #FFF;
    }

    .Chef_Card:hover .image .chefFlag {
        transform: rotate(-360deg);
        border-color: transparent;
    }

    .Chef_Card .image {
        background-image: url('../images/ChefBg.png');
        background-size: cover;
        position: relative;
        height: 150px;
        border-radius: 10px;
        margin-bottom: 10px;
    }

        .Chef_Card .image .chefImage {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 90%;
        }

        .Chef_Card .image .chefFlag {
            position: absolute;
            top: -12px;
            left: -15px;
            width: 30px;
            height: 30px;
            border-radius: 30px;
            border: 2px solid #FFF;
            transition: all 0.5s ease-in-out;
        }

    .Chef_Card .title {
        padding: 0 5px;
    }

        .Chef_Card .title h5 {
            font-size: 16px;
            color: #000;
            transition: all 0.5s ease-in-out;
        }

.Dish_Card {
    width: 100%;
    height: 128px;
    position: relative;
    transition: all 0.2s ease-in-out;
}

    .Dish_Card:hover .overlay {
        background-color: rgba(0, 0, 0, 0.8);
    }

    .Dish_Card .image {
        height: 128px;
        width: 100%;
    }

        .Dish_Card .image img {
            border-radius: 10px;
            width: 100%;
            height: 100%;
        }

    .Dish_Card .overlay {
        border-radius: 10px;
        background-color: rgba(0, 0, 0, 0.4);
    }

        .Dish_Card .overlay span {
            position: absolute;
            font-size: 16px;
            bottom: 5px;
            right: 10px;
            color: #FFF;
        }

.Healthy_Card {
    width: 100%;
    height: 150px;
    margin-bottom: 30px;
    position: relative;
    transition: all 0.2s ease-in-out;
}

    .Healthy_Card:hover .overlay {
        background-color: rgba(0, 0, 0, 0.8);
    }

    .Healthy_Card .image {
        height: 150px;
        width: 100%;
    }

        .Healthy_Card .image img {
            border-radius: 10px;
            width: 100%;
            height: 100%;
        }

    .Healthy_Card .overlay {
        transition: all 0.2s ease-in-out;
        border-radius: 10px;
        background-color: rgba(0, 0, 0, 0.4);
    }

        .Healthy_Card .overlay span {
            width: 90%;
            text-align: right;
            position: absolute;
            font-size: 16px;
            bottom: 5px;
            right: 10px;
            color: #FFF;
        }

.Menu_Card {
    width: 100%;
    height: 115px;
    padding: 5px;
    position: relative;
    border-radius: 10px;
    transition: all 0.5s ease-in-out;
}

    .Menu_Card:hover {
        background-color: #FFF;
        box-shadow: -1px 3px 10px #DDD;
    }

        .Menu_Card:hover .title h5 {
            color: #E2283D;
            transition: all 0.5s ease-in-out;
        }

    .Menu_Card .image {
        height: 60px;
        width: 100px;
        margin: auto;
        margin-bottom: 10px;
    }

        .Menu_Card .image img {
            width: 100%;
            height: 100%;
            transition: all 0.5s ease-in-out;
        }

    .Menu_Card .title h5 {
        color: #E2283D;
        font-size: 16px;
    }

a.product_link {
    text-decoration: none;
    outline: none;
}

/* Card */
.card {
    display: none;
    height: 360px;
    margin-bottom: 30px;
    border: none;
    box-shadow: -3px 5px 15px #DDD;
    transition: all 0.2s ease-out;
}

.group {
    height: 290px;
}

.card:hover {
    transform: scale(1.1);
    transition: all 0.2s ease-in;
    cursor: pointer;
    z-index: 1;
}

.card .cardImage {
    margin-bottom: 10px;
}

    .card .cardImage img {
        max-width: 100%;
        height: 180px;
        border-radius: 5px 5px 0 0;
    }

.card .card_title {
    padding: 0px 10px;
    margin-bottom: 5px;
    text-align: right;
    transition: all 0.2s ease-out;
}

    .card .card_title h4 {
        font-size: 18px;
        margin-bottom: 0;
        color: #000;
    }

    .card .card_title span {
        color: #3d3d3d;
        font-size: 16px;
    }

.card:hover > .card_title h4,
.card:hover > .card_title span {
    color: #E2283D;
    transition: all 0.2s ease-in;
}

.card .price {
    padding: 0px 10px;
    margin-bottom: 5px;
    text-align: right;
}

    .card .price span {
        font-weight: 600;
        font-size: 16px;
        color: #E2283D;
    }

.card .quantity {
    padding: 0px 10px;
    text-align: right;
}

    .card .quantity input {
        -webkit-appearance: none;
        border: none;
        text-align: center;
        width: 25px;
        font-size: 14px;
        color: #43484D;
        font-weight: 300;
        background-color: transparent;
    }

    .card .quantity button[class*=btn] {
        width: 25px;
        height: 25px;
        background: none;
        border-radius: 30px;
        border: 1px solid #c3c9cf;
        cursor: pointer;
    }

    .card .quantity .minus-btn img, .plus-btn img {
        margin-bottom: 7px !important;
    }


    .card .quantity button:focus,
    .card .quantity input:focus {
        outline: 0;
    }

.card .CartButton {
    text-align: left;
    padding: 0px 10px;
}

    .card .CartButton button {
        width: 50px;
        background: none;
        border: none;
        color: #FFF;
        background-color: #E2283D;
        border-radius: 30px;
        outline: none;
        cursor: pointer;
        transition: all 0.2s ease-out;
    }

        .card .CartButton button:hover {
            color: #FFF;
            background-color: #000;
            transition: all 0.2s ease-in;
        }



/**************************************************************/
.navbar {
    background-color: #FFF;
    border-bottom: 2px solid #E2283D;
}

.navbar-collapse {
    justify-content: center;
}

#navbarContent::-webkit-scrollbar {
    width: 0px;
    background-color: transparent;
}

.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    padding: 0.4rem 1rem;
    border: 2px solid transparent;
    border-radius: 30px;
    transition: all 0.2s ease-in-out;
}

    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
        color: #E2283D;
        border-color: #E2283D;
    }

    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: #E2283D;
        border-color: #E2283D;
    }

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.navbar-light .navbar-toggler-icon {
    background-image: url('../images/menu-button.svg');
}

.navbar-light .navbar-toggler {
    position: fixed;
    left: 4%;
    top: 20px;
}

.navbar-toggler:focus, .navbar-toggler:hover {
    box-shadow: none;
    outline: none;
}

.navbar-toggler > .close {
    display: inline-block;
    color: #E2283D;
    opacity: 1;
    text-shadow: none;
    margin-top: 3px;
}

.navbar-toggler.collapsed > .close,
.navbar-toggler:not(.collapsed) > .navbar-toggler-icon {
    display: none;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: 1;
}

.navbar-nav .nav-item {
    margin-left: 10px;
}

.navbar-brand {
    margin-left: 0;
    outline: none;
}

    .navbar-brand .LogoShape {
        width: 55px;
        height: 45px;
        float: right;
    }

    .navbar-brand .LogoTitle {
        width: 90px;
        height: 40px;
        float: left;
        margin-right: 5px;
        margin-top: 7px;
    }

.navbar .links {
    text-align: left;
}

    .navbar .links ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .navbar .links ul li {
            display: inline-block;
            margin-right: 30px;
            position: relative;
        }

.CartNumber {
    position: absolute;
    top: -5%;
    left: -20%;
    height: 6px;
    width: 6px;
    background: #E2283D;
    text-align: center;
    border-radius: 150px;
}

.navbar .links ul li a:hover > .CartNumber {
    background: #E2283D;
}

.navbar .links ul li a {
    outline: none;
    text-decoration: none;
}

.navbar .links ul li i {
    color: #000;
    font-size: 22px;
    cursor: pointer;
}

    .navbar .links ul li i.fa-search, .navbar .links ul li i.fa-bell {
        font-size: 20px;
    }

.navbar .links ul li a i:hover {
    color: #E2283D;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > a:after {
        content: "\f0da";
        float: left;
        border: none;
        font-family: 'FontAwesome';
        position: absolute;
        left: 15px;
    }

.dropdown-menu {
    padding: 0;
    border-radius: 0;
}


.dropdown-submenu > .dropdown-menu {
    top: 0;
    right: 100%;
    margin-top: 0px;
    margin-right: 0px;
}

.dropdown-item {
    padding: 10px 0px;
    padding-left: 30px;
    padding-right: 20px;
}


    .dropdown-item.active, .dropdown-item:active,
    .dropdown-item:focus, .dropdown-item:hover {
        background-color: #E2283D;
        color: #FFF;
    }

@media (min-width: 991px) {
    .dropdown-menu {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
}

@media (max-width: 991px) {
    .navbar-nav {
        text-align: center;
    }

    .navbar .links {
        display: none;
    }
}


/* Swiper */
.swiper-container {
    width: 100%;
    height: 500px;
    position: relative;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
}

.swiper-slide2 {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fff;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: none;
    border: 2px solid #FFF;
    outline: none;
}

.contentSlider {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    color: #FFF;
    width: 40%;
    text-align: center;
    z-index: 3;
}

    .contentSlider h1 {
        margin-bottom: 10px;
        font-size: 80px;
        font-family: 'Cairo', sans-serif;
        font-family: 'Lobster', cursive;
    }

    .contentSlider p {
        margin-bottom: 0;
        font-size: 40px;
    }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white,
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    outline: none;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url('../images/arrow_right.svg');
    outline: none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url('../images/arrow_left.svg');
    outline: none;
}

/* Celebrities_Chefs Section */
#Celebrities_Chefs {
    margin: 40px 0px;
    text-align: center;
}

/* Dishes Section */
#Dishes {
    margin: 40px 0px;
    text-align: center;
}

    #Dishes .Dish_Card {
        height: 180px;
    }

        #Dishes .Dish_Card .image {
            height: 180px;
        }

        #Dishes .Dish_Card .overlay span {
            font-size: 18px;
            bottom: 10px;
            right: 15px;
        }

/* Store Section */
#Store {
    margin: 40px 0px;
    text-align: center;
}

/* Healthy Section */
#Healthy {
    margin: 40px 0px;
    text-align: center;
}

/* KidsMenu Section */
#KidsMenu {
    margin-top: 40px;
    padding: 40px;
    text-align: center;
    background-color: #FFF0B2;
}

.Kids_Image {
    width: 80%;
    height: 80px;
    margin: auto;
    margin-bottom: 70px;
}

    .Kids_Image img {
        width: 100%;
        height: 100%;
    }

#KidsMenu .owl-nav .owl-next {
    left: -35px;
}

#KidsMenu .owl-nav .owl-prev {
    right: -35px;
}


/* Footer */
.footer {
    padding: 30px 0;
    border-top: 1px solid #DDD;
    background-color: #FFF;
}

.footer_list li a:hover {
    color: #E2283D;
    padding-right: 10px;
    border-right: 3px solid #E2283D;
    transition: all 0.2s ease-in-out;
}

.title-widget {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    margin: 30px 0;
}


.widget_nav_menu img.FooterLogo {
    width: 100%;
    height: auto;
    padding: 10px;
    border: 2px solid #acacac;
    border-radius: 10px;
}

.widget_nav_menu img {
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
}

.widget_nav_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


    .widget_nav_menu ul li {
        font-size: 16px;
        position: relative;
        margin-bottom: 10px;
        width: 100%;
        color: #000;
    }

        .widget_nav_menu ul li a {
            color: #000;
            text-decoration: none;
        }

.footer-bottom {
    width: 100%;
    background-color: #000;
}

.language {
    color: #fff;
    padding: 10px;
}

.copyright {
    color: #fff;
    text-align: left;
    padding: 10px;
}

    .copyright p, .language p {
        font-size: 14px;
        margin-bottom: 0;
    }

.social {
    text-align: center;
}

    .social ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .social ul li {
            display: inline-block;
            padding: 10px;
            margin-left: 10px;
        }

            .social ul li a {
                color: #FFF;
                text-decoration: none;
            }

                .social ul li a i {
                    font-size: 20px;
                }

                    .social ul li a i:hover {
                        color: #E2283D;
                        transition: all 0.2s ease-in-out;
                    }



/***** Start Scroll To Top *****/
.scroll_top {
    width: 40px;
    height: 40px;
    color: #FFF;
    background-color: #E2283D;
    text-align: center;
    position: fixed;
    left: 15px;
    bottom: 10px;
    display: none;
    cursor: pointer;
    border-radius: 5px;
    z-index: 999;
    box-shadow: -1px 1px 10px #00000078;
}

    .scroll_top i {
        position: absolute;
        top: 10px;
        left: 13px;
        font-size: 22px;
        animation: MoveUpDown 1s linear infinite;
        transition: all 0.2s ease-in-out;
    }

    .scroll_top:hover {
        background-color: #000;
    }

@keyframes MoveUpDown {
    0%, 100% {
        top: 10px;
    }

    25% {
        top: 15px;
    }

    50% {
        top: 20px;
    }
}


/*******************/
/*  Register Page  */
/*******************/
#Register {
    text-align: center;
}

    #Register .Form label a {
        color: #E2283D;
        text-decoration: none;
    }

    #Register .Form .ForgotPass {
        cursor: pointer;
    }

    #Register .Form .form-check {
        text-align: right;
        margin: 20px 0;
        margin-right: 5px;
    }

    #Register .Form .register_btn {
        background: #E2283D;
        border: none;
        padding: 7px;
        width: 200px;
        border-radius: 30px;
        color: #FFF;
        outline: none;
        box-shadow: none;
        cursor: pointer;
        transition: all 0.2s ease-in;
    }

        #Register .Form .register_btn:hover {
            background-color: #000;
            transition: all 0.2s ease-in;
        }

/*******************/
/*  Login Page  */
/*******************/
#Login {
    text-align: center;
}

    #Login .left {
        width: 50%;
        float: right;
        text-align: right;
    }


    #Login .right {
        width: 50%;
        float: left;
        text-align: left;
    }

    #Login .LoginDiv {
        float: left;
    }

    #Login .accountDiv label {
        color: #E2283D;
    }

        #Login .accountDiv label:hover {
            color: #000;
        }

    #Login .login_btn {
        background: #E2283D;
        border: none;
        padding: 7px;
        width: 150px;
        border-radius: 30px;
        color: #FFF;
        outline: none;
        box-shadow: none;
        cursor: pointer;
        transition: all 0.2s ease-in;
    }

        #Login .login_btn:hover {
            background-color: #000;
            transition: all 0.2s ease-in;
        }

    #Login .forgetPass a {
        color: #7e7e7e;
    }

        #Login .forgetPass a:hover {
            color: #e2283d;
        }

/**********************/
/***  Contact Page ****/
/**********************/

#Contact {
    text-align: center;
}

    #Contact .Form .send_btn {
        background: #E2283D;
        border: none;
        padding: 7px;
        width: 200px;
        border-radius: 30px;
        color: #FFF;
        outline: none;
        box-shadow: none;
        cursor: pointer;
        transition: all 0.2s ease-in;
    }

        #Contact .Form .send_btn:hover {
            background-color: #000;
            transition: all 0.2s ease-in;
        }


    #Contact .social {
        text-align: center;
        margin-bottom: 30px;
    }

        #Contact .social ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            #Contact .social ul li {
                display: inline-block;
                padding: 10px;
                margin-left: 10px;
            }

                #Contact .social ul li a {
                    color: #696969;
                    text-decoration: none;
                }

                    #Contact .social ul li a i {
                        font-size: 24px;
                        padding: 10px;
                        border: 1px solid #DDD;
                        background-color: #FFF;
                        border-radius: 30px;
                        text-align: center;
                        width: 46px;
                        transition: all 0.2s ease-out;
                    }

                        #Contact .social ul li a i:hover {
                            color: #fff;
                            border-color: #E2283D;
                            background-color: #E2283D;
                            transition: all 0.2s ease-in;
                        }

/**********************/
/**  ChangePass Page **/
/**********************/
#ChangePass {
    text-align: center;
}

    #ChangePass .Form .save_btn {
        background: #E2283D;
        border: none;
        padding: 7px;
        width: 200px;
        border-radius: 30px;
        color: #FFF;
        outline: none;
        box-shadow: none;
        cursor: pointer;
        transition: all 0.2s ease-in;
    }

        #ChangePass .Form .save_btn:hover {
            background-color: #000;
            transition: all 0.2s ease-in;
        }

/**********************/
/***  Payment Page ****/
/**********************/
#Payment {
    text-align: right;
}

    #Payment .Form .cards img {
        width: 82px;
        height: 65px;
        border: 2px solid transparent;
    }

        #Payment .Form .cards img.selected {
            border: 2px solid #AEABAB;
            border-radius: 5px;
        }

        #Payment .Form .cards img:hover:not(.selected) {
            border: 2px solid #AEABAB;
            border-radius: 5px;
        }

    #Payment .Form label {
        color: #000;
    }

    #Payment .Form .AcceptedCards, #Payment .Form .BillingAddress {
        font-size: 22px;
        margin: 20px 0px;
        font-weight: 500;
    }


    #Payment .Form .ForgotPass {
        cursor: pointer;
    }

    #Payment .Form .form-check {
        text-align: right;
        margin-right: 5px;
    }

        #Payment .Form .form-check label {
            color: #636262;
        }

    #Payment .Form .checkout_btn {
        background: #E2283D;
        border: none;
        padding: 7px;
        width: 200px;
        border-radius: 30px;
        color: #FFF;
        outline: none;
        box-shadow: none;
        cursor: pointer;
        transition: all 0.2s ease-in;
    }

        #Payment .Form .checkout_btn:hover {
            background-color: #000;
            transition: all 0.2s ease-in;
        }

/***********************/
/**  EditProfile Page **/
/**********************/

#EditProfile {
    text-align: center;
}

    #EditProfile .profile_User {
        width: 120px;
        margin: auto;
        margin-bottom: 40px;
        position: relative;
    }

        #EditProfile .profile_User img {
            width: 120px;
            height: 120px;
            border: 1px solid #AEABAB;
            border-radius: 150px;
        }


        #EditProfile .profile_User .Edit_icon {
            position: absolute;
            top: 2%;
            left: 2%;
            color: #FFF;
            text-align: center;
        }

#upload {
    display: inline-block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 24px;
    top: 0;
    right: 0;
    opacity: 0;
    cursor: pointer;
}

#EditProfile .profile_User .Edit_icon a {
    color: #FFF;
}

#EditProfile .profile_User .Edit_icon i {
    font-size: 12px;
    margin: auto;
    border: 1px solid #E2283D;
    border-radius: 150px;
    padding: 5px;
    background: #E2283D;
}

#EditProfile .Form .ForgotPass {
    cursor: pointer;
}

#EditProfile .Form .save_btn {
    background: #E2283D;
    border: none;
    padding: 7px;
    width: 200px;
    border-radius: 30px;
    color: #FFF;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    transition: all 0.2s ease-in;
}

    #EditProfile .Form .save_btn:hover {
        background-color: #000;
        transition: all 0.2s ease-in;
    }


/***********************/
/***  MyAccount Page ***/
/**********************/

#MyAccount {
    text-align: center;
}

    #MyAccount .profile_User {
        width: 120px;
        margin: auto;
        margin-bottom: 40px;
        position: relative;
    }

        #MyAccount .profile_User .UserName {
            margin-top: 5px;
            color: #696969;
        }

            #MyAccount .profile_User .UserName h5 {
                font-size: 18px;
            }

        #MyAccount .profile_User img {
            width: 120px;
            height: 120px;
            border: 1px solid #AEABAB;
            border-radius: 150px;
        }


        #MyAccount .profile_User .Edit_icon {
            position: absolute;
            top: 2%;
            left: 2%;
            color: #FFF;
            text-align: center;
        }

            #MyAccount .profile_User .Edit_icon a {
                color: #FFF;
            }

            #MyAccount .profile_User .Edit_icon i {
                font-size: 12px;
                margin: auto;
                border: 1px solid #E2283D;
                border-radius: 150px;
                padding: 5px;
                background: #E2283D;
            }

    #MyAccount .Account_Setting {
        padding: 20px;
        text-align: center;
        overflow: hidden;
    }

        #MyAccount .Account_Setting ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }

            #MyAccount .Account_Setting ul li {
                width: 33.3333333%;
                float: right;
                margin: 20px 0px;
                transition: all 0.2s ease-out;
            }

                #MyAccount .Account_Setting ul li a {
                    color: #E2283D;
                    text-decoration: none;
                }

                    #MyAccount .Account_Setting ul li a i {
                        font-size: 35px;
                        padding: 10px;
                        border: 1px solid #DDD;
                        background-color: #FFF;
                        border-radius: 5px;
                        width: 80px;
                        transition: all 0.2s ease-out;
                    }

                    #MyAccount .Account_Setting ul li a .Setting_Title {
                        margin-top: 10px;
                    }

                        #MyAccount .Account_Setting ul li a .Setting_Title span {
                            font-size: 18px;
                            font-weight: 400;
                            color: #8b8a8a;
                            transition: all 0.2s ease-out;
                        }


                #MyAccount .Account_Setting ul li:hover {
                    transform: scale(1.1);
                    transition: all 0.2s ease-in;
                }

                    #MyAccount .Account_Setting ul li:hover i {
                        color: #FFF;
                        border-color: #E2283D;
                        background-color: #E2283D;
                        transition: all 0.2s ease-in;
                    }

                    #MyAccount .Account_Setting ul li:hover .Setting_Title span {
                        color: #E2283D;
                        transition: all 0.2s ease-in;
                    }

/**********************/
/***  AllChefs Page ***/
/**********************/
#Chefs {
    text-align: center;
}

    #Chefs .chef_link {
        text-decoration: none;
        outline: none;
    }

    #Chefs .chef {
        margin-bottom: 30px;
        transition: all 0.2s ease-out;
    }

        #Chefs .chef:hover {
            transform: scale(1.1);
            transition: all 0.2s ease-in;
        }

        #Chefs .chef img {
            width: 100%;
            height: 100%;
            margin-bottom: 10px;
        }

    #Chefs .chef_Name h5 {
        color: #43484D;
        margin-bottom: 0px;
        font-size: 18px;
    }

    #Chefs .chef:hover .chef_Name h5 {
        color: #E2283D;
    }


    #Chefs .allchefs button {
        background: #E2283D;
        border: none;
        padding: 7px;
        width: 200px;
        border-radius: 5px;
        color: #FFF;
        outline: none;
        cursor: pointer;
        transition: all 0.2s ease-in;
    }

        #Chefs .allchefs button:hover {
            background-color: #000;
            transition: all 0.2s ease-in;
        }

.ChefAll {
    display: none;
}


/***********************/
/***  Products Page ***/
/**********************/
#Products {
    text-align: center;
}



    #Products .imgcard_link:focus {
        outline: none;
    }

/***********************/
/*  Chef_Profile Page */
/**********************/
#Chef_Profile {
    text-align: center;
}

    #Chef_Profile .profile_User {
        margin-bottom: 40px;
        position: relative;
    }

        #Chef_Profile .profile_User img {
            width: 150px;
            height: 150px;
            border: 1px solid #AEABAB;
            border-radius: 150px;
        }

        #Chef_Profile .profile_User .UserName {
            margin-top: 5px;
        }

            #Chef_Profile .profile_User .UserName h5 {
                color: #E2283D;
                margin-bottom: 0px;
                font-size: 23px;
            }

            #Chef_Profile .profile_User .UserName span {
                color: #AEABAB;
                font-size: 18px;
            }


    #Chef_Profile .chef_mostWatched {
        text-align: right;
        margin: 30px 0px;
    }

        #Chef_Profile .chef_mostWatched .chef_mostWatched_title {
            text-align: right;
            margin-bottom: 20px;
        }

            #Chef_Profile .chef_mostWatched .chef_mostWatched_title h3 {
                color: #000;
            }

.card_chef {
    display: block;
}


#Chef_Profile .chef_equipments {
    text-align: right;
    margin: 30px 0px;
}

    #Chef_Profile .chef_equipments .chef_equipments_title {
        text-align: right;
        margin-bottom: 20px;
    }

        #Chef_Profile .chef_equipments .chef_equipments_title h3 {
            color: #000;
        }

    #Chef_Profile .chef_equipments .equipment {
        margin-bottom: 30px;
        border: none;
        padding-bottom: 10px;
        margin-left: 10px;
        box-shadow: -3px 5px 15px #DDD;
        transition: all 0.2s ease-out;
    }

        #Chef_Profile .chef_equipments .equipment:hover {
            transform: scale(1.1);
            transition: all 0.2s ease-in;
            cursor: pointer;
            z-index: 1;
        }

        #Chef_Profile .chef_equipments .equipment .img_equipment_link {
            text-decoration: none;
            outline: none;
        }

            #Chef_Profile .chef_equipments .equipment .img_equipment_link:focus {
                outline: none;
            }


        #Chef_Profile .chef_equipments .equipment img {
            width: 100%;
            height: 180px;
        }



        #Chef_Profile .chef_equipments .equipment .equipment_title {
            padding: 10px 10px 0px 10px;
            text-align: center;
            transition: all 0.2s ease-out;
        }

            #Chef_Profile .chef_equipments .equipment .equipment_title h4 {
                font-size: 18px;
            }

        #Chef_Profile .chef_equipments .equipment:hover > .equipment_title {
            color: #E2283D;
            transition: all 0.2s ease-in;
        }







#Chef_Profile .chef_courses {
    text-align: right;
    margin: 30px 0px;
}

    #Chef_Profile .chef_courses .chef_courses_title {
        text-align: right;
        margin-bottom: 20px;
    }

        #Chef_Profile .chef_courses .chef_courses_title h3 {
            color: #000;
        }

    #Chef_Profile .chef_courses .course {
        margin-bottom: 30px;
        border: none;
        padding-bottom: 10px;
        margin-left: 10px;
        box-shadow: -3px 5px 15px #DDD;
        transition: all 0.2s ease-out;
    }

        #Chef_Profile .chef_courses .course:hover {
            transform: scale(1.1);
            transition: all 0.2s ease-in;
            cursor: pointer;
            z-index: 1;
        }


        #Chef_Profile .chef_courses .course .course_img {
            position: relative;
        }


            #Chef_Profile .chef_courses .course .course_img .img_course_link {
                text-decoration: none;
                outline: none;
            }

                #Chef_Profile .chef_courses .course .course_img .img_course_link:focus {
                    outline: none;
                }


            #Chef_Profile .chef_courses .course .course_img img {
                width: 100%;
                height: 180px;
            }

            #Chef_Profile .chef_courses .course .course_img .video_player {
                position: absolute;
                bottom: 0;
                right: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.4);
            }

                #Chef_Profile .chef_courses .course .course_img .video_player i {
                    color: #000;
                    padding: 10px;
                    background-color: #FFF;
                    border: 1px solid #FFF;
                    border-radius: 150px;
                    width: 40px;
                    text-align: center;
                    position: absolute;
                    bottom: 5%;
                    right: 5%;
                    padding-right: 12px;
                    transition: all 0.2s ease-in;
                }

                    #Chef_Profile .chef_courses .course .course_img .video_player i:hover {
                        background-color: #E2283D;
                        border: 1px solid #E2283D;
                        color: #FFF;
                        transition: all 0.2s ease-in;
                    }


        #Chef_Profile .chef_courses .course .course_title {
            padding: 10px 10px 0px 10px;
            text-align: center;
            transition: all 0.2s ease-out;
        }

            #Chef_Profile .chef_courses .course .course_title h4 {
                font-size: 18px;
            }

        #Chef_Profile .chef_courses .course:hover > .course_title {
            color: #E2283D;
            transition: all 0.2s ease-in;
        }








#Chef_Profile .chef_books {
    text-align: right;
    margin: 30px 0px;
}

    #Chef_Profile .chef_books .chef_books_title {
        text-align: right;
        margin-bottom: 20px;
    }

        #Chef_Profile .chef_books .chef_books_title h3 {
            color: #000;
        }

    #Chef_Profile .chef_books .book {
        margin-bottom: 30px;
        border: none;
        padding-bottom: 10px;
        margin-left: 10px;
        box-shadow: -3px 5px 15px #DDD;
        transition: all 0.2s ease-out;
    }

        #Chef_Profile .chef_books .book:hover {
            transform: scale(1.1);
            transition: all 0.2s ease-in;
            cursor: pointer;
            z-index: 1;
        }

        #Chef_Profile .chef_books .book .img_book_link {
            text-decoration: none;
            outline: none;
        }

            #Chef_Profile .chef_books .book .img_book_link:focus {
                outline: none;
            }


        #Chef_Profile .chef_books .book img {
            width: 100%;
            height: 180px;
        }



        #Chef_Profile .chef_books .book .book_title {
            padding: 10px 10px 0px 10px;
            text-align: center;
            transition: all 0.2s ease-out;
        }

            #Chef_Profile .chef_books .book .book_title h4 {
                font-size: 18px;
            }

        #Chef_Profile .chef_books .book:hover > .book_title {
            color: #E2283D;
            transition: all 0.2s ease-in;
        }


/***********************/
/****  Offers Page ****/
/**********************/
.offer {
    display: none;
    margin-bottom: 30px;
    border: none;
    margin-left: 10px;
    box-shadow: -1px 1px 10px #DDD;
    transition: all 0.2s ease-out;
}

    .offer:hover {
        transform: scale(1.1);
        transition: all 0.2s ease-in;
        cursor: pointer;
        z-index: 1;
    }

    .offer img {
        width: 100%;
        height: 320px;
    }

/***********************/
/*  Shoppingcart Page */
/**********************/

#ShoppingCart {
    text-align: center;
}


    #ShoppingCart .shopping-cart {
        margin: 30px auto;
        box-shadow: -3px 5px 15px #DDD;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        background-color: #fff;
    }

        #ShoppingCart .shopping-cart .item {
            padding: 20px;
            border-bottom: 1px solid #e0dfdf;
            display: flex;
        }


            #ShoppingCart .shopping-cart .item:last-child {
                border-bottom: none;
            }

            #ShoppingCart .shopping-cart .item .buttons {
                position: relative;
                padding-top: 30px;
                margin-right: 60px;
            }

            #ShoppingCart .shopping-cart .item .delete-btn,
            #ShoppingCart .shopping-cart .item .like-btn {
                display: inline-block;
                Cursor: pointer;
            }

            #ShoppingCart .shopping-cart .item .delete-btn {
                width: 18px;
                height: 17px;
                background: url("../images/delete-icn.svg") no-repeat center;
            }

            #ShoppingCart .shopping-cart .item .like-btn {
                position: absolute;
                top: 9px;
                right: 30px;
                background: url('../images/twitter-heart.png');
                width: 60px;
                height: 60px;
                background-size: 2900%;
                background-repeat: no-repeat;
            }

            #ShoppingCart .shopping-cart .item .is-active {
                animation-name: animate;
                animation-duration: .8s;
                animation-iteration-count: 1;
                animation-timing-function: steps(28);
                animation-fill-mode: forwards;
            }

@keyframes animate {
    0% {
        background-position: right;
    }

    50% {
        background-position: left;
    }

    100% {
        background-position: left;
    }
}

#ShoppingCart .shopping-cart .item .image {
    margin-left: 30px;
    margin-right: 20px;
}

    #ShoppingCart .shopping-cart .item .image img {
        width: 85px;
        height: 85px;
    }

#ShoppingCart .shopping-cart .item .description {
    padding-top: 20px;
    margin-left: 30px;
    width: 115px;
    text-align: right;
}

    #ShoppingCart .shopping-cart .item .description span {
        display: block;
        font-size: 14px;
        color: #000;
        font-weight: 500;
    }


#ShoppingCart .shopping-cart .item .quantity {
    padding-top: 20px;
    margin-left: 30px;
    width: 105px;
}

    #ShoppingCart .shopping-cart .item .quantity input {
        -webkit-appearance: none;
        border: none;
        text-align: center;
        width: 32px;
        font-size: 16px;
        color: #43484D;
        font-weight: 300;
        background-color: transparent;
    }

#ShoppingCart .shopping-cart .item button[class*=btn] {
    width: 30px;
    height: 30px;
    background: none;
    border-radius: 150px;
    border: 1px solid #c3c9cf;
    cursor: pointer;
}

#ShoppingCart .shopping-cart .item .minus-btn img, .plus-btn img {
    margin-bottom: 3px;
}


#ShoppingCart .shopping-cart .item button:focus,
#ShoppingCart .shopping-cart .item input:focus {
    outline: 0;
}

#ShoppingCart .shopping-cart .item .total-price {
    width: 125px;
    padding-top: 23px;
    text-align: center;
    font-size: 19px;
    color: #E2283D;
    font-weight: 500;
}

#ShoppingCart .shopping-cart .item .unit-price {
    width: 125px;
    padding-top: 23px;
    text-align: center;
    font-size: 15px;
    color: #E2283D;
    font-weight: 500;
}

@media (max-width: 991px) {
    #ShoppingCart .shopping-cart {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        #ShoppingCart .shopping-cart .item {
            height: auto;
            flex-wrap: wrap;
            justify-content: center;
        }

            #ShoppingCart .shopping-cart .item .image img {
                width: 60%;
            }

            #ShoppingCart .shopping-cart .item .image,
            #ShoppingCart .shopping-cart .item .quantity,
            #ShoppingCart .shopping-cart .item .description {
                width: 50%;
                text-align: center;
                margin: 6px 0;
            }

            #ShoppingCart .shopping-cart .item .description {
                text-align: right;
                width: 40%;
            }

            #ShoppingCart .shopping-cart .item .image {
                width: 60%;
            }

            #ShoppingCart .shopping-cart .item .buttons {
                margin-left: 50px;
            }

            #ShoppingCart .shopping-cart .item .total-price {
                width: 50%;
            }

            #ShoppingCart .shopping-cart .item .unit-price {
                width: 50%;
            }
}


#ShoppingCart .checkout .left {
    width: 70%;
}

    #ShoppingCart .checkout .left ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #ShoppingCart .checkout .left ul li {
            float: right;
            width: 50%;
            text-align: right;
        }

            #ShoppingCart .checkout .left ul li .total_title {
                font-size: 18px;
            }

            #ShoppingCart .checkout .left ul li .priceOftotal {
                font-size: 22px;
                font-weight: 500;
                color: #E2283D;
            }

            #ShoppingCart .checkout .left ul li button {
                background: #000;
                border: none;
                padding: 7px;
                width: 200px;
                border-radius: 30px;
                color: #FFF;
                outline: none;
                box-shadow: none;
                cursor: pointer;
                transition: all 0.2s ease-in;
            }

    #ShoppingCart .checkout .left button:hover {
        background-color: #E2283D;
        transition: all 0.2s ease-in;
    }

#ShoppingCart .checkout .right {
    width: 30%;
    float: left;
}

    #ShoppingCart .checkout .right button {
        background: #E2283D;
        border: none;
        padding: 7px;
        width: 200px;
        border-radius: 30px;
        color: #FFF;
        outline: none;
        box-shadow: none;
        cursor: pointer;
        transition: all 0.2s ease-in;
    }


        #ShoppingCart .checkout .right button:hover {
            background-color: #000;
            transition: all 0.2s ease-in;
        }

        #ShoppingCart .checkout .right button i {
            margin-right: 10px;
        }

/**************************/
/*  Product Details Page */
/************************/
#ProductDetails {
    text-align: center;
    overflow: hidden;
}


    #ProductDetails .title_Detail {
        margin: 20px 0px;
    }

        #ProductDetails .title_Detail .left {
            float: right;
            width: 50%;
            text-align: right;
        }

            #ProductDetails .title_Detail .left h6 {
                color: #000;
                font-weight: bold;
            }

            #ProductDetails .title_Detail .left h4 {
                font-size: 25px;
                color: #E2283D;
            }

            #ProductDetails .title_Detail .left p {
                color: #696969;
                font-size: 14px;
            }

            #ProductDetails .title_Detail .left span {
                color: #E2283D;
                font-weight: 600;
                font-size: 20px;
            }

        #ProductDetails .title_Detail .right {
            float: left;
            width: 50%;
            text-align: left;
        }

        /* recipe Page */
        #ProductDetails .title_Detail .rightRecipe {
            float: left;
            width: 192px;
            text-align: left;
        }

            #ProductDetails .title_Detail .rightRecipe .WatchTv img {
                float: right;
                width: 15px;
                height: 20px;
                margin-top: 10px;
            }

            #ProductDetails .title_Detail .rightRecipe .WatchTv .watch {
                text-align: right;
                padding-right: 30px;
            }

                #ProductDetails .title_Detail .rightRecipe .WatchTv .watch a {
                    text-decoration: none;
                    outline: none;
                    display: inline-block;
                    color: #E2283D;
                }

    #ProductDetails .ChefProfileHead {
        text-align: right;
        margin: 20px 0;
    }

        #ProductDetails .ChefProfileHead .image {
            background-image: url('../images/ChefBg.png');
            background-size: cover;
            position: relative;
            width: 50px;
            height: 50px;
            border-radius: 100px;
            float: right;
        }

        #ProductDetails .ChefProfileHead .ChefTitle {
            float: right;
            margin-right: 20px;
            margin-top: 5px;
        }

        #ProductDetails .ChefProfileHead .image .chefImage {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 90%;
            border-radius: 100px;
        }

        #ProductDetails .ChefProfileHead .image .chefFlag {
            position: absolute;
            top: -5px;
            left: -5px;
            width: 20px;
            height: 20px;
            border-radius: 30px;
            border: 2px solid #FFF;
            transition: all 0.5s ease-in-out;
        }

        #ProductDetails .ChefProfileHead .title h5 {
            font-size: 16px;
            color: #000;
            margin-bottom: 0;
        }

        #ProductDetails .ChefProfileHead .image:hover .chefFlag {
            transform: rotate(-360deg);
            border-color: transparent;
        }

    #ProductDetails .chef_equipments .ToolsTitle {
        margin: 20px 0;
    }

        #ProductDetails .chef_equipments .ToolsTitle h4 {
            color: #000;
            margin-bottom: 0;
            font-weight: 600;
        }

    #ProductDetails .preparation {
        text-align: right;
        margin-bottom: 20px;
    }

        #ProductDetails .preparation .PreparationTitle {
            margin: 20px 0;
        }

            #ProductDetails .preparation .PreparationTitle h4 {
                color: #000;
                margin-bottom: 0;
                font-weight: 600;
            }

    #ProductDetails .Chef_Recommended {
        text-align: right;
        margin-bottom: 20px;
    }

        #ProductDetails .Chef_Recommended .Chef_RecommendedTitle {
            margin: 20px 0;
        }

            #ProductDetails .Chef_Recommended .Chef_RecommendedTitle h4 {
                color: #000;
                margin-bottom: 0;
                font-weight: 600;
            }

    #ProductDetails .RecipeVedio {
        position: relative;
    }

        #ProductDetails .RecipeVedio .image .imgRecipeVideo {
            width: 100%;
            height: 500px;
        }

        #ProductDetails .RecipeVedio .overlay .IconRecipeVideo {
            position: absolute;
            top: 50%;
            right: 50%;
            width: 30px;
            height: 40px;
            cursor: pointer;
        }

    #ProductDetails .title_Detail .rightRecipe2 {
        float: left;
        width: 150px;
        text-align: left;
    }

        #ProductDetails .title_Detail .rightRecipe2 .Photos img {
            float: right;
            width: 20px;
            height: 20px;
        }

        #ProductDetails .title_Detail .rightRecipe2 .Photos .Photo {
            text-align: right;
            padding-right: 30px;
        }

            #ProductDetails .title_Detail .rightRecipe2 .Photos .Photo a {
                text-decoration: none;
                outline: none;
                display: inline-block;
                color: #5B5B5B;
                transition: all 0.2s ease-in-out;
            }

                #ProductDetails .title_Detail .rightRecipe2 .Photos .Photo a:hover {
                    color: #E2283D;
                }

.PopUpVedio {
    border-radius: 5px;
    box-shadow: none;
    outline: none;
}

.mymodal-dialog {
    max-width: 90%;
}

/***************/

#ProductDetails .title_Detail .right button {
    background: #E2283D;
    border: none;
    padding: 7px;
    width: 100px;
    border-radius: 30px;
    color: #FFF;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    transition: all 0.2s ease-in;
}


    #ProductDetails .title_Detail .right button:hover {
        background-color: #000;
        transition: all 0.2s ease-in;
    }

#ProductDetails .PriceQuantity .left {
    float: right;
    width: 50%;
    text-align: right;
}

    #ProductDetails .PriceQuantity .left span {
        color: #E2283D;
        font-weight: 600;
        font-size: 20px;
    }

#ProductDetails .PriceQuantity .right {
    float: left;
    width: 50%;
    text-align: left;
}

    #ProductDetails .PriceQuantity .right .quantityDetails {
        text-align: left;
    }

        #ProductDetails .PriceQuantity .right .quantityDetails input {
            -webkit-appearance: none;
            border: none;
            text-align: center;
            width: 30px;
            font-size: 18px;
            color: #43484D;
            font-weight: 300;
            background-color: transparent;
        }

        #ProductDetails .PriceQuantity .right .quantityDetails button[class*=btn] {
            width: 35px;
            height: 35px;
            padding: 0;
            background: none;
            border-radius: 30px;
            border: 2px solid #e4e4e4;
            cursor: pointer;
            transition: all 0.2s ease-in-out;
        }

            #ProductDetails .PriceQuantity .right .quantityDetails button[class*=btn]:hover {
                border-color: #E2283D;
            }

        #ProductDetails .PriceQuantity .right .quantityDetails .minus-btn img,
        #ProductDetails .PriceQuantity .right .quantityDetails .plus-btn img {
            margin-bottom: 0px;
        }


        #ProductDetails .PriceQuantity .right .quantityDetails button:focus,
        #ProductDetails .PriceQuantity .right .quantityDetails input:focus {
            outline: 0;
        }

#ProductDetails .ingredients {
    text-align: right;
    margin-bottom: 20px;
}

    #ProductDetails .ingredients .ingredientsTitle {
        margin: 20px 0;
    }

        #ProductDetails .ingredients .ingredientsTitle h4 {
            color: #000;
            margin-bottom: 0;
            font-weight: 600;
        }

    #ProductDetails .ingredients ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #ProductDetails .ingredients ul li {
            width: 100%;
        }

            #ProductDetails .ingredients ul li p {
                margin-bottom: 5px;
            }

    #ProductDetails .ingredients .IngredientSuppliersBtn {
        text-align: left;
    }

        #ProductDetails .ingredients .IngredientSuppliersBtn button {
            background: #E2283D;
            border: none;
            padding: 7px;
            width: 200px;
            border-radius: 30px;
            color: #FFF;
            outline: none;
            cursor: pointer;
            transition: all 0.2s ease-in;
        }

            #ProductDetails .ingredients .IngredientSuppliersBtn button:hover {
                background-color: #000;
                transition: all 0.2s ease-in;
            }


#ProductDetails .chef_equipments {
    text-align: right;
    margin: 30px 0px;
}

    #ProductDetails .chef_equipments .chef_equipments_title {
        text-align: right;
        margin-bottom: 20px;
    }

        #ProductDetails .chef_equipments .chef_equipments_title h3 {
            color: #5B5B5B;
        }

    #ProductDetails .chef_equipments .equipment {
        margin-bottom: 30px;
        border: none;
        margin-left: 10px;
        box-shadow: -3px 5px 15px #DDD;
        transition: all 0.2s ease-out;
    }

        #ProductDetails .chef_equipments .equipment:hover {
            transform: scale(1.1);
            transition: all 0.2s ease-in;
            cursor: pointer;
            z-index: 1;
        }

        #ProductDetails .chef_equipments .equipment .img_equipment_link {
            text-decoration: none;
            outline: none;
        }

            #ProductDetails .chef_equipments .equipment .img_equipment_link:focus {
                outline: none;
            }


        #ProductDetails .chef_equipments .equipment img {
            width: 100%;
            height: 180px;
        }



        #ProductDetails .chef_equipments .equipment .equipment_title {
            padding: 10px 10px 3px 10px;
            text-align: center;
            transition: all 0.2s ease-out;
        }

            #ProductDetails .chef_equipments .equipment .equipment_title h4 {
                font-size: 18px;
            }

            #ProductDetails .chef_equipments .equipment .equipment_title p {
                color: #8b8a8a;
            }

        #ProductDetails .chef_equipments .equipment:hover > .equipment_title {
            color: #E2283D;
            transition: all 0.2s ease-in;
        }

    #ProductDetails .chef_equipments .ToolSuppliersBtn {
        text-align: left;
    }

        #ProductDetails .chef_equipments .ToolSuppliersBtn button {
            background: #E2283D;
            border: none;
            padding: 7px;
            width: 180px;
            border-radius: 30px;
            color: #FFF;
            outline: none;
            cursor: pointer;
            transition: all 0.2s ease-in;
        }

            #ProductDetails .chef_equipments .ToolSuppliersBtn button:hover {
                background-color: #000;
                transition: all 0.2s ease-in;
            }


#ProductDetails .RecomendedForYou .title {
    text-align: right;
    margin: 30px 0;
}

    #ProductDetails .RecomendedForYou .title h5 {
        color: #000;
        font-weight: 600;
    }

.CardProductDetails {
    display: block;
}

#ProductDetails .RecipeVedio .overlay img {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 30px;
    height: 40px;
    cursor: pointer;
}
/***********************/
/*  OfferDetails Page  */
/**********************/
#OfferDetails {
    text-align: center;
}


    #OfferDetails .offername {
        box-shadow: -3px 5px 15px #DDD;
        background-color: #FFF;
        overflow: hidden;
    }

        #OfferDetails .offername .offerImg {
            width: 100%;
        }


            #OfferDetails .offername .offerImg img {
                width: 100%;
                height: auto;
            }

        #OfferDetails .offername .offerSocial {
            margin: 15px 0px;
            padding: 5px;
            overflow: hidden;
        }

            #OfferDetails .offername .offerSocial ul {
                list-style: none;
                padding: 0;
                margin: 0;
            }

                #OfferDetails .offername .offerSocial ul li {
                    float: right;
                    width: 16.6666667%;
                    transition: all 0.2s ease-out;
                }

                    #OfferDetails .offername .offerSocial ul li:hover {
                        transform: scale(1.1);
                        transition: all 0.2s ease-in;
                    }

        #OfferDetails .offername .DetailOffer {
            text-align: right;
            margin-right: 20px;
        }

            #OfferDetails .offername .DetailOffer h5 {
                color: #E2283D;
                font-size: 25px;
            }

            #OfferDetails .offername .DetailOffer p {
                color: #8b8a8a;
            }


/*******************/
/*  MyAddresses Page  */
/*******************/
#MyAddresses {
    text-align: center;
}

    #MyAddresses .address_Link {
        width: 30%;
        float: right;
        border: 2px solid #DDD;
        padding: 10px;
        border-radius: 30px;
        margin: 0px 10px 40px 10px;
        transition: all 0.2s ease-out;
    }

        #MyAddresses .address_Link a {
            text-decoration: none;
            color: #636262;
            transition: all 0.2s ease-out;
            font-weight: 500;
        }

        #MyAddresses .address_Link:hover {
            transition: all 0.2s ease-in;
            border-color: #E2283D;
        }

            #MyAddresses .address_Link:hover a {
                color: #E2283D;
                transition: all 0.2s ease-in;
            }


    #MyAddresses .plusIcon {
        margin-bottom: 20px;
    }

        #MyAddresses .plusIcon i {
            color: #FFF;
            padding: 10px;
            border: 1px solid #E2283D;
            background-color: #E2283D;
            border-radius: 30px;
            width: 35px;
            cursor: pointer;
            font-size: 14px;
        }

    #MyAddresses .Add_address {
        position: relative;
        display: none;
    }

        #MyAddresses .Add_address .add_btn {
            background: #E2283D;
            border: none;
            padding: 7px;
            width: 100px;
            border-radius: 30px;
            color: #FFF;
            outline: none;
            box-shadow: none;
            cursor: pointer;
            transition: all 0.2s ease-in;
            margin-bottom: 10px;
        }

/******************/
/* MyOrders Page */
/***************/
#MyOrders {
    text-align: center;
}

    #MyOrders .table td a {
        color: #8b8a8a;
        text-decoration: none;
    }

    #MyOrders .table td span {
        color: #AEABAB;
        margin: 0 5px;
    }

    #MyOrders .table td a:hover {
        color: #E2283D;
    }

    #MyOrders .table-bordered td, .table-bordered th {
        border: none;
        font-size: 15px;
    }

.table .thead-light th {
    border: none;
    background-color: #FFF;
    font-size: 15px;
}

.table td {
    background-color: #FFF;
    font-size: 15px;
}


#MyOrders .table-bordered td.complete {
    color: green;
    font-weight: 500;
}


#MyOrders .table-bordered td.proccess {
    color: orangered;
    font-weight: 500;
}


#MyOrders .table-bordered td.total {
    font-weight: 500;
}

#MyOrders .table-bordered td.date {
    color: #8b8a8a;
}

/****************/
/* MyPurchases */
/**************/
#MyPurchases {
    text-align: center;
}


    #MyPurchases .card_bottom ul li {
        float: right;
        width: 50%;
    }

        #MyPurchases .card_bottom ul li.fa_heart {
            text-align: left;
        }

        #MyPurchases .card_bottom ul li.price {
            text-align: right;
        }

    #MyPurchases .book {
        margin-bottom: 30px;
        border: none;
        padding-bottom: 10px;
        margin-left: 10px;
        box-shadow: -3px 5px 15px #DDD;
        transition: all 0.2s ease-out;
    }

        #MyPurchases .book:hover {
            transform: scale(1.1);
            transition: all 0.2s ease-in;
            cursor: pointer;
            z-index: 1;
        }

        #MyPurchases .book .img_book_link {
            text-decoration: none;
            outline: none;
        }

            #MyPurchases .book .img_book_link:focus {
                outline: none;
            }


        #MyPurchases .book img {
            width: 100%;
            height: 180px;
        }



        #MyPurchases .book .book_title {
            padding: 10px 10px 0px 10px;
            text-align: center;
            transition: all 0.2s ease-out;
        }

            #MyPurchases .book .book_title h4 {
                font-size: 18px;
            }

        #MyPurchases .book:hover > .book_title {
            color: #E2283D;
            transition: all 0.2s ease-in;
        }



    #MyPurchases .course {
        margin-bottom: 30px;
        border: none;
        padding-bottom: 10px;
        margin-left: 10px;
        box-shadow: -3px 5px 15px #DDD;
        transition: all 0.2s ease-out;
    }

        #MyPurchases .course:hover {
            transform: scale(1.1);
            transition: all 0.2s ease-in;
            cursor: pointer;
            z-index: 1;
        }


        #MyPurchases .course .course_img {
            position: relative;
        }


            #MyPurchases .course .course_img .img_course_link {
                text-decoration: none;
                outline: none;
            }

                #MyPurchases .course .course_img .img_course_link:focus {
                    outline: none;
                }


            #MyPurchases .course .course_img img {
                width: 100%;
                height: 180px;
            }

            #MyPurchases .course .course_img .video_player {
                position: absolute;
                bottom: 0;
                right: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.4);
            }

                #MyPurchases .course .course_img .video_player i {
                    color: #000;
                    padding: 10px;
                    background-color: #FFF;
                    border: 1px solid #FFF;
                    border-radius: 150px;
                    width: 40px;
                    text-align: center;
                    position: absolute;
                    bottom: 5%;
                    right: 5%;
                    padding-right: 12px;
                    transition: all 0.2s ease-in;
                }

                    #MyPurchases .course .course_img .video_player i:hover {
                        background-color: #E2283D;
                        border: 1px solid #E2283D;
                        color: #FFF;
                        transition: all 0.2s ease-in;
                    }


        #MyPurchases .course .course_title {
            padding: 10px 10px 0px 10px;
            text-align: center;
            transition: all 0.2s ease-out;
        }

            #MyPurchases .course .course_title h4 {
                font-size: 18px;
            }

        #MyPurchases .course:hover > .course_title {
            color: #E2283D;
            transition: all 0.2s ease-in;
        }


/***********************/
/**  SupplierDetails Page **/
/**********************/

#SupplierDetails {
    margin: 30px 0px;
    text-align: center;
}

    #SupplierDetails .ChefProfile {
        text-align: center;
    }

        #SupplierDetails .ChefProfile .image {
            background-color: #FFF;
            width: 120px;
            height: 120px;
            border-radius: 60px;
            margin: auto;
            margin-bottom: 10px;
        }

        #SupplierDetails .ChefProfile .ChefTitle {
            margin-top: 10px;
        }

        #SupplierDetails .ChefProfile .image .chefImage {
            width: 100%;
            height: 100%;
            border-radius: 60px;
        }

        #SupplierDetails .ChefProfile .title h5 {
            font-size: 18px;
            color: #000;
        }

/***********************/
/**  ChefDetails Page **/
/**********************/

#ChefDetails {
    text-align: center;
}

    #ChefDetails .Content {
        background-color: #FFF;
        padding: 20px;
        border-radius: 5px;
        text-align: justify;
        text-align: center;
    }

.RecipeContent .card {
    height: 270px;
}

    .RecipeContent .card .card_title h4 img {
        width: 25px;
        height: 18px;
        margin-left: 5px;
        border-radius: 3px;
    }


#ChefDetails .ChefProfile {
    text-align: center;
}

    #ChefDetails .ChefProfile .image {
        background-image: url('../images/ChefBg.png');
        background-size: cover;
        position: relative;
        width: 120px;
        height: 120px;
        border-radius: 60px;
        margin: auto;
        margin-bottom: 10px;
        overflow: hidden;
    }

    #ChefDetails .ChefProfile .ChefTitle {
        margin-top: 10px;
    }

    #ChefDetails .ChefProfile .image .chefImage {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 90%;
        border-radius: 30px;
    }

    #ChefDetails .ChefProfile .image .chefFlag {
        position: absolute;
        top: -2px;
        left: -2px;
        width: 30px;
        height: 30px;
        border-radius: 60px;
        border: 2px solid #FFF;
        transition: all 0.5s ease-in-out;
    }

    #ChefDetails .ChefProfile .title h5 {
        font-size: 18px;
        color: #000;
    }

    #ChefDetails .ChefProfile .image:hover .chefFlag {
        transform: rotate(-360deg);
        border-color: transparent;
    }

#ChefDetails .ChefAbout {
    font-size: 16px;
    text-align: justify;
}

.cardTools, .cardRecipe {
    display: none;
}


/***********************/
/***  Dishes Page ***/
/**********************/
#Dishes {
    margin: 30px 0px;
    text-align: center;
}

    #Dishes .Dish_Card {
        margin-bottom: 30px;
    }

.DishAll {
    display: none;
}

/***********************/
/***  Dishes Page ***/
/**********************/
#Order_Summary {
}

    #Order_Summary .Content {
        background-color: #F9F9F9;
        padding: 20px;
        border-radius: 10px;
    }

    #Order_Summary .shopping-cart {
        margin: 30px auto;
        box-shadow: -3px 5px 15px #DDD;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
    }

        #Order_Summary .shopping-cart .item {
            padding: 20px;
            border-bottom: 1px solid #e0dfdf;
            display: flex;
        }


            #Order_Summary .shopping-cart .item:last-child {
                border-bottom: none;
            }

            #Order_Summary .shopping-cart .item .buttons {
                position: relative;
                padding-top: 30px;
                margin-right: 60px;
            }

            #Order_Summary .shopping-cart .item .delete-btn,
            #Order_Summary .shopping-cart .item .like-btn {
                display: inline-block;
                Cursor: pointer;
            }

            #Order_Summary .shopping-cart .item .delete-btn {
                width: 18px;
                height: 17px;
                background: url("../images/delete-icn.svg") no-repeat center;
            }

            #Order_Summary .shopping-cart .item .like-btn {
                position: absolute;
                top: 9px;
                right: 30px;
                background: url('../images/twitter-heart.png');
                width: 60px;
                height: 60px;
                background-size: 2900%;
                background-repeat: no-repeat;
            }

            #Order_Summary .shopping-cart .item .is-active {
                animation-name: animate;
                animation-duration: .8s;
                animation-iteration-count: 1;
                animation-timing-function: steps(28);
                animation-fill-mode: forwards;
            }

@keyframes animate {
    0% {
        background-position: right;
    }

    50% {
        background-position: left;
    }

    100% {
        background-position: left;
    }
}

#Order_Summary .shopping-cart .item .image {
    margin-left: 30px;
    margin-right: 20px;
}

    #Order_Summary .shopping-cart .item .image img {
        width: 150px;
        height: 85px;
    }

#Order_Summary .shopping-cart .item .description {
    padding-top: 20px;
    margin-left: 30px;
    width: 115px;
    text-align: right;
}

    #Order_Summary .shopping-cart .item .description span {
        display: block;
        font-size: 14px;
        color: #000;
        font-weight: 500;
    }


#Order_Summary .shopping-cart .item .quantity {
    padding-top: 25px;
    margin-left: 20px;
}

    #Order_Summary .shopping-cart .item .quantity input {
        -webkit-appearance: none;
        border: none;
        text-align: center;
        width: 32px;
        font-size: 16px;
        color: #43484D;
        font-weight: 300;
        background-color: transparent;
    }

#Order_Summary .shopping-cart .item button[class*=btn] {
    width: 30px;
    height: 30px;
    background: none;
    border-radius: 150px;
    border: 1px solid #c3c9cf;
    cursor: pointer;
}

#Order_Summary .shopping-cart .item .minus-btn img, .plus-btn img {
    margin-bottom: 3px;
}


#Order_Summary .shopping-cart .item button:focus,
#Order_Summary .shopping-cart .item input:focus {
    outline: 0;
}

#Order_Summary .shopping-cart .item .total-price {
    width: 83px;
    padding-top: 25px;
    text-align: center;
    font-size: 19px;
    color: #E2283D;
    font-weight: 500;
}

#Order_Summary .shopping-cart .item .unit-price {
    width: 83px;
    padding-top: 25px;
    text-align: center;
    font-size: 15px;
    color: #E2283D;
    font-weight: 500;
}

@media (max-width: 991px) {
    #Order_Summary .shopping-cart {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        #Order_Summary .shopping-cart .item {
            height: auto;
            flex-wrap: wrap;
            justify-content: center;
        }

            #Order_Summary .shopping-cart .item .image img {
                width: 60%;
            }

            #Order_Summary .shopping-cart .item .image,
            #Order_Summary .shopping-cart .item .quantity,
            #Order_Summary .shopping-cart .item .description {
                width: 50%;
                text-align: center;
                margin: 6px 0;
            }

            #Order_Summary .shopping-cart .item .description {
                text-align: right;
                width: 40%;
            }

            #Order_Summary .shopping-cart .item .image {
                width: 60%;
            }

            #Order_Summary .shopping-cart .item .buttons {
                margin-left: 50px;
            }

            #Order_Summary .shopping-cart .item .total-price {
                width: 50%;
            }

            #Order_Summary .shopping-cart .item .unit-price {
                width: 50%;
            }
}

#Order_Summary .Content .TotalPrice .price {
    text-align: left;
    color: #E2283D;
    font-weight: 600;
}

#Order_Summary .Content .TotalPrice .title h5 {
    margin-bottom: 0;
    color: #000;
}

#Order_Summary .Content .Address h5 {
    color: #E2283D;
}

#Order_Summary .Content .Address span {
    color: #000;
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}

#Order_Summary .Content .Address p {
    margin-bottom: 0;
    font-size: 14px;
    text-align: right;
}

#Order_Summary .Content .PaymentMethod {
    text-align: left;
}

    #Order_Summary .Content .PaymentMethod .title {
        text-align: right;
        margin-top: 5px;
    }

        #Order_Summary .Content .PaymentMethod .title h5 {
            margin-bottom: 0;
        }

    #Order_Summary .Content .PaymentMethod ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    #Order_Summary .Content .PaymentMethod li {
        display: inline-block;
        margin-left: 10px;
    }

        #Order_Summary .Content .PaymentMethod li:last-of-type {
            margin-left: 0;
        }

    #Order_Summary .Content .PaymentMethod input[type="radio"][id^="method"] {
        display: none;
    }

    #Order_Summary .Content .PaymentMethod label {
        border: 2px solid transparent;
        border-radius: 3px;
        padding: 3px;
        display: block;
        cursor: pointer;
    }

        #Order_Summary .Content .PaymentMethod label img {
            height: 28px;
            width: 45px;
        }

    #Order_Summary .Content .PaymentMethod input:checked + label {
        border-color: #E2283D;
    }

#Order_Summary .Content label:hover {
    color: #AAAAAA;
}

#Order_Summary .Content .DeliveryCost {
    margin-top: 30px;
}

    #Order_Summary .Content .DeliveryCost .PayButton {
        text-align: left;
    }

        #Order_Summary .Content .DeliveryCost .PayButton button {
            background-color: #E2283D;
            width: 200px;
            border: none;
            padding: 7px;
            border-radius: 30px;
            outline: none;
            box-shadow: none;
            color: #FFF;
            transition: all 0.2s ease-in-out;
        }

            #Order_Summary .Content .DeliveryCost .PayButton button:hover {
                background-color: #000;
                color: #FFF;
            }

/***********************/
/***  Chef55TV Page ***/
/**********************/
#Chef55TV {
    text-align: center;
}

/***********************/
/***  ChefNameTV Page ***/
/**********************/
#ChefNameTV {
    margin: 30px 0px;
    text-align: center;
}

    #ChefNameTV .ChefProfile {
        text-align: center;
    }

        #ChefNameTV .ChefProfile .image {
            background-image: url('../images/ChefBg.png');
            background-size: cover;
            position: relative;
            width: 120px;
            height: 120px;
            border-radius: 60px;
            margin: auto;
            margin-bottom: 10px;
        }

        #ChefNameTV .ChefProfile .ChefTitle {
            margin-top: 10px;
        }

        #ChefNameTV .ChefProfile .image .chefImage {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 90%;
            border-radius: 30px;
        }

        #ChefNameTV .ChefProfile .image .chefFlag {
            position: absolute;
            top: -2px;
            left: -2px;
            width: 30px;
            height: 30px;
            border-radius: 60px;
            border: 2px solid #FFF;
            transition: all 0.5s ease-in-out;
        }

        #ChefNameTV .ChefProfile .title h5 {
            font-size: 18px;
            color: #000;
        }

        #ChefNameTV .ChefProfile .image:hover .chefFlag {
            transform: rotate(-360deg);
            border-color: transparent;
        }

    #ChefNameTV .videoProduct {
        height: 220px;
    }

/***********************/
/***  ChefNameTV Page ***/
/**********************/
#CategoryDetails {
    text-align: center;
}

    #CategoryDetails .card {
        height: 270px;
    }

        #CategoryDetails .card .card_title h4 img {
            width: 25px;
            height: 18px;
            margin-left: 5px;
            border-radius: 3px;
        }


@media only screen and (max-width: 600px) {
    #ProductDetails .RecipeVedio .overlay .IconRecipeVideo {
        width: 20px;
        height: 25px;
    }

    .RecipeContent .card {
        height: auto;
    }

    .VedioModelBody {
        height: 100%;
    }

    .ImageModelBody {
        height: 100%;
    }

    .section_header .section-title {
        font-size: 25px;
    }

    .formobile {
        display: block;
    }

    .navbar-nav .nav-item {
        margin-left: 0;
    }

    .navbar-light .navbar-nav .nav-link {
        border: none;
        margin: 10px 0;
    }

    #navbarContent {
        max-height: 400px;
        overflow: scroll;
    }

    .swiper-container {
        height: 340px;
    }

    .contentSlider {
        width: 70%;
    }

        .contentSlider h1 {
            font-size: 60px;
        }

        .contentSlider p {
            font-size: 20px;
        }

    .Kids_Image {
        width: 100%;
        height: auto;
    }

    .copyright, .language {
        text-align: center;
    }

    .title-widget {
        font-size: 16px;
    }

    .widget_nav_menu ul li {
        font-size: 14px;
    }

    .copyright p, .language p {
        font-size: 12px;
    }

    .widget_nav_menu img {
        height: auto;
    }

    .rightTab {
        border-right: none;
        padding-right: 0px;
        margin-top: 40px;
    }

        .rightTab .mostView .Viewed_content {
            margin: 30px 0px;
            clear: both;
            overflow: hidden;
        }
    /* Login */
    #Login .Form .left {
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }

    #Login .Form .right {
        width: 100%;
        float: none;
        text-align: center;
    }

    #Login .Form .LoginDiv {
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
    }

    #Login .Form .accountDiv {
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
    }
    /* Contact */
    #Contact .social ul li {
        display: inline-block;
        padding: 10px;
        margin-left: 0px;
        width: 20%;
    }
    /* My Account */
    #MyAccount .Account_Setting ul li {
        width: 50%;
    }

        #MyAccount .Account_Setting ul li a .Setting_Title span {
            font-size: 16px;
        }
    /* Products */
    .card {
        height: auto;
    }
    /* ShoppingCart */
    #ShoppingCart .checkout .left {
        width: 100%;
    }

        #ShoppingCart .checkout .left ul li {
            float: none;
            width: 100%;
            text-align: center;
            margin-bottom: 10px;
        }

    #ShoppingCart .checkout .right {
        width: 100%;
        float: none;
    }

    #ShoppingCart .shopping-cart .item .total-price {
        width: 50%;
    }

    #ShoppingCart .shopping-cart .item .unit-price {
        width: 50%;
    }
    /*  Product Details */
    #ProductDetails .title_Detail .left {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    #ProductDetails .title_Detail .right {
        float: none;
        width: 100%;
        text-align: center;
    }

    #ProductDetails .title_Detail .left h4 {
        font-size: 22px;
    }
    /* OfferDetails */
    #OfferDetails .offername .DetailOffer {
        margin: 0px 15px;
    }

    #MyAddresses .Add_address .add_btn {
        width: 50%;
    }

    #MyAddresses .address_Link {
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
        float: none;
    }
    /* Order_Summary */
    #Order_Summary .shopping-cart .item .total-price {
        width: 50%;
    }

    #Order_Summary .shopping-cart .item .unit-price {
        width: 50%;
    }

    #Dishes .Dish_Card,
    #Dishes .Dish_Card .image {
        height: auto;
    }

    .SupplierProfile .image {
        width: 100px !important;
    }

    .SupplierProfile .content span {
        font-size: 14px !important;
    }

    .SupplierProfile .content h5 {
        font-size: 16px !important;
    }
}


@media only screen and (min-width: 601px) and (max-width: 767px) {
    #ProductDetails .RecipeVedio .overlay .IconRecipeVideo {
        width: 25px;
        height: 30px;
    }

    .VedioModelBody {
        height: 100%;
    }

    .ImageModelBody {
        height: 100%;
    }

    .formobile {
        display: block;
    }

    .Search_Icon {
        left: 75px;
    }

    .navbar-nav .nav-item {
        margin-left: 0;
    }

    .navbar-light .navbar-nav .nav-link {
        border: none;
        margin: 10px 0;
    }

    #navbarContent {
        max-height: 400px;
        overflow: scroll;
    }

    .swiper-container {
        height: 340px;
    }

    .contentSlider {
        width: 70%;
    }

    .Kids_Image {
        height: 53px;
    }

    .widget_nav_menu {
        text-align: right !important;
    }

    .title-widget {
        font-size: 16px;
    }

    .widget_nav_menu ul li {
        font-size: 14px;
    }

    .copyright, .language {
        text-align: center;
    }

    .widget_nav_menu img {
        height: auto;
    }

    .rightTab {
        border-right: none;
        padding-right: 0px;
        margin-top: 40px;
    }

        .rightTab .mostView .Viewed_content {
            margin: 30px 0px;
            clear: both;
            overflow: hidden;
        }
    /* Login */
    #Login .Form .left {
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }

    #Login .Form .right {
        width: 100%;
        float: none;
        text-align: center;
    }

    #Login .Form .LoginDiv {
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
    }

    #Login .Form .accountDiv {
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
    }
    /* ShoppingCart */
    #ShoppingCart .checkout .left {
        width: 100%;
    }

        #ShoppingCart .checkout .left ul li {
            float: none;
            width: 100%;
            text-align: center;
            margin-bottom: 10px;
        }

    #ShoppingCart .checkout .right {
        width: 100%;
        float: none;
    }
    /* ProductDetails */
    #ProductDetails .title_Detail .left h4 {
        font-size: 21px;
    }

    #MyAddresses .Add_address .add_btn {
        width: 40%;
    }

    #MyAddresses .address_Link {
        margin: 0px 5px 40px 5px;
    }

    #Dishes .Dish_Card,
    #Dishes .Dish_Card .image {
        height: 150px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .VedioModelBody {
        height: 100%;
    }

    .ImageModelBody {
        height: 100%;
    }

    .formobile {
        display: block;
    }

    .Search_Icon {
        left: 75px;
    }

    .navbar-nav .nav-item {
        margin-left: 0;
    }

    .navbar-light .navbar-nav .nav-link {
        border: none;
        margin: 10px 0;
    }

    #navbarContent {
        max-height: 400px;
        overflow: scroll;
    }

    .swiper-container {
        height: 340px;
    }

    .contentSlider {
        width: 70%;
    }

    .Kids_Image {
        height: 53px;
    }

    .widget_nav_menu {
        text-align: right !important;
    }

    .title-widget {
        font-size: 16px;
    }

    .widget_nav_menu ul li {
        font-size: 14px;
    }

    .widget_nav_menu img {
        height: auto;
    }
    /* Login */
    #Login .Form .left {
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }

    #Login .Form .right {
        width: 100%;
        float: none;
        text-align: center;
    }

    #Login .Form .LoginDiv {
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
    }

    #Login .Form .accountDiv {
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
    }
    /* Products */


    /* ShoppingCart */
    #ShoppingCart .checkout .left {
        width: 100%;
    }

        #ShoppingCart .checkout .left ul li {
            float: none;
            width: 100%;
            text-align: center;
            margin-bottom: 10px;
        }

    #ShoppingCart .checkout .right {
        width: 100%;
        float: none;
    }

    #MyAddresses .Add_address .add_btn {
        width: 40%;
    }

    #MyAddresses .address_Link {
        margin: 0px 5px 40px 5px;
    }

    #Dishes .Dish_Card,
    #Dishes .Dish_Card .image {
        height: 150px;
    }
}


@media only screen and (min-width: 992px)and (max-width: 1199px) {

    .search-box {
        width: 840px;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 14px;
        padding: 0.4rem 0.4rem;
    }

    .navbar .links ul li {
        margin-right: 20px;
    }

    .Kids_Image {
        height: 74px;
    }
    /* Products */
    .card {
        height: 330px;
    }
    /* ShoppingCart */
    #ShoppingCart .checkout .right button {
        width: 185px;
    }

    #ShoppingCart .shopping-cart .item .quantity {
        width: 20px;
        padding-top: 0px;
    }

    #MyAddresses .Add_address .add_btn {
        width: 40%;
    }
    /* Order_Summary */
    #Order_Summary .shopping-cart .item .quantity {
        width: 30px;
        padding-top: 0px;
    }
}

.bt_update_shoping_cart {
    background-color: #000;
    border-color: #000;
}

    .bt_update_shoping_cart:hover {
        background-color: #e2283d;
        border-color: #e2283d;
    }
/***********************/
/***  ChefNameTV Page ***/
/**********************/
#ChefNameTV {
    margin: 30px 0px;
    text-align: center;
}

    #ChefNameTV .ChefProfile {
        text-align: center;
    }

        #ChefNameTV .ChefProfile .image {
            background-image: url('../images/ChefBg.png');
            background-size: cover;
            position: relative;
            width: 120px;
            height: 120px;
            border-radius: 60px;
            margin: auto;
            margin-bottom: 10px;
        }

        #ChefNameTV .ChefProfile .ChefTitle {
            margin-top: 10px;
        }

        #ChefNameTV .ChefProfile .image .chefImage {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 90%;
            border-radius: 30px;
        }

        #ChefNameTV .ChefProfile .image .chefFlag {
            position: absolute;
            top: -2px;
            left: -2px;
            width: 30px;
            height: 30px;
            border-radius: 60px;
            border: 2px solid #FFF;
            transition: all 0.5s ease-in-out;
        }

        #ChefNameTV .ChefProfile .title h5 {
            font-size: 18px;
            color: #000;
        }

        #ChefNameTV .ChefProfile .image:hover .chefFlag {
            transform: rotate(-360deg);
            border-color: transparent;
        }

    #ChefNameTV .videoProduct {
        height: 220px;
    }

/***********************/
/***  ChefNameTV Page ***/
/**********************/
.closeBtn {
    color: red;
    position: absolute;
    top: 6px;
    left: 16px;
}

/* add this */
/*.FilterForm {
    padding: 20px;
    width: 100%;
    text-align: left;
    background-color: #FFF;
    border-radius: 5px;
    margin-bottom: 10px;
    box-shadow: 3px 5px 15px #DDD;
}

    .FilterForm span {
        color: #000;
        font-size: 18px;
    }

    .FilterForm input[type="checkbox"] {
        position: absolute;
        opacity: 0;
    }

        .FilterForm input[type="checkbox"] + .checkbox-label:before {
            content: '';
            background: #fff;
            border-radius: 10%;
            border: 1.5px solid #c9cdd2;
            display: inline-block;
            width: 20px;
            height: 20px;
            position: relative;
            margin-right: 8px;
            vertical-align: sub;
            cursor: pointer;
            text-align: center;
        }



        .FilterForm input[type="checkbox"]:checked + .checkbox-label {
            color: #E2283D;
        }


    .FilterForm label:hover {
        color: #7e7e7e;
    }

    .FilterForm input[type="checkbox"]:checked + .checkbox-label:before {
        background-color: #E2283D;
        border-color: #E2283D;
        box-shadow: inset 0 0 0 5px #ffffff;
    }

    .FilterForm input[type="checkbox"]:disabled + .checkbox-label:before {
        box-shadow: inset 0 0 0 4px #c9cdd2;
        border-color: #838d98;
        background: #838d98;
    }*/


.SortBy, .No_items, .FilterForm {
    padding: 20px;
    width: 100%;
    text-align: right;
    background-color: #FFF;
    border-radius: 5px;
    margin-bottom: 10px;
    box-shadow: -3px 5px 15px #DDD;
}

    .SortBy span,
    .No_items span,
    .FilterForm span {
        color: #000;
        font-size: 18px;
    }

    .SortBy input[type="radio"],
    .No_items input[type="radio"],
    .FilterForm input[type="radio"] {
        position: absolute;
        opacity: 0;
    }

        .SortBy input[type="radio"] + .radio-label:before,
        .No_items input[type="radio"] + .radio-label:before,
        .FilterForm input[type="radio"] + .radio-label:before {
            content: '';
            background: #fff;
            border-radius: 100%;
            border: 1.5px solid #c9cdd2;
            display: inline-block;
            width: 20px;
            height: 20px;
            position: relative;
            margin-left: 8px;
            vertical-align: sub;
            cursor: pointer;
            text-align: center;
        }

        .SortBy input[type="radio"]:checked + .radio-label,
        .No_items input[type="radio"]:checked + .radio-label,
        .FilterForm input[type="radio"]:checked + .radio-label {
            color: #E2283D;
        }


    .SortBy label:hover,
    .No_items label:hover,
    .FilterForm label:hover {
        color: #7e7e7e;
    }

    .SortBy input[type="radio"]:checked + .radio-label:before,
    .No_items input[type="radio"]:checked + .radio-label:before,
    .FilterForm input[type="radio"]:checked + .radio-label:before {
        background-color: #E2283D;
        border-color: #E2283D;
        box-shadow: inset 0 0 0 5px #ffffff;
    }

    .SortBy input[type="radio"]:disabled + .radio-label:before,
    .No_items input[type="radio"]:disabled + .radio-label:before,
    .FilterForm input[type="radio"]:disabled + .radio-label:before {
        box-shadow: inset 0 0 0 4px #c9cdd2;
        border-color: #838d98;
        background: #838d98;
    }

.Filter_Btn {
    display: none;
}

    .Filter_Btn button {
        background: #E2283D;
        border: none;
        padding: 7px;
        width: 100%;
        border-radius: 30px;
        color: #FFF;
        outline: none;
        box-shadow: none;
        transition: all 0.2s ease-in-out;
    }

        .Filter_Btn button i {
            margin-left: 5px;
        }

        .Filter_Btn button:hover {
            background-color: #000;
            color: #FFF;
        }

@media only screen and (max-width: 600px) {
    .Filter_Mobile {
        display: none;
    }

    .Filter_Btn {
        display: block;
    }
}


@media only screen and (min-width: 601px) and (max-width: 767px) {
    .Filter_Mobile {
        display: none;
    }

    .Filter_Btn {
        display: block;
    }
}

.spinner-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #FFF;
    z-index: 999999;
}

.spinner {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 46%;
    right: 0;
    left: 0;
    text-align: center;
    margin: 0 auto;
}

    .spinner img {
        width: 80px;
        height: auto;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        margin: 0 auto;
        text-align: center;
    }

.product-in-supplier {
    text-align: right;
}

.SupplierProfile {
    border-radius: 10px;
    margin-bottom: 15px;
    display: flex;
    text-align: right;
    align-items: center;
    background-color: #FFF;
    padding: 5px;
}

    .SupplierProfile .image {
        background-color: #FFF;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        margin-left: 10px;
    }

        .SupplierProfile .image img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

    .SupplierProfile .content span {
        font-size: 16px;
        color: #000;
        font-weight: 600;
    }

    .SupplierProfile .content h5 {
        font-size: 18px;
        color: #000;
    }





.product-review-list .image {
    background-size: cover;
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    float: right;
}

    .product-review-list .image .customerImage {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        border-radius: 100px;
    }