*{
    padding: 0;
    margin: 0;
}
html {
    overflow-x: hidden !important;
}
body {
    color: white;
    font-family: 'MyWebFont', sans-serif !important;
    overflow-x: hidden !important;
    --llp-text-color: #151516;
}

.container{
    max-width: 90% !important;
}

section{
    padding: 60px 0;
}

a{
    text-decoration: none !important;
}

h1,
h2,
h3 {
    font-family: 'MySecondFont', sans-serif !important;
}

@font-face {
    font-family: 'MyWebFont';
    src: url(../font/Sk-Modernist-Regular.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'MySecondFont';
    src: url(../font/Sk-Modernist-Bold.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'MyThirdFont';
    src: url(../font/Sk-Modernist-Mono.otf) format('opentype');
    font-display: swap;
}

/* ------google tranlator-------- */

.goog-te-gadget .goog-te-combo {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: white;
    border: none;
    background: transparent;
    outline: none
}

option {
    color: black;
    background-color: white;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important
}

body {
    top: 0 !important
}

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

.goog-tooltip .skiptranslate {
    display: none !important;
    top: 0 !important
}

.activity-root {
    display: hide !important
}

.status-message {
    display: hide !important
}

.started-activity-container {
    display: hide !important
}

.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q:hover {
    background-color: inherit;
    box-shadow: none
}

.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q:focus {
    background-color: inherit;
    box-shadow: none
}

.goog-text-highlightsVIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q:hover {
    background-color: transparent
}

#google_translate_element a>span[style="color: rgb(155, 155, 155);"] {
    display: none !important;
}

/* ----------FAQ----------- */

.faq{
    position: relative;
    z-index: 2;
}
.faq button{
    background: white;
    color: black;
    border-left: none;

}
.accordion-button:not(.collapsed){
    background-color:transparent!important;
    color: #464646 !important;
    box-shadow: none !important;
    border: none !important;
}
.accordion-body{
    color: #464646;
    font-weight: 400;
    font-size: 20px;
    font-family: 'MyWebFont' , sans-serif !important;
}
.accordion-item{
    outline: none;
    border: none;
    background: #F8FCFF !important;
}
.faq button{
    border: none;
    border-radius: 0;
}
.accordion-item:last-of-type .accordion-button.collapsed{
    border: none;
    border-radius: 0;
}

.faq button {
    background: white;
    color: black;
    border-left: none;

}

.faq h4{
    text-align: center;
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    color: #151516;
    letter-spacing: 1.5px;
    margin: 20px 0;
    font-family: 'MySecondFont' , sans-serif !important;
}
.faq p{
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    color: #464646;
}

.faq .faqHeading span{
   font-weight: 600;
   cursor: pointer;
   
}
.faq .faqHeading span a{
    color: black;
   text-decoration: none;
}

.accordion-button{
    font-weight: 600 !important;
    font-size: 22px !important;
    line-height: 100% !important;
    color: #464646 !important;
    border: 1px solid #001530;
    font-family: 'MyWebFont' , sans-serif !important;
    background: #F8FCFF !important;
}

.accordion-button::after {
    background-image: url("/img/dawn-angle.png");
    content: '<i class="fa-solid fa-angle-down"></i>';
    background-size: 1rem !important;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("/img/dawn-angle.png");
    transform: rotate(-180);
    color: white;
}

button:focus:not(:focus-visible) {
    outline: 0 !important;
}

.accordion-button:focus {
    z-index: 3;
    border-color: none !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.accordion-header{
    padding: 10px 0;
}

/* ----main-section---- */

.main-section{
    background-image: url("/img/loshe-pc.png"),radial-gradient(25% 48.43% at 75% 51.57%, 
    rgba(19, 20, 22, 0.8) 7.04%, #1A1A1C 78.87%);
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: cover;
}
.pc-menu{
    height: 80px;
    padding-top: 20px !important;
}
.pc-menu ul{
    display: flex;
    margin-bottom: 0rem;
}
.pc-menu ul li{
    color: white;
    margin: 0px 15px;
    list-style: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}
.pc-menu ul li a{
    color: white;
    text-decoration: none;
}

.close span{
    color: white;
}

.lang-download{
    width: 300px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.downBtn{
    color: white;
    border: 1px solid white;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    width: 157px;
    height: 42px;
    cursor: pointer;
}
.downBtn:hover{
    background-color: #7A7AC7;
}

.dis-flex{
    display: flex;
    justify-content: center;
}


/* ----Hero-section---- */
#logo{
    cursor: pointer;
}

#hero img{
    width: 352px;
    height: 600px;
}

#hero h1 span{
    color: #7A7AC7;
    line-height: 1.3;
}
#hero p{
    color: white;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
}
#hero h1{
    color: white;
    font-weight: 700;
    font-size: 70px;
    line-height: 117.49%;
}

#hero .change_language{
    display: flex;
}

.swipe-language .slick-initialized .slick-slide {
    padding: 0 1px;
}

.search-box{
    width: 400px;
    padding: 20px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white;

}

.location-search-box input[type=text]{
    padding: 7px;
    font-size: 17px;
    border: none;
    float: left;
    width: 80%;
    color: var(--llp-text-color);
}
textarea:focus, input:focus{
    outline: none;
}

.location-search-box #locationSearchSubmit {
    float: left;
    padding: 10px;
    background: #7A7AC7;
    border: none;
    color: white;
    font-size: 17px;
    border-left: none;
    cursor: pointer;
}

.location-search-box #locationSearchSubmit:hover {
    background: #7A7AC7;
}

.location-search-box::after {
    content: "";
    clear: both;
    display: table;
}

.close-icon {
    height: 20px;
    width: 20px;
    text-align: center;    
    border-radius: 50%;
    border: none;
    padding-bottom: 5px;
}

.cross-btn{
    vertical-align: text-top;
    color: #7A7AC7;
}

#locationSearchSubmit i{
    color: white;
}
.current-position {
    width: 90%;
    background-color: white;
    padding: 18px 20px;
    columns: black;
    font-weight: 700;
    font-size: 15px;
    line-height: 16px;
    text-align: left;
    cursor: pointer;
}


.current-position:before{
    color:#000;
    content: '\f124'; 
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    color: #CCCECF;
    padding-right: 10px;
}

.noshop_suggestion{
    font-size: 20px;
    font-weight: bold;
    padding: 20px 0;
    font-family: 'MyWebFont', sans-serif !important;
}

/* -----android-section----- */


.android-content {
    display: flex !important;
    justify-content: center !important;
    flex-direction: column;
}

.android-img {
    display: flex;
    justify-content: center;
}
.allimg{
	display: flex;
	justify-content: center;
	align-items: center;
}

#android h3{
    font-weight: 700;
    font-size: 48px;
    line-height: 58px;
}
#android p{
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #4A4A4A;
    padding-top: 10px;
}
.notifyBtn{
    display: flex;
    align-items: center;
}

.notifyBtn a{
    text-decoration: none;
}
.notifyme{
    margin-left: 40px;
    color: #7A7AC7 !important;
    list-style: none;
    font-size: 16px;
    line-height: 16px;
    font-weight: bolder;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 32px;
}

.notifyme:hover{ 
    cursor: pointer;
    height: 48px;
    background: transparent;
    border: 1px solid black;
    border-radius: 5px;
    text-decoration: none;
    color: white !important;
    background: #7A7AC7;
    border: 1px solid white;
}



.appBtn{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 32px;
    cursor: pointer;
    width: 190px;
    height: 48px;
    background: transparent;
    border: 1px solid black;
    border-radius: 5px;
    text-decoration: none;
    color: #7A7AC7;
}
.appBtn:hover{
    background: #7A7AC7;
    color: white;
    border: 1px solid white;
    text-decoration: none ;
}





/* ------save-section---- */

#save h2{
    text-align: center;
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    color: white;
}
#save p{
    width: 70%;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    display: flex;
    align-items: center;
    text-align: center;
    margin: 40px auto;
    color: white;
}

.save-text,
.save-img {
    display: flex !important;
    justify-content: center;
    flex-direction: column;
}

#save .bgBlack {
    background: #151516;
}
#save img {
    mix-blend-mode: luminosity;
}

#save .row {
    --bs-gutter-x: 0rem !important;
    padding-right: calc(var(--bs-gutter-x) * 0) !important;
    padding-left: calc(var(--bs-gutter-x) * 0) !important;
}

.getBtn{
    font-weight: 700;
    font-size: 28px;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration-line: underline;
    color: #7A7AC7;
}
.getBtn:hover{
    color: #7A7AC7;
}

#main{
    background: #F8FCFF;
}



/* -----stay-section------ */

#stay h2 {
    text-align: center;
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    color: black;
}

#stay p {
    width: 60%;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    display: flex;
    align-items: center;
    text-align: center;
    margin: 40px auto;
    color: black;
}

