/* .image img {
    min-width: 240px;
    max-height: 164px;
} */

body {
    top: 0 !important;
    font-family: "Poppins", sans-serif;
}

#topcontrol {
    z-index: 9;
}

.pickMe {
    font-size: 10px !important;
    padding: 16px 0px !important;
}

.goog-text-highlight {
    background-color: transparent !important;
    -webkit-box-shadow: 0 !important;
    -moz-box-shadow: 0 !important;
    box-shadow: 0 !important;
    box-sizing: unset;
    -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    position: relative;
}

#goog-gt-tt {
    display: none !important;
}

.cart_items {
    overflow-x: hidden;
    max-height: 359px;
}

.navbar-header {
    background: #fff;
}

.lang-translation li {
    padding: 0;
    margin: 0;
    list-style-type: none !important;
    line-height: 15px;
    font-size: 12px;
    border-bottom: 1px solid #eaeaea;
    /* border-top: 1px solid #eaeaea; */
}
.lang-translation li:hover a{
    color: #f7941d;
}

.lang-translation a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.lang-translation {
    margin: 0px;
    padding: 0px;
}

#global-nav {
    position: fixed;
    top: 0;
    /* z-index: 9999; */
    /* height: 130px; */
    width: 100%;
    /* background: #324c5f; */
    color: #fff;
    /* line-height: 130px; */
    -webkit-transition: height 0.5s, line-height 0.5s;
    /* Safari */
    transition: height 0.5s, line-height 0.5s;
    border-radius: 0%;
    box-shadow: 0px -2px 8px 4px #66666638;
    padding: 5px;
}

.site-title img {
    display: inline-block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.scrolled-nav .site-title img {
    width: 91px !important;
    height: auto;
}

/* .scrolled-nav {
    height: 60px !important;
    line-height: 60px !important;
} */

/*============*/

#navbar-collapse-1 {
    /* position: fixed; */
    /* top: 0; */
    /* z-index: 9999; */
    width: 100%;
    /* background: #324c5f; */
    color: #fff;
    margin-top: 0px;
    -webkit-transition: height 0.5s, line-height 0.5s;
    /* Safari */
    transition: height 0.5s, line-height 0.5s;
    border-radius: 5px;
}

.navbar-header {
    -webkit-transition: height 0.5s, line-height 0.5s;
    transition: height 0.5s, line-height 0.5s;
}

.navbar-header {
    display: inline-block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.navbar-nav {
    display: inline-block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

/* .scrolled-nav2 .navbar-nav {
    width: 80%;
} */

.scrolled-nav2 {
    /* margin-top: 0px !important; */
}

/*============*/

/* .counter {
    width: 20px;
    height: 20px;
    background: black;
    color: #fff;
    position: fixed;
    top: 120px;
    right: 0;
} */

.dum-font {
    font-family: "Poppins", sans-serif !important;
}

.editadd {
    /* background: #f7941d;
    color: #fff;
    padding: 8px 25px;
    font-size: 14px; */
    background: #c7252f;
    color: #fff !important;
    padding: 7px 17px;
    font-size: 13px;
    border-radius: 3px;
}

.select-selected {
    background-color: DodgerBlue;
}

.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

.select-items div,
.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}

.select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.delivery-bg {
    background: #c7252f;
    color: #fff;
    padding: 5px 15px;
    margin: 0px;
}

.rb-email {
    display: none;
}

.DT {
    background: #f7941d;
    color: #fff !important;
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    display: block;
    margin-top: 5px;
    background-image: linear-gradient(
        to left,
        transparent,
        transparent 50%,
        #c7252f 50%,
        #c7252f
    );
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all 0.25s ease-in;
}

.delivery_location_details_apartment {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
}

.delivery_location_details_apartment p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}

/* .DT:hover {
    background-position: 0 0;
    color: #fff;
} */

.rb-phone {
    display: none;
}

.TA {
    background: #f7941d;
    color: #fff !important;
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    display: block;
    margin-top: 5px;
    background-image: linear-gradient(
        to left,
        transparent,
        transparent 50%,
        #c7252f 50%,
        #c7252f
    );
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all 0.25s ease-in;
}

/* .TA:hover {
    background-position: 0 0;
    color: #fff;
} */

.DTTA-M {
    margin-bottom: 7px;
    margin-top: 2px;
}

.email,
.phone {
    display: none;
}

.rb-email:checked ~ .email {
    display: inline;
}

.rb-phone:checked ~ .phone {
    display: inline;
}

.label {
    color: #666;
}

/* .box {
    color: #fff;
    padding: 20px;
    display: none;
    margin-top: 20px;
}

.red {
    background: #ff0000;
}

.green {
    background: #228B22;
}

label {
    margin-right: 15px;
} */

/* header {
    position: fixed;
} */

.p-style-footer {
    font-size: 19px;
    line-height: 26px;
}

.feed-pad {
    padding: 7px 7px;
}

.feed-pad2 {
    padding: 3px 7px;
}

.feed-bk {
    width: 100%;
    border: 1px solid #cecece;
    outline: none;
}

.feed-bk2 {
    width: 100%;
    border: 1px solid #cecece;
    outline: none;
}

.feed-bk-btn {
    background: #c6242f;
    border: none;
    color: #fff;
    padding: 12px 24px;
    border-radius: 3px;
    font-size: 16px;
    border-width: 0px;
    margin-top: 10px;
}

.v-center10 {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ord-btn {
    background: #c6242f;
    border: none;
    color: #fff;
    padding: 16px 25px;
    border-radius: 3px;
    font-size: 16px;
    margin-top: 30px;
}

.img-sgn {
    border-radius: 5px;
}

.p-st {
    font-size: 23px;
    text-align: center;
    margin: 45px 0px 50px;
}

.p-st2 {
    margin: 45px 0px 50px;
}

.home-tt-7 {
    color: #2d2d2d;
}

.home-tt-8 {
    color: #3a3a3a;
}

.call-style {
    background: #f7941d;
    font-size: 23px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #fff;
    text-align: center;
    /* padding: 10px 7px; */
}

.ml7 {
    position: relative;
    font-weight: 600;
    font-size: 25px;
}

.ml7 .text-wrapper {
    position: relative;
    display: inline-block;
    /* padding-top: 0.1em;
    padding-right: 0.05em;
    padding-bottom: 0.1em; */
    overflow: hidden;
}

.ml7 .letter {
    transform-origin: 0 100%;
    display: inline-block;
    /* line-height: 1em; */
}

.owl-dots {
    display: none;
}

.col-sm-custom {
    width: 20% !important;
    min-height: 175px;
}

.menu-bg-color {
    background: #fff;
    color: #666;
}

.navbar {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}

/* .navbar-nav > li > a:visited {
    color: #2a2a2a;
} */

.margin-top120 {
    margin-top: 120px;
}

.margin-top92 {
    margin-top: 92px;
}

.margin-top97 {
    margin-top: 97px;
}

.margin-top132 {
    margin-top: 132px;
}

.margin-top134 {
    margin-top: 134px;
}

.items-wrapper .menu-item.fa.fa-facebook {
    background-color: #4267b2;
}

.items-wrapper .menu-item.fa.fa-instagram {
    background-color: #c10a9e;
}

.items-wrapper .menu-item.fa.fa-twitter {
    background-color: #009add;
}

.items-wrapper .menu-item.fa.fa-glass {
    background-color: #f7941d;
}

.whatsapp-btn-contact {
    font-size: 40px !important;
    color: #049c3c;
}

.qr-code-s {
    height: auto;
    width: 100%;
    padding: 0px;
    margin: 0px auto;
}
.customer_support_cnt h5{
    color: #f7941d;
    font-size: 18px;
    font-weight: 600;
}
.customer_support_cnt p{
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    color: #353535;
}
.contact_cnt_main h3{
    margin-bottom: 3rem;
}

.mainDiv {
    display: flex;
}

div.qrcode-bar {
    /* background-image: linear-gradient(#c6242f, #c6242f),
        linear-gradient(#c6242f, #c6242f), linear-gradient(#c6242f, #c6242f),
        linear-gradient(#c6242f, #c6242f), linear-gradient(#f2f7f3, #f2f7f3);
    background-repeat: no-repeat;
    background-size: 4px 15%, 15% 4px, 4px 15%, 15% 4px,
        calc(100% - 8px) calc(100% - 8px);
    background-position: left bottom, left bottom, right top, right top, 4px 4px; */
    /* height: 200px;
    width: 200px;
    margin: 20px;
    padding: 25px; */
}
.sm_icon_flex{
    display: flex;
    gap: 3rem;
    margin-bottom: 3rem;
    justify-content: flex-start;
    align-items: center;
}

.ref-style {
    width: 100%;
    padding: 5px 10px;
    /* margin: 6px; */
    /* border-radius: 3px; */
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px solid #cecece;
}

.ref-btn {
    width: 100%;
    margin: 7px 0px;
    padding: 5px 10px;
    outline: none;
    border-radius: 3px;
}

.ref-p {
    margin-top: 50px;
    margin-bottom: 30px;
}

.ref-tercond {
    margin-top: 20px;
    margin-bottom: 70px;
}

.refer-pb30pt5 {
    padding-bottom: 30px;
    padding-top: 5px;
}

#Div2 {
    display: none;
}

.refercode-bg-media {
    padding-bottom: 50px;
    padding-top: 50px;
    background-color: #ffffff;
}

.paddingtop15 {
    padding-top: 15px;
}

.padding15 p {
    padding: 15px;
}

p.style-high {
    font-size: 18px;
    line-height: 1.7;
}

/*=====IMAGE EFFECTS=====*/

/****** image hover ******/

.image-hover * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.image-hover {
    border-radius: 10px;
    position: relative;
    width: 100%;
    height: auto;
    display: inline-block;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
}

.image-hover a {
    text-decoration: none;
}

.image-hover img {
    margin: -100px 0px 0px -100px;
}

/*** effect - shadow 1 ***/

.img-shadow-1 {
    -webkit-box-shadow: 0 28px 16px -26px black;
    -moz-box-shadow: 0 28px 16px -26px black;
    box-shadow: 0 28px 16px -26px black;
}

.img-shadow-1:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-box-shadow: 0 58px 36px -56px black;
    -moz-box-shadow: 0 58px 36px -56px black;
    box-shadow: 0 58px 36px -56px black;
}

.img-shadow-1 {
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
}

.img-shadow-1:hover {
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
}

/*=====IMAGE EFFECTS END ====*/

.col-md-offset-1a {
    margin-bottom: 1%;
    margin-top: 10%;
}

.col-md-offset-1 {
    margin-bottom: 1%;
    margin-top: 5%;
}

.item {
    width: 100%;
    height: auto;
    /* height: 545px; */
}

.active {
    color: #f7941d;
}

.exciting-offer {
    position: inherit;
    right: -55px;
    /* top: 62%; */
    z-index: 999;
    font-size: 23px;
    color: #f2f2f2;
}

.rotate {
    transform: rotate(-90deg);
}

.whatsapp-float2 {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 3rem;
    right: 8rem;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 9;
}

.bounce2 {
    animation: bounce 4s infinite;
}

@keyframes bounce2 {
    0%,
    25%,
    50%,
    75%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-25px);
    }
    60% {
        transform: translateY(-15px);
    }
}

.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 11rem;
    right: 17px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 998;
}

.whatsapp-my-float {
    margin-top: 16px;
}

.bounce {
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%,
    25%,
    50%,
    75%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-20px);
    }
    60% {
        transform: translateY(-12px);
    }
}

.circular-menu {
    position: fixed;
    bottom: 1em;
    left: 1em;
    z-index: 998;
}

.circular-menu .floating-btn {
    display: block;
    width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    background-color: hsl(4, 98%, 60%);
    box-shadow: 0 2px 5px 0 hsla(0, 0%, 0%, 0.26);
    color: hsl(0, 0%, 100%);
    text-align: center;
    line-height: 3.9;
    cursor: pointer;
    outline: 0;
}

.circular-menu.active .floating-btn {
    box-shadow: inset 0 0 3px hsla(0, 0%, 0%, 0.3);
}

.circular-menu .floating-btn:active {
    box-shadow: 0 4px 8px 0 hsla(0, 0%, 0%, 0.4);
}

.circular-menu .floating-btn i {
    font-size: 1.3em;
    transition: transform 0.2s;
}

.circular-menu.active .floating-btn i {
    transform: rotate(-45deg);
}

.circular-menu:after {
    display: block;
    content: " ";
    width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
    background-color: #f2f2f2;
    transition: all 0.3s ease;
}

.circular-menu.active:after {
    transform: scale3d(5.5, 5.5, 1);
    transition-timing-function: cubic-bezier(0.68, 1.55, 0.265, 1);
}

.circular-menu .items-wrapper {
    padding: 0;
    margin: 0;
}

.circular-menu .menu-item {
    position: absolute;
    top: 0.2em;
    right: 0.2em;
    z-index: -1;
    display: block;
    text-decoration: none;
    color: hsl(0, 0%, 100%);
    font-size: 1em;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    text-align: center;
    line-height: 3;
    /* background-color: hsla(0,0%,0%,.1); */
    background-color: #c6242f;
    transition: transform 0.3s ease, background 0.2s ease;
}

.circular-menu .menu-item:hover {
    background-color: #ee4037;
}

