#emailme .modal-dialog{max-width:490px !important}

.cp{
    cursor: pointer;
}

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

.f24{
    font-size: 24px;
}

.rm{
    font-family: Roboto !important;font-weight: 500 !important;
}

.roboLight14{
    font-family: Roboto !important;font-weight: 300 !important;
    font-size: 14px;
}

.robotomed14{
    font-family: Roboto !important;font-weight: 500 !important;
    font-size: 14px;
}

.Full-Body{
    width: 100%;
}

/* HEADER-STYLES */
.login-home-header{
    background: transparent;
    border: none;
}

.btn-ls{
    margin: 10px 10px;
    padding: 6px 24px;
}

.singup-home-header{
    background: #058EF0;
    color: #fff;
    border: none;
    border-radius: 6px;
}

.navbar-default{
    width: 100%;
    height: 100%;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

.header-home .s1{
    display: flex;
    height: 100%;
}
.mobile-home-banner{background-color: var(--bg_color_banner) !important}
.header-home{
    height: 80px;
    display: flex;
    align-items: center;
}

.navbar-default .container-fluid{
    height: 100%;
    display: flex;
    align-items: center;
}

#bs-example-navbar-collapse-1{
    width: 100%!important;
}

#logo{
    display: flex;
    align-items: center;

}

#logo p{
    color: #393636;
    font-family: SF Pro Rounded;
    margin-left: 11px;
    letter-spacing: 4px;
    margin-bottom: 0px;
}

.menu-header ul{
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    height: 100%;
}

.menu-header ul li{
    position: relative;
}

.menu-header ul:first-child li{
    margin: 0 15px;
}

.menu-header ul:first-child li:first-child::before{
    position: absolute;
    width: 5px;
    height: 6px;
    border-radius: 134px;
    background: #0A99FF;
    content: "";
    top: 40px;
    left: 29px;
}


.menu-header ul li a{
    font-family: Roboto !important;font-weight:400 !important;
    font-size: 14px!important;
    color: #393636!important;
    cursor: pointer;
    transition: 0.3s all;
}

.menu-header ul li a:hover{
    transform: translateY(2%);
}

.menu-header{
    margin-left: 53px;
}


/* SECTION 1 - STYLES */

.sectino1{
}

#Section-1{background-color:#d5f59f;background-color: var(--bg_color_banner);color:var(--default_text_color);
    position: relative;
    z-index: 0;}
.Form-Section-1{
    max-width: 50%;
    padding: 19.1% 0;
    position: relative;
    z-index: 0;
}

#Section-1 .parallax-mirror {
    max-width: 100%;
    right: 0px !important;
    left: inherit !important;
    z-index: -1;
}
#Section-1 .parallax-slider {
    height: 100% !important;
    width: auto !important;
    right:0px
}


.Form-Section-1 p {
    margin-top: 40px;
    font-family: Roboto;font-weight:400;
    font-size: 16px;
    margin-left: 14px;
    color: #393636;
    color:var(--default_text_color)
}

.Form-Section-1 p:first-child{
    margin-top: 40px;

}

.Form-Section-1 p:last-child{
    margin-top: 18px;
}

.fs1h3{
    font-family: Quicksand !important;font-weight: 700 !important;
    font-size: 42px!important;
}

.ipt-form-sec1{
    border: none;
    padding: 10px 12px;
    border-radius: 6px;
    width: 100%;
    font-size: 12px;
    font-family: Roboto !important;font-weight: 500 !important;
    box-shadow: 0px 7px 21px #a2a2a270;
    color: #878080;
}

.ipfe{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 58%;
    position: relative;
}

.ipfe .location{
    width: 27px;
    height: 22px;
    background-size: auto;
    background-size: 100% 100% !important;
    position: absolute;
    right: 3px;
    transform: scale(0.8);
}

.ipfe .location svg{
    width: 100%;
    height: 100%;
}

.form-sec1{
    display: flex;
    justify-content: flex-start;
    align-items: center;

}

