/*
Senvera - Mobile Template
Author : aStyers
Author URL : https://themeforest.net/user/astylers
*/


/* ========== GENERAL ========== */

@font-face {
    font-family: 'Effra';
    src: url('../fonts/effra_std_lt-webfont.woff2') format('woff2'),
         url('../fonts/effra_std_lt-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;

}
@font-face {
    font-family: 'Effra';
    src: url('../fonts/effra-regular-webfont.woff2') format('woff2'),
         url('../fonts/effra-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}
@font-face {
    font-family: 'Effra';
    src: url('../fonts/effra_std_bd-webfont.woff2') format('woff2'),
         url('../fonts/effra_std_bd-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'PassionOne';
    src: url('../fonts/passionone-bold-webfont.woff2') format('woff2'),
         url('../fonts/passionone-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'PassionOne';
    src: url('../fonts/PassionOne-Regular.woff2') format('woff2'),
         url('../fonts/PassionOne-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}


@font-face {
    font-family: 'MyriadPro';
    src: url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
         url('../fonts/MyriadPro-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
font-family: 'Titr';
src: url('../fonts/Titr-Bold.woff2') format('woff2'),
    url('../fonts/Titr-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/IBMPlexSansArabic-Bold.woff2') format('woff2'),
        url('../fonts/IBMPlexSansArabic-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/IBMPlexSansArabic-Light.woff2') format('woff2'),
        url('../fonts/IBMPlexSansArabic-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/IBMPlexSansArabic-ExtraLight.woff2') format('woff2'),
        url('../fonts/IBMPlexSansArabic-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/IBMPlexSansArabic-Regular.woff2') format('woff2'),
        url('../fonts/IBMPlexSansArabic-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/IBMPlexSansArabic-SemiBold.woff2') format('woff2'),
        url('../fonts/IBMPlexSansArabic-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/IBMPlexSansArabic-Thin.woff2') format('woff2'),
        url('../fonts/IBMPlexSansArabic-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/IBMPlexSansArabic-Medium.woff2') format('woff2'),
        url('../fonts/IBMPlexSansArabic-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



/* general */
body {
    font-family: var(--general-font-family);
    color: var(--color) !important;
    font-size: 14px;
    font-weight: 400;
    background: #fff;
    line-height: 22px;
    margin: 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 110%;
    margin: 0;
    color:var(--color);
    font-family: var(--general-font-family);
    font-weight: bold;
/*    color: #000;*/
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 17px;
}

h5 {
    font-size: var(--font-size) !important;
}

h6 {
    font-size: 14px;
}

p {
    margin: 0;
}

ul {
    padding: 0;
    margin: 0;
}

ul li {
    list-style-type: none;
}

img {
    display: block;
}

p {color: #000;}

.row {
    margin-bottom: 15px;
}

.row:last-child {
    margin-bottom: 0;
}

@-moz-document url-prefix() {
    .space {
        height: 45px;
    }

    .menus .list ul {
        padding-bottom: 50px !important;
    }

}

@-moz-document url-prefix() {
    .page-content {
        padding-bottom: 0 !important;
    }

    .page.page-home {
        padding-bottom: 0 !important;
    }

}

.fab {
    position: relative;
}

.ios a {
    color: #000;
}

.ios .toolbar {
    background: #000;
    height: 50px;
}

.ios .toolbar .tab-01 {
    width: 160px;
}

.ios .toolbar .tab-left {
    right: 20px;
}

.ios .toolbar .tab-right {
    left: 20px;
}

.ios .toolbar .tab-link a {
    color: #fff;
    font-size: 20px;
    line-height: 43px;
    width: 60px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.ios .toolbar-category {
    background: #fff;
}



.page-content {
    padding-top: 0;
    position: relative;
}

.page.smart-select-page {
    padding: 12px 0;
}

.page.smart-select-page .list li .item-radio .icon-radio::after {
    color: #fc4721;
}

.segments {
    padding: 30px 0;
}

.segments-page {
    padding: 25px 0;
}

.bg-white {
    background: #fff;
}

/* menus */
.menus .list ul li .col-title {
    background: transparent !important;
}

.menus .list ul li .col-title .content h2 {
    color: #fff;
    font-size: 22px;
    position: relative;
    top: 5px;
}

.menus .list ul li .col-title .content-right {
    text-align: right;
    float: right;
}

.menus .list ul li .col-title .content-right a {
    background: transparent;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
}

.menus .list ul li .col-title .content-right a i {
    font-size: 18px;
    color: #fff;
}

.menus .list ul li .col-title .content-right a h6 {
    font-size: 10px;
    color: #fff;
    font-weight: 400;
}

.menus .list {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9999;
    overflow: scroll;
}

.menus .list ul {
    height: 100%;
    background: #000;
    padding: 20px 20px 5px;
    /*background: url(../images/bg-menus.png) center no-repeat;*/
    background-size: cover;
    height: 100%;
}

.menus .list ul li {
    margin-bottom: 16px;
}

.menus .list ul li .col {
    background: transparent;
    border-radius: 8px;
}

.menus .list ul li a {
    background: #fff;
    text-align: center;
    border-radius: 8px;
    padding: 44px 15px 43px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    color: #000;
}

.menus .list ul li a .content {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}

.menus .list ul li a .content i {
    font-size: 22px;
    margin-bottom: 8px;
    display: block;
}

.menus .list ul li a .content h5 {
    color: #000;
    font-weight: 400;
    font-size: 13px;
}

.menus .list ul li a::before {
    display: none;
}

.fab {
    position: fixed;
    margin: 0 auto;
    text-align: center;
    z-index: 99999;
    bottom: 10px;
    text-align: center;
    left: 44%;
    background: #fff;
    bottom: 0 !important;
}

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

.fab a {
    color: #000;
}

/*bg radius*/
/*.bg-radius {
    height: 150px;
    position: absolute;
    width: 100%;
    border-radius: 0% 0% 50% 50% / 0% 0% 50% 50%;
    background: #000000;
}*/
.slider .swiper-container.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {display: none;}

/* navbar */
.navbar {
    background: #fff;
}

.navbar.navbar-home {
    background: #fff;
}

.navbar.navbar-home .navbar-inner {
    padding-top: 10px;
}

.navbar.navbar-home .right a {
    display: flex;
}

.navbar.navbar-home .right a h4 {
    margin-top: 5px;
    margin-right: 10px;
    font-size: 15px;
}

.navbar.navbar-home .right a img {
    width: 28px;
    height: 100%;
    border-radius: 50%;
}

.navbar.navbar-home .subnavbar {
    background: #fff;
}

.navbar.navbar-home .subnavbar .subnavbar-inner .toolbar {
    background: #fff;
    box-shadow: none;
}

.navbar.navbar-page {
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.06);
}

.navbar .navbar-inner {
    padding-left: 12px;
    padding-right: 12px;
}

.navbar .navbar-inner .title {
    font-size: 15px;
    color: #000;
}

.navbar-bg {
    background: #fff;
}

.navbar-bg::after {
    display: none;
}

/* news content */
.news-content {
    margin-bottom: 10px;
}

.news-content:last-child {
    margin-bottom: 0;
}

/* subnavbar */
.subnavbar {
    background: #fff;
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.1);
}

.subnavbar .subnavbar-inner {
    padding: 0;
}

.subnavbar .subnavbar-inner .tab-link {
    font-size: 13px;
    font-weight: 500;
}

.subnavbar .subnavbar-inner .tab-link.tab-link-active {
    color: #fc4721;
}

.subnavbar::after {
    display: none;
}

/*slider*/
.slider {
    padding-top: 0;
    position: relative;
}

.slider .row {
    position: relative;
}

.slider .row .content h1 {
    position: relative;
    color: #fff;
    top: 2px;
    font-size: 20px;
    font-weight: 600;
}

.slider .row .content-right {
    text-align: right;
}

.slider .row .content-right img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    float: right;
}

.slider .swiper-container.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    background: #fff;
    opacity: 1;
    width: 7px;
    height: 7px;
}

.slider .swiper-container.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ff381f;
}

.slider .swiper-container .swiper-slide .content {
    position: relative;
    width: 100%;
    height: 210px;
    border-radius: 8px;
}

.slider .swiper-container .swiper-slide .content img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}

.slider .swiper-container .swiper-slide .content .slider-caption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    padding: 0 30px;
}

.slider .swiper-container .swiper-slide .content .slider-caption h2 {
    color: #fff;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 20px;
}

.slider .swiper-container .swiper-slide .content .slider-caption p {
    color: #fff;
}

.slider .swiper-container .swiper-slide .content .mask {
    background: linear-gradient(rgba(218, 64, 45, 0), rgba(218, 64, 45, 0));
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
}

.slider .swiper-container .swiper-slide .content .mask-shop {
    background: linear-gradient(rgba(218, 64, 45, 0.7), rgba(218, 64, 45, 0.7));
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
}

/* features */
.features {
    padding-top: 8px;
}

.features .content {
    text-align: center;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 hsl(220deg 39% 26% / 10%), 0 6px 20px 0 rgb(40 57 92 / 10%);
    padding: 40px 20px;
/*    min-height: 146px;
    max-height: 146px*/
}
.space {
    height: 30px;
}
.ios .toolbar .tab-link a img {height: 25px;}
.features .content i {
    color: #000;
    display: block;
    font-size: 32px;
    margin-bottom: 10px;
}

.features .content h5 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 20px;
}

/*work*/
.landing-work {
    background: #fff;
    padding-bottom: 13px;
    padding-top: 20px;
    margin-top: 26px;
}

.landing-work h4 {
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 4px;
    margin-bottom: 16px;
}

.landing-work .row {
    margin-bottom: 9px;
}

.landing-work .content img {
    width: 100%;
    border-radius: 8px;
}

/*gallery*/
.gallery .content-image img {
    width: 100%;
    border-radius: 8px;
}

.gallery-pages {
    margin-top: 70px;
}

.gallery-pages .row {
    margin-bottom: 10px;
}

.popup-gallery {
    width: calc(100% - 15px * 2);
    height: auto;
    top: 50%;
    transform: translateY(-50%) !important;
    border-radius: 8px;
    margin: 15px;
    padding: 0;
}

.popup-gallery.modal-in {
    transform: translate3d(0, -200px, 0) !important;
}

.popup-gallery.modal-out {
    transform: translate3d(0, 100%, 0) !important;
}

.popup-gallery .image-popup-close {
    position: absolute;
    top: 15px;
    right: 15px;
}

.popup-gallery .image-popup-close a i {
    font-size: 18px;
    color: #fff;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: #273fdd;
    border-radius: 50%;
}

.popup-gallery .popup-image {
    background: #fff;
    border-radius: 8px;
}

.popup-gallery .popup-image img {
    width: 100%;
    border-radius: 8px 8px 0 0;
}

.popup-gallery .popup-image .image-title {
    padding: 15px;
    border-radius: 0 0 8px 8px;
}

.popup-gallery .popup-image .image-title h4 {
    margin-bottom: 10px;
}

/*testimonial*/
.testimonial {
    padding: 20px 0;
    text-align: center;
}

.testimonial .swiper-container-horizontal {
    padding-bottom: 30px;
}

.testimonial .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0;
}

.testimonial .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    background: #ddd;
    opacity: 1;
    width: 7px;
    height: 7px;
}

.testimonial .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #555;
}

.testimonial .swiper-slide .content-image {
    margin-top: 15px;
}

.testimonial .swiper-slide .content-image img {
    float: left;
    width: 45px;
    height: 100%;
    border-radius: 50%;
    margin-right: 10px;
}

.testimonial .swiper-slide .content-image .title-name {
    overflow: hidden;
}

.testimonial .swiper-container.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ff381f;
}

/* date */
.date {
    font-size: 11px;
    color: #999;
}

/* list */
.list {
    margin: 0;
}

.list ul::before {
    display: none;
}

.list ul::after {
    display: none;
}

.list ul li a {
    padding: 0;
    height: 34px;
    font-size: 14px;
    font-weight: 500;
}

.list ul li a.active-state {
    background: transparent;
}

.list ul li a::before {
    color: #888;
    right: 0;
    font-size: 14px;
}

.list ul li a::after {
    display: none;
}

.list ul li a.item-content {
    padding: 0;
}

.list .item-content {
    min-height: 34px;
}

.list .item-content .item-inner {
    min-height: 34px;
    padding: 0;
    padding-right: 16px;
}

.list .item-content .item-inner .item-title {
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    font-weight: 500;
}

.list .item-content .item-inner .item-after {
    color: #888;
}

.list .item-content .item-inner .item-after .toggle {
    height: 22px;
    width: 42px;
}

.list .item-content .item-inner .item-after .toggle .toggle-icon {
    height: 20px;
    width: 39px;
    background: #6c6c84;
}

.list .item-content .item-inner .item-after .toggle .toggle-icon::before {
    height: 16px;
    width: 35px;
    background: #6c6c84;
}

.list .item-content .item-inner .item-after .toggle .toggle-icon::after {
    height: 16px;
    width: 16px;
}

.list .item-content .item-inner .item-after .toggle input[type="checkbox"]:checked + .toggle-icon {
    background: #1948ff;
}

.list .item-content .item-inner .item-after .toggle input[type="checkbox"]:checked + .toggle-icon::after {
    transform: translateX(calc(50px - 31px));
}

.list .item-link.item-content {
    min-height: 44px;
}

.list .item-link.active-state {
    background: transparent;
}

.list .item-link .item-media i {
    background: #ff381f;
    color: #2c374c;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50% 50% 50% 0;
}