.circular-menu.active .menu-item {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.circular-menu.active .menu-item:nth-child(1) {
    transform: translate3d(-1em, -7em, 0);
}

.circular-menu.active .menu-item:nth-child(2) {
    transform: translate3d(3.5em, -6.3em, 0);
}

.circular-menu.active .menu-item:nth-child(3) {
    transform: translate3d(6.5em, -3.2em, 0);
}

.circular-menu.active .menu-item:nth-child(4) {
    transform: translate3d(7em, 1em, 0);
}

/**
 * The other theme for this menu
 */

.circular-menu.circular-menu-left {
    right: auto;
    left: 1em;
}

.circular-menu.circular-menu-left .floating-btn {
    background-color: #c6242f;
}

.circular-menu.circular-menu-left:after {
    background-color: #f2f2f2;
}

.circular-menu.circular-menu-left.active .floating-btn i {
    transform: rotate(90deg);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(1) {
    transform: translate3d(-1em, -7em, 0);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(2) {
    transform: translate3d(3.5em, -6.3em, 0);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(3) {
    transform: translate3d(6.5em, -3.2em, 0);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(4) {
    transform: translate3d(7em, 1em, 0);
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0px !important;
}

.active .dropdown-toggle {
    padding-top: 10px;
}

.mega-width {
    /* width: 900px; */
    margin-top: 20px;
    padding-left: 20px;
}

.dropdown-menu-show {
    top: 25px !important;
}

.col-md-4 span.text-uppercase.text-white {
    padding-bottom: 30px !important;
}

.text-custom {
    color: #000 !important;
}

.devide {
    padding-top: 10px;
    padding-bottom: 10px;
}

@grid-gutter-width: 30px;
@line-height-base: 1.428571429;
@gray: #555;
@link-hover-color: darken(#337ab7, 15%);

/* Descendant of .nav, Bootstrap specificity (shouldn't be like this) */

.nav > .dropdown-megamenu {
    position: static;
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-container {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        border: 0;
        box-shadow: none;
        border-radius: 0;
    }
}

.dropdown-megamenu > .dropdown-container {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-width: 100%;
    padding: 0.5 * @grid-gutter-width;
}

.dropdown-megamenu .dropdown-menu {
    display: block;
}

.link-image .media-object {
    float: left;
    margin-bottom: 0.25 * @grid-gutter-width;
}

.link-image-sm + .link-image-sm .media-object {
    margin-left: 0.25 * @grid-gutter-width;
}

.thumbnail .caption {
    min-height: 120px;
}

.thumbnail:hover {
    text-decoration: none;
}

/* Link list */

.list-links {
    list-style: none;
    padding: 0;
    li {
        line-height: 1.2 * @line-height-base;
    }
    a {
        color: @gray;
        &:hover,
        &:focus,
        &:active {
            color: @link-hover-color;
        }
    }
}

/* General styles to improve presentation */

.example-megamenu {
    width: 100%;
    max-width: 1140px;
    padding: 20px;
    margin: 0 auto;
}

h3 {
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    /* text-align: center; */
    line-height: 1.3;
    margin-bottom: 2rem;
    /* color: #fff; */
}

.navbar-nav {
    margin-top: 35px;
    float: right;
}

.dropdown.mega-dropdown.open ul {
    min-width: 100%;
    padding: 15px;
}

.border-btm {
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 10px;
}

.dropdown-menu.mega-dropdown-menu.row ul li a:hover {
    color: #f7941d;
}

.navbar-nav > li > a {
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    /* color: #333; */
    color: black;
    font-weight: 500 !important;
    letter-spacing: 0.07em;
}

.navbar-nav > li > a:hover {
    color: #f7941d;
    background-color: transparent !important;
}

.navbar-nav > li > a:active {
    color: #f7941d;
    background-color: transparent !important;
}

.navbar-nav > li > a:focus {
    color: #f7941d;
    background-color: transparent !important;
}

.navbar-nav > li > a:visited {
    /* color: #f7941d; */
    background-color: transparent !important;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
    background-color: transparent;
    border-color: transparent;
}

.icon-logo {
    background: url(images/icon.png);
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
}

.dropdown-menu.mega-dropdown-menu.row .title-submenu {
    line-height: 3;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    letter-spacing: 0.4px;
    padding: 0px;
    font-weight: 600;
    color: #464646;
    background-color: transparent;
}

.dropdown-menu.mega-dropdown-menu.row li {
    line-height: 2;
}

.dropdown-menu.mega-dropdown-menu.row ul li {
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #666;
    list-style: circle;
}

.navbar-toggle {
    top: -17vh;
    background: #f7941d;
}

/* .navbar-collapse.collapse.in{
  margin-top: -8vh;
} */

.navbar-collapse::after {
    background: #c6242f;
}

@media (max-width: 680px) {
}
.navbar .dropdown-menu {
    border: none;
    background: #f0f0f0 !important;
}

/*===============*/

.inner-bgm-thanks {
    /* background: url(../images/thanks.jpg) no-repeat !important; */
    width: 100%;
    height: auto;
    min-height: 690px !important;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#adadad+1,cdebf6+100 */
    background: #adadad;
    /* Old browsers */
    background: -moz-linear-gradient(top, #adadad 1%, #cdebf6 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #adadad 1%, #cdebf6 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #adadad 1%, #cdebf6 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#adadad', endColorstr='#cdebf6', GradientType=0);
    /* IE6-9 */
}

.thanku {
    font-weight: 600;
    color: #f27514;
}

.inner-bgm-track {
    background: url(../images/track.jpg) no-repeat;
    padding: 40px;
    min-height: 250px;
    background-size: cover;
    padding: 13% 0;
    padding-bottom: 0px;
}

.inner-bgm-blog-bg {
    background: url(../images/blog_banner_new.png) no-repeat !important;
    padding: 40px;
    min-height: 250px;
    background-size: cover;
    padding: 13% 0;
    padding-bottom: 0px;
    width: 100%;
    background-size: cover !important;
}

.inner-bgm-cntls {
    background: url(../images/cnless.jpg) no-repeat !important;
    padding: 40px;
    min-height: 250px;
    background-size: cover;
    padding: 13% 0;
    padding-bottom: 0px;
}

.inner-bgm-dine {
    background: url(../images/slider-1d.jpg) no-repeat;
    padding: 40px;
    min-height: 250px;
    background-size: cover;
    padding: 15% 0;
    padding-bottom: 0px;
}

.inner-bgm-takeway {
    background: url(../images/takeway.jpg) no-repeat;
    padding: 40px;
    min-height: 250px;
    background-size: cover;
    padding: 15% 0;
    padding-bottom: 0px;
}

.inner-bgm-terms {
    background: url(../images/terms.jpg) no-repeat;
    padding: 40px;
    min-height: 390px;
    background-size: cover;
    padding: 15% 0;
    padding-bottom: 0px;
}

.inner-bgm-terms-copy {
    background: url(../images/banner-copy.jpg) no-repeat;
    padding: 40px;
    min-height: 390px;
    background-size: cover;
    padding: 15% 0;
    padding-bottom: 0px;
}

.inner-bgm-media {
    background: url(../images/media_banner.png) no-repeat;
    padding: 40px;
    min-height: 250px;
    background-size: cover;
    padding: 13% 0;
    padding-bottom: 0px;
}

.inner-bgm-contact {
    background: url(../images/banner_contact.png) no-repeat !important;
    padding: 40px;
    min-height: 250px;
    background-size: cover !important;
    padding: 13% 0;
    padding-bottom: 0px;
}

.inner-bgm-catering {
    background: url(../images/slider-1b.jpg) no-repeat;
    padding: 40px;
    min-height: 250px;
    background-size: cover;
    padding: 20% 0;
    padding-bottom: 0px;
}

.inner-bgm-about {
    background: url(../images/slider-1a.jpg) no-repeat;
    padding: 40px;
    min-height: 250px;
    background-size: cover;
    padding: 13% 0;
    padding-bottom: 0px;
}

.inner-bgm-refer {
    background: url(../images/refer.jpg) no-repeat;
    padding: 40px;
    min-height: 420px;
    background-size: cover;
    padding: 13% 0;
    padding-bottom: 0px;
}

.color-2nd {
    color: #f7941d;
}

.mt-4-Pers {
    margin-top: 4%;
}

/*--STYLE--*/

.subscribe {
    position: relative;
}

.subscribe label {
    display: block;
}

.subscribe .search-field {
    background-color: #ffffff;
    height: 50px;
    padding: 6px 18px;
    border: none;
    width: 100%;
    display: block;
    outline: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #fff;
}

.subscribe .search-submit {
    position: absolute;
    cursor: pointer;
    top: 3px;
    right: 3px;
    outline: 0;
    border: none;
    color: #fff;
    /* background: -webkit-gradient(linear, left top, right top, from(#5c0527), to(#8a0539)); */
    /* background: linear-gradient(to right, #5c0527 0, #8a0539 100%); */
    background: #f7941d;
    height: 44px;
    padding: 0 20px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 15px;
    text-transform: capitalize;
}
.quick-links ul {
    padding: 0;
    list-style: none;
}
.quick-links ul li {
    line-height: 35px;
    font-family: "Poppins", sans-serif;
}
.quick-links ul a:hover{
    color: #f7941d;
}
.top-social-footer {
    padding-top: 15px;
    color: #fff;
}

.top-social-footer i {
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 30px;
    padding-top: 7px;
    float: left;
    margin-right: 15px;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -ms-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

.top-social-footer a > i:hover {
    border: 1px solid #f7941d;
    color: #f7941d;
}

.footer-head h4 {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e35f67;
    font-family: "Poppins", sans-serif;
    font-weight: 100;
}

.footer-head p {
    font-family: "Poppins", sans-serif;
}

.promise-clr {
    color: #000;
    /* padding-top: 50px; */
}

.bk {
    /* background-image: url(../images/bk.png); */
    background-repeat: no-repeat;
}

.mbt-4 {
    margin-bottom: 20px;
    margin-top: 20px;
}

.min-h p {
    white-space: nowrap;
    width: 323px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center !important;
}

.mbt-4:hover {
    box-shadow: black;
}

.mbt-4 p {
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    padding-top: 10px;
    color: #5e5e5e;
    /* font-family: 'Times New Roman', Times, serif; */
}

.mbt-4 img {
    transition: all ease 0.4s;
}

.mbt-4 img:hover {
    transform: scale(1.09);
    transition: all ease 0.8s;
    position: relative;
    z-index: 9;
    cursor: pointer;
    box-shadow: 0 0 100px 0 rgba(51, 51, 51, 0.22);
}

.promise-clr h1 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #2d2d2d;
}

.promise-clr p {
    font-family: "Poppins", sans-serif;
}

.salad-fruit img {
    transition: all ease 0.4s;
    transition: all ease 2s;
}

.salad-fruit img:hover {
    transform: scale(1.06);
    transition: all ease 2s;
    position: relative;
    /* z-index: 9; */
    cursor: pointer;
    background: transparent;
    /* box-shadow: 0 0 100px 0 rgba(51, 51, 51, 0.22); */
}

.app-dum-hundi {
    background-color: #edf1f2;
    padding: 50px 0px 0px;
}

.app-text {
    padding-left: 10%;
    /* margin-bottom: 10%; */
    padding-top: 8em;
}

.app-dum-hundi .app-text h1 {
    font-family: "Poppins", sans-serif;
    font-size: 25px;
    font-weight: 300;
    line-height: 37px;
}

.app-dum-hundi .app-text h1 {
    /* padding-top: 20%; */
    padding-bottom: 6%;
}

.app-dum-hundi .app-text p {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    margin-bottom: 16px;
}

.order-2 img{

    width: 400px;
    height: auto;
}

.num-style {
    /* font-family: 'oswald', sans-serif; */
    font-weight: 600;
    font-size: 14px;
}

.boldapp4 {
    /* font-family: 'oswald', sans-serif; */
}

.boldapp5 {
    /* font-family: 'oswald', sans-serif; */
}

.app-dum-hundi .app-text p span.boldapp2 {
    /* font-family: 'oswald', sans-serif; */
    font-weight: 600;
}

.app-dum-hundi .app-text p a.boldapp3 {
    font-family: "Poppins", sans-serif;
    color: red;
    cursor: pointer;
}

.app-dum-hundi .app-text h1 span.boldapp {
    font-family: "Poppins", sans-serif;
    font-size: 31px;
    font-weight: 600;
}

.app-dum-hundi .app-text h1 span {
    font-family: "Poppins", sans-serif;
    font-size: 32px;
}

.app-text img {
    /* display:inline-block;
    position: relative; */
    -webkit-transition: all 0.9s ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 0.9s ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 0.9s ease-in;
    -moz-transform: scale(1);
    transition: all 0.9s ease-in;
    transform: scale(1);
}

.app-text img:hover {
    -webkit-transition: all 0.6s ease-in;
    -webkit-transform: scale(1.2);
    -ms-transition: all 0.6s ease-in;
    -ms-transform: scale(1.2);
    -moz-transition: all 0.6s ease-in;
    -moz-transform: scale(1.2);
    transition: all 0.6s ease-in;
    transform: scale(1.1);
}

.serve-something h2 span {
    font-weight: initial;
}

.mb-4 {
    margin-bottom: 50px;
}

.register-btn {
    background: #f7941d;
    border-radius: 5px;
    padding: 5px 10px !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 2vh !important;
    /* border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; */
}

.register-btn span {
    font-size: 12px;
    font-weight: 100;
    letter-spacing: normal;
}

.navbar-collapse .navbar-nav .rg-btn a:hover {
    background: #c6242f !important;
    color: #f2f2f2 !important;
}

.navbar-collapse .navbar-nav .rg-btn a:focus {
    background: #c6242f !important;
    color: #f2f2f2 !important;
}

/*==================*/

/*=========================*/

/* POPUP */

/*==========================*/

.modal-title {
    font-family: "Poppins", sans-serif;
}

.modal-pro-desc {
    margin-top: 5% !important;
    z-index: 99;
}

.modal {
    margin-top: 10%;
}

.close:focus,
.close:hover {
    color: #f7941d;
}

.close {
    color: white;
}

.modal-content .modal-header {
    background-color: #c6242f;
    color: #fff;
    text-align: center;
    border-bottom: none;
}

.modal-content .register-1st-popup img {
    border-bottom-left-radius: 5px;
}

.modal-content .register-1st-popup ul li {
    list-style: none;
    margin-top: 15px;
}

.modal-content .register-1st-popup ul li.mtp1 {
    padding-top: 33px;
}

.modal-content .register-1st-popup ul {
    padding-inline-start: 0px;
}

.modal-content .register-1st-popup .register-mobile {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: table-cell;
    border: 1px solid #9a9a9a;
    font-family: "oswald", sans-serif;
}

.register-mobile-code {
    float: left;
    padding: 6px 10px;
    display: table-cell;
    border-left: 1px solid #9a9a9a;
    border-top: 1px solid #9a9a9a;
    border-bottom: 1px solid #9a9a9a;
    font-family: "Poppins", sans-serif;
}

.register-mobile-code {
    white-space: nowrap;
    vertical-align: middle;
}

/*=========================*/

/* END POPUP */

/*==========================*/

/*=========================*/

/* 2nd POPUP */

/*==========================*/

.register-1st-popup .register-name {
    border: 1px solid #9a9a9a;
}

.register-1st-popup input:focus {
    outline: none;
}

.register-1st-popup input.register-name,
input.register-pass,
input.register-c-pass,
input.register-email,
textarea.register-address {
    width: 100%;
    padding: 3px 7px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
}

.modal-content .register-1st-popup.padding-lef-2ndpp1 {
    padding-right: 0px !important;
}

.pd-left {
    padding-left: 0px;
}

.modal-content .register-1st-popup.padding-lef-2ndpp {
    /* padding-left: 0px; */
    padding-bottom: 0px;
}

.col-md-6.register-1st-popup.mobile-margin {
    padding-bottom: 0px;
}

.modal-content .register-1st-popup.padding-lef-2ndpp ul {
    padding: 0px 20px;
}

.modal-content .padding-lef-2ndpp1 img {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.continue-btn-s button {
    background-color: #f7941d;
    color: #fff;
    border: none;
    padding: 9px 30px;
    font-family: "Poppins", sans-serif;
}

.item-cart-text {
    padding: 7px 10px;
    background: #f6f6f6;
    margin: 10px;
    font-weight: 600;
}

.item-cart-text-name {
    padding: 7px 10px;
    margin: 10px;
}
.popup-addon-price {
    color: #c6242f !important;
    padding-left: 5px;
}

.category_text {
    font-weight: normal;
    font-size: small;
}

.category-name p {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    padding-bottom: 10px;
}

.category-name {
    background: #c6242f;
    border-radius: 10px;
}

.checkbox {
    margin: 20px;
}

.checkbox label {
    min-height: 21px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    line-height: 22px;
}

.c-checkbox span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: -20px;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid #ccc;
    text-align: center;
}

.c-checkbox span:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    text-align: center !important;
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle;
}

.c-checkbox input[type="checkbox"] {
    position: absolute;
    margin: 4px 0 0;
    opacity: 0;
}

.c-checkbox input[type="checkbox"]:checked {
    color: #fff;
    transition: color 0.3s ease-out;
}

.c-checkbox input[type="checkbox"]:checked + span {
    border-color: #5d9cec;
    background-color: #5d9cec;
}

.c-checkbox input[type="checkbox"]:checked + span:before {
    color: #fff;
    opacity: 1;
    transition: color 0.3s ease-out;
}

/*=========================*/

/* 2nd END POPUP */

/*==========================*/

/*==============================*/

/* MENU page*/

/*==============================*/

.checkboxField {
    float: left;
}

.checkboxField2 {
    float: left;
}

.ui-checkbox label {
    padding-left: 10px;
    font-size: 14px;
    font-weight: 100;
}

.checkboxField:after {
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    border: 2px solid;
    border-radius: 0;
    background-color: white;
    border-color: transparent;
    box-sizing: border-box;
    color: #3acfb6;
    content: close-quote;
    display: inline-block;
    height: 12px;
    outline: 2px solid #3acfb6;
    transition-duration: 0.5s;
    transition-property: background-color, border-color;
    width: 12px;
}

.checkboxField:checked:after {
    background-color: #3acfb6;
    border-color: white;
}

.checkboxField2:after {
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    border: 2px solid;
    border-radius: 0;
    background-color: white;
    border-color: transparent;
    box-sizing: border-box;
    color: #c80a0a;
    content: close-quote;
    display: inline-block;
    height: 12px;
    outline: 2px solid #c80a0a;
    transition-duration: 0.5s;
    transition-property: background-color, border-color;
    width: 12px;
}

.checkboxField2:checked:after {
    background-color: #c80a0a;
    border-color: white;
}

.ui-checkbox2 label {
    padding-left: 10px;
}

.searcch-bg {
    background-color: #fff;
    padding-bottom: 16px;
    margin-bottom: 10px;
    padding-top: 16px;
}

.ui-input-text.ui-body-inherit.ui-corner-all.ui-shadow-inset input.search-food {
    width: 100%;
    padding: 7px 15px;
    border-radius: 4px;
    border: 1px solid #e3e3e3;
}

.search-food {
    width: 100%;
    padding: 7px 15px;
    border-radius: 4px;
    border: 1px solid #e3e3e3;
}

.category-bg {
    background-color: #fff !important;
}

.product-image {
    position: relative;
    display: inline-block;
    transition: all 0.2s linear;
}

.image-hover-text {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    opacity: 0;
    cursor: default;
    transition: opacity 0.2s linear;
}

.image-hover-text:hover {
    opacity: 1;
}

.image-hover-text-bubble {
    position: relative;
    box-sizing: border-box;
    top: 0;
    left: 0;
    right: 100%;
    height: 164px;
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    margin: 0 auto;
    padding: 10px;
    overflow: hidden;
    font-size: 10px;
    text-align: left;
    word-wrap: break-word;
}

.image-hover-text .image-hover-text-title {
    display: block;
}

.product-name {
    font-size: 15px;
    color: #666;
    font-weight: 400;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}

.price {
    max-width: 23px;
    height: auto;
}

.price-s {
    font-family: "oswald", sans-serif;
    padding: 0px 7px;
}

.price-s select {
    width: 100%;
    background: none;
}

.price-style {
    display: flex;
    color: #666;
    margin-bottom: 15px;
    align-items: center;
}

.add-cart {
    background: #c7252f;
    color: #fff;
    font-weight: 500;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 7px;
    padding-right: 7px;
    float: right;
    font-size: 11px;
    position: relative;
    top: -10px;
}

.add-cart-d {
    background: #c7252f;
    color: #fff;
    font-weight: 600;

    float: right;
    font-size: 11px;
}

.fix-search {
    position: fixed;
    top: 0px;
}

.active-pro {
    background: #c7252f !important;
}

.products {
    padding: 15px 0px;
}

.products-br {
    border: 1px solid #e2e2e2;
    height: 293px;
}

.ui-loader.ui-corner-all.ui-body-a.ui-loader-default {
    display: none;
}

.accordion-group {
    font-size: 15px !important;
    text-transform: uppercase;
}

a.page-scroll:active {
    color: #f7941d !important;
}

.accordion-group a {
    /* padding-left: 15px;
    padding-right: 25px;
    text-transform: uppercase !important; */
    text-transform: uppercase !important;
    width: 100%;
    display: inline-block;
    padding: 7px 15px;
}

.accordion-group a:active {
    color: #f7941d !important;
}

.accordion-group.active-offer {
    background-color: #c7252f;
    color: #fff !important;
}

.accordion-group.active-offer:hover {
    background-color: #f7941d;
    color: #fff;
    cursor: pointer;
}

.accordion-group a:hover {
    color: #fff;
}

.accordion-group {
    /* padding-top: 7px;
    padding-bottom: 7px; */
    width: 100%;
}

.accordion-group:hover {
    /* padding-top: 7px;
    padding-bottom: 7px; */
    background-color: #c7252f;
    color: #fff;
    width: 100%;
    cursor: pointer;
}

.col-md-3.sidebar.m-t-10.category-bg {
    padding: 0px 0px;
}

.side-off-stick {
    z-index: 9;
    position: sticky;
    position: -webkit-sticky;
    top: 85px;
}

.promise-tt {
    font-weight: 500;
    font-family: "Poppins", sans-serif;
}

.clr-promise {
    color: #292929;
    font-weight: 400;
    letter-spacing: 0.05rem;
}

/*=========================POPUP CART ADD CHECK BOX=============================*/

.checkboxField3:after {
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    border: 2px solid;
    border-radius: 0;
    background-color: white;
    border-color: transparent;
    box-sizing: border-box;
    color: #c80a0a;
    content: close-quote;
    display: inline-block;
    height: 12px;
    /* outline: 2px solid #F7941D; */
    outline: 1px solid #c9c9c9;
    transition-duration: 0.5s;
    transition-property: background-color, border-color;
    width: 12px;
}

.checkboxField3:checked:after {
    background-color: #f7941d;
    border-color: white;
}

.ui-checkbox3 label {
    padding-left: 10px;
}

.checkboxField3 {
    float: left;
}

.cart-products-txt {
    font-size: 12px;
}

/*=========================POPUP CART ADD CHECK BOX=============================*/

.items {
    background: #f6f6f6;
    min-height: 250px;
    padding-bottom: 5px;
}

.item-cart-padding {
    padding: 7px 0px;
    margin: 0px 10px 17px 10px;
}

.col-md-6.text-right.clear-cart a {
    color: #fff;
    background: #c6242f;
    padding: 9px 13px;
    font-weight: 100;
}

.col-md-6.text-right.clear-cart a:hover {
    color: #fff;
    background: #f7941d;
    padding: 9px 13px;
}

.item-cart-title-bg {
    padding: 7px 0px;
    background: #c6242f;
    margin: 10px;
    font-weight: 600;
    color: #fff;
}

.add-to-cart a {
    background: #f7941d;
    color: #fff;
    width: 100%;
    padding: 15px;
    cursor: pointer;
}

.add-to-cart:hover a {
    background: #c7252f;
    color: #fff;
    width: 100%;
    padding: 15px;
    cursor: pointer;
}

.modal-title-item-cart {
    float: left;
    margin: unset;
    font-family: "Poppins", sans-serif;
}

.b-title {
    font-weight: 600;
    margin-right: 10px;
}

.cart-primaryBg {
    background-color: #c7252f !important;
    color: #fff !important;
}

.cart-primaryBg {
    font-size: 17px;
    font-weight: 500;
    padding-bottom: 10px;
    padding-top: 10px;
}

.pointer {
    padding-top: 25%;
    padding-bottom: 25%;
}

.couponcode {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #e4e4e4;
    font-family: "oswald", sans-serif;
}

.coopencd button {
    background: #f7941d;
    border: none;
    padding: 6px 12px;
    color: #fff;
}

.coopencd button:hover {
    background: #c7252f;
    color: #fff;
}

.coopen-border {
    border-top: 1px solid #efefef;
    padding-top: 20px;
}

.use_loyalty_points label {
    background-color: transparent !important;
    padding-top: 4px;
    text-align: left;
    font-size: 14px;
    padding-bottom: 4px;
    padding-left: 2px;
    border-bottom: 0;
}

.use_loyalty_points input[type="checkbox"],
input[type="radio"] {
    margin: 6px;
    border: none;
}

.cart-total {
    padding-bottom: 17px;
    padding-top: 17px;
}

.checkout-btn {
    /* background-color: #c6242f; */
}

.desk-pl-15 {
    padding-left: 15px;
}

.teaxtarea-checkout {
    width: 100%;
    border: 1px solid #b7b7b7;
    outline: none;
    padding: 10px 0px 10px 10px !important;
    font-size: 13px !important;
    margin-top: 18px;
}

.checkout-1 {
    width: 100%;
    background-color: #f7941d;
    color: #fff;
    padding: 12px 0px;
}

.checkout-1:hover {
    width: 100%;
    background-color: #c6242f;
    color: #fff;
    padding: 12px 0px;
}

.padding-none {
    padding-left: 0px;
    padding-right: 0px;
}

.payment-btn-select {
    width: 50% !important;
}

.nav-tabs3 {
    background: #fff !important;
    color: #000 !important;
    border: none !important;
    font-family: "Poppins", sans-serif;
    margin-bottom: 0px;
}

.nav-tabs3 li {
    width: 250px;
}

.nav-tabs3 > li.active > a,
.nav-tabs3 > li.active > a:focus,
.nav-tabs3 > li.active > a:hover {
    color: #fff;
    background: #f7941d !important;
    cursor: default;
    background-color: transparent;
    border: none !important;
    border-radius: 0px !important;
}

.nav-tabs3 > li > a:hover {
    border-color: none !important;
    border-radius: unset !important;
}

.nav > li > a:focus,
.nav > li > a:hover {
    text-decoration: none;
    background-color: transparent !important;
    color: #f7941d;
    /* border: none !important; */
}

.paymentbg-d-bg {
    background: url("../../assets/images/paymentbg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    max-width: 100%;
    height: auto;
}

.margin-sele input {
    margin: 20px 12px 0px 0px;
    float: left;
}

.margin-sele img {
    float: left;
}

.margin-12 p {
    margin: 12px;
    float: left;
}

.paddin-bottom {
    padding-bottom: 15%;
    padding-top: 3%;
}

.paddin-top {
    padding-bottom: 3%;
    padding-top: 15%;
}

.paymentbg-d-bg2 {
    background: url("../../assets/images/paymentbg2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    max-width: 100%;
    height: auto;
}

.online-payment-btn {
    background: #c6242f;
    color: #fff;
    border: none;
    padding: 7px 15px;
    margin: 30px 0px;
}

.online-payment-btn:hover {
    background: #f7941d;
    color: #fff;
    border: none;
    padding: 7px 15px;
    margin: 30px 0px;
}

.margin-13 p {
    margin: 15px;
    float: left;
}

.paddin-bottom-13 {
    padding-bottom: 15%;
    padding-top: 15%;
}

/*
#cart-p {
  position: fixed;
  top: 0px;
  display: inline-flex;
} */

.sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    /* overflow-y: scroll; */
}

.offer-2 {
    background: #666;
    padding: 11px;
    color: #fff;
}

.offer-text {
    color: #494949;
    font-family: "Poppins", sans-serif;
    padding-left: 0px;
}

.offer-text h4 {
    font-size: 17px;
    font-weight: 500;
}

.offer-text h5 {
    font-size: 15px;
    font-weight: 500;
}

.offer-text p {
    font-size: 13px;
}

.offer-text .terms-1 {
    font-size: 10px;
    color: red;
    cursor: pointer;
    padding-right: 0;
}

.offer-text .terms-1 {
    padding-left: 0px;
}

.apply-offer button {
    background: #f7941d;
    color: #fff;
    padding: 4px 12px;
    border: none;
}

.apply-offer button:hover {
    background: #c7252f;
    color: #fff;
}

.products-br .fa.red {
    position: absolute;
    right: 25px;
    top: 25px;
    color: red;
    font-size: 18px;
    background: #fff;
    border-radius: 100%;
}

.products-br .fa.green {
    position: absolute;
    right: 25px;
    top: 25px;
    color: green;
    font-size: 18px;
    background: #fff;
    border-radius: 100%;
}

.cart-add-btn {
    color: #fff;
    padding: 12px 7px;
}

.cart-add-btn a:hover {
    color: #fff;
    background-color: #f7941d;
}

.delivery-text p {
    line-height: 19px;
}

.delivery-text span {
    font-weight: 600;
    font-size: 16px;
}

.col-4,
.col-5 {
    float: left;
}

.points {
    background: #c7252f;
    padding: 6px 15px;
    color: #fff;
    font-weight: 100;
    border-radius: 50px;
    margin-top: 10px;
    position: absolute;
    cursor: pointer;
}

.points label {
    cursor: pointer;
}

a.points:hover {
    background: #f7941d;
    color: #fff;
    cursor: pointer;
}

.call-btn1 {
    background: #f7941d;
    padding: 5px 15px;
    border-radius: 50px;
    color: #fff;
    font-weight: 600;
    font-size: 19px;
}

a.call-btn1:hover {
    background: #f7941d;
    color: #fff;
}

.call-btn1 {
    position: absolute;
    margin-top: 10px;
}

/*==============================*/

.product-description {
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 0px;
    text-align: justify;
}

.online-Order-Op {
    margin: 0px;
    font-size: 11px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.online-Order-Op option:hover {
    background: #c7252f !important;
}

/*END MENU Page*/

/*==============================*/

/*==============================*/

/*PROFILE MENU*/

/*===============================*/

.lgn {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.dropdown-langcl .dropbtn:hover {
    color: #fff !important;
}

.dropbtn {
    background-color: #c6242f;
    /* background-color: #fff2f2; */
    color: #ffffff;
    padding: 12px;
    font-size: 12px;
    border: none;
    cursor: pointer;
    /* border-radius: 5px; */
    border-radius: 5px;

    line-height: normal;
    font-weight: 600;
    outline: none;
    /* background-color: #C7252F;
    color: white;
    padding: 20px 10px 16px 10px;
    font-size: 11px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    line-height: 21px;
    outline: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; */
    transition: 0.2s ease-in-out;
}
.dropbtn.droplang{
    background: #fff1df;
    /* color: #b96500; */
    color: #000;
    text-transform: uppercase;
    border: solid 1px #ff9413;
}
.dropbtn.droplang img{
    width: 15px;
    height: 15px;
    margin-right: 3px;
    transition: 0.2s ease-in-out;

}
.dropbtn2 {
    background-color: #c7252f;
    color: white;
    padding: 20px 10px 16px 10px;
    font-size: 11px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    line-height: 21px;
    outline: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.dropdown {
    position: relative;
    display: inline-block;
    width: max-content;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 75px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    width: 100%;
    padding: 5px;
    border-radius: 5px;
}
.dropdown-langcl .droplang+.dropdown-content{
    /* right: -9px !important; */
}
.paol {
    padding: 10px 15px !important;
}
.dropdown-content a {
    /* color: #353535; */
    color: #000;
    padding: 7px 0px;
    text-decoration: none;
    display: block;
    font-weight: 600;
    text-transform: capitalize;
}

.dropdown-content ul li {
    padding: 5px;
    border-radius: 5px;
    list-style-type: disc;
    content: "\2022";
    color: rgb(187, 187, 187);
    line-height: normal;
}

.dropdown-content a:hover {
    /* background-color: #f1f1f1 */
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #c7252f;
    color: #ffffff !important;
}
.dropdown:hover .dropbtn.droplang{
    background-color:#ff9413 ;
    color: white;
}
.dropdown:hover .dropbtn.droplang img{
    filter: invert(1);
}


/*==============================*/

/*END PROFILE MENU*/

/*===============================*/

/*================================*/

/* ENTER DETAILS */

/*================================*/

.accordion--form {
    background-color: #fff;
    padding: 50px;
    width: 100%;
}

.accordion--form__fieldset {
    border: 0;
    margin: 0 0 1px 0;
    padding: 0;
}

.accordion--form__legend {
    background-color: #555;
    color: #fff;
    display: block;
    margin: 0;
    padding: 5px 10px;
    width: 100%;
}

.accordion--form__legend-active {
    background-color: #c7252f;
    color: #fff;
}

.accordion--form__wrapper {
    height: 0;
    overflow: hidden;
}

.accordion--form__wrapper-active {
    height: auto;
    padding: 30px 0;
}

.accordion--form__row {
    clear: both;
    margin-bottom: 15px;
    width: 100%;
}

.accordion--form__label {
    display: inline-block;
    margin-bottom: 5px;
}

.accordion--form__text {
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    padding: 5px 10px;
}

.accordion--form__textarea {
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    padding: 5px 10px;
}

.accordion--form__submit {
}

.accordion--form__invalid {
    background-color: red;
    color: #fff;
    display: none;
    margin: 20px 0;
    padding: 5px 10px;
    width: 100%;
}

.accordion--form__next-btn,
.accordion--form__prev-btn {
    background-color: #333;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 0 2px 0 0;
    padding: 5px 10px;
    text-align: center;
}

.accordion--form__next-btn:hover,
.accordion--form__prev-btn:hover {
    background-color: #000;
}

.enter-details-1 {
    text-align: center;
    background: #f7941d;
    color: #fff;
    font-size: 15px;
    padding: 10px 0px;
}

.number-enter {
    background: #f7941d;
    border-radius: 50%;
    padding: 0px 8px;
    font-family: cursive;
    font-size: 16px;
    font-weight: 400;
    font-style: initial;
}

.enter-title {
    padding: 15px 15px;
    border-bottom: 1px solid #d1d1d1;
}

.enter-title .title1 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 15px;
}

.enter-coopen-code2 {
    padding: 15px;
}

#coopen-code2 {
    /* width: 100%; */
}

#coopen-code2 td,
#coopen-code2 th {
    padding: 8px;
    font-family: "oswald", sans-serif;
}

.bg-light {
    background-color: #dfdfdf;
    border-radius: 5px;
    border: 1px solid #dfdfdf;
}

/* .panel-group .panel .panel-heading {
    background-color: #c7252f;
    color: #fff;
} */

#coopen-code1 {
    width: 100%;
}

#coopen-code1 td,
#coopen-code1 th {
    padding: 8px;
}

#coopen-code1 td:nth-child(1) {
    width: 80%;
}

#coopen-code1 td:nth-child(2) {
    width: 10%;
}

#coopen-code1 td:nth-child(3) {
    width: 10%;
    font-family: "oswald", sans-serif;
}

.next-btn1 {
    background: #f7941d;
    color: #fff;
    border: none;
    margin-left: -15px;
    padding: 10px 150px;
    border-radius: 3px;
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    width: 100%;
}

.next-btn1-bg {
    background: #f7941d;
    cursor: pointer;
}

#coopen-code3 {
    width: 100%;
}

#coopen-code3 td,
#coopen-code3 th {
    padding: 8px;
}