.btn-search-sec1{
    margin-left: 10px;
    padding: 10px 23px;
    border: none;
    background: #058EF0;
    background: var(--btnback_banner);
    border-radius: 5px;
    color: #fff;
    color:color-contrast(#000 vs #fff, #000 );
    box-shadow: 0px 3px 8px var(--btnback_banner);
    font-family: Roboto;font-weight:500;
    font-size: 11px;
}
#Section-1 .btnfilt{color:var(--link_text_color_banner)}
.btn-search-sec1:hover{
    transform: translateY(4px);
    transition: 0.3s all;
}



.sphome{
    margin-bottom: 28px;
    border-bottom: 1.5px solid #707070;
    border-bottom: 1.5px solid var(--link_text_color_banner);
    width: max-content;
    color: #707070;
    color: var(--link_text_color_banner);
    display: inherit;
    opacity: .7;
}


.header-sec-2{
    display: flex;
    justify-content: space-between;
    padding: 35px 0;
    align-items: center;
}


.header-sec-2 span{
    width: 40px;
    height: 40px;
    background: #0000;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 100%;
    box-shadow: 0px 9px 23px #c8b8b86b;
    margin: 0 7px;
    font-size: 23px;
}

.arrows-sec-2{
    display: flex;
}

.arrows-sec-2 svg{
    width: 15px;
    height: 15px;
}

.caros-arrow{
    display: flex;
    align-items: center;
}

.cardItem:hover{
    transform: translateY(4px);
    transition: 0.3s all;
}

.cardItem:hover .img_contin{
    transform: scale(1.04);
    transition: 0.3s all;
}






.cardItem img{
    max-width: 100%;
    border-radius: 16px;
}

.cardItem h3{
    width: 100%;
}

#Section-2{
    background: #FCFCFC;
}

.cardItem{
    padding: 0px!important;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background: #fff;
    border-radius: 19px;
    position: relative;
    box-shadow: 17px 40px 30px #f2f2f2a3;
}

.cardItem h3{
    font-family: Roboto;font-weight:bold;
    font-size: 24px;
}

.star p{
    margin-bottom: 0px;
}

.star{
    position: absolute;
    top: 23px;
    right: 28px;
    left: inherit!important;
    background: #fff;
    padding: 5px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 56px;
    border-radius: 8px;
}

.carddeli{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 8px;
}

.carddeli1{
    display: flex;
    margin-bottom: 0px !important;
margin-left: 0 !important;
}

.carddeli1:last-child{
    margin-left: 25px;
}

.carddeli1 p{
    margin-left: 5px;
    color: #585858;
}

.tagCard{
    padding: 10px;
    margin-bottom: 6px;
    background: #F8F8F8;
    border-radius: 10px;
    margin-top: 0px;
    font-size: 13px;
    font-family: Roboto;font-weight:300;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.liscuisines{
    margin-top: 10px;
    margin-bottom: 10px;
}

.sp42{
    display: flex;
    justify-content: flex-start;
}
#Section-4 .sp42{flex-wrap: wrap !important}
/* SECTION-3 */

#Section-3{
    background: #FCFCFC;
}

#Section-4 .owl-carousel {
    width: 100%;
    min-width: 100%!important;
    border-radius: 24px;
    overflow: hidden;
}

#Section-4{background:#FFEDE8 ;}

#Section-4 .cardItem{
    height: 468px;
    padding: 0;
    position: relative;
    display: flex;
    justify-content: center;
    border-radius: 24px;
    overflow: hidden;
    transform: none;
    transition: none;
}

#Section-4 .img-card-sec4{
    width: 100%;
    height: 100%;
}
#Section-4 .img-card-sec4.errorimg{
    left: 50% !important;
    max-width: 270% !important;
    transform: translate(-50%,-50%)!important;
}
#Section-4  .owl-stage{
    margin-left: 0;
}

.bott-card-sec4 {
    width: 91%;
    margin: auto;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    bottom: 17px;
    padding-left: 20px;
}

.bott-card-sec4 p{
    color: #AAAAAA;
    margin-bottom: 0px;
    margin-top: 15px;
}


#Section-4 .cardItem h3 {
    font-family: Roboto;font-weight:bold;
    font-size: 21px;
    margin: 0;
    margin-top: 12px;
    margin-bottom: 12px;
}

#Section-4 .arrows-sec-2 {
    display: flex;
    position: absolute;
    width: 77%;
    justify-content: space-between;
    height: 469px;
    align-items: center;
}

#Section-4 .customPrevBtn{
    width: 50px;
    height: 50px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    position: relative;
    left: -27px;
    cursor: pointer;
    z-index: 5;
}

#Section-4 .customNextBtn{
    width: 50px;
    height: 50px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    position: relative;
    right: -27px;
    cursor: pointer;
    z-index: 5;
}