.stay-text {
    display: flex !important;
    justify-content: center;
    flex-direction: column;
}


#stay img{
    mix-blend-mode: luminosity;
    width: 704px !important;
    height: 424px;
}

#stay .row {
    --bs-gutter-x: 0rem !important;
    padding-right: calc(var(--bs-gutter-x) * 0) !important;
    padding-left: calc(var(--bs-gutter-x) * 0) !important;
}
#stay .col-lg-6{
    --bs-gutter-x: 0rem !important;
    padding-right: calc(var(--bs-gutter-x) * 0) !important;
    padding-left: calc(var(--bs-gutter-x) * 0) !important;
}
#stay{
    margin-top: 40px;
}





/* ---------users-section------- */
#users {
    background: #151516;
    position: relative;
    height: auto;
    z-index: 1;
    overflow: hidden;
    padding-top: 60px;
}

#users::after {
    position: absolute;
    content: "";
    width: 100%;
    height: auto;
    padding-top: 100%;
    bottom: 0;
    transform: translate(-50%, 85%);
    border-radius: 50%;
    left: 50%;
    z-index: 2;
    background: radial-gradient(circle, rgba(122, 122, 199, 0.8) 0%, rgba(122, 122, 199, 0) 70%);
}

#users h6 {
    width: 881px;
    height: 114px;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    margin: auto;
    text-align: center;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 132.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

#users .ellips{
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

#allMob img{
    object-fit: contain;
}

/* ----download-section--- */

.download{
    height: 40vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.download p{
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
}
.download a{
    text-align: center;
    margin-top: 10px;   
}



/* ---footer--- */

.footer-background-color{
    background: #151516;
    color: white;
}

footer{
    height: 100px;
    display: flex;
    align-items: center;
    background: #151516;
}

.footer-links{
    display: flex;
    padding-left: 0rem;
    margin-bottom: 0rem;
}

.footer-links li{
    margin: 0 20px;
    list-style: none;
    color: white;
}

footer a{
    color: white;
    text-decoration: none;
}
footer a:hover{
    color: white;
    text-decoration: none;
}

.footerLogo{
    width: 100px;
}

.emailSubmitBtn {
display: flex;
}

.emailSubmitBtn .lds-ring{
    margin: 10px;
    margin-block: 30px;
}

.submitbutton .lds-ring{
    margin: 10px;
    margin-bottom: 30px;
}

.email:before{
    color:#000;
    content: '\f0e0';
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    color: #CCCECF;
    padding-right: 10px;
}
hr {
    margin: 0rem 0 !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    border: white !important;
}



/* footer---->social */

#social{
    background: #151516;
}
#social .row>div{
    margin: auto;
}
#social .fa-brands {
    font-size: 22px;
    line-height: 100%;
}
#social h6{
    margin: 0rem;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    color: white;
}

#social a{
    color: white;
    text-decoration: none;
}
#social a:hover{
    color: white;
    text-decoration: none;
}
    
#social .social-img-icon{
    padding-top: 0px;
    display: flex;
    justify-content: space-between;
}
#social .contact-info{
    padding-top: 0px;
    display: flex;
    justify-content: space-between;
}
#social .contact-info a{
    text-decoration: none;
}
.socialmediaicon {
    display: flex !important;
    flex-direction: column;
    justify-content: space-evenly;
}

.socialmediaicon h6 {
    padding-right: 30px;
}

.socialmediaicon>div {
    display: flex;
    justify-content: space-between;
  }
  .socialmediaicon .loshemainweb a{
    padding-top: 20px;
  }
.logocenter{
    display: flex;
    align-items: center;
}

.know-more-section{
    display: flex;
    align-items: center;
}
.govn-theme-icon{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.allrights-reserved{
    display: flex;
    justify-content: space-around;
    align-items: center;
}

/* ----popup-download----- */

#downloadpopup .modal-body{
    width: 1087px;
    height: 615px;
    background: url('/img/bg.png'), #1A1A22;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal-body h1{
    color: white;
    text-align: center;
    font-weight: 400;
    font-size: 48px;
    line-height: 117.49%;
}
#downloadpopup.modal-body p{
    color: white;
    text-align: center;
}

#downloadpopup img{
    width: 200px !important;
}

.modal-body h2{
    color: white !important;
}
#downloadpopup.scaner{
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: column !important;
}
.scaner{
    display: flex;
    flex-direction: column;
}
.scaner p{
    color: white;
}
.modal-dialog {
    max-width: 1087px !important;
}
.modal-body img, h2{
    margin: 20px;
}
    
.scan{
    position: absolute;
    bottom: 0;
}

.modal-dialog {
    position:fixed;
    top:auto;
    right:auto;
    left:auto;
    bottom:0;
    }
    .close {
    color: white !important;
    font-size: 30px !important;
    position: absolute;
    cursor: pointer;
    right: 3%;
    top: 1%;

}

/* popup-term & condition */
     
#term .modal-body {
    background: url('/img/bg.png'), #1A1A22;
    width: auto;
    height: auto;
    padding: 40px 40px 40px 50px;
}
#term p , #privacy p {
    color: white;
    margin-bottom: 0.5rem;
}
#term .logoImg , #privacy .logoImg{
    display: flex;
    justify-content: center; 
}




/* -----popup-privacy-policy */

#privacy .modal-body{
    background: url('/img/bg.png'), #1A1A22;
    width: 1087px;
    width: auto;
    height: auto;
    padding: 40px 40px 40px 50px;
}

.modal_title{
    font-weight: bolder;
    font-size: 2rem;
    line-height: 2;
    letter-spacing: 1px;
    text-align: center;
}
.modal_subtitle{
    font-weight: bold;
    font-size: 20px;
    line-height: 2;
    letter-spacing: 1px;
    color: white;
    padding-left: 1rem;
}


/* ----popup-notfyme */
#notifyMe .modal-body {
    width: 793px;
    height: auto;
    background: url("/img/bg.png"), #1A1A22; 
}
#notifyMe .modal-box{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#notifyMe .modal-box h2{
    color: white;
    font-size: 32px;
    line-height: 133%;
    font-weight: bold;
    text-align: center;
}
#notifyMe .modal-content{
width: auto;
}
#notifyMe .modal-dialog {
    display: flex;
    justify-content: center;
    align-items: center;
}

#notifyIosSuccess.text-success {
    padding-top: 20px;
    font-size: 16px;
    font-weight: bolder;
}

.emailBox{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    margin: 20px auto;
}
.emailBox label{
    color: white;
}
.emailBox label{
    font-size: 22px;
    line-height: 26px;
    margin: 10px 0;
    font-weight: normal;
}
.emailBox input{
    padding: 21px;
    width: 400px;
    height: 56px;
    border-radius: 8.05px;
}

.subBtn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 32px;
    cursor: pointer;
    width: 190px;
    height: 48px;
    color: black;
    background: white;
    border: none;
    border-radius: 5px;
    margin-top: 20px;
    font-size: 20px;
    line-height: 25.77px;
    font-weight: bold;
}

/* ---popup-certification */
#certified .modal-body{
    background: url("/img/bg.png"), #1A1A22;
}

#certified .modal-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}

#certified .modal-box p{
    text-transform: capitalize;
    color: white !important;
    text-align: center;
}
#certified .modal-box img{
    width: 571.29px;
    height: 439.93px;
}

#certified .modal-box h2,
#certified .modal-box p {
    font-weight: 400;
    font-size: 27px;
    line-height: 117.49%;
    color: white;
    margin-top: 20px !important;
    font-family: 'MyWebFont', sans-serif !important;
}

#certified .modal-box h2 {
    text-transform: uppercase;
}

.date_update{
    margin: 40px 0 !important;
}

.date_update span {
    font-size: 16px;
    color: white;
    line-height: 2;
}

span.forContact {
    font-size: 18px;
    font-weight: bolder;
    color: #7A7AC7;
}


/* ----about-section */

#about .col-lg-6{
    --bs-gutter-x: 0rem !important;
    padding-right: calc(var(--bs-gutter-x) * 0) !important;
    padding-left: calc(var(--bs-gutter-x) * 0) !important;
}
.aboutDiv {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: row;
}
.aboutDiv {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.rightcontent img {
    margin-bottom: 20px;
}
#about p {
    text-align: center;
}
.your-class {
    display: flex;
}

.aboutDiv .leftImg {
    width: 704px !important;
    height: 400px !important;
}

.rightcontent {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    margin: auto;
}
.hideThis{
    display: none;
}


/* ---shop-suggestion-section */

.shopreveal{
    display: block !important;
}
.shops{
    display: flex;
}

.details{
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}
.details p{
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 0rem;
    color: rgba(0, 0, 0, 0.8) ;
}
.details ul{
    display: flex;

}
.details ul li{
    list-style: none;
    margin-right: 20px;
    font-weight: 400;
    font-size: 16.5609px;
    line-height: 24px;        
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8) ;
    display: flex;
    justify-content: center;
    align-items: center;
}