#coopen-code3 tr:nth-child(1) {
    color: #000;
}

#coopen-code3 th:nth-child(2) {
    text-align: right;
}

/*==================*/

/*-----SUBTOTAL-----*/

/*==================*/

#subtotal {
    width: 100%;
}

#subtotal td,
#subtotal th {
    padding: 8px;
}

#subtotal td:nth-child(1) {
    width: 84%;
}

.total-bg {
    background: #e2e2e2;
    padding: 0px 15px;
    font-weight: 600;
    font-size: 17px;
}

#subtotal tr td:nth-child(1) span {
    color: #c7252f;
}

#subtotal tr td:nth-child(1) {
    font-weight: 600;
}

#subtotal.subtt td:nth-child(1) {
    width: 68%;
}

#subtotal.subtt td:nth-child(2) {
    width: 16%;
}

/*==================*/

/*==================*/

/*-----DELIVERY ADDRESS-----*/

/*==================*/

#deliveryAddress {
    width: 100%;
}

#deliveryAddress td,
#deliveryAddress th {
    padding: 8px;
}

#deliveryAddress td:nth-child(1) {
    width: 84%;
}

.total-bg {
    background: #e2e2e2;
    padding: 0px 15px;
    font-weight: 600;
    font-size: 17px;
}

#deliveryAddress tr td:nth-child(1) span {
    color: #c7252f;
}

#deliveryAddress tr td:nth-child(1) {
    font-weight: 600;
}

#deliveryAddress.subtt td:nth-child(1) {
    width: 68%;
}

#deliveryAddress.subtt td:nth-child(2) {
    width: 16%;
}

/*==================*/

/*==================*/

/*-----OUTLET-----*/

/*==================*/

#outlet {
    width: 100%;
}

#outlet td,
#outlet th {
    padding: 8px;
}

#outlet td:nth-child(1) {
    width: 84%;
}

.total-bg {
    background: #e2e2e2;
    padding: 0px 15px;
    font-weight: 600;
    font-size: 17px;
}

#outlet tr td:nth-child(1) span {
    color: #c7252f;
}

#outlet tr td:nth-child(1) {
    font-weight: 600;
}

#outlet.subtt td:nth-child(1) {
    width: 68%;
}

#outlet.subtt td:nth-child(2) {
    width: 16%;
}

/*==================*/

.address-btn1 {
    background: #f7941d;
    color: #fff;
    padding: 10px 15px;
}

.address-btn2 {
    background: #f7941d;
    color: #fff;
    padding: 13px 65px;
    border-radius: 5px;
}

.address-btn2:hover {
    background: #c7252f;
}

.text-area {
    width: 100%;
    padding: 15px 15px;
    border: 1px solid #dadada;
    min-height: 225px;
}

.checkout_details_next_btn {
    margin-top: 39px;
    margin-bottom: 10px;
}

#outlet option:hover {
    background-color: red;
}

.drop-down-btn1 {
    background: #f7941d;
    border: none;
    padding: 10px 40px;
    color: #fff;
}

.select-add-spec {
    font-size: 18px;
    padding: 10px;
    margin: 20px;
}

.select-add-spec label {
    padding: 10px;
}

.active .label-spec:hover {
    color: #c6242f;
    border: 1px solid #c6242f;
}

.address-placed-bg {
    background: #f6f6f6;
    margin-bottom: 40px;
    margin-top: 40px;
    padding-bottom: 15px;
    border: 1px solid #d5d5d5;
}

.address-placed p {
    text-align: left;
}

.address-placed i {
    text-align: right;
    color: #f7941d;
}

.address-placed {
    padding-bottom: 7px;
    padding-top: 17px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 15px;
    background: #f7941d;
    color: #fff;
}

.address-edit .remove {
    color: red;
}

.address-edit .editadd {
    text-align: right;
}

.Hi-pr-ml {
    padding-right: 15px;
    margin-left: -15px;
}

.OTP-style p {
    font-size: 16px;
    font-weight: 600;
}

.OTP-input {
    padding: 5px;
    margin: 5px 0px;
    width: 100%;
    border: 1px solid #b3b3b3;
}

.login-btn3 {
    background: red;
    color: #fff;
    padding: 10px 15px;
}

.mtb-10-pers {
    margin-top: 10%;
    margin-bottom: 10%;
}

.top-16 {
    top: 16px;
}

.pad-70 {
    padding: 70px 0px;
}

/*================================*/

/* END ENTER DETAILS */

/*================================*/

/*=========================ACCORDING CHECK BOX=============================*/

.ui-checkbox4 label {
    padding-left: 10px;
}

.checkboxField4 {
    float: left;
}

/*=========================ACCORDING CHECK BOX=============================*/

/*=============CATERING STYLE=============*/

.catering-bg-media {
    padding-bottom: 45px;
    padding-top: 45px;
    background-color: #f2f7f3;
}

.catering-bg {
    padding-bottom: 30px;
    padding-top: 40px;
}

.catering-bg h2,
h5,
p {
    /* font-family: 'oswald', sans-serif; */
    font-family: "Poppins", sans-serif;
}

.catering-title h2,
h5 {
    font-family: "Poppins", sans-serif;
}

.catering-title {
    padding-top: 100px;
}

.catering-slide {
    margin-top: 100px;
}

.form-text-style1 {
    width: 100%;
    padding: 8px 10px;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
}

.owl-carousel-3 .owl-item {
    padding: 0px 15px;
}

.owl-carousel-3 .owl-stage-outer {
    position: relative;
    overflow: inherit !important;
    -webkit-transform: translate3d(0, 0, 0);
}

.media {
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(51, 51, 51, 0.18);
    transition: all ease 0.3s;
    background: #fff;
    display: inline-block;
    border: 0;
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
    transition: all 1s ease;
    object-fit: cover;
}

.media:hover {
    opacity: 1;
    /* transform: scale(1.2); */
    box-shadow: 0px 0px 46px -8px rgba(0, 0, 0, 0.75);
    z-index: 9999;
    display: block;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #c6242f !important;
}

.owl-theme .owl-dots .owl-dot span {
    /* width: 10px; */
    /* height: 10px; */
    /* margin: 5px 7px; */
    /* background: #D6D6D6; */
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    /* border-radius: 30px; */
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    width: 40px !important;
    height: 5px !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
    background: #ccc !important;
    border: none !important;
}

.media div.media-date {
    position: relative;
    width: 50% !important;
    font-family: "oswald", sans-serif;
    text-align: center;
    background: #f7941d !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff !important;
    border-radius: 20px;
    bottom: 17px;
    font-size: 16px;
    z-index: 9999;
    padding: 5px 0px;
    box-shadow: 0 0 10px 0 rgba(51, 51, 51, 0.15);
}

.media-brand img {
    max-width: 200px;
    height: auto;
    margin-left: 20%;
}

.media-brand {
    text-align: center;
    margin: 0 auto;
    padding-bottom: 30px;
}

/*=============END CATERING STYLE==========*/

/*==============CATEGORY=====================*/

/*** effect image ***/

.mooz:hover {
    transition-duration: 1s;
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    cursor: pointer;
}

.mooz {
    transition-duration: 0.6s;
    margin: 0 auto;
}

/* .zoom img {
  transition-duration: 4s;
  margin: 0 auto;
  display: block;
} */

/* .zoom img:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  z-index: 0;

} */

.zoom {
    overflow: hidden;
    padding: 0;
    float: left;
    margin: 0px 0px 10px 0px;
    border-radius: 10px;
    position: relative;
    width: 100%;
    height: auto;
    display: inline-block;
    overflow: hidden;
    background: #fff;
    /* box-shadow: 0px 1px 2px rgba(80, 80, 80, 0.3);
    -moz-box-shadow: 0px 1px 2px rgba(80, 80, 80, 0.3);
    -webkit-box-shadow: 0px 1px 2px rgba(80, 80, 80, 0.3); */
}

.category-banner-off {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    font-size: 25px;
    color: #fff;
    line-height: 24px;
    text-align: center;
    background: #c6242f;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.category-banner-off::before {
    background: url(../../assets/images/products/coin.svg);
    width: 30px;
    height: 30px;
    content: "";
    position: absolute;
    top: 4px;
    left: 7px;
}

.category-banner-off .bold-sp {
    font-weight: 700;
}

.category-banner-off span {
    margin-top: 10px;
}

.category-promo-txt2 {
    left: -60px;
    /* bottom: -50px; */
}

.category-promo-txt {
    transform: translateX(-30px);
    bottom: -10px;
}

.category-promo-txt p {
    text-align: left;
    color: #fff;
    font-size: 19px;
    font-family: "Poppins", sans-serif;
    line-height: 0.8;
}

.category-promo-txt .promo-c {
    border: 1px solid red;
    border-radius: 50px;
    padding: 3px 20px 5px 20px;
    width: 90%;
    background: rgba(0, 0, 0, 0.4);
    line-height: 1;
}

.category-bg {
    background: #f2f7f3;
}

.category-bg-imp {
    background: #ffffff !important;
}

.catergory-text p {
    text-align: justify;
    font-size: 15px;
    font-family: "Poppins", sans-serif;
}

.opacity-img {
    opacity: 0.3;
}

.sub-cat-img img {
    border-radius: 13px;
}

.sub-cat-text h4 {
    font-family: "Poppins", sans-serif;
    font-size: 23px;
    font-weight: 800;
}

.sub-cat-text p {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    color: #7e7e7e;
    padding: 5px 0px;
}

.sub-cat-text p.KI {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    color: #353535;
}

.sub-cat-text p.KI span {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    color: #686868;
    font-weight: 600;
}

.sub-cat-text p.KI2 span.KIp {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    color: #686868;
    font-weight: 600;
}

.sub-cat-text a .category-btn {
    background: #c6242f;
    color: #fff;
    border: none;
    padding: 6px 12px;
    border-radius: 3px;
}

.sub-cat-text a .category-btn:hover {
    background: #f7941d;
    color: #fff;
    border: none;
    padding: 6px 12px;
    border-radius: 3px;
}

/*==============END CATEGORY ================*/

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

.z-ind3 {
    position: sticky;
    top: 0px;
}

.z-ind3 {
    z-index: 9;
}

.z-ind3::-webkit-scrollbar {
    display: none;
}

.scroll-padd {
    top: 85px;
}

.menud-text h1 {
    font-family: "Poppins", sans-serif;
    font-size: 25px;
    font-weight: 800;
    color: #535353;
}

.menud-text p {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    color: #7e7e7e;
    padding: 5px 0px;
}

.menud-style h5 {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 10px;
    color: #333;
}

.menud-style h5 span.alignr {
    float: right;
}

.menud-style p {
    color: rgb(100, 100, 100);
}

