@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@200;300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900&display=swap');

* {
    margin: 0;
    padding: 0;
}

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

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

a:hover {
    text-decoration: none;
}

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

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

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

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

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

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

button {
    border: none;
}

:root {
    --colorPrimary: #fd6a02;
    --colorYellow: #0cc0c9;
    --colorGreen: #0F9043;
    --lightBg: #F4ECDF;
    --ratingColor: #F4A630;
    --paraColor: #525064;
    --colorBlack: #080521;
    --colorWhite: #ffffff;
    --headingFont: 'IBM Plex Sans', sans-serif;
    --paraFont: 'Inter', sans-serif;
}

.container_large {
    max-width: 1600px;
}

.common_btn {
    color: var(--colorBlack);
    font-size: 15px;
    font-weight: 500;
    padding: 14px 20px 11px 20px;
    position: relative;
    border-radius: 6px;
    z-index: 1;
    text-align: center;
    background: var(--colorYellow);
    font-family: var(--paraFont);
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    text-transform: uppercase;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.section_heading {
    text-align: center;
}

.section_heading h2 {
    font-size: 42px;
    font-weight: 700;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.heading_left {
    text-align: left;
}

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

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

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

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

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

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

.read_btn {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid var(--colorBlack);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

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

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

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

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

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

.breadcrumb_text ul li {
    position: relative;
}

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

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

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

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

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

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

.pagination_area .pagination {
    gap: 7px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* popup subscribe end */

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

header .header_left p {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 13px;
    text-transform: uppercase;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* header end */

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

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

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

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

.main_menu .navbar-nav .nav-item .nav-link {
    margin: 0;
    padding: 0px 12px;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    opacity: .7;
}

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

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

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

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

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

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

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

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

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

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

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

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

.main_menu .droap_menu li a {
    color: rgba(8, 5, 33, 0.60);
    width: 100%;
    padding: 1px 25px;
    border-bottom: 1px solid #f4f3f3;
    position: relative;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

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

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

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

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

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

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

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

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

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

/* menu end */

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

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

.menu_search_area form input {
    padding: 20px 30px;
	  border: 1px solid #fd6a02;
}

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

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

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

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

/* menu search end */

/* mini cart start */
.mini_cart .offcanvas-header {
    background: var(--colorYellow);
    padding: 10px 20px;
}

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

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

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

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

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

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

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

.mini_cart li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid rgba(8, 5, 33, 0.10);
    margin-bottom: 15px;
    padding-bottom: 15px;
}

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

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

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

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

.del_icon:hover {
    opacity: 1;
}

.mini_cart .cart_text {
    max-width: 71%;
    margin-left: 20px;
}

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

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

.mini_cart .cart_text p {
    font-size: 16px;
    font-weight: 700;
    color: var(--colorPrimary);
    margin-top: 5px;
}

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

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

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

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

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

/* mini cart end */

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

.banner div {
    height: 100%;
}

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

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

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

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

}

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

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

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

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

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

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

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

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

/* banner end */

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

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

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

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

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

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

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

.category .prevArrow {
    right: 65px;
}

/* category end */

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

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

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

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

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

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


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

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

/* add banner end */

/* menu item start */
.filter_btn_area {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
    z-index: 99;
    border-top: 1px solid rgba(8, 5, 33, 0.10);
    border-bottom: 1px solid rgba(8, 5, 33, 0.10);
    padding: 10px 0px;
}

.filter_btn_area li a {
    display: block;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    color: rgba(8, 5, 33, 0.70);
    text-align: center;
    font-family: var(--paraFont);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0px 27px;
    position: relative;
}

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

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

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

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

.single_menu_img {
    height: 180px;
    position: relative;
    overflow: hidden;
	border-radius:100px 100px 0px 100px;
}

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

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

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

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

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

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

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

















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

.single_shop_img {
    height: 180px;
    position: relative;
    overflow: hidden;
	border-radius:100px 100px 0px 0px;
}

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

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

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

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

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

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















.title {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    display: block;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

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

.single_menu_text .add_to_cart {
    color: var(--colorBlack);
    text-align: center;
    font-family: var(--headingFont);
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 6px;
    border: 1px solid rgba(8, 5, 33, 0.10);
    padding: 9px 16px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

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

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

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

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

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

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











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

.single_shop_text .add_to_cart {
    color: var(--colorBlack);
    text-align: center;
    font-family: var(--headingFont);
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 6px;
    border: 1px solid rgba(8, 5, 33, 0.10);
    padding: 9px 16px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

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

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

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

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

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

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














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

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

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

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

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

.cart_popup_text .title {
    font-size: 24px;
    font-weight: 600;
    margin-top: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* menu item end */

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

.add_banner_full_text {
    position: relative;
}

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

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

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

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

/* add banner full end */

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

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

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

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

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

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

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

.app_download_text ul {
    gap: 10px;
}

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

/* app download end */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* chefs end */


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

.testimonial_overlay {
    background: transparent;
}

.testimonial .container {
    position: relative;
}

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

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

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

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

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

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

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

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

.testimonial .prevArrow {
    right: 95px;
}

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

.testimonial_video {
    text-align: right;
}

/* testimonial end */

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

.single_counter {
    position: relative;
}

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

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

/* counter end */

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

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

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

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

.single_blog_text {
    padding-left: 15px;
}

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

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

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

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

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

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

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

/* blog end */


/* footer start */
footer {
    background: var(--colorBlack);
}

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

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

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

footer .footer_info ul li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #211E37;
    color: var(--paraColor);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

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

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

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

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

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

.footer_link ul li a {
    font-family: var(--paraFont);
    font-size: 15px;
    font-weight: 500;
    display: block;
    position: relative;
    padding-left: 15px;
    margin: 15px 0px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    color: var(--colorWhite);
    opacity: .6;
}

.footer_link ul li a::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: var(--colorWhite);
    top: 9px;
    left: 0;
    transition: all linear .3s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

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

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

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

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

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

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

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

.footer_post ul li .text a {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

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

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

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

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

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

.footer_subscribe form button {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 0px 10px 10px 0px;
    background: var(--colorYellow);
    padding: 0px 24px;
    height: 100%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 0px 10px 10px 0px;
    -moz-border-radius: 0px 10px 10px 0px;
    -ms-border-radius: 0px 10px 10px 0px;
    -o-border-radius: 0px 10px 10px 0px;
    text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* header 2 end */

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

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

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

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

/* menu 2 end */

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

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

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

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

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

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

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

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

/* banner 2 end */

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

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

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

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

.popular_food_item .title {
    text-align: center;
    font-size: 26px;
    margin-top: 25px;
    margin-bottom: 27px;
}

.popular_food_item .see_btn {
    color: var(--colorPrimary);
    font-family: var(--headingFont);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid var(--colorPrimary);
    border-radius: 50px;
    padding: 7px 17px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

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

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

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

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

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

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

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

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

.popular_food_slider .nextArrow::after {
    position: absolute;
    content: "";
    width: 300px;
    height: 1px;
    background: rgba(8, 5, 33, 0.10);
    bottom: 20px;
    left: 130%;
}

.popular_food_slider .prevArrow::after {
    position: absolute;
    content: "";
    width: 300px;
    height: 1px;
    background: rgba(8, 5, 33, 0.10);
    bottom: 20px;
    right: 130%;
}

/* popular food end */

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

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

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

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

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

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

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

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

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

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




















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

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

.single_shop_2 .single_shop_2_text {
    width: 75%;
    position: relative;
}

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

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

.single_shop_2 .single_shop_2_text a span:hover {
    color: var(--colorPrimary);
}

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

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

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
























/* memu item 2 end */

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

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

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

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

/* app download 2 end */

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

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

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

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

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


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

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

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

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

.single_testimonial_2 {
    padding: 55px 55px 55px 48px;
    position: relative;
}

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

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

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

.testimonial_2 .prevArrow {
    left: 62px;
}

.testimonial_2_slider {
    padding-left: 12px;
}

/* testimonial 2 end */

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

.add_banner_large_2 .text {
    width: 30%;
}

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

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

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

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

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

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

.add_banner_small_2 {
    margin-top: 25px;
}

.add_banner_small_2 .text {
    width: 50%;
}

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

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

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

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

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

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

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

.add_banner_medium {
    height: 100%;
}

.add_banner_medium .text {
    width: 75%;
}

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

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

/* home 2 add banner end */

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

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

.single_chef_2_img {
    height: 300px;
    position: relative;
    overflow: hidden;
}

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

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

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

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

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

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

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

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

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

/* chefs 2 end */

/* blog 2 start */
.single_blog_2 {
    margin-top: 25px;
    border-radius: 10px;
    overflow: hidden;
    background: var(--colorWhite);
    filter: drop-shadow(0px 30px 40px rgba(8, 5, 33, 0.10));
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

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

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

.single_blog_2_text {
    padding: 30px;
}

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

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

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

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

.single_blog_2_text .title {
    font-weight: 600;
    margin-bottom: 27px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-transform: uppercase;
}

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

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

/* blog 2 end */


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

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

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

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

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

.footer_top_contact ul li .icon {
    width: 60px;
    height: 60px;
    background: rgba(171, 22, 44, 0.10);
    margin-right: 12px;
    padding: 17px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

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

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

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

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

.footer_2 .footer_info ul li a {
    color: var(--colorWhite);
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* footer 2 end */

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


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

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

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

/* menu 3 start */

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

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

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

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

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


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

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

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

/* menu 3 end */


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

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

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

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

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

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

/* banner 3 end */


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

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

.reservation_img {
    height: 100%;
}

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

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

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

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

.reservation_form_input {
    margin-top: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* reservation end */


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

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

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

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

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

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

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

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

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

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

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

/* menu item 3 end */


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

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

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

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

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

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

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

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

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

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

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

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

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

/* about end */


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

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

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

.menu_item_4 .single_menu_2_text {
    width: 80%;
}

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

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

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












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

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

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

.menu_item_4 .single_shop_2_text {
    width: 80%;
}

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

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

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














/* menu item 4 end */


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

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

.single_testimonial_3 {
    margin: 0px 12px;
}

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

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

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

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

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

/* testimonial 3 end */


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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* chefs 3 end */


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

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

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

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

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

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

/* gallery end */

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

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

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

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

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

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

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

/* instagram photo end */


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

.footer_3_text {
    padding: 50px 0px;
}

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

.about_reservation .reservation_form_input input {
    background: none;
}

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

.about_video_text {
    position: relative;
}

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

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

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

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

.why_choose_text {
    padding-top: 25px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.counter_area_2_overlay {
    background: #08052880;
}

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

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

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

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

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

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

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


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



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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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


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

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

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

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

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

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

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

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

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

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

.details_short_description {
    margin-bottom: 25px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.single_review .text {
    width: 88%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.review_input_box {
    margin-bottom: 15px;
}

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

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

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

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

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


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

.related_menu .prevArrow {
    right: 70px;
}









.related_recipes {
    margin-bottom: -20px;
}

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

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


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

.related_recipes .prevArrow {
    right: 70px;
}














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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

.blog_details_header .right_info {
    gap: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sidebar_banner {
    height: auto;
}

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

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

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

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

.dashboard_sidebar_user .img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 3px solid var(--colorWhite);
    margin: 0 auto;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

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

.dashboard_sidebar_user .img label {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    border-radius: 30px;
    border: 1px solid rgba(88, 92, 84, 0.50);
    background: var(--colorWhite);
    transition: all linear .3s;
    position: absolute;
    bottom: 0;
    right: 0;
    color: var(--colorBlack);
    cursor: pointer;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    text-align: center;
}

.dashboard_sidebar_user .img label:hover {
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
    color: var(--colorWhite);
}

.dashboard_sidebar_user h3 {
    font-size: 20px;
    margin-top: 22px;
    margin-bottom: 5px;
    text-align: center;
    font-weight: 700;
}

.dashboard_sidebar_user p {
    text-align: center;
}

.dashboard_sidebar_menu ul li a {
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 10px;
    border: 1px solid rgba(8, 5, 33, 0.10);
    padding: 12px 25px;
    color: var(--paraColor);
    font-family: var(--headingFont);
    text-transform: capitalize;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.dashboard_sidebar_menu ul li a::after {
    position: absolute;
    content: "\f054";
    font-family: "font awesome 5 free";
    font-weight: 600;
    font-size: 12px;
    color: var(--paraColor);
    top: 50%;
    right: 25px;
    transition: all linear .3s;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

.dashboard_sidebar_menu ul li a i {
    margin-right: 10px;
}

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

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

/* dashboard sidebar end */


/* personal info start */
.dashboard_content .dashboard_title {
    font-size: 28px;
    font-weight: 700;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-transform: capitalize;
}

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

.dashboard_content .dashboard_title a:hover {
    background: var(--colorBlack);
}

.profile_overview_item {
    padding: 40px 40px 35px 40px;
    background: var(--lightBg);
    margin-top: 25px;
    overflow: hidden;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.profile_overview_item span {
    display: block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    font-size: 25px;
    text-align: center;
    background: var(--colorYellow);
    color: var(--colorBlack);
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.profile_overview_item h3 {
    margin-top: 22px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
}

.profile_overview_item p {
    text-align: center;
}

.dashboard_profile_info_list,
.dashboard_profile_info_edit {
    background: var(--lightBg);
    padding: 35px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.dashboard_profile_info_list h2,
.dashboard_profile_info_edit h2 {
    font-size: 22px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
    gap: 10px;
}

.dashboard_profile_info_list h2 a,
.dashboard_profile_info_edit h2 a {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 14px;
    font-weight: 400;
    background: var(--colorPrimary);
    padding: 9px 20px;
    border-radius: 6px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.dashboard_profile_info_list h2 a:hover,
.dashboard_profile_info_edit h2 a:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.dashboard_profile_info_list ul li {
    color: var(--paraColor);
    font-size: 15px;
    font-weight: 500;
    margin-top: 15px;
}

.dashboard_profile_info_list ul li span {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    width: 120px;
}

/* personal info end */


/* personal info edit end */
.dashboard_profile_info_edit h2 {
    margin-bottom: 0;
}

.info_edit_form input,
.info_edit_form textarea {
    margin-top: 20px;
    background: var(--colorWhite);
    border: none;
}

.info_edit_form .select2-container .select2-selection--single {
    margin-top: 20px;
    border-radius: 10px;
    border: none;
}

.info_edit_form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 28px;
}

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

/* personal info edit end */

/* order start */
.dashboard_order {
    margin-top: 25px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(8, 5, 33, 0.10);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.dashboard_order table {
    width: 100%;
}

.dashboard_order table tr {
    border-top: 1px solid rgba(8, 5, 33, 0.10);
}

.dashboard_order table tr th {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 15px;
    font-weight: 600;
    background: var(--colorPrimary);
    padding: 10px;
}

.dashboard_order table tr td {
    color: var(--paraColor);
    font-size: 15px;
    font-weight: 500;
    padding: 15px;
}

.dashboard_order table tr th,
.dashboard_order table tr td {
    width: 20%;
    text-align: center;
    min-width: 130px;
}

.dashboard_order table tr td span {
    display: block;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    border-radius: 40px;
    padding: 5px 0;
    width: 120px;
    margin: 0 auto;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    text-align: center;
}

.dashboard_order table tr td .complete {
    background: rgba(255, 124, 8, 0.10);
    color: var(--colorYellow);
}

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

.dashboard_order table tr td .cancel {
    color: var(--colorRed);
    background: rgba(240, 12, 12, 0.10);
}

.dashboard_order table tr td a {
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    color: var(--paraColor);
    border-bottom: 1px solid var(--paraColor);
}

.dashboard_order table tr td a:hover {
    color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

/* order end */


/* order invoice start */
.dashboard_order_invoice {
    border-radius: 12px;
    border: 1px solid #01040E14;
    margin-top: 30px;
    overflow: hidden;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.dashboard_invoice_logo_area {
    background: var(--lightBg);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 30px;
}

.dashboard_invoice_logo_area .invoice_logo {
    width: 100px;
}

.dashboard_invoice_logo_area .text h2 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.dashboard_invoice_logo_area .text p {
    text-transform: capitalize;
}

.dashboard_invoice_header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #01040E14;
    padding: 30px;
}

.dashboard_invoice_header .text {
    width: 45%;
}

.dashboard_invoice_header .text p {
    margin-top: 5px;
}

.dashboard_invoice_header .text h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}

.dashboard_invoice_header .text ul li {
    font-size: 15px;
    font-weight: 500;
    color: var(--paraColor);
    margin-top: 5px;
}

.dashboard_invoice_header .text ul li span {
    color: var(--colorBlack);
    text-transform: capitalize;
    display: inline-block;
    width: 100px;
}

.invoice_table {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #01040E14;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.invoice_table table tr th,
.invoice_table table tr td {
    width: 25%;
    padding: 12px 30px;
    text-align: left;
}

.dashboard_invoice_footer {
    padding: 30px;
    position: relative;
    margin-top: 30px;
}

.dashboard_invoice_footer h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

.dashboard_invoice_footer a {
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.dashboard_invoice_footer a i {
    margin-right: 5px;
}

.invoice_table table tr td b {
    color: var(--colorBlack);
    font-weight: 500;
}

/* order invoice end */


/* dashboard review start */
.dashboard_reviews {
    margin-top: 25px;
}

.dashboard_reviews .pagination ul {
    justify-content: start;
}

/* dashboard review end */


/* dashboard change password start */
.dashboard_change_password {
    margin-top: 25px;
    background: var(--lightBg);
    padding: 35px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.dashboard_change_password input {
    margin-bottom: 20px;
    border: none;
}

/* dashboard change password end */


/* dashboard address start */
.checkout_single_address {
    border: 1px solid #eeeeeea6;
    padding: 20px;
    border-radius: 6px;
    margin-top: 25px;
    background: var(--lightBg);
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.checkout_single_address .form-check {
    padding-left: 0;
}

.checkout_single_address .form-check input {
    margin-right: 15px;
    padding: 0;
    border-color: var(--colorPrimary);
    margin-left: 0;
}

.checkout_single_address .form-check input:checked {
    background-color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.checkout_single_address .form-check label {
    display: block;
    width: 100%;
    cursor: pointer;
}

.checkout_single_address .form-check label .icon {
    text-transform: capitalize;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: var(--colorPrimary);
    border: 1px solid var(--colorPrimary);
    padding: 10px 20px;
    border-radius: 6px;
}

.checkout_single_address .form-check label .icon i {
    margin-right: 5px;
}

.checkout_single_address .form-check label .address {
    text-transform: capitalize;
    margin-top: 10px;
    display: block;
    padding-top: 10px;
}

.check_form .check_single_form {
    margin-bottom: 25px;
}

.check_single_form .nice-select {
    border: 1px solid #eee !important;
    padding: 12px 20px;
    margin-bottom: 20px;
}

.checkout_single_address ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 14px;
}

.checkout_single_address ul li a {
    width: 35px;
    height: 35px;
    line-height: 31px;
    background: var(--colorPrimary);
    color: var(--colorWhite) !important;
    border: 1px solid var(--colorPrimary);
    font-size: 12px;
    text-align: center;
    margin: 3px;
    border-radius: 6px;
    transition: all linear .3s;
    cursor: pointer;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.checkout_single_address ul li a:hover {
    background: var(--colorBlack);
}

/* dashboard address end */

/* dashboard new address start */
.dashboard_new_address,
.dashboard_edit_address {
    background: var(--lightBg);
    border-radius: 12px;
    padding: 30px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    margin-top: 25px;
}

.dashboard_new_address h4,
.dashboard_edit_address h4 {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.dashboard_new_address .check_single_form,
.dashboard_edit_address .check_single_form {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}

.dashboard_edit_address .select2-container--default .select2-selection--single {
    background-color: var(--colorWhite);
    border: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.dashboard_edit_address .check_single_form input {
    border: none;
}

.dashboard_new_address .check_area,
.dashboard_edit_address .check_area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.dashboard_new_address .form-check,
.dashboard_edit_address .form-check {
    margin-right: 20px;
    background: var(--colorWhite);
    border: 1px solid #ddd;
    padding: 10px 30px 10px 40px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.dashboard_new_address .form-check label,
.dashboard_edit_address .form-check label {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    color: var(--colorBlack);
    display: block;
    width: 100%;
}

.dashboard_new_address .form-check input,
.dashboard_edit_address .form-check input {
    padding: 0;
    border: 1px solid var(--colorPrimary);
}

.dashboard_new_address .form-check input:checked,
.dashboard_edit_address .form-check input:checked {
    background-color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.dashboard_edit_address .cancel_edit_address {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    margin-right: 5px;
}


.dashboard_edit_address .cancel_edit_address:hover {
    background: var(--colorWhite);
    color: var(--colorBlack);
}

/* dashboard new address end */
/*==========================
    DASHBOARD PAGE END
==========================*/


/*======================
    CART VIEW PAGE START
========================*/
.cart_list table {
    width: 100%;
}

.cart_list table tbody tr {
    border-top: 1px solid rgb(8 5 33 / 8%) !important;
}

.cart_list table tbody tr:last-child {
    border-bottom: 1px solid rgb(8 5 33 / 8%) !important;
}

.cart_list .pro_img {
    width: 15%;
    min-width: 130px;
    padding-right: 90px !important;
}

.cart_list .pro_img img {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.cart_list .pro_name {
    width: 30%;
    min-width: 240px;
}

.cart_list td.pro_name {
    flex-direction: column;
}

.cart_list .pro_select {
    width: 15%;
    min-width: 180px;
}

.cart_list .pro_tk {
    width: 15%;
    min-width: 120px;
}

.cart_list .pro_tk h6 {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 600;
}

.cart_list .pro_icon {
    width: 10%;
    min-width: 100px;
    text-align: center;
}

.cart_list tr td.pro_icon a {
    font-size: 16px;
    text-align: center;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    background: rgba(11, 11, 11, 0.06);
    margin: 0 auto;
}

.cart_list tr td.pro_icon a:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.cart_list table tr th,
.cart_list table tr td {
    border: none;
    color: var(--colorBlack);
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 900;
    padding: 15px 0px !important;

}

.cart_list table tr th {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.36px;
    text-transform: uppercase;
    padding-top: 0 !important;
}

.cart_list table tr th .clear_all {
    color: var(--colorPrimary);
    font-family: var(--headingFont);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.36px;
    text-transform: uppercase;
    transition: all linear .3s;
}

.cart_list table tr th .clear_all:hover {
    color: var(--colorYellow);
}

.cart_list table tbody tr td a,
.cart_list table tbody tr td p,
.cart_list table tbody tr td span {
    color: var(--paraColor);
    text-transform: capitalize;
    font-size: 14px;
    display: block;
}

.cart_list table tbody tr td a {
    color: var(--colorBlack);
    margin-bottom: 5px;
    width: 100%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 600;
}

.cart_list table tbody tr td a:hover {
    color: var(--colorPrimary);
}

.cart_list table tbody tr td p {
    margin-top: 3px;
}

.cart_list table tbody tr td span {
    color: var(--colorPrimary);
}

.cart_list .quentity_btn {
    display: inline-flex;
    border-radius: 6px;
    border: 1px solid rgba(8, 5, 33, 0.12);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    overflow: hidden;
}

.cart_list .quentity_btn input {
    border-radius: 0;
    border: none;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.cart_list .quentity_btn button:hover {
    background: var(--colorYellow);
    color: var(--colorBlack);
}

.cart_list .quentity_btn button {
    color: var(--colorBlack);
    background: var(--colorWhite);
    border-radius: 4px;
}

.cart_list_footer {
    border-radius: 5px;
    background: #def0ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.cart_list_footer_top {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.cart_list_footer_button form {
    display: flex;
    flex-wrap: wrap;
}

.cart_list_footer_button form input {
    margin-right: 20px;
    max-width: 600px;
}

.cart_summery {
    padding: 40px;
    border-radius: 10px;
    border: 1px solid rgba(11, 11, 11, 0.02);
    background: var(--lightBg);
}

.cart_summery h6 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.36px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 25px;
}

.cart_summery p {
    text-transform: capitalize;
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    font-family: var(--headingFont);
    border-bottom: 1px solid rgba(8, 5, 33, 0.10);
    padding-bottom: 5px;
}

.cart_summery .total {
    border: none;
}

.cart_summery .total span {
    font-weight: 600;
    color: var(--colorBlack);
}

.cart_summery a {
    width: 100%;
    justify-content: center;
    margin-top: 30px;
}

/*======================
 CART VIEW PAGE END
========================*/


/*=============================
    SERVICE PAGE START
=============================*/
.service_item {
    position: relative;
    margin-top: 25px;
    height: 520px;
}

.service_item img {
    border-radius: 10px;
}

.service_item_overly {
    position: absolute;
    bottom: 5%;
    left: 5%;
    width: 90%;
    height: 35%;
    padding: 0px 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1.5px solid rgba(255, 255, 255, 0.10);
    background: rgba(233, 236, 217, 0.10);
    backdrop-filter: blur(25px);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.service_item_icon {
    width: 50px;
    height: 0px;
    margin-bottom: 22px;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.service_item_overly h2 {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--colorWhite);
    text-align: center;
}

.service_item_overly p {
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: var(--colorWhite);
    margin-top: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.service_item a {
    font-weight: 600;
    height: 0;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    overflow: hidden;
}

.service_item:hover .service_item_overly {
    height: 90%;
}

.service_item:hover .service_item_icon {
    height: 50px;
    opacity: 1;
}

.service_item:hover a {
    margin-top: 45px;
    opacity: 1;
    height: auto;
}

/*=============================
    SERVICE PAGE END
=============================*/


/*=============================
    SERVICE DETAILS START
=============================*/
.service_details_img {
    height: 410px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.service_details_text h1,
.service_details_text h2,
.service_details_text h3,
.service_details_text h4,
.service_details_text h5,
.service_details_text h6 {
    font-weight: 700;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    margin-top: 30px;
}

.service_details_text h1 {
    font-size: 44px;
}

.service_details_text h2 {
    font-size: 40px;
}

.service_details_text h3 {
    font-size: 36px;
}

.service_details_text h4 {
    font-size: 32px;
}

.service_details_text h5 {
    font-size: 28px;
}

.service_details_text h6 {
    font-size: 22px;
}

.service_details_text p {
    line-height: 24px;
    margin-top: 20px;
}

.service_quot {
    padding: 25px 30px 25px 100px;
    position: relative;
    border-radius: 10px;
    margin-top: 40px;
    margin-bottom: 40px;
    background: var(--colorWhite);
    box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.10);
}

.service_quot::after {
    position: absolute;
    content: "";
    background: url(../images/speace.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 44px;
    height: 35px;
    top: 34px;
    left: 30px;
}

.service_quot p {
    font-size: 20px;
    font-weight: 400;
    font-family: var(--headingFont);
    line-height: 30px;
    color: var(--colorBlack);
    margin-top: 0;
}

.service_quot h5 {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    color: var(--colorPrimary);
    margin-top: 20px !important;
    padding-left: 50px;
}

.service_quot h5::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 1.5px;
    top: 10px;
    left: 0;
    background: var(--colorBlack);
}

.service_accordion {
    margin-top: 35px;
}

.service_accordion h3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    color: var(--colorBlack);
    margin-bottom: 40px;
}

.service_category h2 {
    margin-bottom: 0;
}

.service_category_img {
    position: relative;
    height: 110px;
    margin-top: 25px;
    border-radius: 8px;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.service_category_text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0px 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: transparent;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.service_category_text a {
    font-size: 18px;
    font-family: var(--headingFont);
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.36px;
    text-transform: uppercase;
    color: var(--colorWhite);
    text-align: center;
}

.service_category_img:hover .service_category_text {
    opacity: 0.8;
    background: #0B0B0B;
    border-radius: 8px;
}

.service_details_text ul,
.service_details_text ol {
    margin-top: 30px;
    margin-bottom: 40px;
}

.service_details_text ul li,
.service_details_text ol li {
    color: var(--paraColor);
    font-size: 15px;
    font-weight: 500;
    margin-top: 15px;
    padding-left: 30px;
    position: relative;
}

.service_details_text ul li::after,
.service_details_text ol li::after {
    position: absolute;
    content: "";
    background: url(../images/check_icon_2.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 18px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

/*=============================
    SERVICE DETAILS END
=============================*/


/*=============================
    FAQ'S PAGE START
=============================*/
.faq_accordion .accordion-item {
    margin-top: 25px;
    padding: 20px 30px;
    border-radius: 10px;
    border: 1.5px solid rgba(8, 5, 33, 0.10);
}

.faq_accordion .accordion-button {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    font-family: var(--headingFont);
    text-transform: uppercase;
    box-shadow: none !important;
    padding: 0;
    color: var(--colorBlack);
}

.faq_accordion .accordion-button:not(.collapsed) {
    background: none;
}

.faq_accordion .accordion-button:focus {
    box-shadow: none;
}

.faq_accordion .accordion-button::after {
    background: url(../images/faq_arrow_1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.faq_accordion .accordion-button:not(.collapsed)::after {
    background: url(../images/faq_arrow_1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.faq_accordion .accordion-body {
    padding: 0;
    border-top: 1px solid rgba(8, 5, 33, 0.10);
    margin-top: 15px;
    padding-top: 25px;
}

.faq_accordion .accordion-body p {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: var(--colorBlack);
}

.faq_img {
    height: 450px;
    position: relative;
}

.faq_img::after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 274px;
    height: 442px;
    background: url(../images/faq_2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    animation: zoom_animi 1s linear infinite alternate;
    -webkit-animation: zoom_animi 1s linear infinite alternate;
}

@keyframes zoom_animi {
    from {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    to {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
}

.faq_contact {
    background: var(--lightBg);
    margin-bottom: -120px;
}

.faq_contact_img {
    max-height: 380px;
}

.faq_contact_form input,
.faq_contact_form textarea {
    background: none;
    border: 1px solid rgb(8 5 33 / 24%);
}

.faq_contact_form button {
    margin-top: 25px !important;
}

/*=============================
    FAQ'S PAGE END
=============================*/


/*=============================
    CHEFS DETAILS START
=============================*/
.chef_details_area {
    margin-bottom: -20px;
}

.chefs_details_img {
    height: 550px;
}

.chefs_details_img img {
    border-radius: 10px;
}

.chefs_description {
    margin-left: 55px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.chefs_description h5 {
    color: var(--colorBlack);
    background: #0cc0c9;
    padding: 7px 50px 7px 10px;
    clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
}

.chefs_description h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    color: var(--colorBlack);
}

.chefs_description p {
    margin-top: 6px;
}

.chef_address {
    margin-top: 38px;
}

.chef_address li {
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: var(--headingFont);
    color: var(--paraColor);
    margin-bottom: 12px;
    position: relative;
    padding-left: 25px;
}

.chef_address li span {
    display: block;
    width: 16px !important;
    height: 16px !important;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: -2px;
}

.chefs_description h3 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    margin-top: 23px;
    margin-bottom: 15px;
}

.chef_social_icon li a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50px;
    color: var(--colorWhite);
    background: #3B5998;
    margin-right: 10px;
}

.chef_social_icon li a.twitter {
    background: #55ACEE;
}

.chef_social_icon li a.instagram {
    background: #3F729B;
}

.chef_social_icon li a.youtube {
    background: #CD201F;
}

.chef_details_text h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 46px;
    letter-spacing: -0.48px;
    text-transform: uppercase;
    margin-top: 30px;
}

.chef_details_text p {
    margin-top: 10px;
}

.chefs_details_dish h2,
.chefs_details_skills h2 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.48px;
    text-transform: uppercase;
}

.chef_dish_img {
    display: block;
    height: 170px;
    margin-top: 25px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.chef_dish_img h5 {
    position: absolute;
    top: 70%;
    left: 30%;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.36px;
    text-transform: uppercase;
    color: var(--colorWhite);
}

.chefs_details_skills p {
    max-width: 65%;
    margin-top: 20px;
    margin-bottom: 45px;
}

.team_skills_bar_single {
    margin-top: 30px;
}

.team_skills_bar_single h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.36px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

/*=============================
    CHEFS DETAILS END
=============================*/


/*=============================
    RESERVATION PAGE START
=============================*/
.reservation_page .reservation_form {
    padding: 0;
    margin-left: 0;
    box-shadow: none;
}

.reservation_page .reservation_img {
    margin-right: 35px;
    border-radius: 10px;
    overflow: hidden;
}

.reservation_page .reservation_form h2 {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    margin-bottom: 25px;
    position: relative;
    top: -10px;
}

.reservation_page form input,
.reservation_page form textarea {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.reservation_page .reservation_form_input .select2-container--default .select2-selection--single {
    border-radius: 10px;
}

.reservation_page form .form-check {
    margin-top: 10px;
}

.reservation_page form .form-check input {
    padding: 0;
    margin-top: 6px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.reservation_page form .form-check label {
    font-size: 15px;
    font-weight: 400;
    color: var(--paraColor);
}

.reservation_page .common_btn {
    width: auto;
    margin-bottom: 0;
}

.single_branch_2 {
    border-radius: 10px;
    background: var(--colorWhite);
    box-shadow: 0px 6px 100px 0px rgba(8, 5, 33, 0.10);
    margin-top: 25px;
    padding: 50px 30px;
    text-align: center;
}

.single_branch_2 h4 {
    color: var(--colorPrimary);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.36px;
    text-transform: uppercase;
    text-align: center;
}

.single_branch_2 h2 {
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
}

.single_branch_2 .branch_2_mail_call {
    color: var(--paraColor);
    font-size: 15px;
    font-weight: 500;
    display: block;
    text-align: center;
    margin-top: 5px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_branch_2 a.branch_2_mail_call:hover {
    color: var(--colorPrimary);
}

.single_branch_2 .read_btn {
    margin-top: 40px;
}

/*=============================
    RESERVATION PAGE END
=============================*/


/*=============================
    CHECKOUT PAGE START
=============================*/
.checkout h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.checkout_area form input,
.checkout_area .select2-container {
    margin-bottom: 20px;
}

.checkout_area form textarea {
    margin-bottom: -5px;
}

.checkout_area .select2-container--default .select2-selection--single {
    background-color: var(--colorWhite);
    border: 1px solid rgba(8, 5, 33, 0.10);
    border-radius: 10px;
}

/*=============================
    CHECKOUT END
=============================*/


/*=============================
    PAYMENT PAGE START
=============================*/
.payment_area {
    border: 1px solid rgba(8, 5, 33, 0.10);
    padding: 30px;
    border-radius: 10px;
}

.payment_area h5 {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
    border-bottom: 1px solid rgba(8, 5, 33, 0.10);
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.single_payment {
    display: block;
    background: var(--lightBg);
    border-radius: 6px;
    margin-top: 20px;
    max-height: 80px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_payment:hover {
    background: var(--colorWhite);
    box-shadow: 0px 6px 70px 0px rgba(8, 5, 33, 0.16);
}

.payment_modal .modal-body {
    padding: 30px;
}

.pay_modal_info p {
    margin-bottom: 20px;
}

.pay_modal_info ul li {
    font-size: 16px;
    color: var(--paraColor);
    position: relative;
    padding-left: 30px;
    margin: 10px 0px;
}

.pay_modal_info ul li::after {
    position: absolute;
    content: "";
    background: url(../images/check_icon_2.png);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    top: 2px;
    left: 0;
    width: 20px;
    height: 18px;
}

.pay_modal_info input,
.pay_modal_info textarea,
.pay_modal_info .nice-select {
    margin-top: 15px;
    border: 1px solid rgba(8, 5, 33, 0.10) !important;
}

.pay_modal_info .nice-select:after {
    margin-top: -3px;
    right: 20px;
}

.nice-select {
    border-radius: 10px;
    height: 50px;
    line-height: 50px;
}

.pay_modal_info .nice-select {
    margin-top: 10px;
}

.pay_modal_info .nice-select .option {
    font-weight: 400;
    margin: 0;
}

.pay_modal_info .nice-select .option::after {
    display: none;
}

.payment_btn_area {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    padding-top: 20px;
}

.payment_btn_area button {
    border: none;
}

.payment_btn_area button.btn-danger {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.payment_btn_area button.btn-danger:hover {
    background: var(--colorWhite);
    color: var(--colorPrimary);
}

/*=============================
    PAYMENT PAGE END
=============================*/


/*=============================
    CONTACT PAGE START
=============================*/
.contact_img {
    height: 100%;
    margin-right: 55px;
    border-radius: 10px;
    overflow: hidden;
}

.contact_form h2 {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.contact_form input,
.contact_form textarea {
    margin-top: 20px;
}

.contact_form .form-check {
    margin-top: 10px;
}

.contact_form .form-check input {
    padding: 0;
    margin-top: 5px;
    border-radius: 3px;
}

.contact_form .form-check label {
    font-size: 15px;
    color: var(--paraColor);
    font-weight: 400;
}

.contact_form button {
    margin-top: 35px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.contact_info {
    padding: 30px;
    border-radius: 10px;
    border: 1px solid rgba(8, 5, 33, 0.12);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 25px;
}

.contact_info .icon {
    width: 70px;
    height: 70px;
    background: var(--lightBg);
    margin-right: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 20px;
}

.contact_info .text {
    max-width: 74%;
}

.contact_info .text p,
.contact_info .text a {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: var(--paraColor);
    line-height: 26px;
}

.contact_info .text a:hover {
    color: var(--colorPrimary);
}

.contact_map {
    height: 550px;
    margin-bottom: -120px;
}

.contact_map iframe {
    width: 100%;
    height: 100%;
}

/*=============================
    CONTACT PAGE END
=============================*/


/*=============================
    SIGN IN PAGE START
=============================*/
.sign_in {
    margin-bottom: -120px;
    background: var(--lightBg);
}

.sign_in_img {
    height: 100%;
}

.sign_in_form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 220px 200px 100px 175px;
}

.sign_in_form .sign_in_logo {
    display: block;
    width: 75px;
    margin: 0 auto;
}

.sign_in_form h2 {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 10px;
}

.sign_in_form .description {
    max-width: 75%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
}

.sign_in_form form {
    padding: 20px;
    width: 100%;
    background: #f5f3f3;
}

.sign_in_form form input {
    box-shadow: 0px 1px 1px 0px rgba(8, 5, 33, 0.14);
    margin-top: 20px;
    border: none;
}

.sign_in_form form button {
    width: 100%;
    text-align: center;
    justify-content: center;
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.sign_in_check_area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    margin-bottom: 25px;
}

.sign_in_check_area .form-check input {
    padding: 0;
    box-shadow: none;
    border-radius: 3px;
    margin-top: 6px;
    border: 1px solid rgba(8, 5, 33, 0.10);
}

.sign_in_check_area .form-check label {
    font-size: 15px;
    font-weight: 500;
    color: var(--paraColor);
}

.sign_in_check_area a {
    color: var(--colorBlack);
    font-family: var(--paraFont);
    font-size: 15px;
    font-weight: 500;
    transition: all linear .3s;
}

.sign_in_check_area a:hover {
    color: var(--colorPrimary);
}

.sign_in_form .or {
    position: relative;
    color: var(--colorBlack);
    text-align: center;
    font-family: var(--paraFont);
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
    margin-top: 35px;
    margin-bottom: 30px;
}

.sign_in_form .or::after,
.sign_in_form .or::before {
    position: absolute;
    content: "";
    background: var(--colorBlack);
    width: 42%;
    height: 1px;
    opacity: .1;
    top: 9px;
    right: 0;
}

.sign_in_form .or::before {
    right: auto;
    left: 0;
}

.sign_in_form ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

.sign_in_form ul li {
    width: 47%;
}

.sign_in_form ul li a {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--colorWhite);
    box-shadow: 0px 1px 1px 0px rgba(8, 5, 33, 0.14);
    color: var(--paraColor);
    font-family: var(--paraColor);
    font-size: 14px;
    font-weight: 500;
    padding: 11px 20px;
    text-transform: capitalize;
}

.sign_in_form ul li a span {
    width: 17px;
    height: auto;
    margin-right: 5px;
}

.sign_in_form ul li a:hover {
    color: var(--colorPrimary);
}

.sign_in_form .dont_account {
    margin-top: 35px;
}

.sign_in_form .dont_account a {
    color: var(--colorBlack);
    font-family: var(--paraFont);
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.sign_in_form .dont_account a:hover {
    color: var(--colorPrimary);
}


.sign_up .sign_in_form button {
    margin-top: 30px;
}

/*=============================
    SIGN IN PAGE END
=============================*/


/*=============================
    PRIVACY POLICY PAGE START
=============================*/
.privacy_policy_text {
    border-radius: 12px;
    border: 1px solid rgba(8, 5, 33, 0.12);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    padding: 10px 50px 50px 50px;
}

.privacy_policy_text h1,
.privacy_policy_text h2,
.privacy_policy_text h3,
.privacy_policy_text h4,
.privacy_policy_text h5,
.privacy_policy_text h6 {
    font-weight: 700;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    margin-top: 35px;
}

.privacy_policy_text h1 {
    font-size: 32px;
}

.privacy_policy_text h2 {
    font-size: 28px;
}

.privacy_policy_text h3 {
    font-size: 24px;
}

.privacy_policy_text h4 {
    font-size: 20px;
}

.privacy_policy_text h5 {
    font-size: 18px;
}

.privacy_policy_text h6 {
    font-size: 16px;
}

.privacy_policy_text p {
    line-height: 24px;
    margin-top: 25px;
}

.privacy_policy_text a {
    line-height: 24px;
    margin-top: 25px;
    font-size: 15px;
    font-weight: 500;
    color: var(--colorBlack);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.privacy_policy_text a:hover {
    color: var(--colorPrimary);
}

.privacy_policy_text ul,
.privacy_policy_text ol {
    margin-top: 30px;
    margin-bottom: 40px;
}

.privacy_policy_text ul li,
.privacy_policy_text ol li {
    color: var(--paraColor);
    font-size: 15px;
    font-weight: 500;
    margin-top: 15px;
    padding-left: 20px;
    position: relative;
    font-family: var(--paraFont);
}

.privacy_policy_text ul li::after,
.privacy_policy_text ol li::after {
    position: absolute;
    content: "";
    background: var(--paraColor);
    width: 7px;
    height: 7px;
    top: 50%;
    left: 0;
    border-radius: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/*=============================
    PRIVACY POLICY PAGE END
=============================*/















/*=============================
    TERMS PAGE START
=============================*/
.terms_text {
    border-radius: 12px;
    border: 1px solid rgba(8, 5, 33, 0.12);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    padding: 10px 50px 50px 50px;
}

.terms_text h1,
.terms_text h2,
.terms_text h3,
.terms_text h4,
.terms_text h5,
.terms_text h6 {
    font-weight: 700;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    margin-top: 35px;
}

.terms_text h1 {
    font-size: 32px;
}

.terms_text h2 {
    font-size: 28px;
}

.terms_text h3 {
    font-size: 24px;
}

.terms_text h4 {
    font-size: 20px;
}

.terms_text h5 {
    font-size: 18px;
}

.terms_text h6 {
    font-size: 16px;
}

.terms_text p {
    line-height: 24px;
    margin-top: 25px;
}

.terms_text a {
    line-height: 24px;
    margin-top: 25px;
    font-size: 15px;
    font-weight: 500;
    color: var(--colorBlack);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.terms_text a:hover {
    color: var(--colorPrimary);
}

.terms_text ul,
.terms_text ol {
    margin-top: 30px;
    margin-bottom: 40px;
}

.terms_text ul li,
.terms_text ol li {
    color: var(--paraColor);
    font-size: 15px;
    font-weight: 500;
    margin-top: 15px;
    padding-left: 20px;
    position: relative;
    font-family: var(--paraFont);
}

.terms_text ul li::after,
.terms_text ol li::after {
    position: absolute;
    content: "";
    background: var(--paraColor);
    width: 7px;
    height: 7px;
    top: 50%;
    left: 0;
    border-radius: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/*=============================
    PRIVACY POLICY PAGE END
=============================*/


















/*=============================
    ERROR/404 PAGE START
=============================*/
.error_text {
    text-align: center;
}

.error_text .error_img {
    height: 230px;
}

.error_text h2 {
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    margin-top: 60px;
    margin-bottom: 10px;
}

.error_text p {
    font-size: 18px;
    text-align: center;
    width: 75%;
    margin: 0 auto;
}

.error_text a {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    margin-top: 40px;
}

/*=============================
    ERROR/404 PAGE END
=============================*/


/*=============================
    RTL BUTTON START
=============================*/
.rtl_button {
    position: fixed;
    top: 50%;
    right: 20px;
    width: 60px;
    height: 60px;
    background: var(--colorPrimary);
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 600;
    z-index: 999;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.rtl_button::after {
    position: absolute;
    content: "";
    width: 76px;
    height: 76px;
    border: 4px dotted var(--colorPrimary);
    border-radius: 50%;
    top: -8px;
    left: -8px;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    animation: rtl_button_animi linear 10s infinite;
    -webkit-animation: rtl_button_animi linear 10s infinite;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

@keyframes rtl_button_animi {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

.rtl_button:hover {
    background: var(--colorYellow);
    color: var(--colorBlack);
}

.rtl_button:hover::after {
    border-color: var(--colorYellow);
}

/*=============================
    RTL BUTTON END
=============================*/