*,body{font-family:Jost,sans-serif;margin:0;padding:0}p{margin-bottom:20px;}.badge,.nav-links a.active,.nav-links a:hover,.social-link-item:hover,body{color:#fff}.badge,.btn-booking,.logo{font-weight:700}.btn-booking,.btn-explore{transition:background .3s;text-decoration:none}.badge,.hero-content h1,.logo{letter-spacing:1px}.btn-booking,.btn-buy-ticket,.btn-explore,.btn-readmore,.nav-links a,.social-link-item{text-decoration:none}*{box-sizing:border-box}body{background-color:#0c0216;-webkit-font-smoothing:antialiased}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#000;padding:15px 50px;position:relative;z-index:10;box-shadow:0 0 8px #fff}.logo{font-size:24px}.logo span{background-color:#fff;color:#4c004c;padding:2px 8px;border-radius:4px;margin-right:5px;font-weight:800}.nav-links{display:flex;gap:10px}.nav-links a{color:#e0d0e0;font-size:14px;font-weight:600;transition:color .3s}.dropdown a i{font-size:10px;margin-left:3px}.btn-booking{background-color:#9c009c;color:#fff;padding:10px 20px;font-size:13px;border-radius:4px;display:flex;align-items:center;gap:8px}.btn-booking:hover,.btn-explore:hover,.btn-list-menu:hover,.btn-readmore:hover,.social-box-btn:hover{background-color:#bd00bd}.hero-section{position:relative;min-height:calc(100vh - 74px);background:linear-gradient(rgba(18,4,34,.75),rgba(18,4,34,.85)),url('../images/background.webp') center center/cover no-repeat;display:flex;align-items:center;padding:60px 50px}.hero-container{display:flex;width:100%;max-width:1200px;margin:0 auto;justify-content:space-between;align-items:center;gap:50px}.badge,.btn-explore{background-color:#9c009c;display:inline-block}.hero-content{flex:1;max-width:600px}.badge{padding:5px 15px;font-size:12px;margin-bottom:20px}.hero-content h1{font-size:56px;font-weight:800;line-height:1.1;margin-bottom:25px}.neon-pink,.text-pink{color:#ff007f}.text-purple{color:#bd00bd}.neon-green,.text-green{color:#0f6}.hero-content p{font-size:15px;color:#ccc;line-height:1.6;margin-bottom:35px}.btn-explore{color:#fff;padding:12px 25px;font-weight:700;font-size:14px}.booking-form-container{width:100%;max-width:420px;background-color:#260026;border:1px solid #3d003d;padding:30px;box-shadow:0 0 5px #fff}.booking-form,.event-list-wrapper{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:6px}.form-row{display:flex;gap:15px}.event-info,.form-row .form-group{flex:1}.booking-form label{font-size:11px;font-weight:700;color:#fff;letter-spacing:1px}.booking-form input,.booking-form textarea{width:100%;padding:10px 12px;background-color:#f5f5f5;border:none;color:#333;font-size:13px;border-radius:2px;outline:0}.phone-input-container{display:flex;background-color:#f5f5f5;border-radius:2px;align-items:center}.flag-code{display:flex;align-items:center;gap:5px;padding:0 10px;color:#666;font-size:13px;border-right:1px solid #ccc;user-select:none}.flag-code img{width:18px;height:auto}.phone-input-container input{background-color:transparent}.btn-readmore,.welcome-badge{font-weight:700;display:inline-block}.welcome-section{background-color:#0c0216;padding:100px 20px;text-align:center}.welcome-container{max-width:800px;margin:0 auto}.achievement-icon {font-size: 3.5em;color: white;margin-bottom: 25px; opacity: 0.9;}.counters h2{font-size: 44px;}.counters{background: #9c009c;text-align: center;padding: 20px;}.welcome-badge{color:#ff00bf;font-size:14px;letter-spacing:2px;margin-bottom:15px}.welcome-section h2{font-size:48px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:25px;letter-spacing:1px}.welcome-section p{color:#a5a1aa;font-size:15px;line-height:1.8;margin-bottom:35px}.btn-readmore{background-color:#9c009c;color:#fff;padding:12px 30px;font-size:13px;letter-spacing:1px;transition:background .3s,transform .2s}.ticker-wrap{width:100%;overflow:hidden;background:linear-gradient(90deg,#d000d0 0,#a000a0 100%);padding:20px 0;box-shadow:0 4px 15px rgba(0,0,0,.3)}.ticker{display:flex;white-space:nowrap;animation:25s linear infinite tickerAnimation}.ticker-item{font-size:36px;font-weight:900;color:#fff;padding:0 40px;letter-spacing:2px;font-style:italic}.exp-badge,.social-title{font-weight:700;font-size:13px}@keyframes tickerAnimation{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}.services-section{background-color:#0c0216;padding:80px 50px 120px;display:flex;justify-content:center}.services-container{display:flex;max-width:1200px;width:100%;gap:30px;justify-content:space-between; display: grid;    grid-template-columns: 1fr 1fr 1fr;    gap: 20px;}.service-card{flex:1;display:flex;flex-direction:column}.service-card .image-box{width:100%;padding: 10px;/*aspect-ratio:1/1.15;*/border:3px solid #3d003d;overflow:hidden;margin-bottom:20px;position:relative; text-align:center;}.service-card .image-box img{width:150px;height:150px;object-fit:cover;filter:brightness(.6) contrast(1.1);transition:transform .5s,filter .5s}.service-card:hover .image-box img{transform:scale(1.05);filter:brightness(.8)}.card-content{display:flex;flex-direction:column;gap:8px}.card-tag{font-size:11px;font-weight:700;color:#a5a1aa;letter-spacing:1px;text-transform:uppercase}.btn-buy-ticket:hover,.btn-buy-ticket:hover i,.exp-badge,.footer-col .footer-email,.footer-col ul li a:hover,.service-card:first-child h3{color:#ff00bf}.service-card h3{font-size:28px;font-weight:800;color:#fff;letter-spacing:.5px}.club-experience-section{background-color:#0c0216;padding:100px 50px;display:flex;justify-content:center;overflow:hidden}.experience-container{display:flex;max-width:1200px;width:100%;align-items:center;justify-content:space-between;gap:50px}.experience-text{flex:1;max-width:550px}.exp-badge{letter-spacing:1.5px;display:inline-block;margin-bottom:15px}.experience-text h2,.menu-right-list h2,.schedule-left h2{font-size:44px;font-weight:800;color:#fff;line-height:1.15;margin-bottom:25px;letter-spacing:.5px}.experience-text .main-desc{color:#a5a1aa;font-size:14px;line-height:1.7;margin-bottom:35px}.social-title{color:#fff;letter-spacing:1px;margin-bottom:10px}.social-desc{color:#a5a1aa;font-size:13px;line-height:1.6;margin-bottom:25px}.social-links{display:flex;align-items:center;gap:25px}.social-box-btn{width:65px;height:35px;background-color:#ff00bf;display:inline-block;transition:background .3s}.social-link-item{color:#ff00bf;font-size:14px;font-weight:600;transition:color .3s}.experience-gallery{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.gallery-wrapper{position:relative;display:flex;align-items:center;width:100%;max-width:500px;height:450px}.polaroid-img{background-color:#120422;border:8px solid #fff;box-shadow:0 15px 35px rgba(0,0,0,.6);overflow:hidden;position:absolute}.polaroid-img img{width:100%;height:100%;display:block}.img-small-left{width:130px;height:160px;left:0;top:30%;z-index:2;transform:rotate(-10deg)}.img-main{width:auto;height:390px;left:5%;z-index:1;transform:rotate(4deg)}.img-small-right{width:120px;height:150px;right:0;bottom:15%;z-index:2;transform:rotate(8deg)}.facilities-section{background-color:#0c0216;padding:100px 50px;text-align:center}.facilities-container,.gallery-container{max-width:1200px;margin:0 auto}.facilities-header{max-width:750px;margin:0 auto 60px}.fac-badge,.menu-badge,.sch-badge{color:#ff00bf;font-size:13px;font-weight:700;letter-spacing:2px;display:inline-block;margin-bottom:15px}.facilities-header h2{font-size:44px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:25px;letter-spacing:1px}.brand-info-col p,.facilities-header p{color:#a5a1aa;font-size:14px;line-height:1.7}.facilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.facility-card{background-color:#1a052e;border:1px solid #3d003d;padding:40px 30px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s,box-shadow .3s}.facility-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(255,0,191,.1)}.facility-card .icon-box{width:80px;height:80px;border:1px solid #ff00bf;display:flex;justify-content:center;align-items:center;margin-bottom:25px}.brand-info-col .footer-logo span,.cta-logo span{background-color:#fff;padding:2px 6px;border-radius:3px}.facility-card .icon-box i{font-size:32px}.neon-purple{color:#d000d0}.neon-blue{color:#00d0ff}.neon-yellow{color:#ffeb3b}.neon-orange{color:#ff5722}.facility-card h3{font-size:18px;font-weight:700;color:#fff;letter-spacing:1px;margin-bottom:15px}.facility-card p{color:#a5a1aa;font-size:13px;line-height:1.6}@media (max-width:992px){.hero-container{flex-direction:column;gap:40px;text-align:center}.navbar{padding:15px 20px}.nav-links{display:none}.hero-content h1{font-size:42px}.booking-form-container{max-width:100%}.services-container{flex-direction:column;gap:10px;grid-template-columns: 1fr 1fr;}.services-section{padding:50px 20px}.service-card .image-box{aspect-ratio:1/1}.service-card h3{font-size:28px}.experience-container{flex-direction:column;text-align:center;gap:60px}.social-links{justify-content:center}.gallery-wrapper{justify-content:center;height:420px;margin:0 auto}.img-small-left{left:5%}.img-main{left:auto}.img-small-right{right:5%}.facilities-grid{grid-template-columns:repeat(2,1fr)}.facilities-header h2{font-size:34px}}@media (max-width:650px){.facilities-grid{grid-template-columns:1fr}.facilities-section{padding:60px 20px}.facility-card{padding:30px 20px}}.schedule-section{background-color:#0c0216;padding:100px 50px;display:flex;justify-content:center}.schedule-container{display:flex;max-width:1200px;width:100%;gap:60px;align-items:flex-start}.schedule-left{flex:1.2}.menu-section-desc,.sch-desc{color:#a5a1aa;font-size:14px;line-height:1.7;margin-bottom:40px}.btn-buy-ticket,.event-meta{display:flex;font-size:12px}.event-row{background-color:#1a052e;display:flex;align-items:center;padding:12px 25px 12px 12px;gap:20px;transition:transform .2s}.event-row:hover{transform:scale(1.01)}.event-date{width:90px;height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.date-pink{background-color:#ff00bf}.date-green{background-color:#00b020}.date-yellow{background-color:#a3a313}.event-date .day{font-size:28px;font-weight:800;line-height:1}.btn-buy-ticket,.dj-subtitle,.event-date .month,.event-info h3,.item-name{font-weight:700}.event-date .month{font-size:10px;letter-spacing:.5px;margin-top:2px}.event-info h3{font-size:18px;color:#fff;margin-bottom:6px}.event-meta{gap:20px;color:#a5a1aa}.event-meta i{color:#ff00bf;margin-right:4px}.btn-buy-ticket{align-items:center;gap:12px;color:#fff;text-align:right;letter-spacing:.5px;transition:color .3s}.brand-item,.btn-list-menu,.cta-logo,.dj-subtitle,.gallery-header h2{letter-spacing:1px}.btn-buy-ticket i{font-size:16px;color:#a5a1aa}.btn-buy-ticket span{display:block;max-width:50px;line-height:1.3}.schedule-right{flex:0.8;position:relative}.dj-card{background-color:#554a5c;width:100%}.dj-image{width:100%;/*aspect-ratio:1/1.05;overflow:hidden;*/    margin-top: 55px;}.dj-image img{width:100%;height:100%;object-fit:cover}.dj-profile-content{padding:30px;text-align:center}.dj-profile-content h3{font-size:22px;font-weight:700;color:#fff;margin-bottom:4px}.dj-subtitle{color:#ff00bf;font-size:11px;display:inline-block;margin-bottom:15px}.item-name,.item-price{font-size:18px;color:#fff;white-space:nowrap}.dj-profile-content p{color:#dcd9de;font-size:13px;line-height:1.6}@media (max-width:600px){.event-row{flex-direction:column;text-align:center;padding:20px}.event-meta{justify-content:center;margin-bottom:15px}.btn-buy-ticket{text-align:center;flex-direction:row-reverse}.btn-buy-ticket span{max-width:100%}.schedule-left h2{font-size:32px}}.menu-section{background-color:#0c0216;padding:80px 50px;display:flex;justify-content:center}.menu-container{display:flex;max-width:1200px;width:100%;align-items:center;background-color:#0c0216}.menu-left-banner{flex:1;height:550px;background:linear-gradient(135deg,#4a0e70 0,#21033a 100%);position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.diagonal-line{position:absolute;width:150%;height:2px;background:rgba(255,255,255,.15);transform:rotate(-35deg)}.line-1{top:25%;left:-20%}.line-2{top:50%;left:-30%}.menu-images-wrapper{position:relative;width:80%;height:80%}.img-bottle,.img-glass{position:absolute;width:auto;object-fit:contain}.img-bottle{height:100%;left:15%;top:0;z-index:2;filter:drop-shadow(5px 15px 20px rgba(0,0,0,.7))}.img-glass{height:60%;right:10%;bottom:10%;z-index:1;opacity:.85}.menu-right-list{flex:1;padding-left:60px;display:flex;flex-direction:column;align-items:flex-start}.menu-items-group{width:100%;display:flex;flex-direction:column;gap:30px;margin-bottom:40px}.menu-item-row{width:100%}.menu-item-header{display:flex;align-items:flex-end;width:100%;margin-bottom:8px}.btn-list-menu,.btn-our-gallery{display:inline-block;text-decoration:none}.item-dots{flex:1;border-bottom:2px dotted rgba(165,161,170,.4);margin:0 15px;position:relative;top:-4px}.item-price{font-weight:800}.item-subtext{color:#a5a1aa;font-size:13px;line-height:1.6;max-width:90%}.btn-list-menu{background-color:#9c009c;color:#fff;padding:12px 30px;font-weight:700;font-size:13px;transition:background .3s}@media (max-width:992px){.menu-container,.schedule-container{flex-direction:column;gap:50px}.schedule-right{width:100%;max-width:450px;margin:0 auto}.menu-left-banner{width:100%;height:400px}.menu-right-list{padding-left:0;width:100%}.img-bottle{left:25%}}@media (max-width:550px){.menu-right-list h2{font-size:32px}.item-name,.item-price{font-size:16px}.menu-section{padding:50px 20px}}.gallery-section{background-color:#0c0216;padding:80px 50px 40px;text-align:center}.gallery-header{max-width:850px;margin:0 auto 50px}.gallery-header h2{font-size:44px;font-weight:800;margin-bottom:20px}.gallery-header p{color:#a5a1aa;font-size:14px;line-height:1.7;margin-bottom:30px}.btn-our-gallery{background-color:#9c009c;color:#fff;padding:12px 30px;font-weight:700;font-size:13px}.instagram-stream-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px}.stream-item{position:relative;cursor:pointer; }.stream-item img{width:100%;object-fit:cover;display:block;transition:transform .4s; margin-bottom:20px;}.insta-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(156,0,156,.6);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s}.insta-overlay i{color:#fff;font-size:24px}.stream-item:hover .insta-overlay{opacity:1}.stream-item:hover img{transform:scale(1.08)}.brands-logo-bar{background-color:#3b003b;padding:30px 50px}.brands-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.brand-item{color:#bcabc4;font-size:16px;font-weight:700;display:flex;align-items:center;gap:10px}.brand-item i{font-size:18px;color:#ff00bf}.cta-discover-section{background:linear-gradient(180deg,#440a6c 0,#17012b 100%);padding:100px 20px;text-align:center;position:relative;overflow:hidden}.left-palm,.right-palm{background-image:radial-gradient(circle,#ff00bf 20%,transparent 80%)}.cta-palm-decor{position:absolute;width:350px;height:100%;opacity:.15;background-repeat:no-repeat;background-size:contain;pointer-events:none}.left-palm{left:-50px;top:0}.right-palm{right:-50px;bottom:0}.cta-content{max-width:1050px;margin:0 auto;position:relative;z-index:2}.cta-logo{font-size:20px;font-weight:700;margin-bottom:25px}.cta-logo span{color:#440a6c}.cta-discover-section h2{font-size:42px;font-weight:800;line-height:1.2;margin-bottom:30px;letter-spacing:1px}.cta-meta-info{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;color:#e2d9e6;font-size:13px;margin-bottom:40px}.cta-meta-info i{color:#ff00bf;margin-right:3px}.btn-book-table{background-color:#9c009c;color:#fff;text-decoration:none;padding:12px 30px;font-weight:700;font-size:13px;display:inline-block;border-radius:2px}.main-footer{background-color:#120422;padding:80px 50px 0;border-top:1px solid #2a0c4d}.footer-grid{display:grid;grid-template-columns:1.2fr 0.8fr 1fr 1.2fr;gap:40px;max-width:1200px;margin:0 auto 60px}.footer-col ul li,.hour-row{margin-bottom:12px}.footer-col h3{font-size:14px;font-weight:700;color:#ff00bf;letter-spacing:1.5px;margin-bottom:25px}.brand-info-col .footer-logo{font-size:24px;font-weight:700;margin-bottom:20px}.brand-info-col .footer-logo span{color:#120422}.footer-col ul{list-style:none}.footer-col ul li a{color:#a5a1aa;text-decoration:none;font-size:14px;transition:color .3s}.footer-col p{color:#a5a1aa;font-size:14px;line-height:1.6;margin-bottom:8px}.footer-socials{display:flex;gap:12px;margin-top:20px}.footer-socials a{width:35px;height:35px;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;justify-content:center;align-items:center;text-decoration:none;font-size:14px;transition:background .3s,border-color .3s}.footer-socials a:hover{background-color:#ff00bf;border-color:#ff00bf}.hours-card-col{display:flex;justify-content:flex-end}.hours-card{background-color:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);padding:30px;width:100%;max-width:350px}.hours-card h3{margin-bottom:20px}.hour-row{display:flex;align-items:flex-end;width:100%;font-size:13px;color:#a5a1aa}.hour-row .dots{flex:1;border-bottom:1px dotted rgba(165,161,170,.3);margin:0 10px;position:relative;top:-4px}.hour-row span:last-child{color:#fff;font-weight:600}.footer-copyright{text-align:center;padding:25px 20px;border-top:1px solid rgba(255,255,255,.05);color:#66606c;font-size:13px;letter-spacing:.5px}@media (max-width:1024px){.instagram-stream-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.hours-card-col{justify-content:flex-start}}@media (max-width:768px){.cta-discover-section h2,.welcome-section h2{font-size:32px}.welcome-section p{font-size:14px}.ticker-item{font-size:24px;padding:0 20px}.brands-container{justify-content:center}.cta-meta-info{flex-direction:column;gap:15px}.footer-grid{grid-template-columns:1fr}.gallery-section{padding:50px 20px}.main-footer{padding:60px 20px 0}}@media (max-width:480px){.experience-text h2{font-size:32px}.polaroid-img{border-width:4px}.img-main{width:200px;height:300px}.img-small-left{width:90px;height:110px}.img-small-right{width:80px;height:100px}.instagram-stream-grid{grid-template-columns:repeat(2,1fr)}}.welcome-section{position:relative;overflow:hidden}.welcome-section:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background-repeat:no-repeat;background-image:linear-gradient(#ff4d4d 50%,transparent 0),linear-gradient(#ffd700 50%,transparent 0),linear-gradient(#00e676 50%,transparent 0),linear-gradient(#00b0ff 50%,transparent 0),linear-gradient(#ff00e0 50%,transparent 0),linear-gradient(#ff9100 50%,transparent 0),linear-gradient(#7c4dff 50%,transparent 0),linear-gradient(#00e5ff 50%,transparent 0),linear-gradient(#ff1744 50%,transparent 0),linear-gradient(#76ff03 50%,transparent 0),linear-gradient(#fff 50%,transparent 0),linear-gradient(#ffeb3b 50%,transparent 0),linear-gradient(#00bcd4 50%,transparent 0),linear-gradient(#8bc34a 50%,transparent 0),linear-gradient(#9c27b0 50%,transparent 0),linear-gradient(#e91e63 50%,transparent 0),linear-gradient(#03a9f4 50%,transparent 0),linear-gradient(#cddc39 50%,transparent 0),linear-gradient(#ff5722 50%,transparent 0),linear-gradient(#673ab7 50%,transparent 0);background-size:12px 12px,8px 8px,10px 10px,7px 7px,11px 11px,9px 9px,13px 13px,6px 6px,10px 10px,8px 8px,7px 7px,9px 9px,6px 6px,8px 8px,10px 10px,7px 7px,9px 9px,8px 8px,11px 11px,6px 6px;animation:confettiRain 5s linear infinite}@keyframes confettiRain{0%{background-position:2% -20%,7% -10%,12% -25%,17% -15%,22% -20%,27% -10%,32% -25%,37% -15%,42% -20%,47% -10%,52% -25%,57% -15%,62% -20%,67% -10%,72% -25%,77% -15%,82% -20%,87% -10%,92% -25%,97% -15%}50%{background-position:10% 50%,0 40%,20% 55%,10% 45%,35% 50%,20% 40%,50% 55%,35% 45%,60% 50%,45% 40%,70% 55%,55% 45%,80% 50%,65% 40%,90% 55%,75% 45%,100% 50%,85% 40%,95% 55%,80% 45%}100%{background-position:0 120%,15% 110%,5% 125%,25% 115%,15% 120%,35% 110%,25% 125%,45% 115%,35% 120%,55% 110%,45% 125%,65% 115%,55% 120%,75% 110%,65% 125%,85% 115%,75% 120%,95% 110%,85% 125%,100% 115%}}.club-experience-section{position:relative;overflow:hidden}.club-experience-section:before{content:"";position:absolute;inset:-100%;background:radial-gradient(circle,#f00 2px,transparent 3px) 0 0/60px 60px,radial-gradient(circle,#ff0 2px,transparent 3px) 20px 20px/60px 60px,radial-gradient(circle,#0f0 2px,transparent 3px) 40px 10px/60px 60px,radial-gradient(circle,#00f 2px,transparent 3px) 10px 40px/60px 60px;animation:bg 12s linear infinite;pointer-events:none}@keyframes bg{to{transform:translateY(70%)}}.club-experience-section{position:relative;overflow:hidden;background:#1a1a2e}.club-experience-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff22,transparent);animation:shine 3s linear infinite}@keyframes shine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}.facilities-section{background:linear-gradient(-45deg,#0c0216,#25003d,#001f3f,#0c0216);background-size:400% 400%;animation:bg 10s ease infinite}@keyframes bg{50%{background-position:100% 50%}}.menu-section{position:relative;overflow:hidden}.menu-section:before{content:"";position:absolute;inset:-100% 0;background:radial-gradient(circle,#f00 2px,transparent 3px) 0 0/40px 40px,radial-gradient(circle,#ff0 2px,transparent 3px) 20px 20px/40px 40px,radial-gradient(circle,#0f0 2px,transparent 3px) 10px 30px/40px 40px;animation:fall 10s linear infinite}@keyframes fall{to{transform:translateY(100%)}}.menu-section{position:relative;overflow:hidden}.menu-section:before{content:" ";position:absolute;left:0;top:100%;width:200%;white-space:nowrap;font-size:30px;opacity:.15;pointer-events:none;animation:celebrate 12s linear infinite}@keyframes celebrate{to{transform:translateY(-200%)}}.counter-wrap{    background: #9c009c;   padding: 25px 35px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.counter-box h3{margin:0;font-size:42px}.counter-box p{margin:10px 0 0}@media(max-width:768px){.counter-wrap{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.counter-wrap{grid-template-columns:1fr}}
        .navbar {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Links aur Booking button ko alag rakhne ke liye */
    
    padding: 10px 20px;
    border-radius: 8px;
    box-shadow: none;
    position: relative;
}

.nav-links {
    display: flex;
    align-items: center;
}

.nav-links a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 12px 20px;
    display: inline-block;
    transition: .3s;
}