.nav-tabs {
    background: #c6242f;
    color: #fff;
    font-family: "Poppins", sans-serif;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: #c6242f;
    border: none;
    border-bottom-color: transparent !;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:active {
    background-color: #f7941d;
}

.nav-tabs > li > a:hover {
    border-color: none !important;
}

.nav > li > a:focus,
.nav > li > a:hover {
    text-decoration: none;
    background-color: transparent !important;
    color: #f7941d;
    border: none;
}

/*====Online-tb====*/

.nav-tabs2 {
    background: #fff !important;
    color: #000 !important;
    border: none !important;
    font-family: "Poppins", sans-serif;
    margin-bottom: 15px;
}

.nav-tabs2 li {
    width: 250px;
}

.nav-tabs2 > li.active > a,
.nav-tabs2 > li.active > a:focus,
.nav-tabs2 > li.active > a:hover, .nav-tabs2 > li a.active {
    color: #fff;
    background: #c6242f !important;
    cursor: default;
    background-color: transparent;
    border: none !important;
    border-radius: 0px !important;
}

.nav-tabs2 > li > a:hover {
    border-color: none !important;
    border-radius: unset !important;
}

.nav > li > a:focus,
.nav > li > a:hover {
    text-decoration: none;
    background-color: transparent !important;
    color: #f7941d;
    border: none;
}

.points-online {
    margin: 30px 0px;
}

.points-online p {
    font-family: "Poppins", sans-serif;
    line-height: 2px;
}

.points-online p.po-name {
    font-weight: 600;
    font-size: 20px;
    color: #000;
}

.online-p-btn {
    background: #c6242f;
    color: #fff;
    border: none;
    padding: 7px 15px;
    margin: 30px 0px;
}

.online-p-btn:hover {
    background: #f7941d;
    color: #fff;
    border: none;
    padding: 7px 15px;
    margin: 30px 0px;
}

.v-details-reset-btn {
    border: none !important;
    padding: 0px !important;
    color: #f7941d;
}

.v-details-reset-btn:hover {
    color: #c6242f;
}

.v-details-s {
    color: #666;
    margin: 15px 0px;
}

.tab-content-point {
    background: #fff !important;
}

.z-ind4 {
    z-index: 9999;
}

.brd1 {
    border-bottom: 1px solid #e6e6e6;
}

.brd2 {
    border-top: 1px solid #e6e6e6;
    padding: 25px 0px;
}

.addres-btn1 {
    border: none !important;
    color: red;
}

.addres-btn2 {
    border: none !important;
}

.order-details-final {
    margin: 30px 0px;
}

.order-details-final p {
    font-family: "Poppins", sans-serif;
    line-height: 12px;
    color: #484848;
}

.clr-btn {
    color: #64cca0;
    text-transform: uppercase;
}

.img-style img {
    border: 0.2rem solid #dcdcdc;
    border-radius: 8px;
    margin-bottom: 10px;
}

.img-style {
    margin: 20px;
}

.img-style img.active {
    border: 0.2rem solid #c6242f;
    border-radius: 8px;
    margin-bottom: 10px;
}

.red {
    color: red;
}

.points-brd {
    padding-bottom: 50px;
    border-bottom: 1px solid #e2e2e2;
}

.points-brd2 {
    padding-bottom: 50px;
}

.points-brd15 {
    padding-bottom: 15px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 2.1vh;
}

.ref-gcode input {
    background: #c6242f;
    color: #fff;
    border: none;
}

/*====END Online Tab====*/

.z-ind {
    z-index: 9;
}

.z-ind::-webkit-scrollbar {
    display: none;
}

.top-ind {
    background: #f2f7f3;
    padding: 15px 0px;
}

/*=========TABS==========*/

/* MOBILE style */

@media screen and (max-width: 992px) {
    /*
   * In Mobile, hide the tabs controls and undo some potential damage done by the accordion
   */
    .responsive-tabs .nav-tabs,
    .responsive-tabs .tab-content .collapse.active:not(.in) {
        display: none;
    }
    .responsive-tabs .tab-content .collapse.in,
    .responsive-tabs .tab-content .collapsing {
        display: block;
    }
}

/* DESKTOP style */

@media screen and (min-width: 991px) {
    /*
   * In desktop, hide the accordion's controls and undo some potential damage done on the active tab
   */
    .responsive-tabs .panel-heading {
        display: none;
    }
    .responsive-tabs > .active {
        height: auto !important;
    }
}

/* To make it a bit prettier */

.tab-content .panel-heading {
    padding: 0;
}

.tab-content a {
    display: block;
    margin-bottom: -1px;
    /* padding: 10px 15px;
  border: solid #ccc; */
    border-width: 1px 0;
    width: fit-content;
}

/*=========END TABS==========*/

/*===============END MENU CATEGORY==============*/

/*=======LOYALTY============================*/

.loyalty-text h1 {
    font-weight: 600;
    font-family: "Poppins", sans-serif;
}

.bronze-text p {
    font-size: 22px;
    font-weight: bolder;
    margin-top: 20px;
}

.bronze-text span {
    font-size: 16px;
    margin-bottom: 15px;
}

.bronze-text ul {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0px;
}

.bronze-text ul li {
    margin-top: 20px;
    margin-bottom: 20px;
    list-style: none;
}

/*=============END LOYALTY====================*/

/*=================JOIN US======================*/

.panel {
    margin-bottom: 3px;
}

.job-panel-title {
    margin: 0px;
}

.job-panel-heading {
    padding: 0;
    border: 0;
}

.job-panel-title > a,
.job-panel-title > a:active {
    display: block;
    padding: 15px;
    color: #555;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
}

.job-panel-heading a:before {
    font-family: "Glyphicons Halflings";
    content: "\e114";
    float: right;
    transition: all 0.5s;
    color: #f7941d;
}

.job-panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.joinus input,
select {
    padding: 5px 8px;
    width: 100%;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    margin: 0px 0px;
}

.select-opt select {
    margin: 10px 0px;
}

.joinus-btn {
    background: #c6242f;
    border: none;
    color: #fff;
    padding: 5px 20px;
    border-radius: 3px;
}

.joinus-btn:hover {
    background: #f7941d;
    border: none;
    color: #fff;
    padding: 5px 20px;
    border-radius: 3px;
}

/*================END JOIN US=====================*/

/*===============CONTACTLESS=================*/

.online-ctls-btn {
    background: #c6242f;
    color: #fff;
    padding: 10px 15px;
    border: none;
    font-weight: bold;
    border-radius: 3px;
    margin: 30px 0px;
}

.online-ctls-btn:hover {
    background: #f7941d;
    color: #fff;
    cursor: pointer;
}

/*===============END CONTACTLESS==============*/

/*====================COUNT POP========================*/

.adetsay {
    clear: both;
    margin: 1em 0px;
    position: absolute;
}

.adetsay input {
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    margin: 0;
    outline: none;
    padding: 1em 0;
    font-size: 1em;
}

.adetsay input[type="button"] {
    cursor: pointer;
    position: relative;
    background: #eeeeee;
    height: 26px;
    padding: 0;
    width: 20px;
    font-weight: bold;
    -webkit-appearance: button;
}

.adetsay input[type="text"] {
    position: relative;
    height: 20px;
    left: -10px;
    text-align: center;
    width: 20px !important;
    display: inline-block;
    margin: 0;
    resize: vertical;
}

.float-count {
    float: left;
}

.barti {
    left: -10px;
}

/*===================END COUNT POP====================*/

.menu-pc-w {
    width: 1100px;
    left: -9em;
    padding: 15px 0px;
}

.menu-style-2 {
    padding: 7px 0px;
    text-transform: capitalize;
    font-size: 12px;
}

p.dine-in-btn {
    background: url(../../assets/images/dine-table.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
    height: 153px;
    text-align: center;
}

p.dine-in-btn a {
    background: #c6242f !important;
    font-family: "Poppins", sans-serif;
    font-size: 18px !important;
    padding: 17px 17px;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 100;
    border-radius: 4px;
    position: relative;
    top: 65px;
}

p.dine-in-btn a:hover {
    background: #f7941d !important;
}

.dine-p-center p {
    text-align: justify !important;
}

.dine-reser-icon {
    padding: 0px !important;
    font-size: 18px !important;
}

.dine-select-1 {
    border-radius: 0px;
    margin: 0px;
    padding: 0px 10px;
}

.opttion-op {
    padding: 15px !important;
    margin-top: 5px;
}

.reserv-time a {
    border: 1px solid #afafaf;
    padding: 10px 20px;
    border-radius: 2px;
}

.reserv-time a:hover {
    border: 1px solid #f7941d;
    padding: 10px 20px;
    border-radius: 2px;
}

.gt-otp-input {
    padding: 4px 10px;
    max-width: 100%;
    border: 1px solid #dadada;
}

.gt-otp {
    padding: 8px 17px !important;
    background: #666;
    color: #fff;
    font-size: 14px;
    position: relative;
    left: -5px;
}

.reserv-slt {
    font-size: 20px !important;
    color: #555 !important;
    background: #eee;
    border: 1px solid #ccc;
    padding: 6px 10px !important;
    border-radius: 3px;
    margin-right: 10px;
}

.reserv-p {
    font-size: 16px !important;
    color: #666 !important;
    font-weight: 600;
}

p.reserved-btn a {
    background: #c6242f !important;
    font-family: "Poppins", sans-serif;
    font-size: 13px !important;
    padding: 13px 17px;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 100;
    border-radius: 2px;
    position: relative;
    top: 20px;
}

p.reserved-btn a:hover {
    background: #f7941d !important;
}

.telcall {
    font-size: 22px;
    font-weight: 600;
    margin-top: 10px;
    color: #c6242f;
}

.mobile-cartPP input {
    margin-right: 8px;
}

.mobile-cartMH-btn {
    display: flex;
    margin-bottom: 10px;
    padding: 0px 25px;
}

.clr-red {
    color: #c7252f !important;
}

.clr-red p {
    display: inline-flex;
}

.CartGradTotal {
    /* color: #C7252F; */
    font-weight: 600;
    /* font-family: 'oswald', sans-serif; */
}

#CartSubtotal {
    color: #f7941d;
}

.coopencd {
    text-align: right;
}

.mobile-pro-description-p img {
    width: 100%;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: none;
    filter: alpha(opacity=20);
    opacity: 9;
}

a.addressSelect:hover {
    background-color: #f7941d;
}

a.addressSelect:active {
    background-color: #c7252f;
}

.checkboxFieldADD:after {
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    border: 2px solid;
    position: absolute;
    border-radius: 0;
    background-color: white;
    border-color: transparent;
    box-sizing: border-box;
    color: #c6242f;
    content: close-quote;
    display: inline-block;
    height: 12px;
    outline: 2px solid #f7941d;
    transition-duration: 0.5s;
    transition-property: background-color, border-color;
    width: 12px;
}

.checkboxFieldADD:checked:after {
    background-color: #c7252f;
    border-color: white;
}

/*==================PADDING MARGING=====================*/

.p-10 {
    padding: 10px;
}

.l-none-i {
    list-style: none !important;
}

.p-0-i {
    padding: 0px !important;
}

.p-0 {
    padding: 0px;
}

.pr-0 {
    padding-right: 0px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-35 {
    padding-right: 35px;
}

.pl-0 {
    padding-left: 0px;
}

.pl-10p {
    padding-left: 10px;
}

.pt-0 {
    padding-top: 0px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pb-3 {
    padding-bottom: 30px;
}

.pt-3 {
    padding-top: 30px;
}

.ptbrl {
    padding: 30px;
}

.p-tb-4 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.p-tb-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.p-tb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.p-tb-30 {
    padding: 30px 0px;
}

.m-tb-4 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.m-tb-5 {
    margin-top: 6px;
    margin-bottom: 6px;
}

.mr-0 {
    margin-right: 0px;
}

.mt-5-pers {
    margin-top: 5%;
}

.mt-10-pers {
    margin-top: 10%;
}

.p5-10 {
    padding: 5px 10px;
}

.mx-h9 {
    max-height: 90px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-10 {
    margin-top: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pl-15 {
    padding-left: 15px;
}

.pb-15 {
    padding-bottom: 15px;
}

.space-div {
    padding-bottom: 20px;
}

.f-20 {
    font-size: 20px;
}

.w-10 {
    width: 30px;
    float: left;
}

.w-40 {
    width: 100px;
    float: left;
    margin-top: -4px;
}

.w-100 {
    width: 100%;
}

.mb-0 {
    margin-bottom: 0px;
}

.mt-mb-15 {
    margin: 15px 0px;
}

.mr-20 {
    margin-right: 20px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-16 {
    margin-top: 16px;
}

.ml-10 {
    margin-left: 10px;
}

.font-22 {
    font-size: 22px;
}

.font-clr-bld {
    font-weight: 600;
    color: #6f6f6f;
}

.clr5 {
    color: #000;
}

.font-clr {
    color: #989898;
}

.mb-3 {
    margin-bottom: 20px;
}

.pad150 {
    padding: 15px 0px;
}

/*==================END PADDING MARGING=====================*/

/*===================BLOG===================*/

.clrgray {
    color: #868686;
}

.blog-title {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
}

.blog-f-14 {
    font-size: 14px;
}

.blog-text ul {
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 0px;
    list-style: none;
}

.blog-content-bg {
    background: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    padding-top: 15px;
    margin-top: -7px;
    padding: 9px;
    margin-bottom: 12px;
}

.mooz-blog:hover {
    transform: scale(1.03) !important;
    -webkit-transform: scale(1.03) !important;
    -moz-transform: scale(1.03) !important;
}

.zoom-blog {
    margin: 0px !important;
    z-index: 9;
}

#blog-shadow:hover .blog-content-bg {
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    transition-duration: 1s;
}

#blog-shadow .blog-content-bg {
    transition: all 1.3s ease-in-out;
}

.blog-readmore p {
    margin-bottom: 10px;
    font-weight: bold;
    color: #5d5d5d;
    line-height: 1.9;
    font-size: 15px;
}

.blog-readmore2 p {
    margin-bottom: 10px;
    color: #737373;
    line-height: 1.9;
    font-size: 15px;
}

/*===========================*/

/*-------Tracking------------*/

/*===========================*/

.tracking-icon {
    width: 120px;
}

.track-title h2 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

.track-title p.text {
    font-size: 20px;
    color: #adadad;
}

.track-title p.text2 {
    font-size: 20px;
    font-weight: 600;
}

.track-title p.text2 a {
    color: #f7941d;
}

.track-bg {
    background: #fff;
    border-radius: 10px;
    padding-bottom: 15px;
}

.pt-15 {
    padding-top: 15px;
}

.img-track-1 {
    width: 100px;
    background: #fff;
    border-radius: 7px;
    padding: 10px;
}

div:focus {
    border: 1px solid #c6242f;
    outline: none;
}

p.act:active {
    color: red;
}

.tracking-tt p {
    font-weight: 600;
    line-height: 0.9;
    font-size: 15px;
}

.tracking-tt-padding {
    padding: 20px 0px;
}

.p-50 {
    padding: 50px 0px;
}

/*====INSTA====*/

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

.btn {
    min-width: 110px;
    background-color: #c7252f;
    padding: 1rem 2rem;
    text-decoration: none;
    color: #fff;
    display: flex;
    transition: all 0.2s ease-in-out;
    margin-right: 10px;
    i {
        color: #df3796;
        font-size: 20px;
        padding-right: 10px;
        transition: all 0.3s ease-in-out;
    }
    span {
        font-family: "Roboto", sans-serif;
        align-self: center;
        transform: translateX(0px);
        transition: all 0.1s ease-in-out;
        opacity: 1;
    }
    &:hover {
        transform: scale(1.1);
        background: linear-gradient(to right, #ff3019 0%, #c90477 100%);
        box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
        i {
            transform: translateX(45px);
            padding-right: 0;
            color: #fff;
        }
        span {
            transform: translateX(30px);
            opacity: 0;
        }
    }
    &:active {
        transform: scale(1);
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    }
}

.btn-f {
    min-width: 110px;
    background-color: #fff;
    padding: 1rem 2rem;
    text-decoration: none;
    color: #286ed6;
    display: flex;
    transition: all 0.2s ease-in-out;
    i {
        color: #286ed6;
        font-size: 20px;
        padding-right: 10px;
        transition: all 0.3s ease-in-out;
    }
    span {
        font-family: "Roboto", sans-serif;
        align-self: center;
        transform: translateX(0px);
        transition: all 0.1s ease-in-out;
        opacity: 1;
    }
    &:hover {
        transform: scale(1.1);
        background-color: #286ed6;
        box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
        i {
            transform: translateX(45px);
            padding-right: 0;
            color: #fff;
        }
        span {
            transform: translateX(30px);
            opacity: 0;
        }
    }
    &:active {
        transform: scale(1);
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    }
}

.fuoib:hover {
    background: #f7941d;
}

.fuoib:hover i span.fuoi {
    color: #fff !important;
}

.insta {
    font-size: 20px !important;
    padding-right: 10px;
}

/*====END INSTA====*/

.insta-sec-tt {
    color: #6b6b6b;
}

.intsa-sec-pad {
    padding: 20px;
}

.v-center {
    -webkit-transform: translateY(200%);
    -ms-transform: translateY(200%);
    transform: translateY(200%);
}

.v-center2 {
    -webkit-transform: translateY(120%);
    -ms-transform: translateY(120%);
    transform: translateY(120%);
}

thead tr.th-bg {
    background: #c7252f;
    color: #fff;
}

.order-title-p {
    margin-top: 5px !important;
    padding-bottom: 20px !important;
}

.opacity-less {
    opacity: 0.3;
}

.order-status-active {
    border: 0.2rem solid #c6242f;
    border-radius: 8px;
}

/*===ANIMATED SIDE ICON===*/

.icons {
    /*border : 2px solid black;*/
    position: fixed;
    top: 55%;
    /* left: 5px; */
    /* width: 200px; */
    width: 55px;
    display: flex;
    flex-direction: column;
    z-index: 90;
}

.icons-call {
    width: 185px !important;
    font-size: 17px !important;
}

.icons a.icons-call {
    transform: translate(-138px, 0px) !important;
}

.icons a.icons-call:hover {
    transform: translate(-10px, 0px) !important;
}

.icons a {
    text-decoration: none;
    text-transform: uppercase;
    /* padding: 7px; */
    padding: 2px;
    /* font-size: 17px; */
    font-weight: 600;
    font-family: "oswald", sans-serif;
    margin: 2px;
    text-align: right;
    border-radius: 0px 50px 50px 0px;
    /* transform: translate(-130px, 0px); */
    transform: translate(-138px, 0px);
    transition: all 0.5s;
    color: white;
}

.icons a:hover {
    transform: translate(-10px, 0px);
}

.icons a i {
    margin-left: 14px;
    background-color: #f7941d;
    width: 40px;
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    transition: all 0.5s;
    font-size: 20px !important;
}

.icons a:hover i {
    transform: rotate(360deg);
    cursor: pointer;
}

.icons a img {
    margin-left: 14px;
    background-color: #f7941d;
    width: 40px;
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    transition: all 0.5s;
    font-size: 20px !important;
}

.icons a:hover img {
    transform: rotate(360deg);
    cursor: pointer;
}

.icons a i.fa-twitter {
    color: #f7941d;
}

.twitter {
    color: white;
    background-color: #c6242f;
}

.icons a i.fa-whatsapp {
    margin-left: 14px;
    background-color: #fff;
    width: 40px;
    height: 40px;
    color: #25d366;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    transition: all 0.5s;
    font-size: 20px !important;
}

.whatsapp {
    color: #666;
    background-color: #25d366;
    width: 185px !important;
}

.icons a i.fa-comment {
    margin-left: 14px;
    background-color: #fff;
    width: 40px;
    height: 40px;
    color: #00c200;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    transition: all 0.5s;
    font-size: 20px !important;
}

.comment {
    color: #666;
    background-color: #00c200;
    width: 185px !important;
}

/*===END ANIMATED SIDE ICON===*/

.make-reservation-form-input {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 15px;
    float: left;
}

.make-reservation-form-input .icon {
    padding: 10px;
    background: #ddd;
    color: #1e1e1e;
    min-width: 30px;
    text-align: center;
}

.make-reservation-form-input input {
    width: 100%;
    padding: 6px;
    border: 1px solid #ddd;
    background: #ddd;
}

.custom-select2 {
    position: relative;
    width: 100%;
}

.custom-select2 option {
    background-color: #ddd;
}

/* .custom-select2 select {
    display: none;
} */

.select-items div {
    color: #000;
    padding: 9px;
    cursor: pointer;
    user-select: none;
    border: 1px solid #ddd;
}

.select-selected {
    background-color: #ddd;
}

select.persns {
    padding: 8px 8px;
    width: 100% !important;
    border: 1px solid #e0e0e0;
    background: #ddd;
    font-size: 14px;
    margin: 0px;
}

select.persns option {
    background-color: #ddd;
}

/* .select-hide {
    display: none;
} */

.select-items {
    position: absolute;
    background-color: #eee;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    overflow-y: scroll;
    height: 300%;
}

.select-selected {
    color: #000;
    padding: 9px;
    cursor: pointer;
    user-select: none;
    border: 1px solid #ddd;
}

select.persns option:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

/*============*/

.custom-select {
    position: relative;
    font-family: Arial;
}

.custom-select select {
    display: none;
    /*hide original SELECT element:*/
}

.select-selected {
    background-color: #ddd;
}

/*style the arrow inside the select element:*/

.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #c6242f transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #c6242f transparent;
    top: 7px;
}

/*style the items (options), including the selected item:*/

.select-items div,
.select-selected {
    color: #666;
    padding: 5px 17px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}

/*style items (options):*/

.select-items {
    position: absolute;
    background-color: #ddd;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/*hide the items when the select box is closed:*/

.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.sub-btnm {
    background: #c6242f;
    border: none;
    color: #fff;
    padding: 12px 25px;
    border-radius: 3px;
    margin-top: 15px;
}

/*======DT-Order=====*/

/* .nav-tabs li a.address-dt-btn {
    background: #c6242f;
} */

.nav-tabs li a.address-dt-btn:hover {
    background: #f7941d !important;
    color: #fff !important;
}

.nav-tabs li a.address-dt-btn:active a.address-dt-btn:focus {
    background: #f7941d !important;
    color: #fff !important;
}

.dt_address {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    width: 100%;
    margin: 25px 0px;
    padding: 9px 7px;
    border-radius: 3px;
    border: none;
}

.dt_address:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

input.dt_address:focus {
    border: none !important;
    background: #fffbf6;
    outline: none;
}

.about-us .tab-content h2.dt-heading {
    text-align: left !important;
    font-size: 20px !important;
    font-weight: 600;
    margin-top: 30px;
    font-family: "Poppins", sans-serif;
}

.about-us .tab-content p.dt-heading {
    color: #636363;
    font-weight: 700;
    margin: 0px;
    padding-top: 10px;
}

.nav > li > a.address-dt-btn:focus,
.nav > li > a.address-dt-btn:hover {
    text-decoration: none;
    background-color: #f7941d !important;
    color: #fff;
    border: none;
    cursor: pointer;
}

.b-location {
    width: 15%;
    padding: 11px;
    margin: 25px 0px 25px 0px;
    color: #444444;
}

.b-location:focus {
    outline: none;
}

select .b-location option.st-op {
    padding: 10px;
}

.b-location-details {
    width: 84%;
    padding: 10px;
    color: #444444;
    border: 1px solid #ddd;
}

.b-location-details:focus {
    outline: none;
}

.dt-btn {
    background: #c6242f;
    width: 20%;
    border-radius: 3px;
    padding: 10px 15px;
    color: #fff;
    float: left;
    margin: 0px 10px;
    text-align: center;
}

.nav-tabs > li.active > a.address-dt-btn,
.nav-tabs > li.active > a.address-dt-btn:active {
    color: #fff;
    /* background-color: #f7941d; */
}

.nav-tabs > li > a.address-dt-btn {
    border: none !important;
}

.nav-tabs > li.dt-btn-d {
    margin-bottom: 0px;
}

.nav-tabs.nav-justified > li > a.address-dt-btn {
    margin-bottom: 0px;
}

.contact-us i.dt-icon {
    background: #f7941d;
    padding: 8px 12px;
    border-radius: 50%;
    color: #fff;
}

.contact-us i.dt-icon2 {
    background: #f7941d;
    padding: 8px 9px;
    border-radius: 100%;
    color: #fff;
}

.about-us .tab-content h2.dt-heading {
    color: #666;
}

.nav-tabs.dt-btn-delivery {
    background: transparent;
    color: #fff;
    font-family: "Poppins", sans-serif;
    border-bottom: 1px solid #c6242f !important;
    color: #c6242f;
}

/*UNAVAILABLE*/

.unavailable {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    z-index: 9;
    left: 0px;
    text-align: center;
}

.unavai {
    width: 50%;
    margin-top: 20%;
}

.line-b {
    border-bottom: 1px solid #dedede;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 15px;
}

/*=========================
   AUTO POPUP
===========================*/

.img-replace {
    /* replace text with an image */
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
}

.bts-popup {
    z-index: 9999999;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.bts-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.bts-popup-container {
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: 4em auto;
    border-radius: none;
    text-align: center;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.bts-popup-container img {
    padding: 0px 0 0 0;
}

.bts-popup-container p {
    color: white;
    padding: 10px 40px;
}

.bts-popup-container .bts-popup-button {
    padding: 5px 25px;
    border: 2px solid white;
    display: inline-block;
    margin-bottom: 10px;
}

.bts-popup-container a {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
}

.bts-popup-container .bts-popup-close {
    border-radius: 2px;
    background: #ff4949;
    box-shadow: 2px 1px 12px #2d2d2d;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
    transition: 0.3s ease-in-out;
}
.bts-popup-container .bts-popup-close:hover{
    background: #99131c;
}

.bts-popup-container .bts-popup-close::before,
.bts-popup-container .bts-popup-close::after {
    content: "";
    position: absolute;
    top: 12px;
    width: 16px;
    height: 3px;
    background-color: white;
}

.bts-popup-container .bts-popup-close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px;
}

.bts-popup-container .bts-popup-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 6px;
    top: 13px;
}

.is-visible .bts-popup-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.bts-popup-container button:hover{
    background: #99131c;
}
.bts-popup-container button {
    transition: 0.3s ease-in-out;
    background-color: #c7252f;
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    border: none;
    margin-top: 12px;
}

@media only screen and (min-width: 1170px) {
    .bts-popup-container {
        margin: 8em auto;
    }
}

/* ==============================
SIDE BUTTON
================================= */

.side-btn {
    z-index: 998;
    position: fixed;
    /* width: 300px;
    top: 30px; */
    right: -300px;
    top: 31%;
}

#slideOut {
    z-index: 998;
    position: inherit;
    width: 300px;
    height: 800px;
    /* top: 30px; */
    right: -300px;
    /* Animation  */
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

/* Display slideOut */

.showSlideOut {
    right: 0px !important;
}

/* Tab */

.slideOutTab {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    top: 16%;
    position: absolute;
    left: -40px;
    height: 200px;
    width: 40px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    background: #d83032;
    border-radius: 15px 0px 0px 15px;
}

.slideOutTab div {
    text-align: center;
    position: relative;
    right: 70px;
    top: 90px;
    background: #d83032;
    width: 180px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: lr-tb;
}

/* None relevant included styling */

.varity-juice2 {
    background: #fff !important;
    /* padding: 50px 0px; */
}

section:nth-child(2) {
    /* background: #7876A0; */
    background: #fff;
}

section {
    height: 100%;
    width: 100%;
}

.modal-body {
    height: 183px;
}

section {
    display: table;
    width: 100%;
    height: 100%;
}

.intro {
    display: table-cell;
    vertical-align: middle;
}

.app-model-left {
    top: 113px;
}

a.app-img-l img {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 120px;
    height: auto;
}

@media screen and (min-width: 321px) {
    .modal-content.app-model-left {
        /* min-height: 210px; */
    }
}

/* ==============================
END SIDE BUTTON
================================= */

/* ORDER ONLINE PAGE STYLE */

.nav-tabs > li.order-online > a {
    padding: 12px 26px !important;
}

.nav-tabs > li.order-online.active > a,
.nav-tabs > li.order-online.active > a:active {
    background-color: #c6242f;
}

.order-online.active {
    background: #c6242f;
}

.nav-tabs.order-online {
    background: transparent;
    color: #fff;
    font-family: "Poppins", sans-serif;
    border-bottom: transparent;
}

.col-md-order-online-MT {
    margin-bottom: 3%;
    margin-top: 11%;
}

.gift-title h2 {
    font-weight: 600;
}

.order-OP-title h2 {
    font-size: 25px;
    color: #f7941d;
}

a.skip_btn {
    color: #f6f6f6;
    padding: 10px 15px;
}

a.skip_btn:hover {
    color: #c6242f;
}

a.buy_gift_btn {
    color: #fff;
    padding: 10px 15px;
    background: #c6242f;
}

a.buy_gift_btn:hover {
    color: #fff;
    background: #c6242f;
}

.gift_img-radi {
    border-radius: 5px;
}

h3.gift-h {
    font-size: 23px !important;
    margin-bottom: 10px !important;
    margin-top: 15px;
}

.gft-p {
    font-size: 16px !important;
    padding-top: 0px !important;
}

a.call-gift {
    font-size: 21px;
    font-weight: 600;
    color: #c6242f;
}

/* .gift_img-radi.one-edge-shadow:hover {
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
} */

.gift_cpn {
    max-width: 100%;
}

.gift_cpn_off {
    border: 1px solid #e2e2e2;
    display: table-cell;
    /* padding: 5px; */
}

.gift_cpn_off p {
    padding: 5px 0px 5px 0px;
    margin-bottom: 0px;
    padding-left: 7px;
}

.gift_cpn_off a.minusBtn {
    font-size: 21px;
    background: red;
    color: #fff;
    padding: 2px 12px;
    display: inline-block;
    outline: none;
}

.gift_cpn_off a.plusBtn {
    font-size: 21px;
    background: red;
    color: #fff;
    padding: 2px 12px;
    display: inline-block;
    outline: none;
}

.count.gift_cpn.float-left {
    height: -webkit-fill-available;
    border: none;
    outline: none;
}

.gift-cnt-mrg {
    margin: 5px 0px;
}

input.rest[name="restl"] {
    pointer-events: none;
    border: none;
    background: transparent;
}

label.results {
    font-size: 16px;
    color: #2d2b2b;
}

label.results > .show-total {
    font-size: 24px;
    color: #fe2905;
}

form .error {
    color: #ff0000 !important;
    font-size: 14px;
    display: block;
    float: left;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    color: #000;
    text-align: left !important;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    background: none;
    margin-top: 6px;
}

a.results input {
    width: 20%;
    color: #fff;
    font-size: 17px;
}

a.results input::placeholder {
    color: #fff;
}

.nav-tabs > li.order-online {
    align-items: center;
    justify-content: space-around;
    display: flex;
    float: left;
}

.nav-tabs > li.order-online a {
    border: 0px;
}

a.order-now-btn {
    background: #c6242f;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    margin-top: 30px;
}

a.order-now-btn:hover {
    background: #ba101b;
    color: #fff;
}

input.order-online-YL {
    width: 100%;
    outline: none;
    border: none;
    padding: 11px 15px;
}

/* ORDER ONLINE PAGE STYLE END */

/* ============================

===============================*/

.combo-select {
    position: relative;
    border-bottom: solid 1px #d2d2d2;
    max-width: 400px;
    font: 100% Helvetica, Arial, Sans-serif;
    font-size: 14px;
}

.combo-select .combo-input {
    margin-bottom: 0;
}

/**
 * Input field
 */

.combo-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none;
    width: 100%;
    box-sizing: border-box;
    padding: 11px 15px;
    line-height: 19px;
    border-radius: 0px;
    font-size: 14px;
}

.combo-input:focus {
    outline: none;
}

/**
 * Arrow
 */

.combo-arrow {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    cursor: pointer;
    text-align: center;
    font-size: 22px;
    width: 40px;
    color: #999999;
}

.combo-arrow:before {
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 22px;
    top: -25px;
    display: block;
    width: 0;
    height: 0;
    right: 25px;
    bottom: 0;
    position: absolute;
    margin: auto 0;
}

/**
 * When opened
 */

.combo-open .combo-arrow {
    border-color: #51a7e8;
}

.combo-open .combo-arrow:before {
    content: "\f106";
}

/**
 * When focused
 */

.combo-focus {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    border-color: #51a7e8;
}

.combo-focus input {
    border-color: #51a7e8;
}

/**
 * Hide native select
 */

.combo-select select {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    opacity: 0;
}

@media only screen and (min-width: 960px) {
    .combo-select select {
        left: -1px;
        top: -1px;
        width: 0;
        height: 0;
        margin: 0;
    }
}

/**
 * Selected option
 */

.option-selected {
    background-color: #eee;
}

/**
 * Hovered option
 */

.option-hover {
    background-color: #dfdfdf;
    color: #454545;
}

/**
 * Option item
 */

.option-item {
    cursor: pointer;
    /*border-bottom: 1px #e3e3e3 solid;*/
}

.option-item:hover {
    background-color: #efefef;
    color: #454545;
}

.option-item:last-child {
    border-bottom: none;
}

/**
 * Disabled and optgroups
 */

/*.option-group {
  cursor: text;
  font-weight: 600;
  background: #e1e1e1;
  border: 1px #ccc solid;
  border-width: 1px 0; }*/

/**
 * Disabled
 */

.option-disabled {
    opacity: 0.5;
}

/**
 * Dropdown
 */

.combo-dropdown {
    position: absolute;
    text-align: left;
    z-index: 999;
    top: 100%;
    left: 0;
    min-width: 100%;
    max-width: 300px;
    max-height: 270px;
    margin: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    /*display: none;*/
    overflow-y: auto;
    background: #fff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}

.combo-dropdown li {
    list-style: none;
    padding: 10px 15px;
    margin: 0 !important;
}

/**
 * On Active
 */

.combo-open .combo-dropdown {
    /*display: block; */
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

/**
 * Search marker
 */

.combo-marker {
    text-decoration: underline;
}

/* ============================

===============================*/

.halal {
    z-index: 222;
    bottom: 32px;
    right: 90px;
    position: fixed;
    width: 71px;
}

.form-text-style1:focus {
    outline: none;
}

.container.container-hd-nav li a.gift-new:after {
    content: "";
    background: url(../images/new-gf-nav.svg);
    background-size: 100%;
    height: 100px;
    width: 23px;
    position: absolute;
    background-repeat: no-repeat;
    margin-left: -14px;
    margin-top: -13px;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.container.container-hd-nav li:hover a.gift-new:after {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

/* OPTIONS STYLES */

/* .check-op-style #browser {
    width: 100%;
    outline: none;
    border: 1px solid #e0e0e0;
    padding: 5px 15px;
    font-size: 14px;
    margin: 10px 0px;
} */

/* select#outlets--default select#outlets__option--highlighted select#outlets__option--selectable {
    background-color: #f700ff;
    color: white;
} */

/* END OPTIONS STYLES */

/* APP PAGE */

.top-social-footer.ourapp {
    padding-top: 15px;
    color: #fff;
    text-align: center;
    display: inline-block;
}

.navbar-header .ourapp img {
    max-width: 100px !important;
    height: auto;
}

.our-app {
    /* background: linear-gradient(rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5)100%), url(../images/our-app.jpg) no-repeat; */
    /* background: url("../images/our-app.jpg"); */
    background-position: center;
    background-size: cover;
}

.footer-pt-n {
    padding-top: 0px !important;
}

.our-app-link {
    margin: 27vh 0px;
}

.our-app-b {
    background: rgb(255 255 255 /60%);
    /* padding: 10px 0px 20px 20px; */
    border-radius: 5px;
}

.our-app-b h1 {
    text-align: center;
    font-size: 30px;
    color: #000;
    padding-bottom: 10px;
}

.our-app-b h1 .boldapp {
    font-weight: 700;
    color: #c7252f;
}

.mobile-d-h {
    display: none;
}

.mobile-d-s {
    display: block;
}

/* -----Order-Online-Popup-CSS---- */

.modal-header-online-odr {
    padding: 15px;
}

.banner-side-online-odr {
    width: 100%;
    margin: 0px;
    padding-top: 0px;
    /* position: absolute !important; */
    background-color: white;
    z-index: 99;
    /* box-shadow: 0px 0px 15px -4px #666; */
}

.tab_container {
    width: 100%;
    margin: 0px;
    padding-top: 0px;
    position: relative;
    background-color: white;
}

.tab_container input,
section {
    clear: both;
    padding-top: 10px;
    display: none;
}

.popup-addon {
    font-weight: 700;
    font-size: 16px;
    display: block;
    float: left;
    margin-right: 9px;
    width: auto;
    padding: 0;
    color: #000;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    background: transparent;
    border: none;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {
    display: block;
    padding: 20px;
    background: #fff;
    color: #999;
    /* border-bottom: 2px solid #f0f0f0; */
}

/* .tab_container .tab-content p,
.tab_container .tab-content h3 {
  -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;
} */

.tab_container .tab-content h3 {
    text-align: center;
}

.tab_container [id^="tab"]:checked + label {
    background: #f7941d;
}

.tab_container [id^="tab"]:checked + label span {
    color: #000;
    display: inline-block;
    font-weight: 500;
}

.tab_container [id^="tab"]:checked + label .fa {
    color: #fff;
    display: inline-block;
}

label .fa {
    font-size: 1.3em;
    margin: 0 0.4em 0 0;
}

/*Media query*/

@media only screen and (max-width: 900px) {
    label span {
        display: none;
    }
    .tab_container {
        width: 93%;
    }
    /*   Delivery Location popup  */
    .order-btn {
        text-align: left !important;
    }
    .order-btn button {
        margin: 5px 0 !important;
    }
    .outlet-details-card .food-tray-delv button {
        margin-top: 10px !important;
    }
    .model-displ {
        display: inline-flex !important;
        margin-left: 5px;
    }
    .order-btn button {
        width: 100%;
    }
    /*   Delivery Location popup  */
}

/*Content Animation*/

@keyframes fadeInScale {
    0% {
        transform: scale(0.9);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.no_wrap {
    text-align: center;
    color: #0ce;
}

.link {
    text-align: center;
}

.entr-location span i {
    padding-left: 5px;
}

.entr-location input {
    display: block;
    border: none;
    padding: 5px;
    font-size: 14px;
    color: #000 !important;
    width: 95%;
    outline: none;
}

.entr-location {
    display: flex;
    border: 1px solid #666;
    padding: 0;
}

.entr-location span {
    font-size: 19px;
    margin-right: 15px;
}

.find-btn i {
    font-size: 17px;
    margin-right: 5px;
}

.find-btn button {
    background: transparent;
    padding: 7px 12px;
    border: 1px solid #666;
    margin-top: 10px;
    font-size: 13px;
    color: #000;
}

.tab-content h6 {
    color: #000;
    font-size: 13px;
    font-weight: 600;
}

.take-away-outlets {
    margin-top: 16px;
    margin-bottom: 15px;
    border-radius: 2px;
    overflow: scroll;
    height: 190px;
    overflow-x: hidden;
}

.take-away-outlets::-webkit-scrollbar {
    width: 6px;
}

.take-away-outlets::-webkit-scrollbar-track {
    background-color: rgb(156, 156, 156);
}

.take-away-outlets::-webkit-scrollbar-thumb {
    background-color: #3f3d3d;
}

.take-away-outlets::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.take-away-desk {
    margin-bottom: 8px;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    margin-right: 0px;
}

.tab-btn-p {
    display: inline-block;
    position: relative;
    top: -2px;
    font-size: 16px;
}

label {
    font-weight: 500;
    font-size: 18px;
    display: block;
    float: left;
    width: 50%;
    padding-top: 24px;
    padding-bottom: 8px;
    color: #000;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    background: #f0f0f0;
    border-bottom: 1px solid #66666630;
}

.icon-bucket {
    text-align: center;
}

.icon-bucket svg {
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.icon-bucket img {
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.take-cnt {
    padding: 10px;
}

.take-cnt h6 {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
}

.take-cnt p {
    margin-bottom: 0;
    font-size: 12px;
    color: #707070;
    margin-top: 2px;
    font-family: arial;
    text-align: left;
    line-height: 1.5;
}

.clsed-t {
    background: #c6242f;
    border-radius: 15px;
    padding: 0 7px;
    width: fit-content;
    margin-bottom: 4px;
    cursor: pointer;
}

.max-del-msg p {
    font-weight: 600;
    color: red;
}

.icon-bucket p {
    font-family: "Roboto";
    color: #000;
    font-weight: 500;
    margin: 0;
    font-size: 12px;
}

.take-cnt .clsed-t p {
    color: #fff;
    font-weight: 600 !important;
    font-size: 10px;
}

.take-time {
    padding: 17px 5px;
}

.take-time p {
    font-size: 12px;
    margin-bottom: 0;
    color: #000 !important;
    font-weight: 500;
    font-family: arial;
}

.take-time i {
    font-size: 16px;
    margin-right: 10px;
}

.take-radio-input {
    padding: 18px 5px;
    text-align: center;
}

.take-radio-input input {
    display: inline-block;
}

.take-radio-input input[type="radio"]:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #ffa500;
    content: "";
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

.order-btn {
    text-align: end;
}

.order-btn button {
    background-color: #c6242f;
    border: none;
    color: #fff;
    padding: 7px 24px 5px;
    border-radius: 6px;
}

.order-btn button:hover {
    background-color: #ffa500;
}

.btn-later {
    text-align: left !important;
}

.order-date {
    padding: 0px 6px;
}

.order-time {
    padding: 0px 6px;
}

.place_odr_btn {
    text-align: center;
}

/* -----Order-Online-Map-Popup-CSS---- */

.modal-map-header {
    padding: 12px 15px 0px !important;
}

.modal-map-header h6 {
    font-size: 14px;
    color: #000;
    font-weight: 600;
}

.modal-map-header .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: none;
    filter: alpha(opacity=20);
    opacity: 9;
}

.modal-map-header .close:focus,
.modal-map-header .close:hover {
    color: #f7941d;
}

.map-order-popup {
    padding: 15px;
}

.map-order {
    margin-top: 10px;
    margin-bottom: 10px;
}

.food-order-tap {
    padding: 15px 0;
}

.food-tray-skip {
    margin: 10px 0 15px 0;
    font-size: medium;
    color: #fff;
    transition: 0.4s;
}

.food-tray-skip:hover {
    color: #f36f21;
    text-decoration: underline;
    transition: 0.4s;
    cursor: pointer;
}

/*   Delivery Location popup  */

.model-top {
    margin-top: 4% !important;
}

/*   Delivery Location popup end */

/*  Delivery Location Start  */

.outlet-details-card {
    padding: 20px 25px;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 22px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 2px 22px 0 rgb(0 0 0 / 15%);
}

.outlet-details-card .food-tray-delv p {
    font-weight: 500;
    line-height: 1.4;
    margin: 5px 0 0;
    overflow-wrap: break-word;
}

.outlet-details-card .food-tray-delv span {
    font-size: 12px;
}

.outlet-details-card .food-tray-delv button {
    background-color: #c7252f;
    padding: 8px 12px;
    margin: 15px 0;
    border-radius: 5px;
    border: transparent;
    color: #fff;
}

.outlet-details-card .food-tray-delv button:hover {
    background-color: #f36f21;
    padding: 8px 12px;
}

.results,
.results label {
    color: #2d2b2b;
    display: inline-block;
    float: none;
    width: auto;
    padding: 0 !important;
    border-bottom: none !important;
    background: none;
}

label.results #total {
    font-size: 24px;
    color: #fe2905 !important;
}

.ad-btn {
    color: #00c200;
    background-color: #00c200 !important ;
}

.svd-pickloc {
    display: none;
}

.mob-svd-title {
    display: none;
}

.desk-hide {
    display: none;
}

/*  Delivery Location End  */

@media only screen and (min-width: 768px) {
    .hed-loc-pop {
        display: none !important;
    }

    .tab-loca span,
    .list-pickloc {
        display: none;
    }
    .tab-loca {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        padding: 15px 0;
        align-items: center;
    }
    .tab_container [id^="tab"] + label span {
        display: inline-block;
        font-size: 16px;
    }
}

@media only screen and (max-width: 768px) {
    .item {
        height: auto;
    }

    .accordion-group a {
        color: #3a3a3a !important;
    }
    .desk-hide {
        display: block;
    }

    /* MOBILE TRACKING PAGE */

    .mob-track-blk {
        height: 147px;
        margin-bottom: 87px;
    }

    /* MOBILE PAYMENET SECTION */
    .mob-p-d {
        display: none;
    }
    .mob-pay-on-delivery {
        margin-bottom: 18px;
    }

    .mob-pay-on-delivery label {
        background: none !important;
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: none;
        text-align: left;
        padding-left: 45px;
        font-size: 16px;
    }

    .mob-pay-check input[type="radio"] {
        background-color: #ddd;

        border-radius: 10px;
        cursor: pointer;
        display: inline-block;
        height: 15px;
        margin-right: 15px;
        position: relative;
    }

    .mob-pay-check input[type="radio"]:after {
        display: block;
        height: 7px;
        left: 4px;
        position: relative;
        top: 4px;
        width: 7px;
    }
    .mob-pay-check input[type="radio"]:checked:after {
        background-color: #f66;
    }

    .mob-pay-row {
        margin-left: 15px;
        margin-right: 15px;
        display: flex;
    }

    .mob-payment-pay button {
        margin-top: 18px;
        border-radius: 0;
        padding: 8px 16px;
        background: #c6242f;
    }

    .margin-sele {
        position: relative;
        top: -10px;
        left: 17px;
    }

    .margin-sele img {
        width: 45px;
    }
    /* END PAYMENT */

    .desk-delivery-add {
        display: none;
    }
    .mob-svd-title {
        display: block;
    }

    .svd-pickloc {
        display: block;
        padding: 4px;
    }

    .svd-pickloc input[type="radio"]:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #ffa500;
        content: "";
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }

    .svd-pickloc .svd-add-det p {
        color: #3a3a3a;
        font-weight: 600;
        margin-bottom: 0;
    }

    .svd-pickloc .svd-add-det span p {
        color: #3a3a3a;
        font-weight: 400;
        font-size: 12px;
        margin-bottom: 0;
    }

    .mob-svd-title h5 {
        font-size: 18px;
        font-weight: 500;
        margin-top: 12px;
        color: #333;
        padding-left: 4px;
    }
    .svd-pickloc {
        display: block !important;
    }
    .svd-address {
        display: none !important;
    }

    .mobpop-loc {
        display: block;
        opacity: 1 !important;
        background: #fff;
        overflow-y: scroll;
        transform: translateY(100%);
        transition: all 0.3s;
    }
    .mobpop-loc.in {
        transform: translateY(0);
    }

    .mobpop-loc > .modal-dialog {
        transform: translate(0) !important;
        height: 100%;
    }

    .hed-loc-pop {
        display: flex;
        align-items: center;
        padding: 15px;
        border-bottom: solid 1px rgba(0, 0, 0, 0.15);
    }

    .hed-loc-pop > button {
        background: transparent;
        border: none;
        line-height: 0;
        padding: 0;
    }

    .side-off-stick {
        position: unset;
    }

    .hed-loc-pop > button svg g {
        stroke: #000;
    }

    .hed-loc-pop h4 {
        margin: 0;
        font-size: 15px;
        font-weight: 400;
        margin-left: 10px;
        color: #000;
    }

    .ski-btn {
        margin-left: auto;
        font-weight: 400;
        color: #000;
    }

    .tab-loca span {
        display: block;
        font-size: 14px;
        font-weight: 400;
    }
    .tab-loca svg {
        display: none !important;
    }

    .tab-loca {
        padding: 15px;
        background: #fff !important;
    }

    .mob-locat {
        width: 100%;
    }

    .tab-loca {
        position: relative;
        margin-bottom: 0;
        height: 55px;
    }
    .tab_container [id^="tab"]:checked + label span {
        color: #ff0000;
        display: block !important;
    }
    .lin-ta::after {
        content: "";
        width: 100%;
        display: block;
        height: 1px;
        background: #ff0000;
        position: absolute;
        bottom: 0;
        left: 0;
        transform: translateX(100%);
        transition: all 0.3s ease-in-out;
        z-index: 555;
    }
    .tab_container [id^="tab"]:checked + .lin-ta::after {
        transform: translateX(0);
    }

    .mob-seckloc h6 {
        display: none !important;
    }

    .mob-seckloc {
        padding: 0 !important;
    }

    .mob-seckloc .entr-location {
        border: none !important;
    }

    .mob-seckloc .entr-location input {
        font-size: 16px;
        font-weight: 400;
        width: 95%;
        max-width: 100%;
        padding: 15px;
    }

    .entr-location {
        display: block;
        position: relative;
    }
    .entr-location > span {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
    }

    .mob-f-btn button {
        width: 100%;
        display: block;
        border: none !important;
        background: #f4f4f4;
        padding: 15px;
        text-align: left !important;
        margin-top: 0;
        font-size: 15px;
        font-weight: 400;
    }
    .mob-f-btn > a {
        max-width: 100%;
        display: block;
        width: 100% !important;
    }
    .mob-f-btn > a i {
        position: relative;
        top: 1px;
        margin-right: 10px;
    }

    .mob-svd-add-btn {
        display: none;
    }

    .mob-locat {
        z-index: 0 !important;
    }

    .mob-seckloc .take-away-outlets {
        margin: 0;
        height: auto;
        overflow: auto;
        border: none !important;
    }

    .mob-hid-pick {
        display: none;
    }

    .list-pickloc input {
        display: none !important;
    }

    .mob-loc-pik {
        display: flex;
        width: 100%;
        align-items: center;
        background: #fff !important;
        padding: 10px 0;
        margin-bottom: 0;
    }

    .mobpi-list-c1 {
        width: 30px;
    }
    .mobpi-list-c1 svg {
        width: 100%;
    }

    .locpick-c2 h6 {
        display: block !important;
        margin: 0;
        font-weight: 500;
        font-size: 13px;
        line-height: 1.4;
    }

    .locpick-c3 {
        width: 22px;
    }

    .locpick-c3 span {
        height: 12px;
        width: 12px;
        display: block;
        border: solid 1px #d83032;
        border-radius: 100px;
        position: relative;
    }
    .locpick-c3 span::after {
        content: "";
        width: 10px;
        height: 10px;
        position: absolute;
        top: 50%;
        transform: translatey(-50%);
        background: #d83032;
        border-radius: 100px;
        left: 0;
        opacity: 0;
        transition: all 0.3s;
    }

    .list-pickloc input:checked + .mob-loc-pik .tici::after {
        opacity: 1;
    }

    .locpick-c2 {
        width: calc(100% - 52px);
        text-align: left;
        padding-left: 16px;
    }

    .locpick-c2 p {
        margin-bottom: 0px;
        font-size: 13px;
        color: #555;
        margin: 0;
        font-weight: 400;
    }

    .mobpi-list-c1 p {
        font-size: 10px;
        line-height: 1.1;
    }
    .max-del-msg p {
        color: #c7252f;
        font-size: 10px;
    }

    .mobile-cartPP {
        display: grid;
    }

    .address-edit a {
        font-size: 12px;
    }

    label span {
        display: initial;
    }

    .address-placed-bg {
        margin-top: 35px;
    }

    .clsed-t {
        background: #c6242f;
        border-radius: 15px;
        padding-left: 9px;
        color: #fff;
    }

    .locpick-c2 .clsed-t p {
        color: #fff;
        font-weight: 600 !important;
        font-size: 8px;
    }

    #saved-addresses-list-mob ul li {
        color: #aaaaaa;
        display: block;
        position: relative;
        float: left;
        width: 100%;
        height: 100px;
    }

    #saved-addresses-list-mob ul li input[type="radio"] {
        position: absolute;
        visibility: hidden;
    }

    #saved-addresses-list-mob ul li label {
        display: block;
        position: relative;
        font-weight: 300;
        font-size: 1.35em;
        padding: 25px 25px 25px 80px;
        margin: 10px auto;
        height: 30px;
        z-index: 9;
        cursor: pointer;
        -webkit-transition: all 0.25s linear;
    }

    #saved-addresses-list-mob ul li:hover label {
        color: #ffffff;
    }

    #saved-addresses-list-mob ul li .check {
        display: block;
        position: absolute;
        border: 1px solid #aaaaaa;
        border-radius: 100%;
        height: 25px;
        width: 25px;
        top: 30px;
        left: 20px;
        z-index: 5;
        transition: border 0.25s linear;
        -webkit-transition: border 0.25s linear;
    }

    #saved-addresses-list-mob ul li:hover .check {
        border: 5px solid #ffffff;
    }

    #saved-addresses-list-mob ul li .check::before {
        display: block;
        position: absolute;
        content: "";
        border-radius: 100%;
        height: 15px;
        width: 15px;
        top: 5px;
        left: 5px;
        margin: auto;
        transition: background 0.25s linear;
        -webkit-transition: background 0.25s linear;
    }

    #saved-addresses-list-mob label {
        background: none;
    }

    #saved-addresses-list-mob input[type="radio"]:checked ~ .check {
        border: 1px solid #c6242f;
    }

    #saved-addresses-list-mob input[type="radio"]:checked ~ .check::before {
        background: #c6242f;
    }

    #saved-addresses-list-mob input[type="radio"]:checked ~ label {
        color: #c6242f;
    }

    .search-filter-card {
        width: 100% !important;
        position: fixed;
        top: 100px;
        left: 0;
        padding: 0px 25px;
        z-index: 99;
        box-shadow: 0 32px 31px 0 rgb(0 0 0 / 15%) !important;
    }

    .filter-menu-check {
        display: none !important;
    }

    .products-br {
        height: 228px;
    }

    .mobile-menu-slider {
        margin-top: 16rem;
    }

    /* MOBILE DELIVERY OUTLET DETAILS */
    .mobile-outlet-detail-card {
        position: fixed;
        top: 60px;
        z-index: 222;
        background: #fff;
        width: 100%;
        padding: 9px;
        height: 50px;
        display: block;
    }

    .mob-deliv-outlet-det {
        padding: 2px;
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px;
        overflow: hidden;
        color: #000;
        /* font-weight: 600; */
        font-size: 10px;
        height: 35px;
        background: #f2f2f2;
        display: flex;
        align-items: center;
        padding-left: 9px;
    }

    .mob-deliv-outlet-det i {
        font-size: 16px;
        padding-right: 4px;
    }

    .mob-deliv-outlet-time {
        background-color: #c7252f;
        color: #fff;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px;
        width: fit-content;
        padding: 0 7px;
        position: relative;
        left: 0;
        right: 0;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 0px;
        font-size: 10px;
        overflow: hidden;
    }

    .mob-deliv-outlet-address {
        padding: 2px;
        border-radius: 16px;
        overflow: hidden;
        color: #000;
        font-weight: 600;
        font-size: 12px;
        height: 35px;
        background: #f2f2f2;
        display: flex;
        justify-content: center;
    }

    .mob-deliv-outlet-address p {
        margin-left: 2px;
        font-size: 9px;
        font-weight: 400;
        margin-bottom: 0;
        padding-top: 4px;
    }

    .mob-deliv-outlet-address svg {
        margin-top: 4px;
        margin-left: 4px;
        padding: top 4px;
    }

    .mob-deliv-outlet-time p {
        margin: 0;
        font-size: 9px;
        font-weight: 600;
    }

    /* ENDS HERE MOBILE DELIVERY OUTLET DETAILS */

    /* SCROLL MOBILE DELIVERY OFFER DETAILS */

    .mob-scroll-outlet-det-cont {
        width: 100%;
        background-color: #fff;
        position: fixed;
        top: 60px;
        z-index: 555;
        height: 40px;
        padding-top: 7px;
        display: none;
    }

    .msod-detail {
        line-height: 1em;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column;
        padding-left: 6px;

        text-align: center;
    }
    .msod-detail p {
        margin: 0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 1.3;
    }
    .msod-detail span p {
        font-size: 10px;
        color: #1976d2;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    /* MOBILE POPUP OFFER */

    .overlay-mobile-offer {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000000a6;
        display: block;
        z-index: 999;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease-in-out;
    }

    .overlay-mobile-offer.show {
        visibility: visible;
        opacity: 0.6;
    }

    .mobile-offer-popup {
        display: block;
        opacity: 0;
        background: #fff;
        transform: translateY(100%);
        transition: all 0.3s;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 9999;
        border-radius: 15px 15px 0 0;
        opacity: 0;
        visibility: hidden;
    }

    .mobile-offer-popup.show {
        transform: translateY(0);
        opacity: 1 !important;
        visibility: visible;
    }

    .mobile-offer-popup-head {
        display: flex;
        align-items: center;
        background: #f1f1f1;
        width: 100%;
        padding: 15px;
        border-radius: 10px 10px 0 0;
    }

    .mobile-offer-popup-head span {
        font-size: 14px;
        display: inline-block;
        margin-left: 8px;
        line-height: 0;
    }

    .mobile-offer-popup-head .point-clse {
        margin-left: auto;
        color: #c7252f;
        font-weight: 500;
    }

    .mob-off-close a {
        color: #c7252f;
        font-weight: 600;
    }

    .mob-offer-sec-main {
        overflow-y: scroll;
        max-height: 400px;
    }

    .mobile-off-cont {
        padding: 12px;
        float: left;
        width: 100%;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    }

    .mob-off-promo input {
        float: left;
        padding: 14px;
        border: none;
    }

    .mob-off-promo button {
        float: right;
        background-color: transparent;
        border: none;
        padding: 9px;
        border-radius: 3px;
        color: #f7941d;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .mob-off-promo input::placeholder {
        font-size: 14px;
        color: #c9c9c9;
    }

    .mob-off-promo {
        border-bottom: 1px solid #c9c9c9;
        float: left;
        padding-bottom: 16px;
        width: 100%;
    }

    .mob-off-blk h4 {
        font-weight: 600;
        font-size: 14px;
        margin-bottom: 6px;
    }

    .mob-off-blk p {
        font-size: 12px;
        line-height: 1.3;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    }

    .mob-off-blk-flx {
        display: flex;
    }

    .mob-off-code {
        display: inline-flex;
    }

    .mob-off-code span p {
        font-weight: 600;
        color: #c7252f;
        padding-left: 4px;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    }

    .mob-off-code-btn {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
    }

    .mob-off-code-btn button {
        background-color: #ffa500;
        color: #fff;
        padding: 4px 10px;
        border: none;
        border-radius: 4px;
    }

    .mob-off-blk-term p {
        font-size: 12px;
        color: #1e77ba;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    }

    .mobile-off-cont-end {
        height: 1px;
        margin: 0;
        border: none;
        flex-shrink: 0;
        background-color: rgba(0, 0, 0, 0.12);
    }

    /* MOBILE POPUP OFFER ENDS HERE */

    /* MOBILE CART ADDRESS POPUP */

    .m-cart-address {
        display: block;
        opacity: 0;
        background: #fff;
        transform: translateY(100%);
        transition: all 0.3s linear;
        position: fixed;
        bottom: 35px;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 9999;
        border-radius: 15px 15px 0 0;
        opacity: 0;
        visibility: hidden;
    }

    .m-cart-address.show {
        visibility: visible;
        opacity: 1;
        transform: translateY(0px);
        transition: all 0.3s linear;
    }

    .top-m-cart-address {
        display: flex;
        background: #f1f1f1;
        width: 100%;
        height: 42px;
        align-items: center;
        padding: 15px;
        border-radius: 10px 10px 0 0;
    }

    .overlay-mobile-cart-address {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000000a6;
        display: block;
        z-index: 999;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease-in-out;
    }

    .overlay-mobile-cart-address.show {
        visibility: visible;
        opacity: 0.6;
    }

    .address-crt-bt {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #eee;
        padding: 12px;
    }
    .address-crt-bt > svg {
        margin-top: 3px;
    }
    .address-crt-bt span {
        font-size: 14px;
        display: inline-block;
        margin-left: 8px;
        line-height: 0;
    }
    .address-crt-bt .add-address-close {
        margin-left: auto;
        color: #c7252f;
    }

    .entr-address-inp input {
        background: #f0f0f0;
        border: 1px solid #eee;
        border-radius: 4px;
        margin-bottom: 6px;
    }
    .entr-address-inp p {
        margin-bottom: 0;
    }

    .addr-premis .row {
        display: flex;
    }
    .add-pr-btn input[type="radio"] {
        margin: 6px;
        border: none;
        position: absolute;
        width: 60px !important;
        height: 27px !important;
        opacity: 0;
    }

    .addr-premis i {
        font-size: 20px !important;
        padding-right: 0 !important;
        margin: 0;
    }

    .add-pr-btn label {
        font-size: 12px !important;
        font-weight: 400 !important;
    }

    .add-pr-btn {
        display: flex;
        margin-top: 4px;
    }

    .m-add-adress-btn button {
        width: 100%;
        background: #c7252f;
        color: #fff;
        padding: 12px;
        position: fixed;
        border: none;
        left: 0;
    }

    body .stickb {
        overflow: hidden;
    }
    /* MOBILE POPUP POINTS */

    .mobile-point-cont {
        display: flex;
        justify-content: center;
        margin-top: 12px;
    }

    .mob-pnt-num {
        margin-top: 6px;
        padding-left: 15px;
    }

    .mob-pnt-num span {
        display: block;
    }

    .mob-pnt-num .mob-avai-point {
        font-size: 18px;
        font-weight: 600;
    }

    .mobile-point-no-log {
        display: flex;
        justify-content: center;
        margin-top: 12px;
        margin-left: 5%;
    }

    .mob-pnt-info {
        margin-top: 6px;
        padding-left: 10px;
    }

    .mob-pnt-info .mob-point-info-p {
        font-size: 16px;
        font-weight: 500;
    }

    .mob-pnt-info .title {
        font-size: 13px;
    }

    .mob-loyalty-know-more {
        display: flex;
        justify-content: flex-end;
        margin-right: 7%;
        color: #c7252f;
        font-size: 12px;
    }

    .mobile-point-popup {
        display: block;
        opacity: 0;
        background: #fff;
        transform: translateY(100%);
        transition: all 0.3s;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 9999;
        border-radius: 15px 15px 0 0;
        opacity: 0;
        visibility: hidden;
    }

    .mobile-point-popup.vis {
        transform: translateY(0);
        opacity: 1 !important;
        visibility: visible;
    }

    .mobile-point-popup-head {
        display: flex;
        background: #f1f1f1;
        width: 100%;
        height: 42px;
        align-items: center;
        padding: 15px;
        border-radius: 10px 10px 0 0;
    }

    .mobile-offer-popup-head h4 {
        font-weight: 600;
        padding-left: 4px;
    }

    .mob-off-close {
        align-items: center;
        justify-content: flex-end;
        display: flex;
        width: 50%;
    }

    .mob-off-close a {
        color: #c7252f;
        font-weight: 600;
    }

    .mob-point-sec-main {
        overflow-y: scroll;
        max-height: 650px;
    }

    .mob-pnt-act-btn button {
        display: block;
        background-color: #c7252f;
        color: #fff;
        text-align: center;
        padding: 12px;
        border-radius: 4px;
        margin-top: 12px;
        border: none;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 12px;
        width: calc(100% - 50px);
    }

    /* MOBILE BOTTOM MENU  */

    .mob-filter-menu-check {
        display: flex;
        justify-content: center;
        margin-top: 8px;
        gap: 8px;
    }

    .mob-filter-menu-check label {
        display: block;
        float: unset;
        width: auto;
        background: none;
        text-align: left;
        font-size: 9px;
        border-bottom: none;
        padding: 0;
        margin-right: auto;
        margin-left: auto;
    }

    .mob-filter-menu-check input[type="checkbox"] {
        appearance: none;
        -webkit-appearance: none;
        height: 20px;
        width: 20px;
        background-color: #d5d5d5;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        outline: none;
        border-radius: 1px;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .mob-filter-menu-check input[type="checkbox"]::after {
        content: "\f00c";
        font-family: FontAwesome;
        font-size: 12px;
        color: #fff;
        display: none;
        transition: all 0.3s linear;
    }

    .mob-filter-menu-check input[type="checkbox"]:hover {
        /* background-color: #a5a5aa; */
    }

    .mob-filter-menu-check input[type="checkbox"]:checked {
        background-color: #c7252f;
    }

    .mob-filter-menu-check input[type="checkbox"]:checked::after {
        display: block;
        transition: all 0.3s linear;
    }

    .m-veg-clr {
        display: block !important;
        padding-right: 4px;
    }

    .m-veg-clr input[type="checkbox"]:checked {
        background-color: #0aaf47;
    }

    .mob-btm-rate p {
        color: #fff;
        font-family: "Poppins";
        font-weight: 500;
        font-size: 13px;
        margin: 0;
    }

    .mob-btm-rate span p {
        font-size: 10px;
        line-height: 1.2;
    }

    .mob-total-cart {
        padding-left: 0;
    }

    .mob-btm-cart {
        color: #fff;
        display: flex;
        margin-top: 4px;
    }

    .mob-btm-rate {
        padding-top: 10px;
    }

    .mob-btm-cart i {
        font-size: 22px;
        margin-top: 8px;
    }

    .mob-total-cart::after {
        content: "";
        background-color: #ffffffe3;
        display: block;
        position: relative;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        bottom: 30px;
        left: 17px;
        margin-left: auto;
        margin-right: auto;
    }

    .mob-cart-count {
        position: absolute;
        bottom: 15px;
        color: #c7252f;
        font-size: 18px;
        right: 3px;
        z-index: 2;
        font-size: 12px;
    }

    .mobile-bott-head > div {
        display: flex;
    }

    .mobile-bott-head {
        position: fixed;
        bottom: 0;
        width: 100%;
    }

    .mob-head-pop-btn {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        background-color: #c7252f;
        border: none;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        top: -22px;
        z-index: 22;
    }

    .mob-btm-head-start {
        width: calc(50% - 35px);
        display: block;
        height: 50px;
        position: relative;
        background-color: #fff;
    }

    .mob-btm-head-start::after {
        content: "";
        width: 50px;
        height: 50px;
        background-image: url(../images/fitme.svg);
        background-size: 100% 100%;
        display: block;
        right: -35px;
        top: 0;
        position: absolute;
    }
    .mob-btm-head-end {
        width: calc(50% - 35px);
        display: block;
        height: 50px;
        margin-left: auto;
        background-color: #c7252f;

        position: relative;
    }

    .mob-btm-head-end::before {
        content: "";
        width: 50px;
        height: 50px;
        background-image: url(../images/fitme-red.svg);
        background-size: 100% 100%;
        display: block;
        transform: scaleX(-1);
        left: -35px;
        position: absolute;
    }

    .modal-content.mobile-page-m-pop {
        max-height: 600px;
        overflow: hidden;
    }

    /* CART SECTION HERE */

    .stick-cart-bot {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .top-sti-cart {
        display: flex;
    }
    .loya-cl1 {
        width: calc(100% - 50px);
    }

    .loya-cl2 {
        width: 50px;
        text-align: center;
    }

    .loya-cl2 {
        background: #f4f4f4;
        padding: 14px 8px;
    }

    .loya-cl1 {
        display: flex;
        align-items: center;
        padding: 12px;
    }

    .loya-cl1 span {
        display: inline-block;
        margin-left: 10px;
        font-size: 15px;
    }

    .stick-cart-bot {
        box-shadow: rgba(100, 100, 111, 0.5) 0px 7px 29px 0px;
    }

    .bot-sti-cart {
        border-top: solid 1px rgba(0, 0, 0, 0.15);
    }

    .bot-sti-cl2 button {
        background: #c7252f;
        color: #fff;
        border: none !important;
        height: 100%;
        width: 100%;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
    }

    .mob-checkout-btn button {
        background: #c7252f;
        color: #fff;
        border: none !important;
        height: 100%;
        width: 100%;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
    }

    .stick-cart-bot {
        background: #fff;
    }

    .bot-sti-cart {
        display: flex;
    }

    .bot-sti-cart > div {
        width: 50%;
    }
    .bot-sti-cl1 {
        padding: 8px 10px;
    }
    .bot-sti-cl1 > span {
        display: block;
    }

    .pric-sti {
        font-weight: 600;
        margin-bottom: 4px;
        font-size: 15px;
    }

    .det-sti {
        font-size: 13px;
        color: #555;
    }

    .topp-cartt {
        box-shadow: rgb(100 100 111 / 10%) 0px 7px 29px 0px;
        display: flex;
        align-items: center;
        padding: 10px;
        top: 0;
        left: 0;
        position: fixed;
        width: 100%;
        background: #fff;
    }

    .topp-cartt .mobile-crt-more-item-select {
        margin-left: auto;
        color: #c7252f;
    }

    .lab-span {
        margin-left: 10px;
        font-size: 15px;
        font-weight: 500;
    }

    .lab-span span {
        width: 10px;
        height: 10px;
        background: #f4f4f4;
        padding: 4px;
        border-radius: 50%;
        margin-left: 10px;
    }

    .contain-cartt {
        background: #f4f4f4;
        padding-top: 10%;
        padding-bottom: 120px;
    }

    .del-type-cart {
        background: #fff;
        display: flex;
        align-items: center;
        padding: 15px;
    }

    .del-type-cart button {
        background-color: #f3f3f3;
        color: #000;
        border-radius: 10%;
        font-size: 12px;
        padding: 6px;
        border: none;
        margin-left: 12px;
    }

    .type-ca-img {
        width: 24px;
        height: 24px;
    }

    .del-type-cart > div {
        padding-left: 10px;
    }
    .del-type-cart h4 {
        font-size: 14px;
        margin: 0;
    }
    .del_eta {
        background: #c7252f;
        color: #fff;
        border-radius: 100px;
        display: inline-block;
        padding: 2px 5px;
        font-weight: 500;
        margin-left: 10px;
        font-size: 13px;
    }
    .del-type-cart p {
        font-size: 12px;
        color: #555;
        margin: 0;
        margin-top: 4px;
        line-height: 1.6;
    }

    .cart-pro-contain {
        margin-top: 10px;
        background: #fff;
        padding: 15px;
    }

    .crt-por-item {
        padding: 10px 0;
        border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    }

    .rw-pro-c-item {
        display: flex;
        margin-bottom: 20px;
    }

    .squ-space {
        background: #fff;
        height: 20px;
        margin-top: 10px;
        width: 100%;
    }
    .pro-c-item-c1 {
        width: 16px;
    }

    .prc-pro-cart {
        width: 60px;
        padding-left: 8px;
        text-align: right;
    }

    .pro-c-item-c2 h3 {
        margin: 0;
        font-size: 14px;
        font-weight: 500;
    }

    .pro-c-item-c2 {
        padding-left: 10px;
        width: calc(100% - 146px);
        padding-right: 8px;
    }

    .pro-c-item-c3 {
        width: 70px;
    }

    .qty-lis-pop-blk {
        display: flex;
        border: solid 1px red;
        border-radius: 4px;
    }

    .qty-lis-pop-blk button,
    .qty-lis-pop-blk input {
        width: 33.33%;
        background: transparent;
        border: none;
        text-align: center;
        padding: 5px;
    }

    .cust-me-pro {
        font-size: 12px;
    }
    .contain-cartt textarea {
        display: block;
        width: 100%;
        border: solid 1px rgba(0, 0, 0, 0.15);
        border-radius: 5px;
        margin-top: 13px;
        padding: 10px;
    }

    .promo-crt-bt,
    .del-instruc {
        background: #fff;
        margin-top: 10px;
        padding: 10px 15px;
    }
    .promo-crt-bt {
        display: flex;
        align-items: center;
    }
    .promo-crt-bt > svg {
        margin-top: 3px;
    }
    .promo-crt-bt span {
        font-size: 14px;
        display: inline-block;
        margin-left: 8px;
        line-height: 0;
    }
    .promo-crt-bt .arr-ic {
        margin-left: auto;
    }

    .promo-crt-bt .mob-offer-applied {
        display: block !important;
    }

    .mob-offer-activated {
        font-weight: 500;
        color: #c7252f;
        margin-bottom: 0;
        font-size: 14px;
        padding-left: 7px;
    }

    .mob-offer-applied span {
        font-size: 12px;
    }
    .del-instruc {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .del-instruc h4 {
        margin: 0;
        font-size: 14px;
        margin-bottom: 15px;
    }

    .ct-frm-kitc {
        margin-top: 12px;
    }

    .ct-frm-grp label {
        font-size: 14px;
        top: -2px;
        background: none !important;
        border-bottom: none;
        float: unset;
        width: auto;
        display: inline-block;
        padding-top: 0;
        padding-bottom: 0;
    }
    .ct-frm-grp input[type="checkbox"] {
        margin-left: 0;
    }
    .intru-p {
        font-size: 13px;
        color: #555;
    }
    .intru-p a {
        text-decoration: none !important;
        color: #c7252f !important;
    }

    .deil-cart-blk {
        margin-top: 10px;
        background: #fff;
        padding: 25px 15px;
        padding-bottom: 10px;
    }

    .deil-cart-blk > h3 {
        font-size: 14px;
        text-transform: uppercase;
        margin: 0;
        margin-bottom: 10px;
    }

    .sub-bill-det-rw,
    .tm-bill-det-rw {
        display: flex;
        align-items: center;
        border-bottom: solid 1px rgba(0, 0, 0, 0.08);
        padding: 10px 0;
    }
    .sub-bill-det-rw p,
    .sub-bill-det-rw h4 {
        margin: 0;
        font-size: 13px;
        font-weight: 500;
        color: #444;
    }
    .tm-bill-det-rw p,
    .tm-bill-det-rw h4 {
        margin: 0;
        font-size: 15px;
        font-weight: 600;
        color: #222;
    }
    .sub-bill-det-rw p,
    .tm-bill-det-rw p {
        margin-left: auto;
    }

    .tm-bill-det-rw {
        border-bottom: none;
        padding-top: 15px;
    }

    .cust-me-data {
        display: block;
        font-size: 10px;
        color: #555;
        margin-top: 10px;
    }

    /* PAYMENT */

    .del-type-payment {
        background: #fff;
        display: flex;
        align-items: center;
        padding: 15px;
    }

    .del-type-payment > div {
        padding-left: 30px;
    }
    .del-type-payment h4 {
        font-size: 14px;
        margin: 0;
    }

    .del-type-payment h4 span {
        background: #b7710d;
        color: #fff;
        border-radius: 100px;
        display: inline-block;
        padding: 1px 5px;
        font-weight: 500;
        font-size: 13px;
    }
    .del-type-payment p {
        font-size: 12px;
        color: #555;
        margin: 0;
        margin-top: 4px;
        line-height: 1.4;
    }

    .contain-payment {
        background: #f4f4f4;
        padding-top: 10%;
    }

    .payment-crt-bt,
    .del-instruc {
        background: #fff;
        margin-top: 3px;
        padding: 14px;
    }
    .payment-crt-bt {
        display: flex;
        align-items: center;
    }
    .payment-crt-bt > svg {
        margin-top: 3px;
    }
    .payment-crt-bt span {
        font-size: 14px;
        display: inline-block;
        margin-left: 8px;
        line-height: 0;
    }

    .payment-crt-bt span a {
        padding-left: 30px;
    }
    .payment-crt-bt .arr-ic {
        margin-left: auto;
    }

    .payment-crt-meth {
        background: #fff;
        margin-top: 6px;
        padding: 10px 15px;
        border-bottom: 1px solid #c7252f;
        text-align: center;
    }

    .payment-crt-opt {
        background: #fff;
        padding: 10px 15px;
    }

    .payment-crt-meth span {
        color: #c7252f;
    }

    .pay-mob input {
        display: none;
    }
    .mob-pay-ico {
        width: 30px;
    }

    .mob-pay-tite {
        width: calc(100% - 52px);
        padding-left: 15px;
        text-align: left;
        font-size: 14px;
    }

    .mob-pay-pik {
        display: flex;
        width: 100%;
        align-items: center;
        background: none;
        padding: 10px 0;
        margin-bottom: 0;
        border: none;
    }

    .mob-pay-act {
        width: 22px;
    }

    .mob-pay-act span {
        height: 12px;
        width: 12px;
        display: block;
        /* border: solid 1px #d83032; */
        border-radius: 100px;
        position: relative;
    }

    .mob-pay-act span::after {
        content: "";
        width: 10px;
        height: 10px;
        position: absolute;
        top: 50%;
        transform: translatey(-50%);
        background: #d83032;
        border-radius: 100px;
        left: 0;
        opacity: 0;
        transition: all 0.3s;
    }

    .pay-mob input:checked + .mob-pay-pik .tici::after {
        opacity: 1 !important;
    }

    .mob-pay-opt {
        padding-left: 20px;
        background-color: #f9f9f9;
    }

    /* MOBILE BANK DETAIL */

    #mscbdet {
        display: block;
        opacity: 0;
        background: #fff;
        transform: translateY(100%);
        transition: all 0.3s;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 9999;
        border-radius: 15px 15px 0 0;
        opacity: 0;
        visibility: hidden;
    }

    #mscbdet.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(50%);
    }

    #mkbnkbdet {
        display: block;
        opacity: 0;
        background: #fff;
        transform: translateY(100%);
        transition: all 0.3s;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 9999;
        border-radius: 15px 15px 0 0;
        opacity: 0;
        visibility: hidden;
    }

    #mkbnkbdet.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(50%);
    }

    #mthaiqrdet {
        display: block;
        opacity: 0;
        background: #fff;
        transform: translateY(100%);
        transition: all 0.3s;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 9999;
        border-radius: 15px 15px 0 0;
        opacity: 0;
        visibility: hidden;
    }

    #mthaiqrdet.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(30%);
    }

    #mthaiqrdet span img {
        width: 85%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 8px;
        margin-top: 15%;
    }

    .mob-bnk-det span img {
        width: 50%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 8px;
        margin-top: 25%;
    }

    .mob-bnk-det span p {
        display: block;
        font-size: 20px;
        font-weight: 600;
        margin: 0;
        text-align: center;
    }

    /*  */
    .mob-order-btn {
        display: flex;
    }

    .mob-order-btn > div {
        width: 50%;
    }
    .bot-sti-cl1 {
        padding: 8px 10px;
    }
    .bot-sti-cl1 > span {
        display: block;
    }
    .order-now-cl2 button {
        background: #c7252f;
        color: #fff;
        border: none !important;
        height: 50px;
        width: 100%;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
    }
    .order-later-cl2 button {
        background: #f7941d;
        color: #fff;
        border: none !important;
        height: 50px;
        width: 100%;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
    }

    .address-svd-cartt {
        background: #f4f4f4;
        padding-top: 60px;
    }

    .add-new-address-c {
        padding: 10px;
        color: #c7252f;
    }
    .saved-address-cart {
        background: #fff;
        align-items: center;
        padding: 10px;
        margin-top: 4px;
        border-bottom: 0.65px solid #eee;
    }

    .saved-address-cart h4 {
        margin: 0;
        font-weight: 500;
        font-size: 18px;
    }
    .saved-address-cart span p {
        margin-top: 6px;
        color: #7e7c7c;
        line-height: 1.4;
        font-size: 13px;
        padding-right: 16px;
    }

    .stick-cart-bot {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .stick-cart-bot {
        box-shadow: rgba(100, 100, 111, 0.5) 0px 7px 29px 0px;
    }

    .bot-sti-cart {
        border-top: solid 1px rgba(0, 0, 0, 0.15);
    }

    .bot-address-cont button {
        background: #c7252f;
        color: #fff;
        border: none !important;
        height: 55px;
        width: 100%;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
    }

    .stick-cart-bot.pay {
        position: absolute;
        z-index: 999999;
    }

    .stick-cart-bot {
        background: #fff;
    }

    .bot-sti-cart > div {
        width: 100%;
    }

    .cart-address-svd {
        background: #fff;
        padding: 10px;
    }

    .mobile-cart-address-change {
        display: block;
        opacity: 0;
        background: #fff;
        transform: translateY(100%);
        transition: all 0.4s ease-in-out;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        border-radius: 15px 15px 0 0;
        opacity: 0;
        visibility: hidden;
    }

    .mobile-cart-address-change.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition: all 0.4s ease-in-out;
    }

    /* MOBILE PRODUCT CUSTOMIZE */

    .contain-cust {
        background: #f4f4f4;
        margin-top: 60px;
    }
    .mob-cust-pop {
        display: block;
        opacity: 0;
        background: #fff;
        transform: translateY(22%);
        transition: all 0.3s;
        position: fixed;
        top: 35px;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        opacity: 1;
        visibility: visible;
    }

    .mob-custom-prod {
        background: #fff;
        padding: 10px 15px;
    }

    .mob-custom-title {
        background-color: #fff;
        margin-bottom: 0.5px;
        padding-left: 15px;
    }

    .mob-custom-title span {
        color: #626262;
    }

    .mob-cust-lis input {
        display: none;
    }
    .mob-cust-ico {
        width: 135px;
    }

    .mob-cust-tite {
        width: calc(100% - 52px);
        padding-left: 15px;
        text-align: left;
        font-size: 14px;
    }

    .mob-custom-pik {
        display: flex;
        width: 100%;
        align-items: center;
        background: none;
        padding: 10px 0;
        margin-bottom: 0;
        border: none;
    }

    .mob-cust-act .tici {
        border-radius: 0;
    }

    .mob-cust-act {
        width: 26px;
    }

    .mob-cust-act span {
        height: 15px;
        width: 15px;
        display: block;
        border: solid 1px #d8303257;
        border-radius: 100px;
        position: relative;
    }

    .mob-cust-act span::after {
        content: "\f00c";
        font-family: FontAwesome;
        width: 12px;
        height: 15px;
        font-size: 12px;
        font-weight: 400;
        position: absolute;
        top: 50%;
        transform: translatey(-50%);
        color: #c7252f;
        left: 0;
        opacity: 0;
        transition: all 0.3s;
    }

    .mob-cust-lis input:checked + .mob-custom-pik .tici::after {
        opacity: 1 !important;
    }

    .mob-cust-price {
        width: 23px;
        font-size: 14px;
    }

    .mob-custom-product-pop {
        display: block;
        opacity: 0;
        background: #fff;
        transform: translateY(100%);
        transition: all 0.3s;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 9999;
        border-radius: 15px 15px 0 0;
        opacity: 0;
        visibility: hidden;
    }

    .mob-custom-product-pop.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    /* MOBILE DATE AND TIME POPUP */

    .overlay-mobile-date {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000000a6;
        display: block;
        z-index: 99999;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease-in-out;
    }

    .overlay-mobile-date.show {
        visibility: visible;
        opacity: 1.65;
    }

    .mobile-date-popup {
        display: block;
        opacity: 0;
        background: #fff;
        transform: translateY(100%);
        transition: all 0.3s;
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 999999;
        border-radius: 15px 15px 0 0;
        opacity: 0;
        visibility: hidden;
    }

    .mobile-date-popup.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition: all 0.3s;
    }

    .mob-date-time-head {
        display: flex;
        align-items: center;
        padding: 10px 4px;
        border-bottom: 0.5px solid #eee;
    }

    .mob-date-time-head span {
        width: 22px;
        margin-right: 16px;
    }

    .mob-date-time-head h4 {
        font-size: 14px;
    }

    .mob-date-sec {
        overflow: auto;
        white-space: nowrap;
        position: relative;
        border-bottom: 0.65px solid #eee;
    }

    .mob-date-sec::-webkit-scrollbar {
        width: 0;
        height: 0;
        background-color: transparent;
    }
    .mob-date-sec::-webkit-scrollbar-thumb {
        width: 0;
        height: 0;
        background-color: transparent;
    }

    .mob-date-lis {
        display: inline-block;
        width: 25%;
    }

    .mob-date-lis label {
        background-color: transparent;
        padding: 12px;
        font-weight: 400;
        font-size: 13px;
        border-bottom: none;
        display: block;
        text-align: center;
        margin-bottom: 0;
        float: none;
        width: 100%;
    }

    .mob-date-lis input {
        display: none;
    }

    .m-date-pick-l {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        background-color: #c7252f;
        width: 25%;
        height: 2px;
    }

    .mob-time-lis input {
        display: none;
    }

    .mob-time-lis label {
        background-color: transparent;
        padding: 12px;
        font-weight: 400;
        font-size: 13px;
        border-bottom: 0.65px solid #eee;
        float: none;
        width: 100%;
        transition: all 0.1s linear;
    }

    .mob-time-sec {
        overflow-y: auto;
        height: 225px;
    }

    .mob-time-sec::-webkit-scrollbar-thumb {
        width: 0;
        height: 0;
        background-color: transparent;
    }

    .date-che {
        position: relative;
    }

    .mob-date-lis input[type="radio"]:checked + label {
        color: #c6242f;
        border-bottom: 1px solid #c7252f;
        transition: all 0.2s ease-in;
    }

    .mob-time-lis input[type="radio"]:checked + label {
        color: #c6242f;
        font-weight: 500;
        transition: all 0.2s ease-in;
    }

    .tab-content a {
        display: block;
        margin-bottom: -1px;
        border-width: 1px 0;
        width: 100%;
    }
    .dropdown-content a {
        /* color: #fff; */
    }

    .mob-date-time-pick button {
        background: #c7252f;
        display: block;
        width: 100%;
        height: 50px;
        border: none;
        position: absolute;
        bottom: 0;
        left: 0;
        color: #fff;
        font-size: 14px;
    }

    .mob-slct-addrss {
        display: flex;
        border-bottom: 2px solid #eee;
        width: 100%;
    }

    .mob-slct-addrss p {
        width: 80%;
        color: #000;
    }

    .mob-slct-addrss span {
        color: #c7252f;
        display: flex;
        align-items: center;
    }

    .mob-bck-hme button {
        background-color: #c7252f;
        color: #fff;
        text-align: center;
        padding: 9px;
        margin-bottom: 14px;
        border: none;
        border-radius: 4px;
    }

    .overlay-outlet-warn {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 73%;
        background: #000000a6;
        display: block;
        z-index: 999;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease-in-out;
    }

    .overlay-outlet-warn.show {
        visibility: visible;
        opacity: 1.65;
    }

    .mob-outlet-warn {
        display: block;
        opacity: 0;
        background: #2d2d2d;
        transform: translateY(0);
        transition: all 0.3s;
        position: fixed;
        bottom: 0;
        top: 18%;
        left: 12px;
        right: 0;
        width: 95%;
        height: fit-content;
        z-index: 9999;
        border-radius: 4px;
        padding: 9px;
        opacity: 0;
        visibility: hidden;
    }

    .mob-outlet-warn.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition: all 0.3s;
    }

    .mob-outlet-warn:before {
        content: '';
        position: absolute;
        left: 57%;
        top: -12px;
        width: 0;
        height: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #2d2d2d;
        clear: both;
        transform: rotate(180deg);
    }

    .mob-outlet-warn-cont-in-txt , .mob-outlet-warn-head{

        color: #fff;
    }


    .mob-outlet-warn-head{

        font-weight: 500;
        display: flex;
        width: 100%
    }

    .mob-outlet-warn-btn{

        margin-top: 8px;
        display:flex;
        width:100%;
    }

    .mob-outlet-warn-head .outlet-warn-clse{

        margin-left: auto;
        font-size: 17px;
        margin-right: 2px;
    }



    .mob-warn-change-outlet{

        background-color: #c7252f;
        color: #fff;
        padding: 8px;
        border-radius: 4px;
        width: 85%;
        text-align: center;
        margin-right: 8px;

    }
    .mob-warn-close-outlet{

        border-radius: 4px;
        border: 1px solid #c7252f;
        padding: 8px;
        color: #fff;
    }
}