#Section-4 .cardItem:hover .img_contin{
    transform: scale(1.1);
    transition: 0.3s all;
}
.largemode .img_contin{padding-top:0px !important;width:100%;height:100% !important}
.largemode .img_contin img{height:100% !important;max-width:inherit !important}
#Section-4 .owl-stage-outer{
    padding-bottom: 300px;
}

.about-grub {
    background: #fff;
    padding: 10px;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
    box-shadow: 1px 4px 19px #b6b6b670;
}

.about-grub-left,.about-grub-right{
    width: 45%;
    margin: 10px 1%;

}
.about-grub-right,.mobile-home-banner{overflow: hidden;padding-top: 33%;position: relative;}
.about-grub-left{
    display: flex;
    align-items: center;
    flex-wrap: wrap;

}
.mobile-home-banner{display:none !important;}
.about-grub-left h5{
    width: 100%;
    font-family: Roboto;font-weight:bold;
}

.about-grub-left p {

    font-family: Roboto;font-weight:400;
    color: #393636;
    letter-spacing: 1px;
    margin-top: 29px;
    width: 79%;
}

.about-grub-left h2{
    width: 56%;
    font-family: Roboto;font-weight:bold;
}


.s21{
    position: relative!important;
    top: -231px!important;
    z-index: 6!important;
}

.read-more-sec4{
    background: #0A99FF;
    border-radius: 13px;
    color: #fff;
    font-family: Roboto;font-weight:500;
    border: none;
    box-shadow: none;
    padding: 10px 16px;
}
.about-grub-right{border-radius: 12px ;overflow: hidden}
.about-grub-right img,.mobile-home-banner img{
    position: absolute;
    left: 0px;
    top: 0px;
    height: auto;
    width: 100%;
}


/* Section-5 */
#Section-5 .owl-carousel{
    min-width: 100%!important;
    width: 100%!important;
    box-shadow: 0px 0px 113px #f9f9f9;
}
#Section-5 .img_contin img{left:inherit !important;height:100% !important;right:0px !important;}



.listlastaddrss li{line-height:20px;cursor: pointer;background: rgba(255,255,255,.4);padding:5px 10px;border-radius:4px;margin-bottom: 5px;display: flex}
.listlastaddrss li .small{width:100%}
.listlastaddrss li svg{margin-right: 10px}
.listlastaddrss li .fa-angle-right {font-size: 17px;margin-top: 3px;}
#Section-5 .owl-stage{
    margin-left: 0px;
}
.listlastaddrss li:hover{background: rgba(255,255,255,.8)}

#Section-5{
    background: #FCFCFC;
    /*  margin-top: -53px; */
    padding-top: 250px;
    margin-top: -448px;
}


#Section-5 .cardItem h3{
    padding-left: 10px;
}

#Section-5 .cardItem p{
    color: #AAAAAA;
    padding-left: 10px;
}

#Section-5 .cardItem {
    box-shadow: 13px 30px 9px #ececec3b;
}


.header-sec-2 p{
    font-family: Roboto;font-weight:400;
    letter-spacing: 1px;
    color: #393636;
}

/* Section-6 */
#Section-6{
    background-size: cover;
    position: relative;
    z-index:0;
    background-color: #e6f5ff;overflow:hidden;
}
#Section-6 .parallax-mirror{z-index:-1;position: absolute !important}

.s26{
    padding: 73px 50px;
    display: flex;
    justify-content: space-between;
}

.left-sec-6{
    width: 45%;
}

.right-sec-6{
    width: 45%;
    display: flex;
    position: relative;
    align-items: center;
}

.right-sec-6 img:first-child{
    margin-top: 74px;
}

.right-sec-6 img:last-child{
    position: absolute;
    left: 143px;
    top: 13px;
}

.title-sec-6{
    font-family: Roboto;font-weight:bold;
}

.first-desc-sec6{
    font-family: Roboto;font-weight:bold;
    width: 69%;
    margin-top: 27px;
    color: #393636;
}

.barcode-sec-6{
    width: 184px;
    height: 184px;
    margin-top: 30px;
}

.btn-sec6{
    width: 165px;
    height: 46px;
    background-size: 100% 100% !important;
    border: none;
    margin-top: 31px;
}

.x221{
    font-family: Roboto;font-weight:400;
    font-size: 13px;
    margin-top: 10px;
}

.x222{
    font-family: Roboto;font-weight:400;
    font-size: 16px;
    margin-top: 23px;
}

/* SECTION-7 */
#Section-7 {
    background: #F8F8F8;
}

.content-sec7 {
    padding: 45px 0;
    text-align: center;
}


