/* ***************************************
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 {
    display: inline-block;
    width: 200px;
}

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

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

.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_single {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 25px 20px 25px 195px;
    border-radius: 5px;
    border: 10px solid var(--colorWhite);
    margin: 25px 12px 0px 12px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.offer_item_single span {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    position: absolute;
    top: 35px;
    left: 115px;
    width: 60px;
    height: 60px;
    line-height: 18px;
    background: var(--colorPrimary);
    border: 2px solid var(--colorWhite);
    border-radius: 50%;
    color: var(--colorWhite);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.offer_item_single .title {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 700;
    margin: 10px 0px 5px;
    transition: all linear .3s;
    display: block;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.offer_item_single p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.offer_item_single ul {
    margin-top: 15px;
}

.offer_item_single ul li a {
    width: 30px;
    height: 30px;
    background: var(--colorPrimary);
    text-align: center;
    margin-right: 5px;
    line-height: 30px;
    color: var(--colorWhite);
    font-size: 14px;
    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%;
}

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

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

.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_filter {
    justify-content: end;
    height: 100%;
    align-items: end;
    padding-bottom: 25px;
}

.menu_filter button {
    padding: 5px 25px;
    text-transform: capitalize;
    color: var(--colorPrimary);
    margin: 5px 0px 0px 10px;
    border-radius: 4px;
    background: var(--colorWhite);
    border: 1px solid var(--colorPrimary);
    font-weight: 500;
    font-size: 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;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.menu_filter button:hover,
.menu_filter button.active {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.menu_item {
    margin-top: 25px;
    position: relative;
    border-radius: 5px;
    background: var(--colorWhite);
    box-shadow: var(--boxShadow);
    margin-left: 12px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.menu_item_img {
    height: 220px;
    border-radius: 5px 5px 0px 0px;
    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: 25px;
    -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: 20px;
    font-family: var(--headingFont);
    font-weight: 700;
    margin-bottom: 12px;
    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: 16px;
    text-align: center;
}

.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: 22px;
    font-weight: 700;
    color: var(--colorPrimary);
    text-transform: capitalize;
    margin-bottom: 30px;
    margin-top: 13px;
    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: 25px;
    background: var(--colorPrimary);
    padding: 6px 25px 6px 25px;
    text-transform: capitalize;
    font-size: 16px;
    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: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: var(--colorWhite);
    color: var(--colorPrimary);
    font-size: 14px;
    margin-left: 10px;
    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_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;
}

.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: block;
    border-bottom: 1px solid #ff7c0885;
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding-left: 35px;
    position: relative;
}

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

.footer_content .info i {
    font-size: 20px;
    color: var(--colorPrimary);
    position: absolute;
    left: 0;
    top: 3px;
}

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

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

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

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

.details_extra_item .form-check {
    margin-bottom: 10px;
}

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

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

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

.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
============================== */
.dashboard_area {
    border-radius: 5px;
    overflow: hidden;
    background: #f3f7fb;
    border: 1px solid #ff7c0830;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.dashboard_menu {
    background: var(--colorPrimary);
    overflow: hidden;
}

.dasboard_header {
    margin-bottom: 20px;
    padding: 30px 0px;
    text-align: center;
}

.dasboard_header .dasboard_header_img {
    border-radius: 50%;
    border: 5px solid var(--colorWhite);
    box-shadow: var(--boxShadow);
    width: 140px;
    height: 140px;
    position: relative;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

.dasboard_header .dasboard_header_img label {
    display: block;
    position: absolute;
    bottom: 0;
    right: 5px;
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: var(--colorWhite);
    box-shadow: var(--boxShadow);
    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%;
}

.dasboard_header .dasboard_header_img label:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.dasboard_header h2 {
    font-size: 18px;
    font-weight: 900;
    color: var(--colorWhite);
    text-transform: capitalize;
    margin-bottom: 5px;
    margin-top: 25px;
    text-align: center;
}

.dasboard_header p {
    margin: 0px;
}

.dashboard_menu ul li a {
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    width: 100%;
    display: block;
    transition: all 0.3s linear 0s;
    background: none !important;
    color: var(--colorWhite);
    border-top: 1px solid #ffffff42;
    padding: 0px 0px;
    -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;
    text-transform: capitalize;
}

.dashboard_menu ul li a span {
    display: inline-block;
    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;
    width: 50px;
    height: 50px;
    background: #ffffff38;
    color: var(--colorWhite);
    text-align: center;
    line-height: 50px;
    margin-right: 10px;
    border-right: 1px solid #ffffff85;
}

.dashboard_menu ul li a.active,
.dashboard_menu ul li a:hover {
    background: #ffffff38 !important;
}

.dashboard_content {
    padding: 25px 25px 25px 0px;
}

.dashboard_body h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--colorBlack);
    text-transform: capitalize;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.dashboard_body h3 .dash_add_new_address {
    border-radius: 30px;
    padding: 8px 15px;
    background: var(--colorPrimary);
    color: var(--colorWhite) !important;
    cursor: pointer;
    font-size: 14px;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.dashboard_body h3 .dash_add_new_address:hover {
    background: var(--colorBlack);
}

.dash_personal_info {
    background: var(--colorWhite);
    border-radius: 5px;
    padding: 5px 30px 30px 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.dash_personal_info_edit.comment_input {
    background: var(--colorWhite);
}

.dash_personal_info h4 {
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--colorBlack);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.dash_personal_info h4 a {
    font-size: 14px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    font-weight: 600;
    padding: 8px 20px 7px 20px;
    border-radius: 30px;
    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;
}

.dash_personal_info h4 a:hover {
    background: var(--colorBlack);
}

.dash_personal_info p {
    color: var(--colorBlack);
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px !important;
    margin-top: 15px !important;
}

.dash_personal_info p:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border: none;
}

.dash_personal_info p span {
    display: inline-block;
    min-width: 120px;
    font-weight: 600;
    color: var(--colorBlack);
}

.dashboard_existing_address .checkout_single_address {
    background: var(--colorWhite);
}

.dashboard_new_address,
.dashboard_edit_address {
    background: var(--colorWhite);
    border-radius: 5px;
    padding: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

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