.list .item-link .item-inner::before {
    color: #888;
    font-size: 14px;
    right: 0;
}

.list .item-link .item-inner .item-title {
    font-size: 14px;
    font-weight: 500;
}

.list .item-link .item-inner::after {
    display: none;
}

.list .item-inner::after {
    display: none;
}

/* ios */
.ios .toolbar.toolbar-bottom::before {
    display: none;
}

.ios .toolbar.tabbar-labels a.tab-link {
    padding-top: 7px;
    padding-bottom: 7px;
    color: #eee;
    justify-content: center;
    font-size: 20px;
}

.ios .toolbar.tabbar-labels a.tab-link.tab-link-active {
    color: #0e0e4c;
}

.ios .toolbar.tabbar-labels a.tab-link .tabbar-label {
    font-size: 10px;
}

/*swiper pagination*/
.swiper-container.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    transition: .3s ease-in-out;
    opacity: 1;
    background: #aaa;
}

.swiper-container.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: transparent;
    vertical-align: middle;
}

/* social media color */
.bg-facebook {
    background: #3b5999 !important;
}

.bg-twitter {
    background: #55acee !important;
}

.bg-google {
    background: #dd4b39 !important;
}

.ti-facebook {
    color: #3b5999 !important;
}

.ti-google {
    color: #dd4b39 !important;
}

.bg-instagram {
    background: #e4405f !important;
}

.ti-twitter {
    background: #55acee !important;
    color: #fff;
}

.ti-instagram {
    background: #e4405f !important;
    color: #fff;
}

.ti-linkedin-in {
    background: #0077B5 !important;
    color: #fff;
}

.ti-whatsapp {
    background: #25D366 !important;
    color: #fff;
}

.ti-youtube {
    background: #cd201f !important;
    color: #fff;
}

/* category tag */
.category-tag {
    color: #fc4721;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.category-tag i {
    margin: 0 6px;
    color: #777;
    font-size: 5px;
    vertical-align: middle;
}

#tab-home .page-content {
    padding-top: 64px;
    padding-bottom: 0;
}

.page-content a.nav-back {
    position: fixed;
    top: 20px;
    left: 16px;
    z-index: 99;
}

.page-content a.nav-back i {
    color: #fff;
    background: #ff381f;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
}

/* ========== FORM ========== */

/* form */
form.list input {
    font-size: 13px !important;
    background: #f5f5fb !important;
    color: #000 !important;
    height: 32px !important;
    border-radius: 8px !important;
    padding: 0 16px !important;
}

form.list textarea {
    font-size: 13px !important;
    background: #f5f5fb !important;
    border-radius: 8px !important;
    padding: 10px !important;
    color: #000 !important;
}

form.list ul::before {
    display: none;
}

form.list ul::after {
    display: none;
}

form.list ul .item-content {
    padding-left: 0;
}

form.list ul .item-content .item-inner {
    padding: 0;
}

form.list ul .item-content .item-inner::before {
    display: none;
}

form.list ul .item-content .item-inner .item-input-wrap {
    margin-top: 0;
    margin-bottom: 10px;
}

form.list ul .item-content .item-inner .item-input-wrap input {
    font-size: 13px;
    background: #f5f5fb;
    color: #fff;
    height: 32px;
    border-radius: 8px;
    padding: 0 16px;
    margin-bottom: 5px;
}

form.list ul .item-content .item-inner .item-input-wrap textarea {
    font-size: 13px;
    border: 1px solid #f5f5fb;
    background: transparent;
    border-radius: 8px;
    padding: 10px;
    color: #fff;
}

form.list ul .item-content .item-inner .item-input-wrap select {
    font-size: 13px;
    background: #f5f5fb;
    color: #aaa;
    height: 32px;
    border-radius: 8px;
    padding: 0 16px;
    margin-bottom: 5px;
}

form.list ul .item-content .item-inner .item-input-wrap.input-dropdown-wrap::before {
    border-top-color: #888;
    right: 16px;
}

.ios .item-input-wrap {
    margin-top: 0;
    margin-bottom: 0;
}

/* placeholder */
::-webkit-input-placeholder {
    color: #acacbc !important;
    opacity: 1;
}

::-moz-placeholder {
    color: #acacbc !important;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #acacbc !important;
    opacity: 1;
}

:-moz-placeholder {
    color: #acacbc !important;
    opacity: 1;
}

/* ========== END FORM ========== */

/* ========== TITLE ========== */

/* section title */
.section-title {
    margin-top: 30px;
    margin-bottom: 16px;
}

.section-title h3 {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 17px;
}

.section-title h3 .see-all-link {
    float: right;
    color: #fc4721;
    font-size: 12px;
    font-weight: 500;
}

.section-title.section-title-large h3 {
    font-size: 22px;
}

/* title for form */
.title-form {
    margin-bottom: 16px;
}

.title-form h3 {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}

/* wrap title */
.wrap-title {
    margin-bottom: 10px;
}

.wrap-title h3 {
    font-size: 16px;
}

.wrap-title h3 i {
    margin-right: 8px;
    color: #fe301b;
}

.wrap-title h3 a {
    float: right;
    color: #fc4721;
    font-size: 13px;
    font-weight: 500;
}

/* title post */
.title-post {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}

/* ========== END TITLE ========== */

/* ========== DIVIDER ========== */

/*divider line*/
.divider-line {
    background: #e3e3e9;
    width: 100%;
    height: 1px;
    margin: 15px 0;
    display: flex;
}

/*divider space*/
.divider-space-text {
    margin: 8px 0;
    display: flex;
}

.divider-space-content {
    margin: 15px 0;
    display: flex;
}

/* ========== END DIVIDER ========== */

/* ========== BUTTON DEFAULT ========== */

/* button default */
.button {
    background: #ff381f;
    border-radius: 8px;
    padding: 0 20px;
    height: 30px;
    line-height: 29px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    text-transform: none;
    margin-top: 5px;
}

.button:focus {
    background: #ff381f;
    color: #fff;
    outline: 0;
}

.wrap-button .button {
    width: auto;
    margin: 0 auto;
    margin-top: 16px;
    color: #fff;
}

/* ========== END BUTTON DEFAULT ========== */

/* ========== TAB HOME ========== */

/* home header */
.home-header {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)), url(../images/header-home.jpg);
    background-size: cover;
    width: 100%;
    height: 370px;
    background-position: center center;
}

.home-header .searchbar {
    padding-top: 30px;
    background: transparent;
}

.home-header .searchbar::after {
    display: none;
}

.form-box.quick-reservation-home {
    position: relative;
    top: -210px;
    margin-bottom: -210px;
}

.form-box.quick-reservation-home .header-caption {
    margin-bottom: 30px;
}

.form-box.quick-reservation-home .header-caption .header-title {
    width: 50%;
}

.form-box.quick-reservation-home .header-caption .header-title h2 {
    color: #fff;
    font-weight: 700;
    line-height: 40px;
    font-size: 32px;
    text-shadow: 0 5px 16px black;
}

.form-box .form-content {
    background: #fff;
    padding: 16px;
    border-radius: 8px;
    box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.13);
}

.form-box .form-content.reservation-form .list ul {
    background: #fff;
}

.form-box .form-content.reservation-form .list ul .row {
    margin-bottom: 0;
}

.form-box .form-content.reservation-form .list ul .row .item-input-wrap {
    margin-bottom: 10px !important;
}

.form-box .form-content.reservation-form .list ul li:last-child .item-input-wrap {
    margin-bottom: 0;
}

/* form box on room details */
.form-box {
    position: relative;
    top: -100px;
    margin-bottom: -100px;
}

.form-content {
    background: #fff;
    padding: 16px;
    border-radius: 8px;
    box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.13);
}

.form-content.reservation-form .list ul {
    background: #fff;
}

.form-content.reservation-form .list ul .row {
    margin-bottom: 0;
}

.form-content.reservation-form .list ul .row .item-input-wrap {
    margin-bottom: 10px !important;
}

.form-content.reservation-form .list ul li:last-child .item-input-wrap {
    margin-bottom: 0;
}

/*-----shop-----*/

/*home shop*/
.sidebar {
    overflow-y: scroll;
    overflow-x: hidden;
}

.home-shop {
    margin-bottom: 30px;
}

.home-shop .back i {
    font-size: 17px;
    color: #fff;
    position: relative;
    top: 5px;
}

.home-shop .content-right a i {
    color: #fff;
    position: relative;
    top: 5px;
    font-size: 17px;
    left: 7px;
}

.home-shop .content-right a sup {
    background: #ff381f;
    color: #fff;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
}

.home-shop .title-center {
    text-align: center;
}

.home-shop .swiper-container.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px;
    background: #fff;
    opacity: 1;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.home-shop .swiper-container.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ff381f;
}

.home-shop .header-image .swiper-slide img {
    width: 100%;
    border-radius: 8px;
}

.home-shop .category-shop .content-box {
    padding: 0;
}

.home-shop .category-shop .swiper-container {
    padding: 15px 15px 18px;
}

.home-shop .category-shop .swiper-container .swiper-scrollbar {
    height: 4px;
}

.home-shop .category-shop .swiper-container .swiper-scrollbar .swiper-scrollbar-drag {
    background: #ff381f;
}

.home-shop .category-shop .swiper-container .swiper-slide .content {
    text-align: center;
}

.home-shop .category-shop .swiper-container .swiper-slide .content i {
    font-size: 22px;
    color: #4d4d4d;
}

.home-shop .flash-sale {
    background: #01ef98;
    padding-top: 15px;
}

.home-shop .flash-sale .wrap-title {
    margin-top: 0;
}

.home-shop .flash-sale .swiper-container {
    padding-bottom: 30px;
}

.home-shop .flash-sale .swiper-container.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0;
}

.home-shop .promo .swiper-container {
    padding-bottom: 30px;
}

.home-shop .promo .swiper-container.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0;
}

.home-shop .promo .swiper-container.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    background: #4d4d4d;
}

.home-shop .promo .swiper-container.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ff381f;
}

.home-shop .promo .swiper-slide img {
    width: 100%;
    border-radius: 8px;
}

/*product*/
.product {
    margin-top: 24px;
}

.product .product-page {
    padding-bottom: 50px;
}

.product .wrap-filter {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 15px 0;
    border-top: 1px solid #eceff5;
    z-index: 99;
    background: #fff;
    height: 40px;
}

.product .wrap-filter .content .list .item-input-wrap {
    display: contents;
}

.product .wrap-filter .content .list .item-input-wrap select {
    font-size: 12px;
    background: #eceff5;
    border-radius: 3px;
    padding: 3px 20px;
    color: #000;
    height: 30px;
}

.product .content {
    border-radius: 8px;
    box-shadow: 0 12px 30px -15px rgba(0, 0, 0, 0.2);
}

.product .content img {
    width: 100%;
    border-radius: 8px 8px 0 0;
}

.product .content .content-text {
    background: #fff;
    padding: 10px;
    border-radius: 0 0 8px 8px;
    text-align: center;
}

.product .content .content-text p {
    margin-bottom: 7px;
}

.product .content .content-text .price {
    font-size: 16px;
    font-weight: 600;
    color: #ff381f;
}

/*product details*/
.product-details {
    margin-top: 43px;
}

.product-details .header-image img {
    width: 100%;
    border-radius: 8px;
}

.product-details .wrap-action {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 15px 0;
    border-top: 1px solid #eceff5;
    z-index: 99;
    background: #fff;
    height: 40px;
}

.product-details .wrap-action .content-icon i {
    font-size: 20px;
    position: relative;
    top: 4px;
    color: #888;
}

.product-details .wrap-action .content-button .buttons {
    margin-top: 0;
}

.product-details .product-title h4 {
    margin-bottom: 10px;
    font-size: 16px;
    margin-top: 16px;
}

.product-details .product-title .price {
    font-size: 16px;
    font-weight: 600;
    color: #ff381f;
}

.product-details .product-information ul li {
    margin-bottom: 8px;
}

.product-details .product-information ul li:last-child {
    margin-bottom: 0;
}

.product-details .product-information ul li span {
    float: right;
    color: #ff381f;
    font-weight: 500;
}

.product-details .details-information ul li {
    margin-bottom: 8px;
}

.product-details .details-information ul li:last-child {
    margin-bottom: 0;
}

.product-details .details-information ul li span {
    float: right;
    color: #ff381f;
    font-weight: 500;
}

.product-details .author-store {
    padding: 15px;
    background: #ff381f;
    border-radius: 8px;
    margin: 20px 0;
}

.product-details .content-button {
    float: right;
}

.product-details .author-store a img {
    width: 50px;
    height: 100%;
    float: left;
    margin-right: 15px;
    border-radius: 50%;
}

.product-details .author-store a .title-name {
    overflow: hidden;
}

.product-details .author-store a .title-name h4 {
    margin-bottom: 3px;
    font-size: 15px;
    color: #fff;
}

.product-details .author-store a .title-name span {
    color: #fff;
}

.product-details .product-review img {
    width: 35px;
    height: 100%;
    float: left;
    margin-right: 15px;
    border-radius: 50%;
}

.product-details .product-review .content-text {
    overflow: hidden;
}

.product-details .product-review .content-text h5 {
    margin-bottom: 3px;
}

.product-details .product-review .content-text span {
    display: inline-block;
    margin-bottom: 5px;
    color: #888;
    font-size: 13px;
}

.product-details .product-title ul li {
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 8px;
}

.product-details .product-title ul li .button {
    width: auto;
    margin-top: 8px;
}