.content-sec7 h2{
    font-family: Roboto;font-weight:bold;
    font-size: 32px;
}

.content-sec7 p{
    width: 75%;
    margin: auto;
    margin-top: auto;
    margin-top: 23px;
    font-family: Roboto;font-weight:400;
    font-size: 16px;
    color: #393636;
    letter-spacing: 1px;
}


.list-sec-7{
    padding: 0px;
    list-style: none;
    width: 84%;
    margin: auto !important;
    margin-top: 29px !important;
}

.list-sec-7 li {
    display: flex;
    justify-content: space-around;
    text-align: left;
    align-items: center;
    background: transparent;
    border-radius: 27px;
    padding: 31px 21px;
    transition: .8s all;

}
.list-sec-7 li:first-child{
    box-shadow: 0px 10px 13px #d2cccc7d ;
    background: #fff;
}


.list-sec-7 li:hover + li,.list-sec-7:hover li{

    box-shadow: none;
    background: transparent;
}

.list-sec-7 li:hover{
    box-shadow: 0px 10px 13px #d2cccc7d !important ;
    background: #fff !important;
}


.list-sec-7 li:first-child svg{
    fill:#000
}
.list-sec-7 li:hover + li svg,.list-sec-7:hover li svg{
    fill:#c4c4c4;
}
.list-sec-7 li:hover svg{
    fill:#000
}
.list-sec-7 li svg{fill:#c4c4c4;transition: 1s all}

.list-sec-7 li h4{
    font-family: Roboto;font-weight:bold;
    font-size: 21px;
    width: 100%;
}

.df77 {
    margin: 0px!important;
    letter-spacing: 0px;
    font-size: 16px;

}

.li-center{
    display: flex;
    flex-wrap: wrap;
    padding-left: 21px;
}

.li-left{
    padding: 20px;
}

.Join{
    width: 94px;
    height: 40px;
    margin-right: 46px;
    background: #058EF0;
    border: none;
    color: #fff;
    font-family: Roboto;font-weight:bold;
    border-radius: 7px;
    display: inline-block;
    padding: 11px;
    text-align: center;
    color: white !important;
}


/* FOOTER */
.head-footer{
    margin-top: 58px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 10px;
}

.head-footer h5 {
    width: 100%;
    text-align: left;
    font-family: Roboto;font-weight:400;
    font-size: 16px;
    margin-bottom: 19px;
    padding-left: 8px;
}

.head-footer ::placeholder{
    font-family: Roboto;font-weight:300;
    font-size: 12px;
}

.ipt-sub{
    padding: 10px;
    border: none;
    box-shadow: 0px 6px 20px #d2d2d2;
    border-radius: 6px;
    width: 274px;
}


.sub-btn{
    padding: 11px 23px;
    margin-left: 17px;
    border: none;
    background: #058EF0;
    color: #fff;
    font-family: Roboto;font-weight:500;
    border-radius: 6px;
    font-size: 12px;
    box-shadow: 0px 1px 9px #058ef0;
}

.content-footer{
    display: flex;
    padding: 40px;
    border-radius: 18px;
    background: #393636;
    margin-top: 35px;
    margin-bottom: 10px;
    color: #fff;
}

footer{
    background:#fff ;
}


.bt-footer{
    margin-left: 0px;
}




.content-footer .colme {
    font-family: Roboto;font-weight:500;
    font-size: 18px;
}

.first-col p{
    font-family: Roboto;font-weight:300;
    font-size: 14px;
    margin-top: 20px;
}

.first-col .btn-sec6{
    margin-top: 10px;
}

.content-footer .colme ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.content-footer .colme ul li:first-child{
    margin-top: 21px !important;margin-top: 10px;
}

.content-footer .colme ul li{

    margin-top: 13px;
}


.content-footer .colme ul li a{
    /*display: flex;*/
    align-items: center;
    color: #e6e6e6;
    font-family: Roboto;font-weight:400;
    font-size: 16px;
}

.content-footer .colme ul li a svg{
    margin-right: 10px;
}

.bott-footer{
    display: flex;
    padding-bottom: 10px;
}

.left-bott-footer{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.left-bott-footer svg{
    margin-right: 10px;
}

.right-bott-footer{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-family: Roboto;font-weight:400;
    font-size: 14px;
}

.right-bott-footer ul{
    list-style: none;
    display: flex;
    margin-bottom: 0px;
}


.right-bott-footer ul li{
    margin: 0px 11px;
}

.right-bott-footer ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
}

#Section-4 .caros-arrow{
    display: none;
}

