:root{
  --purple:#4a1b4d;
  --deep-purple:#34113f;
  --orange:#ff9b2b;
  --cream:#fbf3e7;
  --white:#fff;
  --muted:#7a6a78;
}
.metamorphous-regular {
  font-family: "Metamorphous", serif;
  font-weight: 400;
  font-style: normal;
}

*{box-sizing:border-box}
body{margin:0;font-family: "Metamorphous", serif; font-weight: 400; font-style: normal;background:var(--cream);color:#222;line-height:1.5;}
.container{max-width:1400px;margin:0 auto;padding:0 18px}

/* Buttons */
.btn{display:inline-block;padding:10px 18px;border-radius:10px;text-decoration:none;font-weight:700;transition:all .3s ease}
.btn.primary{background:#af4039;color:#fff;margin-bottom: 30px;}
.btn.primary:hover{transform:translateY(-3px)}

/* Header */
.site-header{background:linear-gradient(180deg,var(--deep-purple),#5a2a5f);color:var(--white);overflow:hidden;}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0;}
.nav-desktop a{color:#ffd;border:none;text-decoration:none;margin-left:18px;font-weight:600;transition:color .3s;}
.nav-desktop a:hover{color:var(--orange)}
.nav-toggle{display:none;background:none;border:0;color:var(--white);font-size:24px;cursor:pointer}
img.brand-logo {
	width:350px;
}
/* Hero */
.hero{display:block; height: 80vh;align-items:center;justify-content:space-between;gap:20px;padding:40px 0;
background-image:url(images/banner-House.png);background-repeat:no-repeat;background-position:right;
}
.hero-left{flex:1}
.hero-title{font-size:45px;color:#ffa900;margin:0;padding-top:30px;    padding-bottom: 30px;}
.hero-cta{font-size:20px;color:var(--white);margin:12px 0;}
.hero-art{flex:1;position:relative;text-align:center;}
.hero-art img{width:100%;max-width:100%;}
.ghost{position:absolute;font-size:38px;animation:floaty 4s ease-in-out infinite;}
.ghost1{position:relative;font-size:38px;animation:floaty 4s ease-in-out infinite;}
.g1{top:10%;right:46%;}
.g2{top:30%;right:2%;animation-delay:1s;}
.g3{top:30%;right:2%;animation-delay:1s;}
.g4{top:80%;left:4%;animation-delay:0.1s;}
.g5{top:170%;right:12%;animation-delay:1s;}
.g6{ animation-delay:1s;}
.g7{top:80%;right:12%; animation-delay:1s;}
@keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}

/* Menu */
.menu-section{background:var(--cream);padding:40px 0;}
.menu-heading{text-align:center;font-size:26px;background:var(--purple);color:var(--white);display:inline-block;padding:10px 20px;border-radius:14px;margin-bottom:20px;}
.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;}
.menu-item{background:var(--purple);color:var(--white);padding:12px;border-radius:12px;display:flex;gap:12px;align-items:center;transform:translateY(20px);opacity:0;transition:all .8s ease;}
.menu-item img{width:64px;height:64px;border-radius:8px;object-fit:cover;right: 50px;
    position: absolute;}
.menu-item.visible{opacity:1;transform:translateY(0);    background: transparent;}
/* Menu grid*/
.menu-title1{
	font-size: 40px;
    color: #fff;
    text-align: center;
	    margin: 0px;
    padding-bottom: 20px;
	    padding-top: 20px;
}
.menu-gridbg{
	border-radius: 15px; padding: 30px;
	background-image: url(images/14-booknow-Bg.png);
    width: 100%;
    background-size: cover;
    background-position: bottom;
}
h2.menu-title {
    text-align: center;
    font-size: 35px;
    color: #4e1353;
}
.hsc{
	color:#ff9711;
}
.menu-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;padding-bottom: 130px;
    padding-left: 60px;
    padding-right: 60px;  
}
.mc2p{
	margin-right: 20px;
    margin-left: 14px;
}
.menu-column{background:var(--card);padding:18px;border-radius:12px;color:#fff}
.menu-item{display:flex;gap:12px;align-items:flex-start;padding:10px 0;}
.menu-item:last-child{border-bottom:0}
.mi-icon{width:48px;height:48px;flex:0 0 48px;border-radius:8px; display:flex;align-items:center;justify-content:center;font-size:20px;color:#8b5cf6}
.menu-item h4{margin:0;font-family:"Metamorphous", serif;font-size:24px;color:#f8bd49}
.menu-item p{margin:4px 0 0;font-size:16px;color:#fff;font-family:"Metamorphous", serif;}
/* Drip */
.drip{height:40px;background:var(--purple);mask-image:radial-gradient(circle at 20px 20px,transparent 18px,black 20px);}
/* sections */
.section{padding:28px 0}
.small-section{padding-top:10px}
.grid-2{display:grid;grid-template-columns:1fr 360px;gap:18px;align-items:center}
.grid-3{display:grid;grid-template-columns:1fr 1fr 360px;gap:18px;align-items:start}
.rounded-photo{width:100%;display:block;}
.sas h3{
	color:#4e1353;
	font-size:26px;
	margin:0px;
	    padding-left: 20px;
    display: flex;
}
.sas h4 {
    margin-bottom: 0;
	font-size:22px;
	    margin-top: 16px;
}
.sas p {
        margin-top: 10px;
    color: #666666;
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: 2px dashed;
    border-color: #ddd;
	min-height: 62px;
}
.col-3{width:33%;float:left;padding-left:20px;}
/* pricing */
 
section#pricing {
    display: flex;
	background:url(images/13-yellow-bg.png);
	
	background-size: cover;
    padding-top: 120px;
    background-repeat: no-repeat;
    width: 100%;
	    padding-bottom: 20px;
}
.card h4 {
    background-color: #4e1353;
    padding: 20px 35px;
    color: #fff;
    font-size: 30px;
	margin: 0px;
    border-radius: 10px 10px 0px 0px;
}
.cardbg{
	 background-color: #c23320; border-radius: 0px 0px 10px 10px; padding: 20px 0px;
}
hr.hr1 {
	border:none;
    border-bottom: 2px dashed #dd5341;
    margin: 10px 20px;   
}
.card p {
   
    color: #fff;
    font-size: 25px;
	margin: 0px;
    
}
.pricing-cards img{margin-left:-46%;}
.pricing-cards{display:block;gap:18px;flex-wrap:wrap}
.card{background:#fff;padding:18px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.06);flex:1;    margin-top: 12%;}
.card.highlight{background:linear-gradient(180deg,#fff,#ffefe0);border:2px solid var(--accent)}
/* Generic sections */
.section{padding:10px 0; margin: 20px 0px;   display: inline-block;}
.two-col,.three-col{display:grid;gap:20px;align-items:center;}
.two-col{grid-template-columns:1fr 420px;}
.three-col{grid-template-columns:1fr 1fr 420px;}
.photo-col img{width:100%;border-radius:12px;object-fit:cover;}
.card{background:var(--white);padding:0px;text-align: center;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.1);}
.card.highlight{border:2px solid var(--orange);}

/* Games */
.icon-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-top:20px;}
.icon-card{padding:14px; text-align:center;transition:transform .3s;}
.icon-card:hover{transform:translateY(-6px);}
.icon-card img{width:200px;height:200px;border-radius:12px;object-fit:cover;}
#games .section{
	display:block;
}
#games h3{
	font-size:40px;
	color:#4e1353;
	text-align:center;
}
#games p{
	font-size:20px;
	color:#010101;
	text-align:center;
}
/* Book */
.book-cta{color:var(--white);text-align:center;padding:50px 0;position:relative;}
.book-inner h2{color:var(--orange);margin-bottom:8px;}
.drip.bottom{height:60px;background:var(--purple);position:absolute;bottom:0;width:100%;mask-image:radial-gradient(circle at 20px 20px,transparent 18px,black 20px);}
.col6{
	width:50%;
	float:left;
}
#book{
	display: flex;
    background-image: url(images/15_price-Table.png);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 200px;
}
#book img{
	width:100%;
	padding-right:100px;
}
/* Footer */
.site-footer{background:#2a1226;color:#f1e9ef;padding:20px 0;text-align:center;}

/* Reveal animations */
.fade-in{opacity:0;transform:translateY(40px);transition:all 1s ease;}
.fade-in-up{opacity:0;transform:translateY(60px);transition:all 1s ease;}
.visible{opacity:1;transform:translateY(0);}

/* Title drip shimmer */
.drip-title{
  background:linear-gradient(90deg,var(--orange),#fff,var(--orange));
  background-size:200%;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:shimmer 6s infinite linear;
}
@keyframes shimmer{0%{background-position:0%}100%{background-position:200%}}

/* Mobile nav */
.mobile-nav{display:none;flex-direction:column;background:var(--purple);position:absolute;top:100%;left:0;right:0;padding:10px;animation:slideDown .4s ease forwards;}
.mobile-nav a{color:#fff;padding:8px 0;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.1);}
@keyframes slideDown{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}

/* Responsive */
@media(max-width:960px){
  .nav-desktop{display:none;}
  .nav-toggle{display:none;}
  .hero{flex-direction:column;}
  .two-col,.three-col{grid-template-columns:1fr;}
  .hero{
	  background:none;
  }
  .menu-grid {
  display: block;}
  .menu-item img{right:0px;}
}
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .tst-btn{margin:0px auto !important;}
@media screen and (min-width: 350px) and (max-width: 768px) {
     .nav-toggle{display:none;}
    .modal-content{
        margin-top:40px !important;
    }
    img.brand-logo {
    width: 100%;
}
.mc2p {
    margin-right: 0;
    margin-left: 0;
}
.menu-column{
    padding: 0;
}
.menu-gridbg{
    padding:15px;
}
  .grid-3{grid-template-columns:1fr;gap:16px}
  .grid-2{grid-template-columns:1fr;gap:16px}
  .menu-grid{grid-template-columns:1fr}
  .hero{flex-direction:column;padding:20px;padding-bottom:80px;    height: auto; }
  .hero-left h1{font-size:32px}
  .brand-text{font-size:16px}
  .nav-desktop{display:none}
  .mobile-toggle{display:block}
  .hero-right::before{background-size:cover;background-position:center;}
   #book img {
    width: 90%;
    padding-right: 0;
    padding-left: 0px;
}
.reserve-btn{
    padding:10px 16px!important;
}
.g7{display:none;}
.g4{display:none;}
.swing{
    width:35%;
}
    .book-inner {
        padding-top: 0px !important;
    }
.pricing-cards img {
    margin-left: 0;
}
.menu-grid{
        padding-left: 0;
    padding-right: 0;
}
  .sasla{padding-top: 0px;}
  .col-3 {
    width: 100%;
    float: left;
    padding: 10px 20px;
}
.hero-art img {
    width: 50%;
    max-width: 100%;
}
.book-inner h2{
    margin-top: -20px;
}
#book{
    display:block;
    width:100%;
}
h2.menu-title{
    font-size: 17px;
}
}
 .hsc2{color:#ffff;}
 .book-inner{
	 padding-top:22%;
 }
 .swing {
    animation: swing ease-in-out 1s infinite alternate;
    transform-origin: center -20px;
    float:left; 
}
.swing img { 
    display: block;
}
.swing:after{
    content: '';
    position: absolute;  
    width: 20px; height: 20px;  
     
    top: -10px; left: 50%;
    z-index: 0;
    border-bottom: none;
    border-right: none;
    transform: rotate(45deg);
}
/* nail */
.swing:before{
    content: '';
    position: absolute;
    width: 5px; height: 5px;
    top: -14px;left: 54%;
    z-index: 5;
    border-radius: 50% 50%;
    background: #000;
}
 
@keyframes swing {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}