.product-details .comment-form-title {
    margin-top: 20px;
}

.p-review .divider-space {
    height: 12px;
}

/*shopping cart*/
.wrap-action-cart {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 15px 0;
    border-top: 1px solid #273fdd;
    z-index: 99;
    background: #273fdd;
    height: 40px;
}

.wrap-action-cart .content-button .button {
    margin-top: 0;
    color: #fff;
}

.wrap-action-cart .content-total h6 {
    font-weight: 400;
    position: relative;
    top: 6px;
    text-align: center;
    color: #fff;
    text-align: right;
}

.wrap-action-cart .content-total h6 span {
    font-weight: 500;
    margin-left: 5px;
    color: #ff381f;
}

.cart {
    padding-bottom: 50px;
    margin-top: 45px;
}

.cart .content-box {
    box-shadow: none;
    border-bottom: 1px solid #eceff5;
}

.cart .list ul {
    background: transparent;
}

.cart .list ul li {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.cart .list ul li .item-content {
    padding-left: 0;
}

.cart .product-cart:last-child ul li {
    margin-bottom: 0;
}

.cart .content-image img {
    width: 100%;
    border-radius: 8px;
}

.cart .content-text a p {
    font-size: 13px;
    font-weight: 400;
}

.cart .content-info .price {
    font-size: 15px;
    font-weight: 600;
    color: #ff381f;
    display: inline-block;
    margin-bottom: 8px;
}

.cart .content-info form .item-input-wrap {
    display: inline-flex;
}

.cart .content-info form .item-input-wrap input {
    padding: 0 8px;
    font-size: 13px;
    height: 25px;
    background: #eceff5;
    border-radius: 3px;
}

/*checkout*/
.wrap-action-checkout {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 15px 0;
    border-top: 1px solid #273fdd;
    z-index: 99;
    background: #273fdd;
    height: 40px;
}

.wrap-action-checkout .content-button .button {
    margin-top: 0;
}

.wrap-action-checkout .content-total h6 {
    font-weight: 400;
    position: relative;
    top: 8px;
    text-align: right;
    color: #fff;
}

.wrap-action-checkout .content-total h6 span {
    font-weight: 500;
    margin-left: 5px;
    color: #ff381f;
}

.checkout {
    padding-bottom: 35px;
    margin-top: 40px;
}

.checkout .item-content {
    padding-left: 0;
}

.checkout select {
    font-size: 13px;
}

.checkout .product-choose.content-box {
    box-shadow: none;
    border-bottom: 1px solid #eceff5;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.checkout .content-image img {
    width: 100%;
    border-radius: 8px;
}

.checkout .content-text a p {
    font-size: 13px;
}

.checkout .content-info .price {
    font-size: 14px;
    font-weight: 600;
    color: #ff381f;
    display: inline-block;
    margin-bottom: 8px;
}

.checkout .content-info form .item-input-wrap {
    display: inline-flex;
}

.checkout .content-info form .item-input-wrap input {
    padding: 0 8px;
    font-size: 13px;
    height: 25px;
    background: #eceff5;
    border-radius: 3px;
}

.checkout .payment-methods .list .item-inner {
    margin-left: 8px;
}

.checkout .payment-methods .item-content {
    padding-left: 0;
}

/*home blog*/
.home-blog span {
    display: block;
    margin-bottom: 4px;
}

.home-blog span i {
    margin-right: 5px;
}

.home-blog .header-image .swiper-overlap.swiper-wrapper .swiper-slide {
    width: 250px;
    height: 100%;
    position: relative;
}

.home-blog .header-image .swiper-overlap.swiper-wrapper .swiper-slide img {
    width: 100%;
    border-radius: 8px;
}

.home-blog .header-image .swiper-overlap.swiper-wrapper .swiper-slide .image-caption {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
}

.home-blog .header-image .swiper-overlap.swiper-wrapper .swiper-slide .image-caption h4 {
    color: #fff;
}

.home-blog .header-image .swiper-overlap.swiper-wrapper .swiper-slide .mask {
    background: linear-gradient(rgba(0, 0, 0, 0), black);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
}

.home-blog .recent-post .user-blog img {
    width: 36px;
    height: 100%;
    margin-right: 10px;
    border-radius: 50%;
    float: left;
}

.home-blog .recent-post .user-blog .title-name {
    overflow: hidden;
}

.home-blog .recent-post .user-blog .title-name h5 {
    margin-bottom: 2px;
}

.home-blog .recent-post .content-blog img {
    width: 100%;
    border-radius: 8px;
}

.home-blog .recent-post .content-blog .text {
    margin-top: 10px;
}

.home-blog .recent-post .content-blog .text h4 {
    margin-bottom: 4px;
    font-size: 15px;
}

.home-blog {
    margin-top: 35px;
}

.home-blog .divider-space {
    height: 12px;
}

/*blog single*/
.blog-single .b-single-content h4 {
    margin-bottom: 4px;
    margin-top: 15px;
    font-size: 16px;
    line-height: 24px;
}

.blog-single .b-single-content .blog-info ul {
    margin-bottom: 8px;
}

.blog-single .b-single-content .blog-info ul li {
    display: inline-block;
}

.blog-single .b-single-content .blog-info ul li:last-child {
    float: right;
}

.blog-single .b-single-content .blog-info ul li:last-child span {
    color: #ff381f;
    margin-left: 5px;
}

.blog-single .b-single-content img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.blog-single .b-single-content .blog-share ul li {
    display: inline-block;
    margin-right: 5px;
}

.blog-single .b-single-content .blog-share ul li:first-child {
    margin-right: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.blog-single .b-single-content .blog-share ul li a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
}

.blog-single .b-single-content .blog-tag p {
    color: #ff381f;
}

.blog-single .b-single-content .blog-tag p span {
    margin-right: 10px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
}

.blog-single .comment-people img {
    width: 35px;
    height: 100%;
    float: left;
    margin-right: 15px;
    border-radius: 50%;
}

.blog-single .comment-people .content-text {
    overflow: hidden;
}

.blog-single .comment-people .content-text h4 {
    font-size: 14px;
}

.blog-single .comment-people .content-text .date-time {
    margin-bottom: 10px;
}

.blog-single form .item-content {
    padding-left: 0;
}

.blog-single {
    margin-top: 40px;
}

.blog-single .comment-form {
    margin-top: 14px;
}

.blog-share {
    margin-top: 8px;
    margin-bottom: 8px;
}

.comment-people {
    margin-top: 14px;
}

/*pagination*/
.wrap-pagination {
    text-align: center;
}

.wrap-pagination ul li {
    display: inline-block;
    text-align: center;
    height: 30px;
    margin-right: 5px;
}

.wrap-pagination ul li:last-child {
    margin-right: 0;
}

.wrap-pagination ul li a {
    color: #444;
    display: inline-block;
    font-size: 16px;
    padding: 0 10px;
    line-height: 30px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #eceff5;
}

.wrap-pagination ul li.disabled {
    opacity: 1 !important;
}

.wrap-pagination ul li.disabled a {
    color: #fff;
    background: #ff381f;
    border-radius: 8px;
}

/*pricing table*/
.pricing {
    margin-top: 40px;
}

.pricing-table {
    text-align: center;
    border: 1px solid #eceff5;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 30px -15px rgba(0, 0, 0, 0.2);
}

.pricing-table h3 {
    font-size: 16px;
}

.pricing-table .pricing-header {
    position: relative;
    background: #ff381f;
    padding: 20px 15px;
    z-index: 1;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

.pricing-table .pricing-header h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
}

.pricing-table .pricing-header h2 sup {
    font-size: 22px;
}

.pricing-table .pricing-header i {
    position: absolute;
    top: -10px;
    left: -5px;
    opacity: 0.3;
    color: #fff;
    font-size: 60px;
    z-index: -1;
}

.pricing-table .pricing-content {
    padding: 15px;
}

.pricing-table .pricing-content .pricing-title {
    margin-bottom: 15px;
}

.pricing-table .pricing-content .pricing-list ul li {
    border-bottom: 1px solid #eceff5;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.pricing-table .pricing-content .pricing-list ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* about us */
.about-us {
    padding-top: 70px

    ;
}

.about-us img {
    width: 100%;
    border-radius: 25px;
}

.about-us .header-about {
    width: 100%;
    height: 300px;
}

.about-us .header-about img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 0 30px 30px;
    box-shadow: 0 6px 35px -10px rgba(0, 0, 0, 0.28);
}

.about-us .section-title h4 {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    color: #666;
}

.about-us .section-title h3 {
    font-size: 23px;
    color: #0e0e4c;
}

.about-us .about-statistics .content {
    text-align: center;
}

.about-us .about-statistics .content h5 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}

.about-us .about-statistics .content p {
    color: #b4b4b4;
}

/* contact us */
.contact {
    margin-top: 125px;
}

.page-content.contact-no-pd {
    padding-top: 0;
}

.contact-us {
    position: relative;
}

.contact-us.segments {
    padding-top: 16px;
}

.contact-us a.nav-back {
    position: absolute;
    top: 32px;
    right: 16px;
    left: auto;
}

.contact-us a.nav-back i {
    color: #2c374c;
    background: #fff;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.9);
}

.contact-us .content-map .map {
    width: 100%;
    height: 410px;
    border: 0;
    border-radius: 8px;
}

/* contact form on contact us page */
.contact-form {
    width: calc(100% - 15px * 2);
    height: auto;
    border-radius: 8px;
    margin: 16px;
    text-align: center;
    top: auto;
    bottom: 0;
    padding: 16px;
}

/*.contact-form .list .item-content:last-child .item-input-wrap {
  margin-bottom: 0;
}*/

/* sign in */
.contact .header-room {
    width: 100%;
    height: 300px;
}

.contact .header-room img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 0 30px 30px;
    box-shadow: 0 6px 35px -10px rgba(0, 0, 0, 0.28);
}

.contact .link-to {
    text-align: center;
    margin-top: 12px;
    margin-bottom: 3px;
}

.contact .link-to p {
    color: #888;
}

.contact .link-to p a {
    font-weight: 500;
    margin-left: 10px;
    color: #2c374c;
}

.contact .sign-with ul li {
    display: inline-block;
    margin-right: 10px;
}

.contact .sign-with ul li:first-child {
    margin-right: 16px;
    color: #888;
}

/*.contact .sign-with ul li::last-child {
  margin-right: 0;
}*/
.contact .sign-with ul li a i {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #eee;
    border-radius: 16px;
    font-size: 14px;
}

/* sign in */
.sign-in {
    margin-top: 125px;
}

.sign-in .header-room {
    width: 100%;
    height: 300px;
}

.sign-in .header-room img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 0 30px 30px;
    box-shadow: 0 6px 35px -10px rgba(0, 0, 0, 0.28);
}

.sign-in .link-to {
    text-align: center;
    margin-top: 12px;
    margin-bottom: 3px;
}

.sign-in .link-to p {
    color: #888;
}

.sign-in .link-to p a {
    font-weight: 500;
    margin-left: 10px;
    color: #2c374c;
}

.sign-in .sign-with ul li {
    display: inline-block;
    margin-right: 10px;
}

.sign-in .sign-with ul li:first-child {
    margin-right: 16px;
    color: #888;
}


.sign-in .sign-with ul li a i {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #eee;
    border-radius: 16px;
    font-size: 14px;
}

/* sign up */
.sign-up {
    margin-top: 125px;
}

.sign-up .header-room {
    width: 100%;
    height: 300px;
}

.sign-up .header-room img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 0 30px 30px;
    box-shadow: 0 6px 35px -10px rgba(0, 0, 0, 0.28);
}

.sign-up .link-to {
    text-align: center;
    margin-top: 12px;
    margin-bottom: 3px;
}

.sign-up .link-to p {
    color: #888;
}

.sign-up .link-to p a {
    font-weight: 500;
    margin-left: 10px;
    color: #2c374c;
}

.sign-up .sign-with ul li {
    display: inline-block;
    margin-right: 10px;
}

.sign-up .sign-with ul li:first-child {
    margin-right: 16px;
    color: #888;
}

/*.sign-up .sign-with ul li::last-child {
  margin-right: 0;
}*/
.sign-up .sign-with ul li a i {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #eee;
    border-radius: 16px;
    font-size: 14px;
}

/* page not found */
.page-not-found .header-room {
    width: 100%;
    height: 300px;
}

.page-not-found .header-room img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 0 30px 30px;
    box-shadow: 0 6px 35px -10px rgba(0, 0, 0, 0.28);
}

.page-not-found .content {
    text-align: center;
    background: #ff381f;
    border-radius: 8px;
    position: relative;
    top: -100px;
    margin-bottom: -100px;
    height: 310px;
}

.page-not-found .content .title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}

.page-not-found .content .title h1 {
    color: #fff;
    font-size: 96px;
    font-weight: 700;
    margin-bottom: 10px;
}

.page-not-found .content .title h4 {
    font-size: 32px;
    color: #fff;
}

.page-not-found .content .title h1:last-child {
    margin-bottom: 0;
}

.page-not-found .content a.nav-back {
    position: absolute;
    top: 16px;
    right: 16px;
    left: auto;
}

.page-not-found .content a.nav-back i {
    color: #2c374c;
    background: #fff;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
}
.slider .row .content-right img {display: none;}

.logo_band img {
    width: auto;
    margin: 0 auto;
    height: 150px;
    margin-top: -75px;
}

.features .content img {
    display: block;
    height: 50px;
    margin-bottom: 10px;
    margin: 0 auto;
}
.logo_band {
    position: relative;
    z-index: 999;
    margin-bottom: 8px;
}

