@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap');

*{margin: 0;padding: 0;box-sizing: border-box;scroll-behavior: smooth;}
body{font-family: 'Jost', sans-serif; color: #0b0b0c;}
::selection {color: #fff;background: #ed3d6c;}
a {display: inline-block;text-decoration: none;transition: all ease 0.5s;color: #0b0b0c;}
a:hover{color: #0b0b0c;text-decoration: none;}
ul{margin: 0;padding: 0;list-style: none;}
section{padding: 3.75rem 0;}
img{width: 100%!important;height: 100%!important;}
.btn.whatsapp-btn{margin-left: 1rem;background: #00a759;border-color:  #00a759; color: #fff !important;}
.btn.whatsapp-btn:hover{color: #000 !important;}
.btn {color: #000;background:#EBDCCB /*#ed3d6c*/;border: 1px solid #EBDCCB;transition: .3s; border-radius: 30px;padding: 0.3rem 1.7rem!important;display: inline-block;align-items: center;}
.btn a{padding: 0;color: #000;}
.btn:hover{background: #fff;}
.btn:hover a{color:  #000;}
span{color:#ed3d6c;font-size: 1.5rem;font-weight: bold;margin-bottom: 12px;}
.heading {font-weight: bold;font-size: 2.4rem;margin-bottom: 1rem;line-height: 1;margin-top: 5px;color: #35ada7;}
.para-md{font-size: 1.125rem;line-height: 1.4;color: #343537;}
section{padding: 5rem 0;}
.bgpink{background-color: #fef8ea;}

header{ position: absolute; top: 0; width: 100%; z-index: 2;}
.main-header{display: flex;align-items: center;padding: .9rem 3rem;}
.main-header .logo{width: 11rem;/* margin-bottom: -4rem; *//* z-index: 2; */filter: brightness(100);}
.main-header .logo img{width: 100%;}
.main-header ul{display: flex;margin-left: auto; align-items: center; margin-top: -15px;}
.main-header ul li{padding: .1rem 0;}
.main-header ul li a{padding: 0 0.9rem;font-size: 1.125rem;cursor: pointer;color: #fff;}
.main-header ul li .btn{margin-left: 0.8rem; color: #000;}
.phone-menu{display: none;}

.bannerimg { position: relative; }
.bannertext {position: absolute;top: 50%;max-width: 50%;left: 10%;transform: translateY(-50%);z-index: 1;}
.bannertext h1{font-size: 4.5rem;color: #fff;line-height: 1;font-weight: 600;}
.bannertext .btns{/* padding: 0.6rem 4rem!important; */font-weight: 600;margin-top: 1rem;font-size: 1.3rem;display: flex;}

.abt-content{text-align: center;margin-right: 3rem;position: relative;padding: 0;}
/*.abt-content:before{content: "";position: absolute;background-image: url(../images/bg.png);bottom: 0;left: 0;z-index: 10;height: 100%;width: 100%;background-repeat: no-repeat;}
*/.about-sec{display: flex;align-items: center;margin: 0 -10px;}
.abt-content { width: 50%; padding: 0 5px;}
.about-img{width: 50%;}
.abtimg{position: relative;height: 320px;width:100%;/* border-radius: 50%; *//* padding: 35px; */margin: 0;}
/*.abtimg:before { content: ""; position: absolute; height: 70px; width: 70px; background: #35ada7; bottom: 10%; left: -7%; border-radius: 50%; }
*//*.abtimg:after {content: "";position: absolute;height: 90px;width: 90px;background: transparent;border: 17px solid #fff;bottom: -10%;right: 8%;box-shadow: 0px 0px 27px 0px rgb(228 213 213 / 64%);border-radius: 50%;}*/
.abtimg img{height: 100%;width: 100%;object-fit: cover;/* border-radius: 50%; */}

.testimonial{position: relative;}
.testimonial h2{text-transform: uppercase;}
.testimonial:before{content: "";background-image: url(../images/bg.jpg);height: 100%;width: 100%;position: absolute;text-align: top;bottom: 0;left: 0;background-position: center left;background-repeat: no-repeat;}
.testimonial .testimonialswiper span{font-size: 1rem;}
.testimonialswiper { width: 70%; margin: 0 auto; text-align: center; }
.testimonial .text-center{position: relative;}
.testimonial .commo-img{background: url(../images/comma.png); width:73px; height:73px; background-repeat: no-repeat; margin:1rem auto;}

.slidebtn{display: flex;flex-direction: row-reverse;justify-content: center;margin-top: 3rem;}
.slidebtn .swiper-button-next, .swiper-button-prev{position: static;color: #000;}
.slidebtn .swiper-button-next:after, .swiper-button-prev:after{font-size: 20px;}

#menu{background: #000;}
#menu .heading{color:#fff;text-align: center;margin-bottom: 2rem;}
#menu{background: url("../images/menu_banner.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover;}
.gallerysec .title{margin-bottom: 3rem;}
.gallerysec ul{/*display: flex;*//* padding: 0; *//* height: 500px; *//* overflow: hidden; *//*flex-wrap: wrap;*/}
.gallerysec ul li{width: 33.3%;padding: .7rem;/* border-radius: 30px; */}
.gallerysec ul li a{width: 100%;height: 300px;position: relative;border-radius: 30px;}
.gallerysec ul li img{height: 100%;width: 100%; object-fit: cover; border-radius: 30px;}
.gallerysec ul li a:after{content: "";position: absolute;transition: .3s;background:rgb(237 61 108 / 70%);width:100%;height: 0%; top:0;border-radius: 30px;left: 0;display: block;}
.gallery-content {transition: .3s;opacity: 0;position: absolute;text-align: center;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;font-size: 2rem;font-weight: 600;width: 100%;z-index: 1;}
.gallerysec ul li.hover:hover a:after {height: 100%;}
.gallerysec ul li.hover:hover .gallery-content {opacity: 1;}
.inner-gallery {flex-direction: column;}
ul.inner-gallery li{width: 100%;min-height: 250px;max-height: 50%;}
.gallerysec  .search { height: 100%; width: 40px; display: flex; justify-content: center; align-items: center; margin: 0 auto; }
.food-gall {padding: 3rem 0;}
.food-gall .heading{text-align: center;}

footer{background-color: #EBDCCB;padding-top: 2.5rem;}
.footerlinks ul li a img{filter: invert(1);}
footer h2{color: #fff;max-width: 60%;margin: 0 auto;text-align: center;font-size: 2rem!important;}
.newlettersec{width: 100%;clear: left;/* margin-bottom: 45px; */margin: 0 auto;text-align: center;}
.newlettersec .newsletterbox{/* max-width: 500px; */margin: 2rem auto 1rem; border-radius:40px;display: inline-block;padding: 3px;border: 2px solid #f7c042;text-align: center;margin: 0 auto;/* display: flex; */} 
.newsletterbox input{outline: none!important; width: calc(100% - 150px); border:none; background:0 0;color: #f7c042;height: 38px; box-sizing:border-box; padding:10px 40px;font-size: 17px;border-radius:40px; vertical-align:middle;} 
.newsletterbox button{line-height: 3.2; background:#fff; border-radius:40px;font-size: 13px; color:#000;font-weight: 600;background: #f7c042;width: 150px;height: 38px; cursor:pointer; text-align:center;text-transform: uppercase; border:none; vertical-align:middle;float: right;}
.newsletterbox input::placeholder{color: #f7c042}
.newlettersec .newsletterbox p { margin-bottom: 0; padding: 0.3rem 1.5rem; font-size: 1rem; }
.footerlinks ul{display: flex;justify-content: center;}
.footerlinks ul li{padding: 0 10px;}
.copyright{color: #000;text-align: center;margin-top: 1.5rem;margin-bottom: 0;}

#contact{padding: 3rem 0;}
.contactlist { display: flex; justify-content: space-between; text-align: center; }
.contactlist>div {width: 33.33%;} 
.contactlist h3 { color: #35ada7; font-size: 1.5rem; }
.phone-main {width:65px;height:65px;background:#00a759;display: grid;place-items: center;border-radius: 50%;position: fixed;right: 1%;bottom: 100px;border: 2px solid #fff;z-index: 1;}
.phone-menu span{transform-origin: right;}
.menu-opened .phone-menu span:nth-child(1){transform: rotate(-45deg); transform-origin: right;}
.menu-opened .phone-menu span:nth-child(2){opacity: 0;}
.menu-opened .phone-menu span:nth-child(3){ transform: rotate(45deg); transform-origin: right;}
.ig_post_details { padding: 1rem; background: #fef8ea; }
.ig_post_container img, .ig_post_container video { height: 16.25rem!important; object-fit: cover; }
.ig_view_link {color: #fff; text-align: center; background: #EBDCCB;border: 1px solid #EBDCCB;transition: .3s;border-radius: 30px;padding: 0.6rem 1.7rem!important;display: inline-block;align-items: center;width: 199px;/* display: flex; */margin: 1rem auto 0;}
.ig_post_details > div { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; /* display: block; */}
.ig_view_link a{color: #000;}
.ig_post_details strong{color: #ed3d6c;}
.swiper-pagination{position: static;margin: 2rem auto 0;}
.swiper-pagination-bullet-active{background: #ed3d6c;}
.swiper-pagination-bullet{background:#ed3d6c;width: 11px;height: 11px;}
.tab-container { width: 100%; /* min-height: 300px; */ /* border: 1px solid #fc7904; */}
.tabs { display: flex; /* overflow: scroll; */ /* padding: 0 10rem;*/ justify-content: center;}
.tabs button { width: 100%;padding: 11px 20px 5px; cursor: pointer; font-size: 1.125rem;background-color: transparent; opacity: 0.9; border: none; font-weight: 500; color: #000;}
.tabs button:hover {opacity: 1;}
.tabs .active {color: #ed3d6c; background: url(../images/underline.png); background-repeat: no-repeat; background-position-x: center; background-position-y: bottom;}
.hidden {display: none;}
.menu-container .swiper-pagination-bullet{background: #fff !important; opacity: 1 !important; border: 3px solid;width: 18px;height: 18px;}
.menu-container .swiper-pagination{transform: none !important; }
.instaSlider .swiper-pagination{transform: none !important;}
@media (max-width: 1200px){
.bannertext h1{font-size: 3.5rem;}
.heading{font-size: 2rem;}
.abtimg {height: 420px;width: 420px;}
.para-md{font-size: 1rem;margin: 0;}
}
.menu-lists{width: 50%;}
.menu-lists-top{display: flex; margin-left: -8px; margin-right: -8px;}
.menu-lists ul {padding: 0 30px;}
.menu-lists ul li:last-child{border: none;}
.menu-lists ul li{display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px dotted #a0a0a1;}
.menu-lists ul li p{font-size: 1.063rem;     margin-top: 1rem; margin-bottom: 0.8rem;}
.menu-lists ul li p:nth-child(2){font-weight: 600; color: #6b6b6d; font-size: 1.125rem;}
.dinner-list{background: #f9f9f9;}
.tabin{display: flex; padding-top: 20px; position: relative; z-index: 2;}
.heading_menu_list { text-align: center; padding: 20px 30px;}
.heading_menu_list h2 { font-size: 22px; border-bottom: 5px; font-weight: 700; border-bottom: 3px solid #f0ebe4; padding-bottom: 10px;}
.dinner-list{position: relative;}
/*.dinner-list:after { content: ""; position:absolute; left: 0; width:100%; height: 63px; background: #f9f9f9; bottom: 100%; z-index: 1;}*/
video {  object-fit: cover; object-position: bottom center;}
.gallery-content{display: none;}
.gallerysec ul li a:after{display: none;}
.gallerysec ul li img{transition: 0.8s ease;}
.gallerysec ul li img:hover{transform: scale(1.2);}
.gallerysec ul li a{overflow: hidden;}

.mutebtn{position: absolute;left: 15px;bottom: 35px;width: 40px;}
.mutebtn .img_muted{ width: 40px;height: 40px;display: block;background-image: url(../images/mute.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
.mutebtn.active .img_muted{background-image: url(../images/unmute.png)}

@media (max-width: 991px){
.resContainer{max-width: 920px;}
.menu-lists ul{padding: 0 20px;}
.heading_menu_list{padding: 20px 20px;}
.bannertext h1{font-size: 3rem;}
.bannertext h1 br{display: none;}
.bannertext .btn{padding: 0.4rem 2rem!important;}
.about-sec{flex-direction: column;}
.about-img{display: flex;justify-content: center;margin-top: 2rem;}
.about-img, .abt-content{width: 100%;}
footer h2 {max-width: 80%;}
.btn{padding: 0.3rem 1.7rem!important;}
.gallery-content{font-size: 1.125rem;}
.abt-content{margin-right: 0;}
section { padding: 4rem 0; }
.phone-menu span {width: 24px;height: 2px;background-color: #ed3d6c;display: block;transition: all ease .5s;margin-bottom: 0;}
.phone-menu span:nth-child(2) { margin: 6.5px 0; }
.phone-menu { z-index: 5; }
.phone-menu {display: block;margin-right: 1rem;cursor: pointer;position: absolute;right: 0;top: 22px;}
.main-header ul { position: fixed; right: 0; display: flex; flex-direction: column; z-index: 2; top: 0;transform: translateX(100%); background: #fff; /*height: 100%*/; bottom: 0; align-items: baseline; transition: all ease 0.5s; padding: 5rem 5rem 3rem 2.5rem; }
.main-header ul li { padding: 0.9rem 0; }
.menu-opened  .main-header ul{transform: translateX(0)}
.menu-opened .main-header ul li a{color: #000;}
.menu-opened .main-header ul li .btn{color: #000;}
.menu-opened{overflow: hidden;}
}

@media (max-width: 768px){
.tabs{padding: 0 3rem;overflow: scroll;}
.menu-lists ul li{display: block;}
}

@media (max-width: 750px){
.gallerysec ul li a{height: 250px;}
.gallerysec>ul>li:nth-child(1) .inner-gallery>li, div#food-gallery>ul>li:nth-child(1){display: block;}
section, footer, #contact , .food-gall{padding: 2rem 0;}
footer h2{max-width: 100%;}
.newlettersec .newsletterbox {margin: 2rem auto 0;}
.heading{font-size: 1.5rem!important ;}
.main-header .logo{/* margin-bottom: -3rem; */width:8rem;}
.bannertext{max-width: 100%;}
.bannertext h1{font-size: 2rem;}
.bannertext .btn{font-size: 1.1rem;padding: 0.4rem 1.5rem!important}
.bannerimg {height: 250px; position: relative;}
.bannerimg img{object-fit: cover;}
.main-header{padding: .9rem 1rem;}
.menu-opened .phone-menu {position: fixed;}
.contactlist{justify-content: center;flex-wrap: wrap;}
.contactlist>div{width: 50%;}{padding: 2rem 0;}
.food-gall {padding: 0.5rem 0;}
}

@media (max-width: 489px){
.tabin{left: 25px;}
.heading_menu_list h2{font-size:18px;}
.bookingbtn a{padding: 0.3rem 1rem !important;}
.bookingbtn{ display: flex; justify-content: center;}
.tabs button{padding: 10px 12px;}
.heading {font-size: 1.125rem!important;margin-bottom: 1rem!important;}
.newlettersec {/* margin-bottom: 30px; */}
.newsletterbox input {padding: 10px;width: calc(100% - 120px)}
.newsletterbox button {width: 120px;}
.abtimg{height: 300px;width: 100%; }
.abtimg , .abtimg img{ border-radius: 0;}
.abtimg:after{background-image: none;/* border: 2px solid #f7c043; */}
.contactlist>div{width: 100%;}
.bannertext .btn{font-size: 1rem;padding: 0.4rem 1rem!important;}
.abtimg:before{display: none;}
.gallerysec ul li {width: 50%;}
.abtimg:after{display: none;}
}

@media(max-width: 395px){
.mutebtn { position: absolute; left: 5px; bottom: 55px;}
.bookingbtn{margin-top: 0 !important;}
}