#Section-2 .cardItem h3,#Section-3 .cardItem h3{
    padding-left: 10px;
    margin-bottom: 0;
}

#Section-2 .carddeli , #Section-3 .carddeli{
    padding-left: 10px;
}

/* .sp42{
    padding-left: 10px;
} */

.pl10{
    padding-left: 10px;
}

.show{

    transform: translateX(0%)!important;
    transition: 1s all!important;
}
.owl-carousel .owl-stage-outer , .owl-carousel1 .owl-stage-outer{
    padding-bottom: 75px;
    /*     padding-left: 238px;
    margin-left: -238px; */
}

.owl-carousel,.owl-carousel1{
    position: relative;
}

.owl-nav{
    position: absolute;
    top: -86px;
    right: 163px;
    opacity: 0;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    width: 50px;
    height: 40px;
    background: red;
}

.pre{
    transform: scale(-1);
}


.header-sec-2 span:hover{
    transform: translateY(3px);
    transition: 0.5s all;
    color: #058ef0;
    box-shadow: none;
    box-shadow: 0px 0px 3px #d5d4d46b;
}

.owl-stage{
    margin-left: -37%;
}

.statu-sec1{
    width: 130px;
    height: 2px;
    background: #B7B7B7;
    margin-right: 20px;
    position: relative;
}

.holding-sec1{
    position: absolute;
    width: 31px;
    height: 6px;
    background: #000;
    top: -2px;
    left: 0%;
    transition: 0.3s all;
}

/* SLIDER RANG */.slidecontainer {
                     width: 100%; /* Width of the outside container */
                 }

/* The slider itself */
.slider,.slider1 {
    -webkit-appearance: none;  /* Override default CSS styles */
    appearance: none;
    width: 130px!important; /* Full-width */
    height: 1px; /* Specified height */
    background: #B7B7B7; /* Grey background */
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s;
    margin-right: 20px;
}

/* Mouse-over effects */
.slider:hover {
    opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 25px; /* Set a specific slider handle width */
    height: 3px; /* Slider handle height */
    background: #000; /* Green background */
    cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
    width: 25px; /* Set a specific slider handle width */
    height: 4px; /* Slider handle height */
    background: #000; /* Green background */
    cursor: pointer; /* Cursor on hover */
    top: 4px;
    position: relative;
    border-radius: 0px;
    border: none;
}
.rotatetxting{display:flex;flex-wrap: wrap}
.rotatetxting span:not(.containing){padding-right:7px}
.rotatetxting .containing{height:52px !important;overflow:hidden;display: inline-block;position: relative}
.rotatetxting ul{display: inline-block;padding:0px !important;height:100%;position: relative}
.rotatetxting ul li{display:block !important;height:52px;color:#058ef0;color:var(--link_text_color_banner)}

body[device='phone'] .owl-carousel:not(.owl-carousel_gen){padding-bottom: 60px;overflow: auto !important;width:100%;display: flex;flex-wrap: nowrap}
body[device='phone'] .owl-carousel:not(.owl-carousel_gen) > *{min-width:80% !important;max-width:90% !important;margin-right:15px;opacity:1 !important;}
body[device='phone'] .caros-arrow{display:none !important; }
body[device='phone'] .cardItem h3{font-size:14px !important;}
body[device='phone'] .cardItem .tagCard{font-size:11px !important;padding:4px 9px !important;}
body[device='phone'] .carddeli{margin-top: 2px !important;}
body[device='phone'] .carddeli1.dn + .carddeli1{margin-left:0px !important;}
body[device='phone'] .liscuisines{margin-top:5px !important;}

/* Section8 */



/* #Section-8 a{
    background: red;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    min-width: 109px;
    display: block;
} */

#Section-8 {
    padding: 20px 0;
    padding-bottom: 62px;
}

#Section-8 .cityCar .owl-stage-outer{
    padding: 15px 0!important;
}

#Section-8 .owl-stage {
	margin-left: -40%;
}

#Section-8 .cityItemCar{
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
}

#Section-8 .cityItemCar::before{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    background: linear-gradient(24deg, rgba(0,0,0,0.8979924733565301) 12%, rgba(0,0,0,0) 53%);
}

#Section-8 .cityItemCar img{
    width: 100%;
    /* height: 100%; */
    height: 175px;
}

#Section-8 .cityItemCar h5{
    font-family: Roboto;
    font-weight: bold;
    font-size: 24px;
    padding-left: 16px;
}