.request {
    cursor: pointer;
}
.features .content {
    margin-bottom: 20px;
    height: 185px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*body {background-color: #fff;}*/
.features .col-md-6 { width: 50%; }
.features .col-md-12 { width: 100%; }
/*.features .col-md-6:last-child .content {margin-bottom: 0;}*/
.features .col-md-6:nth-last-child(2) .content {margin-bottom: 0;}
.features .col-md-12:last-child .content {margin-bottom: 0;}


.slider .swiper-container.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {display: inline-block;}
.slider .item {height: 210px; width: 100%;position: relative;}
.slider .item img {width: 100%; height: 100%; object-fit: cover;}

.reload_order a { 
    display: flex;
    width: 100%;
    height: 50px;
    background-color: #000;
    border: 1px solid #000;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}
.reload_order a i {color: #fff;}
.collapsed_section {padding: 0;}
.accordion .card-header a {font-size: 18px;  font-weight: bold; display: block;padding: 15px 45px 15px 20px;
 text-decoration: none; /*border-bottom: 1px solid #d1d3d4;*/}
.accordion .card-header a:hover {text-decoration: none;}
.faq-section h2 {margin-bottom: 30px; color: #000; font-weight: bold;}
.accordion hr {margin: 10px 0 20px 0;}
.accordion .accordion .card-header {outline: none; cursor: pointer; margin-bottom: 20px; margin-top: 0;}
.accordion .card-body  {padding: 0 15px 15px 15px;color: #6a6a6a; display: inline-block; width: 100%; }
.accordion .card-header {padding: 0;}
.accordion .card {margin-bottom: 0;}
.accordion .card-body h5 {font-size: 16px; line-height: 26px; margin-bottom: 0; color: #000; font-family: var(--general-font-family);}
.accordion .card-body h6 {font-size: 14px; line-height: 24px; margin-bottom: 5px; color: #77838F; font-weight: 400;}
.accordion .card-header a.card-link.collapsed {color: #000; }
.accordion .card-header a.card-link {color: var(--theme-color);}
.accordion .card .card-header {border-bottom: 0; background-color: #fff;}
.accordion .card .card-header a.card-link.collapsed:before {position: absolute; content: "\f0d7";font-size: 20px; width: 25px; height: 25px;  border-radius: 50%; border: 1px solid transparent; font-family: "Font Awesome 5 Free"; right: 20px; line-height: 25px;
text-align: center; /*color: #000;*/}
.accordion .card .card-header a.card-link:before {position: absolute; content: "\f0d8";font-size: 20px; width: 25px; height: 25px;  border-radius: 50%; border: 1px solid transparent; font-family: "Font Awesome 5 Free"; right: 20px; line-height: 25px;
text-align: center; /*color: var(--theme-color);*/}
.price_tag span {
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    color: var(--theme-color);
}
.price_tag {
    border: 1px solid var(--theme-color);
    border-radius: 8px;
    text-align: center;
    width: 65px;
    background: #fff;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    margin-top: -15px;
    position: relative;
}
.veg {width: 20px; }
.veg img {width: 100%; }
/*.left_side {width: 10%; float: left;}*/
.center_side {width: 70%; float: left;}
.right_side {width: 30%; float: left; padding-left: 0;}
.right_side .item_img {width: 100%; height: auto; border-radius: 8px; margin: 0 auto; padding-left: 8px;}
.right_side .item_img img {width: 100%; height: 100%; border-radius: 8px; object-fit: cover;}
.menu_item {display: inline-block; width: 100%;}


.sub_card { border: 0; border-top: 1px solid rgba(0,0,0,.125);}
.accordion .sub_card .card-header a {font-size: 16px;}
/*.sub_card {padding-left: 25px;}*/

.lang {
    position: absolute;
    background: #fff;
    /* background-position-x: 141px; */
    top: 26px;
    z-index: 1001;
    right: 15px;
    line-height: 30px;
    border-radius: 5px;
}
.lang a {color: #000;  width: 50px; height: 30px; display: inline-block; border-radius: 5px; box-shadow: 0 1px 7px rgb(0 0 0 / 20%);}
.no-slider { height: 50px; }
.lang a:hover { text-decoration: none; }
.lang .form-control {border-radius: 5px; border: 0; height: 35px;}
.menu_item {margin-top: 20px;}
.right_side .item_img {float: right; position: relative;}
.slider .item { height: 180px; }
.code_band input {background-color: #eee;}

.song-list .playing-text {padding-right: 20px;}
.white_header a:hover {color: #000;}
.top_header {padding: 10px 15px; background: #000; position: fixed; top: 0; width: 100%;z-index: 999;}
.title_header {text-align: center;}
.card.cart-view {margin-top: 10px;}
.title_header h2 {font-size: 16px; line-height: 26px; color: #fff;}
.left_icon { float: left; }
.left_icon a { display: inline-block; font-size: 16px; color: #fff;line-height: 26px; }

.wapper_content {padding-top: 70px; display: table;  width: 100%; padding-bottom: 70px;}
.feedback_band {padding: 20px 0; background-color: #fff; border-radius: 5px; box-shadow: 0 10px 60px 0 rgb(0 0 0 / 30%);
    display: inline-block;  width: 100%;}
.feedback_band h5 {font-size: 14px;line-height: 24px;margin-bottom: 10px;color: #000; font-weight: bold;}

.form-control {margin-bottom: 20px; font-size: 14px; color: #000; height: 42px; border-radius: 5px;}
.send_feedback .form-control {background-color: #000; color: #fff; font-weight: 500;
    box-shadow: 0 10px 30px 0 rgb(255 255 255 / 10%);}


.feedback_band td { position: relative;  margin: 0 auto;text-align: center;}
.feedback_band input {
    background-color: #eee;
    color: #000;
    padding: 10px 15px;
    display: inline-block;
    margin: 0 0 15px 0;
    font-size: 14px;
    width: 100%;
    border: 0;
    border-radius: 5px;
    float: left;
}
.feedback_band .btn_gray {
    background-color: #eee;
    color: #000;
    font-weight: 500;
    width: 100%;
    border: 0;
    font-size: 14px;
    border-radius: 5px;
    padding: 8px 10px;
    text-transform: capitalize;
}
.feedback_band .btn_gray:hover {background-color: #000; color: #fff; transition: all 0.3s linear 0s; color: #fff; text-decoration: none;}
.feedback_band .btn_black {
    background-color: #000;
    color: #fff;
    font-weight: 500;
    width: 100%;
    border: 0;
    font-size: 14px;
    border-radius: 5px;
    padding: 8px 10px;
    text-transform: capitalize;
}
.feedback_band .btn_black:hover {background-color: #eee; color: #000; transition: all 0.3s linear 0s; text-decoration: none;}
.feedback_band [type="radio"]:checked + label, .feedback_band [type="radio"]:not(:checked) + label {
    position: relative;
    background-color: #fff;
    line-height: 20px;
    display: inline-block;
    color: #666;
    padding: 8px;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
    margin-bottom: 0;
}
.feedback_band td [type="radio"]:checked + label {background-color: #eee; color: #666;}
.feedback_band td [type="radio"]:checked + label img {
    position: relative;
    animation: jumping 1s infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
    transition: all 0.1s linear 0s;
}
.feedback_band label img {width: 30px; margin: 0 auto;transition: all 0.1s linear 0s;}
.feedback_band label span {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    margin-top: 10px;
    display: none;
}
.feedback_band [type="radio"]:checked, .feedback_band [type="radio"]:not(:checked) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    right: 0;
    height: 50px;
    margin: 0;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}
.form_band {width: 100%; display: inline-block;}
.form_band .col-md-6 {width: 50%; float: left;}
.suggestion_box {  margin-bottom: 20px; width: 100%;}
@keyframes jumping {
  0%   { top: 0;transition: all 0.1s linear 0s;}
  100% { top: -20px;transition: all 0.1s linear 0s;}
}
.form-group a {display: block; text-align: center; color: #77838F;}
.form-group a:hover {color: #000; transition: all 0.3s linear 0s;}

.modal-content {border: 0;}
.modal-header {background: #000; border: 0; border-radius: 3px;}
.modal-title {color: #fff; font-size: 16px; line-height: 26px; text-transform: capitalize;}
.modal-header .close {opacity: 1; color: #fff; font-size: 16px; line-height: 26px; }

.row .col.horizontal {
--f7-cols-per-row: 1 !important;
margin-bottom: 20px;
}

.item_img.item-price .price_tag { margin: 0 auto; }
.item_img.item-price {height: auto;}

/* Cart Menu */
.qty .count {
    color: #000;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    font-weight: 700;
    line-height: 0;
    padding: 0 2px;
    min-width: 19px;
    text-align: center;
}
.qty .plus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 15px;
    height: 15px;
    font: 13px/1 Arial,sans-serif;
    text-align: center;
    border-radius: 50%;
}
.qty .minus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 15px;
    height: 15px;
    font: 13px/1 Arial,sans-serif;
    text-align: center;
    border-radius: 50%;
    background-clip: padding-box;
}
.minus:hover{
    background-color: #717fe0 !important;
}
.plus:hover{
    background-color: #717fe0 !important;
}
/*Prevent text selection*/
span{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
input{
    border: 0;
    width: 2%;
}
nput::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input:disabled{
    background-color:white;
}

.qty{
    width: 56px;
}
/*Cart Page*/
.features .card {
    border: 0;
    border-radius: 0;
}
.features .card-header {
    border: 0;
    border-radius: 0;
    background: #fff;
    padding: 0;
}
.features .card-header h4 {
    color: #000;
    font-size: 18px;
    padding: 15px;
    background: #eee;
}
.features .card-body {
    padding: 0;
}
.features .table {
    background-color: #fff;
    border: 0;
}
.features thead {
    background: transparent;
}
.features .table thead th {
    border: 0;
    font-weight: bold;
    vertical-align: middle;
    color: #000;
    font-size: 16px;
}
.features .table td {
    padding: 15px 10px;
}
.features .table td, .table th {
    border-color: #f5f5f5;
    text-align: left;
    color: #000;
    vertical-align: middle;
}
.features .cart-img {
    width: 60px;
    height: 60px;
    background: #fff;
    margin: 0 auto;
    float: left;
}
.features .cart-img img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 10px;
}
.features .cart-text {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    text-transform: capitalize;
    color: #000;
    font-weight: 500;
    font-size: 14px;
}
.features textarea.form-control {
    height: 80px;
    border-color: #ced4da;
    border-radius: 5px;
    background: #fff;
    box-shadow: none;
}
.features .cart-price strong {
    font-weight: bold;
    color: var(--theme-color);
    font-size: 14px;
}
.features label strong {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    display: block;
}
.features label {margin-bottom: 10px;display: block; text-align: left;}
.features .btn-success {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    width: 100%;
    font-weight: bold;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 8px 30px;
    height: 50px;
    margin-bottom: 10px;
}
.features .qty .count {
    color: var(--theme-color);
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-weight: 700;
    line-height: 0;
    padding: 0 2px;
    min-width: 30px;
    text-align: center;
    height: 30px;
}
.features .qty {
    width: 100px;
    margin: 0 auto;
}
.features .qty .minus {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 27px;
    background-color: #fff !important;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    font-size: 16px;
    font-weight: 600;
}
.features .plus.bg-dark {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #fff!important;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    font-size: 20px;
}
.features .total_div {
    color: var(--theme-color);
    text-align: center !important;
}

.features .table {
    border: 1px solid #fff;
}
.features .table thead tr th:last-child {text-align: center;}
/* Menu Detail page */
.detail_sec {display: inline-block; width: 100%; padding-bottom: 40px; position: relative;}
.detail_band { border: 1px solid #eee; margin: 0 0 20px 0; border-radius: 8px; background-color: #fff; padding: 20px;
 box-shadow: 0 4px 8px 0 hsl(220deg 39% 26% / 10%), 0 6px 20px 0 rgb(40 57 92 / 10%);}
.detail_sec .detail_band:first-child {margin-top: 0;}
.detail_band h3 {margin-bottom: 15px;}
.detail_band p {margin-bottom: 10px;}
.cart_btn {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    width: 34%;
    margin: 0 auto;
    font-weight: bold;
    right: 0;
    left: 0;
    text-align: center;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 8px 30px;
    color: #fff;
    position: fixed;
    bottom: 20px;
    border: 0;
    height: 42px;
    box-shadow: none;
    z-index: 6;
}
.detail_band .qty {
    width: 120px;
    margin: 0 auto;
    text-align: center;
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {opacity: 1; color: #fff;}
.detail_band .qty .minus {
    border-radius: 50px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background-color: #fff !important;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    font-size: 20px;
    font-family: var(--title-font-family);
}
.back_arrow i {line-height: 30px;}
.detail_band .qty .count {
    color: #000;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    font-weight: 700;
    line-height: 0;
    padding: 0 2px;
    min-width: 35px;
    text-align: center;
    float: none;
    background-color: transparent;
    width: 35px;
    height: 35px;
    margin: 0;
    outline: unset;
}
.detail_band .plus.bg-dark {
    border-radius: 50px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background-color: #fff!important;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    font-size: 25px;
}
.cart_btn span { position: absolute; right: 15px;}
.detail_sec table {width: 100%;}
.detail_sec table td {width: 100%; float: left;}
.input_form {display: inline-block; width: 100%;position: relative; margin-bottom: 10px;}
.detail_band h4 {margin-bottom: 5px;}
.radio_section {margin-top: 20px; border-top: 1px solid #eee;}
.radio_section .input_form {margin: 0;}
.radio_section .price {right: 42px;}
.flavors_choose_deatail  .radio_section tr td {padding: 0;}
.radio_section tr td:last-child .input_form {margin-bottom: 0;}
.input_form input:checked ~ .radiobtn:before {
    background-color: var(--theme-color);
}
.radiobtn:before {
    position: absolute;
    top: 12px;
    left: 17px;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 2px solid var(--theme-color);
    border-radius: 50%;
    content: "";
}
.feedback_band  .detail_sec .detail_band .radiobtn {padding-left: 45px; width: 100%; font-size: 14px; line-height: 24px; color: #000; font-weight: 500;    text-align: left;}
 .feedback_band td [type="radio"]:checked + label.radiobtn  {background-color: transparent;}
 .feedback_band [type="radio"]:checked + label, .feedback_band [type="radio"]:not(:checked) + label.radiobtn {background-color: transparent;}
.input_form input:checked ~ .radiobtn:after { display: block; }
.input_form .radiobtn:after {
    top: 17px;
    left: 22px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
    content: "";
    position: absolute;
    display: none;
}
.input_form input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.price {
    position: absolute;
    right: 42px;
    color: var(--theme-color);
    font-weight: bold;
    top: 15px;
}
.fixed_btn {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    width: 34%;
    margin: 0 auto;
    font-weight: 500;
    right: 0;
    left: 0;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 14px 30px;
    color: #fff;
    position: fixed;
    text-align: center;
    bottom: 20px;
    border: 0;
    box-shadow: none;
    z-index: 8;
   }
 .fixed_btn i {position: absolute; left:  20px; top: 16px;}
 .fixed_btn span {position: absolute; right:  20px;}
 .img_header {width: 100%; height: 220px; padding: 0; background-color: transparent;position: relative;}
 .img_header img {width: 100%; height: 100%; object-fit: cover;border-radius: 8px;}
 .img_header .close {
    position: absolute;
    right: 30px;
    top: 30px;
    padding: 0;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background: var(--theme-color);
    border-radius: 5px;
    color: #fff;
    box-shadow: 0 4px 8px 0 hsl(220deg 39% 26% / 10%), 0 6px 20px 0 rgb(40 57 92 / 10%);
}


.fixed_btn i b {
    width: 15px;
    height: 15px;
    line-height: 15px;
    background: #fff;
    font-weight: 300;
    border-radius: 50%;
    position: absolute;
    display: inline-block;
    right: -10px;
    top: -8px;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    font-size: 10px;
    font-family: var(--title-font-family);
}


.accordion .card-header a h4 {  font-weight: 400; margin-bottom: 15px; position: relative; font-size: 24px; display: inline-block; letter-spacing: 2px; font-family: var(--title-font-family);}
.accordion .card-header a h4:before {content: ""; position: absolute;  width: 100%; height: 1px; bottom: -7px;border-top: 1px solid;}
.accordion .card-header a h6 { font-family: var(--general-font-family); font-weight: 400; font-size: 16px;}

.veg-band {display: inline-block; width: 100%; margin-top: 10px;}
.veg-band ul {padding: 0; margin: 0;}
.veg-band ul li {list-style-type: none; display: inline-block; align-items: center; font-size: 12px; color: #000; margin-right: 15px; padding: 0; line-height: 18px; background: #fff;border-radius: 5px; margin-bottom: 10px; font-weight: 400;text-transform: capitalize;}
.veg-band ul li:last-child {margin-right: 0; }
.veg-band ul li img {margin-right: 8px; max-width: 20px; float: left;}
.accordion .card-body p { font-weight: 400; }


/* #cart-add {display: flex; overflow: auto; background: #fff;} */

/*Cat section*/
.nav_category { background-color: #fff; padding: 15px 0; position: sticky; top: 0; z-index: 10; border-bottom: 1px solid #d1d3d4;}
.nav_category ul {padding: 0; margin: 0; overflow: auto; white-space: nowrap;}
.nav_category ul li {display: inline-block; padding: 0 8px;}
.nav_category ul li.active a {
    border-color: var(--category-color);
    color: #fff !important;
    transition: all 0.3s linear 0s;
    background-color: var(--category-color) !important;
}
.nav_category ul li a {
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 20px;
    display: inline-block;
    color: var(--category-color);
    font-weight: 400;
    border: 1px solid var(--category-color);
    font-family: var(--title-font-family);
    transition: all 0.3s linear 0s;
    background-color: #fff;
    letter-spacing: 1px;
}
.menu-page { padding-bottom: 70px; }
.nav_category ul li a:hover {text-decoration: none;}
.nav_category ul li:first-child {padding-left: 15px; }
/*.nav_category ul li a:hover {
    text-decoration: none;
    background-color: #fff !important;
    border-color: var(--category-color);
    transition: all 0.3s linear 0s;
    color: var(--category-color);
}*/
.nav_category ul::-webkit-scrollbar { display: none; }
.nav_category ul { -ms-overflow-style: none;    scrollbar-width: none;  }
html { scroll-behavior: smooth; }
.menu_item hr {display: none;}
.menu_item {
    padding: 15px 15px 10px 15px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #d1d3d4;
}
.main-card .card-body a {display: inline-block; transition: all 0.3s linear 0s;}
.main-card .card-body a:hover { transition: all 0.3s linear 0s; }
.menu_item {transition: all 0.3s linear 0s;}

.cart-text span {color: #666; font-size: 12px }
.empty_basket {display: inline-block; width: 100%; padding: 30px; text-align: center; background-color: #fff;  border-bottom: 3px solid #eee;
                border-top: 3px solid #eee;}
.empty_basket h4 { color: #000; margin-bottom: 10px;}
.empty_basket a { color: var(--theme-color); font-weight: bold; transition: all 0.3s linear 0s; font-size: 14px;}
.empty_basket a:hover {display: inline-block; transition: all 0.3s linear 0s; text-decoration: none; opacity: 0.6;}
.empty_icon {width: 80px; height: 80px; margin: 0 auto 30px auto; border-radius: 50%;  background-color: var(--theme-color)1a; text-align: center;}
.empty_icon i { color: var(--theme-color); font-size: 30px; line-height: 80px;}
.features .btn-success:hover {background-color: var(--theme-color); border-color: var(--theme-color); transition: all 0.3s linear 0s;}
.fixed_btn:hover {color: #fff; text-decoration: none; transition: all 0.3s linear 0s;}
.cart_btn:hover {background-color: var(--theme-color); border-color: var(--theme-color); transition: all 0.3s linear 0s;}
button:focus { outline: 0; }

.last_cat {
    min-height: 80vh;
}
.price-claries {display: flex; width: 100%; margin-bottom: 10px; flex-direction: row; align-items: center;
    justify-content: space-between;}
.price-claries .price-tag {margin: 0;}
.slat-claries .price-claries .claries {margin: 0; padding:5px 10px;}
.price-tag {
    font-size: 16px;
    font-weight: bold;
    text-decoration: line-through;
    display: inline-block;
    margin-top: 8px;
}
.price-tag b {
    font-weight: 400;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    font-family: var(--general-font-family);
    display: inline-block;
    margin-left: 5px;
}

.create_account .input-form {    margin-bottom: 30px; position: relative;}
span.error { color: red; position: absolute; display: block;bottom: -23px }

.cart-table .img_header img {border-radius: 5px;}
.cart-table em.item_count {font-style: normal;}
.cart-table em.basket_total {font-style: normal;}
.cart-table strong.sub_total {color: #666;}
.features .total_div {font-size: 16px; font-weight: bold;}
.cart-table tfoot { background: #eee;}
.cart-table tfoot tr th:first-child {font-size: 16px; font-weight: bold; text-align: left;}
span.qty-customization {
    position: absolute;
}
span.fa.fa-trash {
    position: absolute;
}
.radiobtn.custom-attrib:before{
    content: '';
    height: 0;
    width: 0;
    border: 0;
}
.feedback_band .detail_sec .detail_band .radiobtn {
    padding-left: 45px;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    font-weight: 500;
    text-align: left;
    letter-spacing: 1px;
}
.feedback_band .detail_sec .detail_band .radiobtn p {margin-bottom: 0; margin-right: 95px;}
span.fa.fa-trash.remove-itm {
    color: var(--theme-color);
    padding: 18px 0px;
    margin-left: -30px;
    font-size: 14px;
}
span.qty-customization {
    color: var(--theme-color);
    padding: 14px 15px;
    font-size: 16px;
}
.heading_band {
    padding: 20px 20px;
}
label.radiobtn.custom-attrib {
    margin-bottom: 0;
    padding: 14px 10px;
}
.total-required.text-danger {
    color: #888d9a;
}
.validate-required.text-danger {
    color: #dc3545 !important;
    padding: 6px 10px;
    border: 1px solid #dc3545;
    border-radius: 5px;
    background: rgb(220 53 69 / 1%);
    text-transform: capitalize;
}
/*.detail_band.flavors_choose_deatail {
    padding: 1;
}*/
.required-least {
    padding: 20px 15px 0px 15px;
}
.input_form:hover {
    background-color: #f5f5f5;
}
span.attrib-qty {
    font-weight: 700;
    padding-right: 3px;
    color: #000;
}

.logo-image {
    width: auto !important;
    margin: auto;
    height: 74px !important;
}
.badge {
    margin-left: 3px;
    font-weight: normal;
    padding: 6px 6px;
    margin-bottom: 3px;
}
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem hsl(0deg 0% 100% / 50%);
}
.claries img {
    height: 20px;
}
.claries {
    display: flex;
}
.claries span {
    padding-left: 8px;
}
.slat-claries .claries {
    display: flex;
    padding: 11px;
    border-radius: 6px;
    justify-content: center;
    margin-bottom: 12px;
    background-color: #f5f5f5;
    align-items: center;
}
.slat-claries .badge img { width: 15px; float: left; margin-right: 8px; }
.slat-claries .badge {
    margin-left: 3px;
    font-weight: normal;
    padding: 8px 8px;
    margin-bottom: 3px;
    font-size: 10px;
    line-height: 12px;
    margin: 0 10px 5px 0;
}
.slat-claries .badge-secondary {
    color: #636363;
    background-color: #efeff4;
}
.branch_band {
   /* background-color: #fff;
    box-shadow: 0 12px 30px -15px rgb(0 0 0 / 20%);*/
    padding: 16px;
}
.branch_band label {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}
.branch_band .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #dae2eb;
    border-radius: 4px !important;
    display: flex;
    align-items: center;
    padding: 0px 12px;
    height: 36px;
}
.branch_band .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    line-height: 32px;
    font-weight: 600;
    font-size: 14px;
}
.branch_band span.select2-selection.select2-selection--single i {
    font-size: 15px;
    color: #000;
    margin-right: 5px;
}
.branch_band .select2-container--default .select2-selection--single .select2-selection__arrow t i {
    color: #637f97;
    font-size: 16px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow t i {
    transform: rotate(180deg);
}
.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 12px;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0px 5px 25px rgb(39 55 76 / 20%);
}
.select2-search--dropdown {
   padding: 17px 20px 0px 20px!important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 2px solid #ebeff4;
    border-radius: 16px;
    position: relative;
    outline: none;
    padding-left: 35px;
}
ul#select2-branches-results li {
    padding-left: 15px;
}
.select2-container--default .select2-results>.select2-results__options {
    padding: 20px;
    padding-top: 15px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--theme-color)!important;
    color: white;
    border-radius: 6px;
    padding-left: 15px;
}
.select2-results__option {
    padding: 6px;
    text-transform: capitalize;
    user-select: none;
    -webkit-user-select: none;
    color: #000;
    font-weight: 500;
}
ul#select2-branches-results {
    box-shadow: none!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px!important;
    position: absolute;
    top: 4px!important;
    right: 6px!important;
    width: 20px;
}


label.custom-check {
    background-color: #fff;
    margin: 0;
    padding: 10px 10px 10px 44px;
    color: #626161;
    font-size: 15px;
}
.checkmark {
    position: absolute;
    top: 11px;
    left: 16px;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid rgb(80, 181, 71);
    border-radius: 6px;
}
.custom-check input:checked ~ .checkmark {
    background-color: rgb(80, 181, 71);
    top: 11px;
    left: 16px;
    height: 20px;
    width: 20px;
    border-radius: 6px;
}
.custom-check .checkmark:after {
    left: 7px;
    top: 4px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

label.custom-check {
    background-color: #fff;
    margin: 0;
    padding: 10px 10px 10px 44px;
    color: #626161;
    font-size: 15px;
    width: 100%;
}
.checkmark {
    position: absolute;
    top: 11px;
    left: 16px;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid rgb(80, 181, 71);
    border-radius: 6px;
}
.custom-check input:checked ~ .checkmark {
    background-color: rgb(80, 181, 71);
    top: 11px;
    left: 16px;
    height: 20px;
    width: 20px;
    border-radius: 6px;
}
.custom-check .checkmark:after {
    left: 7px;
    top: 4px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.card.no-items p {
    width: 65%;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    background-color: #000;
    padding: 10px 40px;
    border-radius: 21px;
    margin: 0px auto;
    margin-top: 20px;
}
.card.no-items img {
    width: 127px;
    margin: 0 auto;
}
.card.no-items .card-body {
    padding: 22px;
    margin: 0 auto;
    display: inline-block;
}
.page-content {
    width: 100%!important;
}

.page-content {
    padding-top: 0;
    width: 100%;
    margin: 0 auto;
    display: block;
}
#app {
    width: 37%;
    margin: 0 auto;
    background: #fff;
    height: 100%;
}
.modal-dialog { max-width: 37%; }
.bg-radius {
    height: 140px;
    position: absolute;
    width: 37%;
    margin: 0 auto;
    background: #000000;
    left: 0;
    right: 0;
    border-radius: 0;
}
li.change-branch {
    cursor: pointer;
}

.switch {
    cursor: pointer;
    width: 31px;
    height: 12px;
    background: #008100;
    display: block;
    position: relative;
    margin: 0;
    border-radius: 3px;
}

.switch span {
    position: absolute;
    left: 40px;
    width: 56px;
    font-size: 14px;
    top: -4px;
}

.switch:after {
    content: '';
    position: absolute;
    top: -2px;
    left: 0px;
    width: 16px;
    height: 16px;
    background: #fff;
    background-color: #fff;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 30%);
    border: 1px solid #ddd;
    border: 1px solid #ddd;
}

.main-switch{
    background: white;
    padding: 20px 20px;
}

input:checked + .switch:after {
    left: calc(100% - 0px);
    transform: translateX(-100%);
    background: url(../images/veg.png);
    background-size: contain;
    border: 1px solid green;
    border-radius: 4px;
    background-color: #fff;
}

.switch:active:after {
    width: 45px;
}
/*
* Model
*/
.modal .card{
    border: none;
}
.modal .accordion .card-body {
    padding: 10px 19px;
    color: #000;
    display: inline-block;
    width: 100%;
    background: #e9eef6;
    border-radius: 10px;
    margin-top: 11px;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 13px;
}
.modal .accordion .card .card-header {
    border-bottom: 0;
    background-color: #fff;
    margin-bottom: 0;
    border-radius: 10px;
    box-shadow: 0 6px 16px rgb(52 105 203 / 16%);
    border: 1px solid #eee;
    margin-bottom: 14px;
}
.modal .accordion .card-header a.card-link.collapsed {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}
.modal .accordion .card-header a {
    font-size: 18px;
    font-weight: bold;
    display: block;
    padding: 13px 18px;
    text-decoration: none;
}

.modal .card-body ul li {
    padding: 10px;
    font-size: 14px;
}
.modal .card-body ul li:hover {
    background-color: var(--theme-color);
    border-radius: 8px;
    color: #fff;
}
.modal-header {
    background: transparent;
    border: 0;
    border-radius: 3px;
    padding: 25px 25px 13px 25px;
}
.modal-body {
    padding: 25px;
    overflow: auto;
}
.modal-header .close {
    padding: 0;
    margin: -1rem -1rem -1rem auto;
}
.modal a.close i {
    color: #fff;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 26px;
}
.number_band .white_header {margin-bottom: 20px;}
.modal-content {
    border-radius: 15px;
}
.accordion .card .card-header a.card-link.collapsed:before {
    font-weight: 600;
}
.card { border-color: transparent; }

/* Checkout */

.number_band {padding: 20px 16px 16px 16px; background-color: #fff;}
.order_place_band { display: inline-block; width: 100%; background-color: #fff; margin: 0; border-bottom: .75rem solid #f5f5f5; padding: 0 15px;}
.icon-band { text-align: left; width: 30px;float: left;}
.icon-band i {color: var(--theme-color); font-size: 16px;}
.content-text {width: 65%; float: left;}
.content-text h5 {margin-bottom: 0;}
.btn-change a {display: inline-block; color: var(--theme-color); text-transform: uppercase; font-weight: bold; float: right;}
.btn-change a:hover {text-decoration: none;}
.red_card i, .red_card h5 { color: #ff3c3a; text-transform: uppercase; font-weight: 600;}

.add_discount_code {position: relative; margin-top: 30px;}
.add_discount_code i {position: absolute; top: 20px; left: 20px; color: var(--theme-color); }
.add_discount_code input { padding: 10px 15px 10px 40px;  background-color: #fff; border: 2px dashed  var(--theme-color); color: #fff; height: 52px; }
.add_discount_code input::placeholder { color: var(--theme-color) !important; font-weight: 600; }

.number_section h2 {margin-bottom: 10px;}
.number_section p { font-size: 16px; }
.number_section .input-form {margin-top: 20px;}
.input-form label {font-weight: 400; display: block; font-size: 16px;}
.header_top {  display: inline-block; width: 100%; margin-bottom: 20px;}
.header_top i {font-size: 20px; color: var(--theme-color);}
.number_section input {margin-bottom: 20px;}
.number_section .btn {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    width: 92%;
    margin: 0 auto;
    font-weight: 500;
    right: 0;
    left: 0;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 8px 30px;
    color: #fff;
    width: 100%;
    height: 42px;
    bottom: 20px;
    border: 0;
    box-shadow: none;
}
.number_section p a {color: var(--theme-color);}
.code_band {width: 100%; display: inline-block; margin: 20px 0;}
.code_band .code_box {width: 20%; float: left; padding: 0 8px;}
.code_band .form-control {margin: 0; text-align: center;}
.code_text {text-align: center;}
.code_text a {color: var(--theme-color); text-decoration: underline;}
.number_section {margin-bottom: 30px;}

.popup_header .nav-tabs { width: 100%; display: flex; flex-wrap: nowrap; justify-content: center;align-items: center; }
.popup_header .nav-tabs a {display: inline-block; width: 100%; background: #eee; border: 0; color: #000; font-weight: bold; text-align: center;}
.popup_header .nav-tabs .nav-item.show .nav-link, .popup_header .nav-tabs .nav-link.active {  background: var(--theme-color); color: #fff;}

.language_popup  .order_place_band {margin: 0; padding: 0; border: 0;}
.language_popup .popup_body .order_place_band .title-order {  text-align: center; padding: 15px; margin: 0;border-bottom: 1px solid #f5f5f5; background-color: var(--theme-color);}
.popup_body { display: inline-block; width: 100%;}
.language_popup .popup_body .order_place_band .title-order h4 {color: #fff;}
.popup_body ul {padding: 0; margin: 0;}
.popup_body ul li {list-style-type: none;}
.popup_body ul li a {display: inline-block; padding: 10px 16px; color: #000; background-color: transparent; font-size: 14px; text-align: center; width: 100%; transition: all 0.3s linear 0s;  border-bottom: 1px solid #f1f1f1;}
.popup_body ul li:last-child a {border-bottom: 0;}
.popup_body ul li a:hover {text-decoration: none; background-color: #f5f5f5; transition: all 0.3s linear 0s;}
.popup_body .order_place_band .title-order { margin: 20px 0; }
.popup_body .pickup-list ul li a {padding: 10px 0;}
.order_placed {padding: 40px 20px; background-color: #fff;  text-align: center; box-shadow: 0 1px 7px rgb(0 0 0 / 7%);}
.order_placed  i {color: #00ae60; font-size: 60px; margin-bottom: 20px;}
.order_placed h3 { line-height: 32px; margin: 0; }

.iti.iti--allow-dropdown {
    width: 100%;
    margin-bottom: 20px;
}

.otp_section .btn {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    width: 92%;
    margin: 0 auto;
    font-weight: 500;
    right: 0;
    left: 0;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 8px 30px;
    color: #fff;
    width: 100%;
    bottom: 20px;
    height: 42px;
    border: 0;
    margin-bottom: 20px;
    box-shadow: none;
}

.create_account .btn {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    width: 92%;
    margin: 0 auto;
    font-weight: 500;
    right: 0;
    left: 0;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 8px 30px;
    color: #fff;
    width: 100%;
    bottom: 20px;
    border: 0;
    height: 42px;
    box-shadow: none;
}


.white_header h4 {font-weight: 300;!important}
/*Review Order*/
.back_arrow {
    display: inline-block;
    position: absolute;
    left: 3px;
    top: 15px;
    background-color: #eee;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: var(--theme-color);
    text-align: center;
    font-size: 16px;
    line-height: 36px;
}
.white_header {padding: 20px 16px; background-color: #fff; position: relative;     box-shadow: 0 1px 7px rgb(0 0 0 / 7%);}
.header-title {text-align: center;}
.header-title h4 {font-size: 16px;}
.feedback_band {box-shadow: none;}
.feedback_band .order_place_band:first-child {margin-top: 10px;}

.order_place_band { display: inline-block; width: 100%;  margin: 15px 0 0 0; }
.box-white {display: flex; align-items: flex-end; width: 100%; padding: 15px 0; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start;}
.title-order {margin: 0 0 10px 0;}
.title-order h4 {font-size: 18px;}
.icon-band i {color: var(--theme-color); font-size: 14px;}
.content-text {width: 65%; float: left;}
.content-text h5 {margin-bottom: 0;}
.btn-change { width: 20%; margin-left: auto;}
.btn-change b {display: inline-block; color: var(--theme-color); text-transform: uppercase; font-weight: bold; float: right; font-size: 12px;}
.btn-change b:hover {text-decoration: none;}
.red_card i, .red_card h5 { color: #ff3c3a; text-transform: uppercase; font-weight: 600; font-size: 14px; line-height: 22px;}
.red_card i, .red_card h5 {}
.choose-payment.active h5, .choose-payment.active i { color: var(--theme-color); }

.add_discount_code {position: relative; margin-top: 30px;}
.add_discount_code i {position: absolute; top: 20px; left: 20px; color: var(--theme-color); }
.add_discount_code input { padding: 10px 15px 10px 40px;  background-color: #fff; border: 2px dashed  var(--theme-color); color: #fff; height: 52px; }
.add_discount_code input::placeholder { color: var(--theme-color) !important; font-weight: 600; }
.form-control:focus { box-shadow: none; border-color:#ced4da; }
.content-text p {color: #000;}

.number_section h3 {margin-bottom: 20px;}
.modal_discount .close {  position: absolute;top: 15px; right: 15px; opacity: 1;}
.modal_discount a.close i {color: #000;}
.btn_grp {display: inline-block; width: 100%;}
.btn_grp .btn { background-color: var(--theme-color); color: #fff; width: auto; }
.btn_grp .left_btn {float: right; margin: 0; background-color: #edf2f7; color: #a0aec0;}
.btn_grp .right_btn {float: right; margin: 0 10px 0 0;}

.modal_discount .number_section .input-form {margin-top: 20px;}

.bottom_popup {position: fixed; width: 100%; background-color: #fff; display: inline-block; bottom: 0; left: 0; right: 0; max-height: 100%; min-height: auto;}
.popup_header .nav-tabs { width: 100%; display: flex; flex-wrap: nowrap; justify-content: center;align-items: center; }
.popup_header .nav-tabs a {display: inline-block; width: 100%; border-radius: 0; background: #eee; border: 0; color: #000; font-weight: bold; text-align: center;}
.popup_header .nav-tabs .nav-item.show .nav-link, .popup_header .nav-tabs .nav-link.active {  background: var(--theme-color); color: #fff;}

.popup_body { display: inline-block; width: 100%;}
.popup_body ul {padding: 0; margin: 0;}
.popup_body ul li {list-style-type: none;}
.popup_body ul li a {display: inline-block; padding: 10px 16px; color: #000; background-color: transparent; font-size: 14px; text-align: center; width: 100%; transition: all 0.3s linear 0s;}
.popup_body ul li a:hover {text-decoration: none; background-color: #f5f5f5; transition: all 0.3s linear 0s;}

#pickup_modal.modal.fade .modal-dialog { -webkit-transform: translate(0,25%); transform: translate(0,25%); }
#pickup_modal.modal.show .modal-dialog { -webkit-transform: translate(0,0%); transform: translate(0,0%); }

#pickup_modal .order_place_band { border: 0; height: 250px; margin: 0;}
#pickup_modal .modal-dialog-centered { min-height:100%; margin: 0 auto; }
.special-product .center_side h5, .special-product .center_side .price-tag b, .special-product .veg-band ul li, .special-product .center_side p { color: #fff; }
.language_popup .popup_body ul {height: 300px;}
.special-product .veg-band ul li { color: #fff; background-color: transparent; }
#customModel .modal-body {padding-top: 0;}
#customModel .modal-header {padding-bottom: 0;}
.number_band .cart_btn { color: #fff; text-decoration: none; }

.pickup-list { display: inline-block; width: 100%; }
.pickup-list ul { padding: 0; margin: 0; }
.pickup-list ul li { list-style-type: none; }
.pickup-list ul li a { display: inline-block; padding: 10px 20px; color: var(--theme-color); background-color: transparent; font-size: 14px; text-align: left; width: 100%; transition: all 0.3s linear 0s; font-weight: bold;}
.pickup-list ul li a:hover {text-decoration: none; background-color: #f5f5f5; transition: all 0.3s linear 0s;}
.payment_modal .title-order {margin: 20px;}
.pickup-list ul li a i {margin-right: 5px;}
.payment_modal .order_place_band {margin: 0; border-bottom: 1px solid #eee;}

.payment_modal .pickup-list ul li a:hover { background-color: transparent; }
#payment_modal.modal.fade .modal-dialog { -webkit-transform: translate(0,25%); transform: translate(0,25%); }
#payment_modal.modal.show .modal-dialog { -webkit-transform: translate(0,0); transform: translate(0,0); }
#payment_modal .modal-dialog-centered { min-height:100%; margin: 0 auto; }
.add_card_box {padding:20px; }
.add_card_box .card_inner .btn {color: #fff; background-color: var(--theme-color); width: 100%; height: 42px;}
.card_inner {padding: 15px 10px 5px 10px; border:1px solid #cbd5e0; border-radius: 5px; background-color: #f5f5f5;}
.card_inner input {background-color: #fff; }

.input-group input.form-control.left  {padding-left: 30px; padding-right: 0;}
.input-group input.form-control.right {padding-left: 15px;}
.add_card_box .form-control {margin-bottom: 15px;}
.input-group.left { float: left; }
.input-group .left {border-right: 0; }
.input-group .right {border-left: 0; }
.input-group.right { float: right;}
.btn-success.focus, .btn-success:focus { box-shadow: none; }
span#paymentErrors {display: block; color: red; margin-bottom: 5px;}
#pickup_modal .tab-content {height: 300px;}
.add_card_box i {position: absolute; left: 10px; top: 13px; color: #ced4da; z-index: 5;}
.add_card_box .input-group {position: relative;}
.add_card_box .form-control {padding-left: 35px;}

.separator { position: absolute; top: 8px; right: 46%; height: 40%; width: 1px; background-color: rgba(0,0,0,0.1); z-index: 5; }

.order_detail_sec {display: inline-block; width: 100%; background-color: #fff; padding: 20px 15px;}
.order_details {display: inline-block; width: 100%; margin-bottom: 15px;}
.order_detail_sec .order_details:last-child { margin-bottom: 0; }
.order_details span {display: inline-block; width: 100%; color: #a0aec0; font-weight: 500; }
.order_details p {display: inline-block; color: #000; font-weight: 500; width: 100%; }
.order_detail_sec .title {text-align: center; margin-bottom: 20px;}
.order_detail_sec table {display: table; width: 100%;}
.order_detail_sec table tr td:first-child { text-align: left; }
.order_detail_sec table tr td:last-child  { text-align: right; }
.order_detail_sec table tr td {padding-bottom: 15px;}

.order_detail_sec .small_text td {color: #a0aec0; font-weight: 400; font-size: 14px; padding-bottom: 30px;}
.order_detail_sec .medium_text td {color: #000; font-weight: 500; font-size: 14px;}
.order_detail_sec .big_text td {color: #000; font-weight: bold; font-size: 16px;}
.order_detail_sec .medium_text { border-bottom: 1px solid rgba(0,0,0,.1); }
.order_detail_sec .big_text td {padding: 15px 0 0 0;}

.track_order { background-color: #fff; padding: 0; }
.track_order table { width: 100%; display: table; }
.track_order table tr td { color: #a0aec0; font-weight: 400; font-size: 14px; padding: 5px 0;}
.track_order .small_text td { color: #a0aec0; font-weight: 400; font-size: 14px; }
.track_order table tr td:first-child { text-align: left; }
.track_order table tr td:last-child  { text-align: right; }
.track_order .yellow_text { font-weight: bold; color: var(--theme-color); font-size: 16px; }
.track_order .black_text { font-weight: bold; color: #000; font-size: 16px; }
.track_order ul {padding: 0 0 0 35px; margin: 0;}
.track_order ul li {padding-bottom: 30px; position: relative;}
.track_order ul li span {display: inline-block; width: 100%; color: #a0aec0; font-weight: 500; margin-bottom: 0;}
.track_order ul li p {display: inline-block; color: #000; font-weight: 500; width: 100%;}
.track_order ul li:before {content: ""; position: absolute; width: 16px; height: 16px; border-radius: 50%; background-color: #fff;
border: 2px solid #a0aec0; left: -30px; top: 0; z-index: 1;}
.track_order ul li:after {content: ""; position: absolute; width: 2px; height: 100%;background: #a0aec0;left: -23px; z-index: 0; top: 0; display: none; border: 1px dashed #fff;}
.track_order ul li.active:before { background-color: #fff; border-color: var(--theme-color); }
.track_order ul li.active:after { background-color: var(--theme-color); display: block;}
.track_order ul li:last-child:after {display: none;}
.track_order {display: inline-block; width: 100%; }
.track_order ul li.active i {display: block;}

.review_popup  a.close i {color: #000}
.review_popup .close {  position: absolute;top: 15px; right: 15px; opacity: 1;}
.review_popup ul {padding: 0; display: inline-block; width: 100%; text-align: center; margin: 10px 0 20px 0; }
.review_popup h4 {margin-bottom: 20px;}
.review_popup ul li { display: inline-block; padding: 0 10px; text-align: center;}
.review_popup ul li i {font-size: 30px; color: var(--theme-color); display: block; margin-bottom: 5px;}
.line {position: absolute; width: 100%; height: 1px; bottom: 15px; background-color: #0000001a;}
.track_order ul li:last-child .line {display: none;}
.track_order ul li i { position: absolute; left: -30px; font-size: 16px; top: 0px; z-index: 2; color: var(--theme-color); display: none;}
.track_order ul li.yelllo_dot:before {background-color: var(--theme-color); border-color: var(--theme-color); }

ul.slots { height: 250px !important;  overflow-x: hidden; overflow-y: scroll;}
.input-form .iti--allow-dropdown .form-control {height: 52px; font-size: 16px;}
.code_band .w-12 { width: 2.8rem; }
.parent_sec { display: flex; align-items: center; }


.radio_btn input:checked ~ .radio-btn:before {    background: var(--theme-color);}
.radio-btn { display: block; margin: 0; padding: 10px 10px 10px 35px; color: var(--theme-color); font-weight: 400;}
.radio_btn .input_form {margin: 0;}
.radio_btn .radio-btn:before {
    position: absolute;
    top: 11px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
    content: "";
    border: 2px solid var(--theme-color);
    box-shadow: 0 1px 7px rgb(0 0 0 / 20%);
}
.radio_btn .input_form input:checked ~ .radio-btn:after {display: block;}

.radio_btn .input_form .radio-btn:after {
    top: 17px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
    content: "";
    position: absolute;
    display: none;
}
.radio_btn input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    cursor: pointer;
    left: 0;
    right: 0;
}

.radio_btn .input_form:hover {background: transparent;}
.track-order-btn {  text-align: left; padding-left: 55px !important;}
.track-order-btn .text-one {font-weight: bold;}
.track-order-btn .text-two {font-size: 12px;}
.menu-page .track-order-btn  {bottom: 20px;}
.basket-btn {margin-top: 20px;}
.menu-btn-group .fixed_btn {position: relative;  display: block;}
.menu-btn-group {position: fixed; bottom: 0; margin: 0 auto; left: 0; right: 0;}
.feedback_band .table {margin-bottom: 60px;}
.modal  .cart_btn {width: 92%;}
.loader_wave {
  width: 25px;
  height: 25px;
  animation: loading 1s infinite ease-out;
  margin: auto;
  border-radius: 50%;
  background-color: #6f71bd;
  position: absolute;
  top: 20px;
  left: 15px;
}
@keyframes loading {
  0% {
    transform: scale(0.2);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}


div.stars {
    width: 270px;
    display: inline-block
}
input.star {
    display: none
}

label.star {
    padding: 10px;
    font-size: 36px;
    color: #ccc;
    transition: all .2s
}

input.star:checked~label.star:before {
    content: '\2605';
    color: var(--theme-color);
    transition: all .25s;
}

input.star-5:checked~label.star:before {
    color: var(--theme-color);
    /*text-shadow: 0 0 20px #952*/
}

input.star-1:checked~label.star:before {
    color: var(--theme-color)
}

label.star:hover {
    transform: rotate(-15deg) scale(1.3)
}

label.star:before {
    content: '\2605';
}
#review_popup .modal-body {padding: 20px;}
.start-rating {margin: 0 0 10px 0; background-color: #fff; display: inline-block; width: 100%; padding: 0;
transform: scaleX(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1);-ms-transform: scaleX(-1);}
#review_popup .btn_grp button:hover { border-color: var(--theme-color); background: var(--theme-color); color: #fff;}
.required-least h4 span {display: inline-block;font-size: 11px;  padding-left: 8px; font-weight: normal;}

.offline{
    padding: 40px;
}
.offline .fas{
    font-size: 44px;
    padding-bottom: 13px;
    color: var(--theme-color);
}
.main-card .card-body a{
    width: 100%;
}



/* rtl css */
body.rtl {direction: rtl;}
.rtl .img_header .close { left: 15px; right: auto; }
.rtl .detail_band {text-align: right;}
.rtl .switch span {right: 30px}
.rtl .center_side, .right_side {float: right; text-align: right;}
.rtl .right_side .item_img {float: left; padding-left: 0; padding-right: 8px;}
.rtl .accordion .card .card-header a.card-link:before {left: 20px; right: auto;}
.rtl .accordion .card-header a {text-align: right; padding: 15px 20px 15px 45px; }
.rtl .fixed_btn i { left: auto; right: 20px; }
.rtl .fixed_btn span { left: 20px; right: auto; }
/*.rtl .nav_category ul li {float: right;}*/
.rtl .back_arrow {right: 15px; left: auto; transform: scaleX(-1); -ms-transform: scaleX(-1); -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1);}
.rtl .features .table td, .rtl .table th {text-align: right;}
.rtl .features .cart-img {float: right;}
.rtl .cart-table tfoot tr th:first-child {text-align: right;}
.rtl .features label strong {text-align: right;}
.rtl .order_place_band .title-order {text-align: right;}
.rtl .content-text {float: right; text-align: right;}
.rtl .icon-band {float: right; text-align: right;}
.rtl .btn-change {margin-right: auto;}
.rtl .btn-change b {float: left;}
.rtl .pickup-list ul li a {text-align: right;}
.rtl .feedback_band .detail_sec .detail_band .radiobtn { padding-left: 10px; padding-right: 45px; }
.rtl .feedback_band .detail_sec .detail_band .radiobtn {text-align: right;}
.rtl span.fa.fa-trash.remove-itm {margin-left: auto; margin-right: -30px;}
.rtl .input-group .right {border-left: 0; border-right: 0;}
.rtl .input-group .left {border-right: 0; border-left: 0;}
.rtl .add_card_box .card_inner .pr-0 {    padding-right: 15px !important;padding-left: 0 !important;}
.rtl .float-right {float: left !important; }
.rtl .add_card_box .form-control { padding-left: 10px; padding-right: 35px; }
.rtl .add_card_box i {left: auto; right: 13px;}
.rtl .separator { right: 56%; }
.rtl .number_band {text-align: right;}
.rtl .header_top i {transform: scaleX(-1); -ms-transform: scaleX(-1); -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1);}
.rtl .iti--allow-dropdown .iti__flag-container, .rtl .iti--separate-dial-code .iti__flag-container {right: 0; left: auto;}
.rtl .iti__arrow { margin-right: 6px; margin-left: 0; }
.rtl.iti-mobile .iti__country {text-align: right;}
.rtl .iti__flag-box, .rtl .iti__country-name {margin-left: 6px; margin-right: 0;}
.rtl .iti--allow-dropdown input, .rtl .iti--allow-dropdown input[type=text], .rtl .iti--allow-dropdown input[type=tel], .rtl .iti--separate-dial-code input, .rtl .iti--separate-dial-code input[type=text], .rtl .iti--separate-dial-code input[type=tel] {
    padding-right: 52px; padding-left: 10px; }
.rtl .pickup-list ul li a i {margin-left: 5px; margin-right: 0;}
.rtl .veg-band ul li img { float: right; margin-right:0; margin-left: 8px; }
.rtl .veg-band ul li {float: right; margin-left: 10px; margin-right: 0;}
.rtl .slat-claries .badge {margin-left: 10px; margin-right: 0;}
.rtl .claries span {  padding-left: 0; padding-right: 8px;}
.rtl .price { right: auto; left: 42px; }
.rtl .cart_btn span { right: auto; left: 15px; }
.rtl .track-order-btn {text-align: right; padding-left: 0 !important; padding-right: 55px !important;}
.rtl .loader_wave { left: auto; right: 15px; }
.rtl .radio-btn {text-align: right; padding: 10px 35px 10px 10px}
.rtl .radio_btn .radio-btn:before {left: auto; right: 0;}
.rtl .text-right {text-align: left!important;}
.rtl .input-group input.form-control.left { padding-left: 0; padding-right: 30px; }
.rtl .input-group input.form-control.right { padding-left: 0; padding-right: 10px; }
.rtl span#paymentErrors {text-align: right;}
.rtl .radiobtn:before { right: 12px; left: auto; }
.rtl .input_form .radiobtn:after { left: auto; right: 17px;  }
.rtl .required-least {text-align: right;}
.rtl .required-least h4 span {padding-left: 0; padding-right: 8px;}
.rtl .track_order table tr td:first-child {text-align: right;}
.rtl .track_order table tr td:last-child {text-align: left;}
.rtl .track_order ul { padding: 0 35px 0 0 }
.rtl .track_order ul li:before {right: -30px; left: auto;}
.rtl .track_order ul li:after  {right: -23px; left: auto;}
.rtl .track_order ul li i {right: -30px; left: auto;}
.rtl .feedback_band .detail_sec .detail_band .radiobtn p { margin-left: 95px; margin-right: 0; }
.rtl .review_popup h4 {text-align: right;}
.rtl .btn_grp .left_btn { float: left; }


/*@media screen and (max-height: 736px) {
.slider .swiper-container .swiper-slide .content {  height: 160px;}
.features .content {     padding: 40px 20px; }
}
@media screen and (max-height: 620px) {
.slider .swiper-container .swiper-slide .content {  height: 120px;}
.features .content { padding: 20px 20px; }
}
*/
/*.features .col-md-6:nth-last-child(1) .content {margin-bottom: 0;}*/

@media screen and (max-height: 768px) {
.slider .item {height: 230px;}
}
@media screen and (max-height: 1024px) {
    .slider .item {
        height: 410px;
    }
}
@media screen and (max-height: 890px) {
    .slider .item {
        height: 390px;
    }
}

@media screen and (max-height: 870px) {
    .slider .item {
        height: 380px;
    }
}

@media screen and (max-height: 850px) {
    .slider .item {
        height: 370px;
    }
}


@media screen and (max-height: 830px) {
    .slider .item {
        height: 360px;
    }
}
@media screen and (max-height: 810px) {
    .slider .item {
        height: 345px;
    }
}

@media screen and (max-height: 650px) {
  .slider .item {height: 160px;}
}
@media screen and (max-height: 630px) {
  .slider .item {height: 140px;}
}
@media screen and (max-height: 610px) {
  .slider .item {height: 120px;}
}


@media screen and (max-width: 400px) {

    .code_band .w-12 { width: 2.5rem; }
}

@media screen and (max-width: 340px) {
    .center_side {padding: 0 10px;}

}

@media screen and (max-width: 320px) {
    .slider .item { height: 120px; }
    .header-title h4 {font-size: 14px;}
    .code_band .w-12 { width: 2rem;}
    .bg-radius {height: 120px;}
    .logo_band img {width: 80px; height: 80px; margin-top: -40px;}
}

@media screen and (max-width: 767px) {
    .cart_btn { width: 92%;}
    .modal  .cart_btn {width: 92%;}
    .bg-radius {width: 100%;}
    #app {width: 100%;}
    .fixed_btn {width: 92%;}
    .modal-dialog { max-width: 100%;}
}

@media screen and (max-width: 370px) {
    .fixed_btn {padding: 14px 15px;}
    .fixed_btn i {left: 15px;}
    .fixed_btn span {right: 15px;}
    .cart_btn { text-align: center; }
    .cart_btn span {right: 30px;}
    #place-order .cart_btn, .order_placed a {text-align: center;}
    .nav_category ul li:first-child {padding-left: 8px;}
    .modal .cart_btn { text-align: left; }
    .modal-header { padding: 20px 20px 13px 20px; }
    .modal-body {padding: 20px;}
    .rtl .modal .cart_btn {text-align: right;}
}

.btn-toolbar.sw-toolbar {
    border-top: 1px solid;
    padding-top: 8px;
    margin: 0;
}

.sub_card h4 {
    font-size: 18px !important;
}


/*Aleryt*/
.swal2-content .swal2-html-container {
    color: #333;
    font-weight: 700;
}

.swal2-styled.swal2-confirm, .swal2-styled.swal2-confirm {
    background-color: var(--theme-color) !important;
    padding: 6px 20px;
    margin:0;
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: var(--theme-color) !important;
}
.swal2-icon.swal2-success .swal2-success-ring {
        border: 0.25em solid var(--theme-color) !important;
}
.playing-next-list .search {
    padding-bottom: 5px;
}

body .modal-footer .btn-primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.swal2-styled:focus {
    box-shadow: 0 0 0 3px var(--theme-color) !important;
}

.request-review-model .modal-header {
    padding: 5px 21px;
    /* color: #000 !important; */
    border-bottom: 1px solid #25252736;
    border-radius: 0;
}

.request-review-model h5.modal-title {
    color: #000;
}


@media screen and (max-height: 896px) {
    .features .content {
        padding: 20px;
        height: 180px;
    }
}


@media screen and (max-height: 860px) {
    .features .content {
        height: 165px;
    }
}



@media screen and (max-height: 790px) {
    .slider .item {
        height: 260px;
    }
    .features .content {
        height: 195px;
    }
}

@media screen and (max-height: 770px) {
    .slider .item {
        height: 250px;
    }
}

@media screen and (max-height: 750px) {
    .slider .item {
        height: 235px;
    }
    .features .content {
        height: 190px;
    }
}

@media screen and (max-height: 730px) {
    .slider .item {
        height: 220px;
    }
    .features .content {
        height: 180px;
    }
}

@media screen and (max-height: 700px) {
    .features .content {
        height: 170px;
    }
}

@media screen and (max-height: 680px) {
    .features .content {
        height: 150px;
    }
}
@media screen and (max-height: 650px) {
    .features .content {
        height: 165px;
    }
    .slider .item {
        height: 170px;
    }
    .logo_band img {
        height: 120px;
        margin-top: -60px;
    }
    .features .content img { height: 45px; }
}
@media screen and (max-height: 620px) {
    .features .content {
        height: 160px;
    }
}

@media screen and (max-height: 600px) {
    .features .content {
        height: 150px;
    }
}


@media screen and (max-height: 575px) {
    .features .content {
        height: 145px;
    }
}

.empty-slide img {
    margin-top: 0;
}

.abbreviations li {
    margin-right: 0 !important;
}

.center_side.empty-image {
    width: 100%;
}

.tags-list li {
    display: inline-block;
    background-color: #4f0fff08;
    margin-left: 7px;
    padding: 4px 14px;
    margin-bottom: 9px;
    border-radius: 36px;
    border: 1px solid #4f0fff12;
}
.tags-info {
    padding: 0 15px 15px 15px;
}

button.close-tags {
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    border: none;
    color: #000;
}

.tags_info_dailog .modal-body{
    padding: 0;
}

.tags_info_dailog .modal-header{
    padding: 10px;
}

a.tag-info {
    background: transparent;
    border: 0;
    color: #000;
        margin-left: 5px;
    padding: 0;
}

.cart-error{
    bottom: 0 !important;
}

.swal2-styled.swal2-cancel {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #757575;
    color: #fff;
    font-size: 1em;
    padding-top: 7px !important;
}



.select2-container {
  width: 100% !important;
}
.branch_band.new {padding: 0 0 5px 0;}
.swal2-title {
  color: #ffa70d;
}
.swal2-actions button {
    height: 35px;
}

.swal2-styled:focus {
    box-shadow: none !important; }

a.menu_serch {
    margin: 0px;
    display: flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}


.search_bar {position: relative;display: inline-block;width: 100%;}

.search_bar input {border-color: #ffa70d;margin: 0;border-radius: 5px; width: 100%; height: 50px; border: 1px solid #d1d3d4;
font-size: 16px;}

.search_bar a {position: absolute;right: 0;top: 0;background: #ffa70d;border: 0; border-radius: 5px;}

.search_bar a i {color: #fff;}

.search_bar .twitter-typeahead {
    display: block !important;
}

.show_optins {
    padding: 10px;
    box-shadow: 0px 5px 20px #9dc4ed4f;
    max-height: 200px;
    overflow: auto; 
}

button.show_suggent {border: none;position: initial;background: transparent;color: #000;font-size: 16px;font-style: normal;font-weight: 500;line-height: 2;}

.typeahead:focus { border: 1px solid #d1d3d4 !important; }


.search_bar .tt-menu {width: 100%; border-color: #d1d3d4;     max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;}

.search_bar .tt-suggestion {font-size: 16px;}


.modal-header h4 {margin-bottom: 20px;}

i.fa.fa-times.fa-1x.text-dark {
    color: #FFF !important;
}

.modal-body.filter {
    overflow-x: hidden;
}

i.fa.fa-times.fa-1x.text-dark {
    cursor: pointer;
}

.level_three_card h4 {
    font-size: 16px !important;
}

 .parent_sec p {margin-bottom: 10px;}

.parent_sec b {display: inline-block;width: 100%;    padding-right: 5px;}
.parent_sec span {display: inline-block;width: 100%;}


.Price_tag .text-dark {
        display: flex;
    justify-content: center;
    align-items: center;
}

.filter h4 {margin-bottom: 20px;}

button.close-tags i {font-size: 18px;}

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

.slider .carousel-item {height: 200px;}

.slider .carousel-item img {width: 100%;height: 100%;object-fit: cover;}


.white_header { margin-bottom: 20px;border-radius: 5px; }
.play-next-list {display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.playing-directions button {
    background: #FB3742;
    border-color: #FB3742;
    border-radius: 5px;
}
.logo-card {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
}
.logo-band img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.logo-band {
    width: 70px;
    height: 70px;
    background-color: #ebebeb;
    border-radius: 57px;
}

  footer { text-align: center; padding-left: 8px;}

  footer a {color: var(--color) !important; }
  footer p {
    text-align: center;
    padding: 8px;
    margin: 0;
}

.tab-anchor{
    width:  100%;
}

.tab-anchor:hover{
    text-decoration: none;
}


.mySlides {display: none;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}



/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}


/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}


.mySlides.fade {width: 100% !important;}

.mySlides.fade img {width: 100% !important;}

.mySlides.fade img {margin: 0px !important;}

span.dot {display: none;}

img.swoaap {
height: 170px !important;
    width: 100% !important;
    object-fit: cover;
    cursor: grab;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    user-select: none;
}




.mySlides.fade img {
    height: 210px;
    width: 100%;
    position: relative;
}


@media screen and (max-height: 768px){
.mySlides.fade img {
    height: 230px;

}
}

@media screen and (max-height: 1024px){
.mySlides.fade img {
    height: 410px;
}
}

@media screen and (max-height: 890px){
.mySlides.fade img {
    height: 390px;
}
}

@media screen and (max-height: 870px){
.mySlides.fade img {
    height: 380px;
}}

@media screen and (max-height: 850px){
.mySlides.fade img {
    height: 370px;
}}

@media screen and (max-height: 830px){
.mySlides.fade img {
    height: 360px;
}
}
@media screen and (max-height: 810px){
.mySlides.fade img {
    height: 345px;
}
}

@media screen and (max-height: 790px){
.mySlides.fade img {
    height: 260px;
}
}

@media screen and (max-height: 770px){
    .mySlides.fade img {
        height: 250px;
    }
}

@media screen and (max-height: 750px){
    .mySlides.fade img {
        height: auto !important;
    }
}

img.swoaap {
    touch-action: none;
}

table.menu_items_info tr {
    border: 1px solid #eee;
    line-height: 27px;
   
}

table.menu_items_info td {
     padding: 10px;
       color: #000000d1;
}

table.menu_items_info th {
    padding: 10px;
     border-right:1px solid #eee;
       color: #000000d1;
}

.fade:not(.show) {
    opacity: 1 !important;
}

.prices {
    font-size: 16px;
    font-weight: bold;
    text-decoration: line-through;
    display: inline-block;
    margin-top: 8px;
}
.prices b {
    font-weight: 400;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    font-family: var(--general-font-family);
    display: inline-block;
    margin-left: 5px;
}

.right_side {
    display: block !important;
}

.item_img {
    display: block !important;
}

.default-btn{
    background-color: var(--theme-color);
    color:  var(--color);
    height: 40px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border: 0;
}
.abcRioButtonContentWrapper{
    background-color: var(--theme-color);
}

.by-request{
    color : #FB3742;
}

#menual_login{
    background-color:  var(--theme-color);
    border:  0;
}

@media (max-width:767px){
    .right_side .item_img {
        height: 100px;
    }
    .right_side .item_img img {
        width: 100%;
        object-fit: cover;
    }
}

.jukebox_logo img {
    width: 125px !important;
    margin-bottom : 10px;
}
.title-order h5 {
    color: #00759d; 
    margin-bottom: -20px;
}
.branch_band a:hover{
    text-decoration: none;
}

.wallet_amount p{
    color: #979797;
}

.wallet_amount{
    display: flex;
    justify-content: space-between;
}
.use_wallet{
    display: flex;
}
.wallet{
    width: 20px;
    margin-right : 10px;
} 
.use_wallet_label{
    margin-top: 5px;
}
.wallet_block{
    text-align: center;
}
.wallet_block p{
    color: #979797;
}
.wallet_history{
    text-align: center;
}

.order_placed .fa-times-circle{
    color: red;
}

.detail_band.quantity-band-section {
    display: grid;
    grid-template-columns: calc(100% - 120px) auto;
    align-items: center;
}

.card-link h4 {
    color: inherit;
}

.card-link h6 {
    color: inherit;
}

.loader {
    border: 10px solid #c9c6c6; 
    border-top: 10px solid var(--theme-color);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
    margin: auto;
}
  
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loader-main {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    text-align: center;
    display: flex;
    z-index: 10;
    background: #f1f1f194;
}

.hide{
    display: none;
}

.top-bar {
    position: absolute;
    right: 0px;
    z-index: 1;
    gap: 10px;
    display: flex;
    bottom: 15px;
    width: 100%;
    justify-content: space-between;
    padding: 0 25px;
}

.top-bar i.fas.fa-envelope {
    color: #000;
    cursor: pointer;
}

.top-bar i.fas.fa-phone {
    color: #000;
    cursor: pointer;
}

.logo_band a {
    display: flex;
}

.top-bar a:hover{
    text-decoration: none;
    color: #000;
}

.top-bar span{
    color: #000;
    font-size: 12px;
    line-height: 1;
    padding-top: 5px;
}

.top-bar a{
    display: grid;
    background: #fff;
    border-radius: 5px;
    color: #000;
    text-align: center;
    padding: 4px 10px;
}

.call-button {
    position: fixed;
    right: 0;
    bottom: 8px;
    width: 90% !important;
    margin: 7px auto;
    display: block;
    left: 0;
    height: 45px;
    box-shadow: 0px 10px 50px #fff;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    border: 0px solid;
    align-items: center;
    display: flex;
    justify-content: center;
    background-color: var(--theme-color);
    color: #fff !important;
    cursor: pointer;
}