.lyl-p label {
    background-color: #000 !important;
}

/* POPUP DATE SELET */

.order-time select {
    border: 1px solid #c6242f;
    padding: 6px;
    border-radius: 2px;
    font-family: Arial, Helvetica, sans-serif;
}

.order-date select {
    border: 1px solid #c6242f;
    padding: 6px;
    border-radius: 2px;
    font-family: Arial, Helvetica, sans-serif;
}

/* ADDRESS PROFILE */

.address-profile {
    border: 0.5px solid #c9c9c9;
    width: 100%;
    height: 280px;
    border-radius: 5px;
    margin-bottom: 18px;
}

.add-p-main::after {
    content: "";
    background-color: #c9c9c9;
    display: block;
    width: 100%;
    height: 0.8px;
}

.add-p-main p {
    color: #000;
    font-weight: 600;
    font-size: 16px;
    padding-left: 18px;
    padding-top: 18px;
    display: inline-block;
}

.add-p-main i {
    font-size: 18px;
    color: #000;
    padding-left: 18px;
}

.add-p-info {
    padding-top: 18px;
    height: 170px;
    overflow-wrap: break-word;
}

.add-p-info p {
    color: #000;
    font-size: 14px;
    padding-left: 18px;
    margin: 0;
}

.add-p-edit-sec::before {
    content: "";
    background-color: #c9c9c9;
    display: block;
    width: 100%;
    margin-top: 9px;
    height: 0.8px;
    margin-bottom: 12px;
}