.nav-links a.active, .nav-links a:hover {
    color: #fc0;
    background-color: rgba(255,255,255,.05);
    border-radius: 4px;
}

/* --- DROPDOWN STYLES --- */
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #242424;
    min-width: 250px;
    box-shadow: 0 8px 16px rgba(0,0,0,.2);
    border-radius: 6px;
    overflow: hidden;
    z-index: 10;
    top: 100%;
    left: 0;
    transform: translateY(10px);
    transition: .3s;
}

.dropdown-content a {
    color: #e0e0e0;
    padding: 12px 16px;
    display: block;
    font-size: 13px;
    border-bottom: 1px solid #333;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #d9e021;
    color: #1a1a1a;
    border-radius: 0;
}

.dropdown-content a:last-child { border-bottom: none; }
.dropdown:hover .dropdown-content { display: block; transform: translateY(0); }
.dropdown>a::after { content: " ▾"; font-size: 12px; vertical-align: middle; }

/* --- BOOKING BUTTON STYLE --- */
.btn-booking {
    background-color: #d9e021;
    color: #1a1a1a;
    padding: 12px 20px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    border-radius: 6px;
    transition: 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 8px; /* Icon aur text ke beech gap */
    white-space: nowrap;
}

.btn-booking:hover {
    background-color: #fff;
    color: #1a1a1a;
    box-shadow: 0 4px 15px rgba(255, 204, 0, 0.4);
}

