/*=============================
    GLOBAL CSS START
=============================*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,400&family=Poppins:wght@400;500;600;700&display=swap');

* {
    margin: 0;
    padding: 0;
}


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

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

a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: var(--headingFont);
    color: var(--colorBlack);
}

p,
span {
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    color: var(--paraColor);
    font-family: var(--paraFont);
}

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

html {
    overflow-x: hidden;
}


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

.text-warning {
    color: rgb(242 162 42) !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 {
    /* fudise.pro palette (custom Abstrak overrides) */
    --colorPrimary: #3399ff;
    --colorSecondary: #ff9933;
    --colorLight: #ECF2F6;
    --fontColor: #D3D3D4;
    --colorYellow: #ff9933;
    --colorGreen: #66ffcc;
    --lightBg: #ECF2F6;
    --ratingColor: #ff9933;
    --paraColor: #525260;
    --colorBlack: #27272E;
    --colorWhite: #ffffff;
    --borderColor: #E3E6E9;
    --bgLight: #EAF4FF;
    --white: #fff;
    --shadow: 5px 2px 30px rgba(39, 39, 46, 0.08);
    --headingFont: 'DM Sans', sans-serif;
    --paraFont: 'Poppins', sans-serif;
    --colorRose: #993366;
    --colorFog: #DBDEFF;
    --colorPeach: #FFEDDC;
    --colorLink: #3399ff;
    --gradientPrimary: linear-gradient(90deg, #ECF2F6 0%, rgba(236, 242, 246, 0) 70.31%);
    --gradientBlue: linear-gradient(145.92deg, #3399ff 20.18%, #66b3ff 76.9%);
}

.container_large {
    max-width: 1600px;
}

.common_btn {
    color: var(--colorWhite);
    font-size: 15px;
    font-weight: 500;
    padding: 14px 20px 11px 20px;
    position: relative;
    border-radius: 6px;
    z-index: 1;
    text-align: center;
    background: var(--colorPrimary);
    font-family: var(--paraFont);
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    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;
    -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(45%) sepia(100%) saturate(2200%) hue-rotate(195deg) brightness(85%) contrast(100%);
}

@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 h2 {
    font-size: 50px;
    font-weight: 700;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.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(--colorBlack);
    font-family: var(--headingFont);
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid 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;
}

.read_btn 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;
}

.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;
}

.breadcrumb_text h1 {
    font-size: 60px;
    font-weight: 700;
    letter-spacing: -1.2px;
    text-transform: uppercase;
    margin-top: 260px;
    margin-bottom: 90px;
}

.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(--headingFont);
    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: #27272Eb5;
    background: var(--colorWhite);
    font-family: var(--headingFont);
    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(--headingFont);
    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: 40px;
    line-height: 40px;
    background: var(--colorBlack);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    transition: transform 0.35s ease, opacity 0.35s ease;
    will-change: transform;
}

header.header_hide {
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
}

header .header_left p {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 13px;
    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(--headingFont);
    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(--colorPrimary);
}

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: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    height: auto;
    line-height: normal;
    padding: 0;
    min-width: 85px;
    float: none;
    width: auto;
}

/* Prevent white flash of native select before niceSelect runs */
header .header_right select.select_js,
header .header_right #SelectLanguage {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: var(--colorWhite);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    line-height: normal;
    padding: 0 16px 0 0;
    min-width: 85px;
    font-family: var(--headingFont);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

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

header .header_right .nice-select .current {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    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: 80px;
    background: var(--colorWhite);
    position: fixed;
    top: 40px;
    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: auto;
    max-width: 240px;
}

.main_menu .navbar-nav {
    line-height: 80px;
    margin-left: 45px;
}

.main_menu .navbar-nav .nav-item {
    position: relative;
}

.main_menu .navbar-nav .nav-item .nav-link {
    margin: 0;
    padding: 0 17px;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    transition: color 0.3s ease-in-out;
    opacity: 1;
    position: relative;
    display: inline-block;
    line-height: 80px;
    height: 80px;
}

/* Abstrak underline animation */
.main_menu .navbar-nav .nav-item .nav-link::before {
    content: "";
    height: 2px;
    width: 0;
    background-color: var(--colorPrimary);
    position: absolute;
    bottom: 22px;
    left: 17px;
    opacity: 0;
    transition: width 0.5s ease, opacity 0.5s ease;
    pointer-events: none;
}

.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::before,
.main_menu .navbar-nav .nav-item .nav-link.active::before {
    width: calc(100% - 34px);
    opacity: 1;
}

.main_menu .navbar-nav .nav-item:hover .nav-link i,
.main_menu .navbar-nav .nav-item .nav-link.active i {
    transform: none;
}

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

.main_menu .menu_right li .menu_search,
.main_menu .menu_right li .menu_cart {
    border: 1px solid #121212;
    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: 100%;
    left: 0;
    background: var(--colorWhite);
    z-index: 999;
    width: 230px;
    max-height: 500px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    line-height: 40px;
    transform: scaleY(.8);
    transform-origin: top;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    overflow-y: auto;
    border-top: 2px solid var(--colorPrimary);
    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: rgba(8, 5, 33, 0.60);
    width: 100%;
    padding: 1px 25px;
    border-bottom: 1px solid #f4f3f3;
    position: relative;
    font-size: 15px;
    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;
}

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

.main_menu .droap_menu li a::after {
    position: absolute;
    content: "";
    height: 2px;
    width: 0;
    background-color: var(--colorPrimary);
    border-radius: 0;
    top: auto;
    bottom: 8px;
    left: 20px;
    opacity: 0;
    transition: width 0.5s ease, opacity 0.5s ease;
}

.main_menu .droap_menu li a:hover,
.main_menu .droap_menu li a.active {
    color: var(--colorPrimary);
    padding-left: 20px;
}

.main_menu .droap_menu li a:hover::after,
.main_menu .droap_menu li a.active::after {
    width: calc(100% - 40px);
    opacity: 1;
}

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