.details ul li:nth-child(1){
    border-bottom: 2px solid  rgba(0, 0, 0, 0.8);
}
.details ul li:hover{
    border-bottom: 2px solid  rgba(0, 0, 0, 0.8);
}
.details ul li:last-child::after{
    background-image: url("/img/filter-icon.svg");
    background-size: 30px 20px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 50px; 
    height: 20px;
    content:"";
}
#shopDetail{
    margin-top: 30px;
}

#shopDetail .opennowbtn{
    color: #03983F;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
}
#shopDetail img{
    width: 100%;
}

.venueDetail{
    display: flex;
    margin-top: 15px;
    padding-left: 0rem;
    justify-content: space-between;
    flex-direction: column;
    align-items: start;
}
#shopDetail .shop-suggestion-card__name{
    font-size: 20px;
    line-height: 28px;
    margin-top: 20px;
    display: flex;
}
   
.hide{
    display: none !important;
}
      
      


.shop_img{
    padding: 10px;
}
.venueDetail li  span{
    margin-right: 10px;
    color: #898989;
}

.shops_navbar{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
}
.leftbar{
    display: flex;
    align-items: center;
}
.rightbar{
    display: flex;
    justify-content: end;
    align-items: center;
}
.leftbar a{
    margin-top: 10px;
}

.shops_navbar .form-group{
    margin-bottom: 0rem;
    box-shadow: 0px 7px 20px 0px #504E7926;
    width:auto !important;
    margin-left: 150px;
}

.rightbar input {
    border: none;
    box-shadow: 0px 7px 20px 0px #504E7926;
    padding: 12px 24px;
    border-radius: 10px;
}
.seeMorebutton{
    text-align: center;
    margin: 20px auto;
    color: #7A7AC7;
    font-size: 16.56px;
    line-height: 23.66px;
    font-weight: 500;
}
.seeMorebutton a{
    color: #7A7AC7;
    font-size: 16.56px;
    line-height: 23.66px;
    font-weight: 500;
    text-decoration: none;
}
.seeMorebutton a:hover{
    color: #7A7AC7;
    text-decoration: none;
}

.showRestaurants{
    font-weight: 700;
    font-size: 32px;
    line-height: 24px;
}
.onhover{
    padding: 20px 0;
}

.onhover:hover{
    border: 1px solid #B8B8B8;
    cursor: pointer;
}

.directonbtn{
    color: white;
    background: #7A7AC7;
    border: 1px solid white;
}
   

  
.callbtn, .directonbtn{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    gap: 10px;
    border: 1px solid #898989;
    width: 45%;
    height: 34px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    cursor: pointer;
    font-family: 'MyWebFont' , sans-serif !important;
}

.callbtn{
    background: transparent;
}
.callbtn:hover{
    text-decoration: none;
    background: #7A7AC7;
    color: white;
}
.directonbtn{
    background: #7A7AC7 !important;
}
.directonbtn:hover{
    color: white;
    background: transparent !important;
}

.roundbtn{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 7px 0px;
    gap: 10px;
    border: 1px solid #898989;
    width: 104px;
    height: 34px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 15px;
    line-height: 11px;
    cursor: pointer;
    color: gray;
    border-radius: 50px;
    background: #E0E0FF;
    margin-top: 6px;
}

.roundbtn:hover{
    color: black;
    text-decoration: none;
}
.hoverbtns{
    display: flex;
    justify-content: space-between;
    margin: 10px auto;
    padding-left: 0rem;
}
.hoverbtns div{
    margin-right: 30px;
}
.onhover:hover>.hoverbtns {
    visibility: visible;
}

.hoverbtns {
    visibility: hidden;
}

#foodItem_info .modal-body{
    background: url('/img/bg.png'), #1A1A22;
}

.fooditem a{
    margin-right: 5px;
}

.open-close-day{
    padding-left: 0rem;
}
.open-close-day li{
    list-style: none;
    display: flex;
    justify-content: space-between;
}
.open-close-day li span{
    color: white;
    font-size: 14px;
    line-height: 20px;
}
.fooditem {
    display: flex;
    flex-direction: column;
    padding-left: 0rem;
    align-items: center;
}

.shopOpen_days{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.openTime{
    color: rebeccapurple !important;
}
.closeTime{
    color: red !important;
}

 



.name-time h6:before{
    color:#000;
    content: '\f124'; 
    font-family: "Font Awesome 5 Free"; 
    font-style: normal;
    font-weight: 900;
    color: #CCCECF;
    padding-right: 5px;
    font-size: 16px;
}

    .dropdown{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .dropdown:before{
        color:#000;
        content: '\f3c5'; 
        font-family: "Font Awesome 5 Free";
        font-style: normal;
        font-weight: 900;
        color: black;
        padding-right: 10px;
    }
    .location_box:before{
        color:#000;
        content: '\f3c5'; 
        font-family: "Font Awesome 5 Free";
        font-style: normal;
        font-weight: 900;
        color: black;
        padding-right: 10px;
    }
    .location_box{
        display: flex;
        align-items: center;
    }
    .dropdown p{
        margin-bottom: 0rem;
    }

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







.details {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}

.details p {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 0rem;
    color: rgba(0, 0, 0, 0.8);
}

.details ul {
    display: flex;

}

.details ul li {
    list-style: none;
    margin-right: 20px;
    font-weight: 400;
    font-size: 16.5609px;
    line-height: 24px;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
}

.details ul li:nth-child(1) {
    border-bottom: 2px solid rgba(0, 0, 0, 0.8);
}

.details ul li:hover {
    border-bottom: 2px solid rgba(0, 0, 0, 0.8);
}

.details ul li:last-child::after {
    background-image: url("/img/filter-icon.svg");
    background-size: 30px 20px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 50px;
    height: 20px;
    content: "";
}

#shopDetail {
    margin-top: 20px;
}

#shopDetail .opennowbtn {
    color: #03983F;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
}

#shopDetail img {
    width: 100%;
}

.venueDetail {
    display: flex;
    margin-top: 15px;
    padding-left: 0rem;
    justify-content: space-between;
}

#shopDetail .shop-suggestion-card__name {
    font-size: 20px;
    line-height: 28px;
    margin-top: 20px;
    display: flex;
}

.hide {
    display: none !important;
}

.shopreveal {
    display: block !important;
}

.shop_img {
    padding: 10px;
}

.venueDetail li span {
    margin-right: 10px;
    color: #898989;
}

.shops_navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
}

.leftbar {
    display: flex;
    align-items: center;
}

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

.leftbar a {
    margin-top: 10px;
}

.shops_navbar .form-group {
    margin-bottom: 0rem;
    box-shadow: 0px 7px 20px 0px #504E7926;
    width: auto !important;
    margin-left: 150px;
}

.rightbar input {
    border: none;
    box-shadow: 0px 7px 20px 0px #504E7926;
    padding: 12px 24px;
    border-radius: 10px;
}

.seeMorebutton {
    text-align: center;
    margin: 20px auto;
    color: #7A7AC7;
    font-size: 16.56px;
    line-height: 23.66px;
    font-weight: 500;
}

.seeMorebutton a {
    color: #7A7AC7;
    font-size: 16.56px;
    line-height: 23.66px;
    font-weight: 500;
    text-decoration: none;
}

.seeMorebutton a:hover {
    color: #7A7AC7;
    text-decoration: none;
}

.showRestaurants {
    font-weight: 700;
    font-size: 32px;
    line-height: 24px;
}


.onhover {
    padding: 20px 0;
}

.onhover:hover {
    border: 1.12px solid #B8B8B8;
    cursor: pointer;
}

.name-time h6{
    font-size: 13px;
    line-height: 11px;
    margin-bottom: 0rem;
}

.onclick_callButton,
.onclick_directionButton {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    gap: 10px;
    border: 1px solid #898989;
    width: 104px;
    height: 34px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 19px;
    line-height: 0.56px;
    cursor: pointer;
    color: white !important;
    width: 343px;
    height: 48px;
    text-decoration: none;
}

.onclick_callButton:hover{
    color: white;
    text-decoration: none;
    background: #7A7AC7;
}
.onclick_directionButton{
    background: #7A7AC7;
}
.onclick_directionButton:hover {
    color: white;
    text-decoration: none;
    background: transparent;
}
.shopAddress{
    color: white;
    font-size: 14px;
    line-height: 20px;
    margin-top: 4px;
    /* border-bottom: 1px solid white; */
}

.callbtn:hover {
    text-decoration: none;
    background: #7A7AC7;
    color: white;
}

.directonbtn:hover {
    color: #7A7AC7;
    background: transparent;
}






#main {
    background: #F8FCFF;
}