#Section-8 .cityItemCar span{
    padding-left: 16px;
}

#Section-8 .desCityCar{
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 5;
    color: #fff;
    width: 100%;
    height: 100%;
}

#Section-8  .stitleCity{
    position: absolute;
    bottom: 11px;
}

.googleAndroid {
	background: url('../../images/android-download.png') center no-repeat;
	background-size: 100% 100%;
	width: 135px;
	height: 40px;
}

.iosAppsto {
	background: url('../../images/logo_ios.png') center no-repeat;
	background-size: 100% 100%;
	width: 135px;
	height: 40px;
}

.new_footer{
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 13px 13px;
      padding-top: 10px;
      padding-bottom: 10px;
    padding-bottom: 10px;
    border-top: 4px dotted #f5f5f5;
    padding-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}

.tagCard_new{
    font-family: Roboto;
    padding-right: 15px;
    position: relative;
}

.tagCard_new::after{
    content: ".";
    position: absolute;
    right: 1px;
    font-size: 33px;
    top: -20px;
    color: #c7c4c4;
}

.liscuisines  .tagCard_new:last-child::after{
    display: none;
}

.op_stat{
    padding: 5px 8px;
    border-radius: 5px;
    font-family: Roboto;
    font-weight: 500;
}

.op_res{
    background: #daffda;
    color: green;
}

.cl_res{
    background: #FF00001F;
    color: #740C0C;
}

.show_pun{
    display: flex;
    align-items: center;
    width: 18%!important;
}



.show_pun > span{
    color: #ccc;
    font-family: Roboto;
    margin-right: 2px;
}

.show_pun > span.act{
    color: black;
}

.miles{
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 11px;
    left: 14px;
    opacity: 0;
}

.op1{
    opacity: 1;
}

.new_cuis{
    width: 100%;
}

.imgComp {
    max-height: 12vw;
}


.miles > span:first-child{
    width: 30px;
    height: 30px;
    display: block;
    background: url("../../images/milenew.png") no-repeat center;
      background-size: auto;
    background-size: auto;
    background-size: 100% 100%;
    margin-right: 3px;
    position: absolute;
    left: -21px;
}

.miles > span{
    font-family: Roboto;
}

.free_del{
    z-index: 3;
    background: #0a99ff;
    position: absolute;
    bottom: 19px;
    padding: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 24px;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    font-family: Roboto;
}

.free_del p{
    padding: 1px 3px
}

#Section-3 .owl-carousel .owl-item{
    padding-left: 10px;
}

.new_footer > div{
    /* width: 25%; */
    width: max-content;
}