/* --- BURGER BUTTON (Desktop par hidden) --- */
.burger-menu {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 26px;
    height: 18px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 100;
}

.burger-menu span {
    width: 100%;
    height: 3px;
    background-color: #fff;
    border-radius: 2px;
    transition: all 0.3s ease;
    margin-left:10px;
}


/* --- MOBILE RESPONSIVE STYLES (< 768px) --- */
@media (max-width: 768px) {
    .burger-menu {
        display: flex; /* Mobile me burger icon dikhega */
    }

    /* Booking button mobile me bhi top bar me right side rahega */
    .btn-booking {
        padding: 8px 14px;
        font-size: 12px;
    }

    /* Nav links slider menu ban jayega */
    .nav-links {
        display: none; /* By default hidden */
        flex-direction: column;
        align-items: flex-start;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #1a1a1a;
        padding: 15px 0;
        border-radius: 0 0 8px 8px;
        box-shadow: 0 8px 16px rgba(0,0,0,.3);
        z-index: 99;
    }

    /* JavaScript ke click karne par menu dikhega */
    .nav-links.active {
        display: flex;
    }

    .nav-links a {
        width: 100%;
        box-sizing: border-box;
        padding: 12px 10px;
    }

    .dropdown {
        width: 100%;
    }

    /* Mobile me dropdown properly open hone ke liye static position */
    .dropdown-content {
        position: static;
        box-shadow: none;
        min-width: 100%;
        background-color: #242424;
        transform: none;
        padding-left: 20px;
    }

    .dropdown:hover .dropdown-content {
        display: block;
    }
    
    /* Burger icon animation (Click hone par 'X' banega) */
    .burger-menu.open span:nth-child(1) {
        transform: translateY(7.5px) rotate(45deg);
    }
    .burger-menu.open span:nth-child(2) {
        opacity: 0;
    }
    .burger-menu.open span:nth-child(3) {
        transform: translateY(-7.5px) rotate(-45deg);
    }
}