.add-p-remove a {
    color: red;
    padding-left: 18px;

    font-size: 14px;
    font-weight: 600;
}

.add-p-edit .add-pe-ed {
    margin-left: auto;
    margin-right: 24px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.edit-input {
    padding: 18px;
    border: none;
}

.add-pr-btn input:checked + label {
    color: red;
}

.entr-address-inp p {
    font-weight: 400;
}

.entr-address-inp input {
    width: 100%;
    height: 35px;
}

.addr-premis i {
    font-size: 25px;
    padding-right: 12px;
    margin: 0;
}

.add-pr-btn label {
    border: 0.8px solid #e3e3e3;
    padding: 8px;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

.add-pr-btn label {
    width: -webkit-fill-available;
    padding: 8px;
    background: none;
    border: none;
    margin: 0;
    font-weight: 100;
    font-size: 15px;
    text-align: left;
    border: 0.8px solid #e3e3e3;
}
.add-pr-btn input[type="radio"]:checked + label {
    border: 1px solid red;
    color: #ff0000;
}

.add-pr-btn input[type="radio"] {
    margin: 6px;
    border: none;
    position: absolute;
    width: 100%;
    height: 30px;

    opacity: 0;
}

.edit-input-btn button {
    background-color: #c7252f;
    color: white;
    padding: 7px 12px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    line-height: 21px;
    outline: none;
    margin-top: 18px;
}

.def-addr h6 {
    margin-bottom: 2px;
}

.svd-address-btn button {
    background-color: #c80a0a;
    padding: 9px;
    color: #fff;
    border: none;
    margin-top: 10px;
    border-radius: 3px;
}

.svd-address-btn a {
    margin-left: auto;
}

.saved-adresses-list {
    padding: 20px !important;
    min-height: 160px;
}

.svd-address-bx {
    box-shadow: 0 0 4px 0 #c4c4c4;
    margin-top: 17px;
    border-radius: 4px;
    padding: 10px;
}

.svd-add-icon i {
    font-size: 24px;
}
.svd-add-icon {
    text-align: center;
    padding-top: 12px;
    padding-left: 0;
}

.svd-address {
    border: 1px solid #f4f4f4;
    margin-bottom: 12px;
    border-radius: 3px;
    padding: 12px;
}

#saved-adresses-list {
    margin-top: 15px;
    max-height: 220px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.svd-add-det p {
    overflow-wrap: break-word;
    line-height: 1.5;
}

.svd-add-icon p {
    font-size: 12px !important;
    color: #000;
    padding-top: 8px;
    text-align: center;
}

.svd-address p {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0;
}

.svd-address span p {
    font-size: 12px;
    font-weight: 400;
}

.svd-take-time p {
    font-size: 12px;
    font-weight: 400;
}

.svd-take-time i {
    padding-right: 8px;
    position: relative;
    top: 6px;
}

.svd-take-time {
    padding: 17px 5px;
    display: flex;
}

.pay button {
    margin-left: inherit !important;
}

textarea[type="address1"] {
    min-height: 120px !important;
}

.delivery-extra-check label {
    background: none;
    width: auto;
    font-size: 14px;
    padding: 0;
    text-align: left;
    padding-left: 21px;
    border-bottom: 0;
}

.delivery-extra-check input[type="checkbox"] {
    position: relative;
    top: 16px;
}

.delivery-extra-check p {
    font-size: 13px;
}

.delivery-extra-check {
    display: grid;
    justify-items: start;
}

.delivery_address_details p {
    line-height: 1.2 !important;
}

.svd-delivery-edit {
    padding-top: 22px;
}

.svd-delivery-edit i {
    padding-right: 12px;
    font-size: 16px;
    cursor: pointer;
}

.svd-delete-icon {
    color: #c7252f;
}

.btn-disab {
    opacity: 0.65;
    cursor: not-allowed;
}

/* SEARCH FILTER */

.search-filter-card {
    background-color: #fff;
    padding: 20px 25px;
    -webkit-box-shadow: 0 6px 22px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 2px 22px 0 rgb(0 0 0 / 15%);
    margin-bottom: 20px;
    width: 810px;
}

.search-field-inp input {
    width: 100%;
    background-color: #ebebeb;
    padding: 9px;
    border-radius: 2px;
    border: #b7b7b7;
}

.search-field-inp input:focus {
    outline: none;
}

.filter-menu-check {
    padding: 9px;
    display: flex;
}

.filter-menu-check label {
    display: inline-block;
    float: unset;
    width: auto;
    font-weight: 400;
    background: none;
    text-align: left;
    font-size: 14px;
    border-bottom: none;
    padding: 0;
    margin-right: 19px;
    padding-left: 8px;
}

.filter-menu-check input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    background-color: #d5d5d5;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border-radius: 1px;
    margin-top: 0;
}

.filter-menu-check input[type="checkbox"]::after {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 12px;
    color: #fff;
    display: none;
    transition: all 0.3s linear;
}

.filter-menu-check input[type="checkbox"]:hover {
    background-color: #a5a5aa;
}

.filter-menu-check input[type="checkbox"]:checked {
    background-color: #c7252f;
}

.filter-menu-check input[type="checkbox"]:checked::after {
    display: block;
    transition: all 0.3s linear;
}

.veg-clr {
    display: flex;
}

.veg-clr input[type="checkbox"]:checked {
    background-color: #0aaf47;
}

.bank-transfer {
    display: flex;
}

.bank-transfer span {
    display: block;
    padding-left: 10px;
    font-weight: 600;
}

.payment-slt label {
    background: none !important;
    border-bottom: none !important;
}

.delivery-lising-blk {
    max-height: 150px !important;
}

/* CUSTOMIZE POPUP  */

#related_items_popup {
    max-height: 400px;
    overflow-y: scroll;
}