/* for small device start — Abstrak sidemenu btn-wrap */
.navbar-toggler.btn-wrap,
.navbar-toggler {
    height: 50px;
    width: 50px;
    line-height: normal;
    text-align: center;
    background-color: var(--lightBg, #ECF2F6);
    background: var(--lightBg, #ECF2F6);
    padding: 0;
    color: var(--colorBlack);
    font-size: 16px;
    margin-right: 0;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: all 0.3s ease-in-out;
    box-shadow: none !important;
}

.navbar-toggler.btn-wrap span {
    display: block;
    height: 2px;
    width: 20px;
    background-color: var(--colorBlack, #27272E);
    margin-bottom: 4px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}

.navbar-toggler.btn-wrap span:last-child {
    margin-bottom: 0;
    width: 10px;
    margin-right: -10px;
}

.navbar-toggler.btn-wrap:hover span:last-child,
.navbar-toggler.btn-wrap:focus span:last-child {
    width: 20px;
    margin-right: 0;
}

.navbar-toggler.btn-wrap:hover span:first-child,
.navbar-toggler.btn-wrap:focus span:first-child {
    width: 10px;
    margin-right: -10px;
}

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

.navbar-toggler.show {
    background: var(--lightBg, #ECF2F6);
    color: var(--colorBlack);
}

.navbar-toggler.show.btn-wrap span:nth-child(1) {
    width: 20px;
    margin-right: 0;
    transform: translateY(6px) rotate(45deg);
}

.navbar-toggler.show.btn-wrap span:nth-child(2) {
    opacity: 0;
}

.navbar-toggler.show.btn-wrap span:nth-child(3) {
    width: 20px;
    margin-right: 0;
    transform: translateY(-6px) rotate(-45deg);
}

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

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

/* 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(--colorPrimary);
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    color: var(--colorWhite);
    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(--colorWhite);
    color: var(--colorPrimary);
}

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

/* menu search end */

/* mini cart start */
.mini_cart .offcanvas-header {
    background: #ECF2F6;
    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: var(--colorPrimary);
    color: var(--colorWhite);
    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: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid rgba(8, 5, 33, 0.10);
    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: 71%;
    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: 16px;
    font-weight: 700;
    color: var(--colorPrimary);
    margin-top: 5px;
}

.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(--headingFont);
    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: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 400;
    max-width: 75%;
    margin-top: 10px;
    margin-bottom: 45px;
    opacity: .8;
}

.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(--paraFont);
    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(--headingFont);
    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-top: 1px solid rgba(8, 5, 33, 0.10);
    border-bottom: 1px solid rgba(8, 5, 33, 0.10);
    padding: 10px 0px;
}

.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: rgba(8, 5, 33, 0.70);
    text-align: center;
    font-family: var(--paraFont);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    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 {
    height: 180px;
    position: relative;
    overflow: hidden;
}

.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: #27272E65;
    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 .view:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.single_menu_img ul li .addedWishlist {
    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(--paraFont);
    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: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    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);
}

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

.single_menu_text .add_to_cart {
    color: var(--colorBlack);
    text-align: center;
    font-family: var(--headingFont);
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 6px;
    border: 1px solid rgba(8, 5, 33, 0.10);
    padding: 9px 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: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

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

.single_menu_text h3 {
    color: var(--colorPrimary);
    font-family: var(--headingFont);
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin-left: 15px;
    display: flex;
    align-items: center;
}

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

.single_menu:hover {
    box-shadow: 0px 20px 100px 0px rgba(8, 5, 33, 0.30);
}

.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(--colorYellow);
    border-radius: 50%;
    opacity: 1;
    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;
    -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: 24px;
    font-weight: 600;
    margin-top: 20px;
}

.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: 600;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    color: var(--colorPrimary);
}

.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: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.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(--headingFont);
    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 buttons: pill shape so ::before / ::after traces match the visible radius */
.app_download_text ul li .common_btn {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    overflow: hidden;
}

.app_download_text ul li .common_btn::before,
.app_download_text ul li .common_btn::after {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

/* App download layout 1: App Store — white icon on primary; on hover match .common_btn (primary icon on white) */
.app_download .app_download_text ul li:first-child a .icon {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.app_download .app_download_text ul li:first-child a:hover .icon {
    filter: invert(45%) sepia(100%) saturate(2200%) hue-rotate(195deg) brightness(85%) contrast(100%);
    -webkit-filter: invert(45%) sepia(100%) saturate(2200%) hue-rotate(195deg) brightness(85%) contrast(100%);
}

/* Play Store: white pill, primary text/icon; hover fills primary, white text and white icon */
.app_download_text ul li:last-child a {
    background: var(--colorWhite);
    color: var(--colorPrimary);
}

.app_download_text ul li:last-child a .icon {
    filter: invert(45%) sepia(100%) saturate(2200%) hue-rotate(195deg) brightness(85%) contrast(100%);
}

.app_download_text ul li:last-child a:hover {
    background: var(--colorPrimary) !important;
    color: var(--colorWhite) !important;
}

.app_download_text ul li:last-child a:hover .icon {
    filter: brightness(0) invert(1) !important;
}

/* Primary hover: corner trace must use white borders (primary on primary is invisible) */
.app_download_text ul li:last-child a:hover::before {
    border-top-color: var(--colorWhite);
    border-left-color: var(--colorWhite);
}

.app_download_text ul li:last-child a:hover::after {
    border-bottom-color: var(--colorWhite);
    border-right-color: 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(--headingFont);
    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(--headingFont);
    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(--headingFont);
    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(--colorBlack);
}

footer .footer_info .footer_logo {
    width: 80px;
    display: block;
}

footer .footer_info p {
    color: var(--colorWhite);
    font-size: 15px;
    font-weight: 500;
    opacity: .6;
    margin-top: 23px;
    margin-bottom: 35px;
    line-height: 24px;
    max-width: 80%;
}

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

footer .footer_info ul li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #211E37;
    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;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

footer .footer_info 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;
}

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

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

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

.footer_post h3,
.footer_link h3 {
    color: var(--colorWhite);
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 27px;
}

.footer_link ul li a {
    font-family: var(--paraFont);
    font-size: 15px;
    font-weight: 500;
    display: block;
    position: relative;
    padding-left: 15px;
    margin: 15px 0px;
    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(--colorWhite);
    opacity: .6;
}

.footer_link ul li a::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: var(--colorWhite);
    top: 9px;
    left: 0;
    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;
}

.footer_link ul li a:hover {
    color: var(--colorYellow);
    opacity: 1;
}

.footer_link ul li a:hover::after {
    background: var(--colorYellow);
}

.footer_post ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 30px;
    padding-top: 4px;
}

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

.footer_post ul li .img {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    margin-right: 20px;
}

.footer_post ul li .text {
    max-width: 75%;
}

.footer_post ul li .text p {
    color: var(--colorWhite);
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 5px;
    opacity: .6;
}

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

