/****************************************
Template Name: RESTINA - Food & Restaurant HTML Template With RTL.
Author: ThemeLab-Portfolio 
Author Email: themelab.bd@gmail.com
Version: 2.0
Description: CTAKE is Multi Page HTML Template designed for Restaurants, cafes, Seafood, Bakeries, bars, Catering, and Food business websites. It is designed with a Unique and clean & modern Look. This template is designed based on the Bootstrap5 Grid System. You can customize it very easily to fit your needs. CTAKE is a fully responsive layout. It fits perfectly on various displays and resolutions from regular desktop screens to tablets, iPads, iPhones, and small mobile devices.
***************************************

CSS INDEX
===================================
01. GLOBAL CSS 
02. HOME PAGE 01
03. HOME PAGE 02 
04. HOME PAGE 03
05. ABOUT US PAGE 01
06. ABOUT US PAGE 02
07. MENU STYLE 01
08. MENU STYLE 02
09. MENU GRID VIEW PAGE
10. MENU DETAILS PAGE
11. BRANCH PAGE
12. BLOG DETAILS PAGE
13. DASHBOARD PAGE 
14. CART VIEW PAGE
15. SERVICE PAGE
16. SERVICE DETAILS PAGE
17. FAQ'S PAGE
18. CHEFS DETAILS PAGE
19. RESERVATION PAGE
20. CHECKOUT PAGE
21. PAYMENT PAGE
22. CONTACT PAGE
23. SIGN IN PAGE
24. PRIVACY POLICY PAGE
25. ERROR/404 PAGE
**********************************/

/*=============================
    GLOBAL CSS START
=============================*/
@import url('https://fonts.googleapis.com/css2?family=Katibeh&display=swap');
@import './font-bicyclette.css'; 


@font-face {
    font-family: 'Elika Gorica';
    src: url('../fonts/Elika Gorica Regular.ttf');
}

@font-face {
    font-family: 'Coffee Service';
    src: url('../fonts/CoffeeService.ttf');
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
}

.bg_banner .col-lg-7 {
    width: 65%;
}

.bg_banner .col-lg-5 {
    width: 35%;
}

* {
    margin: 0;
    padding: 0;
}

.me-1 { margin-right: 0.25rem; }
.me-2 { margin-right: 0.5rem; }
.me-3 { margin-right: 1rem; }
.me-4 { margin-right: 1.5rem; }
.me-5 { margin-right: 3rem; }

.menuitem {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}

.menuitem.active {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    cursor: pointer;
}

ul,
ol,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    display: inline-block;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.marklink {
    width: 60px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: var(--fontBicyclette);
    color: var(--colorBlack);
}
.d_none, #numQty2.d_none {
    display: none;
}
p,
span {
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    color: var(--paraColor);
    font-family: var(--fontBicyclette);
}

#bodyAlert, #headAlert {
    font-size: 20px;
    font-family: var(--fontBicyclette);
}

li.link a {
    height: 48px;
}

.dashboard_invoice_header p, .dashboard_invoice_footer p {
    font-size: 20px;
}

#row-dashboard {
    margin-bottom: 75px;
}

.header {
    border-bottom: thin solid #fff;
}