.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        .section-banner { background-size: cover; background-position: center; padding: 100px 0; text-align: center; color: white; position: relative; }
        .section-banner::before { content: ''; position: absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.5); z-index: 1;}
        .section-banner .container { position: relative; z-index: 2; }
        .section-banner h1 { font-size: 3rem; margin-bottom: 10px; }

        .section-grid { padding: 60px 0;  }
        .grid-layout-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(45%, 1fr)); gap: 30px; margin-top: 30px; }
        
        /* NEW: 3 Section Grid Side-by-Side (Desktop default) */
        .grid-layout-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; margin-top: 30px; }
        
        .card-item { background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.08); text-align: center; padding-bottom: 20px; }
        .card-item img { width: 100%; height: 220px; object-fit: cover; }
        .card-item h3 { margin: 15px 0 10px 0; color: #4e73df; }
        .card-item p { padding: 0 15px; font-size: 0.9rem; color: #666; margin: 0;}

        .section-two-col { padding: 60px 0; color: #fff; }
        .two-col-layout { display: flex; flex-wrap: wrap; gap: 40px; }
        .col-half { flex: 1; min-width: 300px; }
        
        /* NEW: Full Width Plain text section from Textarea */
        .section-full-text {     background-color: rgb(12, 2, 22);
    color: rgb(255, 255, 255);
    padding: 20px 0px; }
        .content-textarea-box { font-size: 1.1rem; color: #444; text-align: justify; white-space: pre-line; }

        .section-title { text-align: center; margin-bottom: 20px; font-size: 2rem; position: relative; padding-bottom: 10px; color: #fff;}
        .section-title::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 60px; height: 3px; background: #4e73df; }
        
        
        
        
  .faq-section{max-width:900px;margin:auto;padding:40px 20px}
  .faq-item{border-bottom:1px solid #ddd;padding:15px 0}
.faq-question{cursor:pointer;margin:0;position:relative;padding-right:25px}
.faq-question:after{content:'+';position:absolute;right:0;top:0}
.faq-item.active .faq-question:after{content:'−'}
.faq-item p{max-height:0;overflow:hidden;margin:0;transition:.3s}
.faq-item.active p{max-height:200px;margin-top:10px}
        

        .section-full-text *{color:#fff;}
        
        .btn.btn-primary{background-color: #d9e021;
    color: #1a1a1a;
    padding: 12px 20px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    border-radius: 6px;
    transition: 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;}
        
        
        
        .section-flexible-grid h2.section-title{color:#fff;}
        p.section-subtitle{font-size: 1.1rem; text-align:center; color:#fff;}
        .service-box img{max-width:100%;} 
        
 .service-box{ border:1px solid #fff; padding:10px; border-radius:10px;max-width: 100% !important;}       
        

        /* RESPONSIVE RESPONSIVENESS MEDIA BREAKPOINT CODE (MOBILE COMPATIBILITY) */
        @media (max-width: 768px) {
            .grid-layout-3 { grid-template-columns: 1fr !important; }
            .grid-layout-2 { grid-template-columns: 1fr !important; }
            .section-banner h1 { font-size: 2rem; }
            .hero-section, .club-experience-section, .menu-section{    padding: 60px 30px;}
            .hero-content h1 {        font-size: 30px;    }
            .booking-form-container .form-row > .form-group:first-child{width:37%;}
            h1 { font-size: 30px!important;   }
            h2 {font-size: 26px!important;    }
            h3 { font-size: 18px!important;   }
            .img-main{ width: 300px;  height: auto;}
            .img-small-left{        width: 115px;        height: 105px;top: 4%;}
            .img-small-right{        right: unset;        left: -154px;        width: 105px;}
            .container{padding: 0 30px;}
            .service-card .image-box img{width: 120px;    height: 120px;}
            .counter-wrap {        grid-template-columns: 1fr 1fr;    }
            .section-grid.club-experience-section > .container, .hero-section .faq-section{padding:0;}
            .faq-question{text-align:left;}
        }
        
        
        .whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background: #25D366;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    font-size: 32px;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    z-index: 9999;
    transition: transform 0.3s ease;
}

.whatsapp-float:hover {
    transform: scale(1.1);
}