.custm-pro-blk {
    padding: 12px;
    display: flex;
    padding-top: 3rem;
}

.custm-pro-blk .custm-pro-blk-det {
    display: block;
}

.custm-pro-blk-check input {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}
.popup-addon {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
}


/* PRODUCT DESCRIPTION MODAL */
.product-desc-modal-head{

    display: flex;
    background-color: #C7252F;
    padding: 9px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 0px;
}

.product-desc-modal-head p{

    margin-bottom: 0;
}

.product-desc-modal-close{

    display: flex;
    margin-left: auto;
    cursor: pointer;
}

.product-desc-modal{

    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.product-desc-modal-main{

    padding: 12px;
}

.product-desc-modal-main img{

    width: 100%;
    height: auto;
}

.product-desc-modal-main h4{

    margin-bottom: 0;
    margin-top: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    color: #2d2d2d;
    font-weight: 300;
}

.product-desc-modal-main p{

    padding-left: 12px;
    font-size: 14px;
    color: #2d2d2d;
}

.overlay-product-desc-modal{

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000a6;
    display: block;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}


.overlay-product-desc-modal.active{

    visibility: visible;
    opacity: 1;
}

.product-desc-modal{
    position: fixed;
    top: 0;
left: 25%;
    width: 100%;
    height: auto;
    background: #fff;
    display: block;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    z-index: 99999;
    transition: all 0.3s ease-in-out;

}


.product-desc-modal.active{
    visibility: visible;
    opacity: 1;

}



/* CUSTOMER LOGIN POPUP */

#customer-login-overlay{

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000a6;
    display: block;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

#customer-login-overlay.active{

    visibility: visible;
    opacity: 1;
}