.floating-alert {
    position: fixed;
    bottom: 110px;
    right: 20px;
    z-index: 1000; /* Ensure it appears on top */
    width: 320px;
    padding: 15px;
    border-radius: 10px;
    background-color: #f44336; /* Alert background color */
    color: white; /* Text color */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.eventlist {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    min-height: 650px;
}

body {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

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

input,
textarea {
    width: 100%;
    padding: 12px 20px;
    outline: none;
    resize: none;
    border: 1px solid rgba(8, 5, 33, 0.10);
    border-radius: 10px;
    font-size: 15px;
    font-weight: 400;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

input::placeholder,
textarea::placeholder {
    color: #a6a6ac;
}

button {
    border: none;
}

:root {
    --colorPrimary: #DB402F;
    --colorYellow: #F2A22A;
    --colorGreen: #0F9043;
    --lightBg: #F4ECDF;
    --ratingColor: #F4A630;
    --paraColor: #525064;
    --colorBlack: #080521;
    --colorWhite: #ffffff;
    --colorFooterBg: #F7E6D9;
    --headingFont: "Katibeh", serif;
    --paraFont: "Katibeh", serif;
    --fontBicyclette: "Bicyclette", serif;
    --fontCoffee: "Coffee Service", serif;
    --fsHeader2: 16pt;
    --borderRadius: 25px;
}

.font-bicyclette {
    font-family: var(--fontBicyclette);
}

.location-page .container {
    min-height: 450px;
}

.container_large {
    max-width: 1600px;
}

.clear {
    clear: both;
}

.white a, .white {
    color: #fff !important;
}

.common_btn {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 400;
    padding: 2px 10px 2px 10px;
    position: relative;
    border-radius: 6px;
    z-index: 1;
    text-align: center;
    background: var(--colorYellow);
    font-family: var(--fontBicyclette);
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.common_btn i {
    margin-right: 5px;
}

.common_btn:hover {
    background: var(--colorWhite);
    color: var(--colorPrimary);
}

.common_btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    z-index: 2;
    opacity: 0;
    border-radius: 5px;
    border-top: 1px solid var(--colorPrimary);
    border-left: 1px solid var(--colorPrimary);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.common_btn:hover::before {
    opacity: 1;
    width: 100%;
    height: 100%;
}

.common_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    z-index: 2;
    opacity: 0;
    border-radius: 5px;
    border-bottom: 1px solid var(--colorPrimary);
    border-right: 1px solid var(--colorPrimary);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.common_btn:hover::after {
    opacity: 1;
    width: 100%;
    height: 100%;
}

.common_btn .icon {
    display: block;
    width: 17px;
    margin-right: 8px;
    margin-top: -2px;
}

.common_btn:hover .icon {
    filter: invert(17%) sepia(65%) saturate(4203%) hue-rotate(339deg) brightness(77%) contrast(97%);
}

@keyframes zoomAnimi {
    from {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    to {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
}

.prevArrow,
.nextArrow {
    border-radius: 10px;
    border: 1px solid rgba(8, 5, 33, 0.10);
    background: var(--colorWhite);
    width: 45px;
    height: 45px;
    line-height: 45px !important;
    text-align: center;
    padding: 0;
    cursor: pointer;
    color: var(--colorBlack);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    z-index: 2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.nextArrow,
.prevArrow:hover,
.nextArrow:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
    border-color: var(--colorBlack);
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.16);
}

.section_heading {
    text-align: center;
}

.section_heading h1 {
    font-size: 120px;
    font-weight: 400;
    text-transform: uppercase;
    color: #DB402F;
    line-height: 144px;
    font-family: var(--fontBicyclette);
}

.section_heading h2 {
    font-size: 50px;
    font-weight: 800;
    text-transform: capitalize;
    color: #DA402E;
    font-family: var(--fontBicyclette);
}

.section_heading h3 {
    font-size: 50px;
    font-weight: 700;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #DA402E;
    font-family: var(--fontBicyclette);
}

.heading_left {
    text-align: left;
}

input:focus {
    box-shadow: none !important;
}

.play_btn {
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    background: var(--colorWhite);
    color: var(--colorBlack);
    position: relative;
    z-index: 1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.play_btn::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--colorWhite);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    top: 0;
    left: 0;
    z-index: -1;
    animation: playAnimi 2s infinite;
    -webkit-animation: playAnimi 2s infinite;
}

.play_btn::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--colorWhite);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    top: 0;
    left: 0;
    z-index: -1;
    animation: playAnimi 3s infinite;
    -webkit-animation: playAnimi 3s infinite;
}

@keyframes playAnimi {
    from {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(2);
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
    }
}

.read_btn {
    color: var(--colorPrimary);
    font-family: var(--fontBicyclette);
    font-size: 14px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
}

.read_btn i {
    font-size: 20px;
    margin-left: 5px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.read_btn:hover {
    color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.read_btn:hover i {
    margin-left: 10px;
}

.breadcrumb_area {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-top: 120px;
}

.breadcrumb_text {
    width: 60%;
    padding-left: 1.8rem;
}

.breadcrumb_text h1 {
    font-size: 36px;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: 400px;
    margin-bottom: 30px;
    color: #fff;
    font-family: var(--fontBicyclette);
}

.breadcrumb_text p {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 60px;
    color: #fff;
    font-family: var(--fontBicyclette);
}

.breadcrumb-list {
    position: absolute;
    width: 100% !important;
    height: auto !important;
}

.breadcrumb_text ul {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    background: var(--colorWhite);
    gap: 20px;
    padding: 15px 35px;
    box-shadow: 0px 1px 1px 0px rgba(6, 23, 48, 0.10);
}

.breadcrumb_text ul li {
    position: relative;
}

.breadcrumb_text ul li a {
    color: var(--colorBlack);
    font-family: var(--fontBicyclette);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    opacity: .6;
}

.breadcrumb_text ul li a i {
    margin-right: 5px;
}

.breadcrumb_text ul li:last-child a,
.breadcrumb_text ul li a:hover {
    color: var(--colorPrimary);
    opacity: 1;
}

.breadcrumb_text ul li::after {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background: var(--colorBlack);
    top: 11px;
    left: -11px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.breadcrumb_text ul li:first-child::after {
    background: url(../images/home_icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 17px;
    height: 19px;
    border-radius: 0;
    top: 2px;
    left: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.breadcrumb_text ul li:first-child a {
    padding-left: 27px
}

.pagination_area .pagination {
    gap: 7px;
}

.pagination_area .pagination li a {
    width: 40px;
    height: 40px;
    line-height: 38px;
    padding: 0;
    text-align: center;
    border-radius: 50% !important;
    border: 1px solid rgba(8, 5, 33, 0.10);
    color: #080521b5;
    background: var(--colorWhite);
    font-family: var(--fontBicyclette);
    font-size: 16px;
    font-weight: 500;
    box-shadow: none !important;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
}

.pagination_area .pagination li a.active {
    background: var(--colorPrimary) !important;
    color: var(--colorWhite) !important;
    border-color: var(--colorPrimary) !important;
}

.pagination_area .pagination li a:hover {
    color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.form-check-input:focus {
    border-color: var(--colorPrimary);
    box-shadow: none;
}

.form-check-input:checked {
    background-color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

/*=============================
    GLOBAL CSS END
=============================*/

/*=============================
    HOME PAGE 1 START
=============================*/
/* popup subscribe start */
.popup_subscribe_area {
    background: rgba(8, 5, 33, 0.80);
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup_subscribe_box {
    max-width: 1000px;
    background: var(--colorWhite);
}

.popup_subscribe_img {
    max-height: 435px;
    overflow: hidden;
}

.popup_subscribe_form {
    padding: 25px 70px 25px 50px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    position: relative;
}

.popup_subscribe_form h2 {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.popup_subscribe_form input {
    border: 1px solid rgba(8, 5, 33, 0.10);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.popup_subscribe_form .form-check {
    margin-top: 15px;
    margin-bottom: 30px;
}

.popup_subscribe_form .form-check input {
    padding: 0;
    border-radius: 4px;
    margin-top: 6px;
}

.popup_subscribe_form .form-check label {
    color: #525064;
    font-family: var(--fontBicyclette);
    font-size: 15px;
    font-weight: 500;
}

.popup_subscribe_form .form-check label a {
    color: var(--colorBlack);
    text-decoration: underline;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.popup_subscribe_form .form-check label a:hover {
    color: var(--colorPrimary);
}

.popup_subscribe_form button {
    width: 100%;
    justify-content: center;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    font-weight: 600;
}

.popup_subscribe_area .close_popup {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 20px;
    color: var(--colorBlack);
    cursor: pointer;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.popup_subscribe_area .close_popup:hover {
    color: var(--colorPrimary);
}

/* popup subscribe end */

/* header start */
header {
    width: 100%;
    height: 90px;
    line-height: 40px;
    background: #DB402F;
    position: relative;
    top: 0;
    left: 0;
    z-index: 99;
}

header .header_left p {
    color: #FFE675;
    font-family: var(--fontBicyclette);
    font-size: 24px;
    line-height: 85px;
    text-align: center;
    text-transform: uppercase;
}

header .header_left p i {
    margin-right: 5px;
}

header .header_right {
    padding-top: 9px;
}

header .header_right ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
}

header .header_right ul li {
    border-right: 1px solid rgba(255, 255, 255, 0.20);
    line-height: 20px;
    padding-right: 20px;
    margin-right: 20px;
}

header .header_right ul li:last-child {
    border: none;
    margin: 0;
    padding: 0;
}

header .header_right ul li a {
    display: inline-flex;
    align-items: center;
    color: var(--colorWhite);
    font-family: var(--fontBicyclette);
    font-size: 14px;
    font-weight: 500;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

header .header_right ul li a span {
    display: block;
    width: 15px;
    margin-right: 5px;
}

header .header_right ul li a:hover {
    color: var(--colorYellow);
}

header .header_right ul li a:hover span {
    filter: brightness(0) saturate(100%) invert(82%) sepia(22%) saturate(5792%) hue-rotate(341deg) brightness(100%) contrast(91%);
}

header .header_right .nice-select {
    background: none;
    border: none;
    height: auto;
    line-height: normal;
    padding: 0;
    min-width: 85px;
}

header .header_right .nice-select .list {
    margin-top: 11px;
}

header .header_right .nice-select .current {
    color: var(--colorWhite);
    font-family: var(--fontBicyclette);
    font-size: 14px;
    font-weight: 500;
}

header .header_right .nice-select:after {
    border-bottom: 2px solid #B5B4BC;
    border-right: 2px solid #B5B4BC;
    margin-top: -5px;
    right: 0;
}

/* header end */

/* menu start */
.main_menu {
    width: 100%;
    height: 120px;
    background: var(--colorWhite);
    position: fixed;
    top: 0px;
    left: 0;
    padding: 0;
    /* border-bottom: 1px solid rgba(8, 5, 33, 0.10); */
    z-index: 9;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.main_menu .navbar-brand {
    padding: 0;
    margin: 0;
    width: 150px;
}

.main_menu .navbar-nav .nav-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.main_menu .navbar-nav .nav-item .nav-link {
    margin: 0;
    padding: 0px 17px;
    color: var(--colorPrimary);
    font-family: var(--fontBicyclette);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    opacity: .7;
}

.main_menu .navbar-nav .nav-item .nav-link i {
    margin-left: 5px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.main_menu .navbar-nav .nav-item:hover .nav-link,
.main_menu .navbar-nav .nav-item .nav-link.active {
    color: var(--colorPrimary);
    opacity: 1;
}

.main_menu .navbar-nav .nav-item:hover .nav-link i,
.main_menu .navbar-nav .nav-item .nav-link.active i {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.main_menu .menu_right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.main_menu .menu_right li .menu_search,
.main_menu .menu_right li .menu_cart {
    border: 1px solid #D8D7DB;
    width: 45px;
    height: 45px;
    line-height: 43px;
    text-align: center;
    border-radius: 50%;
    color: var(--colorBlack);
    position: relative;
    margin-right: 10px;
    cursor: pointer;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.main_menu .menu_right li .menu_cart .qnty {
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
    background: var(--colorPrimary);
    border-radius: 50%;
    line-height: 22px;
    color: var(--colorWhite);
    font-size: 12px;
    font-weight: 700;
    top: -4px;
    right: -8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.main_menu .menu_right li .menu_search:hover,
.main_menu .menu_right li .menu_cart:hover {
    color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.main_menu .menu_right li .menu_order {
    margin-left: 12px;
}

.main_menu.menu_fix {
    top: 0;
    z-index: 999;
    background: var(--colorWhite);
}

.main_menu .droap_menu {
    position: absolute;
    top: 70%;
    left: 0;
    background: #DB402F !important;
    z-index: 999;
    width: 230px;
    max-height: 500px;
    /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
    box-shadow: #000 0px 4px 12px;
    line-height: 40px;
    transform: scaleY(.8);
    /*border-radius: 18px;*/
    transform-origin: top;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    overflow-y: auto;
    /* border-top: 2px solid var(--colorWhite); */
    transition: ease-in-out .2s;
    -webkit-transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
    -ms-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    -webkit-transform: scaleY(.8);
    -moz-transform: scaleY(.8);
    -ms-transform: scaleY(.8);
    -o-transform: scaleY(.8);
}

.main_menu .droap_menu.menu2 {
    position: absolute;
    top: 70%;
    left: 0;
    background: #DA402E;
    z-index: 999;
    width: 290px;
    /*max-height: 500px;*/
     box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; 
    box-shadow: #000 0px 4px 12px;
    line-height: 40px;
    transform: scaleY(.8);
    border-radius: 18px;
    transform-origin: top;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    overflow-y: auto;
    /* border-top: 2px solid var(--colorWhite); */
    transition: ease-in-out .2s;
    -webkit-transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
    -ms-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    -webkit-transform: scaleY(.8);
    -moz-transform: scaleY(.8);
    -ms-transform: scaleY(.8);
    -o-transform: scaleY(.8);
}

.main_menu .droap_menu.menu3 {
    position: absolute;
    top: 70%;
    left: 0;
    background: #DB402F !important;
    z-index: 999;
    min-width: 640px;
    /*max-height: 500px;*/
     box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; 
    box-shadow: #000 0px 4px 12px;
    line-height: 40px;
    transform: scaleY(.8);
    border-radius: 18px;
    transform-origin: top;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    overflow-y: auto;
    /* border-top: 2px solid var(--colorWhite); */
    transition: ease-in-out .2s;
    -webkit-transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
    -ms-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    -webkit-transform: scaleY(.8);
    -moz-transform: scaleY(.8);
    -ms-transform: scaleY(.8);
    -o-transform: scaleY(.8);
}

.main_menu .droap_menu::-webkit-scrollbar {
    scrollbar-width: thin !important;
    background: #eee;
    width: 5px;
}

.main_menu .droap_menu::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.main_menu .droap_menu li a {
    color: #fff;
    width: 100%;
    padding: 1px 25px;
    /* border-bottom: 1px solid #f4f3f3; */
    position: relative;
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
    transition: all ease 250ms;
    font-family: var(--fontBicyclette);
}

.main_menu .droap_menu.menu2 li a, .main_menu .droap_menu.menu3 li a {
    color: #fff;
}

.main_menu .droap_menu li:last-child a {
    border-bottom: 0;
}

/* .main_menu .droap_menu li a::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ffd040;
    top: 19px;
    left: 20px;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
} */

.main_menu .droap_menu:not(.disabled) li:not(.header) a:hover,
.main_menu .droap_menu:not(.disabled) li:not(.header) a.active {
    color: #FF0000;
    /* padding: 0 30px; */
    background: #F7E8DF;
    border: solid 1px #ddd;
    border-radius: 15px;
    width: 90%;
    margin: 5px 5px 5px 10px;
    transition: all ease 250ms;
}

.main_menu .droap_menu_new li:not(.header) a:hover,
.main_menu .droap_menu_new li:not(.header) a.active {
    color: #FF0000;
    /* padding: 0 30px; */
    background: #F7E8DF;
    border: solid 1px #ddd;
    border-radius: 15px;
    width: 90%;
    margin: 5px 5px 5px 10px;
    transition: all ease 250ms;
}

.main_menu .droap_menu li a:hover::after,
.main_menu .droap_menu li a.active::after {
    opacity: 1;
}

.main_menu .navbar-nav .nav-item:hover .droap_menu {
    transform: scaleY(1);
    opacity: 1;
    overflow: hidden;
    visibility: visible;
    background: #F7E6D9;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
}

.main_menu .navbar-nav .nav-item:hover .droap_menu.menu2 {
    transform: scaleY(1);
    opacity: 1;
    overflow: hidden;
    visibility: visible;
    background: #DB402F;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
}

.main_menu .navbar-nav .nav-item:hover .droap_menu.menu3 {
    transform: scaleY(1);
    opacity: 1;
    overflow: hidden;
    visibility: visible;
    background: #DB402F;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
}


/* for small device start */
.navbar-toggler {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    color: #db402f;
    border: none;
    font-size: 30px;
    margin-right: 12px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    box-shadow: none !important;
}

.navbar-toggler .close_icon {
    display: none;
}

.navbar-toggler.show {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.navbar-toggler.show .bar_icon {
    display: none;
}

.navbar-toggler.show .close_icon {
    display: inline-block;
}

/* menu end */

/* menu search start */
.menu_search_area {
    background: #00000097;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform-origin: top;
    opacity: 0;
    visibility: hidden;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.menu_search_area form {
    width: 950px;
    position: relative;
    background: var(--colorWhite);
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 80px 50px -30px rgba(0, 0, 0, .32);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.menu_search_area form input {
    padding: 20px 30px;
}

.menu_search_area form button {
    position: absolute;
    top: 50%;
    right: 41px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.menu_search_area form .close_search {
    display: block;
    width: 50px;
    height: 50px;
    background: var(--colorYellow);
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    color: var(--colorBlack);
    position: absolute;
    top: -55px;
    right: 0;
    cursor: pointer;
    font-size: 20px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.menu_search_area form .close_search:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.menu_search_area.show_search {
    opacity: 1;
    visibility: visible;
}

/* menu search end */

/* mini cart start */
.mini_cart .offcanvas-header {
    background: #fff;
    padding: 10px 20px;
}

.mini_cart .offcanvas-header h5 {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 700;
    color: var(--colorBlack);
    padding: 10px 0px;
}

.mini_cart .offcanvas-header h5 span {
    color: var(--colorBlack);
    margin-left: 5px;
}

.mini_cart .offcanvas-header .btn-close {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    margin-right: 0px;
    background: none;
    color: #343434;
    opacity: 1;
    transition: all linear .3s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.mini_cart .offcanvas-header .btn-close:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.mini_cart ul {
    display: block;
    overflow-y: auto !important;
    scrollbar-width: thin;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    padding-left: 5px;
    /*max-height: 500px;*/
    /* border-top: 1px solid rgba(8, 5, 33, 0.10);
    border-bottom: 1px solid rgba(8, 5, 33, 0.10); */
    padding-top: 15px;
    margin-bottom: 10px;
}

.mini_cart ul::-webkit-scrollbar {
    scrollbar-width: thin !important;
    background: var(--colorPrimary);
    width: 5px;
}

.mini_cart ul::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.mini_cart li {
    width: 100%;
    display: block;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 2px solid #EE2737;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.mini_cart li:last-child {
    margin-bottom: 0;
    border: none;
}

.mini_cart .cart_img {
    width: 80px;
    height: 80px;
    border: 1px solid rgba(8, 5, 33, 0.10);
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.mini_cart .cart_img img {
    height: 100%;
}

.del_icon {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--colorWhite);
    background: var(--colorPrimary);
    font-size: 18px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    opacity: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.del_icon:hover {
    opacity: 1;
}

.mini_cart .cart_text {
    max-width: 100%;
    /* margin-left: 20px; */
}

.mini_cart .cart_text a {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 700;
    display: block;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    color: var(--colorBlack);
}

.mini_cart .cart_text a:hover {
    color: var(--colorPrimary);
}

.mini_cart .cart_text p {
    font-size: 24px;
    font-weight: 700;
    color: #343434;
    margin-top: 5px;
    margin-left: auto;
}

.mini_cart .cart_text p del {
    color: var(--paraColor);
    font-weight: 400;
    margin-left: 5px;
}

.mini_cart h5 {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    padding: 15px 0px 13px 0px;
}

.mini_cart h5 span {
    color: var(--colorBlack);
    font-weight: 700;
    font-size: 20px;
}

.minicart_btn_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    overflow: hidden;
}

.minicart_btn_area a {
    width: 100%;
    display: block;
}

/* mini cart end */

/* banner start */
.banner {
    height: 100vh;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    padding-top: 120px;
}

.banner div {
    height: 100%;
}

.banner .banner_text {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 5px;
    align-items: start;
}

.banner .banner_text h5 {
    color: var(--colorPrimary);
    font-family: var(--fontBicyclette);
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase;
}

.banner .banner_text h1 {
    line-height: 84px;
}

.banner .banner_text h1,
.banner .banner_text h1 span {
    font-size: 80px;
    font-weight: 700;
    letter-spacing: -1.6px;
    text-transform: uppercase;

}

.banner .banner_text p {
    color: #fff;
    font-family: var(--fontBicyclette);
    font-size: 16px;
    font-weight: 400;
    max-width: 75%;
    margin-top: 10px;
    margin-bottom: 45px;
    opacity: .8;
}

.home_2 .banner .common_btn {
    background: #EE2737;
    color: #fff;
}

.banner .banner_text form {
    position: relative;
    background: var(--colorWhite);
    border-radius: 10px;
    box-shadow: 0px 1px 2px 0px rgba(29, 29, 29, 0.14);
    overflow: hidden;
    padding-right: 300px;
    width: 100%;
    max-width: 650px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.banner .banner_text form input {
    background: none;
    border: none;
    padding: 20px 25px;
    font-size: 15px;
    font-weight: 500;
}

.banner .banner_text .banner_btn_area {
    position: absolute;
    top: 7px;
    right: 7px;
    height: auto;
}

.banner .banner_text form span {
    display: block;
    color: var(--colorBlack);
    font-family: var(--fontBicyclette);
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0px 10px;
}

.banner_img {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.banner_img .img {
    width: 700px;
    height: 420px;
    position: relative;
    z-index: 1;
    right: 0;
}

.banner_img .img::after {
    position: absolute;
    content: "";
    background: url(../images/banner_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 350px;
    height: 350px;
    top: 0;
    left: 180px;
    z-index: -1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    animation: zoomAnimi linear 3s infinite alternate;
    -webkit-animation: zoomAnimi linear 3s infinite alternate;
}

/* banner end */

/* category start */
.category .section_heading h2 {
    position: relative;
    padding-left: 40px;
    font-size: 30px;
}

.category .section_heading h2::after {
    position: absolute;
    content: "";
    background: url(../images/heading_shapes_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 1px;
    left: 0;
    width: 35px;
    height: 35px;
}

.category_item {
    display: block;
    width: auto;
    height: 100px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin: 0px 12px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.category_item h3 {
    color: var(--colorWhite);
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.44px;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.category_item::after {
    position: absolute;
    content: "";
    width: 94%;
    height: 80px;
    border: 1px solid rgba(255, 255, 255, 0.80);
    top: 10px;
    left: 3%;
    border-radius: 10px;
    opacity: 0;
    transform: scale(.9);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transition: all linear 0.15s;
    -webkit-transition: all linear 0.15s;
    -moz-transition: all linear 0.15s;
    -ms-transition: all linear 0.15s;
    -o-transition: all linear 0.15s;
}

.category_item:hover:after {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.category .prevArrow,
.category .nextArrow {
    position: absolute;
    top: -80px;
    right: 12px;
}

.category .prevArrow {
    right: 65px;
}

/* category end */

/* add banner start */
.add_banner_large,
.add_banner_small {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 200px;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.add_banner_large .text,
.add_banner_small .text {
    max-width: 35%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    padding-left: 60px;
}

.add_banner_large .text h3,
.add_banner_small .text h3 {
    font-size: 26px;
    font-weight: 600;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.add_banner_large .text a,
.add_banner_small .text a {
    color: var(--colorBlack);
    font-family: var(--fontBicyclette);
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.add_banner_large .text a i,
.add_banner_small .text a i {
    margin-left: 5px;
}

.add_banner_large .text a:hover,
.add_banner_small .text a:hover {
    color: var(--colorPrimary);
}


.add_banner_small .text {
    padding-left: 30px;
    max-width: 55%;
}

.add_banner_small .text h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
}

/* add banner end */

/* menu item start */
.filter_btn_area {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
    /*z-index: 99;*/
    /* border: 1px solid #000; */
    padding: 10px 80px;
}

.filter_btn_area li a {
    display: block;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    color: #000;
    text-align: center;
    font-family: var(--fontBicyclette);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0px 27px;
    position: relative;
}

.filter_btn_area li a:hover,
.filter_btn_area li.active a {
    color: var(--colorPrimary);
}

.filter_btn_area li a::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: var(--colorPrimary);
    top: 9px;
    right: -2px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.filter_btn_area li:last-child a::after {
    display: none;
}

.single_menu {
    /* border-radius: 10px; */
    /* background: var(--colorWhite); */
    /* box-shadow: 0px 10px 30px 0px rgba(8, 5, 33, 0.10); */
    overflow: hidden;
    margin-top: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    /* -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px; */
}


.single_menu_img.detail{
    height: 180px;
    position: relative;
    overflow: hidden;
}

.single_menu_img {
    height: 285px;
    position: relative;
    overflow: hidden;
    border-radius: 15px;

}

.fullview_menu_img {
    height: auto;
    position: relative;
    overflow: hidden;
    border-radius: 15px;

}

.single_menu_img img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_menu_img ul {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 30px;
    left: 0;
    background: #08052165;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_menu_img ul li a {
    display: block;
    width: 40px;
    height: 40px;
    background: var(--colorYellow);
    line-height: 40px;
    text-align: center;
    border-radius: 10px;
    color: var(--colorBlack);
    font-size: 16px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.single_menu_img ul li a:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.single_menu_text {
    padding: 30px;
    position: relative;
}

.single_menu_text .rating {
    color: var(--colorYellow);
}

.single_menu_text .category {
    background: var(--colorPrimary);
    border-radius: 6px;
    color: var(--colorWhite);
    font-family: var(--fontBicyclette);
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    padding: 6px 10px;
    position: absolute;
    top: -14px;
    right: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.title {
    color: #DA402E;
    font-family: var(--fontBicyclette);
    font-size: 22px;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    display: block;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.title:hover {
    color: var(--colorPrimary);
}

.offcanvas-body p {
    font-size: 20px;
}

.single_menu_text .descrption {
    color: var(--colorBlack);
    opacity: 1;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    margin-top: 7px;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: var(--fontBicyclette);
}

.single_menu_text .add_to_cart {
    color: #fff;
    background: #EE2737;
    text-align: center;
    margin-top: 30px;
    font-family: var(--fontBicyclette);
    font-size: 16px;
    font-weight: 800;
    line-height: 15px;
    text-transform: uppercase;
    border-radius: 15px;
    border: 1px solid rgba(8, 5, 33, 0.10);
    padding: 7px 16px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.single_menu_text .add_to_cart:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-color: var(--colorPrimary);
}

.single_menu_text h3 {
    color: #343434;
    font-family: var(--fontBicyclette);
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    /* margin-left: 15px; */
    display: block;
    align-items: center;
}

.single_menu_text h3 del {
    color: var(--colorBlack);
    opacity: .7;
    font-family: var(--fontBicyclette);
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    margin-left: 7px;
}


.single_menu:hover .single_menu_img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.single_menu:hover .single_menu_img ul {
    top: 0;
    opacity: 1;
}

.cart_popup .modal {
    z-index: 9999;
}

.cart_popup .modal .modal-body {
    padding: 25px;
}

.cart_popup .btn-close {
    position: absolute;
    top: -5px;
    right: -5px;
    overflow: hidden;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 17px;
    background: var(--colorPrimary);
    border-radius: 50%;
    opacity: 1;
    color: #fff;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.cart_popup .btn-close:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.cart_popup_img {
    height: 260px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.cart_popup_text .title {
    font-size: 25px;
    font-weight: 800;
    margin-top: 20px;
    color: #DA402E;
}

.cart_popup_text h4 {
    font-weight: 800;
    margin-bottom: 20px;
}

.cart_popup_text .description {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 1.2em;
}

.cart_popup_text .title:hover {
    color: var(--colorPrimary);
}

.cart_popup_text .rating {
    color: var(--ratingColor);
    font-size: 14px;
    text-align: left;
    display: block;
    margin: 3px 0px 20px 0px;
}

.cart_popup_text .rating span {
    font-size: 14px;
    margin-left: 5px;
}

.cart_popup_text .price {
    font-size: 20px;
    font-weight: 800;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    color: #343434;
    font-family: Arial;
}

#totalDiv,.totalDiv {
    font-size: 20px;
}

.cart_popup_text .price.details {
    font-size: 22px;
    font-weight: 800;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    color: #343434;
    font-family: Arial;
}

.cart_popup_text .price del {
    font-size: 16px;
    color: var(--colorBlack);
    font-weight: 500;
    margin-left: 10px;
    opacity: .7;
}

.details_size .form-check input:checked,
.details_extra_item .form-check input:checked {
    background-color: #da402e;
    border-color: #da402e;
}

.details_size .form-check label,
.details_extra_item .form-check label {
    text-transform: capitalize;
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 40%;
}

.details_extra_item .form-check input {
    padding: 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    margin-top: 5px;
}

.quentity_btn {
    display: flex;
    align-items: center;
    justify-content: start;
}

.quentity_btn button {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    color: var(--colorWhite);
    background: var(--colorPrimary);
    outline: none;
    border: none;
    padding: 0;
    transition: all linear .3s;
    border-radius: 6px;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    text-align: center;
}

.quentity_btn button:hover {
    background: var(--colorYellow);
    color: var(--colorBlack);
}

.quentity_btn input {
    width: 60px;
    text-align: center;
    height: 35px;
    border-radius: 6px;
    border: 1px solid #ddd;
    margin: 0px 5px;
    font-size: 16px;
    font-weight: 400;
    color: var(--colorBlack);
    padding: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.quentity_btn input::placeholder {
    color: var(--colorBlack);
}

.details_size .form-check input {
    padding: 0;
}

.quentity_btn_area h3 {
    font-size: 20px;
    font-weight: 600;
    margin-left: 10px;
    margin-top: 0;
}

/* menu item end */

/* add banner full start */
.add_banner_full {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.add_banner_full_text {
    position: relative;
}

.add_banner_full_text h4 {
    color: var(--colorYellow);
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.add_banner_full_text h2 {
    color: var(--colorWhite);
    font-size: 70px;
    font-weight: 700;
    line-height: 76px;
    letter-spacing: -1.4px;
    text-transform: uppercase;
    margin-top: 7px;
    margin-bottom: 40px;
}

.add_banner_full_text .img {
    position: absolute;
    width: 150px;
    height: 150px;
    top: -25px;
    right: -200px;
    z-index: 1;
}

.add_banner_full_text .img::after {
    position: absolute;
    content: "";
    background: url(../images/add_banner_full_img_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 170px;
    height: 175px;
    top: -20px;
    left: -10px;
    z-index: -1;
    animation: zoomAnimi linear 1s infinite alternate;
    -webkit-animation: zoomAnimi linear 1s infinite alternate;
}

/* add banner full end */

/* app download start */
.app_download {
    position: relative;
    z-index: 1;
}

.app_download::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 500px;
    background: var(--lightBg);
    top: 0;
    left: 0;
    z-index: -1;
}

.app_download::before {
    position: absolute;
    content: "Download App";
    color: rgba(8, 5, 33, 0.08);
    font-family: var(--fontBicyclette);
    font-size: 140px;
    font-weight: 700;
    letter-spacing: -2.8px;
    text-transform: uppercase;
    bottom: 66px;
    right: 0;
    z-index: 1;
}

.app_download_img {
    position: relative;
    z-index: 2;
    max-height: 600px;
    overflow: hidden;
}

.app_download_img::after {
    position: absolute;
    content: "";
    background: url(../images/download_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 105px;
    right: 40px;
    width: 400px;
    height: 225px;
    z-index: -1;
    animation: zoomAnimi linear 3s infinite alternate;
    -webkit-animation: zoomAnimi linear 3s infinite alternate;
}

.app_download_text h2 {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.8px;
    text-transform: uppercase;
}

.app_download_text p {
    color: var(--colorBlack);
    font-size: 15px;
    font-weight: 400;
    opacity: .8;
    max-width: 70%;
    margin-top: 15px;
    margin-bottom: 40px;
}

.app_download_text ul {
    gap: 10px;
}

.app_download_text ul li:last-child a {
    background: var(--colorWhite);
}

/* app download end */

/* chefs start */
.single_chef {
    margin-top: 25px;
    border-radius: 10px;
    background: var(--colorWhite);
    box-shadow: 0px 6px 100px 0px rgba(8, 5, 33, 0.10);
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.single_chef_img {
    height: 300px;
    position: relative;
    display: block;
    overflow: hidden;
}

.single_chef_img img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_chef_img span {
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    font-family: var(--fontBicyclette);
    font-size: 15px;
    font-weight: 500;
    padding: 3px 26px;
}

.single_chef_text {
    padding: 30px;
    position: relative;
}

.single_chef_text .title {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.36px;
    text-transform: uppercase;
}

.single_chef_text ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 15px;
}

.single_chef_text ul li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 6px;
    border: 1px solid rgba(8, 5, 33, 0.10);
    color: rgba(8, 5, 33, 0.20);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.single_chef_text ul li a:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-color: var(--colorPrimary);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.single_chef_text ul li a.facebook:hover {
    background: #3b5998;
    border-color: #3b5998;
}

.single_chef_text ul li a.twitter:hover {
    background: #1DA1F2;
    border-color: #1DA1F2;
}

.single_chef_text ul li a.linkedin:hover {
    background: #0077B5;
    border-color: #0077B5;
}

.single_chef_text::after {
    position: absolute;
    content: "";
    background: url(../images/chefs_shape.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50px;
    height: 60px;
    bottom: 0;
    right: 30px;
}

.single_chef:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

/* chefs end */


/* testimonial start */
.testimonial {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.testimonial_overlay {
    background: transparent;
}

.testimonial .container {
    position: relative;
}

.single_testimonial {
    background: var(--colorBlack);
    padding: 80px;
}

.single_testimonial .rating {
    color: var(--ratingColor);
}

.single_testimonial .description {
    color: var(--colorWhite);
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    margin-top: 10px;
    margin-bottom: 45px;
}

.single_testimonial_footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
}

.single_testimonial_footer .img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_testimonial_footer h3 {
    color: var(--colorWhite);
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.single_testimonial_footer h3 span {
    display: block;
    color: var(--colorWhite);
    font-weight: 400;
    opacity: .7;
    width: 100%;
    margin-top: 10px;
}

.testimonial .prevArrow,
.testimonial .nextArrow {
    position: absolute;
    bottom: 40px;
    right: 40px;
    border: 1.5px solid rgba(255, 255, 255, 0.20);
    color: #838290;
    background: transparent;
}

.testimonial .prevArrow {
    right: 95px;
}

.testimonial .nextArrow,
.testimonial .prevArrow:hover,
.testimonial .nextArrow:hover {
    color: var(--colorBlack);
    background: var(--colorYellow);
    border-color: var(--colorYellow);
}

.testimonial_video {
    text-align: right;
}

/* testimonial end */

/* counter start */
.counter_bg {
    background: var(--lightBg);
}

.single_counter {
    position: relative;
}

.single_counter h2 {
    color: rgba(32, 32, 32, 0.10);
    font-size: 120px;
    font-weight: 700;
    text-align: center;
}

.single_counter span {
    color: var(--colorBlack);
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

/* counter end */

/* blog start */
.single_blog {
    margin-top: 25px;
}

.single_blog_img {
    padding: 15px;
    border: 1px solid rgba(8, 5, 33, 0.10);
    border-radius: 10px;
    position: relative;
    height: 420px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.single_blog_img img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.single_blog_img .category {
    border-radius: 0px 6px 6px 0px;
    background: var(--colorYellow);
    color: var(--colorBlack);
    font-family: var(--fontBicyclette);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    position: absolute;
    top: 45px;
    left: 15px;
    padding: 2px 12px;
    -webkit-border-radius: 0px 6px 6px 0px;
    -moz-border-radius: 0px 6px 6px 0px;
    -ms-border-radius: 0px 6px 6px 0px;
    -o-border-radius: 0px 6px 6px 0px;
}

.single_blog_text {
    padding-left: 15px;
}

.single_blog_text ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 25px;
    margin-bottom: 10px;
}

.single_blog_text ul li {
    display: flex;
    align-items: center;
    padding-right: 35px;
    color: #525064;
    font-family: var(--fontBicyclette);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
}

.single_blog_text ul li::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: var(--colorPrimary);
    top: 8px;
    right: 16px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_blog_text ul li:last-child {
    padding: 0;
}

.single_blog_text ul li:last-child::after {
    display: none;
}

.single_blog_text ul li span {
    width: 16px;
    display: block;
    margin-right: 5px;
    margin-top: -3px;
}

.single_blog_text .title {
    margin-bottom: 27px;
    font-weight: 600;
}

/* blog end */


/* footer start */
footer {
    background: var(--colorFooterBg);
    padding-top: 80px;
}

footer h2 {
    font-family: var(--fontBicyclette);
    font-size: var(--fsHeader2);
    font-weight: 800;
    padding-bottom: 20px;
}

footer .footer-logo {
    width: 217px;
}

footer ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}
footer ul li img {
    width: 50px !important;
}
footer input {
    box-shadow: 0px 4px 4px 0px #00000040;
    border: 1px solid #DB402F;
    border-radius: 0;
    color: var(--colorPrimary);
    font-family: var(--fontBicyclette);
    font-size: 12pt;
    background: transparent;
}
footer input::placeholder {
    color: var(--colorPrimary);
    font-family: var(--fontBicyclette);
}
footer button {
    font-family: var(--fontBicyclette);
    font-weight: 800;
    box-shadow: 0px 4px 4px 0px #00000040;
    border: 1px solid #DB402F;
    background: #DB402F;
    color: var(--colorFooterBg);
    padding: 10px 20px;
    width: 100%;
}
footer .copyright p {
    margin-top: 100px;
    font-family: var(--fontBicyclette);
    color: var(--colorPrimary);
    padding: 20px 0px;
}
/* footer end */

/*=============================
    HOME PAGE 01 END
=============================*/

/*=============================
    HOME PAGE 02 START
=============================*/

/* Brand Slider Section Start */
.brand-carousel .brand-slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 100px;
}
.brand-carousel .slick-slide {
    opacity: 1 !important;
}
.brand-carousel .brand-slide img {
    height: 80px;
    max-height: 80px;
    width: 100%;
    object-fit: contain !important;
    margin: auto;
    opacity: 1 !important;
}
.brand-carousel .prevArrow2, .brand-carousel .nextArrow2 {
    min-width: 45px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 20px;
    color: var(--colorWhite) !important;
    background: var(--colorPrimary) !important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border: 1px solid var(--colorPrimary);
    box-shadow: 0px 4px 4px 0px rgba(8, 5, 33, 0.10);
}
.brand-carousel2 .prevArrow2 {
    left: -50px;
}
.brand-carousel2 .nextArrow2 {
    right: -50px;
}

.brand-carousel2 .brand-slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 100px;
}
.brand-carousel2 .slick-slide {
    opacity: 1 !important;
}
.brand-carousel2 .brand-slide img {
    height: 80px;
    max-height: 80px;
    width: 100%;
    object-fit: contain !important;
    margin: auto;
    opacity: 1 !important;
}
.brand-carousel2 .prevArrow2, .brand-carousel2 .nextArrow2 {
    min-width: 45px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 20px;
    color: var(--colorWhite) !important;
    background: var(--colorPrimary) !important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border: 1px solid var(--colorPrimary);
    box-shadow: 0px 4px 4px 0px rgba(8, 5, 33, 0.10);
}
.brand-carousel2 .prevArrow2 {
    left: -50px;
}
.brand-carousel2 .nextArrow2 {
    right: -50px;
}
/* Brand Slider Section End */

/* Location List Start */
.location-section {
    background: var(--colorFooterBg);
    padding: 80px 0px !important;
}
.location-section .img-logo {
    width: auto !important;
    height: 100px !important;
}
.location-section h2 {
    font-family: var(--fontBicyclette) !important;
    font-size: 24pt;
    font-weight: 800;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 10px;
    color: #ED9E32;
}

.location-section h4 {
    padding-bottom: 40px;
}

.location-section .col-md-4 {
    padding: 0 20px;
}

.location-section .card {
    border-radius: var(--borderRadius);
    color: var(--colorWhite);
}

.location-section .thumbnail {
    border-radius: var(--borderRadius) var(--borderRadius) 0 0;
    object-fit: cover;
    width: 100%;
    height: 200px;
    max-height: 200px;
    min-height: 200px;
}
.location-section .card-body {
    background: #DA432C;
    padding: 14px;
    border-radius: 0 0 var(--borderRadius) var(--borderRadius);
}
.location-section .card-title {
    font-family: var(--fontBicyclette) !important;
}
.location-section p {
    font-family: var(--fontBicyclette) !important;
    color: var(--colorWhite);
}
.location-section .logo-brand-small {
    width: 70px !important;
    height: 70px !important;
    margin: auto;
    object-fit: contain !important;
}
/* Location List End */

.home_2 {
    background: #fff;
}

.home_2 .nextArrow,
.home_2 .prevArrow {
    background: transparent;
    color: #E67B70;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.home_2 .nextArrow,
.home_2 .nextArrow:hover,
.home_2 .prevArrow:hover {
    color: #E67B70;
}

.home_2 .common_btn {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    font-family: var(--fontBicyclette);
    font-weight: 700;
}

.home_2 .common_btn i {
    margin-left: 10px;
}

.home_2 .common_btn:hover {
    color: var(--colorPrimary) !important;
    background: var(--colorWhite) !important;
    border: solid 1px var(--colorPrimary);
}

.home_2 .common_btn::after {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.home_2 .common_btn::before {
    display: none;
}

.home_2 .common_btn::after {
    width: 0;
    height: 100%;
    background: var(--colorWhite);
    border: none;
    z-index: -1;
    top: 0;
    left: 0;
}

.home_2 .common_btn:hover .icon {
    filter: brightness(0) saturate(100%) invert(26%) sepia(85%) saturate(3828%) hue-rotate(337deg) brightness(66%) contrast(104%);
    -webkit-filter: brightness(0) saturate(100%) invert(26%) sepia(85%) saturate(3828%) hue-rotate(337deg) brightness(66%) contrast(104%);
}

.home_2 .common_btn:hover:after {
    width: 100%;
}

/* header 2 start */
.header_2 {
    background: var(--colorWhite);
}

.header_2 .header_left p i {
    color: var(--colorPrimary);
}

.header_2 .header_left p {
    color: var(--colorBlack);
}

.header_2 .header_right .nice-select .current {
    color: var(--colorBlack);
}

.header_2 .header_right>ul>li {
    border-color: rgba(8, 5, 33, 0.20);
}

.header_2 .header_right ul li a {
    color: var(--colorBlack);
}

.header_2 .header_right .nice-select:after {
    border-bottom: 2px solid #525064;
    border-right: 2px solid #525064;
}

.header_2 .header_right ul li a:hover {
    color: var(--colorPrimary);
}

.header_2 .header_right ul li a:hover span {
    filter: brightness(0) saturate(100%) invert(15%) sepia(67%) saturate(2997%) hue-rotate(334deg) brightness(105%) contrast(104%);
}

/* header 2 end */

/* menu 2 start */
/* .catering .main_menu_2 {
    background: transparent;
} */

.catering .main_menu_2.menu_fix {
    background: #fff;
}

.main_menu_2 {
    background: #F7E6D9;
    border-color: rgba(8, 5, 33, 0.10);
}

.main_menu_2 .nav-item:nth-child(1){
    width: 150px;
    margin-right: 50px;
}

.main_menu_2 .navbar-nav .nav-item .nav-link {
    color: var(--colorPrimary);
    opacity: 1;
}

.main_menu_2 .menu_right li .menu_order {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.main_menu_2 .menu_right li .menu_order {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    margin-left: 0;
}

/* menu 2 end */

/* banner 2 start */
.banner_2 .banner_text h5 {
    color: var(--colorWhite);
    font-style: normal;
    background: var(--colorGreen);
    padding: 7px 50px 7px 10px;
    clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
    margin-bottom: 12px;
}

.banner_2 .banner_text h1,
.banner_2 .banner_text h1 span {
    font-size: 72px;
}

.banner_2 .banner_text h1 span {
    color: var(--colorBlack);
}

.banner_2 .banner_text h1 span b {
    font-weight: 700;
}

.banner_2 .banner_text p {
    margin-top: 0;
    margin-bottom: 45px;
}

.banner_2 .banner_text a {
    background: var(--colorYellow);
    color: var(--colorBlack);
}

.banner_2 .banner_img .img::after {
    display: none;
}

.banner_2 .banner_img .img {
    width: 630px;
    height: 570px;
}

/* banner 2 end */

/* popular food start */
.popular_food_item {
    background: var(--colorWhite);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.popular_food_item::after {
    position: absolute;
    content: "";
    width: 400px;
    height: 350px;
    background: rgba(242, 162, 42, 0.10);
    top: -135px;
    left: -190px;
    border-radius: 120px;
    transform: rotate(77deg);
    z-index: -1;
    transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    -webkit-transform: rotate(77deg);
    -moz-transform: rotate(77deg);
    -ms-transform: rotate(77deg);
    -o-transform: rotate(77deg);
    -webkit-border-radius: 120px;
    -moz-border-radius: 120px;
    -ms-border-radius: 120px;
    -o-border-radius: 120px;
}

.popular_food_item .tags {
    position: absolute;
    top: 30px;
    left: 0;
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    background: var(--colorPrimary);
    padding: 1px 23px;
}

.popular_food_item .img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px !important;
    overflow: hidden;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.popular_food_item .title {
    text-align: center;
    font-size: 26px;
    margin-top: 25px;
    margin-bottom: 27px;
    font-weight: 600;
    color: #DA402E;
    text-transform: uppercase;
}

.popular_food_item .title span {
    color: #343434;
    font-size: 20px;
    font-weight: 800;
    font-family: var(--fontBicyclette);
}

.popular_food .section_heading h2 {
    color: #DA402E;
}

.popular_food_item .see_btn {
    color: var(--colorPrimary);
    font-family: var(--fontBicyclette);
    text-transform: uppercase;
    border: 1px solid var(--colorPrimary);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;

    font-size: 36px;
    padding: 5px 50px 10px;
    font-weight: 400;
    line-height: 36px;
    border-radius: 15px;
}

.popular_food_item .see_btn i {
    margin-left: 7px;
}

.popular_food_item .see_btn:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.popular_food_item:hover::after {
    top: -145px;
    left: -210px;
}

.popular_food_slider .nextArrow,
.popular_food_slider .prevArrow {
    background: transparent;
    color: #aa162c;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.popular_food_slider .nextArrow,
.popular_food_slider .nextArrow:hover,
.popular_food_slider .prevArrow:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-color: var(--colorPrimary);
}

.popular_food_slider .nextArrow,
.popular_food_slider .prevArrow {
    position: absolute;
    border: 1px solid #aa162c;
    bottom: -90px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.popular_food_slider .nextArrow {
    margin-left: 25px;
}

.popular_food_slider .prevArrow {
    margin-left: -25px;
}

.popular_food_slider .nextArrow::after {
    position: absolute;
    content: "";
    width: 300px;
    height: 1px;
    background: #aa162c;
    bottom: 20px;
    left: 130%;
}

.popular_food_slider .prevArrow::after {
    position: absolute;
    content: "";
    width: 300px;
    height: 1px;
    background: #aa162c;
    bottom: 20px;
    right: 130%;
}

/* popular food end */

/* memu item 2 start */
.menu_item_2 {
    overflow: hidden;
}

.single_menu_2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 25px;
}

.single_menu_2 .single_menu_2_img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 0px 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_menu_2 .single_menu_2_text {
    width: 75%;
    position: relative;
}

.single_menu_2 .single_menu_2_text a,
.single_menu_2 .single_menu_2_text a span {
    font-size: 20px;
    font-weight: 600;
    position: relative;
    z-index: 1;
    color: var(--colorBlack);
    text-transform: capitalize;
    font-family: var(--fontBicyclette);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_menu_2 .single_menu_2_text a span {
    background: var(--lightBg);
    display: inline-block;
    padding-right: 25px;
}

.single_menu_2 .single_menu_2_text a span:hover {
    color: var(--colorPrimary);
}

.single_menu_2 .single_menu_2_text a::after {
    position: absolute;
    content: "";
    width: 85%;
    height: 1px;
    background: rgba(8, 5, 33, 0.10);
    top: 13px;
    left: 2px;
    z-index: -1;
}

.single_menu_2 .single_menu_2_text p {
    color: var(--colorBlack);
    opacity: .7;
    margin-top: 5px;
}

.single_menu_2 .single_menu_2_text h3 {
    color: var(--colorPrimary);
    font-family: var(--fontBicyclette);
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    top: 3px;
    right: 0;
}

/* memu item 2 end */

/* app download 2 start */
.app_download_text_2 {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.app_download_text_2 h5 {
    display: inline-block;
    background: var(--colorYellow);
    padding: 7px 50px 7px 10px;
    clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.app_download_text_2 ul {
    margin-top: 35px;
}

.app_download_text_2 ul li:last-child a {
    color: var(--colorBlack);
}

/* app download 2 end */

/* testimonial 2 start */
.testimonial_2_img {
    height: 565px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.testimonial_2_img::after {
    position: absolute;
    content: "";
    background: url(../images/testimonial_2_shapes_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 590px;
    height: 433px;
    top: 20px;
    left: 10px;
    animation: testimonial_animi_1 linear 2s infinite alternate;
    -webkit-animation: testimonial_animi_1 linear 2s infinite alternate;
}

.testimonial_2_img::before {
    position: absolute;
    content: "";
    background: url(../images/testimonial_2_shapes_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 600px;
    height: 370px;
    z-index: -1;
    top: 35px;
    left: 35px;
    animation: testimonial_animi_2 linear 3s infinite alternate;
    -webkit-animation: testimonial_animi_2 linear 3s infinite alternate;
}

@keyframes testimonial_animi_1 {
    from {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    to {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
    }
}


@keyframes testimonial_animi_2 {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    to {
        transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
    }
}

.testimonial_2_area {
    position: relative;
    border-radius: 6px;
    border: 1px solid var(--colorWhite);
    padding-bottom: 100px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

/*.testimonial_2_area::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 25px solid var(--colorWhite);
    border-bottom: 15px solid transparent;
    top: 25px;
    left: -25px;
}*/

.single_testimonial_2 {
    padding: 20px 15px 35px 15px;
    position: relative;
    margin: 10px;
    border-radius: 12px;
    box-shadow: 0px 3px 10px 0px #7e7e7e;
    min-height: 265px;
}

.img_on_testimoni {
    width: 60px !important;
    height: 60px !important;
    object-fit: contain !important;
}

.single_testimonial_2 .rating {
    color: #ED9E32;
    font-size: 25px;
}

.single_testimonial_2 h4 {
    font-size: 25px;
    font-family: Arial;
    font-weight: 800;
    line-height: 30px;
    margin-bottom: 15px;
    color: #1E1E1E;
}

.single_testimonial_2 p {
    color: var(--colorBlack);
    font-family: Arial;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    opacity: 1;
    /*margin-top: 10px;*/
}


/*.testimonial_2_slider {
    padding-left: 12px;
}*/

/* testimonial 2 end */

/* home 2 add banner start */
.add_banner_medium,
.add_banner_small_2,
.add_banner_large_2 {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 40px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.add_banner_large_2 .text {
    width: 100%;
}

.add_banner_medium .text h5,
.add_banner_large_2 .text h5 {
    color: var(--colorBlack);
    font-style: normal;
    background: #F8C618;
    padding: 7px 50px 7px 10px;
    clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
}

.add_banner_medium .text h3,
.add_banner_small_2 .text h3,
.add_banner_large_2 .text h3 {
    font-size: 26px;
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.add_banner_medium .text a,
.add_banner_small_2 .text a,
.add_banner_large_2 .text a {
    color: #fff;
    font-family: var(--fontBicyclette);
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 55px;
    position: relative;
    padding-bottom: 5px;
}

.add_banner_medium .text a span,
.add_banner_small_2 .text a span,
.add_banner_large_2 .text a span {
    display: inline-block;
    width: 18px;
    margin-right: 8px;
}

.add_banner_medium .text a i,
.add_banner_small_2 .text a i,
.add_banner_large_2 .text a i {
    margin-left: 5px;
}

.add_banner_medium .text a::after,
/* .add_banner_large_2 .text a::after, */
.add_banner_small_2 .text a::after {
    position: absolute;
    content: "";
    width: 105px;
    height: 1px;
    background: var(--colorPrimary);
    bottom: 0;
    left: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.add_banner_small_2 {
    margin-top: 25px;
}

.add_banner_small_2 .text {
    width: 50%;
}

.add_banner_small_2 .text h3 {
    color: var(--colorWhite);
}

.add_banner_small_2 .text a {
    color: var(--colorWhite);
}

.add_banner_medium .text a::after,
.add_banner_small_2 .text a::after {
    background: var(--colorWhite);
}

.add_banner_small_3 .text h3 {
    color: var(--colorBlack);
}

.add_banner_small_3 .text a {
    color: var(--colorBlack);
}

.add_banner_small_3 .text a::after {
    background: var(--colorBlack);
}

.add_banner_medium a:hover::after,
.add_banner_large_2 a:hover::after,
.add_banner_small_2 a:hover::after {
    width: 100%;
}

.add_banner_medium {
    height: 100%;
}

.add_banner_medium .text {
    width: 75%;
}

.add_banner_medium .text h3 {
    color: var(--colorWhite);
    font-size: 36px;
    margin-bottom: 40px;
}

.add_banner_medium .text a {
    color: var(--colorWhite);
}

/* home 2 add banner end */

/* chefs 2 start */
.shefs_2 {
    background: #ECD8B8;
}

.single_chef_2 {
    overflow: hidden;
    margin-top: 25px;
}

.single_chef_2_img {
    height: auto;
    position: relative;
    overflow: hidden;
}

.single_chef_2_img img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_chef_2_img ul {
    position: absolute;
    top: -15px;
    right: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_chef_2_img ul li a {
    border-radius: 50%;
    background: var(--colorWhite);
    box-shadow: 0px 1px 3px 0px rgba(8, 5, 33, 0.06);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-top: 5px;
    color: rgba(8, 5, 33, 0.30);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_chef_2_img ul li a:hover {
    color: var(--colorPrimary);
}

.single_chef_2_text {
    background: var(--colorWhite);
    text-align: center;
    padding: 25px;
}

.single_chef_2_text a {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.36px;
    text-transform: uppercase;
    margin-bottom: 5px;
    text-align: center;
}

.single_chef_2_text p {
    color: var(--colorBlack);
    font-family: var(--fontBicyclette);
    font-size: 15px;
    font-weight: 500;
    opacity: .7;
    text-align: center;
}

.single_chef_2:hover ul {
    top: 15px;
    opacity: 1;
    visibility: visible;
}

.single_chef_2:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

/* chefs 2 end */

/* blog 2 start */
.single_blog_2 {
    margin-top: 25px;
    overflow: hidden;
    background: var(--colorWhite);
    transition: all ease .3;
}

.single_blog_2:hover {
    filter: drop-shadow(0px 30px 40px rgba(8, 5, 33, 0.10));
}

.single_blog_2_img {
    height: 370px;
    overflow: hidden;
    display: block;
}

.single_blog_2_img img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_blog_2_text {
    padding: 15px;
}

.single_blog_2_text ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 25px;
}

.single_blog_2_text ul li {
    color: var(--colorBlack);
    font-family: var(--fontBicyclette);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.single_blog_2_text ul li a {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    font-family: var(--fontBicyclette);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 3px 13px;
    border-radius: 50px;
    margin-right: 12px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.single_blog_2_text ul li span {
    display: inline-block;
    margin-right: 2px;
    width: 17px;
}

.single_blog_2_text .title {
    font-weight: 700;
    font-family: var(--fontBicyclette);
    margin-bottom: 27px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-transform: capitalize;
    color: #000;
    font-size: 24px;
}

.subtitle {
    font-size: 16px;
    color: #000;
    margin-bottom: 27px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.single_blog_2_text .read_btn {
    margin-bottom: 5px;
}

.single_blog_2:hover .single_blog_2_img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

/* blog 2 end */

/*=============================
    HOME PAGE 02 END
=============================*/


/*=============================
    HOME PAGE 03 START
=============================*/
.home_3 .common_btn {
    border-radius: 0;
    background: transparent;
    border: 1.5px solid rgba(255, 255, 255, 0.10);
    color: var(--colorPrimary);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.home_3 .common_btn::after,
.home_3 .common_btn::before {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.home_3 .common_btn i {
    margin-left: 8px;
    margin-right: 0;
}

/* menu 3 start */

.main_menu_3 {
    background: rgba(8, 5, 33, 0.10);
    backdrop-filter: blur(40px);
    border: none;
}

.main_menu_3 .navbar-nav .nav-item .nav-link {
    color: var(--colorWhite);
    opacity: 1;
}

.main_menu_3 .menu_right li .menu_order {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.main_menu_3 .menu_right li .menu_order:hover {
    background: transparent;
}

.main_menu_3 .menu_right li .menu_order:hover span {
    filter: brightness(0) saturate(100%) invert(98%) sepia(36%) saturate(546%) hue-rotate(250deg) brightness(112%) contrast(100%);
}


.main_menu_3 .menu_right li .menu_search,
.main_menu_3 .menu_right li .menu_cart {
    color: var(--colorWhite);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.main_menu_3 .navbar-nav .nav-item:hover .nav-link,
.main_menu_3 .navbar-nav .nav-item .nav-link.active {
    color: var(--colorWhite);
}

.main_menu_3.menu_fix {
    background: var(--colorBlack);
}

/* menu 3 end */


/* banner 3 start */
.banner_3_overlay {
    background: linear-gradient(90deg, rgba(8, 5, 33, 1) 0%, rgba(8, 5, 33, 0) 60%, rgba(8, 5, 33, 0) 100%);
}

.banner_3 .banner_text {
    padding-bottom: 30px;
}

.banner_3 .banner_text h5 {
    font-family: var(--fontBicyclette);
    font-size: 15px;
    font-weight: 600;
    color: var(--colorYellow);
    padding: 7px 70px 7px 10px;
    clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
    margin-bottom: 17px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.10);
}

.banner_3 .banner_text h1 {
    font-weight: 600;
    color: var(--colorWhite);
    text-transform: capitalize;
}

.banner_3 .banner_text p {
    color: var(--colorWhite);
    font-size: 18px;
    max-width: 70%;
    opacity: .6;
    margin-top: 20px;
    margin-bottom: 45px;
}

.banner_3 .banner_text a {
    color: var(--colorWhite);
}

/* banner 3 end */


/* reservation start */
.reservation {
    background: var(--lightBg);
}

.reservation_bg {
    padding: 55px;
    border: 1px solid var(--colorWhite);
    background: rgba(233, 236, 217, 0.10);
    backdrop-filter: blur(20px);
    position: relative;
    top: -100px;
}

.reservation_img {
    height: 100%;
}

.reservation_form {
    background: var(--colorWhite);
    height: 100%;
    padding: 60px;
    margin-left: 30px;
    box-shadow: 0px 6px 60px 0px rgba(8, 5, 33, 0.10);
}

.reservation_form h3 {
    position: relative;
    color: var(--colorPrimary);
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.reservation_form h3::after,
.reservation_form h3::before {
    position: absolute;
    content: "";
    width: 70px;
    height: 1px;
    background: var(--colorYellow);
    top: 11px;
    right: 0;
}

.reservation_form h3::before {
    right: auto;
    left: 0;
}

.reservation_form_input {
    margin-top: 15px;
}

.reservation_form_input input {
    border: 1px solid rgba(8, 5, 33, 0.12);
    border-radius: 0;
    font-size: 15px;
    font-weight: 500;
    font-family: var(--fontBicyclette);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.reservation_form_input input[type=date] {
    text-transform: uppercase;
}

.reservation_form_input .select2-container--default .select2-selection--single {
    border-radius: 0;
    width: 100%;
    border: 1px solid rgba(8, 5, 33, 0.12);
    background: var(--colorWhite);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.reservation_form_input .common_btn {
    color: var(--colorBlack);
    font-family: var(--fontBicyclette);
    width: 100%;
    border: 1px solid rgba(8, 5, 33, 0.12);
    margin-top: 30px;
    margin-bottom: 10px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    display: block;
}

.reservation_form_input .common_btn:hover {
    color: var(--colorPrimary);
}

.reservation_form_input p {
    color: var(--colorBlack);
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    opacity: .6;
}

.sponsor {
    text-align: center;
    overflow: hidden;
    margin-top: -25px;
}

.sponsor p {
    position: relative;
    text-align: center;
    color: var(--colorBlack);
    text-transform: uppercase;
    display: inline-block;
    padding: 0px 15px;
    margin-bottom: 50px;
}

.sponsor p::after,
.sponsor p::before {
    position: absolute;
    content: "";
    width: 230px;
    height: 1px;
    background: rgba(8, 5, 33, 0.10);
    top: 10px;
    left: 100%;
}

.sponsor p::before {
    left: auto;
    right: 100%;
}

.sponsor ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 140px;
}

.sponsor ul li {
    width: 100px;
    height: 100px;
    opacity: .4;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.sponsor ul li:hover {
    opacity: 1;
}

/* reservation end */


/* menu item 3 start */
.menu_item_3_area ul {
    position: relative;
}

.menu_item_3_area ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(8, 5, 33, 0.10);
    position: initial;
}

.menu_item_3_area ul li:last-child {
    border-bottom: 1px solid rgba(8, 5, 33, 0.10);
}

.menu_item_3_area ul li p {
    color: var(--colorBlack);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    opacity: .7;
}

.menu_item_3_area ul li p span {
    color: var(--colorBlack);
    font-family: var(--fontBicyclette);
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    width: 220px;
    border-right: 1px solid rgba(8, 5, 33, 0.10);
    margin-right: 40px;
    height: 80px;
    line-height: 80px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.menu_item_3_area ul li .img {
    width: 420px;
    max-height: 370px;
    position: absolute;
    top: -20px;
    right: 170px;
    z-index: 1;
    opacity: 0;
    overflow: hidden;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.menu_item_3_area ul li a {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: var(--colorWhite);
    color: var(--colorBlack);
    border-left: 1px solid rgba(8, 5, 33, 0.10);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.menu_item_3_area ul li:hover p,
.menu_item_3_area ul li:hover span {
    color: var(--colorPrimary);
    opacity: 1;
}

.menu_item_3_area ul li:hover a {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.menu_item_3_area ul li:nth-child(2) .img {
    opacity: 1;
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.menu_item_3_area ul li:hover .img {
    z-index: 2;
    opacity: 1;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

/* menu item 3 end */


/* about start */
.about_img {
    max-height: 500px;
    overflow: hidden;
}

.about_text h2 {
    font-size: 40px;
    margin-bottom: 17px;
}

.about_text p {
    color: var(--colorBlack);
    opacity: .7;
}

.about_text ul {
    margin-top: 40px;
    margin-bottom: 40px;
}

.about_text ul li {
    position: relative;
    color: var(--colorBlack);
    font-family: var(--fontBicyclette);
    font-size: 15px;
    font-weight: 500;
    opacity: .7;
    padding-left: 30px;
    margin-top: 15px;
}

.about_text ul li::after {
    position: absolute;
    content: "";
    background: url(../images/about_check_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 22px;
    height: 22px;
    top: 1px;
    left: 0;
}

.about_text .about_text_footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    margin-bottom: 70px;
}

.about_text .about_text_footer .img {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.about_text .about_text_footer .text {
    width: 30%;
}

.about_text .about_text_footer .text h4 {
    font-family: var(--fontBicyclette);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
    margin-top: 5px;
}

.about_text .about_text_footer .text p {
    color: var(--colorBlack);
    opacity: .6;
    text-transform: uppercase;
}

.about_text .about_text_footer .signature {
    max-width: 115px;
}

.about_text .common_btn {
    border: 1.5px solid rgba(171, 22, 44, 0.10);
    background: rgba(171, 22, 44, 0.00);
}

/* about end */


/* menu item 4 start */
.menu_item_4 {
    background: var(--lightBg);
}

.menu_item_4 .single_menu_2_text a span {
    background: var(--lightBg);
}

.menu_item_4 .single_menu_2_img {
    width: 80px;
    height: 80px;
    border-radius: 0;
    filter: initial;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    box-shadow: none;
}

.menu_item_4 .single_menu_2_text {
    width: 80%;
}

.menu_item_4 .prevArrow,
.menu_item_4 .nextArrow {
    width: 60px;
    height: 60px;
    line-height: 60px !important;
    border-radius: 0;
    background: none;
    box-shadow: none;
    border: none;
    color: var(--colorBlack);
    font-size: 25px;
    position: absolute;
    bottom: -140px;
    right: 0;
}

.menu_item_4 .prevArrow {
    right: 60px;
    border-right: 1px solid #E9ECD9;
}

.menu_item_4 .nextArrow,
.menu_item_4 .prevArrow:hover,
.menu_item_4 .nextArrow:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

/* menu item 4 end */


/* testimonial 3 start */
.testimonial_3_img {
    width: 665px;
}

.testimonial_3_area {
    height: 100%;
    background: var(--colorBlack);
    overflow: hidden;
    padding: 80px 60px;
}

.single_testimonial_3 {
    margin: 0px 12px;
}

.single_testimonial_3 h2 {
    color: var(--colorWhite);
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    max-width: 50%;
}

.single_testimonial_3 .rating {
    display: inline-block;
    color: var(--ratingColor);
    margin-top: 40px;
    padding-bottom: 47px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}

.single_testimonial_3 p {
    color: var(--colorWhite);
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
}

.single_testimonial_3 h4 {
    color: var(--colorWhite);
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 10px;
}

.single_testimonial_3 h6 {
    color: var(--colorWhite);
    font-family: var(--fontBicyclette);
    font-size: 15px;
    font-weight: 400;
    opacity: .7;
}

/* testimonial 3 end */


/* chefs 3 start */
.chefs_3 .container {
    position: relative;
}

.chefs_3 .section_heading h2 {
    font-size: 40px;
    position: relative;
    display: inline-block;
}

.chefs_3 .section_heading h2::after {
    position: absolute;
    content: "";
    background: rgba(8, 5, 33, 0.10);
    width: 300px;
    height: 1px;
    left: 107%;
    top: 25px;
}

.single_chef_3 {
    background: var(--colorWhite);
}

.single_chef_3_img {
    height: 300px;
    overflow: hidden;
    position: relative;
    margin-top: 25px;
}

.single_chef_3_img .social_icon {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.single_chef_3_img .social_icon span {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: var(--colorBlack);
    text-align: center;
    color: var(--colorWhite);
}

.single_chef_3_img ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin-right: 5px;
    transform: scaleX(0);
    transform-origin: right;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
}

.single_chef_3_img ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: var(--colorWhite);
    box-shadow: 0px 1px 1px 0px rgba(8, 5, 33, 0.14);
    color: var(--colorBlack);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_chef_3_img ul li a:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.single_chef_text_3 .title {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.36px;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 5px;
}

.single_chef_text_3 p {
    color: var(--colorBlack);
    font-family: var(--fontBicyclette);
}

.single_chef_3:hover .social_icon ul {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.chefs_3 .common_btn {
    position: absolute;
    top: 14px;
    right: 12px;
    border: 1.5px solid rgba(171, 22, 44, 0.10);
}

/* chefs 3 end */


/* gallery start */
.gallery_item {
    height: 670px;
    overflow: hidden;
    position: relative;
}

.gallery_item .text {
    border: 1.5px solid rgba(255, 255, 255, 0.10);
    background: rgba(233, 236, 217, 0.10);
    backdrop-filter: blur(25px);
    position: absolute;
    width: 85%;
    height: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(.9);
    -webkit-transform: translate(-50%, -50%) scale(.9);
    -moz-transform: translate(-50%, -50%) scale(.9);
    -ms-transform: translate(-50%, -50%) scale(.9);
    -o-transform: translate(-50%, -50%) scale(.9);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.gallery_item .text a {
    color: var(--colorWhite);
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: center;
}

.gallery_item .text a:hover {
    color: var(--colorBlack);
}

.gallery_item .text p {
    color: var(--colorWhite);
    font-size: 18px;
    font-weight: 500;
    opacity: .7;
}

.gallery_item:hover .text {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
}

/* gallery end */

/* instagram photo start */
.instagran_photo {
    margin-bottom: -6px;
}

.instagran_photo_item {
    height: 370px;
    overflow: hidden;
    position: relative;
    margin: 0px 5px;
}

.instagran_photo_item .text {
    position: absolute;
    background: var(--colorPrimary);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: scale(.9);
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
}

.instagran_photo_item .text h4 {
    color: var(--colorWhite);
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.instagran_photo_item .text a {
    display: block;
    width: 100px;
    margin-top: 15px;
    margin-bottom: 30px;
}

.instagran_photo_item .text p {
    color: var(--colorWhite);
    opacity: .6;
}

.instagran_photo_item:hover .text {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

/* instagram photo end */


/* footer 3 start */
.footer_3 {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.footer_3_text {
    padding: 50px 0px;
}

.footer_3_text p {
    color: var(--colorWhite);
    font-family: var(--fontBicyclette);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.footer_3_text .footer_3_logo {
    display: block;
    width: 80px;
}

.footer_3_text ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.footer_3_text ul li a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: var(--colorWhite);
    border-radius: 50%;
    background: #b5adf838;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.footer_3_text ul li a.facebook {
    background: #3b5998;
}

.footer_3_text ul li a.twitter {
    background: #1DA1F2;
}

.footer_3_text ul li a.youtube {
    background: #CD201F;
}

.footer_3_text ul li a.pinterest {
    background: #c8232c;
}

/* footer 3 end */
/*=============================
    HOME PAGE 03 END
=============================*/


/*=============================
    ABOUT US PAGE 01 START
=============================*/
.about_us_story_text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    margin-top: 7px;
}

.about_us_story_text h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.about_us_story_text p {
    color: var(--colorBlack);
    opacity: .7;
    margin-top: 19px;
}

.about_us_story_text a {
    margin-top: 55px;
}

.about_us_story_img_large,
.about_us_story_img_small {
    height: 270px;
    overflow: hidden;
    margin-top: 25px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.about_showsase_img_large {
    margin-top: 25px;
    height: 610px;
    overflow: hidden;
}

.about_showsase_img_small {
    margin-top: 25px;
    height: 292px;
    overflow: hidden;
}

.about_reservation {
    background: var(--colorWhite);
}

.about_reservation .reservation_bg {
    padding: 0;
    border: 0;
    background: none;
    backdrop-filter: blur(0px);
    position: initial;
}

.about_reservation .reservation_form {
    background: var(--lightBg);
    box-shadow: none;
}

.about_reservation .reservation_form_input input {
    background: none;
}

.about_reservation .reservation_form_input input::placeholder {
    color: var(--colorBlack);
}

.about_reservation .select2-container--default .select2-selection--single {
    background: none;
}

.about_reservation .common_btn {
    border-radius: 0;
    background: transparent;
    border: 1px solid rgba(8, 5, 33, 0.12);
    color: var(--colorBlack);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.about_reservation .common_btn::after,
.about_reservation .common_btn::before {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.about_shape .common_btn {
    border-radius: 0;
    background: transparent;
    color: var(--colorPrimary);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.about_shape .common_btn::after,
.about_shape .common_btn::before {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.about_shape .common_btn i {
    margin-left: 8px;
}

/*=============================
    ABOUT US PAGE 01 END
=============================*/


/*=============================
    ABOUT US PAGE 02 START
=============================*/
.about_us_2_img {
    border-radius: 10px;
    height: 475px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.why_choose_text,
.about_us_2_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    height: 100%;
    position: relative;
}

.why_choose_text h5,
.about_us_2_text h5 {
    color: var(--colorBlack);
    background: var(--colorYellow);
    padding: 7px 50px 7px 10px;
    clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
    margin-bottom: 10px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.why_choose_text h2,
.about_us_2_text h2 {
    color: var(--colorBlack);
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.8px;
    text-transform: uppercase;
}

.why_choose_text p,
.about_us_2_text p {
    color: var(--colorBlack);
    opacity: .7;
    margin-top: 25px;
}

.about_us_2_text ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 45px;
}

.about_us_2_text ul li {
    color: var(--colorBlack);
    font-family: var(--fontBicyclette);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    width: 50%;
    margin-top: 15px;
    position: relative;
    padding-left: 25px;
}

.about_us_2_text ul li::after {
    position: absolute;
    content: "";
    background: url(../images/about_check_icon_2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 18px;
    height: 14px;
    top: 7px;
    left: 0;
}

.why_choose_text a,
.about_us_2_text a {
    color: var(--colorWhite);
    background: var(--colorPrimary);
}

.why_choose_text a .icon,
.about_us_2_text a .icon {
    filter: brightness(0) saturate(100%) invert(100%) sepia(10%) saturate(7451%) hue-rotate(181deg) brightness(101%) contrast(114%);
}

.about_video {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.about_video_text {
    position: relative;
}

.about_video_text h2 {
    color: var(--colorWhite);
    font-size: 40px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: -0.8px;
    text-transform: uppercase;
}

.about_video_text p {
    color: var(--colorWhite);
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    opacity: .8;
    margin-top: 30px;
    margin-bottom: 45px;
}

.about_video_text .play_btn {
    color: var(--colorYellow);
    position: absolute;
    top: 50%;
    right: -100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.why_choose_text::after,
.about_us_2_text::after {
    position: absolute;
    content: "";
    background: url(../images/about_2_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100px;
    height: 95px;
    bottom: 0;
    right: 0;
    animation: zoomAnimi linear 2s infinite alternate;
    -webkit-animation: zoomAnimi linear 2s infinite alternate;
}

.why_choose_text {
    padding-top: 25px;
}

.why_choose_text a {
    margin-top: 45px;
}

.why_choose_text::after {
    background: url(../images/why_choose_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100px;
    height: 95px;
}

.why_choose_item {
    margin-top: 25px;
    padding: 30px;
    border-radius: 10px;
    background: var(--colorWhite);
    box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.04);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.why_choose_item .icon {
    width: 50px;
    height: 50px;
}

.why_choose_item h3 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    margin-top: 17px;
    margin-bottom: 15px;
}

.why_choose_item p {
    color: var(--colorBlack);
    opacity: .7;
}

.about_2_shefs a {
    color: var(--colorWhite);
    background: var(--colorPrimary);
}

.about_2_shefs a .icon {
    filter: brightness(0) saturate(100%) invert(100%) sepia(10%) saturate(7451%) hue-rotate(181deg) brightness(101%) contrast(114%);
}

.about_2_testimonial .testimonial_2_area {
    border: 1px solid rgba(204, 53, 80, 0.20);
}

.about_2_testimonial .testimonial_2_area::after {
    border-right: 25px solid var(--colorPrimary);
}

.about_2_testimonial .nextArrow,
.about_2_testimonial .prevArrow {
    background: transparent;
    color: var(--colorBlack);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.about_2_testimonial .nextArrow,
.about_2_testimonial .nextArrow:hover,
.about_2_testimonial .prevArrow:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-color: var(--colorPrimary);
}

.counter_area_2 {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.counter_area_2_overlay {
    background: #08052880;
}

.single_counter_2_area ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.single_counter_2_area ul li {
    width: 25%;
    text-align: center;
    border-right: 1px solid #ffffff20;
}

.single_counter_2_area ul li:last-child {
    border: none;
}

.single_counter_2_area ul li .icon {
    width: 80px;
    height: 80px;
    padding: 18px;
    background: #ffffff10;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_counter_2_area ul li h3,
.single_counter_2_area ul li h3 span {
    color: var(--colorWhite);
    text-align: center;
    font-family: var(--fontBicyclette);
    font-size: 50px;
    font-weight: 700;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.single_counter_2_area ul li p {
    color: var(--colorWhite);
    text-align: center;
    font-family: var(--fontBicyclette);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.36px;
    text-transform: uppercase;
    margin-top: 10px;
}

/*=============================
    ABOUT US PAGE 02 END
=============================*/


/*=============================
    MENU STYLE 01 START
=============================*/
.menu_page_1_menu_2 .single_menu_2_text a span {
    background: var(--colorWhite);
}

/*=============================
    MENU STYLE 01 END
=============================*/


/*=============================
    MENU STYLE 02 START
=============================*/
.lunch_menu .section_heading h5,
.breakfast_menu .section_heading h5 {
    display: inline-block;
    color: var(--colorBlack);
    font-style: normal;
    background: var(--colorYellow);
    padding: 7px 50px 7px 50px;
    margin-bottom: 8px;
    clip-path: polygon(100% 0%, 85% 51%, 100% 100%, 0 100%, 15% 55%, 0 1%);
    font-size: 16px;
    font-weight: 600;
}

.breakfast_menu .section_heading h2 {
    color: #DB402F;
    text-transform: uppercase;
    font-size: 60px;
}

.breakfast_menu .slick-arrow {
    background-color: #EB3725;
    color: #fff;
    background-color: #EB3725;
    color: #fff;
    border-radius: 100%;
    padding: 0px 7px;
}

.new_recipes {
    background: var(--lightBg);
}

.new_recipes_text h5 {
    display: inline-block;
    color: var(--colorBlack);
    font-style: normal;
    background: var(--colorYellow);
    padding: 7px 50px 7px 10px;
    clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
}

.new_recipes_text h2 {
    font-size: 40px;
}

.new_recipes_text p {
    margin-top: 30px;
    font-weight: 400;
}

.new_recipes_item {
    height: 315px;
    overflow: hidden;
    position: relative;
    margin: 0px 12px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.new_recipes_item .text {
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(8, 5, 33, 0.00) 0%, #080521 92.3%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: end;
    padding: 40px;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.new_recipes_item .text a {
    text-align: center;
    color: var(--colorWhite);
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.new_recipes_item .text a:hover {
    color: var(--colorYellow);
}

.new_recipes_item:hover .text {
    opacity: 1;
    height: 100%;
}

.new_recipes .prevArrow,
.new_recipes .nextArrow {
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: -378px;
    background: transparent;
    box-shadow: none;
    color: var(--colorBlack);
    border-color: #fcc0c0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.new_recipes .prevArrow {
    left: -428px;
}

.new_recipes .nextArrow,
.new_recipes .prevArrow:hover,
.new_recipes .nextArrow:hover {
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
    color: var(--colorWhite);
}

.natural_food .add_banner_small_2 {
    height: 100%;
    padding: 30px;
    max-height: 397px;
}

.natural_food .add_banner_small_2 .text {
    width: 100%;
}

.natural_food .add_banner_small_2 .text h5 {
    display: inline-block;
    color: var(--colorWhite);
    font-style: normal;
    background: var(--colorPrimary);
    padding: 7px 50px 7px 10px;
    clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 600;
}

.natural_food .add_banner_small_2 .text h3 {
    color: var(--colorBlack);
}

.natural_food .add_banner_small_2 .text a {
    color: var(--colorBlack);
}

.natural_food .add_banner_small_2 .text a::after {
    background: var(--colorBlack);
}

.lunch_menu {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.lunch_menu .prevArrow,
.lunch_menu .nextArrow {
    border-radius: 50%;
    position: absolute;
    background: transparent;
    box-shadow: none;
    color: var(--colorBlack);
    border-color: #fcc0c0;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.lunch_menu .prevArrow {
    right: auto;
    left: 12px;
}

.lunch_menu .nextArrow,
.lunch_menu .prevArrow:hover,
.lunch_menu .nextArrow:hover {
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
    color: var(--colorWhite);
}

.lunch_menu .lunch_menu_slider {
    padding: 0px 70px;
}

/*=============================
    MENU STYLE 02 END
=============================*/


/*=============================
    MENU GRID VIEW START
=============================*/
.sidebar_wizard {
    border-radius: 10px;
    background: var(--lightBg);
    padding: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.sidebar_wizard h2 {
    color: var(--colorBlack);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    margin-bottom: 20px;
    border-bottom: 1px dashed rgba(8, 5, 33, 0.10);
    padding-bottom: 5px;
}

.sidebar_search h2 {
    border: none;
    padding: 0;
}

.sidebar_search form {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.sidebar_search form input {
    border: none;
    padding: 15px 20px;
}

.sidebar_search form button {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 8px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    position: absolute;
    top: 7px;
    right: 7px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.sidebar_search form button:hover {
    color: var(--colorWhite);
    background: var(--colorBlack);
}

.sidebar_category ul li a {
    color: var(--colorBlack);
    font-family: Arial;
    font-size: 12px;
    font-weight: 500;
    opacity: 1;
    position: relative;
    padding-left: 13px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-bottom: 1px solid rgba(8, 5, 33, 0.10);
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.sidebar_category ul li a::after {
    position: absolute;
    content: "\f0da";
    font-family: "font awesome 5 free";
    font-size: 18px;
    font-weight: 600;
    color: var(--colorBlack);
    top: -1px;
    left: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.sidebar_category ul li a span {
    color: var(--colorBlack);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.sidebar_category ul li a:hover,
.sidebar_category ul li a:hover span,
.sidebar_category ul li a:hover::after {
    color: var(--colorPrimary);
    opacity: 1;
}

.sidebar_category ul li a:hover {
    padding-left: 18px;
}

.sidebar_category ul li a:hover::after {
    left: 5px;
}

.sidebar_category ul li:last-child a {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.sidebar_tags ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.sidebar_tags ul li a {
    color: var(--colorBlack);
    font-family: var(--fontBicyclette);
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 10px;
    border: 1px solid #08052180;
    opacity: .7;
    padding: 6px 26px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.sidebar_tags ul li a:hover {
    color: var(--colorPrimary);
    border-color: var(--colorPrimary);
    opacity: 1;
}

.menu_grid_view .single_menu {
    margin-top: 0;
    margin-bottom: 25px;
}

/*=============================
    MENU GRID VIEW END
=============================*/


/*===========================
    MENU DETAILS START
===========================*/
.details_large_img {
    height: auto;
    max-height: 450px;
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 10px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.details_small_img {
    cursor: pointer;
    margin: 0px 2px;
    height: 85px;
    overflow: hidden;
    transition: all linear .3s;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    opacity: .7;
}

.menu_det_slider_area .slick-list {
    padding: 0 !important;
}

.slick-current .details_small_img {
    opacity: 1;
}

.menu_det_text {
    overflow: hidden;
    padding-left: 25px;
}

.menu_det_text .details_title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 15px;
}

.menu_det_text .rating {
    color: var(--ratingColor);
    margin-bottom: 10px;
}

.menu_det_text .rating span {
    margin-left: 5px;
}

.menu_det_text .price {
    color: var(--colorBlack);
    font-size: 32px;
    font-weight: 700;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
    font-family: var(--fontBicyclette);
}

.menu_det_text .price del {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorPrimary);
    margin-left: 10px;
}

.details_short_description {
    margin-bottom: 25px;
}

.details_short_description h3 {
    font-size: 18px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    padding-right: 10px;
    margin-bottom: 15px;
}

.details_short_description p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 20px;
}

.details_short_description h3::after {
    position: absolute;
    content: "";
    width: 100px;
    height: 1px;
    border-radius: 50px;
    background: var(--colorPrimary);
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.details_short_description h3::before {
    position: absolute;
    content: "";
    width: 1000%;
    height: 1px;
    border-radius: 50px;
    background: rgba(5, 13, 2, 0.08);
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.details_quentity_area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 27px;
    margin-top: 20px;
}

.details_quentity_area p {
    color: var(--paraColor);
    font-size: 16px;
    width: 100%;
    margin-bottom: 5px;
}

.details_quentity_area p span {
    color: var(--colorBlack);
    font-weight: 500;
}

.details_quentity_area .button_area {
    border: 1px solid rgba(5, 13, 2, 0.10);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 50px;
    overflow: hidden;
    margin-right: 5px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.details_quentity_area .button_area button {
    height: 35px;
    width: 40px;
    padding-bottom: 4px;
    border: none;
    background: none;
    font-size: 16px;
    font-weight: 500;
    color: var(--paraColor);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.details_quentity_area .button_area button:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.details_quentity_area .button_area input {
    height: 35px;
    width: 45px;
    border: none;
    border-left: 1px solid rgba(5, 13, 2, 0.10);
    border-right: 1px solid rgba(5, 13, 2, 0.10);
    padding: 0;
    text-align: center;
    line-height: 35px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.details_quentity_area .button_area input::placeholder {
    color: var(--colorBlack);
}

.details_quentity_area h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 34px;
}

.menu_det_text .details_cart_btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.menu_det_text .details_cart_btn .common_btn i {
    margin-left: 0;
    margin-right: 5px;
}

.menu_det_text .details_cart_btn .love {
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background: var(--colorWhite);
    border: 1px solid rgba(5, 13, 2, 0.10);
    color: var(--colorBlack);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.menu_det_text .details_cart_btn .love:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.details_size,
.details_extra_item,
.details_quentity {
    margin-bottom: 25px;
}

.details_size h5,
.details_extra_item h5,
.details_quentity h5 {
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 600;
    color: var(--colorBlack);
    margin-bottom: 15px;
}

.details_size .form-check input {
    padding: 0;
    margin-top: 5px;
}

.details_size .form-check label,
.details_extra_item .form-check label {
    text-transform: uppercase;
    color: var(--colorBlack);
    font-size: 18px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 60%;
}

.details_extra_item h5 span {
    text-transform: capitalize;
}

.menu_det_text .share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.menu_det_text .share li {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 500;
    font-family: var(--paraColor);
}

.menu_det_text .share li a {
    color: var(--colorBlack);
    font-size: 18px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.menu_det_text .share li a:hover {
    color: var(--colorPrimary);
}

.menu_details_banner {
    height: 400px;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.menu_details_banner .text {
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px;
}

.menu_details_banner .text h5 {
    color: var(--colorBlack);
    font-style: normal;
    background: #F8C618;
    padding: 7px 50px 7px 10px;
    clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    display: inline-block;
}

.menu_details_banner .text h3 {
    color: var(--colorWhite);
    font-size: 32px;
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.menu_details_banner .text a {
    color: var(--colorWhite);
    font-family: var(--fontBicyclette);
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 5px;
}

.menu_details_banner .text a span {
    display: inline-block;
    width: 18px;
    margin-right: 8px;
}

.menu_details_banner .text a::after {
    position: absolute;
    content: "";
    width: 105px;
    height: 1px;
    background: var(--colorWhite);
    bottom: 0;
    left: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.menu_details_banner .text a i {
    margin-left: 5px;
}

.menu_details_banner .text a:hover::after {
    width: 100%;
}

.menu_det_content_area nav .nav-tabs {
    border-bottom: 0;
    background: var(--lightBg);
    border-radius: 10px 10px 0px 0px;
    overflow: hidden;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    -o-border-radius: 10px 10px 0px 0px;
}

.menu_det_content_area nav .nav-tabs button {
    color: var(--colorBlack);
    text-align: center;
    font-family: var(--fontBicyclette);
    font-size: 16px;
    font-weight: 600;
    border-radius: 0;
    border: 0;
    border-right: 1px solid var(--colorWhite) !important;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-bottom: 3px solid #E9ECD9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.menu_det_content_area nav .nav-tabs button:hover,
.menu_det_content_area nav .nav-tabs button.active {
    background: transparent;
    color: var(--colorPrimary);
    border-bottom: 3px solid var(--colorPrimary);
}

.menu_det_content_area .tab-content {
    padding: 25px 30px;
    border: 1px solid rgba(8, 5, 33, 0.10);
    border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    -o-border-radius: 0px 0px 10px 10px;
}

.menu_det_description p {
    margin-bottom: 20px;
}

.menu_det_description p:last-child {
    margin: 0;
}

.menu_det_description ul,
.menu_det_description ol {
    margin-top: 25px;
    margin-bottom: 22px;
}

.menu_det_description ul li,
.menu_det_description ol li {
    font-size: 15px;
    font-weight: 500;
    color: var(--paraColor);
    font-family: var(--fontBicyclette);
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
}

.menu_det_description ul li::after,
.menu_det_description ol li::after {
    position: absolute;
    content: "";
    background: url(../images/check_icon_2.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 18px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.menu_det_description h1,
.menu_det_description h2,
.menu_det_description h3,
.menu_det_description h4,
.menu_det_description h5,
.menu_det_description h6 {
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 20px;
}

.menu_det_description h1 {
    font-size: 36px;
}

.menu_det_description h2 {
    font-size: 32px;
}

.menu_det_description h3 {
    font-size: 28px;
}

.menu_det_description h4 {
    font-size: 24px;
}

.menu_det_description h5 {
    font-size: 20px;
}

.menu_det_description h6 {
    font-size: 16px;
}

.menu_det_review_area h2 {
    color: var(--colorBlack);
    font-family: var(--fontBicyclette);
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.single_review {
    border-radius: 12px;
    border: 1px solid rgba(8, 5, 33, 0.10);
    background: var(--colorWhite);
    display: flex;
    flex-wrap: wrap;
    padding: 25px;
    margin-top: 15px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.single_review.reply {
    margin-left: 70px;
}

.single_review .img {
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin-right: 20px;
}

.single_review .text {
    width: 88%;
}

.single_review .text h4 {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.single_review .text h4 span {
    font-family: var(--fontBicyclette);
    font-size: 14px;
}

.single_review .text .rating {
    color: var(--ratingColor);
    display: block;
    margin-bottom: 10px;
}

.single_review .text p {
    font-size: 14px;
}

.single_review .text a {
    color: var(--colorBlack);
    font-family: var(--fontBicyclette);
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    padding: 6px 13px;
    background: rgba(8, 5, 33, 0.05);
    margin-top: 20px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.single_review .text a i {
    margin-right: 5px;
}

.single_review .text a:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.single_review.reply {
    margin-left: 70px;
}

.single_review.reply .text {
    width: 87%;
}

.review_input_area p {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 11px;
}

.review_input_area p span {
    color: var(--ratingColor);
}

.review_input_area p span i {
    cursor: pointer;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.review_input_area p span i:hover {
    color: var(--colorBlack);
}

.review_input_box {
    margin-bottom: 15px;
}

.review_input_box label {
    color: var(--colorBlack);
    display: block;
    font-family: var(--fontBicyclette);
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 5px;
}

.review_input_box input,
.review_input_box textarea {
    border-radius: 10px;
    background: var(--colorWhite);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.related_team,
.related_menu {
    margin-bottom: -20px;
}

.related_menu .single_menu {
    margin: 25px 12px 15px 12px;
    box-shadow: rgb(149 157 165 / 29%) 0px 0px 11px;
}

.related_menu .nextArrow,
.related_menu .prevArrow {
    position: absolute;
    top: -70px;
    right: 13px;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

.related_menu .prevArrow {
    right: 70px;
}

.menu_details_offer {
    padding: 25px;
    border-radius: 12px;
    margin-bottom: 25px;
    background: var(--lightBg);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.menu_details_offer p {
    color: var(--colorBlack);
}

.menu_details_offer a {
    font-size: 14px;
    font-weight: 500;
    color: var(--colorPrimary) !important;
    cursor: pointer;
    text-transform: capitalize;
}

.popover {
    border: 1px solid rgba(5, 13, 2, 0.08);
    background: var(--colorWhite);
    max-width: 350px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.popover-header {
    background: var(--lightBg);
    border: none;
    font-size: 16px;
    color: var(--colorBlack);
    font-family: var(--fontBicyclette);
}

.popover-body {
    padding: 15px 20px;
    color: var(--paraColor);
}

/*===========================
    MENU DETAILS END
===========================*/


/*=============================
    BRANCH PAGE START
=============================*/
.single_branch {
    border-radius: 10px;
    background: var(--colorWhite);
    box-shadow: 0px 10px 30px 0px rgba(8, 5, 33, 0.10);
    overflow: hidden;
    margin-top: 25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.single_branch_img {
    height: 180px;
    overflow: hidden;
}

.single_branch_img img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_branch_text {
    padding: 25px 30px 30px 30px;
}

.single_branch_text .title {
    font-size: 24px;
}

.single_branch_text .rating {
    color: var(--ratingColor);
    margin-top: 7px;
    margin-bottom: 10px;
}

.single_branch_text .call_mail {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 25px;
    color: var(--paraColor);
    font-family: var(--fontBicyclette);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_branch_text .call_mail::after {
    position: absolute;
    content: "";
    background: url(../images/call_icon_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 17px;
    height: 17px;
    top: 5px;
    left: 0;
    overflow: hidden;
}

.single_branch_text .mail::after {
    background: url(../images/mail_icon_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.single_branch_text .call_mail:hover {
    color: var(--colorPrimary);
}

.single_branch_text .common_btn {
    margin-top: 15px;
}

.single_branch_text .common_btn i {
    margin-left: 8px;
    margin-right: 0;
    margin-top: 2px;
}

.single_branch:hover .single_branch_img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.branch_popup_img {
    height: 270px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.branch_popup_text {
    margin-top: 20px;
    border-bottom: 1px solid #E6E6E9;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.branch_popup_text .title {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
}

.branch_popup_text .description {
    color: var(--paraColor);
    font-size: 15px;
    font-weight: 500;
    margin-top: 12px;
    margin-bottom: 30px;
}

.branch_popup_text .branch_call_mail {
    display: block;
    color: var(--colorBlack);
    font-family: var(--fontBicyclette);
    font-size: 15px;
    font-weight: 500;
    margin-top: 7px;
    opacity: .9;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.branch_popup_text .branch_call_mail i {
    width: 25px;
}

.branch_popup_text a.branch_call_mail:hover {
    color: var(--colorPrimary);
    opacity: 1;
}

.branch_popup_text ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 34px;
}

.branch_popup_text ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100px;
    border: 1px solid rgba(11, 11, 11, 0.10);
    color: var(--paraColor);
    opacity: .7;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.branch_popup_text ul li a:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-color: var(--colorPrimary);
    opacity: 1;
}

.branch_popup_map {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    height: 300px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.branch_popup .modal-dialog {
    max-width: 550px;
}

/*=============================
    BRANCH PAGE END
=============================*/


/*=============================
    BLOG DETAILS START
=============================*/
.blog_details_img {
    height: 410px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.blog_details_header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 35px;
}

.blog_details_header .left_info,
.blog_details_header .right_info {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.blog_details_header .left_info li,
.blog_details_header .right_info li {
    color: var(--paraColor);
    font-family: var(--fontBicyclette);
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.blog_details_header .left_info li span {
    color: var(--colorWhite);
    font-family: var(--fontBicyclette);
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    background: var(--colorPrimary);
    padding: 7px 24px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.blog_details_header .left_info li i,
.blog_details_header .right_info li i {
    margin-right: 5px;
}

.blog_details_header .right_info {
    gap: 15px;
}

.blog_details_text h1,
.blog_details_text h2,
.blog_details_text h3,
.blog_details_text h4,
.blog_details_text h5,
.blog_details_text h6 {
    font-weight: 700;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    margin-top: 35px;
}

.blog_details_text h1 {
    font-size: 44px;
}

.blog_details_text h2 {
    font-size: 40px;
}

.blog_details_text h3 {
    font-size: 36px;
}

.blog_details_text h4 {
    font-size: 32px;
}

.blog_details_text h5 {
    font-size: 28px;
}

.blog_details_text h6 {
    font-size: 22px;
}

.blog_details_text p {
    line-height: 24px;
    margin-top: 25px;
}

.blog_details_text .quot_text {
    border-radius: 6px;
    border: 1px solid rgba(11, 11, 11, 0.02);
    background: var(--lightBg);
    padding: 35px 40px;
    border-left: 4px solid var(--colorYellow);
    margin-top: 45px;
    margin-bottom: 50px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.blog_details_text .quot_text p {
    color: var(--colorBlack);
    font-size: 16px;
    font-style: italic;
    margin: 0;
}

.blog_details_text .quot_text h5 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    margin-top: 25px;
    padding-left: 50px;
    position: relative;
}

.blog_details_text .quot_text h5::after {
    position: absolute;
    content: "";
    width: 40px;
    height: 2px;
    background: var(--colorYellow);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.blog_details_text ul,
.blog_details_text ol {
    margin-top: 30px;
    margin-bottom: 40px;
}

.blog_details_text ul li,
.blog_details_text ol li {
    color: var(--paraColor);
    font-size: 15px;
    font-weight: 500;
    margin-top: 15px;
    padding-left: 30px;
    position: relative;
}

.blog_details_text ul li::after,
.blog_details_text ol li::after {
    position: absolute;
    content: "";
    background: url(../images/check_icon_2.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 18px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.blog_details_text .details_center_img {
    height: 295px;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.details_tags_share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(8, 5, 33, 0.10);
    border-bottom: 1px solid rgba(8, 5, 33, 0.10);
    margin-top: 45px;
    padding: 15px 0px;
}

.details_tags_share ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.details_tags_share ul li span {
    color: var(--colorBlack);
    font-family: var(--fontBicyclette);
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.4px;
    text-transform: uppercase;
}

.details_tags_share ul li a {
    color: var(--paraColor);
    font-family: var(--fontBicyclette);
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 10px;
    border: 1px solid rgba(8, 5, 33, 0.10);
    padding: 6px 20px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.details_tags_share ul li a:hover {
    color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.details_tags_share .details_share {
    color: var(--paraColor);
    font-family: var(--fontBicyclette);
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.details_tags_share .details_share i {
    color: var(--colorBlack);
    margin-right: 5px;
}

.details_tags_share .details_share:hover,
.details_tags_share .details_share:hover i {
    color: var(--colorPrimary);
}

.input_comment_area h2 {
    color: var(--colorBlack);
    font-family: var(--fontBicyclette);
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.input_comment_area span {
    display: block;
    margin-bottom: 30px;
}

.sidebar_post ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid rgba(8, 5, 33, 0.10);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.sidebar_post ul li:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.sidebar_post ul li .img {
    width: 85px;
    height: 85px;
    overflow: hidden;
    border-radius: 12px;
    margin-right: 15px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.sidebar_post ul li .text {
    width: 71%;
}

.sidebar_post ul li .text p {
    font-family: var(--fontBicyclette);
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

.sidebar_post ul li .text p i {
    margin-right: 5px;
}

.sidebar_post ul li .text a {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 5px;
}

.sidebar_banner {
    height: auto;
}

.sidebar_banner .text {
    padding: 40px 130px 40px 40px;
}

/*=============================
    BLOG DETAILS END
=============================*/

/*==========================
    DASHBOARD PAGE START
==========================*/
/* dashboard sidebar start */
.dashboard_sidebar {
    background: var(--colorWhite);
    overflow: hidden;
    height: 100%;
}

.dashboard_sidebar_user {
    padding: 50px;
    text-align: center;
    border-radius: 12px;
    background: var(--lightBg);
    margin-bottom: 60px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.dashboard_sidebar_user .img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 3px solid var(--colorWhite);
    margin: 0 auto;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.dashboard_sidebar_user .img img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.dashboard_sidebar_user .img label {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    border-radius: 30px;
    border: 1px solid rgba(88, 92, 84, 0.50);
    background: var(--colorWhite);
    transition: all linear .3s;
    position: absolute;
    bottom: 0;
    right: 0;
    color: var(--colorBlack);
    cursor: pointer;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    text-align: center;
}

.dashboard_sidebar_user .img label:hover {
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
    color: var(--colorWhite);
}

.dashboard_sidebar_user h3 {
    font-size: 20px;
    margin-top: 22px;
    margin-bottom: 5px;
    text-align: center;
    font-weight: 700;
}

.dashboard_sidebar_user p {
    text-align: center;
}

.dashboard_sidebar_menu ul li a {
    display: block;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 15px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 10px;
    border: 1px solid rgba(8, 5, 33, 0.10);
    padding: 12px 25px;
    color: var(--paraColor);
    font-family: var(--fontBicyclette);
    text-transform: capitalize;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.dashboard_sidebar_menu ul li a::after {
    position: absolute;
    content: "\f054";
    font-family: "font awesome 5 free";
    font-weight: 600;
    font-size: 12px;
    color: var(--paraColor);
    top: 50%;
    right: 25px;
    transition: all linear .3s;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.dashboard_sidebar_menu ul li:last-child a {
    margin-bottom: 0;
}

.dashboard_sidebar_menu ul li a i {
    margin-right: 10px;
}

.dashboard_sidebar_menu ul li a:hover,
.dashboard_sidebar_menu ul li a.active {
    color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.dashboard_sidebar_menu ul li a:hover::after,
.dashboard_sidebar_menu ul li a.active::after {
    color: var(--colorPrimary);
}

/* dashboard sidebar end */


/* personal info start */
.dashboard_content .dashboard_title {
    font-size: 28px;
    font-weight: 700;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-transform: capitalize;
}

.dashboard_content .dashboard_title a {
    border-radius: 6px;
    padding: 8px 15px;
    background: var(--colorPrimary);
    color: var(--colorWhite) !important;
    cursor: pointer;
    font-size: 14px;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.dashboard_content .dashboard_title a:hover {
    background: var(--colorBlack);
}

.profile_overview_item {
    padding: 40px 40px 35px 40px;
    background: var(--lightBg);
    margin-top: 25px;
    overflow: hidden;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.profile_overview_item span {
    display: block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    font-size: 25px;
    text-align: center;
    background: var(--colorYellow);
    color: var(--colorBlack);
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.profile_overview_item h3 {
    margin-top: 22px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
}

.profile_overview_item p {
    text-align: center;
}

.dashboard_profile_info_list,
.dashboard_profile_info_edit {
    background: var(--lightBg);
    padding: 35px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.dashboard_profile_info_list h2,
.dashboard_profile_info_edit h2 {
    font-size: 22px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
    gap: 10px;
}

.dashboard_profile_info_list h2 a,
.dashboard_profile_info_edit h2 a {
    color: var(--colorWhite);
    font-family: var(--fontBicyclette);
    font-size: 14px;
    font-weight: 400;
    background: var(--colorPrimary);
    padding: 9px 20px;
    border-radius: 6px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.dashboard_profile_info_list h2 a:hover,
.dashboard_profile_info_edit h2 a:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.dashboard_profile_info_list ul li {
    color: var(--paraColor);
    font-size: 15px;
    font-weight: 500;
    margin-top: 15px;
}

.dashboard_profile_info_list ul li span {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    width: 120px;
}

/* personal info end */


/* personal info edit end */
.dashboard_profile_info_edit h2 {
    margin-bottom: 0;
}

.info_edit_form input,
.info_edit_form textarea {
    margin-top: 20px;
    background: var(--colorWhite);
    border: none;
}

.info_edit_form .select2-container .select2-selection--single {
    margin-top: 20px;
    border-radius: 10px;
    border: none;
}

.info_edit_form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 28px;
}

.info_edit_form button {
    margin-top: 15px;
}

/* personal info edit end */

/* order start */
.dashboard_order {
    margin-top: 25px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(8, 5, 33, 0.10);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.dashboard_order table {
    width: 100%;
}

.dashboard_order table tr {
    border-top: 1px solid rgba(8, 5, 33, 0.10);
}

.dashboard_order table tr th {
    color: var(--colorWhite);
    font-family: var(--fontBicyclette);
    font-size: 15px;
    font-weight: 600;
    background: var(--colorPrimary);
    padding: 10px;
}

.dashboard_order table tr td {
    color: var(--paraColor);
    font-size: 15px;
    font-weight: 500;
    padding: 15px;
}

.dashboard_order table tr th,
.dashboard_order table tr td {
    width: 20%;
    text-align: center;
    min-width: 130px;
}

.dashboard_order table tr td span {
    display: block;
    color: var(--colorBlack);
    font-family: var(--fontBicyclette);
    border-radius: 40px;
    padding: 5px 0;
    width: 120px;
    margin: 0 auto;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    text-align: center;
}

.dashboard_order table tr td .complete {
    background: rgba(255, 124, 8, 0.10);
    color: var(--colorYellow);
}

.dashboard_order table tr td .active {
    color: var(--colorPrimary);
    background: rgba(110, 179, 86, 0.10);
}

.dashboard_order table tr td .cancel {
    color: var(--colorRed);
    background: rgba(240, 12, 12, 0.10);
}

.dashboard_order table tr td a {
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    color: var(--paraColor);
    border-bottom: 1px solid var(--paraColor);
}

.dashboard_order table tr td a:hover {
    color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

/* order end */


/* order invoice start */
.dashboard_order_invoice {
    border-radius: 12px;
    border: 1px solid #01040E14;
    margin-top: 30px;
    overflow: hidden;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.dashboard_invoice_logo_area {
    background: var(--lightBg);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 30px;
}

.dashboard_invoice_logo_area .invoice_logo {
    width: 100px;
}

.dashboard_invoice_logo_area .text h2 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.dashboard_invoice_logo_area .text p {
    text-transform: capitalize;
}

.dashboard_invoice_header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #01040E14;
    padding: 30px;
}

.dashboard_invoice_header .text {
    width: 45%;
}

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

.label {
    display: inline-block;
    padding: 0.35em 0.6em;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.label-primary {
    background-color: #0d6efd; /* Bootstrap primary color */
    color: #fff;
}

.label-danger {
    background-color: #dc3545; /* Bootstrap danger color */
    color: #fff;
}

.label-warning {
    background-color: #ffc107; /* Bootstrap warning color */
    color: #212529; /* Dark text for contrast */
}


/*.dashboard_invoice_header .text p {
    margin-top: 5px;
}
*/
.dashboard_invoice_header .text h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}

.dashboard_invoice_header .text ul li {
    font-size: 15px;
    font-weight: 500;
    color: var(--paraColor);
    margin-top: 5px;
}

.dashboard_invoice_header .text ul li span {
    color: var(--colorBlack);
    text-transform: capitalize;
    display: inline-block;
    width: 100px;
}

.invoice_table {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #01040E14;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.invoice_table table tr th,
.invoice_table table tr td {
    width: 25%;
    padding: 12px 30px;
    text-align: left;
}


.invoice_table table tr th {
    width: 25%;
    padding: 12px 30px;
    text-align: left;
    font-size: 20px;
}

.dashboard_invoice_footer {
    padding: 30px;
    position: relative;
    margin-top: 30px;
}

.dashboard_invoice_footer h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

.dashboard_invoice_footer a {
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.dashboard_invoice_footer a i {
    margin-right: 5px;
}

.invoice_table table tr td b {
    color: var(--colorBlack);
    font-weight: 500;
}

/* order invoice end */


/* dashboard review start */
.dashboard_reviews {
    margin-top: 25px;
}

.dashboard_reviews .pagination ul {
    justify-content: start;
}

/* dashboard review end */


/* dashboard change password start */
.dashboard_change_password {
    margin-top: 25px;
    background: var(--lightBg);
    padding: 35px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.dashboard_change_password input {
    margin-bottom: 20px;
    border: none;
}

/* dashboard change password end */


/* dashboard address start */
.checkout_single_address {
    border: 1px solid #eeeeeea6;
    padding: 20px;
    border-radius: 6px;
    margin-top: 25px;
    background: var(--lightBg);
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.checkout_single_address .form-check {
    padding-left: 0;
}

.checkout_single_address .form-check input {
    margin-right: 15px;
    padding: 0;
    border-color: var(--colorPrimary);
    margin-left: 0;
}

.checkout_single_address .form-check input:checked {
    background-color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.checkout_single_address .form-check label {
    display: block;
    width: 100%;
    cursor: pointer;
}

.checkout_single_address .form-check label .icon {
    text-transform: capitalize;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: var(--colorPrimary);
    border: 1px solid var(--colorPrimary);
    padding: 10px 20px;
    border-radius: 6px;
}

.checkout_single_address .form-check label .icon i {
    margin-right: 5px;
}

.checkout_single_address .form-check label .address {
    text-transform: capitalize;
    margin-top: 10px;
    display: block;
    padding-top: 10px;
}

.check_form .check_single_form {
    margin-bottom: 25px;
}

.check_single_form .nice-select {
    border: 1px solid #eee !important;
    padding: 12px 20px;
    margin-bottom: 20px;
}

.checkout_single_address ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 14px;
}

.checkout_single_address ul li a {
    width: 35px;
    height: 35px;
    line-height: 31px;
    background: var(--colorPrimary);
    color: var(--colorWhite) !important;
    border: 1px solid var(--colorPrimary);
    font-size: 12px;
    text-align: center;
    margin: 3px;
    border-radius: 6px;
    transition: all linear .3s;
    cursor: pointer;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.checkout_single_address ul li a:hover {
    background: var(--colorBlack);
}

/* dashboard address end */

/* dashboard new address start */
.dashboard_new_address,
.dashboard_edit_address {
    background: var(--lightBg);
    border-radius: 12px;
    padding: 30px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    margin-top: 25px;
}

.dashboard_new_address h4,
.dashboard_edit_address h4 {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.dashboard_new_address .check_single_form,
.dashboard_edit_address .check_single_form {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}

.dashboard_edit_address .select2-container--default .select2-selection--single {
    background-color: var(--colorWhite);
    border: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.dashboard_edit_address .check_single_form input {
    border: none;
}

.dashboard_new_address .check_area,
.dashboard_edit_address .check_area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.dashboard_new_address .form-check,
.dashboard_edit_address .form-check {
    margin-right: 20px;
    background: var(--colorWhite);
    border: 1px solid #ddd;
    padding: 10px 30px 10px 40px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.dashboard_new_address .form-check label,
.dashboard_edit_address .form-check label {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    color: var(--colorBlack);
    display: block;
    width: 100%;
}

.dashboard_new_address .form-check input,
.dashboard_edit_address .form-check input {
    padding: 0;
    border: 1px solid var(--colorPrimary);
}

.dashboard_new_address .form-check input:checked,
.dashboard_edit_address .form-check input:checked {
    background-color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.dashboard_edit_address .cancel_edit_address {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    margin-right: 5px;
}


.dashboard_edit_address .cancel_edit_address:hover {
    background: var(--colorWhite);
    color: var(--colorBlack);
}

/* dashboard new address end */
/*==========================
    DASHBOARD PAGE END
==========================*/


/*======================
    CART VIEW PAGE START
========================*/
.cart_list table {
    width: 100%;
}

.cart_list table tbody tr {
    border-top: 1px solid rgb(8 5 33 / 8%) !important;
}

.cart_list table tbody tr:last-child {
    border-bottom: 1px solid rgb(8 5 33 / 8%) !important;
}

.cart_list .pro_img {
    width: 15%;
    min-width: 130px;
    padding-right: 90px !important;
}

.cart_list .pro_img img {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.cart_list .pro_name {
    width: 30%;
    min-width: 240px;
}

.cart_list td.pro_name {
    flex-direction: column;
}

.cart_list .pro_select {
    width: 15%;
    min-width: 180px;
}

.cart_list .pro_tk {
    width: 15%;
    min-width: 120px;
}

.cart_list .pro_tk h6 {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 600;
}

.cart_list .pro_icon {
    width: 10%;
    min-width: 100px;
    text-align: center;
}

.cart_list tr td.pro_icon a {
    font-size: 16px;
    text-align: center;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    background: rgba(11, 11, 11, 0.06);
    margin: 0 auto;
}

.cart_list tr td.pro_icon a:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.cart_list table tr th,
.cart_list table tr td {
    border: none;
    color: var(--colorBlack);
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 900;
    padding: 15px 0px !important;

}

.cart_list table tr th {
    color: var(--colorBlack);
    font-family: var(--fontBicyclette);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.36px;
    text-transform: uppercase;
    padding-top: 0 !important;
}

.cart_list table tr th .clear_all {
    color: var(--colorPrimary);
    font-family: var(--fontBicyclette);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.36px;
    text-transform: uppercase;
    transition: all linear .3s;
}

.cart_list table tr th .clear_all:hover {
    color: var(--colorYellow);
}

.cart_list table tbody tr td a,
.cart_list table tbody tr td p,
.cart_list table tbody tr td span {
    color: var(--paraColor);
    text-transform: capitalize;
    font-size: 14px;
    display: block;
}

.cart_list table tbody tr td a {
    color: var(--colorBlack);
    margin-bottom: 5px;
    width: 100%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    font-family: var(--fontBicyclette);
    font-size: 16px;
    font-weight: 600;
}

.cart_list table tbody tr td a:hover {
    color: var(--colorPrimary);
}

.cart_list table tbody tr td p {
    margin-top: 3px;
}

.cart_list table tbody tr td span {
    color: var(--colorPrimary);
}

.cart_list .quentity_btn {
    display: inline-flex;
    border-radius: 6px;
    border: 1px solid rgba(8, 5, 33, 0.12);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    overflow: hidden;
}

.cart_list .quentity_btn input {
    border-radius: 0;
    border: none;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.cart_list .quentity_btn button:hover {
    background: var(--colorYellow);
    color: var(--colorBlack);
}

.cart_list .quentity_btn button {
    color: var(--colorBlack);
    background: var(--colorWhite);
    border-radius: 4px;
}

.cart_list_footer {
    border-radius: 5px;
    background: #def0ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.cart_list_footer_top {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.cart_list_footer_button form {
    display: flex;
    flex-wrap: wrap;
}

.cart_list_footer_button form input {
    margin-right: 20px;
    max-width: 600px;
}

.cart_summery {
    padding: 40px;
    border-radius: 10px;
    border: 1px solid rgba(11, 11, 11, 0.02);
    background: var(--lightBg);
}

.cart_summery h6 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.36px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 25px;
}

.cart_summery p {
    text-transform: capitalize;
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    font-family: var(--fontBicyclette);
    border-bottom: 1px solid rgba(8, 5, 33, 0.10);
    padding-bottom: 5px;
}

.cart_summery .total {
    border: none;
}

.cart_summery .total span {
    font-weight: 600;
    color: var(--colorBlack);
}

.cart_summery a {
    width: 100%;
    justify-content: center;
    margin-top: 30px;
}

/*======================
 CART VIEW PAGE END
========================*/


/*=============================
    SERVICE PAGE START
=============================*/
.service_item {
    position: relative;
    margin-top: 25px;
    height: 520px;
}

.service_item img {
    border-radius: 10px;
}

.service_item_overly {
    position: absolute;
    bottom: 5%;
    left: 5%;
    width: 90%;
    height: 35%;
    padding: 0px 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1.5px solid rgba(255, 255, 255, 0.10);
    background: rgba(233, 236, 217, 0.10);
    backdrop-filter: blur(25px);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.service_item_icon {
    width: 50px;
    height: 0px;
    margin-bottom: 22px;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.service_item_overly h2 {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--colorWhite);
    text-align: center;
}

.service_item_overly p {
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: var(--colorWhite);
    margin-top: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.service_item a {
    font-weight: 600;
    height: 0;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    overflow: hidden;
}

.service_item:hover .service_item_overly {
    height: 90%;
}

.service_item:hover .service_item_icon {
    height: 50px;
    opacity: 1;
}

.service_item:hover a {
    margin-top: 45px;
    opacity: 1;
    height: auto;
}

/*=============================
    SERVICE PAGE END
=============================*/


/*=============================
    SERVICE DETAILS START
=============================*/
.service_details_img {
    height: 410px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.service_details_text h1,
.service_details_text h2,
.service_details_text h3,
.service_details_text h4,
.service_details_text h5,
.service_details_text h6 {
    font-weight: 700;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    margin-top: 30px;
}

.service_details_text h1 {
    font-size: 44px;
}

.service_details_text h2 {
    font-size: 40px;
}

.service_details_text h3 {
    font-size: 36px;
}

.service_details_text h4 {
    font-size: 32px;
}

.service_details_text h5 {
    font-size: 28px;
}

.service_details_text h6 {
    font-size: 22px;
}

.service_details_text p {
    line-height: 24px;
    margin-top: 20px;
}

.service_quot {
    padding: 25px 30px 25px 100px;
    position: relative;
    border-radius: 10px;
    margin-top: 40px;
    margin-bottom: 40px;
    background: var(--colorWhite);
    box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.10);
}

.service_quot::after {
    position: absolute;
    content: "";
    background: url(../images/speace.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 44px;
    height: 35px;
    top: 34px;
    left: 30px;
}

.service_quot p {
    font-size: 20px;
    font-weight: 400;
    font-family: var(--fontBicyclette);
    line-height: 30px;
    color: var(--colorBlack);
    margin-top: 0;
}

.service_quot h5 {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    color: var(--colorPrimary);
    margin-top: 20px !important;
    padding-left: 50px;
}

.service_quot h5::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 1.5px;
    top: 10px;
    left: 0;
    background: var(--colorBlack);
}

.service_accordion {
    margin-top: 35px;
}

.service_accordion h3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    color: var(--colorBlack);
    margin-bottom: 40px;
}

.service_category h2 {
    margin-bottom: 0;
}

.service_category_img {
    position: relative;
    height: 110px;
    margin-top: 25px;
    border-radius: 8px;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.service_category_text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0px 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: transparent;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.service_category_text a {
    font-size: 18px;
    font-family: var(--fontBicyclette);
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.36px;
    text-transform: uppercase;
    color: var(--colorWhite);
    text-align: center;
}

.service_category_img:hover .service_category_text {
    opacity: 0.8;
    background: #0B0B0B;
    border-radius: 8px;
}

.service_details_text ul,
.service_details_text ol {
    margin-top: 30px;
    margin-bottom: 40px;
}

.service_details_text ul li,
.service_details_text ol li {
    color: var(--paraColor);
    font-size: 15px;
    font-weight: 500;
    margin-top: 15px;
    padding-left: 30px;
    position: relative;
}

.service_details_text ul li::after,
.service_details_text ol li::after {
    position: absolute;
    content: "";
    background: url(../images/check_icon_2.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 18px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

/*=============================
    SERVICE DETAILS END
=============================*/


/*=============================
    FAQ'S PAGE START
=============================*/
.faq_accordion .accordion-item {
    margin-top: 25px;
    padding: 20px 30px;
    border-radius: 10px;
    border: 1.5px solid rgba(8, 5, 33, 0.10);
}

.faq_accordion .accordion-button {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    font-family: var(--fontBicyclette);
    text-transform: uppercase;
    box-shadow: none !important;
    padding: 0;
    color: var(--colorBlack);
}

.faq_accordion .accordion-button:not(.collapsed) {
    background: none;
}

.faq_accordion .accordion-button:focus {
    box-shadow: none;
}

.faq_accordion .accordion-button::after {
    background: url(../images/faq_arrow_1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.faq_accordion .accordion-button:not(.collapsed)::after {
    background: url(../images/faq_arrow_1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.faq_accordion .accordion-body {
    padding: 0;
    border-top: 1px solid rgba(8, 5, 33, 0.10);
    margin-top: 15px;
    padding-top: 25px;
}

.faq_accordion .accordion-body p {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: var(--colorBlack);
}

.faq_img {
    height: 450px;
    position: relative;
}

.faq_img::after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 274px;
    height: 442px;
    background: url(../images/faq_2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    animation: zoom_animi 1s linear infinite alternate;
    -webkit-animation: zoom_animi 1s linear infinite alternate;
}

@keyframes zoom_animi {
    from {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    to {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
}

.faq_contact {
    background: var(--lightBg);
    margin-bottom: -120px;
}

.faq_contact_img {
    max-height: 380px;
}

.faq_contact_form input,
.faq_contact_form textarea {
    background: none;
    border: 1px solid rgb(8 5 33 / 24%);
}

.faq_contact_form button {
    margin-top: 25px !important;
}

/*=============================
    FAQ'S PAGE END
=============================*/


/*=============================
    CHEFS DETAILS START
=============================*/
.chef_details_area {
    margin-bottom: -20px;
}

.chefs_details_img {
    height: 550px;
}

.chefs_details_img img {
    border-radius: 10px;
}

.chefs_description {
    margin-left: 55px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.chefs_description h5 {
    color: var(--colorBlack);
    background: #F2A22A;
    padding: 7px 50px 7px 10px;
    clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
}

.chefs_description h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    color: var(--colorBlack);
}

.chefs_description p {
    margin-top: 20px;
}

.chef_address {
    margin-top: 38px;
}

.chef_address li {
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: var(--fontBicyclette);
    color: var(--paraColor);
    margin-bottom: 12px;
    position: relative;
    padding-left: 25px;
}

.chef_address li span {
    display: block;
    width: 16px !important;
    height: 16px !important;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: -2px;
}

.chefs_description h3 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    margin-top: 23px;
    margin-bottom: 15px;
}

.chef_social_icon li a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50px;
    color: var(--colorWhite);
    background: #3B5998;
    margin-right: 10px;
}

.chef_social_icon li a.twitter {
    background: #55ACEE;
}

.chef_social_icon li a.instagram {
    background: #3F729B;
}

.chef_social_icon li a.youtube {
    background: #CD201F;
}

.chef_details_text h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 46px;
    letter-spacing: -0.48px;
    text-transform: uppercase;
    margin-top: 30px;
}

.chef_details_text p {
    margin-top: 10px;
}

.chefs_details_dish h2,
.chefs_details_skills h2 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.48px;
    text-transform: uppercase;
}

.chef_dish_img {
    display: block;
    height: 170px;
    margin-top: 25px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.chef_dish_img h5 {
    position: absolute;
    top: 70%;
    left: 30%;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.36px;
    text-transform: uppercase;
    color: var(--colorWhite);
}

.chefs_details_skills p {
    max-width: 65%;
    margin-top: 20px;
    margin-bottom: 45px;
}

.team_skills_bar_single {
    margin-top: 30px;
}

.team_skills_bar_single h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.36px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

/*=============================
    CHEFS DETAILS END
=============================*/


/*=============================
    RESERVATION PAGE START
=============================*/
.reservation_page .reservation_form {
    padding: 0;
    margin-left: 0;
    box-shadow: none;
}

.reservation_page .reservation_img {
    margin-right: 35px;
    border-radius: 10px;
    overflow: hidden;
}

.reservation_page .reservation_form h2 {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    margin-bottom: 25px;
    position: relative;
    top: -10px;
}

.reservation_page form input,
.reservation_page form textarea {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.reservation_page .reservation_form_input .select2-container--default .select2-selection--single {
    border-radius: 10px;
}

.reservation_page form .form-check {
    margin-top: 10px;
}

.reservation_page form .form-check input {
    padding: 0;
    margin-top: 6px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.reservation_page form .form-check label {
    font-size: 15px;
    font-weight: 400;
    color: var(--paraColor);
}

.reservation_page .common_btn {
    width: auto;
    margin-bottom: 0;
}

.single_branch_2 {
    border-radius: 10px;
    background: var(--colorWhite);
    box-shadow: 0px 6px 100px 0px rgba(8, 5, 33, 0.10);
    margin-top: 25px;
    padding: 50px 30px;
    text-align: center;
}

.single_branch_2 h4 {
    color: var(--colorPrimary);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.36px;
    text-transform: uppercase;
    text-align: center;
}

.single_branch_2 h2 {
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
}

.single_branch_2 .branch_2_mail_call {
    color: var(--paraColor);
    font-size: 15px;
    font-weight: 500;
    display: block;
    text-align: center;
    margin-top: 5px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_branch_2 a.branch_2_mail_call:hover {
    color: var(--colorPrimary);
}

.single_branch_2 .read_btn {
    margin-top: 40px;
}

/*=============================
    RESERVATION PAGE END
=============================*/


/*=============================
    CHECKOUT PAGE START
=============================*/
.checkout h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.checkout_area form input,
.checkout_area .select2-container {
    margin-bottom: 20px;
}

.checkout_area form textarea {
    margin-bottom: -5px;
}

.checkout_area .select2-container--default .select2-selection--single {
    background-color: var(--colorWhite);
    border: 1px solid rgba(8, 5, 33, 0.10);
    border-radius: 10px;
}

/*=============================
    CHECKOUT END
=============================*/


/*=============================
    PAYMENT PAGE START
=============================*/
.payment_area {
    border: 1px solid rgba(8, 5, 33, 0.10);
    padding: 30px;
    border-radius: 10px;
}

.payment_area h5 {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
    border-bottom: 1px solid rgba(8, 5, 33, 0.10);
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.single_payment {
    display: block;
    background: var(--lightBg);
    border-radius: 6px;
    margin-top: 20px;
    max-height: 80px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_payment:hover {
    background: var(--colorWhite);
    box-shadow: 0px 6px 70px 0px rgba(8, 5, 33, 0.16);
}

.payment_modal .modal-body {
    padding: 30px;
}

.pay_modal_info p {
    margin-bottom: 20px;
}

.pay_modal_info ul li {
    font-size: 16px;
    color: var(--paraColor);
    position: relative;
    padding-left: 30px;
    margin: 10px 0px;
}

.pay_modal_info ul li::after {
    position: absolute;
    content: "";
    background: url(../images/check_icon_2.png);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    top: 2px;
    left: 0;
    width: 20px;
    height: 18px;
}

.pay_modal_info input,
.pay_modal_info textarea,
.pay_modal_info .nice-select {
    margin-top: 15px;
    border: 1px solid rgba(8, 5, 33, 0.10) !important;
}

.pay_modal_info .nice-select:after {
    margin-top: -3px;
    right: 20px;
}

.nice-select {
    border-radius: 10px;
    height: 50px;
    line-height: 50px;
}

.pay_modal_info .nice-select {
    margin-top: 10px;
}

.pay_modal_info .nice-select .option {
    font-weight: 400;
    margin: 0;
}

.pay_modal_info .nice-select .option::after {
    display: none;
}

.payment_btn_area {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    padding-top: 20px;
}

.payment_btn_area button {
    border: none;
}

.payment_btn_area button.btn-danger {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.payment_btn_area button.btn-danger:hover {
    background: var(--colorWhite);
    color: var(--colorPrimary);
}

/*=============================
    PAYMENT PAGE END
=============================*/


/*=============================
    CONTACT PAGE START
=============================*/
.contact_img {
    height: 100%;
    margin-right: 55px;
    border-radius: 10px;
    overflow: hidden;
}

.contact_form h2 {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.contact_form input,
.contact_form textarea {
    margin-top: 20px;
}

.contact_form .form-check {
    margin-top: 10px;
}

.contact_form .form-check input {
    padding: 0;
    margin-top: 5px;
    border-radius: 3px;
}

.contact_form .form-check label {
    font-size: 15px;
    color: var(--paraColor);
    font-weight: 400;
}

.contact_form button {
    margin-top: 35px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.contact_info {
    /* padding: 30px; */
    border-radius: 10px;
    /* border: 1px solid rgba(8, 5, 33, 0.12); */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 25px;
}

.contact_info .icon {
    width: 70px;
    height: 70px;
    background: var(--lightBg);
    margin-right: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 20px;
}

.location-contact .contact_info .icon {
    background: transparent;
}

.location-contact .contact_info .text p, .location-contact .contact_info .text a{
    color: #fff;
}

.location-contact .contact_info img {
    object-fit: contain !important;
}

.table-open-hours table{
    width: 100%;
    margin-bottom: 20px;
    color: #fff;
    font-family: var(--fontBicyclette);
    font-weight: 700;
}

.table-open-hours table td {
    width: 150px;
}

.contact_info .text {
    max-width: 74%;
}

.contact_info .text p,
.contact_info .text a {
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #000;
    line-height: 26px;
    font-family: var(--fontBicyclette);
}

.contact_info .text a:hover {
    color: #ed9e32;
}

.contact_map {
    height: 550px;
}

.contact_map iframe {
    width: 100%;
    height: 100%;
}

/*=============================
    CONTACT PAGE END
=============================*/


/*=============================
    SIGN IN PAGE START
=============================*/
.sign_in {
    margin-bottom: -120px;
    background: var(--lightBg);
}

.sign_in_img {
    height: 100%;
}

.sign_in_form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 220px 200px 100px 175px;
}

.sign_in_form .sign_in_logo {
    display: block;
    width: 75px;
    margin: 0 auto;
}

.sign_in_form h2 {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 10px;
}

.sign_in_form .description {
    max-width: 75%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
}

.sign_in_form form {
    width: 100%;
}

.sign_in_form form input {
    box-shadow: 0px 1px 1px 0px rgba(8, 5, 33, 0.14);
    margin-top: 20px;
    border: none;
}

.sign_in_form form button {
    width: 100%;
    text-align: center;
    justify-content: center;
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.sign_in_check_area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    margin-bottom: 25px;
}

.sign_in_check_area .form-check input {
    padding: 0;
    box-shadow: none;
    border-radius: 3px;
    margin-top: 6px;
    border: 1px solid rgba(8, 5, 33, 0.10);
}

.sign_in_check_area .form-check label {
    font-size: 15px;
    font-weight: 500;
    color: var(--paraColor);
}

.sign_in_check_area a {
    color: var(--colorBlack);
    font-family: var(--fontBicyclette);
    font-size: 15px;
    font-weight: 500;
    transition: all linear .3s;
}

.sign_in_check_area a:hover {
    color: var(--colorPrimary);
}

.sign_in_form .or {
    position: relative;
    color: var(--colorBlack);
    text-align: center;
    font-family: var(--fontBicyclette);
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
    margin-top: 35px;
    margin-bottom: 30px;
}

.sign_in_form .or::after,
.sign_in_form .or::before {
    position: absolute;
    content: "";
    background: var(--colorBlack);
    width: 42%;
    height: 1px;
    opacity: .1;
    top: 9px;
    right: 0;
}

.sign_in_form .or::before {
    right: auto;
    left: 0;
}

.sign_in_form ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

.sign_in_form ul li {
    width: 47%;
}

.sign_in_form ul li a {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--colorWhite);
    box-shadow: 0px 1px 1px 0px rgba(8, 5, 33, 0.14);
    color: var(--paraColor);
    font-family: var(--paraColor);
    font-size: 14px;
    font-weight: 500;
    padding: 11px 20px;
    text-transform: capitalize;
}

.sign_in_form ul li a span {
    width: 17px;
    height: auto;
    margin-right: 5px;
}

.sign_in_form ul li a:hover {
    color: var(--colorPrimary);
}

.sign_in_form .dont_account {
    margin-top: 35px;
}

.sign_in_form .dont_account a {
    color: var(--colorBlack);
    font-family: var(--fontBicyclette);
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.sign_in_form .dont_account a:hover {
    color: var(--colorPrimary);
}


.sign_up .sign_in_form button {
    margin-top: 30px;
}

/*=============================
    SIGN IN PAGE END
=============================*/


/*=============================
    PRIVACY POLICY PAGE START
=============================*/
.privacy_policy_text {
    border-radius: 12px;
    border: 1px solid rgba(8, 5, 33, 0.12);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    padding: 10px 50px 50px 50px;
}

.privacy_policy_text h1,
.privacy_policy_text h2,
.privacy_policy_text h3,
.privacy_policy_text h4,
.privacy_policy_text h5,
.privacy_policy_text h6 {
    font-weight: 700;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    margin-top: 35px;
}

.privacy_policy_text h1 {
    font-size: 32px;
}

.privacy_policy_text h2 {
    font-size: 28px;
}

.privacy_policy_text h3 {
    font-size: 24px;
}

.privacy_policy_text h4 {
    font-size: 20px;
}

.privacy_policy_text h5 {
    font-size: 18px;
}

.privacy_policy_text h6 {
    font-size: 16px;
}

.privacy_policy_text p {
    line-height: 24px;
    margin-top: 25px;
}

.privacy_policy_text a {
    line-height: 24px;
    margin-top: 25px;
    font-size: 15px;
    font-weight: 500;
    color: var(--colorBlack);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.privacy_policy_text a:hover {
    color: var(--colorPrimary);
}

.privacy_policy_text ul,
.privacy_policy_text ol {
    margin-top: 30px;
    margin-bottom: 40px;
}

.privacy_policy_text ul li,
.privacy_policy_text ol li {
    color: var(--paraColor);
    font-size: 15px;
    font-weight: 500;
    margin-top: 15px;
    padding-left: 20px;
    position: relative;
    font-family: var(--fontBicyclette);
}

.privacy_policy_text ul li::after,
.privacy_policy_text ol li::after {
    position: absolute;
    content: "";
    background: var(--paraColor);
    width: 7px;
    height: 7px;
    top: 50%;
    left: 0;
    border-radius: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/*=============================
    PRIVACY POLICY PAGE END
=============================*/


/*=============================
    ERROR/404 PAGE START
=============================*/
red {
    color: red !important;
}

.error_text {
    text-align: center;
}

.error_text .error_img {
    height: 230px;
}

.error_text h2 {
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    margin-top: 60px;
    margin-bottom: 10px;
}

.error_text p {
    font-size: 18px;
    text-align: center;
    width: 75%;
    margin: 0 auto;
}

.error_text a {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    margin-top: 40px;
}

/*=============================
    ERROR/404 PAGE END
=============================*/


/*=============================
    RTL BUTTON START
=============================*/
.rtl_button {
    position: fixed;
    top: 50%;
    right: 20px;
    width: 60px;
    height: 60px;
    background: var(--colorPrimary);
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 600;
    z-index: 999;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.rtl_button::after {
    position: absolute;
    content: "";
    width: 76px;
    height: 76px;
    border: 4px dotted var(--colorPrimary);
    border-radius: 50%;
    top: -8px;
    left: -8px;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    animation: rtl_button_animi linear 10s infinite;
    -webkit-animation: rtl_button_animi linear 10s infinite;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

@keyframes rtl_button_animi {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

.rtl_button:hover {
    background: var(--colorYellow);
    color: var(--colorBlack);
}

.rtl_button:hover::after {
    border-color: var(--colorYellow);
}

/*=============================
    RTL BUTTON END
=============================*/

.banner .banner_text h1,
.banner .banner_text h1 span {
    color: #fff;
}

.ah-words-wrapper b {
    color: #fff;
}

.subtitle-hot-deals {
    font-size: 30px;
    font-weight: 800;
    width: 80px;
    text-align: center;
    background: #AF1200;
    color: #fff;
    border-radius: 15px;
}

.title-hot-deals {
    font-weight: 800;
    color: #fff;
}

.hot-deals .see_btn {
    color: var(--colorPrimary);
    font-family: var(--fontBicyclette);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid var(--colorPrimary);
    border-radius: 15px;
    padding: 7px 17px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.hot-deals .see_btn i {
    margin-left: 7px;
}

.hot-deals .see_btn:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.hot-deals .col-6 {
    margin-bottom: 30px;
}

.title span {
    color: #343434;
    font-weight: 800;
    font-size: 20px;
    font-family: var(--fontBicyclette);
}

.single_menu_text .price p {
    font-size: 17px;
    color: #EE2737;
    font-weight: 600;
}

.single_menu_text .price {
    margin-right: 15px;
    text-align: left;
}

.img-flavor-spicy {
    margin-left: auto;
    width: 86px !important;
}

.location-page h2 {
    font-size: 36px;
}

.home_2 .location-page .common_btn {
    font-size: 20px;
    font-weight: 600;
    background: #DA402E;
    border-radius: 15px;
    padding: 15px 15px 15px 15px;
}

.home_2 .location-page .common_btn .icon {
    width: 35px;
    margin-left: 5px;
    margin-top: 0px;
}



.label-loc {
    font-weight: 600;
    margin: 20px;
}

.location-row {
    width: 70%;
    margin: 50px auto;
}

@media (max-width: 1024px) {
    .location-row {
        width: 100%;
    }
}

.autocomplete-container { position: relative; width: 100%; max-width: 400px; }

.autocomplete-results {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: white;
border: 1px solid #ccc;
border-top: none;
max-height: 250px;
overflow-y: auto;
display: none;
/*box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);*/
z-index: 1000;
}
.autocomplete-item {
padding: 10px;
cursor: pointer;
text-align: left;
border-bottom: 1px solid #eee;
}
.autocomplete-item:hover, .autocomplete-item.active {
background-color: #f1f1f1;
}

.form-search-loc {
    background-image: url(../images/search-icon.png);
    background-position: center right 10px;
    font-size: 15px;
    padding: 20px 30px 20px 30px;
    background-repeat: no-repeat;
    font-weight: 600;
    margin-top: 0 !important;
    height: 100%;
    border: solid 1px #d9402e;
    width: 68%;
}

@media (max-width: 431px) {
 

.modal-dialog-centered {
        width: 419px !important;
        max-width: 419px !important;
    }

}

@media (max-width: 391px) {
    .home_2 .location-page .common_btn .icon {
    width: 35px;
    margin-left: 13px;
    margin-top: 0px;
}

.home_2 .location-page .common_btn {
    font-size: 19px;
    font-weight: 600;
    background: #DA402E;
    border-radius: 15px;
            padding: 15px 10px 15px 40px;
        width: 310px;
}

.form-search-loc {
    background-image: url(../images/search-icon.png);
    background-position: center right 10px;
    font-size: 15px;
    padding: 20px 30px 20px 30px;
    background-repeat: no-repeat;
    font-weight: 600;
    margin-top: 0 !important;
    height: 100%;
    border: solid 1px #d9402e;
    width: 90%;
}

 
    .modal-dialog-centered{
        width: 375px !important;
        max-width: 375px !important;
    }

}



@media (max-width: 345px) {
   

.home_2 .location-page .common_btn {
    font-size: 19px;
    font-weight: 600;
    background: #DA402E;
    border-radius: 15px;
            padding: 15px 10px 15px 40px;
        width: 265px;
}

.modal-dialog-centered {
        width: 330px !important;
        max-width: 330px !important;
    }

}



.pd-top-50 {
    padding-top: 50px;
}

.title-h1-franchise {
    color: #DB402F;
    font-weight: 400;
    font-size: 80px;
    line-height: 80px;
    font-family: var(--fontBicyclette);
    margin-top: 40px;
}

.title-h1-franchise b{
    color: #343434;
}

.row-contact-left {
    position: relative;
}

.row-contact-left .subtitle-franchise {
    margin: 20px auto 70px;
    color: #DB402F;
}

.row-contact-left .subtitle-franchise a {
    color: #DB402F;
    text-decoration: underline;
}

.subtitle-franchise {
    margin: 50px auto;
    width: 80%;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #000;
    font-weight: 700;
    font-family: var(--fontBicyclette);
}

.box-testimoni {
    width: 60px;
    height: 60px;
    background: #da402e;
    border-radius: 50%;
    padding: 20px;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 20px;
    color: #fff;
    text-transform: capitalize;
}

.location-page.sec-align-right {
    margin-left: 35%;
}

.location-page.sec-align-right h1{
    color: #343434;
    text-transform: uppercase;
}

.location-page.sec-align-right .subtitle-franchise{
    width: 80%;
}

.location-page.sec-align-right p span{
    background: #DA402E;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    padding: 5px;
    line-height: 55px;
}

.box-franchise-link {
    border: solid 1px #DA402E;
    padding: 40px 0;
}

.box-franchise-link h4 {
    display: inline-block;
    color: #da402e;
}

.box-franchise-link span{
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 10px;
}

.box-franchise-link h4:hover {
    display: inline-block;
    color: #da402e;
    text-decoration: underline;
    text-underline-offset: 10px;
}

.form-franchise {
    background: #f7f7f7;
}

.form-franchise h1 {
    font-weight: 600;
}

.img-ready {
    width: 30% !important;
    margin-bottom: -20px;
}

.mandatory-color {
    color: #da402e;
}

.form-franchise .form-control {
    border-radius: 0;
    border: none;
    height: 40px;
    margin-bottom: 30px;
}

.form-franchise textarea {
    border-radius: 0;
    border: none;
}

.form-franchise p {
    font-size: 12px;
    font-family: Arial;
}

.form-franchise .checkbox-form {
    width: auto;
}

.form-franchise label {
    font-size: 12px;
}

.btn-submit {
    width: auto;
    color: #fff;
    background: #EE2737;
    text-align: center;
    margin-top: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 15px;
    text-transform: uppercase;
    border-radius: 15px;
    border: 1px solid rgba(8, 5, 33, 0.10);
    padding: 7px 16px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    margin-left: 15px;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.pin-store {
    width: 12px !important;
}

.box-location-store {
    width: 80%;
    background: #fff;
    padding: 50px;
}

.title-store {
    margin-bottom: 10px;
}

.box-location-store .pull-right span {
    display: inline-flex;
}

.box-location-store h5 {
    color: #DA402E;
    font-weight: 600;
    font-size: 25px;
}

.distance {
    font-size: 25px;
}

.box-location-store p {
    margin-bottom: 10px;
    font-size: 20px;
}

.box-location-store a {
    color: #DA402E;
}

.box-location-store a:nth-child(1) {
    margin-right: 50px;
    min-width: 70px;
}

/*.box-directions {
    margin-bottom: 50px;
}
*/
.box-directions hr {
    color: #DA402E;
    width: 90%;
    opacity: 1;
}


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

.img-icon-cart {
    width: 40px !important;
    height: auto !important;
}

.cart-qnty {
    background: #343434;
    color: #fff;
    padding: 3px;
    border-radius: 10px;
    font-size: 15px;
    line-height: 8px;
    position: absolute;
    right: 32px;
    top: 40px;
}

.minicart_btn_area_login {
    display: block;
    margin-top: 10px;
}

.minicart_btn_area_login .common_btn {
    font-weight: 800;
    margin-bottom: 15px;
    width: 100%;
    text-align: center;
    display: block;
    font-size: 20px;
}

.minicart_btn_area_login .common_btn.black {
    background: #343434;
}

.minicart_btn_area_login p {
    text-align: center;
    font-size: 20px;
    /*margin-bottom: 15px;*/
}

.minicart_btn_area_login .no_btn {
    text-align: center;
    display: block;
    font-size: 20px;
    color: var(--colorPrimary);
    transition: all ease 250ms;
}

.minicart_btn_area_login .no_btn:hover {
    color: var(--colorYellow);
}

.offcanvas-header.box-login-banner {
    padding: 0;
}

.offcanvas-header.box-login-banner .btn-close{
    position: absolute;
    top: 30px;
    color: #fff !important;
    left: 30px;
}

.offcanvas-header.box-login-banner .btn-close i{
    font-size: 28px;
}

.minicart_btn_area_login.form .label-form {
    text-align: left;
}

.minicart_btn_area_login.form input {
    border: none;
    border-bottom: solid 1px #343434;
    border-radius: 0;
    padding: 4px 0;
    /*margin-bottom: 20px;*/
}

.minicart_btn_area_login.form .no_btn_forgot {
    font-size: 15px;
    right: auto;
    display: flex;
    justify-content: end;
    margin-bottom: 30px;
    margin-top: 10px;
    color: var(--colorPrimary);
}

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

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

.img_on_banner {
    width: 100% !important;
    object-fit: contain !important;
}

.food_drinks .col-lg-5 {
    padding: 230px 100px 250px 120px;
    display: block;
    background: #DB402F;
}

.food_drinks .col-lg-5 h1 {
    font-size: 34px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 800;
}

.food_drinks .col-lg-6.block_banner_home{
    padding: 100px;
}

.food_drinks .col-lg-6.block_banner_home_img{
    padding: 100px;
}

.popular_food_item .img_on_banner {
    width: auto !important;
    height: auto !important;
    margin-bottom: 30px;
}

.popular_food_item p {
    font-size: 20px;
    margin-bottom: 30px;
    color: #000;
    line-height: 24px;
}

.food_drinks .subtitle {
    padding: 0 200px;
}

.subtitle p{
    font-size: 15px;
    text-align: center;
    color: #000;
    line-height: 24px;
    margin-bottom: 40px;
    font-family: Arial;
}

.title-h2-franchise {
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
    color: #000;
    font-family: var(--fontBicyclette);
}

.title-h2-about {
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
    color: #000;
    font-family: var(--fontCoffeeService);
}

.row-img-about img {
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

.img-wid-auto {
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin-bottom: 25px;
}

.row-gallery-1 {
    padding: 40px 80px;
}

.contact-title {
    font-size: 60px;
    font-weight: 400;
    line-height: 60px;
    color: #DB402F;
    font-family: var(--fontBicyclette);
}

.title-contact-us {
    font-size: 60px;
    font-weight: 800;
    color: #DB402F;
    font-family: var(--fontBicyclette);
    margin-bottom: 30px;
    text-transform: uppercase;
}

.contact-detail .row > div {
    border-radius: 25px;
    padding: 0 20px;
}

.contact-detail iframe {
    border-radius: 25px;
}


.subtitle-contact-us {
    font-size: 24px;
    font-weight: 400;
    color: #524F42;
    font-family: var(--fontBicyclette);
    margin-bottom: 70px;
}

.btn-contact {
    font-family: var(--fontBicyclette);
    font-weight: 800;
    font-size: 20px;
    padding: 10px 25px;
    border-radius: 35px;
    margin: 10px 20px 70px;
}

.btn-get {
    background: #DB402F;
    color: #fff;
    border: solid 1px #DB402F;
}

.btn-order {
    background: transparent;
    border: solid 1px #DB402F;
    color: #DB402F;
}

.title-h1-contact-left {
    font-size: 35px;
    line-height: 35px;
    font-weight: 400;
    color: #DA402E;
    font-family: var(--fontBicyclette);
}

.title-h1-contact-left:before, .title-h1-contact-left:after  {
    content: url(../images/img-star-contact.png);
    bottom: 30px;
    position: absolute;
}

.title-h1-contact-left:before {
    left: 5%;
}

.title-h1-contact-left:after {
    right: 5%;
    
}

.title-h1-contact {
    font-size: 150px;
    line-height: 150px;
    font-weight: 400;
    color: #DA402E;
    font-family: var(--fontBicyclette);
}

.title-h1-contact span {
    font-size: 60px;
    line-height: 60px;
    font-family: var(--fontBicyclette);
    font-weight: 800;
    display: inline-block;
    text-align: left;
    color: #DA402E;
}

.title-h1-contact span b {
    color: #000;
}

.row-img-contact{
    width: 50%;
    padding: 50px;
    margin: 0 auto;
}

.banner_slider .nextArrow,
.banner_slider .prevArrow {
    background: transparent;
    color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.nextArrow, .prevArrow {
    background: transparent;
    color: #E67B70;
    box-shadow: none;
}



/* .banner_slider .nextArrow, */
.banner_slider .nextArrow:hover,
.banner_slider .prevArrow:hover {
    background: transparent;
    color: #aa162c;
    /* border-color: var(--colorPrimary); */
    border: none;
}

.nextArrow:hover, .prevArrow:hover {
    background: transparent;
    color: #01010180;
}

.banner_slider .slick-dots, .slick-dots {
    display: inline-flex;
}

.banner_slider .slick-dots li,
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.banner_slider .slick-dots li.slick-active button:before,
.slick-dots li.slick-active button:before {
    color: var(--colorPrimary);
}

.banner_slider .slick-dots li button,
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 30px;
    height: 30px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.banner_slider .slick-dots li button:before {
    content: '•';
    font-size: 75px;
    line-height: 0px;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    opacity: .85;
    color: #f9bdbd;
}

.slick-dots li button:before {
    content: '•';
    font-size: 75px;
    line-height: 0px;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    opacity: .85;
    color: #E67B70;
}

.banner_slider .bg_banner {
    height: 140vh;
    background-size: cover;
}

.banner_slider .row {
   
    padding: 100px;
    display: flex !important;
}

.banner_slider .row h1 {
    font-size: 70px;
    font-weight: 800;
    color: #DB402F;
    line-height: 100%;
    padding-right: 50px;
}

.banner_slider .row h3 {
    font-size: 50px;
    font-weight: 400;
    color: #ED9E32;
    line-height: 100%;
    font-family: var(--fontCoffee);
    transform: rotate(-8deg);
}

.banner_slider .row p {
    line-height: 30px;
    font-size: 16px;
    color: #2C2C2C;
    padding: 20px 30px;
}

.banner_slider .nextArrow,
.banner_slider .prevArrow,
.banner_slider .slick-dots {
    position: absolute;
    /* border: 1px solid #aa162c; */
    border: none;
    bottom: 5px;
    font-size: 26px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.slick-dots {
    position: absolute;
    /* border: 1px solid #aa162c; */
    border: none;
    bottom: -60px;
    font-size: 26px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width: auto;
}


.nextArrow,
.prevArrow {
    position: absolute;
    /* border: 1px solid #aa162c; */
    border: none;
    bottom: -60px;
    font-size: 26px;
    /*left: 50%;*/
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

/*.banner_slider .nextArrow,
.nextArrow {
    margin-left: 125px;
}

.banner_slider .prevArrow,
.prevArrow {
    margin-right: 95px;
}
*/

.slick-slide.slick-active {
    opacity: 1;
}

.slick-slide.slick-current.slick-active + .slick-active{
    opacity: 1;
}
/*
.banner_slider .prevArrow,
.prevArrow {
    margin-left: -95px;
}*/

/* .banner_slider .nextArrow::after {
    position: absolute;
    content: "";
    width: 300px;
    height: 1px;
    background: #aa162c;
    bottom: 20px;
    left: 130%;
}

.banner_slider .prevArrow::after {
    position: absolute;
    content: "";
    width: 300px;
    height: 1px;
    background: #aa162c;
    bottom: 20px;
    right: 130%;
} */

.color-title-banner {
    font-family: var(--fontBicyclette);
    font-size: 35px;
    margin-bottom: 20px;
}

.banner-home-row:nth-child(1) .color-title-banner {
    color: #EB3725;
}

.banner-home-row:nth-child(2) .color-title-banner {
    color: #FDC709;
}

.banner-home-row:nth-child(3) .color-title-banner {
    color: #32BFC5;
}

.banner-home-row:nth-child(4) .color-title-banner {
    color: hsla(19.82,100%,78.63%,1);
}

.banner-home-row:nth-child(6) .color-title-banner {
    color: #e99db9;
}

.banner-home-row p {
    font-size: 15px;
    font-family: arial;
    font-weight: 400;
    line-height: 18px;
    text-align: justify;
}

/* .img_about_team .col-lg-6:nth-child(odd){
    text-align: right;
}

.img_about_team .col-lg-6:nth-child(even){
    text-align: left;
} */

.img_about_team {
    padding: 20px 65px;
    display: flow-root;
}

.img_about_team img {
    float: left;
    margin-left: 30px;
}

.catering h2 {
    font-family: var(--fontBicyclette);
    font-size: 45px;
    color: #DB402F;
}

.catering .subtitle_p {
    font-size: 15px;
    line-height: 15px;
    font-family: Arial;
}

.head_category {
    font-family: Arial;
    font-size: 20px;
    line-height: 15px;
    color: #DB402F;
    margin-bottom: 15px;
    font-weight: 800;
}

.sidebar_category ul {
    margin-bottom: 15px;
}

.menu_description {
    font-size: 12px;
    font-family: Arial;
}

.form-catering {
    padding: 150px;
}

.promo-title {
    font-size: 55px;
    line-height: 55px;
}

.subtitle-promo {
    margin: 50px 0;
    font-size: 20px;
    line-height: 24px;
    text-align: left;
    color: #474747;
    font-family: Arial;
}

.img_wid_100 {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

.btn_scan_now {
    border-radius: 0 !important;
    font-size: 55px;
    line-height: 55px;
    padding: 15px 0px;
    width: 100%;
    text-align: center;
    display: block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    font-family: var(--fontBicyclette);
}

.p_50 {
    padding: 50px;
}

.promo-title-regis {
    font-family: var(--fontBicyclette);
    font-size: 30px;
    line-height: 30px;
    color: #DB402F;
}

.form-promo .col-xl-4 {
    margin: 20px 0;
}

.form-promo .col-xl-5 {
    margin: 20px 0;
}

.form-promo .col-xl-4 p {
    font-size: 12px;
    color: #000;
    line-height: 18px;
    font-family: Arial;
    margin-bottom: 10px;
}

.form-promo .col-xl-5 p {
    font-size: 12px;
    color: #000;
    line-height: 18px;
    font-family: Arial;
    margin-bottom: 10px;
}

.submit-regis {
    padding: 10px 20px 15px;
    display: block;
    width: 10%;
}

.form-promo .col-xl-4 input {
    border-radius: 0;
    border: solid 1px #000;
}

.subtitle-promo-list {
    margin-left: 30px;
}

.subtitle-promo-list li{
    list-style: circle;
}


/* Start Home Banner Promo */

.slide-brand-promo .slick-dots {
    bottom: 30px;
}

.slide-brand-promo .slick-dots li button:before {
    color: #F5F5F5;
}

.slide-brand-promo .slick-dots li.slick-active button:before {
    color: var(--colorPrimary);
}

.brand-promo .left-bg {
    background: #DA432C;
    padding: 50px 70px 50px 130px;
    position: relative;
}

.brand-promo img {
    object-fit: contain !important;
}

.brand-promo .leaf {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 150px !important;
    height: auto !important;
}

/* End Home Banner Promo */

@media (max-width: 1024px) {
    header .header_left p {
        font-size: 16px;
    }

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

    .single_testimonial_2 {
        min-height: 350px;
    }

    /* .single_testimonial_2 .col-lg-3, .single_testimonial_2 .col-lg-9 {
        height: 80px;
    } */

    .single_testimonial_2 h4 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    /*.single_testimonial_2 p {
        font-size: 16px !important;
    }*/

    .img_about_team {
        text-align: center;
    }

    .img_about_team img {
        float: none;
    }

    .row-img-about img {
        width: 100px !important;
    }

    .img-wid-auto {
        width: 100% !important;
        height: 100% !important;
    }

    .title-h1-contact-left {
        font-size: 26px;
        line-height: 30px;
    }

    .title-h1-contact-left:before {
        left: -5%;
    }

    .title-h1-contact-left:after {
        right: -5%;
    }
}

.single_testimonial_2 .row > * {
    width: auto;
}

.single_testimonial_2 .row {
    height: 100px;
}

.single_testimonial_2 p {
    font-family: var(--fontBicyclette) !important;
    min-height: 224px;
}

@media (min-width: 344px) and (max-width: 500px) {
    .img_about_team img {
        margin-left: 6px !important;
        margin-bottom: 10px !important;
        float: left !important;
    }

    .container.team {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .img_about_team img.img-wid-auto {
        width: 48% !important;
    }
}

@media (min-width: 420px) and (max-width: 500px) {
    .location-section  .col-md-4 {
        width: 50%;
        padding: 0 10px;
    }

    .btn-contact.btn-get, .btn-contact.btn-order {
       padding: 10px;
       margin: 10px 4px 70px;
       display: inline;
    }

    

    .location-section h5 {
        font-size: 16px;
    }

    .location-section p {
        font-size: 12px;
    }

    .location-section .card-text {
        min-height: 72px;
    }

    .menuitem {
        width: 50%;
    }

    .title {
        font-size: 16px;
    }

    .brand-carousel .brand-slide img {
        height: 60px;
        max-height: 60px;
        width: 100%;
        object-fit: contain !important;
        margin: auto;
        opacity: 1 !important;
    }

    .brand-carousel2 .brand-slide img {
        height: 60px;
        max-height: 60px;
        width: 100%;
        object-fit: contain !important;
        margin: auto;
        opacity: 1 !important;
    }


    .single_menu_img img {
        max-height:  113px;
    }

    .brand-section .container {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
}

@media (max-width: 429px) {
    .location-section .col-md-4 {
        padding: 0px;
    }

    .location-section {
        background: var(--colorFooterBg);
        padding: 40px 0px !important;
    }
}

.location-contact img {
    border-radius: 24px;
}

.contact-detail .pad0 {
    padding-right: 0px !important;
}

@media (max-width: 991px) {
    
    .single_testimonial_2 .row {
        height: 70px;
    }

    .title-h1-franchise {
        font-size: 40px;
        line-height: 40px;
        font-family: var(--fontBicyclette);
        margin-top: 60px;
    }

    .contact-title {
        font-size: 30px;
        font-weight: 400;
        line-height: 30px;
        color: #DB402F;
        font-family: var(--fontBicyclette);
    }

    .contact-detail .col-xl-6 {
        margin-bottom: 26px;
    }

    .main_menu .droap_menu:not(.menu2) {
        position: absolute;
        top: 70%;
        left: 0;
        background: #F7E6D9 !important;
        z-index: 999;
        width: 290px;
        /*max-height: 500px;*/
         box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; 
        box-shadow: #000 0px 4px 12px;
        line-height: 40px;
        transform: scaleY(.8);
        border-radius: 0px;
        transform-origin: top;
        opacity: 0;
        overflow: hidden;
        visibility: hidden;
        overflow-y: auto;
        /* border-top: 2px solid var(--colorWhite); */
        transition: ease-in-out .2s;
        -webkit-transition: ease-in-out .2s;
        -moz-transition: ease-in-out .2s;
        -ms-transition: ease-in-out .2s;
        -o-transition: ease-in-out .2s;
        -webkit-transform: scaleY(.8);
        -moz-transform: scaleY(.8);
        -ms-transform: scaleY(.8);
        -o-transform: scaleY(.8);
    }

    .main_menu .droap_menu li a {
        color: #DB402F;
        width: 100%;
        padding: 1px 25px;
        /* border-bottom: 1px solid #f4f3f3; */
        position: relative;
        font-size: 20px;
        font-weight: 400;
        text-transform: capitalize;
        transition: all ease 250ms;
        font-family: var(--fontBicyclette);
    }


    .contact-detail .pad0 {
        padding: 0px !important;
    }

    .menuitem {
        padding-right: calc(var(--bs-gutter-x)* 0.5);
        padding-left: calc(var(--bs-gutter-x)* 0.5);
    }

    .mt_120.location-section {
        margin-top: 0px !important;
    }

    .title-contact-us {
        font-size: 32px;
    }

    .btn-contact.btn-get, .btn-contact.btn-order {
       margin: 10px 4px 40px;
    }

    .breadcrumb_area {
        height: 190px;
    }
    .banner_slider .bg_banner {
        background-size: contain;
        background-position: bottom;
        height: 42vh;
        position: relative;
        background-color: #f7e6d9;
        background-repeat: no-repeat;
    }

    .banner_slider .col-lg-7 {
        width: 60%;
    }

    .banner_slider .col-lg-5 {
        width: 40%;
    }

    .main_menu_2 .navbar-nav .nav-item .nav-link {
        color: #fff;
        opacity: 1;
        font-size: 22px;
        font-weight: 400;
    }

    .banner_slider .row h1 {
        font-size: 24px;
        /*margin-left: 4px;*/
        padding-right: 0;
        /*text-align: center;*/
    }

    .banner_slider .row h3 {
        font-size: 20px;
        /*margin-left: 12px;*/
        /*text-align: center;*/
        margin-top: 10px;
    }

    .banner_slider .row p {
        /*text-align: center;*/
        padding: 0;
        /*margin-top: 20px;*/
        font-size: 14px;
        line-height: 20px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 250px;
    }

    .banner_slider .row {
        padding: 60px 20px;
    }

    .main_menu {
        height: 150px;
    }

    .main_menu .navbar-nav {
        margin-top: 0 !important;
    }
    .breadcrumb_text {
        width: 100%;
        padding-left: 0;
    }

    .title-h1-contact-left:before, .title-h1-contact-left:after {
        bottom: 0px;
    }

    .title-brand-section {
        width: 100% !important;
    }

    .title-brand-section h1 {
        font-size: 24px !important;
    }

    .brand-carousel .prevArrow2 {
        left: -16px;
    }

    .brand-carousel .nextArrow2 {
        right: -16px;
    }

    .brand-carousel2 .prevArrow2 {
        left: -16px;
    }

    .brand-carousel2 .nextArrow2 {
        right: -16px;
    }


    .form-catering {
        padding: 0;
    }

    .form-catering .mt_80 {
        margin-top : 0 !important;
    }

    .btOrder {
        display: none;
    }

    .main_menu {
        top: 0;
    }

    .section_heading h1 {
        font-size: 40px;
        line-height: 40px;
    }

    .food_drinks .subtitle {
        padding: 0;
    }

    .subtitle p {
        font-size: 12px;
        line-height: 12px;

    }

    header {
        display: none;
    }

    .navbar-nav .navbar-brand {
        display: none;
    }

    .food_drinks .col-lg-6.block_banner_home_img {
        padding: 190px;
    }

    .food_drinks .col-lg-6.block_banner_home {
        padding: 70px 40px;
    }

    .banner-home-row:nth-child(1) .block_banner_home, .banner-home-row:nth-child(3) .block_banner_home{
        order: 1;
    }

    .banner-home-row:nth-child(1) .block_banner_home_img, .banner-home-row:nth-child(3) .block_banner_home_img{
        order: 2;
    }

    /*.banner_slider .prevArrow, .prevArrow {
        margin-left: 80px;
    }*/

   /* .testimonial_2 .nextArrow, .testimonial_2 .prevArrow {
        right: 90px;
    }*/

    .row-img-about {
        padding: 50px 0;
    }

    .row-img-about img {
        margin-bottom: 50px;
    }

    .subtitle-franchise {
        margin: 30px auto;
        width: 100%;
        font-size: 18px;
    }

    .img_about_team {
        padding: 0px;
        display: block;
    }

    .img_about_team img {
        margin-left: 0;
        float: unset;
    }

    .img-wid-auto {
        width: 100% !important;
    }

    .row-gallery-1 {
        padding: 40px 20px;
    }

    .title-h1-contact-left:before, .title-h1-contact-left:after {
        position: relative;
    }

    .title-h1-contact-left:before {
        left: 0;
    }

    .title-h1-contact-left:after {
        right: 0;
    }

    .title-h1-contact {
        font-size: 60px;
        line-height: 60px;
    }

    .form-promo .col-xl-5 {
        margin: 10px 0;
    }

    .submit-regis {
        width: 30%;
    }

    .btn_scan_now {
        font-size: 30px;
    }

    .testimonial_2_slider .slick-slide.slick-active {
        opacity: 1;
    }

    .popular_food_item .see_btn {
        font-family: var(--fontBicyclette);
        font-size: 26px;
        line-height: 26px;
        padding: 10px 30px;
    }

    .banner_slider .slick-dots li, .banner_slider .slick-dots li button {
        width: 15px;
        height: 15px;
    }
    
    .banner_slider .slick-dots li button:before {
        font-size: 40px;
        width: 15px;
        height: 15px;
        opacity: 1;
    }
}

@media (min-width: 992px) {
    .menu-top {
        display: none;
    }
}

.menu_cart{
    border: 1px solid #D8D7DB;
width: 45px;
height: 45px;
line-height: 43px;
text-align: center;
border-radius: 50%;
color: var(--colorBlack);
position: relative;
margin-right: 10px;
cursor: pointer;
transition: all linear .3s;
-webkit-transition: all linear .3s;
-moz-transition: all linear .3s;
-ms-transition: all linear .3s;
-o-transition: all linear .3s;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}

.menu_cart:hover {
    color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

@media (min-width: 390px) {
    .menu_cart {
        margin-left: 170px;
    }

    .box-location-store {
        width: 100%;
        background: #fff;
        padding: 50px;
    }

}

@media (max-width: 345px) {
    .menu_cart {
        margin-left: 130px;
    }

    .box-location-store {
    width: 100%;
    background: #fff;
    padding: 50px;
}
}

.prevArrow2,
.nextArrow2 {
    border-radius: 100%;
    border: 1px solid rgba(8, 5, 33, 0.10);
    background: var(--colorWhite);
    width: 45px;
    height: 45px;
    line-height: 45px !important;
    text-align: center;
    padding: 0;
    cursor: pointer;
    color: var(--colorBlack);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    z-index: 2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.prevArrow3,
.nextArrow3 {
    border-radius: 100%;
    border: 1px solid rgba(8, 5, 33, 0.10);
    background: var(--colorWhite);
    width: 32px;
    height: 32px;
    line-height: 32px !important;
    text-align: center;
    padding: 0;
    cursor: pointer;
    color: var(--colorBlack);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    z-index: 2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.slide-brand-promo .nextArrow2 {
    right: 2%;
}

.slide-brand-promo .prevArrow2 {
    left: 2%;
}

.nextArrow2 {
    right: -2%;
}

.prevArrow2 {
    left: -2%;
}

.nextArrow3 {
    right: 2%;
}

.prevArrow3 {
    left: 2%;
}

.prevArrow2:hover,
.nextArrow2:hover {
    color: var(--colorPrimary);
}

.prevArrow3:hover,
.nextArrow3:hover {
    color: var(--colorPrimary);
}

.title-brand-section {
    width: 50%;
    margin: 30px auto;
}

.title-brand-section h1, .title-brand-section h5 {
    font-family: var(--fontBicyclette);
    color: #171717;
}

.title-brand-section h1 {
    font-size: 50px;
    font-weight: 800;
    margin-bottom: 30px;
}

.title-brand-section h5 {
    font-size: 22px;
}

.breadcrumb_area.brand-page h1{
    margin-top: 400px;
}

.brand-at-store .common_btn {
    padding: 10px 30px;
    font-size: 20px;
    border-radius: 20px;
}

.brand-at-store .common_btn:hover span{
    color: var(--colorPrimary);
}

.brand-at-store .common_btn span{
    color: #fff;
    font-size: 28px;
}

.brand-at-store .common_btn::after {
    color: var(--colorPrimary);
    border-radius: 20px;
}

.location-section .title-location-store {
    padding: 0 0 50px;
    color: #000;
}