.venueDetail li {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    line-height: 1.8;
}

.venueDetail li .clock:first-child:before {
    color: #000;
    content: '\f017';
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    color: #CCCECF;
    padding-right: 5px;
    font-size: 12px;
}

.venueDetail li .arrow:first-child:before {
    color: #000;
    content: '\f124';
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    color: #CCCECF;
    padding-right: 5px;
}

.name-time h6:before {
    color: #000;
    content: '\f124';
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    color: #CCCECF;
    padding-right: 5px;
    font-size: 16px;
}

.dropdown {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 90%;
}

.dropdown:before {
    color: #000;
    content: '\f3c5';
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    color: black;
    padding-right: 10px;
}

.location_box:before {
    color: #000;
    content: '\f3c5';
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    color: black;
    padding-right: 10px;
}

.location_box {
    display: flex;
    align-items: center;
}

.dropdown p {
    margin-bottom: 0rem;
}

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

.rightcontent p {
    width: 70%;
    margin: 10px auto;
}



#stay .container-fluid {
    padding-right: var(0rem, 0rem) !important;
    padding-left: var(0rem, 0rem) !important;
    --bs-gutter-x: 0rem;
}

#about .container-fluid {
    padding-right: var(0rem, 0rem) !important;
    padding-left: var(0rem, 0rem) !important;
    --bs-gutter-x: 0rem;
}

.rightcontent p {
    font-weight: normal;
    font-size: 22px;
    line-height: 26px;
    display: flex;
    align-items: center;
    text-align: center;
    margin: 10px auto;
}

.slick-dots {
    bottom: -60px !important;
}

.rightcontent p{
    width: 60%;
}

#about .topPara {
    width: 80%;
    margin: 50px auto;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    font-family: 'MyWebFont', sans-serif !important;
}

#about .bottomPara {
    font-size: 20px;
    line-height: 28.62px;
    width: 65% !important;
    margin: 50px auto !important;
    color: #1B1A1A;
}

.rightcontent h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 41px;
    line-height: 41px;
    color: #1B1A1A;
    font-family: 'MyThirdFont', sans-serif !important;
}

#users{
    background-image:
        linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(34, 34, 161, 0.2)),
        url(../img/usersBg.png);
}

.allMob {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
.allMob img:nth-child(1),
.allMob img:nth-child(4) {
    margin-bottom: -70px;

}
#appStandOut .row{
    background: url(../img/Midnight.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 106px;
    margin-top: 30px;
}

.appstandoutContent {
    display: flex;
    justify-content: center;

}

#appStandOut .title{
    text-align: center;
    font-weight: 400;
    font-size: 27px;
    line-height: 100%;
    font-family: 'MyThirdFont' , sans-serif !important;
}

#appStandOut img {
    width: 273px;
    height: 434px;
    margin-bottom: -55px;
}

.textarea {
    width: 70%;
    display: flex;
    align-items: end;
    flex-direction: column;
    justify-content: end;
    padding: 20px 20px 0 20px;
    margin-bottom: -55px;
}

.textarea p {
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    color: white !important;
    padding-bottom: 10px;
}

.menu-outer{
    display:none;
    }
.menu-outer,.menu-area{
    display:none
    }
.menu-area .downBtn a{
    text-decoration: none;
    color: white;
}

.menu-outer,
.menu-area {
    display: none
}

.menu-area .downBtn a {
    text-decoration: none;
    color: white;
}

.menu-area ul li a {
    text-decoration: none;
    color: white;
}

.logo-hamburger {
    display: none;
}

.menubar {
    display: none;
}

.display-sp {
    display: none;
}



/* ---contact-section */
#contact input[type=text]{
    padding: 12px; 
    border-radius: 4px; 
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    width: 30%;
}

 select, textarea {
    width: 100%; 
    padding: 12px; 
    border-radius: 4px; 
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    margin-top: 20px;
}

#contact input[type=submit] {
    background-color: #7A7AC7;
    color: white;
    border: none;
    cursor: pointer;
    width: 343px;
    height: 48px;
}


#contact input[type=submit]:hover {
    background-color: transparent;
    color: white;
    border: 1px solid white;
  }
  
  #contact {
    background: linear-gradient(180deg, #111112 53.91%, #0F0F16 94.01%);
  }
  #contact .container {
    padding: 60px 0;
}
  #contact label, #contact h4, #contact h5, #contact p {
    color: white;
}
#contact .contact-icon {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin: 40px 0;
}

#contact h5 {
    font-size: 42px;
    color: white;
}

#contact h4 {
    font-size: 42px;
    line-height: 1;
    text-align: center;
    font-family: 'MySecondFont' , sans-serif !important;
}

#contact p {
    font-size: 20px;
    line-height: 1;
    text-align: center;
    margin-top: 20px;
}

#contact label {
    font-size: 26px;
    line-height: 1;
}

#contact input,
#contact textarea {
    border-radius: 5px;
    background: #2D2D2D;
    border: transparent;
    outline: none;
    color: #b2acac;
    margin-top: 6px;

  }
  .submitbutton{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.displyhideinpc {
    display: none !important;
}

  .contact-bar{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

  select{
    border: none;
    background: transparent;
}

select:focus {
    border: none;
    background: transparent;
    outline: none;
}


  .loshe_link {
    text-decoration: none;
    color: white;
  }
  .loshe_link:hover {
    text-decoration: none;
    color: white;
  }



.displyhideinsp div:first-child,
.displyhideinsp div:last-child {
    display: flex;
    justify-content: start;
}

.topnavbar a:first-child {
    margin-right: 20px;
}

.topnavbar a:last-child {
    display: none;
}

.contact-form {
    max-width: 60vw;
    margin: auto;
}

.message-bar,
.contact-bar {
    padding-top: 20px;
}


/* ---popup-shop-details */

.hoverbtns {
    display: flex;
    margin: 10px auto;
}

.hoverbtns div {
    margin-right: 30px;
}


.onhover:hover>.hoverbtns {
    visibility: visible;
}

.hoverbtns {
    visibility: hidden;
}

#foodItem_info .modal-body{
    background: url('/img/bg.png'), #1A1A22;
    padding: 40px 0px 40px 40px;
}

#foodItem_info .food-images {
    display: flex !important;
}
.food-images .firstimg {
    display: flex;
    padding-left: 0;
}

#foodItem_info .modal-body img{
    margin: 11px;
    /* width: 100%; */
}
.open-close-button{
    color: white;
    background-color: #03983F;
    border-radius: 15px;
    width: 140px;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    margin-top: -43px;
    letter-spacing: 3px;
    padding: 0 5px;
    font-weight: normal;
    position: absolute;
    z-index: 1;
}

.food-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.food-info h4,
.food-info h6,
.food-info p {
    color: white;
}

#foodItem_info p {
    color: #BFBFBF;
    font-size: 16px;
    line-height: 20px;
}

#foodItem_info h4 {
    color: white;
    font-size: 36px;
    line-height: 56px;
}

.foodimgs {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.foodimgs div {
    margin: 20px;
}

.food-allinfo h6,
.food-allinfo p {
    margin-top: 4px;
}
.call-direction {
    max-height: 100px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
}

.call-direction a:first-child {
    margin-bottom: 10px;
}
.name-time {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}


.readMoreHeader ul li{
    color: black !important;
}

.readMoreHeader p {
    margin-left: 30px;
}

.readMoreHeader input {
    border: none;
    box-shadow: 0px 7px 20px 0px #504E7926;
    padding: 12px 24px;
}

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    top: 10%;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    margin: auto;
}



.open_seemore{
    display: flex;
    justify-content: space-between;
    align-items: center;
}




