/* HEADER */
.bydHeader{
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    z-index: 22;
}

.logo img{
    width: 120px;
}
.hdRw{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mainMenu ul{
    display: flex;
    align-items: center;
    gap: 40px;
}

.mainMenu li a{
    color: #fff;
}


/* HERO */
.bydHero{
    background-image: url(../assets/hero.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height:1000px;
    position: relative;
    display: flex;
align-items: center;

}
.bydHero::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   background: #ffffff;
background: linear-gradient(278deg, rgba(255, 255, 255, 0) 0%, rgba(10, 10, 10, 1) 100%);

}
.heroCont {
    position: relative;
    z-index: 2;
    color: #fff;
}
.heroCont h1{
    font-size: var(--heading-size);
    line-height: 1;
    margin-bottom: 0;
}
.heroCont h1 span{
	display:block;
}

.heroCont h2{
    font-size: 28px;
	margin-top:8px;
    font-weight: 600;
	max-width:500px;
}

.heroCont a{
    display: block;
    width: fit-content;
    padding: 12px 34px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 40px;
    margin-top: 30px;
    transition: all 0.3s ease;
}
.heroCont a:hover{
    background-color: var(--prime-color);
    color: #fff;
    border: 1px solid var(--prime-color);
}

.marquee-container {
  background: #4a2600;
  transform: skewY(-3deg);
  overflow: hidden;
  white-space: nowrap;
  padding: 2rem 0;
  position: relative;
  margin-top: -60px;
  font-family: var(--heading-font);
}

.marquee {
  display: inline-block;
  white-space: nowrap;
  will-change: transform;
  font-size: 60px;
  font-weight: bold;
  color: white;
}

.marquee span {
  display: inline-block;
  margin: 0 5rem;
}

/* ABOUT SEC */

.secTitle h2{
    margin-bottom: 38px;
    font-size: var(--sec-title)
}

.abtImgLg{
    margin-bottom: 24px;
}

.abtCont > p{
    margin-bottom: 14px;
}

.abtPgCont .col-md-12{
	padding-left:0;
	padding-right:0;
}
.be-abtImg{
	margin-top:30px;
	height:630px;
/* 	border-radius:20px; */
/* 	overflow:hidden; */
}
.be-abtImg img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.primeBtn a{
    color: #fff;
    background-color: var(--prime-color);
    padding: 12px 34px;
    border-radius: 40px;
    margin-top: 24px;
    width: fit-content;
    display: block;
    transition: all 0.3s;
}
.primeBtn a:hover{
    background-color: #fff9f3;
    color: var(--prime-color);
}
.abtCont img{
    width: 100%;
}
.extra-content {
  display: none; /* hidden initially */
}
.extra-content > p{
	margin-bottom:14px
}
.slImg{
	position:relative;
	overflow:hidden
}
.slImg img{
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover
}
.slImg::after{
	content:"";
	display:block;
	padding-top:140%;
}
/* FEATURED MENU */
.bydFeatMenu{
    position: relative;
    background-image: url(../assets/bg.webp);
    background-size: cover;
    background-repeat:  no-repeat;
    margin-top: 100px;
    padding-bottom: 100px;
    
}

.bydFeatMenu .secTitle h2{
    text-align: center;
}
.ftMn{
    display: flex;
    gap: 15px;
     border-bottom: 3px dotted #c9a67d;
    padding: 1rem 0;
    
}
.ftMnImg{
    width: 20%;
	height:100px;
    overflow: hidden;
    border-radius: 12px;
    line-height: 0;
    border: 2px solid var(--prime-color);
}
.ftMnImg img{
    width: 100%;
	height:100%;
    object-fit: cover;
	object-position:center
}

.ftMnCnt h3{
    font-size: 26px;
}
.ftMnCnt p{
    
     color: #444444;
    line-height: 1.4;
    word-break: break-word;
}
.ftMnCnt .cnt p{
	font-size: 14px;
	margin-top:4px
}
.ftMnCnt{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.ftMnCnt .cnt{
    width: 60%;
}
.ftMnPrice p{
    font-family: var(--heading-font);
    font-weight: 700;
    font-size: 26px;
    color: #000;
   
}

.ftrMnuDetCont{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 3rem;
}
.ftrMnuDetCont p{
    width: 70%;
}
.ftrMnuDetCont a{
    margin-top: 0;
}
.cfelft{
    position: absolute;
    left: -130px;
    top: -130px;
    z-index: 2;
}
.cfergt{
    position: absolute;
    top: 80px;
    right: 0;
    z-index: 2;
}
.cfergt img{
    width: 200px;
}
.cfebtm{
    position: absolute;
    bottom: 0;
    left: -130px;
        transform: scaleX(-1);
}

/* ABOUT 2 */
.bydAbt{
    background-image: url(../assets/The-beeyond-Cup.webp);
    background-size: cover;
    background-repeat: no-repeat;
    height: 768px;
    display: flex;
    align-items: center;
    padding-bottom: 80px;
}
.bydAbtContain{
    background-color: #000000b8;
    border: 1px solid #fff;
    border-radius: 34px;
    padding: 45px;
    color: #fff;

}

/* QUALITY */
.qltyImg {
    line-height: 0;
    overflow: hidden;
    border-radius: 24px;
}
.bydQlty{
    position: relative;
}
.bydQlty .row{
    align-items: center;
}
.bydQlty p{
    margin-bottom: 14px;
}
.bydQlty p:last-child{
    margin-bottom: 0;
}
.qltyCont .secTitle h2 span{
    display: block;
}
.bisBtmLft{
    position: absolute;
    bottom: -60px;
    left: 0;
}
/* TESTIMONIAL */
.orBs{
    position: absolute;
    top: 0;
    right: 0;
}
.orBs img{
	width:140px;
	transform:scaleX(-1)
}
.bydTestimonial{
    position: relative;
}
.bydTestimonial .secTitle h2{
    text-align: center;
}
.stars{
    color: var(--prime-color);
    margin-bottom: 4px;
}
.tstCont{
/* 	border:1px solid #4a2600; */
	border-radius:10px;
	height:230px;
	padding:15px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.tstCont h3{
    font-size: 25px;
    margin-bottom: 2px;
}
.tstCont .author{
    font-size: 20px;
    font-family: var(--heading-font);
    font-weight: 500;
    margin-top: 8px;
}

.bydTestimonial .swiper-pagination{
    bottom: 20px !important;
}
.bydTestimonial  .swiper-pagination-bullet{
    width: 14px;
    height: 14px;
    background-color: var(--prime-color);
}
.testimonials-slider{
    padding: 90px 0 !important;
    padding-top: 40px !important;
}
.tstCont .content{
    line-height: 1.5;
}
/* FOOTER */

.bydFtr{
    background-image: url(../assets/footer.webp);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 400px;
    margin-top: 70px;
    position: relative;
    padding-top: 180px;
}
.cne{
   position: absolute;
    top: -60px;
    right: 60px;
}
.cne img{
    width: 220px;
}
.ftrLogo img{
    width: 140px;
}
.ftrLogo{
    width: 20%;
}
.ftrTpTxt{
    width: 60%;
}
.ftrTp{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ftrTpTxt h3{
    font-size: 40px;
    font-weight: 500;
}

.ftrTpTxt h3 span{
    display: block;
}
.ftrSocial ul{
    display: flex;
    align-items: center;
    gap: 14px;
}

.ftrSocial li a{
    background-color: var(--prime-color);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    transition: all 0.3s linear;
}
.ftrSocial a:hover{
    background-color: #fff9f3;
    color: var(--prime-color);
    font-size: 24px;
}
.ftrContain {
    padding-top: 60px;
}
.ftrContain h4{
    font-size: 20px;
    margin-bottom: 21px;
    font-weight: 600;
}
.ftrContain p,
.ftrContain a{
    font-size: 16px;
    font-weight: 500;
}
.copyRight{
    text-align: center;
    margin-top: 100px;
    padding-top: 20px;
    padding-bottom: 10px;
    border-top: 1px solid #cc955d33;
}
.copyRight p{
    font-size: 14px;
}
.ftrLink li:nth-child(1) a{
    font-weight: 700;
}
.ftrLink li a{
        font-weight: 500;
}

/* ABOUT PAGE */
.pgeHdr{
    background-size: cover;
    background-repeat: no-repeat;
    height: 640px;
    position: relative;
    background-position: bottom;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.abtPgSec{
    position: relative;
}
.crossmg{
    position: absolute;
    bottom: -150px;
    left: 0;
}
.crossmg img{
    width: 300px;
}

.abtPg{
    background-image: url(../assets/pge/abt2.webp);
}
.pgeHdr .secTitle h1{
    color: #fff;
    font-size: 70px;
    text-align: center;
}
.pgeHdr .secTitle h1 span{
    display: block;
    line-height: 1;
}
.abtPgCont{
    margin: auto;
	text-align:center;
}
.abtPageCntRow{
	text-align:left;
}
.abtPgCont h2{
    font-size: var(--sec-title);
    margin-bottom: 20px;
    line-height: 1.2;
	text-align:center
}
.abtPgCont h2 span{
    display: block;
}
.cfebn{
    background-image: url(../assets/cfee.png);
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: auto;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 65px;
    max-width: 115px;
    display: inline-block !important;
    background-color: #fff9f3;
    border-radius: 40px;
    position: relative;
    top: 12px;
}
.abtPgCont p span{
    color: var(--prime-color);
}
.abtPgCont p{
    margin-bottom: 14px;
}

.bydExp .secTitle h2{
    text-align: center;
}
.bydImg img{
    height: 368px;
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: center;
}
.bydExpBlk h3{
    font-size: 24px;
    margin-top: 8px;
}

/* MENU */

.mnuPg{
    background-image: url(../assets/pge/menu.webp);
}

.bydMnuSec .ftMnImg{
    width: 20%;
    height: 105px;
}

.bydMnuSec .ftMn{
    gap: 23px;
    border:none;
    padding: 10px;
}
.bydMnuSec .ftMnCnt .cnt {
    width: 70%;
}
.bydMnuSec .ftMnCnt p{
	font-size:14px;
	    word-break: break-word;
}
.bydMnuSec .ftMnCnt h3{
	margin-bottom:4px
}
.bydMnuSec .ftMnPrice p{
    color: var(--prime-color);
	font-size:23px;
}
.bydMnuSec .ftMnImg img{
    height: 100%;
}


.menuBlk{
        border: 1px solid #ffe2c6;
    border-radius: 22px;
	margin-bottom:24px;
}
.sbi_header_text{
    display: none !important;
}
#sb_instagram .sbi_photo img{
    border-radius: 12px;
    overflow: hidden;
}

/* BLOG */
.blgPg{
    background-image: url(../assets/pge/blog.webp);
}
.blgImg {
    position: relative;
    overflow: hidden;
    margin-bottom: 14px;
    border-radius: 12px;
}
.blgImg::after{
    content: "";
    padding-top: 80%;
    display: block;
}

.blgImg img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.3s;
}

.blgHd h2{
    font-weight: 600;
    font-size: 22px;
}
.blgBlk{
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 24px;
}
.rdMre{
    margin-top: 4px;

line-height: 1.5;
font-size: 14px;
color: #444444;
}
.rdMre a{
    margin-top: 12px;
}
.blgBlk:hover .blgImg img{
    transform: scale(1.04);
}
.blgInContain{
    max-width: 1200px;
    margin: auto;
}
.blogInImg img{
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}
.blogInImg{
    position: relative;
    overflow: hidden;
    border-radius:24px;
}
.blogInImg::after{
    content: "";
    display: block;
    padding-top: 60%;

}
.blgInContain{
    padding-top: 40px;
}
.blogInCont{
    margin-top: 14px;
}
.blogInCont h2{
    font-size: 30px;
    margin-bottom: 8px;
}

/* CONTACT */
.cntPg{
    background-image: url(../assets/pge/contact.webp);
}
.cntInfHd h2{
    font-size: 40px;
}
.cntInfHd p{
    color: #585858;
}
.cntInfBlk{
    background-color: #fff1e3;
    border-radius: 14px;
    padding: 20px;
    margin-top: 10px;
    max-width: 550px;
}
.bydContact{
    max-width: 1200px;
    margin: auto;
}
.cntProf h4{
    font-size: 18px;
    margin-bottom: 6px;
    font-family: var(--text-font);
    font-weight: 600;
}

.cntProf{
    margin-bottom: 24px;
}

.cntProf p, .cntProf a {
    font-size: 16px;
    line-height: 1.5;
}
.cntRw{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cntProf{
    width: 50%;
}
.cnt-pl{
    padding-left: 40px;
}
.cntProf .ftrSocial{
    padding-top: 0;
}
.cntFrmBlk{
    margin-top: 30px;
}

.frmInp input,
.frmInp textarea{
    width: 100%;
    padding: 12px;
    border: 1px solid #c7c7c7;
    border-radius: 6px;
    display: block;
    margin-bottom: 12px ;
    transition: all 0.3s;
    font-size: 16px;
}
.frmInp input:focus,
.frmInp textarea:focus{
outline: none;
border: 1px solid var(--prime-color);
}
.frmInp textarea{
    min-height: 120px;
    resize: none;
}

.frmInp input[type="submit"]{
    border: none;
    background-color: var(--prime-color);
    color: #fff;
    border-radius: 40px;
    cursor: pointer;
    transition: all 0.3s;
}
.frmInp input[type="submit"]:hover{
    background-color: #ffe2c6;
    color: #000;
}
.cntFrmBlk .col-md-6,
.cntFrmBlk .col-md-12{
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.map{
    margin-top: 24px;
    overflow: hidden;
    border-radius: 14px;
    line-height: 0;
}
.cntFrmBlk .wpcf7-not-valid-tip{
    font-size: 14px;
    margin-bottom: 4px;
    margin-top: 2px;
}
.cntFrmBlk .wpcf7 form.invalid .wpcf7-response-output{
    margin: 0 !important;
    background-color: #fff7e3;
    border: none;
    padding: 8px;
    border: 4px;
    font-size: 14px;
}
.cntFrmBlk .wpcf7-spinner{
    width: 18px;
    height: 18px;
    background-color: var(--prime-color);
}

.cntFrmBlk .wpcf7 form.sent .wpcf7-response-output{
 margin: 0 !important;
    background-color: #dbffde;
    border: none;
    padding: 8px;
    border: 4px;
    font-size: 14px;
    color: #1d9128;
}

.cntFrmBlk .wpcf7 form .wpcf7-response-output{
     margin: 0 !important;
    background-color: #fff1d3;
    border: none;
    padding: 8px;
    border: 4px;
    font-size: 14px;
    color: var(--prime-color);
}

#sb_instagram .sbi_follow_btn a{
	padding:12px !important;
	border-radius:40px !important;
	font-size:16px !important;
	font-family:var(--text-font) !important;
}
#sb_instagram .sbi_follow_btn a:hover{
	background-color:rgb(255 246 234) !important;
	color: var(--primary-color) !important;
}

.menuBtn a{
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: var(--prime-color);
    width: 70px;
    height: 70px;
    z-index: 2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menuBtn img{
	width:30px
}
.menu-filter{
	margin-bottom:24px
}
.menu-filter button,
.filter-btn{
	background-color: #fff7e3;
	border-radius:45px;
	border:none;
	padding:12px 24px;
	cursor:pointer;
	transition:all .6s cubic-bezier(.75,0,.175,1);
	margin:0 6px;
	margin-bottom:12px;
    font-family: var(--heading-font);
	font-weight:500;
	font-size:18px;
}
.menu-filter button:hover
.filter-btn:hover{
	background-color:var(--prime-color);
	color:#fff
}

.menu-filter .active{
		background-color:var(--prime-color);
	color:#fff
}
.menu-filter-mobile{
	display:none;
}
#menu-filter-select{
	  -webkit-appearance: none; /* iOS Safari */
  appearance: none;
	background-color:#fff !important;
	border:1px solid #ccc !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'><path fill='black' d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 18px 18px;
	color:var(--prime-color);
  outline: none;
}

.not-found{
	padding-top:180px;
	text-align:center;
}