.new_footer > div:nth-child(4){
    width: 32% !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.carddeli1 p{
    font-family: Roboto;
}

/* MOBILE-VIEW */
@media(max-width:767px){
    #Section-8 div.owl-stage {margin-left: -3% !important;}
    .mobile-home-banner{display:block !important;}
    .about-grub-right,.mobile-home-banner{padding-top:70% !important;}
    .owl-carousel.owl-loaded .owl-stage-outer{padding-bottom:105px !important}
    #Section-5 .owl-carousel{padding-bottom:35px !important;}
    #Section-5 .owl-carousel:nth-child(2) .owl-stage-outer{padding-bottom:10px !important}
    #Section-1 .parallax-mirror,#Section-6 .parallax-mirror{display:none !important;}
    .container{width: 100%;}
    .navbar-default  .container-fluid{justify-content: center;padding-right: 0px;padding-left: 0px;}
    button.navbar-toggle{border: none!important;margin-right: -16%!important;right: -16%!important;}
    .navbar-header{display: flex;flex-direction: row-reverse;align-items: center;justify-content: space-between;width: 100%;}
    #bs-example-navbar-collapse-1 {width: 100% !important;position: absolute;top: 78px;background: #fff;border-top: none;}
    .menu-header ul{flex-wrap: wrap;}
    .menu-header ul li{width: 100%;display: flex;justify-content: center;}
    .menu-header ul:first-child li:first-child::before{display: none;}
    .header-home .container{padding-left: 0px;padding-right: 0px;}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background: transparent!important;}
    .menu-header ul li a{text-align: center;}
    .menu-header ul li a{text-align: center;}
    #logo{position: relative!important;left: -22%!important;}
    .Form-Section-1{max-width: 100%!important;}
    .fs1h3{margin-top: 0px;font-size: 30px!important;}
    .ipfe{width: 100%;}
    .form-sec1{flex-wrap: wrap;}
    .btn-search-sec1 {margin-left: 0;padding: 12px 23px;box-shadow: 0px 9px 18px #058ef038;width: 100%;margin-top: 10px;}
    .sectino1{background: var(--bg_color_banner) !important;}
    .sphome{display: none;}
    .Form-Section-1{}
    .header-sec-2{flex-wrap: wrap;justify-content: center;}
    .arrows-sec-2{display: none;}

    #Section-2 , #Section-3 , #Section-5{position: relative;}
    #Section-2 .caros-arrow , #Section-3 .caros-arrow ,  #Section-5 .caros-arrow{position: absolute;bottom: 11%;z-index: 50;}
    #Section-5 .caros-arrow{bottom:5% !important}
    #Section-2 .owl-carousel , #Section-3 .owl-carousel {min-width: 100%!important;width: 100%!important;}
    #Section-2 .owl-stage , #Section-3 .owl-stage {margin-left: -19px;}
    .hsec2{margin-top: 0px;width: 100%;padding-left: 10px;font-size: 22px;}
    .cardItem h3{font-size: 21px;}
    .carddeli1 p{font-size: 12px;}
    #Section-4 div.owl-stage   {margin-left: 1% !important;}
    #Section-5 div.owl-stage{margin-left:-40px !important}
    #Section-4 .arrows-sec-2{display: none;}
    #Section-4{position: relative;}
    #Section-4 .caros-arrow{display: flex;position: absolute;bottom: 18%;z-index: 50;width: 95%;}
    #Section-4 .slidecontainer {width: 50%;margin: auto;}
    .about-grub-left, .about-grub-right{width: 100%;}
    .about-grub{flex-wrap: wrap-reverse;}
    .about-grub-left h2{width: 100%;}
    .about-grub-left p{width: 100%;}
    .read-more-sec4{margin: 3px 0;margin-top: 17px;}
    #Section-4{height: 741px;}
    #Section-5{margin-top: 169px;}
    #Section-5 .header-sec-2 > div{width: 95%;}
    #Section-5 .header-sec-2 p{padding-left: 10px;}
    #Section-5 .header-sec-2{padding-bottom: 18px;}
    #Section-5 .slidecontainer{width: 50%;margin: auto;}
    /* #Section-5 .owl-stage {margin-left: -26px;} */

    .left-sec-6{width: 100%;}
    .right-sec-6{width: 100%;margin-top: 66px;transform: scale(1)!important;
        position: inherit!important;
        left: inherit!important;}
    #Section-6 .s26{flex-wrap: wrap-reverse;}
    #Section-2 .container,#Section-3 .container,#Section-4 .container,#Section-5 .container{padding-right: 0px!important;}
    #Section-4 .s21{padding-right: 15px!important;top:0px !important}
    .right-sec-6 img:first-child {margin-top: 74px;max-width: 81%; position: relative;left: -38px; }
    .right-sec-6 img:last-child {position: absolute; left: 60px; top: 25px;max-width: 80%;}
    #Section-6{position: relative;background-size: inherit!important;background-repeat: inherit!important;}
    .title-sec-6 {font-family: Roboto;font-weight:bold;position: absolute;top: 5px;width: 92%;text-align: center;}
    .first-desc-sec6 {font-family: Roboto;font-weight:bold;margin-top: 27px;color: #746c6c;position: absolute;
        top: 43px;width: 92%;text-align: center;font-size: 14px;}
    .box-sec-6{display: flex;flex-wrap: wrap;justify-content: center;}
    .btns-sec-6{display: flex;flex-wrap: wrap;justify-content: center;}
    .btn-android{margin-left: 0px;}
    .btn-sec6{margin-top: 16px;}
    .barcode-sec-6,.btns-sec-6{transform: scale(0.8);}
    .content-sec7 h2 {font-family: Roboto;font-weight:bold;font-size: 30px;text-align: left;}
    .content-sec7 p {width: 100%;margin: auto;margin-top: auto;margin-top: 15px;font-family: Roboto;font-weight:400;font-size: 13px;color: #393636;letter-spacing: 1px;height: 41px;overflow: hidden;text-align: left;}
    .content-sec7 h2{font-size: 27px;}
    .list-sec-7 li{flex-wrap: wrap;text-align: left;justify-content: flex-start;}
    .list-sec-7{width: 100%;}
    .Join {width: 84px; height: 36px; margin-left: 19px; margin-top: 13px;font-size: 13px;}
    .list-sec-7 li{box-shadow: 0px 10px 13px #d2cccc7d;background: #fff;margin-top: 44px;}
    .content-footer{flex-wrap: wrap;}
    .sub-footer{display: flex;justify-content: center;flex-wrap: wrap;}
    .head-footer h5{text-align: center;}
    .wer{position: relative;}
    .sub-btn{position: absolute;top: 0px;right: 0px;padding: 11px 15px;}
    .btn-sec6{width: 148px;height: 46px;}
    .content-footer{padding-left: 20px;}
    .content-footer .colme:not(.first-col){margin-top: 11px;display:none !important;}
    .bott-footer{flex-wrap: wrap-reverse;}
    .right-bott-footer ul{padding-left: 0px;}
    .right-bott-footer ul li {margin: 0px 7px;}
    .right-bott-footer ul{width: 70%;}
    .right-bott-footer{justify-content: space-between;}
    .left-bott-footer {margin-top: 15px; text-align: center;line-height: 25px;font-size: 13px;}
    .Footer .container{padding-left: 0px;padding-right: 0px;}
    .content-footer{border-radius: 0px;}
    #Section-5 .header-sec-2{margin-top: 10%;}
    div.owl-stage{margin-left: -6%!important;}
}

/* TABLET-VIEW */

@media(max-width:996px){
    .container{width: 100%;}
    .navbar-default  .container-fluid{justify-content: center;padding-right: 0px;padding-left: 0px;}
    .navbar-toggle{border: none!important;margin-right: 0px!important;right: -20px!important;}
    .navbar-header{display: flex;flex-direction: row-reverse;align-items: center;justify-content: space-between;width: 100%;}
    #bs-example-navbar-collapse-1 {z-index: 5;width: 100% !important;position: absolute;top: 78px;background: #fff;border-top: none;}
    .menu-header ul{flex-wrap: wrap;}
    .menu-header ul li{width: 100%;display: flex;justify-content: center;}
    .menu-header ul:first-child li:first-child::before{display: none;}
    .header-home .container{padding-left: 0px;padding-right: 0px;}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background: transparent!important;}
    .menu-header ul li a{text-align: center;}
    .menu-header ul li a{text-align: center;}


    div.navbar-collapse.collapse{display: block!important;transform: translateX(100%);transition: 1s all!important;}
    .navbar-toggle{display: block!important;}
    div.navbar-collapse.in{display: block!important;}

    .menu-header ul{width: 100%;}
    .header-home .container{margin: 0;width: 100%;}
    .navbar-header{position: relative;}
    .navbar-default .navbar-toggle{position: absolute;right: 60px!important;}
    #logo {position: absolute;left: 60px;}
    .sectino1 {background: var(--bg_color_banner) !important;}
    .Form-Section-1 {max-width: 68%;padding: 5.1% 0;}

    #Section-2 .owl-carousel, #Section-3 .owl-carousel {min-width: 100% !important;width: 100% !important;}
    .owl-stage{margin-left: -34%!important;}
    #Section-4 .customPrevBtn{left:-8px!important}
    #Section-4 .arrows-sec-2{width: 87%;}
    #Section-4 .container { padding-right: 0px;margin-right: 0px;}
    #Section-4 .owl-stage{margin-left: -29%!important;}
    #Section-4 .container {padding-right: 15px;margin-right: 15px;}
    #Section-5 .owl-stage{margin-left: 0%!important;}
    #Section-6{background-size: 100%;background-repeat: no-repeat;}
    .right-sec-6 {transform: scale(0.8);position: relative;left: -20%;}
    .list-sec-7 li:first-child{box-shadow: 0px 10px 13px #d2cccc7d;background: #fff;}
    .arrows-sec-2{display: none;}
}

/* DESKTOP-VIEW */
@media(min-width:996px){
    #Section-2 .owl-carousel , #Section-3 .owl-carousel{min-width: 100%!important;}
    .container{width:79%!important}
    #Section-2 .container { width: 89% !important;margin-right: 0px;}
    #Section-2 .header-sec-2{padding-right: 10%;}

    #Section-3 .container { width: 89% !important;margin-right: 0px;}
    #Section-3 .header-sec-2{padding-right: 10%;}
}

@media(min-width:767px){
    .carddeli1 p {font-size: 0.8vw;}
    .op_stat{font-size: 0.8vw;}
    .show_pun{font-size: 0.8vw;}
    .miles{font-size: 0.8vw;}
}