/* -----BLOG-SECTION------- */
#blog .container{
    max-width: 95% !important;
    margin-top: 70px;
}
.blog-main-title{
    color: var(--black-for-text, #151516);
    text-align: center;
    font-size: 32px;
    font-family: 'MyWebFont', sans-serif !important;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0.5px;
}
.blog-sub-title{
    color: #464646;
    text-align: center;
    font-size: 20px;
    font-family: 'MyWebFont', sans-serif !important;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0.5px;
    margin-top: 20px;
}

.view-blogs ul{
    margin-top: 20px;
    display: flex;
}
.seemore-blogs ul{
    padding-left: 0rem;
    display: flex;
}
.view-blogs ul li,
.seemore-blogs ul li{
    list-style: none;
    color: #757575;
    text-align: center;
    font-size: 15px;
    font-family: 'MyWebFont', sans-serif !important;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.5px;
}
.view-blogs ul li:first-child,
.seemore-blogs ul li:first-child{
    padding-right: 10px;
}
.blog-title{
    color: var(--black-for-text, #1B1A1A);
    font-size: 30px;
    font-family: 'MySecondFont' , sans-serif !important;
    font-style: normal;
    font-weight: 700;
    /* line-height: 30px; */
    line-height: 1.2;
    letter-spacing: 0.5px;
    margin-bottom: 30px;
}
.blog-content{
    color: var(--black-for-text, #1B1A1A);
    font-size: 22px;
    font-family: 'MyWebFont', sans-serif !important;
    font-style: normal;
    font-weight: 400;
    line-height: 30.8px;
    letter-spacing: 0.5px;
    text-overflow: ellipsis;
}
.seemore-blog-title{
    color: var(--black-for-text, #1B1A1A);
    font-size: 28px;
    font-family: 'MyWebFont', sans-serif !important;
    font-style: normal;
    font-weight: 400;
    line-height: 36.4px;
    letter-spacing: 0.5px;
}
.seemore-blog-content{
    color: var(--black-for-text, #1B1A1A);
    font-size: 20px;
    font-size: 16px;
    font-family: 'MyWebFont', sans-serif !important;
    font-style: normal;
    font-weight: 400;
    line-height: 30.8px;
    line-height: 24.8px;
    letter-spacing: 0.5px;
}
.seemore-blogs .row div:first-child{
    display: flex;
    justify-content: center;
    align-items: start;
}
.seemore-blogs img{
    width: 95%;
    height: auto;
}

.block-ellipsis {
    width:100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

.seemoreButton-shop-list{
    color: var(--primary-for-cta, #7A7AC7);
    text-align: center;
    font-size: 22px;
    font-style: normal;
    line-height: 23.658px;
    text-transform: capitalize;
    text-decoration: none;
    display: flex;
    width: 190px;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    margin: 30px auto 0px auto;
  }
  .seemoreButton-shop-list:hover{
    color: white;
    text-decoration: none;
    background-color: #7A7AC7;
  }





/* ------blog-list-page-------- */

#blog{
    padding-top: 60px;
}

  .blog-list-navbar {
   /* background-color: blueviolet; */
  }
  .blog-list-navbar ul li a{
    color: black;
  }
  .blog-list-navbar .goog-te-gadget .goog-te-combo{
    color: black;
  }
  .blog-list-navbar .downBtn {
    color: black;
    border-color: black;
  }
  .blog-list-navbar .downBtn:hover{
    color: white;
  }

  .allblog-main-section{
    height: auto;
    border-radius: 20px;
    background-image: url(/img/blog-list-main-image.png),  linear-gradient(98deg, #93BBC3 38.53%, #4897A5);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
    padding: 100px 50px;
  }
  .support-title{
    color: #FFF;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.92px;
  }
  .support-content{
    color: #073742;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 1px;
    display: flex;
    width: 616px;
    height: 168px;
    flex-direction: column;
    flex-shrink: 0;
    margin-bottom: 0rem;
  }
  .allblog-main-section .blog-writer-detail{
    margin-top: 0rem;
  }
  .allblog-main-section .blog-writer-detail li{
    color: #121213;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.5px;
  }

  .content-alignment{
    position: absolute;
    /* bottom: 50%; */
    width: 70%;
    float: right !important;

  }
  .allblog-main-section{
    position: relative;
    right: 0;
  }
  .all-Blogs-main-title{
    color: var(--black-for-text, #151516);
    text-align: center;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: capitalize;
  }
  .all-blogs-detailbar{
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
  }
  .recent-popular{
    display: flex;
    padding-left: 0rem;
  }
  .recent-popular li{
   list-style: none;
  }
  .recent-popular li{
   list-style: none;
   display: flex;
   padding: 10px 19px;
   justify-content: center;
   align-items: flex-end;
   gap: 10px;
   border-radius: 5px;
   
  
  }
  .recent-blog{
    color: white;
    border: 1px solid var(--primary-for-cta, #7A7AC7);
    background: var(--text-fields, #282828);
    margin-right: 20px;
  }
  .popular-blog{
    border: 1px solid var(--primary-for-cta, black);
  }
  .popular-blog:hover{
    color: white;
    background-color: #7A7AC7;
    border: none;
  }
  .recent-blog:hover{
    color: white;
    background-color: #7A7AC7;
    border: none;
  }
  .All-blog-title{
    color: var(--black-for-text, #1B1A1A);
    font-size: 30px;
   
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.5px;
  }
  .All-blog-content {
    color: var(--black-for-text, #1B1A1A);
    font-size: 22px;
    margin-top: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.8px;
    letter-spacing: 0.5px;
    -webkit-line-clamp: 3;
  }
  .blog-writer-detail{
    display: flex;
    padding-left: 0rem;
    margin-top: 30px;
  }
  .blog-writer-detail li{
   list-style: none;
  }
  .blog-writer-detail li:first-child{
   margin-right: 20px;
  }
.blog-section-right img{
    width: 100%;
    height: 90%;
}
.blog-writer-detail li{
    color: #757575;
    text-align: center;
    font-size: 15px;
    font-family: Sk-Modernist;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.5px;
}
.readmore-blog{
    text-decoration: none;
    color: black;
}
.readmore-blog:hover{
    color: white;
    text-decoration: none;  
    background-color: #7A7AC7;
    border: none;
}

.readmore-blog{
    display: flex;
    width: 190px;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: 1px solid #151516;
    box-shadow: 0px 7px 20px 0px rgba(80, 78, 121, 0.15);
    margin-top: 30px;
}

.pagination {
    margin-top: 30px;
    justify-content: center;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #7A7AC7 !important;
    border: none !important;
}
.page-link {
    color: black !important;
    background: #E7E7E7 !important;
}
.page-item{
    margin: 0 5px;
}
.page-item:last-child .page-link{
    padding: 0.375rem 1.75rem;
    border-top-right-radius: 0rem !important;
    border-bottom-right-radius: 0rem !important;
}











/* animation starts */

.norotate{
	z-index: 1;
  }


.turnright {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(10deg);
    position: absolute;
    right: 80px;
}

.active.turnright {
    animation: turnright 1s ease backwards;
    transition: .5s;
    transform-origin: bottom;

}

@keyframes turnright {
    0% {
        transform: rotate(0deg);
        opacity: 0
    }

    100% {
        transform: rotate(10deg);
    }
}


.turnleft {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(-7deg);
    position: absolute;
    right: 350px;
}



.active.turnleft {
    animation: turnleft 1s ease backwards;
    transition: .5s;
    transform-origin: bottom;
}

@keyframes turnleft {
    0% {
        transform: rotate(0deg);
        opacity: 0
    }

    100% {
        transform: rotate(-7deg);
    }
    }

.reveal{
    opacity:0
    }
    
    .reveal.active{
    opacity:1
}

.active.fadeUp{
    animation:fadeUp 1s ease backwards;
    transition:.5s;
    transform-origin:bottom
    }
    
     @keyframes fadeUp {
        0% {
            transform: translateY(200px);
            opacity: 0;
        }
    
        100% {
            transform: translateY(0);
            opacity: 1
        }
    }

   
.active.zoomIn {
    animation: zoomIn 1s ease-out
}

@keyframes zoomIn {
    0% {
        transform: scale(0);
        opacity: 0
    }

    100% {
        transform: scale(1)
    }
}

    .hoverimg:hover{
        transform:scale(1.1) rotate(0deg)
    }
  
    .active.lineUp{
        animation:0.8s anim-lineUp ease-out
        }
        
        @keyframes anim-lineUp{
        50%{
        opacity:1;
        transform:translateY(0%)
        }        
        0%{
        opacity:0;
        transform:translateY(80%);
        }
    }

    .pop-outin{
        animation:5s anim-popoutin ease
        }
        
        @keyframes anim-popoutin{
        0%{
        color:#000;
        transform:scale(0);
        opacity:0;
        text-shadow:0 0 0 rgba(0,0,0,0)
        }
        
        25%{
        color:#7A7AC7;
        transform:scale(1.5);
        opacity:1;
        text-shadow:3px 10px 5px rgba(0,0,0,0.5)
        }    
        100%{
        transform:scale(1);
        opacity:1;
        text-shadow:1px 0 0 rgba(0,0,0,0)
        }
    }
    
    .active.fadInright{
        animation:fadInright 1s ease;
        transition:.3s;
        transform-origin:left
        }
        
        @keyframes fadInright{
        0%{
        transform:translateX(200px);
        opacity:0
        }
        
        100%{
        transform:translateX(0);
        opacity:1
        }
        }
    
    .active.fadeInleft{
        animation:fadeInleft 1s ease;
        transition:.5s;
        transform-origin:left
        }
        
        @keyframes fadeInleft{
        0%{
        transform:translateX(-100px);
        opacity:0
        }
        
        100%{
        transform:translateX(0);
        opacity:1
        }
        }


/* Styling for edit search box in shop detail screen */

.locationContainer{
    background-color: white;
    width: 100%;
    border-radius: 10px;
    display: flex;
    height: 48px;
    border: none;
    box-shadow: 0px 7px 20px 0px #504E7926;
    padding: 12px 15px;
    border-radius: 8px;
  }

  .editLocationButton{
    border: none;
    margin: 10px;
    background-color: transparent;
  }
  .location {
    background-color: transparent !important;
    border: none;
    width: 100%;
  }


@media (max-width:2561px) {
    .textarea {
        width: 40%;
    }

    #stay img {
        width: 100% !important;
        height: 100%;
    }

    .aboutDiv .leftImg {
        width: 100% !important;
        height: 100% !important;
    }

    .download {
        height: 15vh;
    }

    .turnright {
        position: relative;
        right: 120px;
    }

    .turnleft {
        position: relative;
        left: 120px;
    }

    #hero h1 {
        margin-bottom: 30px;
    }


    .location_box:before {
        padding-right: 12px;
        font-size: 25px;
    }
    #shopDetail .opennowbtn {
        font-size: 14px;
        line-height: 2;
    }
    .footer-background-color{
        margin-top: -2px;
    }
    .swipe-language .slick-initialized .slick-slide {
        padding: 0 2px;
       }
       .main-section {
        background-position: center;
       }
       #downloadpopup .modal-body {
        width: auto;
       }
       .call-direction{
        margin-top: -100px;
       }
       .seemore-blogs .row:nth-child(2),
       .seemore-blogs .row:nth-child(3){
        margin-top: 20px;
       }
}


@media (max-width:1920px) {
    #appStandOut .row {
        padding: 106px 40px;
    }
    .swipe-language .slick-initialized .slick-slide {
        padding: 0 3px;
       }
       .download {
        height: 24vh;
    }
}

@media (max-width:1681px) {
    .textarea {
        width: 70%;
    }
    .contact-form {
        max-width: 100vw;
    }

    #appStandOut .row {
        padding: 106px 100px;
    }

}

@media (max-width:1440px) {
    #hero h1 {
        font-size: 69px !important;
    }
}

@media (max-width:1400px) {
    #hero h1 {
        font-size: 65px !important;
    }

    #appStandOut .row {
        background-position: center;
        background-size: 100% 100%;
        padding: 109px;
        margin-top: 30px;
    }
    .swipe-language .slick-initialized .slick-slide {
        padding: 0 4px;
       }
}

@media (max-width:1300px) {
    #hero h1 {
        font-size: 45px !important;
    }

    #android img {
        width: 100%;
        height: 80%;
    }
}

@media (max-width:1279px) {
    #android h3 {
        font-size: 43px;
    }
}