.footer_post ul li .text a {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 600;
    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;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.footer_post ul li .text a:hover {
    color: var(--colorYellow);
}

.footer_subscribe {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.06);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 15px 15px 15px 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.footer_subscribe h2 {
    color: var(--colorWhite);
    font-family: var(--paraFont);
    font-size: 24px;
    font-weight: 600;
}

.footer_subscribe form {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.06);
    position: relative;
    width: 330px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.footer_subscribe form input {
    background: none;
    border: none;
    color: var(--colorWhite);
}

.footer_subscribe form input::placeholder {
    color: var(--colorWhite);
    opacity: .5;
}

.footer_subscribe form button {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 0px 10px 10px 0px;
    background: var(--colorYellow);
    padding: 0px 24px;
    height: 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;
    -webkit-border-radius: 0px 10px 10px 0px;
    -moz-border-radius: 0px 10px 10px 0px;
    -ms-border-radius: 0px 10px 10px 0px;
    -o-border-radius: 0px 10px 10px 0px;
    text-align: center;
}

.footer_subscribe form button:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.footer_copyright p {
    color: var(--colorWhite);
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    padding: 20px 0px;
    opacity: .6;
}

/* footer end */
/*=============================
    HOME PAGE 01 END
=============================*/

/*=============================
    HOME PAGE 02 START
=============================*/
.home_2 {
    background: var(--lightBg);
}

.home_2 .nextArrow,
.home_2 .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%;
}

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

.btn-custom {
    color: #ffffff; /* Text color */
    background-color: var(--colorPrimary); /* Background color */
    border-color: var(--colorPrimary); /* Border color */
}

.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active {
    color: #000000 !important; /* Text color */
    background-color: var(--colorPrimary) !important;; /* Background color */
    border-color: var(--colorPrimary) !important;; /* Border color */
}

.customBtn {

}

.btn-custom2 {
    color: #ffffff !important; /* Text color */
    background-color: var(--ratingColor); /* Background color */
    border-color: var(--ratingColor); /* Border color */
}

.btn-custom2:hover,
.btn-custom2:focus,
.btn-custom2:active {
    color: #000000 !important; /* Text color */
    background-color: var(--ratingColor) !important;; /* Background color */
    border-color: var(--ratingColor) !important;; /* Border color */
}

.home_2 .common_btn {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

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

.home_2 .common_btn {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

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

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

.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: invert(45%) sepia(100%) saturate(2200%) hue-rotate(195deg) brightness(85%) contrast(100%);
}

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

/* Home 02: Play Store — same motion as App Store (width 0→100%, linear .3s); primary fill via ::before; disable home_2 white ::after */
.home_2 .app_download_text ul li:last-child a {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: var(--colorWhite) !important;
    color: var(--colorPrimary) !important;
}

.home_2 .app_download_text ul li:last-child a .icon {
    filter: invert(45%) sepia(100%) saturate(2200%) hue-rotate(195deg) brightness(85%) contrast(100%);
}

.home_2 .app_download_text ul li:last-child a::after {
    display: none !important;
}

.home_2 .app_download_text ul li:last-child a::before {
    display: block !important;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    z-index: 0;
    background: var(--colorPrimary);
    border: none;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    transition: width linear .3s;
    -webkit-transition: width linear .3s;
    -moz-transition: width linear .3s;
    -ms-transition: width linear .3s;
    -o-transition: width linear .3s;
}

.home_2 .app_download_text ul li:last-child a:hover {
    background: var(--colorWhite) !important;
    color: var(--colorWhite) !important;
    text-shadow: none;
}

.home_2 .app_download_text ul li:last-child a:hover::before {
    width: 100%;
}

.home_2 .app_download_text ul li:last-child a:hover .icon {
    filter: brightness(0) invert(1) !important;
}

.home_2 .app_download_text ul li:last-child a:hover .app_dl_label {
    color: var(--colorWhite) !important;
    text-shadow: none;
}

.home_2 .app_download_text ul li:last-child a .icon,
.home_2 .app_download_text ul li:last-child a .app_dl_label {
    position: relative;
    z-index: 1;
}

/* header 2 start — dark top bar in light mode (swapped vs night) */
.header_2 {
    background: #27272E;
}

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

.header_2 .header_left p {
    color: #ffffff;
}

.header_2 .header_right .nice-select .current {
    color: #ffffff;
}

.header_2 .header_right select.select_js,
.header_2 .header_right #SelectLanguage {
    color: #ffffff;
}

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

.header_2 .header_right ul li a {
    color: #ffffff;
}

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

.header_2 .header_right ul li a span img,
.header_2 .header_right ul li a span {
    filter: brightness(0) invert(1);
}

.header_2 .header_right ul li a:hover {
    color: #ffffff;
}

.header_2 .header_right ul li a:hover span {
    filter: brightness(0) invert(1);
}

/* header 2 end */

/* menu 2 start */
.main_menu_2 {
    background: transparent;
    border-color: rgba(8, 5, 33, 0.10);
}

.main_menu_2 .navbar-nav .nav-item .nav-link {
    color: var(--colorBlack);
    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: 15px;
}

/* menu 2 end */

/* banner 2 start — FUDISE brand palette */
.banner.banner_2 {
    position: relative;
    isolation: isolate;
    background-color: var(--bgLight, #EAF4FF) !important;
    background-size: cover !important;
    background-position: center !important;
}

/* Soft brand wash over CMS beige background image */
html:not(.night-mode):not(.active-dark-mode) .banner.banner_2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        105deg,
        rgba(234, 244, 255, 0.94) 0%,
        rgba(236, 242, 246, 0.82) 48%,
        rgba(51, 153, 255, 0.12) 100%
    );
    z-index: 0;
    pointer-events: none;
}

.banner.banner_2 > .container {
    position: relative;
    z-index: 1;
}

.banner_2 .banner_text h5 {
    color: var(--colorBlack);
    font-style: normal;
    background: var(--colorSecondary);
    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;
    color: var(--colorBlack);
    line-height: 1.12;
}

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

.banner_2 .banner_text h1 span b,
.banner_2 .banner_text .ah-words-wrapper,
.banner_2 .banner_text .ah-words-wrapper b {
    color: var(--colorPrimary);
    font-weight: 700;
}

.banner_2 .ah-headline.loading-bar .ah-words-wrapper b::after {
    background: var(--colorPrimary);
}

.banner_2 .ah-headline.loading-bar .ah-words-wrapper.is-loading b::after {
    transition-duration: calc(var(--hero-word-ms, 5000) * 1ms);
}

.banner_2 .banner_text p {
    margin-top: 0;
    margin-bottom: 45px;
    color: var(--colorBlack);
}

.banner_2 .banner_text a,
.banner_2 .banner_text a.common_btn {
    background: var(--colorPrimary) !important;
    color: var(--colorWhite) !important;
    border-radius: 50px;
}

