/* ***************************************
Template Name: RegFood || Restaurant HTML Template
Author: ThemeFax 
Author Email: themefaxbd@gmail.com
website: http://www.themefax.com/
Version: 1.0
Description: RegFood is Multi Page HTML Template designed for Restaurants, cafes, Seafood, Bakeries, bars, Catering, and Food business websites. It is designed with a Unique and clean & modern Look. This template is designed based on Bootstrap5 Grid System. You can customize it very easily to fit your needs. RegFood is a fully responsive layout. It fits perfectly on various displays and resolutions from regular desktop screens to tablets, iPads, iPhones, and small mobile devices.
***************************************

CSS TABLE OF CONTENTS
===================================
01. GLOBAL CSS 
02. HOME PAGE
03. ABOUT US PAGE
04. MENU PAGE
05. CONTACT PAGE
06. BLOG DETAILS PAGE
07. MENU DETAILS PAGE
08. CART VIEW PAGE
09. CHECKOUT PAGE
10. SIGN IN PAGE
11. PAYMENT PAGE
12. FAQ PAGE
13. TERMS AND CONDITION PAGE
14. error PAGE
15. DASHBOARD PAGE


/*================================
    GLOBAL CSS START
================================*/
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700;800;900&family=Manrope:wght@300;400;500;600;700;800&family=Oleo+Script:wght@400;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,
a,
span {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    color: var(--paraColor);
}

body {
    overflow-x: hidden;
    scroll-behavior: smooth;
    color: var(--paraColor);
    font-family: var(--paraFont);
}

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