@media (max-width:1200px) {
    #appStandOut img {
        height: 300px;
    }

    #appStandOut .row {
        padding: 109px 40px;
    }

    .appstandoutContent {
        align-items: end;
    }

    .rightcontent p {
        width: 90%;
        font-size: 18px;
        line-height: 26px;
    }

    #stay p {
        width: 90%;
    }

    #save p {
        width: 90%;
    }

    #foodItem_info h4 {
        font-size: 32px;
    }
    .venueDetail li span {
        font-size: 10px !important;
        margin-right: 15px;
    }
    .textarea p {
        font-weight: 700;
        font-size: 21px;
        line-height: 30px;
        color: white !important;
        padding-bottom: 0px;
    }

    .textarea {
        width: 100%;
    }

    footer a {
        font-size: 14px;
        line-height: 1;
    }
    .download {
        height: 15vh;
    }
    .seemore-blogs img {
        width: 100%;
        height: 100%;
    }
}

@media (max-width:1081px) {
    .download {
        height: 20vh;
    }
}


@media (max-width:1024px) {
    #android img {
        width: 100%;
        height: 70%;
    }

    #save img {
        width: 100%;
        height: 100%;
    }

    #android h3 {
        font-weight: 700;
        font-size: 34px;
        line-height: 43px;
    }

    .notifyme {
        margin-left: 17px;
    }

    #appStandOut .row {
        background-position: center;
        background-size: 100%;
        margin-top: 0px;
        padding: 50px;
    }

    .textarea p {
        font-weight: 700;
        font-size: 16px;
        line-height: 21px;
        color: white !important;
        padding-bottom: 0px;
    }

    #appStandOut img {
        width: auto;
        height: 332px;
        margin-bottom: 0px;
    }

    #hero h1 {
        margin-bottom: 20px;
    }

    .textarea {
        width: 70%;
        display: flex;
        flex-direction: column;
        padding: 0px;
        margin-bottom: 0px;
    }
   .container-fluid{
    padding-left: 0px !important;
    padding-right: 0px !important;
   }
   .imgalign{
    display: flex;
    justify-content: end;
    align-items: end;
   }
   #save .bgBlack {
    height: auto;
   }
   #about .topPara {
    margin: 0px auto 50px auto;
   }
   #save p, #stay p {
    margin: 20px auto;
   }
   .rightcontent h3 {
    font-size: 29px;
    line-height: 41px;
    line-height: 28px;
   }
   #android img {
    padding: 0px;
   }

    #contact form {
        padding: 30px 30px 30px 30px;
    }

    #contact p {
        font-size: 16px;
    }

    .search-box {
        width: auto !important;
    }

    .current-position {
        width: auto !important;
    }

    #hero h1 {
        font-size: 35px !important;
    }


    .turnright {
        position: relative;
        right: 120px;
    }

    .turnleft {
        position: relative;
        left: 120px;
    }

    .venueDetail li span {
        font-size: 11px !important;
        margin-right: 5px;
    }

    .shops_navbar .form-group {
        margin-left: 0px;
    }

    #shopDetail .shop-suggestion-card__name {
        font-size: 17px;
        line-height: 25px;
    }
    .download {
        height: 22vh;
    }
    .hoverbtns {
        visibility: visible;
    }
    .seemore-blog-title {
        font-size: 17px;
        line-height: 22.4px;
    }
    .seemore-blog-content {
        font-size: 14px;
        letter-spacing: 0.5px;
    }
    .seemore-blogs img {
        width: 100%;
        height: 95%;
    }

}


@media (max-width:835px) {
    .shops {
        flex-direction: column !important;
    }

    /* #foodItem_info .food-images, .food-info{
        flex-direction: column;
    } */

    .close {
        right: 2%;
        top: 1%;
    }
    #foodItem_info .modal-body {
        padding: 50px 20px 40px 40px;
    }
   
    .foodimgs{
        align-items: inherit;
    }
    .call-direction {
        margin-top: 0px;
    }
    #foodItem_info .modal-body img{
        margin: 10px 0;
    }
    #foodItem_info .modal-body .firstimg img{
        width: 100%;
    }
    #shopDetail .shop-suggestion-card__name {
        font-size: 40px;
        line-height: 46px;
    }

    .venueDetail li span {
        font-size: 24px !important;
        margin-right: 20px;
    }

    #shopDetail .opennowbtn {
        font-size: 17px;
        line-height: 38px;
    }

    #appStandOut img {
        width: auto;
        height: 280px;
    }

    .venueDetail li .clock:first-child:before {
        font-size: 20px;
    }

    .venueDetail li .arrow:first-child:before {
        font-size: 25px;
    }

    .details p {
        font-size: 22px;
        line-height: 28px;
    }

    .rightbar {
        display: flex;
        justify-content: start;
    }

    .leftbar {
        align-items: start;
        flex-direction: column;
        flex-direction: column;
    }

    .rightbar {
        display: flex;
        justify-content: start;
        flex-direction: column-reverse !important;
        align-items: end;
        margin-top: 15px;
    }

    .topnavbar,
    .googleplayicon {
        margin-bottom: 20px;
    }

    .dropdown {
        /* margin-top: 15px; */
    }

    .shops_navbar .form-group {
        margin-top: 20px;
    } 
    .seemore-blogs ul {
        margin-top: 20px;
    }
    .seemore-blogs{
        margin-top: 50px !important;
    }
    #foodItem_info h4 {
        font-size: 24px;
    }
   
}