.customer-login-bx{

    position: fixed;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50px);
    width: 600px;
    height: auto;
    background: #000000a6;
    display: block;
    z-index: 9999;
    visibility: hidden;
    background-color: #fff;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.customer-login-bx.active{

    visibility: visible;
    opacity: 1;
}

.customer-login-head{

    background-color: #c6242f;
    padding: 0.3em;
    font-size: 16px;
    color: #fff;
    justify-content: center;
    display: flex;
}

.customer-login-head span{

    margin-left: auto;
    margin-top: 9px;
}

.customer-login-head .clse-t{

    display: flex;
    margin-left: auto;
    margin-right: 15px;
    margin-top: 6px;
    font-size: 19px;
    cursor: pointer;
}

.customer-login-field{

    padding-top: 2em;
}

.customer-login-field p{

    font-size: 10px;
    font-weight: 400;
    color: #000;
}

.customer-login-field input{
    width: 100%;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #000;
}

.cu-lf{

    display: flex;
    padding-right: 22px;

}

.cu-lf input:focus{

    outline: none;
}

.cu-lf span{

    border: 1px solid #ccc;
    color: #868686;
    padding: 4px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-right: 0;
}

.customer-login-btn button{

    background-color: #f7941d;
    color: #fff;
    padding: 0.5em;
    border-radius: 4px;
    border: none;
    font-size: 13px;
}

/* CUSTOMER RESIGTRATION POPUP */

.customer-registration-overlay{


    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000a6;
    display: block;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.customer-registration-overlay.active{

    visibility: visible;
    opacity: 1;
}
.customer-registraton-popup-blk{

    position: fixed;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50px);
    width: 700px;
    height: auto;
    background: #fff;
    display: block;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}


.customer-registraton-popup-blk.active{

    visibility: visible;
    opacity: 1;
}
.crpp-field label{
    display: block;
    background-color: transparent;
    width: auto;
    float: none;
    text-align: left;
    border-bottom: 0;
    padding-top: 14px;
    padding-bottom: 0;
    font-weight: normal;
    font-size: 14px;

    cursor: auto;
}

.crpp-field input{

    width: 100%;
    border: 0.5px solid #000;
    padding: 0.3em;
    border-radius: 2px;

}

.customer-registration-popup-head{
    background-color: #c6242f;
    padding: 0.3em;
    font-size: 18px;
    color: #fff;
    justify-content: center;
    display: flex;
    text-align: center;
}

.customer-registration-popup-head p{

    display: flex;
    margin-left: auto;
    margin-top: 5px;
    margin-bottom: 5px;

}

.cr-pl{

    padding-left: 0;
}

.cr-pr{

    padding-right: 0;
}

.crpp-img img{

    width: 100%;
    height: auto;
}

.crpp-field{

    padding: 0 1.5em;
}

.customer-registration-popup-head span{

    display: flex;
    margin-left: auto;
    margin-right: 7px;
    margin-top: 7px;
    cursor: pointer;
}

.crpp-field button{
    background-color: #f7941d;
    padding: 0.6em 4em;
    border: none;
    color: #fff;
    margin-top: 1em;
    cursor: pointer;
}

.otp-valid-popup-overlay{

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000a6;
    display: block;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.otp-valid-popup-overlay.active{

    visibility: visible;
    opacity: 1;
}

.otp-validation-popup-blk{

        position: fixed;
        top: 20%;
        left: 50%;
        transform: translate(-50%, -50px);
        width: 600px;
        height: auto;
        background: #fff;
        display: block;
        z-index: 9999;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease-in-out;
}

.otp-validation-popup-blk.active{

    visibility: visible;
    opacity: 1;
}

.otp-valid-popup-head{
    background-color: #c6242f;
    padding: 0.3em;
    font-size: 16px;
    color: #fff;
    justify-content: center;
    display: flex;
    text-align: center;
}

.otp-valid-popup-head p{

    display: flex;
    margin-left: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: normal;

}

.otp-valid-popup-head .clse-t{

    margin-left: auto;
    margin-top: 6px;
    margin-right: 10px;
    cursor: pointer;
}

.otp-valid-back span i{

    font-size: 18px;
    cursor: pointer;
    margin-top: 8px;
}

.otp-valid-back span p{

    padding-top: 5px;
    font-size: 16px;

}

.otp-valid-sent-text p{

    margin-bottom: 2px;
}
.otp-valid-sent-text .otp-mobile-number{

    font-weight: 500;
    color: #000;
}

.otp-valid-sent-text{

    padding-bottom: 8px;
}

.otp-verification-code p{

    margin-bottom: 4px;
}

.otp-verification-code span a{

    display: block;
    color: #f7941d;
    padding-top: 4px;
}

.otp-verification-code button{

    background-color: #f7941d;
    padding: 0.6em 4em;
    border: none;
    color: #fff;
    margin-top: 1em;
    cursor: pointer;
}

.otp-verification-code input:focus{

    outline: none;
    border: 1px solid #f27514;
    transition: all 0.3s linear;
}


.otp-valid-popup-content{
    padding-top: 12px;
    color: #000
}

/* CUSTOMER FORGET */

.customer-forget-overlay{

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000a6;
    display: block;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.customer-forget-overlay.active{

    visibility: visible;
    opacity: 1;
}

.customer-forget-popup-blk{

        position: fixed;
        top: 20%;
        left: 50%;
        transform: translate(-50%, -50px);
        width: 600px;
        height: auto;
        background: #fff;
        display: block;
        z-index: 9999;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease-in-out;
}

.customer-forget-popup-blk.active{

        visibility: visible;
        opacity: 1;
}

.customer-forget-popup-head{
    background-color: #c6242f;
    padding: 15px;
    font-size: 18px;
    color: #fff;
    justify-content: center;
    display: flex;
    text-align: center;
}

.customer-forget-popup-head span{

    display: flex;
    margin-left: auto;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

.customer-forget-popup-blk p{

    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 100%;
}


.customer-forget-field{

    padding-right: 20px;
}
.customer-forget-field h4{

    text-align: center;
    color: #000;
}

.customer-forget-field a{

    font-size: 12px;
    color: #000;
}

.customer-forget-field span{

    font-size: 12px;
    display: inline-block;
    padding-left: 4px;
    font-weight: 500;
    color: #000
}

.customer-forget-field input{

    padding: 5px;
    margin-bottom: 8px;
    border: 1px solid #ccc;
    width: 100%;
}

.customer-forget-field button{

    border: none;
    background-color: #c7252f;
    color: #fff;
    padding: 0.6em 2em;
}

/* CUSTOMER LOGIN VALIDATION */
.customer-login-validation-overlay{

        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000000a6;
        display: block;
        z-index: 999;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease-in-out;
}

.customer-login-validation-overlay.active{

    visibility: visible;
    opacity: 1;
}
.customer-login-validation-popup{

            position: fixed;
            top: 20%;
            left: 50%;
            transform: translate(-50%, -50px);
            width: 650px;
            height: auto;
            background: #fff;
            display: block;
            z-index: 9999;
            visibility: hidden;
            opacity: 0;
            transition: all 0.3s ease-in-out;
}

.customer-login-validation-popup.active{

            visibility: visible;
            opacity: 1;
}
.customer-login-validation-head{
    background-color: #c6242f;
    padding: 0.3em;
    font-size: 16px;
    color: #fff;
    justify-content: center;
    display: flex;
    text-align: center;
}

.customer-login-validation-head h3{

    font-size: 18px;
    font-weight: 500;
    width: 100%;
    text-align: center;
}

.customer-login-validation-head span{

        display: flex;
        margin-left: auto;
        margin-top: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
        cursor: pointer;
}

.customer-login-validation-field p{
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.customer-login-validation-field{

    padding-right: 20px;
    padding-top: 12px;
    color: #000;
}

.clv-number-info .clv-r{

    margin-left: auto;
}

.clv-number-info p{

    font-size: 13px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 0;
}
.customer-login-validation-field .clv-number{

    font-size: 13px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 0;
    display: block;
}

.clv-number-info {
    display: flex;
    padding-bottom: 12px;
}

.clv-password a{

    color: #000;
    padding-bottom:4px;
}

.clv-password input{

    display: block;
    width: 100%;
    margin-top: 6px;
    border: 1px solid #000;
    padding: 0.4em;
    margin-bottom: 6px;
}

.clv-password button{

    background-color: #c7252f;
    color: #fff;
    padding: 0.6em 2em;
    border: none;
}

.new_media_links img{
    width: 100px;
    height: 100px;
    object-fit: contain;
}
.new_media_links h4{
    font-weight: 600;
}
.new_media_links{
    display: flex;
    gap: 15px;
    border: 1px solid #66666630;
    border-radius: 15px;
    padding: 7px 8px;
    margin-bottom: 18px;
}
.new_media_links button{
    background: none;
    border: none;
    color: #f7941d;
    font-size: 16px;
}
.media_link_main{
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.media_post{
    margin-bottom: 2rem;
}
.post_img img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: top;
    border: 1px solid #66666647;
}
.posts_cnt h4{
font-weight: 600;
}
.posts_cnt button{
    background: none;
    border: none;
    color: #f7941d;
    font-size: 16px;
}
.posts_cnt{
    background-color: #fff;
    box-shadow: 0px 3px 8px -1px #6666663d;
    padding: 1rem;
}
.posts_cnt img{
    width: 86px;
    height: 45px;
    object-fit: contain;
}

.country_main{
    position: fixed;
    width: 100%;
    top: 13rem;
    z-index: 2;
    background-color: #181818;
    transition: 0.3 all linear;
}
.country_selection_flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #f5f5f5;
    padding: 1rem 0rem;
    position: relative;
}
.country_selection_head h3{
    margin-bottom: 10px;
}
.country_selection_btn button{
    background-color: #f7941d;
    border: none;
    padding: 10px 15px;
    width: auto;
    text-align: inherit;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    font-size: 18px;
}
.country_scroll{
    top: 8rem !important;
}
.country_close{
    position: absolute;
    right: -6rem;
    font-size: 18px;
    cursor: pointer;
}
.country_remove{
    display: none;
}
.testi_slider{
    overflow: hidden;
}
.testi_head{
    text-align: center;
    margin-bottom: 5rem;
}
.hero_slider{
    height: 600px;
    margin-top: 13rem;
}
.hero_slider .owl-carousel .owl-item img{
    height: 600px;
    object-fit: cover;
}
.owl-nav button{
    background-color: #f7941d !important;
    font-size: 24px !important;
    line-height: 0 !important;
    width: 25px;
    height: 25px;
    border-radius: 50px !important;
    color: #fff !important;
}



/* new about css update */


.custom_row{
    display: flex;
    flex-wrap: wrap;
}
.new_about_main{
    margin: 5rem 0rem;
}

.new_about{
    margin-top: 5rem;
}
.new_about h1{
    font-weight: 600;
    font-size: 50px;
    line-height: 59px;
    margin-bottom: 1.5rem;
}
.new_about_img img{
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 45px;
}
.what_dhb_cnt h5{
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 1.5rem;
}
.what_dhb_cnt h6{
    font-size: 18px;
    color: #4f4f4f;
}
.highlight_cnt{
    font-size: 18px;
    font-weight: 600;
}
.biryani_selection_main{
    background-color: #F2F2F2;
    padding: 5rem 0rem;
}
.selection_items h6{
    font-size: 25px;
}
.selection_items p{
    font-size: 14px;
}
.down_border{
    border-bottom: 1px solid #bbb;
}
.right_border{
    border-right: 1px solid #bbb;
}
.selection_items{
    padding: 1.5rem;
}


.process_cnt{
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.float_img{
    float: right;
    margin: 1rem 2rem;
}

.process_cnt h3{
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 3rem;
}
.process_cnt h5{
    font-size: 18px;
    margin-bottom: 2.5rem;
}
.process_cnt p{
    margin-bottom: 15px;
    margin-left: 30px;
}
.postion_p img{
    width: 17px;
    position: absolute;
    top: 5px;
}
.postion_p{
    position: relative;
}


/* header-style */

.region-variables{
    display: flex;
    gap: 0px 5px;
    padding: 5px;
    margin: 0px;
}


.region-selector li {
    padding: 0;
    margin: 0;
    list-style-type: none !important;
    line-height: 15px;
    font-size: 13px;
    border-bottom: 1px solid #eaeaea;
    /* border-top: 1px solid #eaeaea; */
}

.region-selector li:hover{
    /* background-color: #ffdfe2; */
}
.region-selector li:hover a{
    color: red;
}

.region-selector a {
    color: black;
    /* padding: 12px 16px; */
    text-decoration: none;
    display: block;
}

.region-selector {
    margin: 0px;
    padding: 0px;
}

.region-selector li a{
    display: flex;
    gap: 0 5px;
    align-items: center;
    justify-content: flex-start;
}
.region-selector img{
    width: 21px;
    /* width: 100%; */
    height: 14px;
}

/****** mobile region selector ******/

/* button.collapsible{
    padding: 8px;
    border-radius: 5px;
    text-align: left;
    width: 100%;
    background: #9d0b0b;
    border: none;
    margin-bottom:3px;
}
button.collapsible font font{
    background: none;
    padding: 5px;
    display: block;
    vertical-align: inherit;
    border-radius: 5px;
}

li.content{
    display: none;
}

li.button:nth-child(2){
    margin: 0;
    padding: 0;
    border-radius: 2px;
    list-style: none;
    text-align: left
}
.mobile-region{
    margin: 0;
    padding: 0;
    border-radius: 2px;
    list-style: none;
    text-align: left
}
.mobile-region li{
    width: 100%;
    padding: 11px;
    background: #de3641;
}
.mobile-region li:nth-child(2){
    border-top: solid 0.5px white;

}
ul.mobile-region li:last-child{
    border-radius: 0 0 5px 5px;
    width: 100%;
    padding: 11px;
    background: #de3641;
}
.none{
    display: none;
}
button.collaspsible+button{
    width: 100%;
    display: block;
    padding: 0px;
    margin: 0px;
    border: none;
    background: none;
    margin-bottom: 5px
}
.region-collapse{
    display: flex;    
} */
.region-collapse .panel-group{
    padding: 0px 15px;
}
.region-collapse img{
    width: 15px;
    height: 15px;
    margin-right: 5px;
    transition: 0.2s ease-in-out;
}
.region-collapse .panel-title{
    text-transform: uppercase;
}


/**************** bootstrap collapse ***********/
.mobile-region-selector .panel-group,
.region-collapse .panel-group{
    margin-bottom: 5px !important;
}
.mobile-region-selector .panel.panel-default,
.region-collapse .panel.panel-default {
    border: none;
    padding: 0px;
    background:#c7252f;
    border-radius: 6px;
}
.panel-heading {
    border-radius: 5px;
    padding: 12px;
    background-color: #880008;
    color: #fff;
}
.panel-group .panel .panel-heading.lang-selector-bt {
    border-radius: 5px;
    padding: 12px;
    background-color: #880008;
    color: #fff;
}

.mobile-region-selector .panel-title,
.region-collapse .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    color: inherit;
    letter-spacing: 0.07em;
    line-height: 20px;
}
.mobile-region-selector .panel-title a,
.region-collapse .panel-title a{
    width: 100%;
    display: block;
}
.region-collapse .panel-collapse.collapse.in{
    margin-bottom:6px;
}
.mobile-region-selector .panel-body,
.region-collapse .panel-body{
    padding: 10px 15px;
    font-size: 12px;
    border-bottom: solid 0.5px #ffd6d6;
    background: #480404;
}
.panel-footer.lang-selector-ftr{
    padding: 10px 15px;
    font-size: 12px;
    margin-bottom: 3px;
    background: #ff4d4d;
    background: #480404;
}
.panel-body.lang-selector-body,
.panel-footer.lang-selector-ftr{
    background-color: #f7941d;
}
.lang-selector-bt .panel-body a,
.lang-selector-bt .panel-footer a{
    line-height: 1;
    color: white;
    font-weight: 500;
    display: flex;
    gap: 0px 10px;
}
.lang-selector-bt .panel-body a img,
.lang-selector-bt .panel-footer a img{
    width: 30px;
    border-radius: 2px;
}

.nav>li>a{
    font-weight: 600 !important;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body{
    border-top:none;
}


font{
    background-color: #ff000000 !important;
    box-shadow: none;
}

font:focus-visible,
font:hover,
font:focus{
    background: #ff000000 !important;
    box-shadow: none;
}

/*********** Floating Region Button **********/

.region-toggle {
    top: -17vh;
    background: #f7941d;
}

.mobile-region-selector{
    top: 20px;
    right: 66px;
    position: absolute;
    line-height: normal;
    /* display: none; */
}
.mobile-region-selector .panel.panel-default{
    background: #ffdadc;
}
.mobile-region-selector .panel-group .panel .panel-heading{
    background: #ffdadc;
    padding: 10px 12px;
    color: red;
    font-weight: 600;
}
.mobile-region-selector .panel-collapse.collapse.in#collapse2{
    box-shadow: rgba(44, 44, 44, 0.15) -1px 2px 1px;
}
.mobile-region-selector .panel-collapse.collapse.in{
    position: relative;
    z-index: 10;
}
.mobile-region-selector .panel-body, 
.mobile-region-selector 
.panel-footer {
    background-color: #c7252f;
}

/*========Privacy policy==========*/
.policy-heading{
    margin-top: 180px;
    text-align: center;
}
.policy-heading + .sub-title h2{
    font-size: 17px;
    font-weight: normal;
}
/* .policy-content .title h2{
    
} */