.banner_2 .banner_text a:hover,
.banner_2 .banner_text a.common_btn:hover {
    background: var(--colorWhite) !important;
    color: var(--colorPrimary) !important;
}

.banner_2 .banner_text a.common_btn::after {
    background: var(--colorWhite);
}

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

.banner_2 .banner_img .img {
    width: min(100%, 520px);
    height: auto;
    max-height: min(58vh, 520px);
}

.banner_2 .banner_img .img img {
    width: 100%;
    height: auto;
    max-height: min(58vh, 520px);
    object-fit: contain;
}

/* banner 2 end */

/* popular food start */
/* popular food start */
.popular_food_item {
    border-radius: 10px;
    background: var(--colorWhite);
    padding: 55px 20px 45px 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin: 10px 12px;
    box-shadow: rgb(149 157 165 / 29%) 0px 0px 14px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.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: 160px;
    height: 160px;
    border-radius: 50%;
    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;
}

.popular_food_item .see_btn {
    color: var(--colorPrimary);
    font-family: var(--headingFont);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid var(--colorPrimary);
    border-radius: 50px;
    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: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.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: var(--colorBlack);
    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 rgba(8, 5, 33, 0.10);
    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: rgba(8, 5, 33, 0.10);
    bottom: 20px;
    left: 130%;
}

.popular_food_slider .prevArrow::after {
    position: absolute;
    content: "";
    width: 300px;
    height: 1px;
    background: rgba(8, 5, 33, 0.10);
    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(--headingFont);
    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(--white);
    display: inline-block;
    padding-right: 25px;
}

.popular_food {
    overflow: hidden;
}

.instagran_photo {
    overflow: hidden;
}

.gallery {
    overflow: hidden;
}

.hero_layout_2 {
    width: auto;
    min-width: 1em;
}

.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: 75%;
    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(--headingFont);
    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(--colorSecondary);
    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 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: 55px 55px 55px 48px;
    position: relative;
}

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

.single_testimonial_2 p {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 26px;
    font-weight: 400;
    line-height: 36px;
    opacity: 0.8;
    margin-top: 10px;
}

.testimonial_2 .nextArrow,
.testimonial_2 .prevArrow {
    position: absolute;
    bottom: -40px;
    left: 112px;
}

.testimonial_2 .prevArrow {
    left: 62px;
}

.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: 30%;
}

.add_banner_medium .text h5,
.add_banner_large_2 .text h5 {
    color: var(--colorBlack);
    font-style: normal;
    background: var(--colorSecondary);
    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: var(--colorPrimary);
    font-family: var(--headingFont);
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 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: #27272E;
    /* background: #ECD8B8; */
}

.single_chef_2 {
    border-radius: 10px;
    box-shadow: 0px 6px 80px 0px rgba(8, 5, 33, 0.14);
    overflow: hidden;
    margin-top: 25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.single_chef_2_img {
    height: 300px;
    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(--headingFont);
    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;
    border-radius: 10px;
    overflow: hidden;
    background: var(--colorWhite);
    filter: drop-shadow(0px 30px 40px rgba(8, 5, 33, 0.10));
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.single_blog_2_img {
    height: 250px;
    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: 30px;
}

.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(--headingFont);
    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(--headingFont);
    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: 600;
    margin-bottom: 27px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-transform: uppercase;
}

.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 */


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

.footer_top_contact {
    padding: 50px;
    background: var(--colorWhite);
    border-radius: 10px;
    box-shadow: 0px 30px 40px 0px rgba(8, 5, 33, 0.10);
    position: relative;
    top: -80px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

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

.footer_top_contact ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 33.33%;
    border-right: 1px solid rgba(8, 5, 33, 0.10);
}

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

.footer_top_contact ul li .icon {
    width: 60px;
    height: 60px;
    background: var(--colorLight);
    margin-right: 12px;
    padding: 17px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/* Tint PNG icons to theme primary (same filter stack as other store icons) */
.footer_top_contact ul li .icon img {
    filter: invert(45%) sepia(100%) saturate(2200%) hue-rotate(195deg) brightness(85%) contrast(100%);
    -webkit-filter: invert(45%) sepia(100%) saturate(2200%) hue-rotate(195deg) brightness(85%) contrast(100%);
}

.footer_top_contact ul li .text span {
    display: block;
    font-family: var(--headingFont);
    font-size: 14px;
    font-weight: 500;
    color: var(--colorBlack);
    opacity: .7;
}

.footer_top_contact ul li .text a,
.footer_top_contact ul li .text p {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 500;
    transition: all linear .3s;
    display: block;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

.footer_2 .footer_post h3,
.footer_2 .footer_link h3 {
    color: var(--colorBlack);
}

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

.footer_2 .footer_info ul li a {
    color: #ffffff;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
}

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

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

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

.footer_2 .footer_info ul li a.youtube {
    background: #CD201F;
    border-color: #CD201F;
}

.footer_2 .footer_link ul li a {
    color: var(--colorBlack);
    opacity: .7;
    padding: 0;
}

.footer_2 .footer_link ul li a::after {
    display: none;
}

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

.footer_2 .footer_post ul li .text p {
    color: var(--colorBlack);
    opacity: .7;
}

.footer_2 .footer_post ul li .text a {
    color: var(--colorBlack);
}

.footer_2 .footer_post ul li .text a:hover {
    color: var(--colorPrimary);
}

.footer_2 .footer_copyright {
    border-top: 1px solid rgba(8, 5, 33, 0.10);
}

.footer_2 .footer_copyright p {
    color: var(--colorBlack);
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}

/* footer 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 .navbar-nav .nav-item .nav-link::before {
    background-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(--headingFont);
    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(--paraFont);
    -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(--paraFont);
    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(--headingFont);
    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(--paraFont);
    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(--paraFont);
    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(--paraFont);
    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(--headingFont);
}

.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;
    position: relative;
}

.about_showsase {
    overflow: hidden !important;
}

.footer_3_text {
    padding: 50px 0px;
}

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

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

.footer_3_text ul,
.footer_3_socials {
    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(--colorSecondary);
    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(--headingFont);
    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%);
}

.about_video_text .common_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    line-height: 1.2;
    padding: 14px 24px;
}

.about_video_text .common_btn .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    margin: 0;
    flex-shrink: 0;
}

.about_video_text .common_btn .icon img {
    display: block;
    width: 100%;
    height: auto;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    transition: filter linear .3s;
}

.about_video_text .common_btn:hover .icon img {
    filter: invert(45%) sepia(100%) saturate(2200%) hue-rotate(195deg) brightness(85%) contrast(100%);
    -webkit-filter: invert(45%) sepia(100%) saturate(2200%) hue-rotate(195deg) brightness(85%) contrast(100%);
}

.why_choose_text {
    padding-top: 25px;
}

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

.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(--headingFont);
    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(--headingFont);
    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(--colorSecondary);
    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;
}

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

.new_recipes_text h5 {
    display: inline-block;
    color: var(--colorBlack);
    font-style: normal;
    background: var(--colorSecondary);
    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(39, 39, 46, 0.00) 0%, #27272E 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(--colorBlack);
    font-style: normal;
    background: var(--colorSecondary);
    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: var(--headingFont);
    font-size: 16px;
    font-weight: 500;
    opacity: .7;
    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(--headingFont);
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 10px;
    border: 1px solid #27272E80;
    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 sidebar — glass cards (Footer Layout 1 subscribe news style) */
.menu_sidebar--glass {
    --menu-sidebar-ink: #1F2430;
    --menu-sidebar-muted: rgba(31, 36, 48, 0.62);
    --logo-mint: #5EEAD4;
    --logo-cyan: #38BDF8;
    --logo-blue: #3B82F6;
    --logo-magenta: #EC4899;
}

.menu_sidebar--glass .sidebar_wizard--glass {
    position: relative;
    z-index: 1;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid color-mix(in srgb, var(--logo-cyan) 30%, transparent);
    border-radius: 28px 28px 36px 28px / 24px 24px 40px 24px;
    background:
        radial-gradient(ellipse 70% 50% at 85% 92%, color-mix(in srgb, var(--logo-cyan) 18%, transparent), transparent 62%),
        radial-gradient(ellipse 55% 45% at 14% 14%, color-mix(in srgb, var(--logo-magenta) 12%, transparent), transparent 58%),
        transparent;
    box-shadow:
        0 6px 18px color-mix(in srgb, var(--logo-blue) 10%, transparent),
        0 2px 8px rgba(31, 36, 48, 0.03);
    padding: 22px 22px 24px;
    background-color: transparent;
}

.menu_sidebar--glass .sidebar_wizard--glass::before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 8%;
    width: min(38%, 140px);
    height: 42%;
    border-radius: 50%;
    background: radial-gradient(ellipse at center, color-mix(in srgb, var(--logo-mint) 28%, transparent) 0%, transparent 72%);
    pointer-events: none;
    z-index: 0;
    opacity: 0.55;
}

.menu_sidebar--glass .sidebar_wizard__inner {
    position: relative;
    z-index: 1;
}

.menu_sidebar--glass .sidebar_wizard--glass h2 {
    color: var(--menu-sidebar-ink);
    font-family: var(--paraFont);
    font-size: 20px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 16px;
}

.menu_sidebar--glass .sidebar_search form {
    border: 1px solid rgba(31, 36, 48, 0.14);
    border-radius: 14px;
    background: transparent;
    overflow: visible;
}

.menu_sidebar--glass .sidebar_search form input {
    min-height: 48px;
    padding: 12px 52px 12px 16px;
    background: transparent;
    border: none;
    color: var(--menu-sidebar-ink);
}

.menu_sidebar--glass .sidebar_search form input::placeholder {
    color: rgba(31, 36, 48, 0.45);
    opacity: 1;
}

.menu_sidebar--glass .sidebar_search form button {
    width: auto;
    min-width: 44px;
    height: calc(100% - 8px);
    top: 4px;
    right: 4px;
    border-radius: 10px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
}

.menu_sidebar--glass .sidebar_price_ranger .price_ranger {
    padding-top: 4px;
}

.menu_sidebar--glass .sidebar_category ul li a {
    border-bottom-color: rgba(31, 36, 48, 0.08);
    color: var(--menu-sidebar-ink);
}

.menu_sidebar--glass .sidebar_category ul li a span {
    color: var(--menu-sidebar-muted);
}

html.night-mode .menu_sidebar--glass,
body.night-mode .menu_sidebar--glass,
html.active-dark-mode .menu_sidebar--glass,
body.active-dark-mode .menu_sidebar--glass {
    --menu-sidebar-ink: #E8E8E8;
    --menu-sidebar-muted: rgba(232, 232, 232, 0.62);
}

html.night-mode .menu_sidebar--glass .sidebar_wizard--glass,
body.night-mode .menu_sidebar--glass .sidebar_wizard--glass,
html.active-dark-mode .menu_sidebar--glass .sidebar_wizard--glass,
body.active-dark-mode .menu_sidebar--glass .sidebar_wizard--glass {
    border-color: color-mix(in srgb, var(--logo-cyan) 22%, transparent);
    box-shadow:
        0 6px 18px color-mix(in srgb, var(--logo-blue) 14%, transparent),
        0 2px 8px rgba(0, 0, 0, 0.12);
}

html.night-mode .menu_sidebar--glass .sidebar_search form,
body.night-mode .menu_sidebar--glass .sidebar_search form,
html.active-dark-mode .menu_sidebar--glass .sidebar_search form,
body.active-dark-mode .menu_sidebar--glass .sidebar_search form {
    border-color: rgba(232, 232, 232, 0.14);
}

html.night-mode .menu_sidebar--glass .sidebar_search form input,
body.night-mode .menu_sidebar--glass .sidebar_search form input,
html.active-dark-mode .menu_sidebar--glass .sidebar_search form input,
body.active-dark-mode .menu_sidebar--glass .sidebar_search form input {
    color: var(--menu-sidebar-ink);
}

html.night-mode .menu_sidebar--glass .sidebar_search form input::placeholder,
body.night-mode .menu_sidebar--glass .sidebar_search form input::placeholder,
html.active-dark-mode .menu_sidebar--glass .sidebar_search form input::placeholder,
body.active-dark-mode .menu_sidebar--glass .sidebar_search form input::placeholder {
    color: rgba(232, 232, 232, 0.45);
}

/* No-data empty state — animated SVG illustration */
@keyframes emptyNodataFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

@keyframes emptyNodataPaperFloat {
    0%, 100% { transform: translateY(0) rotate(var(--em-paper-rotate, 0deg)); opacity: 0.82; }
    50% { transform: translateY(-8px) rotate(var(--em-paper-rotate, 0deg)); opacity: 1; }
}

@keyframes emptyNodataGlassSway {
    0%, 100% { transform: rotate(0deg); }
    50% { transform: rotate(-6deg); }
}

@keyframes emptyNodataLeafSway {
    0%, 100% { transform: rotate(0deg); }
    50% { transform: rotate(4deg); }
}

@keyframes emptyNodataBadgePulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.08); }
}