@media (max-width:821px) {
    #hero img {
        width: 352px;
        height: 500px;
    }

    #hero h1 {
        font-size: 35px;
    }

    .search-box
    .addCurrentLocation_container {
        width: 300px !important;
    }

    .current-position {
        width: 300px;
        padding: 10px 0px 20px 30px;
    }

    #android h3 {
        font-size: 32px;
    }

    #android img {
        padding: 25px;
    }

    #android p {
        font-size: 16px;
    }

    .notifyme {
        font-size: 13px;
        line-height: 16px;
        padding: 16px 20px;
        margin-left: 0px;
    }

    #appStandOut .row {
        background-position: center;
        background-size: contain;
        margin-top: 0px;
        padding: 30px;
    }

    #appStandOut img {
        width: auto;
        height: 250px;
        padding-top: 30px;
    }

    .textarea p {
        font-weight: 700;
        font-size: 14px;
        line-height: 22px;
    }

    .textarea {
        margin-bottom: 0px;
    }

    #appStandOut .title {
        font-size: 20px;
    }

    #save .bgBlack {
        height: 500px;
        height: auto;
    }

    #save img {
        width: 100%;
        height: 100%;
    }

    #save h2,
    #stay h2 {
        font-size: 40px;
    }

    #save p,
    #stay p {
        font-size: 20px;
        line-height: 26px;
    }

    .getBtn {
        font-size: 26px;
    }

    .rightcontent p {
        font-size: 18px;
    }

    .rightcontent h3 {
        font-size: 24px;
    }

    .allMob img {
        width: 160px;
    }

    .allMob img:nth-child(1),
    .allMob img:nth-child(4) {
        margin-bottom: -49px;
        width: 141px;
    }

    .faq p {
        line-height: 130%;
    }

    .download {
        height: 20vh;
    }

    .download p {
        font-size: 28px;
    }

    .social img {
        width: 150px;
    }
    .shops {
        flex-direction: column;
    }
    .foodItem_info .modal-body .close {
        display: none !important;
    }

    #hero h1 {
        font-size: 34px !important;
        line-height: 1.2;
    }
    .turnright {
        position: relative;
        right: 190px;
    }

    .turnleft {
        position: relative;
        left: 180px;
    }
    .callBtn,
    .directonBtn {
        width: 270px;
    }

    #foodItem_info h4 {
        font-size: 18px;
    }
}