input,
textarea {
    width: 100%;
    padding: 12px 20px;
    outline: none;
    resize: none;
    border: 1px solid #eee;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 300;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

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

button {
    border: none;
    box-shadow: none !important;
}

:root {
    --colorPrimary: #ff7c08;
    --colorRed: #eb0029;
    --paraColor: #484747;
    --colorBlack: #231f40;
    --colorWhite: #ffffff;
    --paraFont: 'Manrope', sans-serif;
    --headingFont: 'Barlow', sans-serif;
    --cursiveFont: 'Oleo Script', cursive;
    --boxShadow: rgba(100, 100, 111, 0.15) 0px 7px 29px 0px;
}

.common_btn {
    background: var(--colorPrimary);
    text-transform: capitalize;
    color: var(--colorWhite);
    padding: 12px 40px 12px 40px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    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;
}

.common_btn::after {
    position: absolute;
    content: "";
    width: 23px;
    height: 24px;
    background: url(../images/arrow_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    left: 0px;
    opacity: 0;
    transform: translateY(-50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-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;
}

.common_btn:hover {
    background: var(--colorBlack);
    padding: 12px 25px 12px 55px;
    color: var(--colorWhite);
}

.common_btn:hover::after {
    opacity: 1;
    left: 17px;
}

.section_heading h4 {
    color: var(--colorPrimary);
    font-family: var(--cursiveFont);
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
}

.section_heading h4::after {
    position: absolute;
    content: "";
    background: url(../images/heading_shapes_1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 65px;
    height: 23px;
    top: 3px;
    right: -80px;
}

.section_heading h2 {
    text-transform: capitalize;
    font-size: 35px;
    font-weight: 800;
}

.section_heading span {
    display: block;
    max-width: 250px;
    margin: 0 auto;
}

.section_heading p {
    text-align: center;
    margin-top: 10px;
    padding: 0px 60px;
}

.form-check-input:focus {
    border-color: #eb002975;
    box-shadow: none;
}

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


/*============================
    HOME PAGE START
============================*/
/* topbar start */
.topbar {
    width: 100%;
    height: 50px;
    background: var(--colorBlack);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.topbar_info {
    line-height: 50px;
    position: relative;
    justify-content: center;
}

.topbar_info::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--colorPrimary);
    top: 0;
    left: 0;
    z-index: -1;
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}

.topbar_info li {
    margin-right: 30px;
}

.topbar_info li:last-child {
    margin: 0;
}

.topbar_info li a {
    color: var(--colorWhite);
    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;
}

.topbar_info li a:hover {
    color: var(--colorBlack);
}

.topbar_info li a i {
    font-size: 16px;
    margin-right: 10px;
}

.topbar_icon {
    line-height: 50px;
    justify-content: end;
}

.topbar_icon li a {
    color: var(--colorWhite);
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: var(--colorPrimary);
    text-align: center;
    margin-left: 10px;
    font-size: 14px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

/* topbar end */


/* menu start */
.main_menu {
    position: fixed;
    top: 50px;
    width: 100%;
    height: 80px;
    background: var(--colorWhite);
    border-bottom: 1px solid #eee;
    z-index: 999;
    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-brand-wrap {
    background: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    box-shadow: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    max-height: none;
    margin-top: 0;
    margin-right: 12px;
    overflow: visible;
    flex-shrink: 0;
}

.main_menu .navbar-brand {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 240px;
    margin: 0;
    padding: 0;
    background: transparent;
    flex-shrink: 0;
}

.main_menu .navbar-brand img {
    width: auto !important;
    max-width: 240px;
    max-height: 72px;
    height: auto !important;
    object-fit: contain !important;
    display: block;
    filter: none;
    transform: translateY(-2px);
}

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

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

.main_menu .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    font-weight: 600;
    color: var(--colorBlack);
    text-transform: capitalize;
    margin: 0px 15px;
    padding: 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;
    position: relative;
}

.main_menu .navbar-nav .nav-item .nav-link::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: var(--colorPrimary);
    bottom: 0;
    left: 50%;
    opacity: 0;
    transform: translateX(-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;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

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

.main_menu .navbar-nav .nav-item:hover .nav-link::after,
.main_menu .navbar-nav .nav-item .nav-link.active::after {
    opacity: 1;
}

.main_menu .navbar-nav .nav-item .nav-link i {
    font-size: 14px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.droap_menu {
    position: absolute;
    width: 250px;
    max-height: 500px;
    top: 120%;
    left: 0;
    background: var(--colorWhite);
    box-shadow: var(--boxShadow);
    overflow: hidden;
    overflow-y: auto;
    line-height: 50px;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    z-index: 99;
}

.droap_menu::-webkit-scrollbar {
    scrollbar-width: thin !important;
    background: #fff;
    width: 6px;
}

.droap_menu::-webkit-scrollbar-thumb {
    background: #ddd;
}

.droap_menu li a {
    display: block;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: var(--colorBlack);
    position: relative;
    padding: 0px 15px 0px 30px;
    border-bottom: 1px solid #eee;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.droap_menu li a::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    background: var(--colorPrimary);
    top: 50%;
    left: 15px;
    opacity: 0;
    transform: translateY(-50%);
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -ms-transition: all linear .5s;
    -o-transition: all linear .5s;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

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

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

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

.main_menu .navbar-nav .nav-item:hover .droap_menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.main_menu .menu_icon {
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.main_menu .menu_icon li {
    position: relative;
}

.main_menu .menu_icon li a {
    font-size: 16px;
    font-weight: 600;
    color: var(--colorBlack);
    text-transform: capitalize;
    margin: 0px 10px;
    padding: 0;
    position: relative;
    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;
    width: 40px;
    height: 40px;
    background: #ff7c0826;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
}

.main_menu .menu_icon li a:hover,
.main_menu .menu_icon li a.active {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.main_menu .menu_icon .cart_icon span {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border: 1px solid var(--colorWhite);
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    font-weight: 600;
    top: -10px;
    right: -10px;
}

.main_menu .menu_icon li:last-child a {
    margin-right: 0;
}

.main_menu .menu_icon li:last-child a::after,
.main_menu .menu_icon li:last-child a::before {
    display: none;
}

.main_menu .auth_buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: nowrap;
    min-width: 0;
}

.main_menu .auth_buttons .auth_form {
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.main_menu .nav_auth_btn,
.main_menu .auth_buttons .nav_auth_btn,
.main_menu .auth_buttons .user_profile_btn,
.main_menu .auth_buttons .auth_link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px;
    height: 44px;
    padding: 0 18px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s ease;
    white-space: nowrap;
    line-height: 1.2;
    border: 1px solid transparent;
    cursor: pointer;
    width: auto;
    min-width: 0;
    max-width: none;
    box-shadow: none !important;
}

.main_menu .nav_auth_btn span,
.main_menu .auth_buttons .nav_auth_btn span,
.main_menu .auth_buttons .user_profile_btn span,
.main_menu .auth_buttons .auth_link span {
    display: inline-block;
    white-space: nowrap;
    color: inherit;
}

.main_menu .nav_auth_btn i,
.main_menu .auth_buttons .nav_auth_btn i,
.main_menu .auth_buttons .user_profile_btn i,
.main_menu .auth_buttons .auth_link i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: inherit;
    font-size: 12px;
}

.main_menu .auth_buttons .nav_auth_btn_primary,
.main_menu .auth_buttons .user_profile_btn,
.main_menu .auth_buttons .auth_link_primary {
    background: linear-gradient(135deg, #f9c980 0%, #f2a54d 100%);
    color: #2b1809;
    border-color: #eb9a3f;
    box-shadow: 0 7px 18px rgba(242, 165, 77, 0.18) !important;
}

.main_menu .auth_buttons .nav_auth_btn_dark,
.main_menu .auth_buttons .auth_link,
.main_menu .auth_buttons .auth_link_dark {
    background: linear-gradient(135deg, #fffaf6 0%, #f1ece6 100%);
    color: #1b1b1b;
    border-color: #dccab5;
    box-shadow: 0 7px 18px rgba(35, 31, 64, 0.06) !important;
}

.main_menu .auth_buttons .nav_auth_btn:hover,
.main_menu .auth_buttons .user_profile_btn:hover,
.main_menu .auth_buttons .auth_link:hover {
    transform: translateY(-1px);
    filter: saturate(1.04) brightness(0.99);
}

@media (max-width: 991px) {
    .main_menu .menu_icon {
        width: 100%;
        justify-content: flex-start;
        margin-top: 16px;
    }

    .main_menu .auth_buttons {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

.menu_fix {
    top: 0 !important;
}

/* menu end */


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

.banner_overlay,
.banner_slider_overlay {
    background: #231f40c4;
    height: 100%;
    position: relative;
}

.banner_overlay div {
    height: 100%;
}

.banner_shape_1 {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 80px;
    left: 4%;
    animation: rotate linear .10s infinite;
    -webkit-animation: rotate linear 50s infinite;
    z-index: 1;
}

.banner_shape_2 {
    position: absolute;
    width: 40px;
    height: 29px;
    top: 80%;
    left: 5%;
    animation: zoom linear 2.5s infinite alternate;
    -webkit-animation: zoom linear 2.5s infinite alternate;
    z-index: 1;
}

.banner_shape_3 {
    position: absolute;
    width: 25px;
    height: 33px;
    top: 15%;
    right: 48%;
    z-index: 1;
    animation: zoom linear 2.5s infinite alternate;
    -webkit-animation: zoom linear 2.5s infinite alternate;
}

.banner_shape_4 {
    position: absolute;
    width: 55px;
    height: 40px;
    bottom: 10%;
    left: 15%;
    animation: shake linear 2.5s infinite alternate;
    z-index: 1;
}

.banner_shape_5 {
    position: absolute;
    width: 45px;
    height: 45px;
    bottom: 5%;
    left: 30%;
    animation: rotate linear 50s infinite;
    z-index: 1;
}

.banner_shape_6 {
    position: absolute;
    width: 45px;
    height: 55px;
    bottom: 40%;
    left: 5%;
    -webkit-animation: shake linear 7s infinite alternate;
    z-index: 1;
    animation: shake linear 1.5s infinite alternate;
}

@keyframes rotate {
    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);
    }
}

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

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

@keyframes shake {
    from {
        margin-left: 10px;
    }

    to {
        margin-left: 0px;
    }
}

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

.banner_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 40px;
}

.banner_text h1 {
    font-size: 58px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--colorWhite);
}

.banner_text h3 {
    color: var(--colorPrimary) !important;
    text-transform: capitalize;
    font-size: 30px;
    font-weight: 600;
    margin-top: 10px;
    font-family: var(--cursiveFont);
}

.banner_text p {
    font-size: 18px;
    margin: 15px 0px 28px 0px;
    color: var(--colorWhite);
}

.banner_text form {
    background: var(--colorWhite);
    padding: 10px;
    border-radius: 80px;
    position: relative;
}

.banner_text form input {
    border-radius: 30px;
    border-color: #ddd;
    padding: 17px 25px;
}

.banner_text form button {
    position: absolute;
    top: 16px;
    right: 16px;
}

.banner_img {
    display: flex;
    align-items: center;
    position: relative;
}

.banner_img .img {
    height: 600px;
    width: 600px;
    position: absolute;
    border-radius: 50%;
    padding: 19px;
    box-shadow: var(--boxShadow);
    z-index: 1;
    left: 150px;
}

.banner_img .img::after {
    position: absolute;
    content: "";
    background: url(../images/banner_img_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    animation: rotate linear 100s infinite;
    z-index: -1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-animation: rotate linear 100s infinite;
}

.banner_img .img img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.banner_img span {
    position: absolute;
    background: var(--colorPrimary);
    width: 140px;
    height: 140px;
    top: 30px;
    left: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: var(--colorWhite);
    font-size: 35px;
    font-family: var(--cursiveFont);
    letter-spacing: 2px;
    font-weight: 900;
    text-transform: lowercase;
    border-radius: 50%;
    padding: 15px;
    text-align: center;
    border: 4px solid var(--colorWhite);
    line-height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.banner_img span img {
    width: 100% !important;
    height: 100% !important;
}

.banner .slick-dots,
.testi_slider .slick-dots,
.team .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 5px;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.banner .slick-dots li button,
.testi_slider .slick-dots li button,
.team .slick-dots li button {
    font-size: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 3px solid var(--colorPrimary);
    margin: 0px 3px;
    padding: 0;
    opacity: .2;
    transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    position: relative;
}

.banner .slick-dots li button::after,
.testi_slider .slick-dots li button::after,
.team .slick-dots li button::after {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background: var(--colorPrimary);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.banner .slick-dots li.slick-active button,
.testi_slider .slick-dots li.slick-active button,
.team .slick-dots li.slick-active button {
    opacity: 1;
}

/* banner end */


/* offer item start */
.offer_item {
    background: #EEF6EB;
}

.offer_item_slider .slick-track {
    display: flex;
    align-items: stretch;
}

.offer_item_slider .slick-slide {
    height: auto;
}

.offer_item_slider .slick-slide > div {
    height: 100%;
}

.offer_item_single {
    display: flex;
    align-items: stretch;
    min-height: 200px;
    height: 100%;
    border-radius: 22px;
    overflow: hidden;
    margin: 25px 12px 0px 12px;
    background: var(--colorWhite);
    border: 1px solid rgba(35, 31, 64, 0.08);
    box-shadow: 0 20px 38px rgba(35, 31, 64, 0.06);
    position: relative;
}

.offer_item_img {
    flex: 0 0 42%;
    max-width: 42%;
    background: #f5f5f5;
    border-right: 1px solid rgba(35, 31, 64, 0.08);
}

.offer_item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.offer_item_content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 18px 18px 16px 18px;
    background: var(--colorWhite);
    position: relative;
    min-width: 0;
    gap: 6px;
}

.offer_badge {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 124, 8, 0.12);
    color: var(--colorPrimary);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 4px;
}

.offer_item_head {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.offer_category {
    color: var(--colorPrimary);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.offer_item_single .title {
    text-transform: capitalize;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
    margin: 0;
    display: block;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    transition: all linear .3s;
    letter-spacing: -0.02em;
}

.offer_item_single p {
    color: rgba(35, 31, 64, 0.72);
    font-size: 13px;
    line-height: 1.6;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.offer_item_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 0;
    flex-wrap: wrap;
}

.offer_price_wrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.offer_price {
    font-size: 24px;
    line-height: 1;
    font-weight: 800;
    color: var(--colorBlack);
}

.offer_price_wrap del {
    font-size: 13px;
    color: rgba(35, 31, 64, 0.55);
    font-weight: 600;
}

.offer_icons {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    flex-shrink: 0;
}

.offer_icons a,
.offer_icons form button {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid rgba(35, 31, 64, 0.12);
    background: var(--colorWhite);
    color: var(--colorPrimary);
    font-size: 13px;
    transition: all linear .2s;
    text-decoration: none;
    cursor: pointer;
}

.offer_icons a:hover,
.offer_icons form button:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-color: var(--colorPrimary);
}

.offer_icons form {
    margin: 0;
}

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

@media (max-width: 767px) {
    .offer_item_single {
        flex-direction: column;
        min-height: auto;
    }

    .offer_item_img {
        flex: none;
        max-width: 100%;
        height: 210px;
    }
}

.related_product_slider .nextArrow,
.related_product_slider .prevArrow,
.blog_slider .nextArrow,
.blog_slider .prevArrow,
.testi_slider .nextArrow,
.testi_slider .prevArrow,
.team_slider .nextArrow,
.team_slider .prevArrow,
.offer_item_slider .nextArrow,
.offer_item_slider .prevArrow {
    width: 40px;
    height: 40px;
    background: var(--colorBlack);
    line-height: 40px;
    text-align: center;
    color: var(--colorWhite);
    border-radius: 50%;
    position: absolute;
    top: -65px;
    right: 12px;
    z-index: 1;
    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%;
}

.related_product_slider .prevArrow,
.related_product_slider .prevArrow,
.blog_slider .prevArrow,
.testi_slider .prevArrow,
.team_slider .prevArrow,
.offer_item_slider .prevArrow {
    right: 62px;
    background: var(--colorPrimary);
}

.nextArrow:hover,
.prevArrow:hover {
    background: var(--colorBlack);
}

.cart_popup .btn-close {
    position: absolute;
    top: -5px;
    right: -5px;
    overflow: hidden;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 17px;
    background: var(--colorPrimary);
    border-radius: 50%;
    opacity: 1;
    color: var(--colorWhite);
    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(--colorRed);
    color: var(--colorWhite);
}

.cart_popup_img {
    height: 280px;
    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: 27px;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 15px;
    font-family: var(--headingFont);
    color: var(--colorBlack);
    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;
}

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

.cart_popup_text .rating {
    color: #ff9933;
    font-size: 14px;
    text-align: left;
    display: block;
    margin: 3px 0px 20px 0px;
}

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

.cart_popup_text .price {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

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

/* offer item end */


/* reservation start */
.reservation_bg {
    border-radius: 10px;
    position: relative;
}

.reservation_bg::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: -1px;
    background: #ff7c08e8;
    clip-path: polygon(54% 0, 100% 0%, 100% 100%, 38% 100%);
    border-radius: 0px 10px 10px 0px;
    -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;
}

.reservation_form {
    position: relative;
    z-index: 1;
    padding: 50px;
}

.reservation_form h2 {
    text-transform: capitalize;
    font-size: 30px;
    font-weight: 600;
    color: var(--colorWhite);
    border-bottom: 1px solid var(--colorWhite);
    padding-bottom: 6px;
    margin-bottom: 25px;
}

.reservation_input_single,
.reservation_input_single .nice-select {
    margin-bottom: 20px;
}

.reservation_input_single label {
    text-transform: capitalize;
    color: var(--colorWhite);
    font-weight: 600;
    margin-bottom: 5px;
}

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

.reservation_form form button {
    width: 100%;
    border-radius: 4px;
    background: var(--colorBlack);
    margin-top: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

/* reservation end */


/* menu item start */
.menu,
.blog {
    position: relative;
    z-index: 1;
}

.blog::after,
.blog::before,
.menu::after,
.menu::before {
    position: absolute;
    content: "";
    background: rgb(255, 124, 8);
    background: radial-gradient(circle, rgba(255, 124, 8, 0.4066001400560224) 0%, rgba(0, 0, 0, 0) 83%);
    width: 700px;
    height: 700px;
    top: -150px;
    left: -350px;
    z-index: -1;
    opacity: .4;
}

.blog::after,
.menu::after {
    top: auto;
    left: auto;
    right: -350px;
    bottom: 0;
}

.menu_layout {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 30px;
    align-items: start;
}

.menu_sidebar {
    position: sticky;
    top: 110px;
    max-height: calc(100vh - 140px);
    overflow-y: auto;
    background: linear-gradient(180deg, #fffaf6 0%, #fff 100%);
    border: 1px solid rgba(35, 31, 64, 0.08);
    border-radius: 24px;
    box-shadow: 0 18px 35px rgba(35, 31, 64, 0.06);
    padding: 28px 22px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 124, 8, 0.55) rgba(35, 31, 64, 0.06);
}

.menu_sidebar::-webkit-scrollbar {
    width: 8px;
}

.menu_sidebar::-webkit-scrollbar-thumb {
    background: rgba(255, 124, 8, 0.55);
    border-radius: 999px;
}

.menu_sidebar::-webkit-scrollbar-track {
    background: rgba(35, 31, 64, 0.06);
    border-radius: 999px;
}

.menu_sidebar_top {
    margin-bottom: 22px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(35, 31, 64, 0.08);
}

.menu_sidebar_kicker,
.menu_results_kicker {
    margin: 0 0 8px;
    color: var(--colorPrimary);
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 10px;
    font-weight: 800;
}

.menu_sidebar_top h2,
.menu_results_header h3 {
    margin: 0;
    color: var(--colorBlack);
    font-size: 28px;
    font-weight: 800;
    font-family: var(--headingFont);
    letter-spacing: -0.04em;
}

.menu_filter_panel {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.filter_group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filter_group_last {
    margin-top: 2px;
}

.filter_group label,
.filter_header_row label {
    color: var(--colorBlack);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin: 0;
}

.menu_search {
    position: relative;
    display: flex;
    align-items: center;
}

.menu_search i {
    position: absolute;
    left: 18px;
    font-size: 14px;
    color: rgba(35, 31, 64, 0.6);
}

.menu_search input {
    width: 100%;
    height: 52px;
    border: 1px solid rgba(35, 31, 64, 0.12);
    border-radius: 14px;
    background: #fff;
    padding: 0 16px 0 44px;
    color: var(--colorBlack);
    box-shadow: none;
    transition: all 0.25s ease;
}

.menu_search input::placeholder {
    color: rgba(35, 31, 64, 0.55);
}

.menu_search input:focus,
.select_area .nice-select:focus,
.select_area .nice-select.open,
.select_area select:focus {
    border-color: rgba(255, 124, 8, 0.8);
    box-shadow: 0 0 0 4px rgba(255, 124, 8, 0.08);
    outline: none;
}

.select_area {
    position: relative;
}

.select_area select,
.select_area .nice-select {
    width: 100%;
    min-height: 52px;
    padding: 0 40px 0 16px;
    border: 1px solid rgba(35, 31, 64, 0.12);
    border-radius: 14px;
    background: #fff;
    color: var(--colorBlack);
    font-size: 15px;
    font-weight: 500;
    box-shadow: none;
}

.filter_header_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.filter_header_row a {
    color: var(--colorPrimary);
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    text-decoration: none;
}

.filter_chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter_chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 9px 14px;
    border: 1px solid rgba(35, 31, 64, 0.08);
    background: #fff;
    color: var(--colorBlack);
    text-decoration: none;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    transition: all linear .2s;
}

.filter_chip:hover,
.filter_chip.active {
    background: var(--colorPrimary);
    border-color: transparent;
    color: var(--colorWhite);
    box-shadow: 0 12px 24px rgba(255, 124, 8, 0.18);
}

.filter_actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 4px;
}

.filter_actions .common_btn {
    width: 100%;
    justify-content: center;
    border-radius: 14px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border: none;
    font-weight: 800;
    letter-spacing: 0.02em;
    box-shadow: 0 12px 24px rgba(255, 124, 8, 0.16);
}

.filter_actions .btn-light {
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(35, 31, 64, 0.09);
    background: #fff;
    color: var(--colorBlack);
    font-weight: 700;
}

.check_option_list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.custom_check,
.toggle_check {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid rgba(35, 31, 64, 0.08);
    border-radius: 12px;
    background: #fff;
    color: var(--colorBlack);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.custom_check:hover,
.toggle_check:hover {
    border-color: rgba(255, 124, 8, 0.5);
    background: #fff8f1;
}

.custom_check input,
.toggle_check input {
    accent-color: var(--colorPrimary);
    width: 16px;
    height: 16px;
    margin: 0;
}

.custom_check span,
.toggle_check span {
    display: inline-flex;
    align-items: center;
    line-height: 1.4;
    color: var(--colorBlack);
}

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

.price_field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    border: 1px solid rgba(35, 31, 64, 0.12);
    border-radius: 12px;
    background: #fff;
    padding: 8px 10px 10px;
    min-height: 78px;
    box-shadow: inset 0 0 0 1px rgba(255, 124, 8, 0.02);
}

.price_field_label {
    display: block;
    color: rgba(35, 31, 64, 0.7);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin: 0;
}

.price_field_input {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 42px;
    border: 1px solid rgba(35, 31, 64, 0.08);
    border-radius: 10px;
    background: #fffaf6;
}

.price_field_input span {
    display: none;
}

.price_field_input input {
    width: 100%;
    border: 0;
    background: transparent;
    color: var(--colorBlack);
    min-height: 42px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 600;
}

.price_field_input input::placeholder {
    color: rgba(35, 31, 64, 0.55);
}

.price_field_input input:focus {
    outline: none;
    box-shadow: none;
}

.price_field:focus-within {
    border-color: rgba(255, 124, 8, 0.7);
    box-shadow: 0 0 0 4px rgba(255, 124, 8, 0.08);
}

.menu_mobile_controls {
    display: none;
    margin-bottom: 20px;
}

.menu_mobile_filter_toggle {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, #f4c17a, #df8a34);
    color: #1d140e;
    font-weight: 800;
    box-shadow: 0 16px 28px rgba(223, 138, 52, 0.2);
}

.menu_filter_offcanvas {
    width: 86vw;
    max-width: 420px;
}

.menu_filter_offcanvas .offcanvas-header {
    padding: 18px 20px 12px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.menu_filter_offcanvas .offcanvas-body {
    padding: 18px 20px 24px;
}

.menu_results {
    min-width: 0;
}

.menu_results_header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    padding: 8px 0 0;
}

.menu_results_header span {
    color: #6b7280;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.menu_empty_state {
    background: rgba(255,255,255,0.8);
    border: 1px dashed rgba(15, 23, 42, 0.12);
    border-radius: 20px;
    padding: 40px 20px;
    font-weight: 600;
    color: var(--colorBlack);
}

.menu_cards_grid {
    row-gap: 18px;
    margin-left: -10px;
    margin-right: -10px;
}

.menu_cards_grid > [class*='col-'] {
    padding-left: 10px;
    padding-right: 10px;
}

.menu_item {
    margin-top: 0;
    position: relative;
    border-radius: 16px;
    background: var(--colorWhite);
    box-shadow: 0 18px 35px rgba(35, 31, 64, 0.06);
    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: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.menu_item_img {
    height: 195px;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
}

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

.menu_item_text {
    border-radius: 10px;
    text-align: center;
    position: relative;
    padding: 18px 16px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.menu_item_text .category {
    text-transform: capitalize;
    font-size: 16px;
    color: var(--colorWhite);
    font-family: var(--cursiveFont);
    position: absolute;
    top: -16px;
    right: 0;
    background: var(--colorPrimary);
    padding: 3px 15px;
    box-shadow: var(--boxShadow);
    border-radius: 4px 0px 0px 4px;
    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: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    -ms-border-radius: 4px 0px 0px 4px;
    -o-border-radius: 4px 0px 0px 4px;
}

.menu_item_text .category:hover {
    color: var(--colorBlack);
}

.menu_item_text .title {
    text-transform: capitalize;
    color: var(--colorBlack);
    font-size: 18px;
    font-family: var(--headingFont);
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
    text-align: center;
    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_text .rating {
    color: #ff9933;
    font-size: 14px;
    text-align: center;
    margin-bottom: 8px;
}

.menu_item_text .rating span {
    font-size: 16px;
    font-weight: 600;
    padding-left: 20px;
    position: relative;
}

.menu_item_text .rating span::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 1px;
    background: var(--paraColor);
    top: 11px;
    left: 4px;
}

.menu_item_text .price {
    font-size: 18px;
    font-weight: 700;
    color: var(--colorPrimary);
    text-transform: capitalize;
    margin-bottom: 18px;
    margin-top: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu_item_text .price del {
    color: #736f6f;
    margin-left: 7px;
    font-size: 18px;
    font-weight: 500;
}

.menu_item_text .add_to_cart {
    position: absolute;
    left: -12px;
    bottom: 15px;
    background: var(--colorPrimary);
    padding: 5px 16px;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 600;
    color: var(--colorWhite);
    border-radius: 0px 4px 4px 4px;
    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_text .add_to_cart::after {
    position: absolute;
    content: "";
    top: -19px;
    left: 0px;
    z-index: 1;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 13px solid #d36606;
    border-bottom: 0 solid transparent;
}

.menu_item_text .add_to_cart:hover {
    background: var(--colorBlack);
}

.menu_item_text .add_to_cart:hover::after {
    border-right: 13px solid #000000;
}

.menu_item_text ul li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: var(--colorWhite);
    color: var(--colorPrimary);
    font-size: 12px;
    margin-left: 8px;
    border-radius: 3px;
    transition: all linear .3s;
    border: 1px solid var(--colorPrimary);
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.menu_item:hover {
    margin-top: 20px !important;
}

.menu_pagination {
    margin-top: 28px;
    display: flex;
    justify-content: center;
}

.pagination-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(35, 31, 64, 0.08);
    border-radius: 999px;
    padding: 8px 10px;
    box-shadow: 0 12px 24px rgba(35, 31, 64, 0.04);
}

.page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 12px;
    border-radius: 999px;
    background: transparent;
    border: 1px solid transparent;
    color: rgba(35, 31, 64, 0.82);
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: all 0.2s ease;
}

.page-link:hover,
.page-link.current {
    background: var(--colorPrimary);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 10px 22px rgba(255, 124, 8, 0.18);
}

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

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

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

/* menu item end */


/* team start */
.team,
.team_page {
    background: #EEF6EB;
}

.team .banner_shape_1 {
    width: 200px;
    height: 171px;
    left: auto;
    right: 10%;
}

.team .banner_shape_2 {
    top: 80px;
    left: 5%;
}

.single_team {
    border-radius: 10px;
    background: var(--colorWhite);
    padding: 30px;
    text-align: center;
    position: relative;
    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;
}

.single_team::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 30%;
    background: var(--colorPrimary);
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 0%, 100% 25%, 50% 100%, 0 25%);
}

.single_team::before {
    position: absolute;
    content: "";
    background: url(../images/chefs_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 85px;
    height: 150px;
    bottom: 0px;
    left: -15px;
    transform: rotate(45deg);
    opacity: .04;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.single_team_img {
    width: 200px;
    height: 200px;
    border: 10px solid var(--colorWhite);
    border-radius: 50%;
    box-shadow: var(--boxShadow);
    overflow: hidden;
    margin: 0 auto;
    padding: 10px;
    background: var(--colorPrimary);
    position: relative;
    z-index: 1;
    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_team_img img {
    border-radius: 50%;
    transition: all linear .3s;
    -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;
}

.single_team_text h4 {
    text-transform: capitalize;
    color: var(--paraColor);
    font-size: 24px;
    font-family: var(--headingFont);
    font-weight: 600;
    display: block;
    text-align: center;
    margin: 30px 0px 5px 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;
}

.single_team_text p {
    text-transform: capitalize;
    text-align: center;
    font-weight: 600;
}

.single_team_text ul {
    justify-content: center;
    margin-top: 27px;
}

.single_team_text ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #ff7c0821;
    color: var(--colorPrimary);
    font-size: 16px;
    margin: 0px 5px;
    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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

.team_slider .single_team {
    margin: 25px 12px 0px 12px;
}

.single_team:hover {
    margin-top: 20px;
}

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

.single_team:hover .single_team_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);
}

/* team end */


/* add slider start */
.add_slider_single {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 10px;
    padding: 40px;
    position: relative;
    overflow: hidden;
    margin-top: 25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.add_slider_single .text {
    width: 50%;
    position: relative;
    z-index: 1;
    padding-bottom: 10px;
}

.add_slider_single h5 {
    font-family: var(--cursiveFont);
    color: var(--colorPrimary);
    text-transform: capitalize;
    font-size: 20px;
}

.add_slider_single h2 {
    color: var(--colorBlack);
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: capitalize;
    margin-top: 10px;
}

.add_slider_single a {
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 700;
    color: var(--colorBlack);
    margin-top: 30px;
    border-bottom: 1px solid var(--colorBlack);
    padding-bottom: 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;
}

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

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

/* add slider end */


/* download start */
.download_text_bg {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    height: 450px;
}

.download_text_overlay {
    background: #231f40cc;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px;
}

.download_text h5 {
    color: var(--colorPrimary);
    text-align: center;
    font-size: 25px;
    font-family: var(--cursiveFont);
}

.download_text h2 {
    text-align: center;
    color: var(--colorWhite);
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 25px;
}

.download_text ul {
    justify-content: center;
}

.download_text ul li a {
    background: var(--colorPrimary);
    padding: 8px 25px;
    border-radius: 5px;
    display: flex;
    margin: 0px 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;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.download_text ul li a .icon {
    font-size: 35px;
    color: var(--colorWhite);
    margin-right: 15px;
}

.download_text ul li a p {
    font-size: 20px;
    color: var(--colorWhite);
    font-weight: 700;
}

.download_text ul li a p span {
    display: block;
    color: var(--colorWhite);
    font-size: 14px;
    line-height: 20px;
}

.download_text ul li a:hover {
    background: var(--colorRed);
}

.download_slider {
    height: 450px;
    margin: 0px 12px;
}

/* download end */


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

.single_testimonial {
    position: relative;
    margin-top: 105px;
    padding: 15px 0px 15px 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.testi_slider .single_testimonial {
    margin: 105px 12px 0 12px;
}

.single_testimonial::after {
    position: absolute;
    content: "";
    background: var(--colorPrimary);
    width: 50%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}

.single_testimonial_img {
    width: 150px;
    height: 150px;
    border: 5px solid var(--colorWhite);
    box-shadow: var(--boxShadow);
    border-radius: 50%;
    overflow: hidden;
    margin-left: 0;
    position: absolute;
    z-index: 9;
    top: -80px;
}

.single_testimonial_text {
    background: var(--colorBlack);
    padding: 90px 30px 40px 30px;
    border-radius: 25px;
    position: relative;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}

.single_testimonial_text h4 {
    text-align: center;
    color: var(--colorWhite);
    font-size: 30px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 5px;
    position: relative;
}

.single_testimonial_text h4::after,
.single_testimonial_text h4::before {
    position: absolute;
    content: "";
    background: url(../images/testi_quot.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    top: 0px;
    left: 15px;
    z-index: 1;
}

.single_testimonial_text h4::before {
    transform: rotate(180deg);
    left: auto;
    right: 15px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.single_testimonial_text .designation {
    color: var(--colorWhite);
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
}

.single_testimonial_text .feedback {
    color: #e7e5e5;
    text-align: center;
    margin: 20px 0px 25px 0px;
}

.single_testimonial_text .rating {
    font-size: 18px;
    text-align: center;
    color: var(--colorPrimary);
    display: block;
}

/* testimonial end */


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

.counter_overlay {
    background: #231f40c4;
}

.single_counter {
    text-align: center;
}

.single_counter .text {
    width: 200px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #231f4094;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_counter .text::after {
    position: absolute;
    content: "";
    background: url(../images/counter_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 235px;
    height: 235px;
    top: -20px;
    left: -18px;
    z-index: 1;
    animation: rotate linear 60s infinite;
    -webkit-animation: rotate linear 60s infinite;
}

.single_counter .text h2 {
    color: var(--colorWhite);
    font-size: 36px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    margin-right: 25px;
}

.single_counter .text h2::after {
    position: absolute;
    content: "+";
    color: var(--colorWhite);
    font-size: 40px;
    top: -3px;
    right: -25px;
}

.single_counter .text span {
    display: block;
    width: 50px;
    height: 50px;
    background: var(--colorPrimary);
    line-height: 50px;
    color: var(--colorWhite);
    border-radius: 50%;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_counter p {
    color: var(--colorWhite);
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 700;
    margin-top: 40px;
}

/* counter end */


/* blog start */
.blog_slider .single_blog {
    margin: 25px 12px 30px 12px;
}

.single_blog {
    padding: 10px;
    box-shadow: var(--boxShadow);
    border-radius: 10px;
    overflow: hidden;
    margin-top: 25px;
    background: var(--colorWhite);
    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_blog_img {
    height: 250px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.single_blog_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_text {
    padding: 15px 20px 15px 20px;
    position: relative;
}

.single_blog_author {
    display: flex;
    align-items: center;
    padding: 20px 20px 0px 20px;
}

.single_blog_author .img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
    border: 5px solid var(--colorWhite);
    box-shadow: var(--boxShadow);
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_blog_author .text h5 {
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 600;
    margin-top: 6px;
}

.single_blog_author .text p {
    text-transform: capitalize;
    font-size: 13px;
    color: var(--colorPrimary);
}

.single_blog_text p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;
}

.single_blog_text .category {
    position: absolute;
    top: -95px;
    right: 18px;
    font-family: var(--cursiveFont);
    background: var(--colorPrimary);
    color: var(--colorWhite);
    padding: 6px 20px;
    text-transform: capitalize;
    border-radius: 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: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

.single_blog_text .category:hover {
    color: var(--colorBlack);
}

.single_blog_text .title {
    display: block;
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -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;
}

.single_blog:hover .single_blog_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_blog_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #ff7c0845;
    padding-top: 15px;
    margin-top: 20px;
}

.single_blog_footer a {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    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_blog_footer a i {
    margin-left: 5px;
}

.single_blog_footer span {
    color: var(--colorPrimary);
}

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

.single_blog:hover {
    margin-top: 20px;
}

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

/* blog end */


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

.footer_overlay {
    background: #231f40e0;
}

.footer_content .footer_logo {
    width: 200px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.footer_content .footer_logo img {
    width: 100%;
    max-width: 200px;
    height: auto;
    display: block;
    object-fit: contain;
}

.footer_content span {
    display: block;
    margin: 30px 0px;
    color: var(--colorWhite);
}

.footer_content .social_link li a {
    color: var(--colorWhite);
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background: var(--colorPrimary);
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 0;
    padding: 0;
    position: initial;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

.footer_content .info {
    color: #dfdddd;
    margin-top: 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ff7c0885;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
    gap: 10px;
}

.footer_content .info a,
.footer_content .info a:visited,
.footer_content .info a:focus {
    color: #dfdddd;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    position: relative;
    padding-left: 0;
}

.footer_content .info a:hover {
    color: var(--colorPrimary);
}

.footer_content .info:last-child {
    margin-bottom: 0;
}

.footer_content .info i {
    font-size: 20px;
    color: var(--colorPrimary);
    position: static;
    display: inline-block;
    min-width: 18px;
}

.footer_content .info span {
    display: inline-block;
}

.footer_content h3 {
    color: var(--colorWhite);
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--colorPrimary);
    display: inline-block;
    padding-bottom: 5px;
}

.footer_content ul li a {
    color: #dfdddd;
    text-transform: capitalize;
    font-size: 16px;
    margin-top: 15px;
    display: block;
    position: relative;
    padding-left: 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;
}

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

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

.footer_social_link ul li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    background: #eeeeee5e;
    border-radius: 50%;
    margin: 0px 10px 0px 0px;
    padding: 0 !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.footer_bottom_text p {
    color: var(--colorWhite);
    text-align: center;
}

.footer_bottom_text p b {
    text-transform: capitalize;
    color: var(--colorWhite);
    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-weight: 600;
}

.footer_bottom {
    padding: 20px 0px;
    background: var(--colorPrimary);
}

.scroll_btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
    cursor: pointer;
    text-align: center;
    color: var(--colorWhite);
    text-transform: capitalize;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: var(--colorPrimary);
    border: 1px solid var(--colorWhite);
    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;
    animation: scroll_amini linear 2s infinite alternate;
    -webkit-animation: scroll_amini linear 2s infinite alternate;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.scroll_btn:hover {
    background: var(--colorBlack);
}

@keyframes scroll_amini {
    from {
        bottom: 30px;
    }

    to {
        bottom: 50px;
    }
}

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


/*============================
    ABOUT US PAGE START
============================*/
.page_breadcrumb {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.breadcrumb_overlay {
    padding: 250px 0px 132px 0px;
    background: #231f40a3;
    position: relative;
}

.breadcrumb_text h1 {
    color: var(--colorWhite);
    text-transform: capitalize;
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 7px;
}

.breadcrumb_text ul {
    display: flex;
    flex-wrap: wrap;
}

.breadcrumb_text ul li a {
    text-transform: capitalize;
    color: var(--colorWhite);
    font-size: 16px;
    position: relative;
    padding-right: 25px;
    font-weight: 600;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.breadcrumb_text ul li a::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 1px;
    background: var(--colorWhite);
    top: 13px;
    right: 10px;
}

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

.breadcrumb_text ul li:last-child a {
    padding-right: 0;
    color: var(--colorPrimary) !important;
}

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

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

.breadcrumb_text ul li:first-child a::before {
    position: absolute;
    content: "\f015";
    color: var(--colorWhite);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    top: 1px;
    left: 0;
    font-size: 16px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.about_us_img {
    position: relative;
}

.about_us_img .img {
    overflow: hidden;
    width: 500px;
    height: 500px;
    border-radius: 0px 100px 100px 0px;
    border: 10px solid var(--colorWhite);
    box-shadow: var(--boxShadow);
    -webkit-border-radius: 0px 100px 100px 0px;
    -moz-border-radius: 0px 100px 100px 0px;
    -ms-border-radius: 0px 100px 100px 0px;
    -o-border-radius: 0px 100px 100px 0px;
}

.about_us_img h3 {
    position: absolute;
    top: 50px;
    right: 50px;
    background: var(--colorPrimary);
    width: 180px;
    height: 180px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 52px;
    font-weight: 700;
    color: var(--colorWhite);
    padding: 30px;
    text-align: center;
    text-transform: capitalize;
    border: 5px solid var(--colorWhite);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.about_us_img h3 span {
    display: block;
    color: var(--colorWhite);
    font-size: 19px;
    margin-bottom: 10px;
}

.about_us_img p {
    position: absolute;
    background: var(--colorBlack);
    color: var(--colorWhite);
    width: 350px;
    padding: 20px;
    bottom: 50px;
    right: 0;
    border: 5px solid var(--colorWhite);
    border-radius: 40px 0px 40px 0px;
    -webkit-border-radius: 40px 0px 40px 0px;
    -moz-border-radius: 40px 0px 40px 0px;
    -ms-border-radius: 40px 0px 40px 0px;
    -o-border-radius: 40px 0px 40px 0px;
}

.about_us_img p span {
    display: block;
    color: var(--colorPrimary);
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    text-align: right;
    font-family: var(--cursiveFont);
    margin-left: 15px;
}

.about_us_text ul,
.about_us_text ol {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

.about_us_text ul li,
.about_us_text ol li {
    text-transform: capitalize;
    font-size: 16px;
    color: var(--colorBlack);
    padding-left: 85px;
    position: relative;
    margin-bottom: 35px;
}

.about_us_text ul li:last-child,
.about_us_text ol li:last-child {
    margin-bottom: 0;
}

.about_us_text ul li h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

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

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

.mission_text ul,
.mission_text ol {
    display: flex;
    flex-wrap: wrap;
}

.mission_text ul li,
.mission_text ol li {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 30px;
    background: var(--colorWhite);
    background: var(--colorBlack);
    padding: 20px 20px 20px 25px;
    border-radius: 10px;
    border: 1px solid #eee;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.mission_text ul li:nth-child(2),
.mission_text ol li:nth-child(2) {
    left: 100px;
}

.mission_text ul li:last-child,
.mission_text ol li:last-child {
    margin-bottom: 0;
}

.mission_text ul li .icon,
.mission_text ol li .icon {
    border: 2px solid var(--colorPrimary);
    background: var(--colorPrimary);
    font-size: 25px;
    margin-right: 30px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 10px;
    text-align: center;
    color: var(--colorWhite);
    transform: rotate(45deg);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.mission_text ul li .icon i,
.mission_text ol li .icon i {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.mission_text ul li .text,
.mission_text ol li .text {
    max-width: 80%;
}

.mission_text ul li .text h4,
.mission_text ol li .text h4 {
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: var(--colorWhite);
}

.mission_text ul li .text p,
.mission_text ol li .text p {
    text-align: left;
    color: var(--colorWhite);
}

.about_choose_img {
    width: 405px;
    height: 465px;
    margin-left: 90px;
}

.about_choose_text p {
    margin-bottom: 5px;
}

.about_choose_text_box {
    padding: 20px 20px 20px 55px;
    background: #f1f0fa;
    margin-top: 25px;
    border-left: 3px solid var(--colorPrimary);
    border-radius: 10px;
    transform: skewX(-10deg);
    position: relative;
    margin-left: 28px;
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.about_choose_text_box span {
    display: block;
    background: var(--colorPrimary);
    font-size: 25px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    color: var(--colorWhite);
    margin-bottom: 10px;
    position: absolute;
    top: 50%;
    left: -32px;
    transform: translateY(-50%) skewX(10deg);
    -webkit-transform: translateY(-50%) skewX(10deg);
    -moz-transform: translateY(-50%) skewX(10deg);
    -ms-transform: translateY(-50%) skewX(10deg);
    -o-transform: translateY(-50%) skewX(10deg);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.about_choose_text_box h4 {
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    transform: skewX(10deg);
    -webkit-transform: skewX(10deg);
    -moz-transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    -o-transform: skewX(10deg);
}

.about_choose_text_box p {
    transform: skewX(10deg);
    -webkit-transform: skewX(10deg);
    -moz-transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    -o-transform: skewX(10deg);
}

.about_choose_text_box.orange {
    background: var(--colorPrimary);
}

.about_choose_text_box.orange span {
    background: #ffffff4a;
}

.about_choose_text_box.orange h4,
.about_choose_text_box.black h4 {
    color: var(--colorWhite);
}

.about_choose_text_box.orange p,
.about_choose_text_box.black p {
    color: var(--colorWhite);
}

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


/*============================
    MENU PAGE START
============================*/
.menu_search_area {
    background: #EEF6EB;
    padding: 15px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.menu_search input {
    border-radius: 30px;
    border: 1px solid #ddd !important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.menu_search button {
    width: 100%;
}

.menu_search .nice-select {
    border-radius: 30px;
    padding: 12px 30px;
    border: 1px solid #ddd !important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.menu_search .nice-select:after {
    margin-top: -3px;
    right: 30px;
}

.menu_page .menu_heading {
    color: var(--colorPrimary);
    text-transform: capitalize;
    font-size: 35px;
    font-family: var(--cursiveFont);
    border-bottom: 1px dashed #eb00292b;
}

.menu_area {
    border: 1px dashed #eb00292b;
}

.pagination ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.pagination ul li a {
    width: 50px;
    height: 50px;
    padding: 0;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    background: var(--colorWhite);
    color: var(--paraColor) !important;
    margin: 0px 15px;
    border-radius: 50% !important;
}

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

.pagination ul li a:focus {
    box-shadow: none;
}

/*============================
    MENU PAGE END
============================*/


/*============================
    CONTACT PAGE START
============================*/
.contact_info_area {
    background: #f3f7fb;
    padding: 40px;
    border-radius: 10px;
}

.contact_info {
    border-bottom: 1px solid #ff7c085c;
    padding-bottom: 35px;
    margin-bottom: 35px;
}

.contact_info span {
    width: 70px;
    height: 70px;
    display: block;
    line-height: 70px;
    text-align: center;
    background: var(--colorPrimary);
    border-radius: 50%;
    color: var(--colorWhite);
    font-size: 30px;
    margin: 0 auto;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.contact_info span::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 80px;
    top: -5px;
    left: -5px;
    border: 1px dashed var(--colorPrimary);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    animation: roatate linear 30s infinite;
    -webkit-animation: roatate linear 30s infinite;
}

@keyframes roatate {
    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);
    }
}

.contact_info h3 {
    text-transform: capitalize;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px;
    color: var(--colorPrimary);
}

.contact_info p {
    display: block;
    text-align: center;
    font-size: 16px;
    color: var(--colorBlack);
    line-height: 29px;
}

.contact_form {
    background: #f3f7fb;
    padding: 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.contact_form h3 {
    text-transform: capitalize;
    font-size: 30px;
    font-weight: 600;
}

.contact_form_input {
    position: relative;
    margin-top: 20px;
}

.contact_form_input span {
    position: absolute;
    display: block;
    width: 50px;
    height: 100%;
    line-height: 50px;
    text-align: center;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: #ff7c082e;
    color: var(--colorPrimary);
    border-right: 1px solid #E4E7E9;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    -ms-border-radius: 3px 0px 0px 3px;
    -o-border-radius: 3px 0px 0px 3px;
}

.contact_form_input input,
.contact_form_input textarea {
    padding: 12px 20px 12px 65px;
}

.contact_form_input.textarea span {
    height: 96%;
    top: 0;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
}

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

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

.contact_map iframe {
    width: 100%;
    height: 100%;
}

/*============================
    CONTACT PAGE END
============================*/


/*================================
    BLOG DETAILS PAGE START
================================*/
.blog_details_img {
    height: 500px;
    border-radius: 5px;
    overflow: hidden;
}

.blog_details_text .details_bloger {
    padding-bottom: 15px;
    margin-bottom: 25px;
    margin-top: 15px;
    justify-content: space-between;
    border-bottom: 1px solid #f6e2d0;
}

.blog_details_text .details_bloger li {
    font-weight: 500;
    color: var(--paraColor);
    font-size: 14px;
}

.blog_details_text .details_bloger li i {
    background: var(--colorPrimary);
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 26px;
    font-size: 12px;
    color: var(--colorWhite);
    border-radius: 50%;
    margin-right: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.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: 800;
    font-family: var(--headingFont);
    margin-bottom: 25px;
}

.blog_details_text h1,
.blog_details_text h2 {
    font-size: 33px;
}

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

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

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

.blog_details_text p {
    margin-bottom: 25px;
}

.blog_center_img {
    margin-top: 30px;
}

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

.blog_center_text h3 {
    margin-top: 0 !important;
}

.blog_center_text p {
    margin-top: 25px;
    margin-bottom: 0;
}

.blog_details_list {
    margin-bottom: 25px;
}

.blog_details_list li {
    position: relative;
    padding-left: 35px;
    margin-top: 15px;
    color: var(--colorBlack);
    font-size: 16px;
}

.blog_details_list li::after {
    position: absolute;
    content: "";
    background: url(../images/check.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
}

.blog_tags_share {
    border-top: 1px solid #f6e2d0;
    border-bottom: 1px solid #f6e2d0;
    margin-top: 30px;
    padding: 20px 0px;
}

.blog_tags_share span {
    font-size: 20px;
    font-weight: 700;
    color: var(--colorBlack);
    text-transform: capitalize;
    margin-right: 10px;
}

.blog_tags_share .tags ul li a,
.blog_tags_share .share ul li a {
    font-size: 16px;
    font-weight: 400;
    color: var(--colorBlack);
    text-transform: capitalize;
    margin-right: 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;
}

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

.blog_tags_share .share ul li a {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 32px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-radius: 50%;
    font-size: 14px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.blog_tags_share .share ul li a:hover {
    background: var(--colorBlack);
}

.blog_tags_share .tags ul li:last-child a,
.blog_tags_share .share ul li:last-child a {
    margin-right: 0;
}

.comment {
    overflow: hidden;
    padding: 25px;
    background: #f3f7fb;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.comment h4 {
    font-size: 24px;
    font-weight: 700;
    color: var(--colorBlack);
    font-family: var(--headingFont);
}

.single_comment {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #eee;
    margin-top: 25px;
    padding-top: 25px;
}

.single_comment img {
    width: 100px !important;
    height: 100px !important;
    border-radius: 50%;
    box-shadow: var(--boxShadow);
    border: 5px solid var(--colorWhite);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_comm_text {
    width: 85%;
}

.single_comm_text h3 {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: var(--colorBlack) !important;
    text-transform: capitalize !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 !important;
}

.single_comm_text h3 span {
    color: var(--colorPrimary);
    text-transform: capitalize;
    font-size: 16px;
    display: block;
    margin-top: 5px;
    width: 100%;
}

.single_comm_text h3 a {
    color: var(--colorBlack);
    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;
}

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

.single_comm_text .rating {
    color: #ff9933;
    font-size: 14px;
    display: block;
    margin-top: 8px;
}

.single_comm_text .rating b {
    font-size: 14px;
    margin-left: 10px;
    font-weight: 400;
    color: var(--paraColor);
}

.single_comm_text p {
    margin: 15px 0px 15px 0px;
}

.single_comm_text a {
    transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

.single_comment .status {
    background: #009d00;
    color: var(--colorWhite);
    padding: 2px 15px 4px 15px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    border-radius: 30px;
    margin-top: 5px;
    display: inline-block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.single_comment .active {
    background: rgb(0 236 173);
}

.single_comment .inactive {
    background: #f5506d;
}

.comment_input {
    overflow: hidden;
    background: #f3f7fb;
    border-radius: 5px;
    padding: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.comment_input h4 {
    font-size: 24px;
    font-weight: 700;
    color: var(--colorBlack);
    text-transform: capitalize;
}

.comment_input p {
    font-size: 14px;
    font-weight: 400;
    color: var(--colorBlack);
    margin-top: 14px;
}

.blog_sidebar {
    background: #f3f7fb;
    border-radius: 5px;
    padding: 25px;
    margin-top: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.blog_sidebar h3 {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    border-bottom: 1px solid #ff7c0840;
    margin-bottom: 30px;
    padding-left: 25px;
    padding-bottom: 10px;
    color: var(--colorPrimary);
    line-height: 24px;
    position: relative;
}

.blog_sidebar h3::after {
    position: absolute;
    content: "";
    width: 15px;
    height: 3px;
    background: var(--colorPrimary);
    top: 14px;
    left: 0;
}

.blog_sidebar form {
    position: relative;
}

.blog_sidebar form input {
    background: var(--colorWhite);
    border-radius: 5px;
}

.blog_sidebar form button {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 18px;
    color: var(--colorPrimary);
    background: none;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.blog_sidebar form button:hover {
    color: var(--colorBlack);
}

.related_blog ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.related_blog ul li img {
    width: 80px !important;
    height: 80px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.related_blog ul li .text {
    width: 72%;
}

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

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

.related_blog ul li .text p {
    font-size: 14px;
    text-transform: capitalize;
}

.related_blog ul li .text p i {
    width: 20px;
    color: var(--colorPrimary);
}

.blog_categori ul li a {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--colorWhite);
    padding: 10px 20px;
    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;
}

.blog_categori ul li:last-child a {
    margin-bottom: 0;
}

.blog_categori ul li a span {
    color: var(--colorPrimary);
    width: 35px;
    text-align: right;
    border-left: 1px solid #ded8d8;
}

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

.blog_tags ul {
    display: flex;
    flex-wrap: wrap;
}

.blog_tags ul li a {
    background: var(--colorWhite);
    border-radius: 30px;
    font-size: 15px;
    font-weight: 400;
    color: var(--paraColor);
    padding: 7px 21px;
    margin-top: 10px;
    margin-right: 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;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

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

.blog_details_text h3 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 25px;
    margin-top: 30px;
}

.comment_input label {
    display: block;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    color: var(--colorBlack);
    margin-top: 20px;
}

.comment_input .contact_form_input {
    margin-top: 5px;
}

.dash_personal_info button {
    margin-top: 15px;
}

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


/*============================
    MENU DETAILS PAGE START
============================*/
.menu_details_images {
    border: 1px solid #eee;
    border-radius: 10px;
    background: #faf6f3fa;
}

.menu_details_text h2 {
    font-size: 40px;
    font-weight: 700;
}

.menu_details_text .rating {
    color: #ff9933;
    font-size: 14px;
    text-align: left;
    display: block;
    margin: 17px 0px 15px 0px;
}

.menu_details_text .rating span {
    font-size: 14px;
    margin-left: 10px;
}

.menu_details_text .price {
    font-size: 25px;
    font-weight: 700;
    margin-top: 15px;
    display: flex;
    align-items: center;
}

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

.menu_details_text .short_description {
    margin-bottom: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.details_size,
.details_extra_item,
.details_quentity {
    margin-bottom: 30px;
    padding-top: 18px;
    border-top: 1px solid #f1f1f1;
}

.details_size h5,
.details_extra_item h5,
.details_quentity h5 {
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--colorBlack);
    margin-bottom: 12px;
}

.details_size h5 span,
.details_extra_item h5 span {
    color: #888;
    font-size: 12px;
    margin-left: 6px;
    font-weight: 600;
}

.details_size .form-check,
.details_extra_item .form-check {
    margin-bottom: 10px;
    padding: 11px 12px;
    border: 1px solid #efefef;
    border-radius: 10px;
    background: #fff;
    transition: all linear .2s;
}

.details_size .form-check:hover,
.details_extra_item .form-check:hover {
    border-color: var(--colorPrimary);
    background: #fff9f1;
}

.details_size .form-check input,
.details_extra_item .form-check input {
    padding: 0;
    width: 16px;
    height: 16px;
    accent-color: var(--colorPrimary);
    margin-top: 2px;
}

.details_extra_item .form-check input {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.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: 15px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    cursor: pointer;
}

.details_size .form-check label span,
.details_extra_item .form-check label span {
    color: var(--colorPrimary);
    font-weight: 700;
    margin-left: auto;
}

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

.quentity_btn button {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    color: #fff;
    background: var(--colorPrimary);
    outline: none;
    border: none;
    padding: 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;
}

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

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

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

.details_button_area li a {
    margin-right: 10px;
}

.details_button_area .wishlist {
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    margin-right: 0;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.details_button_area .wishlist:hover {
    background: var(--colorBlack);
}

.menu_description_area .nav {
    margin-bottom: 25px;
    border-bottom: 1px solid var(--colorPrimary);
}

.menu_description_area .nav .nav-item:last-child {
    border: 0;
}

.menu_description_area .nav .nav-item .nav-link {
    width: 100%;
    border-radius: 0;
    text-align: center;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 40px;
    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;
    background: #EEF6EB;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.menu_description_area .nav .nav-item .nav-link.active {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.menu_det_description p {
    margin-top: 25px;
}

.menu_det_description ul,
.menu_det_description ol {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.menu_det_description ul li,
.menu_det_description ol li {
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
    margin-top: 10px;
    position: relative;
    padding-left: 35px;
    width: 49%;
}

.menu_det_description ul li::after,
.menu_det_description ol li::after {
    position: absolute;
    content: "";
    background: url(../images/check.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
}

.review_area h4,
.post_review h4 {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 600;
}

.post_review form {
    background: #f3f7fb;
    background: #EEF6EB;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.post_review form .rating {
    text-transform: capitalize;
    color: var(--colorBlack);
    font-size: 15px;
}

.post_review form .rating i {
    color: #ff9933;
    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;
}

.post_review form .rating i:hover {
    color: var(--colorBlack);
}

.post_review form input,
.post_review form textarea {
    margin-top: 20px;
}

.post_review form button {
    margin-top: 15px;
}

.related_menu h2 {
    text-transform: capitalize;
    font-size: 35px;
    font-weight: 800;
    margin-bottom: 20px;
}

.related_menu .menu_item {
    margin: 25px 12px 5px 25px;
}

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


/*======================
    CART VIEW PAGE START
========================*/
.cart_list {
    background: #f3f7fb;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #eee;
    border-right: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.cart_list table {
    width: 100%;
}

.cart_list table tbody tr {
    border-top: 1px solid #e3e3e3 !important;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.cart_list table tbody tr:first-child {
    border-top: 0;
    padding: 0;
}

.cart_list .pro_img {
    width: 15%;
    padding: 10px;
    min-width: 130px;
}

.cart_list .pro_name {
    width: 35%;
    min-width: 240px;
}

.cart_list td.pro_name {
    flex-direction: column;
}

.pro_status p {
    text-transform: capitalize;
    color: #08C !important;
}

.pro_status span {
    text-transform: capitalize;
    color: #dc3545 !important;
    display: inline-block;
}

.cart_list .pro_select {
    width: 20%;
    min-width: 180px;
}

.cart_list .pro_tk,
.cart_list .pro_status {
    width: 10%;
    min-width: 120px;
}

.cart_list .pro_tk h6,
.cart_list .pro_status h6 {
    color: var(--colorBlack);
    font-size: 18px;
    font-weight: 700;
}

.cart_list .pro_tk h6 del {
    color: #888;
    margin-right: 15px;
}

.cart_list .pro_icon {
    width: 10%;
    min-width: 100px;
    border-right: none !important;
}

.cart_list .pro_icon a {
    text-align: center;
    font-size: 30px;
}

.pro_icon .common_btn {
    font-size: 12px;
    text-transform: capitalize;
    color: #fff !important;
    padding: 7px 10px 5px 10px;
    font-weight: 400;
}

.pro_icon .common_btn:hover {
    color: #fff;
}

.pro_icon a {
    color: #0b2c3d;
    font-size: 20px;
    width: 100%;
    text-align: center;
    transition: all linear 0.3s;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.cart_list table tr th,
.cart_list table tr td {
    border: none;
    color: var(--colorBlack);
    text-align: center;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 900;
    padding: 10px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #e3e3e3;
}

.cart_list table tr th {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.cart_list table tr th .clear_all {
    color: var(--colorBlack);
    padding: 0;
    font-size: 16px;
    font-weight: 900;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.cart_list table tr th .clear_all:hover {
    color: var(--colorWhite);
}

.cart_list table tbody tr td a,
.cart_list table tbody tr td p,
.cart_list table tbody tr td span {
    font-family: "Roboto", sans-serif;
    color: var(--paraColor);
    text-transform: capitalize;
    text-align: left;
    font-size: 14px;
}

.cart_list table tbody tr td a {
    color: var(--colorBlack);
    font-size: 18px;
    display: block;
    margin-bottom: 5px;
    width: 100%;
    font-weight: 600;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.cart_list table tbody tr td a:hover {
    color: var(--colorPrimary);
}

.cart_list table tbody tr td p {
    margin-top: 5px;
    width: 100%;
}

.cart_list table tbody tr td span {
    display: block;
    width: 100%;
    color: var(--colorPrimary);
    font-size: 14px;
}

.pro_name span {
    text-transform: capitalize;
    color: #0b2c3d;
    font-size: 14px;
}

.cart_summery {
    padding: 0 !important;
    border: 1px solid #ddd !important;
    margin-top: 0 !important;
}

.cart_summery_text {
    padding: 10px;
}

.cart_summery h5 {
    background: #def0ff;
    text-align: center;
    padding: 15px 0px 15px 0px !important;
    border-bottom: 1px solid #ddd !important;
}

.cart_summery .sub_total {
    font-weight: 400 !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.cart_summery .common_btn {
    width: 100%;
    text-align: center;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.cart_summery .total_area {
    margin: 20px 0px 7px 0px;
    border-top: 1px solid #ddd;
    padding-top: 18px;
}

.cart_summery .total_area .sub_total {
    font-weight: 600 !important;
}

.cart_summery .total_area .sub_total span {
    font-weight: 600 !important;
}

.cart_summery .form-check label {
    display: flex;
    justify-content: space-between;
}

.cart_summery .form-check label span {
    color: #0b2c3d;
}

.cart_page_rel_product {
    margin-top: 67px !important;
}

.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_img {
    border-radius: 5px;
    overflow: hidden;
    height: 400px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.cart_list_footer_button_text {
    background: #EEF6EB;
    padding: 40px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.cart_list_footer_button form {
    margin-top: 15px;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.cart_list_footer_button input {
    width: 100%;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 400;
    background: var(--colorWhite);
    border: 1px solid #ff7c0845;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.cart_list_footer_button button {
    text-transform: capitalize;
    padding: 5px 20px 6px 20px;
    text-align: center;
    border-radius: 30px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-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;
}

.cart_list_footer_button button:hover {
    background: var(--colorBlack);
}

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

.cart_list_footer_button h6 {
    border: none;
    color: var(--colorBlack);
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #ff7c0845;
    padding-bottom: 5px;
}

.cart_list_footer_button p {
    text-transform: capitalize;
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    color: var(--colorBlack);
    font-weight: 500;
}

.cart_list_footer_button p span {
    font-size: 15px;
    color: var(--colorBlack);
    font-weight: 500;
}

.cart_list_footer_button .total {
    border-top: 1px solid #ff7c0845;
    padding-top: 10px;
    color: var(--colorBlack);
}

.cart_list_footer_button .total span {
    font-weight: 600;
    color: var(--colorBlack);
    font-size: 18px;
}

.cart_list_footer_button a {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    padding: 10px 20px !important;
}

.cart_list_footer_button a::after,
.cart_list_footer_button a::before {
    display: none;
}

/*======================
 CART VIEW PAGE END
========================*/


/*======================
 CHECKOUT PAGE START
========================*/
.checkout_form h5 {
    font-size: 25px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 30px;
    color: #0b2c3d;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #ff7c085c;
}

.checkout_form h5 a {
    font-size: 15px;
    font-weight: 600;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    padding: 9px 20px;
    border-radius: 30px;
    font-family: var(--paraFont);
    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: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.checkout_form h5 a i {
    margin-right: 5px;
}

.checkout_form h5 a:hover {
    background: var(--colorBlack);
}

.address_modal .modal-dialog {
    max-width: 700px;
}

.address_modal .modal-header {
    border: none;
    background: #f6eee7fa;
}

.address_modal .modal-title {
    text-align: center;
    width: 100%;
    text-transform: capitalize;
    font-weight: 600;
}

.address_modal .common_btn {
    width: 100%;
    text-align: center;
    padding: 10px 20px !important;
}

.address_modal .common_btn::after,
.address_modal .common_btn::before {
    display: none;
}

.checkout_single_address {
    border: 1px solid #eeeeeea6;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 25px;
    background: #f3f7fb;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

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

.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;
    border-top: 1px solid #ff7c085c;
    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;
    position: absolute;
    top: 15px;
    right: 15px;
}

.checkout_single_address ul li a {
    width: 27px;
    height: 27px;
    line-height: 25px;
    background: var(--colorWhite);
    color: var(--colorPrimary) !important;
    border: 1px solid var(--colorPrimary);
    font-size: 12px;
    text-align: center;
    margin: 3px;
    border-radius: 50%;
    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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

/*======================
  CHECKOUT PAGE END
========================*/


/*========================
    SIGN IN PAGE START
=========================*/
.signin {
    background: #EEF6EB;
    background: #f3f7fb;
}

.login_area {
    background: var(--colorWhite);
    padding: 50px;
    overflow: hidden;
    border-radius: 0px 10px 10px 0px;
    position: relative;
    left: -25px;
    box-shadow: var(--boxShadow);
    -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;
}

.login_area h2 {
    font-weight: 700;
    font-size: 35px;
    color: var(--colorBlack);
    text-transform: capitalize;
    margin-bottom: 5px;
    text-align: center;
}

.login_area p {
    color: var(--colorBlack);
    text-transform: capitalize;
    margin-bottom: 25px;
    text-align: center;
}

.login_area .login_imput {
    margin-bottom: 20px;
}

.login_area form input {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.login_area form button {
    width: 100%;
    text-align: center;
    padding: 10px 25px !important;
}

.login_area form button::after,
.login_area form button::before {
    display: none;
}

.login_check_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.login_check_area .form-check {
    margin: 0;
}

.login_area .form-check input {
    padding: 0px;
    border: 1px solid var(--colorPrimary);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

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

.form-check-input:focus {
    box-shadow: none;
}

.login_area .form-check label {
    color: var(--paraColor);
    margin: 0px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    margin-top: 1px;
}

.login_imput a {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    color: var(--colorPrimary);
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

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

.login_area .or {
    position: relative;
    margin: 20px 0px 30px;
}

.login_area .or span {
    text-transform: uppercase;
    width: 30px;
    height: 30px;
    display: inline-block;
    background: var(--colorPrimary);
    background: #f3f7fb;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
    line-height: 29px;
    color: var(--colorPrimary);
    border: 1px solid var(--colorPrimary);
    border-radius: 50%;
    position: relative;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.login_area .or::after {
    position: absolute;
    content: "";
    background: var(--colorPrimary);
    width: 98%;
    height: 1px;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.login_area ul {
    justify-content: center;
}

.login_area ul li a {
    width: 35px;
    height: 35px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    margin-right: 5px;
    font-size: 14px;
    border: 1px solid transparent;
    transition: all .3s linear 0s;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.login_area ul li a:hover {
    background: var(--colorBlack);
}

.login_area .create_account {
    margin-top: 30px;
    color: var(--paraColor);
    margin-bottom: 0px;
}

.login_area .create_account a {
    color: var(--colorPrimary);
    text-transform: capitalize;
    font-weight: 500;
    transition: all .3s linear 0s;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
}

.login_area .create_account a:hover {
    color: var(--colorBlack);
}

/* ==================================
    SIGN IN END
=================================== */


/*============================
    PAYMENT PAGE START
============================*/
.single_payment {
    border: 1px solid #ff7c0847;
    overflow: hidden;
    background: var(--colorWhite);
    display: block;
    transition: all linear .3s;
    margin-top: 25px;
    height: 100px;
    border-radius: 10px;
    -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;
}

.payment_area {
    background: #f3f7fb;
    padding: 0px 25px 25px 25px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.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.png);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
}

.pay_modal_info input,
.pay_modal_info textarea,
.pay_modal_info .nice-select {
    border: 1px solid #eee;
    margin-top: 15px;
    font-weight: 400;
    border-radius: 30px;
}

.pay_modal_info .nice-select:after {
    margin-top: -3px;
    right: 20px;
}

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

.payment_btn_area button.btn-danger:hover {
    background: var(--colorBlack);
}

/*============================
    PAYMENT PAGE END
============================*/


/*============================
    FAQ PAGE START
============================*/
.faq_area .accordion-item {
    margin-top: 25px;
    border: none;
    border-radius: 10px !important;
    overflow: hidden;
    background: #f3f7fb;
    border-left: 4px solid var(--colorPrimary);
    border-right: 4px solid var(--colorPrimary);
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
}

.faq_area .accordion-item h2 button {
    background: #f3f7fb;
    color: var(--colorBlack);
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    border: none;
    padding-right: 60px;
}

.faq_area .accordion-button:not(.collapsed) {
    background: var(--colorPrimary) !important;
    color: var(--colorWhite) !important;
}

.faq_area .accordion-button:focus {
    box-shadow: none;
}

.faq_area .accordion-body {
    padding: 20px;
}

.accordion-button::after {
    background-image: url(../images/faq_plus.jpg);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.accordion-button:not(.collapsed)::after {
    background-image: url(../images/faq_minus.jpg);
}

.faq_area_img {
    margin-top: 25px;
    height: 645px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

/*============================
    FAQ PAGE END
============================*/


/* =================================
    TERMS AND CONDITION PAGE START
================================= */
.terms_condition .career_det_text P {
    margin-bottom: 20px;
}

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

.terms_condition h1 {
    font-size: 40px;
}

.terms_condition h2 {
    font-size: 35px;
}

.terms_condition h3 {
    font-size: 30px;
}

.terms_condition h4 {
    font-size: 25px;
}

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

.terms_condition ul,
.terms_condition ol {
    margin-bottom: 20px;
}

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

.career_det_text ul li::after,
.career_det_text ol li::after {
    position: absolute;
    content: "";
    background: url(../images/check.png);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
}

/* =================================
    TERMS AND CONDITION END
================================= */


/*============================
    error PAGE START
============================*/
.error {
    height: 100vh;
    padding-top: 130px;
}

.error div {
    height: 100%;
}

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

.error_text img {
    height: 300px !important;
    width: 500px !important;
}

.error_text h2 {
    text-transform: capitalize;
    font-size: 40px;
    font-weight: 800;
    text-align: center;
    margin-top: 30px;
}

.error_text p {
    margin: 10px 0px 20px 0px;
    font-size: 18px;
    text-align: center;
}

/*============================
    error PAGE END
============================*/


/* ===========================
    DASHBOARD PAGE START
============================== */
.client_dashboard_wrap {
    margin-top: 120px;
    padding-top: 18px;
    padding-bottom: 30px;
}

.dashboard_mobile_toggle {
    display: none;
}

.client_dashboard_shell,
.admin_dashboard_shell {
    min-width: 0;
}

.client_dashboard_shell {
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}

.client_dashboard_sidebar {
    position: sticky;
    top: 120px;
    align-self: start;
    background: linear-gradient(180deg, #fff9f3 0%, #f3e4d4 100%);
    border: 1px solid #ebdac4;
    border-radius: 22px;
    padding: 24px 18px;
    box-shadow: 0 24px 50px rgba(26, 21, 16, 0.08);
    overflow: hidden;
    min-width: 0;
}

.client_dashboard_main,
.admin_dashboard_main,
.client_dashboard_sidebar,
.admin_dashboard_sidebar,
.client_dashboard_content_box,
.admin_dashboard_panel,
.admin_invoice,
.dashboard_order,
.table-responsive {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.client_dashboard_profile {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 22px;
    margin-bottom: 18px;
    border-bottom: 1px solid rgba(74, 52, 31, 0.12);
}

.client_dashboard_avatar {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid rgba(255, 124, 8, 0.25);
    flex-shrink: 0;
}

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

.client_dashboard_identity h3 {
    color: #221914;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 4px;
}

.client_dashboard_identity p {
    color: rgba(34, 25, 20, 0.72);
    font-size: 12px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.client_dashboard_nav {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.client_dashboard_nav a,
.logout_btn_dashboard {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 12px 14px;
    border-radius: 12px;
    color: #2f2018;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    transition: all 0.25s ease;
    background: rgba(255, 255, 255, 0.26);
    border: 1px solid rgba(115, 78, 48, 0.08);
    text-align: left;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.client_dashboard_nav a::before,
.logout_btn_dashboard::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: transparent;
    border-radius: 12px 0 0 12px;
    transition: all 0.25s ease;
}

.client_dashboard_nav a i,
.logout_btn_dashboard i {
    width: 18px;
    text-align: center;
    color: inherit;
}

.client_dashboard_nav a.active,
.client_dashboard_nav a:hover,
.logout_btn_dashboard:hover {
    background: linear-gradient(135deg, rgba(255, 124, 8, 0.2) 0%, rgba(242, 156, 91, 0.14) 100%);
    border-color: rgba(255, 124, 8, 0.26);
    color: #231812;
    transform: translateX(2px);
}

.client_dashboard_nav a.active::before,
.client_dashboard_nav a:hover::before,
.logout_btn_dashboard:hover::before {
    background: var(--colorPrimary);
}

.client_dashboard_nav a.active i,
.client_dashboard_nav a:hover i,
.logout_btn_dashboard:hover i {
    color: var(--colorPrimary);
}

.logout_form_dashboard {
    margin: 10px 0 0;
}

.logout_btn_dashboard {
    cursor: pointer;
}

.client_dashboard_main {
    background: #fffaf6;
    border: 1px solid #efe7df;
    border-radius: 22px;
    padding: 30px 28px 28px;
    box-shadow: 0 16px 35px rgba(35, 31, 64, 0.05);
}

.client_dashboard_topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ece1d5;
    margin-bottom: 22px;
    background: linear-gradient(180deg, rgba(255, 124, 8, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 16px 16px 0 0;
    padding-left: 6px;
    padding-right: 6px;
}

.eyebrow {
    margin: 0 0 6px;
    color: #b36b1f;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.client_dashboard_topbar h1 {
    color: #1e1a17;
    font-size: 34px;
    font-weight: 800;
    margin: 0;
}

.client_dashboard_back_home {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 18px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #e8d9c9;
    color: #2b1d12;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.client_dashboard_content_box {
    background: #fff;
    border-radius: 18px;
    border: 1px solid #f0e6dc;
    padding: 24px;
    box-shadow: 0 8px 20px rgba(37, 23, 16, 0.03);
}

.admin_dashboard_wrap {
    margin-top: 120px;
    padding-top: 18px;
    padding-bottom: 30px;
}

.admin_dashboard_shell {
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}

.admin_dashboard_sidebar {
    position: sticky;
    top: 120px;
    align-self: start;
    background: linear-gradient(180deg, #fff9f3 0%, #f3e4d4 100%);
    border: 1px solid #ebdac4;
    border-radius: 22px;
    padding: 24px 18px;
    box-shadow: 0 24px 50px rgba(26, 21, 16, 0.08);
    min-width: 0;
}

.admin_dashboard_profile {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 22px;
    margin-bottom: 18px;
    border-bottom: 1px solid rgba(74, 52, 31, 0.12);
}

.admin_dashboard_identity h3 {
    color: #221914;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 4px;
}

.admin_dashboard_identity p {
    color: rgba(34, 25, 20, 0.72);
    font-size: 12px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.admin_dashboard_nav {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.admin_dashboard_nav a {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 12px 14px;
    border-radius: 12px;
    color: #2f2018;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.25s ease;
    background: rgba(255, 255, 255, 0.26);
    border: 1px solid rgba(115, 78, 48, 0.08);
    text-align: left;
    position: relative;
    overflow: hidden;
}

.admin_dashboard_nav a::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: transparent;
    border-radius: 12px 0 0 12px;
    transition: all 0.25s ease;
}

.admin_dashboard_nav a i {
    width: 18px;
    text-align: center;
    color: inherit;
}

.admin_dashboard_nav a.active,
.admin_dashboard_nav a:hover {
    background: linear-gradient(135deg, rgba(255, 124, 8, 0.2) 0%, rgba(242, 156, 91, 0.14) 100%);
    border-color: rgba(255, 124, 8, 0.26);
    color: #231812;
    transform: translateX(2px);
}

.admin_dashboard_nav a.active::before,
.admin_dashboard_nav a:hover::before {
    background: var(--colorPrimary);
}

.admin_dashboard_main {
    background: #fffaf6;
    border: 1px solid #efe7df;
    border-radius: 22px;
    padding: 30px 28px 28px;
    box-shadow: 0 16px 35px rgba(35, 31, 64, 0.05);
}

.admin_dashboard_topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ece1d5;
    margin-bottom: 22px;
    background: linear-gradient(180deg, rgba(255, 124, 8, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 16px 16px 0 0;
    padding-left: 6px;
    padding-right: 6px;
}

.admin_dashboard_topbar h1 {
    color: #1e1a17;
    font-size: 34px;
    font-weight: 800;
    margin: 0;
}

.admin_dashboard_stat_grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 24px;
}

.admin_dashboard_panel {
    background: #fff;
    border-radius: 18px;
    border: 1px solid #f0e6dc;
    padding: 22px;
    box-shadow: 0 8px 20px rgba(37, 23, 16, 0.03);
}

.overview_welcome {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
    padding: 18px 20px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255, 122, 0, 0.08) 0%, rgba(255, 245, 235, 1) 100%);
    border: 1px solid rgba(255, 122, 0, 0.12);
}

.overview_welcome h2 {
    margin: 0 0 8px;
    color: #231914;
    font-size: 30px;
    font-weight: 800;
}

.overview_welcome_text p:last-child {
    margin: 0;
    color: #68564c;
    font-size: 14px;
}

.overview_welcome_actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.dashboard_overview_layout {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(230px, 0.8fr);
    gap: 22px;
    align-items: start;
}

.dashboard_overview_main {
    display: grid;
    gap: 20px;
}

.dashboard_recent_orders,
.overview_side_card {
    background: linear-gradient(180deg, #fffaf6 0%, #fff 100%);
    border: 1px solid #f1e4d8;
    border-radius: 18px;
    padding: 20px 20px 18px;
    box-shadow: 0 10px 24px rgba(57, 38, 29, 0.03);
}

.dashboard_recent_orders h3,
.overview_side_card h3 {
    margin: 0;
    color: #231914;
    font-size: 24px;
    font-weight: 800;
}

.dashboard_card_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.dashboard_card_header a {
    color: #b5641d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
}

.dashboard_order_list {
    display: grid;
    gap: 12px;
}

.dashboard_order_item {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) 120px auto 80px;
    align-items: center;
    gap: 16px;
    padding: 14px 14px;
    border: 1px solid #f0e2d2;
    border-radius: 12px;
    background: #fffaf5;
}

.dashboard_order_item > div {
    display: grid;
    gap: 4px;
}

.dashboard_order_code {
    color: #231914;
    font-size: 14px;
    font-weight: 800;
}

.dashboard_order_item small {
    color: #7d685c;
    font-size: 12px;
}

.dashboard_order_date {
    color: #655244;
    font-size: 13px;
    font-weight: 600;
}

.dashboard_order_item strong {
    color: #201814;
    font-size: 16px;
    font-weight: 800;
    text-align: right;
}

.overview_side_panel {
    display: grid;
    gap: 18px;
}

.overview_side_card {
    display: grid;
    gap: 12px;
}

.delivery_progress {
    width: 100%;
    height: 10px;
    background: #f5e8db;
    border-radius: 999px;
    overflow: hidden;
}

.progress_bar {
    display: block;
    width: 72%;
    height: 100%;
    background: linear-gradient(90deg, #ff8a1d 0%, #ff7c08 100%);
    border-radius: 999px;
}

.delivery_note {
    margin: 0;
    color: #655244;
    font-size: 13px;
    line-height: 1.7;
}

.favorite_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 8px;
}

.favorite_list li {
    padding: 10px 12px;
    background: #fff;
    border: 1px solid #f0e2d2;
    border-radius: 10px;
    color: #352a25;
    font-size: 14px;
}

.dashboard_action_buttons {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.dashboard_secondary_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 18px;
    border-radius: 10px;
    border: 1px solid #eddcc0;
    background: #fff;
    color: #2d2018;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.25s ease;
}

.dashboard_secondary_btn:hover {
    background: #fffaf4;
    border-color: #e8b778;
    color: #221914;
    transform: translateY(-1px);
}

.dashboard_secondary_btn.full_width {
    width: 100%;
    margin-top: 16px;
}

.dashboard_card_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.dashboard_card_header a {
    color: #b5641d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
}

.dashboard_order_list {
    display: grid;
    gap: 12px;
}

.dashboard_order_item {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) 120px auto 80px;
    align-items: center;
    gap: 16px;
    padding: 14px 14px;
    border: 1px solid #f0e2d2;
    border-radius: 12px;
    background: #fffaf5;
}

.dashboard_order_item > div {
    display: grid;
    gap: 4px;
}

.dashboard_order_code {
    color: #231914;
    font-size: 14px;
    font-weight: 800;
}

.dashboard_order_item small {
    color: #7d685c;
    font-size: 12px;
}

.dashboard_order_date {
    color: #655244;
    font-size: 13px;
    font-weight: 600;
}

.dashboard_order_item strong {
    color: #201814;
    font-size: 16px;
    font-weight: 800;
    text-align: right;
}

.personal_details_summary {
    margin-bottom: 22px;
}

.personal_details_summary_card {
    background: linear-gradient(180deg, #fffaf6 0%, #fff 100%);
    border: 1px solid #f0e4d7;
    border-radius: 18px;
    padding: 22px 20px 18px;
    box-shadow: 0 12px 24px rgba(54, 38, 30, 0.03);
}

.personal_details_summary_card h3 {
    margin: 0 0 12px;
    color: #231914;
    font-size: 28px;
    font-weight: 800;
}

.personal_details_summary_card ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 10px;
}

.personal_details_summary_card li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid #f1e3d4;
    border-radius: 12px;
    background: #fff;
    color: #352a25;
    font-weight: 500;
    flex-wrap: wrap;
}

.personal_details_summary_card li span {
    color: #876c51;
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 800;
}

.client_dashboard_content_box .personal_info_text {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 28px;
}

.client_dashboard_content_box .personal_info_text p {
    margin: 0;
    padding: 16px 18px;
    border-radius: 14px;
    background: linear-gradient(180deg, #fffaf7 0%, #fdf4ec 100%);
    border: 1px solid #f3e6d8;
    color: #3a2c22;
    font-weight: 500;
    box-shadow: 0 6px 18px rgba(71, 48, 38, 0.02);
}

.client_dashboard_content_box .personal_info_text p span {
    color: #8a6b4a;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-right: 8px;
    font-size: 11px;
}

.client_dashboard_content_box .comment_imput_single {
    margin-bottom: 18px;
}

.client_dashboard_content_box .row.g-3 {
    --bs-gutter-x: 18px;
    --bs-gutter-y: 18px;
}

.client_dashboard_content_box .comment_imput_single label {
    display: block;
    margin-bottom: 8px;
    color: #4f382b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.client_dashboard_content_box .comment_imput_single input,
.client_dashboard_content_box .comment_imput_single textarea,
.client_dashboard_content_box .comment_imput_single select {
    width: 100%;
    border: 1px solid #eedfc8;
    border-radius: 12px;
    background: #fffdfb;
    padding: 12px 14px;
    color: #2b200f;
    font-size: 15px;
    transition: all 0.2s ease;
}

.client_dashboard_content_box .comment_imput_single input[type="file"] {
    max-width: 100%;
    padding: 10px 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client_dashboard_content_box .comment_imput_single input:focus,
.client_dashboard_content_box .comment_imput_single textarea:focus,
.client_dashboard_content_box .comment_imput_single select:focus {
    border-color: rgba(255, 124, 8, 0.6);
    box-shadow: 0 0 0 4px rgba(255, 124, 8, 0.08);
    outline: none;
}

.client_dashboard_content_box .common_btn {
    background: linear-gradient(135deg, #ff8a1d 0%, #ff7c08 100%);
    border-radius: 12px;
    padding: 12px 26px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.client_dashboard_content_box .common_btn:hover {
    background: linear-gradient(135deg, #231812 0%, #3a2b21 100%);
}

.order_detail_summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 24px;
}

.detail_stat_card {
    background: linear-gradient(180deg, #fffaf7 0%, #fdf4ec 100%);
    border: 1px solid #f0e3d3;
    border-radius: 16px;
    padding: 18px 16px;
    box-shadow: 0 10px 24px rgba(73, 52, 33, 0.04);
}

.detail_stat_label {
    display: block;
    color: #8b6d55;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.detail_stat_card strong {
    color: #231914;
    font-size: 18px;
    font-weight: 800;
}

.order_detail_grid {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(320px, 0.9fr);
    gap: 24px;
    align-items: start;
}

.order_detail_card {
    background: linear-gradient(180deg, #fffaf6 0%, #ffffff 100%);
    border: 1px solid #f0e4d6;
    border-radius: 18px;
    padding: 18px 18px 12px;
    box-shadow: 0 12px 26px rgba(75, 52, 37, 0.04);
}

.order_detail_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    padding: 6px 6px 14px;
    border-bottom: 1px solid #f0e6dc;
}

.order_detail_header h4 {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    color: #221914;
}

.order_detail_header span {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 124, 8, 0.08);
    color: #b6681d;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.order_item_qty_form {
    margin: 0;
}

.order_item_qty_controls {
    display: flex;
    align-items: center;
    gap: 8px;
}

.detail_qty_input {
    width: 78px;
    min-width: 78px;
    border: 1px solid #eedec2 !important;
    border-radius: 10px;
    background: #fffdfc;
    padding: 8px 10px;
    text-align: center;
    color: #241b14;
}

.order_qty_readonly {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 52px;
    padding: 8px 12px;
    border-radius: 10px;
    background: rgba(255, 124, 8, 0.08);
    border: 1px solid rgba(255, 124, 8, 0.15);
    color: #281d16;
    font-weight: 700;
}

.admin_order_management_box {
    background: #fff;
    border: 1px solid #f1e4d6;
    border-radius: 18px;
    box-shadow: 0 10px 24px rgba(46, 30, 20, 0.03);
}

.admin_order_management_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #f4e7db;
}

.admin_order_management_header .eyebrow {
    display: inline-block;
    color: #d77200;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.admin_order_management_header h3 {
    margin: 0;
    color: #1f1a17;
    font-size: 22px;
    font-weight: 800;
}

.admin_order_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: rgba(76, 175, 80, 0.12);
    color: #237344;
    border: 1px solid rgba(76, 175, 80, 0.2);
}

.admin_order_summary_row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 18px;
}

.admin_order_summary_item {
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    border: 1px solid #f5ebdf;
    border-radius: 12px;
    background: #fffdfb;
}

.admin_order_summary_item .label {
    font-size: 9px;
    font-weight: 800;
    color: #8d7060;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.admin_order_summary_item strong {
    color: #1d1714;
    font-size: 14px;
    font-weight: 700;
}

.admin_order_update_form {
    display: grid;
    gap: 8px;
}

.status_button_group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.status_toggle_btn {
    border: 1px solid #efddd0;
    background: #fffaf5;
    color: #4d3529;
    padding: 10px 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    transition: all 0.2s ease;
}

.status_toggle_btn:hover,
.status_toggle_btn:focus {
    border-color: #ff7c08;
    color: #ff7c08;
    outline: none;
}

.status_toggle_btn.active {
    background: linear-gradient(135deg, #ff7c08 0%, #ff9d2e 100%);
    border-color: #ff7c08;
    color: #fff;
    box-shadow: 0 10px 18px rgba(255, 124, 8, 0.2);
}

.admin_order_form_actions {
    display: flex;
    justify-content: flex-start;
    margin-top: 8px;
}

.admin_order_delete_form {
    padding-top: 18px;
    margin-top: 18px;
    border-top: 1px solid #f2e4d4;
}

.order_total_row td {
    background: rgba(255, 124, 8, 0.04);
    border-top: 1px solid #f1e1ca;
}

.order_customer_card {
    display: grid;
    gap: 8px;
}

.order_add_item_box {
    background: linear-gradient(180deg, #fffafa 0%, #fff 100%);
}

.admin_invoice {
    background: linear-gradient(180deg, #fffaf6 0%, #ffffff 100%);
    border: 1px solid #f1e1cf;
    border-radius: 22px;
    padding: 28px;
    box-shadow: 0 16px 34px rgba(48, 33, 22, 0.04);
}

.admin_invoice_header {
    align-items: flex-start;
}

.admin_invoice_to,
.admin_invoice_meta {
    max-width: 48%;
}

.admin_invoice_meta p {
    justify-content: space-between;
    gap: 12px;
}

.admin_invoice_meta p b {
    min-width: 112px;
}

.admin_order_forms {
    margin-top: 28px;
}

.admin_order_forms .client_dashboard_content_box {
    height: 100%;
}

.adminOrderAction,
.adminInvoiceAction {
    min-width: 120px;
}

@media (max-width: 991px) {
    .order_detail_summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .order_detail_grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .order_detail_summary {
        grid-template-columns: 1fr;
    }

    .order_item_qty_controls {
        flex-wrap: wrap;
    }

    .detail_qty_input {
        width: 100%;
        min-width: 0;
    }
}

.orders_page_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
}

.orders_page_header h2 {
    margin: 0;
    color: #231914;
    font-size: 30px;
    font-weight: 800;
}

.dashboard_order table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 12px;
    margin-top: 10px;
}

.dashboard_order tr.t_header th {
    background: transparent;
    padding: 0 14px 10px;
    border: 0;
    color: #7a5d48;
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 800;
}

.dashboard_order tbody tr {
    background: #fffaf6;
    border: 1px solid #f0e4d7;
    box-shadow: 0 6px 16px rgba(68, 42, 28, 0.025);
}

.dashboard_order tbody tr td {
    padding: 16px 14px;
    border-top: 1px solid #f1e4d6;
    border-bottom: 1px solid #f1e4d6;
    vertical-align: middle;
    color: #312418;
}

.dashboard_order tbody tr td:first-child {
    border-left: 1px solid #f1e4d6;
    border-radius: 12px 0 0 12px;
}

.dashboard_order tbody tr td:last-child {
    border-right: 1px solid #f1e4d6;
    border-radius: 0 12px 12px 0;
}

.dashboard_order tbody tr td h5,
.dashboard_order tbody tr td p,
.dashboard_order tbody tr td span,
.dashboard_order tbody tr td a {
    margin: 0;
}

.dashboard_order tbody tr .complete,
.dashboard_order tbody tr .active {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.dashboard_order tbody tr .complete {
    background: rgba(30, 172, 94, 0.12);
    color: #168c59;
}

.dashboard_order tbody tr .active {
    background: rgba(255, 124, 8, 0.12);
    color: #b96817;
}

.dashboard_order tbody tr td a {
    color: #b5641d;
    font-weight: 700;
}

.client_dashboard_stat_grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 24px;
}

.client_dashboard_stat_card {
    position: relative;
    background: linear-gradient(135deg, #fffaf5 0%, #f8efe7 100%);
    border: 1px solid #f0e3d0;
    border-radius: 18px;
    padding: 18px 18px 15px;
    box-shadow: 0 10px 24px rgba(58, 39, 28, 0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.client_dashboard_stat_card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, #ff7a00 0%, #e56b00 100%);
    border-radius: 18px 0 0 18px;
}

.client_dashboard_stat_card:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(58, 39, 28, 0.08);
}

.client_dashboard_stat_card .label {
    display: block;
    color: #8a6e56;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 700;
}

.client_dashboard_stat_card strong {
    color: #221914;
    font-size: 28px;
    font-weight: 800;
}

@media (max-width: 991px) {
    .client_dashboard_wrap .container,
    .admin_dashboard_wrap .container {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .client_dashboard_shell,
    .admin_dashboard_shell {
        position: relative;
        display: block !important;
        grid-template-columns: none !important;
        width: 100%;
    }

    .dashboard_mobile_toggle {
        display: inline-flex !important;
        position: absolute;
        top: 18px;
        right: 18px;
        z-index: 20;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        border: 1px solid rgba(255, 124, 8, 0.24);
        border-radius: 12px;
        background: linear-gradient(135deg, rgba(255, 124, 8, 0.14) 0%, rgba(255, 255, 255, 0.92) 100%);
        color: #231914;
        box-shadow: 0 12px 24px rgba(35, 31, 64, 0.08);
        cursor: pointer;
    }

    .dashboard_mobile_toggle i {
        font-size: 18px;
    }

    .client_dashboard_sidebar,
    .admin_dashboard_sidebar {
        display: none;
        position: fixed !important;
        top: 92px !important;
        left: 16px !important;
        right: 16px !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        max-height: 72vh;
        overflow-y: auto;
        margin-top: 0;
        z-index: 18;
        border-radius: 18px;
        background: linear-gradient(180deg, #fffaf5 0%, #f3ebdf 100%);
        box-shadow: 0 24px 48px rgba(25, 16, 10, 0.18);
    }

    .client_dashboard_shell.sidebar-open .client_dashboard_sidebar,
    .admin_dashboard_shell.sidebar-open .admin_dashboard_sidebar {
        display: block;
    }

    .client_dashboard_main,
    .admin_dashboard_main {
        width: 100%;
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .dashboard_overview_layout {
        grid-template-columns: 1fr;
    }

    .client_dashboard_nav,
    .admin_dashboard_nav {
        display: flex !important;
        flex-wrap: wrap;
        grid-template-columns: none !important;
        gap: 10px;
    }

    .client_dashboard_nav a,
    .admin_dashboard_nav a,
    .logout_btn_dashboard {
        width: calc(50% - 5px);
        white-space: normal;
    }

    .client_dashboard_topbar,
    .admin_dashboard_topbar {
        flex-direction: column;
        align-items: flex-start;
    }

    .overview_welcome {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 767px) {
    .client_dashboard_wrap,
    .admin_dashboard_wrap {
        margin-top: 92px;
        padding-top: 0;
        width: 100%;
    }

    .client_dashboard_wrap .container,
    .admin_dashboard_wrap .container {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .client_dashboard_main,
    .admin_dashboard_main {
        padding: 20px 18px 22px;
        width: 100%;
    }

    .client_dashboard_content_box,
    .admin_dashboard_panel,
    .admin_invoice {
        padding: 18px;
    }

    .client_dashboard_nav,
    .admin_dashboard_nav {
        grid-template-columns: 1fr;
    }

    .client_dashboard_topbar h1,
    .admin_dashboard_topbar h1 {
        font-size: clamp(24px, 7vw, 32px);
    }

    .client_dashboard_content_box .personal_info_text {
        grid-template-columns: 1fr;
    }

    .personal_details_summary_card {
        padding: 18px 16px 16px;
    }

    .personal_details_summary_card h3 {
        font-size: 24px;
    }

    .personal_details_summary_card li {
        display: block;
        padding: 10px 12px;
    }

    .personal_details_summary_card li span {
        display: block;
        margin-bottom: 4px;
    }

    .client_dashboard_content_box .comment_imput_single {
        margin-bottom: 14px;
    }

    .client_dashboard_content_box .comment_imput_single input[type="file"] {
        font-size: 13px;
    }

    .client_dashboard_content_box .common_btn {
        width: 100%;
    }

    .dashboard_order_item {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .dashboard_order_item strong {
        text-align: left;
    }

    .dashboard_order {
        min-width: 0;
        overflow: hidden;
    }

    .dashboard_order .table-responsive {
        overflow-x: hidden !important;
        width: 100%;
    }

    .dashboard_order table {
        display: block;
        width: 100%;
        min-width: 0;
        border: 0;
        overflow: hidden;
    }

    .dashboard_order table tbody {
        display: block;
        width: 100%;
    }

    .dashboard_order table tr.t_header {
        display: none !important;
    }

    .dashboard_order table tr {
        display: block;
        width: 100%;
        padding: 12px 14px;
        border: 1px solid #f0e7df;
        border-radius: 14px;
        margin-bottom: 12px;
        background: #fff;
        box-shadow: 0 10px 22px rgba(68, 46, 34, 0.03);
    }

    .dashboard_order table tr th,
    .dashboard_order table tr td {
        display: block;
        width: 100%;
        min-width: 0;
        padding: 8px 0;
        text-align: left;
        border: 0;
    }

    .dashboard_order table tr td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 4px;
        color: #876c51;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    .dashboard_order table tr td h5,
    .dashboard_order table tr td p {
        margin: 0;
        text-align: left;
    }

    .dashboard_order table tr td a,
    .dashboard_order table tr td span {
        display: inline-flex;
        margin-top: 4px;
    }

    .admin_order_summary_row,
    .admin_order_management_header,
    .admin_invoice_header,
    .admin_invoice_meta p,
    .dashboard_action_buttons {
        grid-template-columns: 1fr;
        display: grid;
        gap: 12px;
    }

    .admin_order_update_form textarea,
    .admin_order_update_form input,
    .comment_imput_single input,
    .comment_imput_single textarea {
        font-size: 15px;
    }

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

    .status_toggle_btn {
        width: 100%;
        justify-content: center;
        padding: 10px 8px;
        font-size: 12px;
    }
}

@media (max-width: 575px) {
    .client_dashboard_main,
    .admin_dashboard_main {
        padding: 18px;
    }

    .client_dashboard_nav a,
    .admin_dashboard_nav a,
    .logout_btn_dashboard {
        width: 100% !important;
    }

    .client_dashboard_stat_grid {
        grid-template-columns: 1fr;
    }

    .overview_welcome,
    .dashboard_recent_orders,
    .overview_side_card {
        padding: 16px;
    }

    .dashboard_order table tr {
        grid-template-columns: 1fr;
    }

    .client_dashboard_topbar,
    .admin_dashboard_topbar {
        gap: 12px;
    }

    .client_dashboard_back_home,
    .common_btn,
    .dashboard_secondary_btn {
        width: 100%;
        justify-content: center;
    }
}

.client_dashboard_content_box h2 {
    color: #221914;
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 18px;
}

.dashboard_existing_address .checkout_single_address {
    background: linear-gradient(180deg, #fffaf6 0%, #fdf6f1 100%);
    border: 1px solid #f1e2d2;
    border-radius: 18px;
    padding: 20px 18px 18px;
    box-shadow: 0 10px 22px rgba(68, 46, 34, 0.04);
}

.checkout_single_address .form-check label .icon {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #b8641e;
    font-weight: 800;
    text-transform: capitalize;
    font-size: 13px;
    letter-spacing: 0.04em;
}

.checkout_single_address .form-check label .address {
    margin-top: 12px;
    display: block;
    color: #45342b;
    border-top: 1px solid rgba(184, 100, 30, 0.18);
    padding-top: 12px;
    line-height: 1.7;
}

.checkout_single_address ul {
    display: flex;
    position: absolute;
    top: 18px;
    right: 18px;
    gap: 8px;
}

.checkout_single_address ul li a {
    width: 34px;
    height: 34px;
    line-height: 32px;
    background: #fff;
    color: #b8641e !important;
    border: 1px solid #f0dcc2;
    border-radius: 10px;
    transition: all 0.25s ease;
}

.checkout_single_address ul li a:hover {
    background: linear-gradient(135deg, #ff7a00 0%, #e66d00 100%);
    border-color: #e66d00;
    color: #fff !important;
    transform: translateY(-1px);
}

.dashboard_new_address,
.dashboard_edit_address {
    background: linear-gradient(180deg, #fffaf7 0%, #fff 100%);
    border: 1px solid #f1e4d7;
    border-radius: 18px;
    padding: 30px;
    box-shadow: 0 12px 24px rgba(65, 45, 34, 0.04);
}

.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_address .check_single_form .nice-select {
    margin-bottom: 0;
}

.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: #EEF6EB;
    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;
}

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

.dashboard_new_address button,
.dashboard_edit_address button {
    padding: 8px 20px !important;
}

.dashboard_new_address button::after,
.dashboard_new_address button::before,
.dashboard_edit_address button::after,
.dashboard_edit_address button::before {
    display: none;
}

.dashboard_existing_address .form-check {
    padding-left: 0;
}

.dashboard_existing_address .form-check label {
    cursor: default;
}

.dashboard_order table {
    border-radius: 5px;
    overflow: hidden;
    margin: 0px;
    background: var(--colorWhite);
}

.dashboard_order table tr {
    border-color: transparent;
    display: flex;
    border-top: 1px solid #ddd;
}

.dashboard_order table tr th {
    background: var(--colorPrimary);
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 500;
    color: var(--colorWhite) !important;
}

.dashboard_order table tr th,
.dashboard_order table tr td {
    text-align: center;
    padding: 10px 0px;
    width: 20%;
    min-width: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dashboard_order table tr td h5 {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 500;
}

.dashboard_order table tr td p {
    text-transform: capitalize;
    margin: 0px;
}

.dashboard_order table tr td a {
    font-size: 13px;
    font-weight: 400;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    text-transform: capitalize;
    transition: all 0.3s linear 0s;
    border: 1px solid var(--colorPrimary);
    padding: 6px 15px 5px 15px;
    border-radius: 30px;
    cursor: pointer;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

.dashboard_order table tr td a:hover {
    color: var(--colorPrimary);
    background: var(--colorWhite);
}

.dashboard_order table tr td span {
    border-radius: 30px;
    padding: 5px 0px;
    width: 120px;
    display: inline-block;
    text-align: center;
    text-transform: capitalize;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.dashboard_order table tr td .complete {
    background: rgb(0 191 140 / 9%);
    color: rgb(0, 191, 140);
}

.dashboard_order table tr td .cancel {
    background: rgba(254, 58, 96, 0.11);
    color: rgb(254, 58, 96);
}

.dashboard_order table tr td .active {
    background: #292b751c;
    color: var(--colorPrimary);
}

.dashboard_body .dashoard_wishlist {
    margin-top: -20px;
}

.dashboard_review .single_review {
    margin-top: 20px;
}

.dashboard .modal {
    background: rgba(0, 0, 0, 0.467);
    z-index: 99999;
}

.dashboard .modal-dialog {
    margin: 0px 0px 10px;
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
}

.dashboard .modal-content {
    padding: 20px;
    border: none;
    width: 500px;
    background: rgb(233, 247, 250);
}

.dashboard .modal-header {
    border: 0px;
}

.dashboard .modal-title {
    font-size: 18px;
    font-weight: 700;
    width: 100%;
}

.dashboard .modal-body {
    text-align: center;
}

.dashboard .modal-body img {
    margin: 0px auto;
    border-radius: 50%;
    width: 150px !important;
    height: 150px !important;
    margin-bottom: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.dashboard p b {
    font-size: 18px;
    font-weight: 900;
    color: var(--colorBlack);
    display: block;
}

.dashboard .modal-content p,
.dashboard .modal-content b {
    text-align: center;
}

.dashboard .modal-footer {
    justify-content: space-between;
    border: 0px;
}

.dashboard .modal-footer button {
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    width: 47%;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.dashboard .modal-footer .del_btn {
    background: rgb(245, 249, 255);
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    background: red;
    color: var(--colorWhite);
}

.dashboard .modal-footer .del_btn:hover {
    background: #c02b2b;
}

.payment_modal {
    z-index: 99999;
}

.invoice .go_back {
    background: var(--colorPrimary);
    border-radius: 30px;
    padding: 8px 15px;
    font-size: 14px;
    text-transform: capitalize;
    color: var(--colorWhite) !important;
    font-weight: 400;
    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: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.invoice .go_back i {
    margin-right: 10px;
}

.invoice .go_back:hover {
    background: var(--colorBlack);
}

.track_order {
    background: var(--colorWhite);
    border-radius: 5px;
    padding: 30px 0px;
    margin-top: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.track_order ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.track_order ul li {
    width: 20%;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: var(--colorBlack);
    text-transform: capitalize;
    padding-top: 25px;
    text-align: center;
    margin-top: 22px;
}

.track_order ul li::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    background: #eee;
    top: 0;
    left: 0;
    z-index: 1;
}

.track_order ul li::before {
    position: absolute;
    content: "\f1ce";
    color: var(--colorPrimary);
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    font-weight: 600;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    background: #eee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 2;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.track_order ul li:nth-child(2)::before {
    content: "\f00c";
}

.track_order ul li:nth-child(3)::before {
    content: "\f291";
}

.track_order ul li:nth-child(4)::before {
    content: "\f0d1";
}

.track_order ul li:nth-child(5)::before {
    content: "\f466";
}

.track_order ul li.active::after {
    background: #4caf50;
}

.track_order ul li.active::before {
    background: #4caf50;
    color: var(--colorWhite);
}

.invoice_header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px 0px;
}

.invoice_header .header_address {
    max-width: 40%;
}

.invoice_header .header_address h4 {
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
}

.invoice_header .header_address b {
    font-weight: 500;
    font-size: 16px;
    font-family: var(--headingFont);
    text-transform: capitalize;
    width: 95px;
}

.invoice_header .header_address p {
    display: flex;
    flex-wrap: wrap;
}

.invoice_header p span {
    color: var(--colorPrimary);
}

.invoice_header h5 {
    text-transform: capitalize;
    font-size: 30px;
    font-weight: 800;
}

.invoice table {
    border: 0.5px solid #ddd;
    margin: 0;
    border-bottom: 0.5px solid #ddd;
}

.invoice table tr {
    border: transparent;
    border-right: 0;
}

.invoice table tr th {
    background: var(--colorPrimary);
    border: none;
    font-weight: 700;
    font-size: 16px;
    text-transform: capitalize;
    color: var(--colorWhite) !important;
}

.invoice table tr th,
.invoice table tr td {
    padding: 10px;
    border-right: 0.5px solid #ddd;
    text-align: center;
}

.invoice table tr:last-child td {
    border-bottom: .5px solid #ddd;
}

.invoice table tr td {
    color: var(--colorBlack);
    vertical-align: middle;
}

.invoice table tr td p {
    color: var(--colorBlack);
    margin: 0;
    font-weight: 500;
}

.invoice table tr td .size,
.invoice table tr td .coca_cola,
.invoice table tr td .coca_cola2 {
    display: block;
    color: var(--colorBlack);
    text-transform: capitalize;
}

.invoice table tr td .size {
    color: var(--colorPrimary);
}

.invoice table tr td b {
    font-weight: 500;
}

.invoice .sl_no {
    min-width: 60px;
}

.invoice .package {
    width: 40%;
    min-width: 200px;
    text-align: left;
}

.invoice .price,
.invoice .qnty,
.invoice .total {
    width: 20%;
    min-width: 100px;
}

.invoice table tfoot {
    border-bottom: .5px solid #ddd;
}

.invoice table tfoot tr td {
    border-bottom: .5px solid #ddd;
}

.invoice table tfoot tr td b {
    margin: 0;
    border: none;
    font-weight: 700;
    font-size: 16px;
    text-transform: capitalize;
    display: block;
    text-align: center;
}

.invoice table tfoot .coupon b,
.invoice table tfoot .coast b {
    font-weight: 500 !important;
}

.invoice table tfoot .coupon b {
    color: var(--colorPrimary);
}

.dashboard_body .invoice {
    background: var(--colorWhite);
    border-radius: 5px;
    padding: 30px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.dashboard_review .comment {
    background: var(--colorWhite);
    box-shadow: none;
}

.invoice .print_btn {
    padding: 10px 25px !important;
    float: right;
    margin-top: 35px;
}

.invoice .print_btn::after,
.invoice .print_btn::before {
    display: none;
}

.invoice .print_btn i {
    margin-right: 5px;
}

.review_input .comment_input {
    background: var(--colorWhite);
    box-shadow: none;
}

.change_password .comment_imput_single {
    margin-top: 20px;
}

/*=======================
    DASHBOARD PAGE END
========================*/