@keyframes emptyNodataAccentTwinkle {
    0%, 100% { opacity: 0.35; transform: scale(0.9); }
    50% { opacity: 0.85; transform: scale(1.1); }
}

.nodata-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 16px 24px;
    text-align: center;
}

.nodata-empty-state__visual {
    width: min(100%, 380px);
    margin: 0 auto;
}

.empty-nodata-svg {
    --em-yellow: #FBBF24;
    --em-coral: #FF8A75;
    --em-coral-deep: #F97316;
    --em-sky: #E8F4FF;
    --em-sky-deep: #D8E5FF;
    --em-blue: #3B82F6;
    width: 100%;
    height: auto;
    display: block;
    overflow: visible;
}

.empty-nodata-svg .em-shadow {
    fill: rgba(56, 189, 248, 0.16);
}

.empty-nodata-svg .em-accent {
    color: rgba(56, 189, 248, 0.45);
}

.empty-nodata-svg .em-accent-dot {
    fill: rgba(56, 189, 248, 0.4);
}

.empty-nodata-svg .em-leaf--blue {
    fill: rgba(56, 189, 248, 0.28);
}

.empty-nodata-svg .em-leaf-vein {
    fill: none;
    stroke: rgba(255, 255, 255, 0.65);
    stroke-width: 1.5;
    stroke-linecap: round;
}

.empty-nodata-svg .em-leaf--coral {
    fill: rgba(255, 138, 117, 0.35);
}

.empty-nodata-svg .em-window {
    fill: #fff;
    stroke: var(--em-sky-deep);
    stroke-width: 2;
}

.empty-nodata-svg .em-window-bar {
    fill: var(--em-sky-deep);
}

.empty-nodata-svg .em-window-body {
    fill: var(--em-sky);
}

.empty-nodata-svg .em-window-dot--1 { fill: var(--em-coral); }
.empty-nodata-svg .em-window-dot--2 { fill: var(--em-yellow); }
.empty-nodata-svg .em-window-dot--3 { fill: var(--em-blue); }

.empty-nodata-svg .em-folder-back { fill: #F5D07A; }

.empty-nodata-svg .em-folder-front {
    fill: var(--em-yellow);
    stroke: rgba(31, 36, 48, 0.06);
    stroke-width: 1;
}

.empty-nodata-svg .em-folder-badge { fill: var(--em-coral-deep); }

.empty-nodata-svg .em-folder-x {
    stroke: #fff;
    stroke-width: 2.5;
    stroke-linecap: round;
}

.empty-nodata-svg .em-paper-sheet {
    fill: rgba(232, 244, 255, 0.92);
    stroke: var(--em-sky-deep);
    stroke-width: 1.5;
}

.empty-nodata-svg .em-paper-x {
    stroke: rgba(91, 107, 138, 0.55);
    stroke-width: 2;
    stroke-linecap: round;
}

.empty-nodata-svg .em-cone-base { fill: var(--em-coral); }

.empty-nodata-svg .em-cone-body {
    fill: var(--em-yellow);
    stroke: rgba(249, 115, 22, 0.25);
    stroke-width: 1;
    stroke-linejoin: round;
}

.empty-nodata-svg .em-cone-stripe {
    stroke: rgba(255, 255, 255, 0.75);
    stroke-width: 2;
    stroke-linecap: round;
}

.empty-nodata-svg .em-glass-lens {
    fill: rgba(232, 244, 255, 0.95);
    stroke: var(--em-coral);
    stroke-width: 4;
}

.empty-nodata-svg .em-glass-shine { fill: rgba(255, 255, 255, 0.8); }
.empty-nodata-svg .em-glass-handle { fill: var(--em-blue); }
.empty-nodata-svg .em-glass-handle-tip { fill: var(--em-coral-deep); }

.empty-nodata-svg .em-scene {
    transform-origin: 160px 130px;
    animation: emptyNodataFloat 3.6s ease-in-out infinite;
}

.empty-nodata-svg .em-paper--1 {
    --em-paper-rotate: -12deg;
    transform-origin: 135px 109px;
    animation: emptyNodataPaperFloat 2.8s ease-in-out infinite;
}

.empty-nodata-svg .em-paper--2 {
    --em-paper-rotate: 10deg;
    transform-origin: 183px 101px;
    animation: emptyNodataPaperFloat 2.8s ease-in-out infinite 0.45s;
}

.empty-nodata-svg .em-folder-badge {
    transform-origin: 150px 148px;
    animation: emptyNodataBadgePulse 2.4s ease-in-out infinite;
}

.empty-nodata-svg .em-glass {
    transform-origin: 238px 196px;
    animation: emptyNodataGlassSway 3.4s ease-in-out infinite;
}

.empty-nodata-svg .em-leaf--blue {
    transform-origin: 58px 170px;
    animation: emptyNodataLeafSway 4.2s ease-in-out infinite;
}

.empty-nodata-svg .em-leaf--coral {
    transform-origin: 258px 178px;
    animation: emptyNodataLeafSway 4.2s ease-in-out infinite 0.6s;
}

.empty-nodata-svg .em-accent,
.empty-nodata-svg .em-accent-dot {
    animation: emptyNodataAccentTwinkle 2.6s ease-in-out infinite;
}

.empty-nodata-svg .em-accent--2 { animation-delay: 0.5s; }
.empty-nodata-svg .em-accent-dot--2 { animation-delay: 0.8s; }

html.night-mode .empty-nodata-svg .em-window,
body.night-mode .empty-nodata-svg .em-window,
html.active-dark-mode .empty-nodata-svg .em-window,
body.active-dark-mode .empty-nodata-svg .em-window {
    fill: rgba(255, 255, 255, 0.06);
    stroke: rgba(56, 189, 248, 0.22);
}

html.night-mode .empty-nodata-svg .em-window-body,
body.night-mode .empty-nodata-svg .em-window-body,
html.active-dark-mode .empty-nodata-svg .em-window-body,
body.active-dark-mode .empty-nodata-svg .em-window-body {
    fill: rgba(56, 189, 248, 0.08);
}

html.night-mode .empty-nodata-svg .em-window-bar,
body.night-mode .empty-nodata-svg .em-window-bar,
html.active-dark-mode .empty-nodata-svg .em-window-bar,
body.active-dark-mode .empty-nodata-svg .em-window-bar {
    fill: rgba(56, 189, 248, 0.16);
}

@media (prefers-reduced-motion: reduce) {
    .empty-nodata-svg .em-scene,
    .empty-nodata-svg .em-paper,
    .empty-nodata-svg .em-folder-badge,
    .empty-nodata-svg .em-glass,
    .empty-nodata-svg .em-leaf,
    .empty-nodata-svg .em-accent,
    .empty-nodata-svg .em-accent-dot {
        animation: none !important;
    }
}

/*=============================
    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(--headingFont);
}

.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 .lovefill {
    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: capitalize;
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 55%;
}

.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: var(--colorSecondary);
    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(--headingFont);
    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(--paraFont);
    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(--paraFont);
    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(--paraFont);
    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(--headingFont);
    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(--headingFont);
    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(--paraFont);
    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(--headingFont);
}

.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(--headingFont);
    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(--paraFont);
    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(--headingFont);
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.blog_details_header .left_info li span {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    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(--headingFont);
    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(--headingFont);
    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(--headingFont);
    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(--paraFont);
    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(--headingFont);
    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: 16px;
    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(--headingFont);
    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(--headingFont);
    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(--headingFont);
    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(--headingFont);
    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(--colorGreen);
}

.dashboard_order table tr td .active {
    color: var(--colorPrimary);
    background: rgba(110, 179, 86, 0.10);
}

.dashboard_order table tr td .pending {
    color: var(--colorYellow);
    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);
}

.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%;
}

.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;
}

.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(--headingFont);
    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(--headingFont);
    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(--headingFont);
    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(--headingFont);
    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_summery .showCharge p {
    text-transform: capitalize;
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    font-family: var(--headingFont);
    border-bottom: 1px solid rgba(8, 5, 33, 0.10);
    padding-bottom: 5px;
}

.cart_summery .showCharge .total {
    border: none;
}

.cart_summery .showCharge .total span {
    font-weight: 600;
    color: var(--colorBlack);
}

.cart_summery .showCharge 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(--headingFont);
    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(--headingFont);
    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(--headingFont);
    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: var(--colorSecondary);
    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(--headingFont);
    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: 28px 24px;
    border-radius: 12px;
    border: 1px solid var(--borderColor, #E3E6E9);
    background: #ffffff;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 18px;
    margin-top: 25px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.contact_info:hover {
    border-color: var(--colorPrimary);
    box-shadow: 0 8px 24px rgba(51, 153, 255, 0.12);
}

.contact_info .icon {
    width: 64px;
    height: 64px;
    min-width: 64px;
    background: var(--colorLight, #ECF2F6);
    margin-right: 0;
    border-radius: 50%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--colorPrimary, #3399ff);
    font-size: 22px;
    line-height: 1;
}

.contact_info .icon img {
    display: none;
}

.contact_info .icon i {
    color: var(--colorPrimary, #3399ff);
}

.contact_info .text {
    max-width: none;
    flex: 1;
    min-width: 0;
}

.contact_info .text p,
.contact_info .text a {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: var(--colorBlack, #27272E);
    line-height: 1.55;
    margin: 0;
    word-break: break-word;
}

.contact_info .text a:hover {
    color: var(--colorPrimary);
}

.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);
    overflow: hidden;
}

.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: 250px;
    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(--paraFont);
    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(--paraFont);
    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(--paraFont);
    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(--paraFont);
}

.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
=============================*/
.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);
}


/*------------ Transfer section section end ---------*/

/*=============================
    RTL BUTTON END
=============================*/


@keyframes rotate {
    0% {
        transform: scale(1);
    }
    10%, 20% {
        transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg);
    }
    100% {
        transform: scale(1) rotate(0deg);
    }
}

.addedWishlist {
    animation: rotate 1s linear; /* Rotate the element for 2 seconds */
    animation-iteration-count: 1; /* Run the animation only once */
}

#NotificationArea {
    position: relative;
}

#deliverymanNotificationArea {
    position: relative;
}

.notification-panel {
    margin-top: 5.6%;
    z-index: 9999;
    position: absolute;
    top: 50px;
    right: -120px;
    height: 318px;
    width: 290px;
    background: #ffffff;
    border-radius: 15px;
    display: none;
    box-shadow: 6px 5px 16px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;

}

.notification-panel h2 {
    text-align: center;
    margin-top: 8px;
    margin-bottom: 5px;
    font-size: 18px;
    color: var(--paraColor);
}

.notification-panel ul li a {
    /*display: block;*/
    margin: 7px;
    display: flex;
}

.notification-panel p {
    text-align: center;
    margin: 5px;
    cursor: pointer;
}

.notificationNotFound {
    display: block;
    text-align: center;
    margin-top: 50%;
}

.notification-panel ul li {
    padding: 2px;
}

.notification-panel ul li:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.notification-panel ul li i {
    font-size: 18px;
    margin-right: 10px;
    margin-left: 5px;
    background-color: var(--ratingColor);
    color: #ffffff;
    padding: 6px;
    border-radius: 50%;
}

.notification-panel .notification-list {
    height: 245px;
    overflow: auto;
}

.notification-panel ul li span {
    color: var(--colorBlack);
}

.notification-panel ul li p {
    text-align: start;
    color: var(--ratingColor);
}

.btn-outline-theme {
    --bs-btn-color: #525064;
    --bs-btn-border-color: rgba(8, 5, 33, 0.10);
    --bs-btn-hover-color: var(--colorPrimary);
    --bs-btn-hover-bg: transparent;
    padding: 3px 10px;
}

.btn-outline-theme:hover {
    border: 1px solid var(--colorPrimary);
}

.cookies-allert {
    display: none;
    position: fixed;
    left: 6px;
    bottom: 50px;
    padding: 2rem;
    max-width: 360px;
    cursor: pointer;
    border-radius: 24px;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
    z-index: 10000;
    background: #ffffff;
    text-align: center;
}

.cookies-allert img {
    width: 20% !important;
    display: block;
    margin: auto;
}

.cookieButton {
    display: flex;
    height: 55px;
    line-height: 55px;
    color: #fff;
    font-size: 17px;
    padding: 0 2rem;
    align-items: center;
    background: #2d2d2d;
    width: auto;
    border-radius: 24px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    justify-content: center;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
}

.cookieClose {
    color: #2d2d2d;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    border-bottom: 1px solid rgba(45, 45, 45, 0.3);
}

.cookieClose:hover {
    border-bottom: 3px solid rgba(3, 3, 3, 0.3);
}

.cookies-allert .seemoreButton {
    text-decoration: underline;
    display: inline-block;
    font-size: 14px;
}

.btn-custom-1 {
    padding: 6px 8px;
    font-size: 14px;
    background-color: var(--colorPrimary);
    border-radius: 5px;
    transition: .50s;
    color: #FFFFFF !important;
    border: 1px solid var(--colorPrimary);
}

.btn-custom-1:hover {
    background: #ffffff;
    border: 1px solid var(--colorPrimary);
    color: var(--colorPrimary) !important;
}

.btn-custom-2 {
    padding: 5px 10px;
    background-color: #F2A22A;
    border-radius: 5px;
    transition: .50s;
    border: 1px solid #F2A22A;;
}

.btn-custom-2:hover {
    background: #ffffff;
    border: 1px solid #F2A22A !important;
    color: #000000 !important;
}

.btn-custom-3 {
    padding: 5px 10px;
    background-color: #0d6efd;
    color: #FFFFFF !important;
    border-radius: 5px;
    transition: .50s;
    border: 1px solid #0d6efd;
}

.btn-custom-3:hover {
    background: #ffffff;
    border: 1px solid #0d6efd;
    color: #000000 !important;
}

.custom_badge {
    background: rgba(0, 201, 167, .1) !important;
    width: auto !important;
    padding: 3px 7px 3px 17px !important;
    border-radius: 5px !important;
    font-weight: 500;
    display: inline-flex !important; /* Inline-flex to adjust width based on content */
    align-items: center;
    justify-content: center;
    color: var(--white);
    margin: 0px !important;
    font-size: 12px;
    white-space: nowrap; /* Prevent text wrapping */
}

span.badge.custom_badge.bg-soft-success.text-success.text-content {
    position: relative;
}
span.badge.custom_badge.bg-soft-success.text-success.text-content::before{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
    position: absolute;
    top: 5px;
    left: 5px;
}
span.legend-indicator.bg-success {
    display: none;
}

.custom_badge .legend-indicator {
    width: 10px;
    margin: 0px 5px 0 0 !important;
    background: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.custom_badge_warning {
    background: rgba(255, 255, 0, 0.1) !important;
    width: auto !important;
    padding: 3px 7px 3px 17px !important;
    border-radius: 5px !important;
    font-weight: 500;
    display: inline-flex !important; /* Inline-flex to adjust width based on content */
    align-items: center;
    justify-content: center;
    color: var(--white);
    margin: 0px !important;
    font-size: 12px;
    white-space: nowrap; /* Prevent text wrapping */
}

span.badge.custom_badge_warning.bg-soft-warning.text-warning.text-content {
    position: relative;
}
span.badge.custom_badge_warning.bg-soft-warning.text-warning.text-content::before{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
    position: absolute;
    top: 5px;
    left: 5px;
}
span.legend-indicator.bg-warning {
    display: none;
}



.custom_badge_danger {
    background: rgba(171, 22, 44, 0.1) !important; /* Soft red color */
    width: auto !important;
    padding: 3px 7px 3px 17px !important;
    border-radius: 5px !important;
    font-weight: 500;
    display: inline-flex !important; /* Inline-flex to adjust width based on content */
    align-items: center;
    justify-content: center;
    color: var(--white);
    margin: 0px !important;
    font-size: 12px;
    white-space: nowrap; /* Prevent text wrapping */
}

span.badge.custom_badge_danger.bg-soft-danger.text-danger.text-content {
    position: relative;
}
span.badge.custom_badge_danger.bg-soft-danger.text-danger.text-content::before{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
    position: absolute;
    top: 5px;
    left: 5px;
}
span.legend-indicator.bg-danger {
    display: none;
}

.custom_badge_danger .legend-indicator {

    width: 10px;
    height: 10px; /* Ensure a square shape */
    margin: 0px 5px 0 0 !important;
    border-radius: 50%; /* Make the indicator circular */
    background: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.custom_badge_info {
    width: auto !important;
    padding: 3px 7px 3px 17px !important;
    border-radius: 5px !important;
    font-weight: 500;
    background: rgba(13, 202, 240, 0.1) !important; /* Soft blue color */
    display: inline-flex !important; /* Inline-flex to adjust width based on content */
    align-items: center;
    justify-content: center;
    color: var(--white);
    margin: 0px !important;
    font-size: 12px;
    white-space: nowrap; /* Prevent text wrapping */
}

span.badge.custom_badge_info.bg-soft-info.text-info.text-content {
    position: relative;
}
span.badge.custom_badge_info.bg-soft-info.text-info.text-content::before{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
    position: absolute;
    top: 5px;
    left: 5px;
}
span.legend-indicator.bg-info {
    display: none;
}

.custom_badge_info .legend-indicator {
    width: 10px;
    height: 10px; /* Ensure a square shape */
    margin: 0px 5px 0 0 !important;
    background: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
    border-radius: 50%; /* Make the indicator circular */
}

.custom_badge_info .text-content {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%; /* Ensure it doesn't exceed the container's width */
}

.phoneNumber:hover {
    color: #0d6efd !important;
}
.qrPaymentImage{
    width: initial!important;
    height: inherit!important;
}

.phone-code{
    background: #fff;
    margin-top: 20px;
    padding: 11px 0.75rem;
    box-shadow: 0px 1px 1px 0px rgba(8, 5, 33, 0.14);
    border-radius:  7px;
}
.phone-input .form-control{

    padding: 12px 20px;
    outline: none;
    resize: none;
    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;
}

.phone-input .form-control::placeholder {
    color: #999;
}

.phone-input{
    margin-top: 15px;
}
.phone-input .iti--allow-dropdown{
    width: 100%;
}
.phone-input .iti .iti__country-container button{
    margin-top: 0;
    border-radius: 5px;
    background: var(--white);
    color: var(--colorBlack);
}
.phone-input .iti__country-list{
    display: block ;
    width: auto;
}
.phone-input .iti__country-list li{
    width: 100%;
}
#iti-0__dropdown-content{
    width: 300px !important;
}

.form-select-padding {

    padding: 11px 19px !important;
}

.form-select-padding:focus {
  outline: 0 !important;
  box-shadow: none;
  border: 1px solid #e5e5e8 !important;
}

.tab-button {
    font-size: 14px;
    border-radius: 5px;
    transition: .50s;
    color: #000000 !important;
    border: 1px solid var(--colorPrimary);
}
.tab-button.active {
    background-color: var(--colorPrimary);
    color: #FFFFFF !important;
}

.main_menu_2 .navbar-brand{
    width: auto;
    max-width: 280px;
}

.main_menu .navbar-brand .site-logo,
.main-site-logo{
    width: auto !important;
    height: 52px !important;
    max-width: 240px !important;
    object-fit: contain !important;
}

/* mobile */
@media (max-width: 768px) {
    .main_menu .navbar-brand .site-logo,
    .main-site-logo{
        height: 42px !important;
        max-width: 170px !important;
    }
}