@media (max-width:767px) {
    #hero h1 {
        font-size: 33px !important;
        line-height: 117.49%;
        text-align: center;
    }
    #hero p {
        font-weight: 400;
        font-size: 14px;
        line-height: 21px;
        text-align: center;
    }

    #hero p br {
        display: none;
    }

    .search-box {
        padding: 10px 10px;
        justify-content: space-between;
    }
   
    .hide-sp{
        display: none;
    }
    .location-search-box{
        margin: 0;
        max-width: 100% !important;
    }

    .android-content {
        order: 2;
        text-align: center;
    }

    #android h3 {
        font-size: 28px;
        line-height: 34px;
    }

    .android-content p {
        margin-bottom: 0rem;
    }

    .notifyBtn {
        flex-direction: column;
        margin-top: 40px;
    }

    .appBtn {
        width: 300px;
    }

    .notifyme {
        width: 300px;
    }

    #appStandOut {
        display: none;
    }

    #save img {
        width: 100%;
        height: 100%;
    }

    .stay-div {
        flex-direction: column;
    }

    .stay-img {
        order: 2;
    }

    #save p,
    #stay p {
        width: 90%;
    }


    #save .save-text {
        margin: 60px auto;
    }

    #stay .stay-text {
        margin-bottom: 40px;
    }

    #stay .col-lg-6,
    #about .col-lg-6 {
        padding-bottom: 0px;
    }

    .topPara {
        display: none;
    }

    .aboutDiv {
        flex-direction: column;
    }

    .display-sp {
        display: block !important;
        text-align: center;
        margin-bottom: 30px;
        font-size: 30px;
        line-height: 1;
    }

    #stay {
        margin-top: 0px;
    }
  
    .rightcontent {
        margin-top: 40px;
    }

    .rightcontent p {
        font-size: 16.21px;
        line-height: 22px;
        width: 80%;
    }

    #about .bottomPara {
        margin: 25px auto !important;
        width: 90% !important;
        font-size: 16px;
        line-height: 20px;
    }

    .rightcontent h3 {
        font-size: 21.9571px;
        line-height: 26px;
    }
    .faq h4{
        font-size: 30px;
        line-height: 1.2;
        margin-bottom: 40px;
        font-family: 'MySecondFont' , sans-serif !important;
    }

    .faq p {
        font-size: 16px;
        line-height: 19px;
    }

    .faq .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .container {
        max-width: 100% !important;
    }

    .accordion-button {
        font-size: 20px !important;
        line-height: 100%;
    }

    .accordion-body {
        font-size: 16px;
        line-height: 19px;
        padding: 0rem 0rem 1rem !important;
    }

    .download p {
        font-size: 24px;
        line-height: 32px;
        font-size: 30px;
        line-height: 38px;
    }

    .download {
        height: 30vh;
    }
    .footer-background-color{
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        margin-top: -2px;
        padding-top: 30px;
    }

    #social {
        order: 2;
    }

    #social .displayall {
        text-align: center;
    }

    #social .displayall a {
        text-decoration: none;
    }

    footer {
        height: 100%;
    }

    .footer-links {
        align-items: start;
        flex-direction: column;
        justify-content: start;
        padding-left: 0rem;
    }

    .logocenter {
        display: flex;
        justify-content: start;
        align-items: start !important;
    }
    #social .container{
        padding-left: 0px;
        padding-right: 0px;
        background: #151516;
    }

    .allrights-reserved {
        justify-content: start;
        padding-left: 30px !important;
    }

    .displayall {
        display: block;
        order: 3;
    }

    .allrights-reserved {
        display: none;
    }
   
    .social-links a{
        padding-right: 1rem;
    }

    .footer-links li {
        margin: 10px 0;
    }

    #social {
        margin: 20px auto;
    }
    .govn-theme-icon{
        justify-content: space-between;
    }

    .govn-theme-icon img {
        width: 100px !important;
    }
    .pc-menu{
        display: none !important;
    }


    .menu-outer {
        display: block;
        color: white !important;
        padding: 16px 0 20px;
        cursor: pointer;
        width: 24px;
        height: 46px;
        font-size: 10px;
    }

    span.line {
        width: 19px;
        height: 2px;
        margin-bottom: 4px;
        display: block;
        float: right;
        background: white
    }
    span.line.first {
        width: 12px
    }

    span.line.third {
        width: 20px;
        margin-top: 3px;
    }
    .stopOverflow {
        overflow: hidden !important;
    }

    .menu-outer.open .second {
        opacity: 0;
        transform: translateX(60px)
    }

    .menu-outer.open .first {
        width: 20px;
        transform: translateY(12px) rotate(45deg);
        transform: translateY(7px) rotate(45deg);
    }

    .menu-outer.open .third {
        width: 20px;
        transform: translateY(-2px) rotate(315deg)
    }
    .logo-hamburger {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 0;
    }
    .menu-area {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        transition: all .5s ease-in-out;
        right: -100%;
        z-index: 0;
        transition:all .5s ease-in-out;
        left:100%;
        background: linear-gradient(180deg, #1F1E29 3.74%, #141416 100%);
        top: 0;
    }
    .menu-area ul {
        flex-direction: column;
        position: absolute;
        top: 15%;
        padding-left: 0rem;
    }

    .menu-area ul li {
        font-size: 20px;
        line-height: 24px;
        margin: 15px 15px;
        color: white;
        list-style: none;
        cursor: pointer;
    }

    .downBtn {
        position: absolute;
        bottom: 10%;
    }
    .menu-outer.open{
        position: fixed;
        right: 5%;
    }
    .menu-outer{
        z-index: 3;
        position: static
    }
    .menu-area.open-inner {
        background: linear-gradient(180deg, #1F1E29 3.74%, #141416 100%);
        transition:all .5s ease-in-out;
        top: 0;
        left: 0;
        z-index: 2;
    }
    
    .menu-area #logo {
        display: none;
    }

    .spacing {
        margin: 40px;
    }
    .main-section {
        /* background-image: url(/img/hero-img-sp.png), radial-gradient(25% 48.43% at 75% 51.57%, rgba(19, 20, 22, 0.8) 7.04%, #1A1A1C 78.87%); */
        background-image: url(/img/hero-img-sp.png), radial-gradient(25% 20.43% at 75% 51.57%, rgba(19, 20, 22, 0.8) 7.04%, #1A1A1C 78.87%);
        height: 100vh;
        background-size: contain;
        background-position: 100% 100%;
    }
    .allMob{
        display: none;
        margin-top: 10px !important;
    }
    
    #users{
        height: 55vh;
        background-image: url(/img/img-sp.png);
        /* background-size: contain; */
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;
    }

    #users h6 {
        font-weight: 700;
        font-size: 16.99px;
        line-height: 20px;
        margin: 0;
        position: absolute;
        top: 10%;
        width: 343px;
        height: 80px;
    }

    #users .row {
        display: flex;
        justify-content: center;
    }

    #hero .row {
        padding-bottom: 20px;
    }

    .notifyBtn a {
        text-decoration: none;
        margin: 10px 0;
    }

    .notifyBtn a :hover {
        color: white;
    }

    #term .modal-body,
    #privacy .modal-body,
    #notifyMe .modal-body {
        width: auto;
        height: auto;
    }

   


    .emailBox input {
        width: auto;
    }

    #notifyMe .modal-body h2 {
        font-size: 20px;
    }

    .emailBox label {
        font-size: 18px;
    }

    .subBtn {
        font-size: 18px;
        height: 40px;
        width: auto;
        margin-top: 0;
    }

    .emailBox input {
        padding: 12px;
        height: 45px;
    }

    #downloadpopup .modal-body {
        width: auto;
    }
    .details {
        flex-direction: column;
    }
    .details div ul {
        padding-left: 0rem !important;
    }

    .details ul li:nth-child(4) {
        margin-left: 0px;
    }
    .hoverbtns {
        visibility: visible;
    }
    .location-searchbar{
        display: block !important;
    }
    .menubar{
        display:block;
        position:fixed;
        width:100%;
        height:100%;
        transition:all .5s ease-in-out;
        right:-100%;
    }

    .menubar.open-inner {
        left: 0;
        z-index: 99;
        background: linear-gradient(180deg, #1F1E29 3.74%, #141416 100%);
        width: 376px;
        width: 100%;
        height: 818px;
        width: 100%;
        height: 100%;
        transition: all .5s ease-in-out;
        top: 0;
    }

    .menubar ul {
        flex-direction: column;
        position: absolute;
        top: 15%;
        padding-left: 0rem;
    }

    .menubar ul li {
        font-size: 20px;
        line-height: 24px;
        margin: 15px 15px;
        color: white;
        list-style: none;
        cursor: pointer;
    }

    .menubar {

        left: 100%;
    }

    .onhover {
        padding: 20px;
        margin: 10px auto;
        border: 1px solid #B8B8B8 !important;
        border: none;
       
    }
    #shopSuggestionsList {
        padding-right: 3px !important;
        padding-left: 3px !important;
    }
    .shadowIn_card{
        padding: 20px;
        margin: 10px auto;
        border: none !important;
        box-shadow: 0px 7px 20px 0px #504E7926 !important;

    }
  

    /* animation */

    #android img {
        width: 100%;
        height: 75%;
    }

    .turnright {
        position: relative;
        right: 220px;
    }

    .turnleft {
        position: relative;
        left: 200px;
    }

    #certified .modal-box h2,
    #certified .modal-box p {
        font-size: 16px;
        margin-top: 10px !important;
    }

    #certified .modal-box img {
        width: 100%;
        height: 100%;
    }
    #contact {
        height: auto;
    }
    #contact h4 {
        font-size: 35px;
    }

    .active.fadeInleft {
        animation: none !important;
        animation-play-state: paused !important;
        }
     #contact .contact-form{
        display: flex !important;
        flex-direction: column !important;
    }

    #contact .container {
        display: flex;
        flex-direction: column;
    }

    #contact .contact-icon {
        flex-direction: column;
        order: 2;
    }

    #contact form {
        order: 1;
        margin-top: 0px;
        padding: 0;
    }

    #contact p {
        font-size: 16px;
        line-height: 1.3;
    }
    .shops_navbar,
    .leftbar {
        flex-direction: column;
    }

    .shops_navbar,
    .leftbar {
        align-items: start;
        justify-content: flex-start;
    }
    .googleplayicon{
        display: none;
    }

    .topnavbar a:last-child {
        display: block;
    }

    .topnavbar {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    .shops_navbar {
        height: auto;
    }
    #social .contact-info div{
        margin: 10px 0;
    }

    #social .social-img-icon {
        flex-direction: column;
        height: 30vh;
    }

    .displyhideinpc {
        display: block !important;
    }

    .displyhideinsp {
        display: none !important;
    }

    .footer-links li:last-child {
        display: block;
    }

    .contact-bar {
        flex-direction: column;
    }

    .message-bar {
        padding: 0 !important;
    }

    hr:not([size]) {
        height: 0px !important;
        background-color: transparent !important;
    }

    .dropdown:before {
        margin-left: 0px;
    }

    .leftbar,
    .rightbar {
        margin-top: 20px;
    }

    .food-info {
        flex-direction: column !important;
    }

    #foodItem_info .food-images {
        flex-direction: column !important;
        height: auto !important;
    }

    .food-images .foodimgs img {
        width: inherit;
        max-width: 100% !important;
    }

    .food-images .firstimg img {
        max-width: 300px;
        max-width: 100%;
    }

    #foodItem_info .modal-body {
        /* padding: 40px 0; */
        padding: 30px 20px;
    }
    .close {
        top: 0;

    }
    .food-images .firstimg {
         padding-left: unset;
    }

    .shops_navbar .form-group {
        margin-left: 0px;
    }

    .rightbar {
        display: inline;
    }

    .callBtn,
    .directonBtn {
        width: 100%;
    }

    .firstimg {
        display: flex;
        justify-content: center;
    }

    #contact input[type=text] {
        width: 110% !important;
    }

    .loshemainweb {
        display: none !important;
    }

    .show_in_sp {
        display: block !important;
    }

    .govn-theme-icon {
        justify-content: space-evenly;
        align-items: center;
    }
    .slick-dots {
        bottom: -30px !important;
    }
    .venueDetail li span {
        font-size: 18px !important;
    }
    #shopDetail .shop-suggestion-card__name {
        font-size: 23px;
        line-height: 28px;
    }
    #android{
        padding: 0px 0px;
    }
    section {
        padding: 40px 0;
    }
    .hideinsp{
        display: block !important;
        text-align: center;
    }
    #social .row>div {
        padding: 8px;
    }
    .socialmediaicon h6 {
        padding-right: 0px;
    }
    #social .row{
        border-top: 1px solid gray;
    }
    .socialmediaicon{
        margin-top: 30px;
    }
    .hide_hrinsp{
        display: none;
    }
    .current-position,.search-box {
        width: 80% !important;
        /* margin: auto !important; */
    }
    .active.lineUp{
        animation:0.2s anim-lineUp ease-out
        }
    .swipe-language{
        height: 55vh;
        justify-content: space-evenly;
    }
    .current-position{
        padding: 15px 20px;
    }
    .accordion-button {
        padding: 1rem 0 !important;
    }
    #contact .container {
        max-width: 90% !important;
    }
    #certified .logoImg{
        text-align: center;
    }
    .fooditem{
        flex-direction: row;
    }
    .name-time{
        flex-direction: column;
        align-items: start;
        margin-bottom: 20px;
    }
    #foodItem_info h4{
        line-height: 1;
    }
    .open-close-day {
        margin-top: 20px;
    }
    .open-close-day li {
        margin: 8px 0;
    }
    #shopDetail .container{
        width: 95% !important;
    }
    .modal_title {
        font-size: 1.5rem;
    }
    #term .modal-body {
        padding: 10px 20px 20px 20px;
    }
    #privacy .modal-body {
        padding: 10px 20px 20px 20px;
    }
    .aboutDiv .hide{
        display: block !important;
    }
    .aboutDiv .hideThis_sp{
        display: none;
    }
    button.close{
        position: absolute;
        top: 1%;
        right: 5%;
    }
    .seemore-blogs .slick-dots {
        padding-left: 0rem;
        display: inline;
    }
    .blog-sub-title{
        font-size: 16px;
        line-height: 16px;
    }
    .view-blogs .row:first-child >img{
        padding-right: calc(var(--bs-gutter-x) * 0) !important;
        padding-left: calc(var(--bs-gutter-x) * 0) !important;
    }
    .view-blogs img{
        display: none;
    }
    .blogImage-sp{
        display: block !important;
        margin-top: 40px;
    }
    .blogImage-sp img{
        width: 100%;
    }
    #blog .container {
        margin-top: 10px;
    }
    .blog-title{
        font-size: 24px;
        line-height: 28.8px;
    }
    .blog-content{
        font-size: 14px;
        line-height: 18.16px;
    }
    .seemore-blog-title {
        font-size: 20px;
        line-height: 28px;
    }
    .seemore-blog-content {
        font-size: 15.65px;
        line-height: 24.101px;
    }
    .seemore-blogs .slick-list {
        border-radius: 7.825px;
        border: 0.391px solid gray;
        background: #FFF;
        box-shadow: 0px 6.25996208190918px 15.649904251098633px 0px rgba(80, 78, 121, 0.16);
    }
    .seemore-blogs .slick-track {
     padding: 10px;
    }
    #about .slick-dots li.slick-active button:before{
        font-size: 10px;
        color: black;
    }
    .seemore-blogs .slick-dots li.slick-active button:before {
        font-size: 10px;
        color: blueviolet;
    }
}

.shop-suggestion-card .shop-suggestion-card__image {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    object-position: center center;
}



/* loader */
.addCurrentLocation_container {
    display: flex;
    background-color: #fff;
    width: 400px;
}

.hide {
    display: none;
}

.lds-ring {
margin-top: 10px;
}
  .lds-ring div {
    margin-bottom: 50px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 26px;
    height: 26px;
    border: 4px solid gray;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: gray transparent transparent transparent;
  }
  .lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
  }
  .lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
  }
  @keyframes lds-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }