@import url(https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500;6..96,700&family=Playfair+Display&display=swap);.footer{background:url(/static/media/footer%20bg.70137cc48cb63d996d15.jpg) no-repeat 50%/cover;font-family:Arial,sans-serif;padding:40px 20px 20px}.footer-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-left,.footer-middle,.footer-right{flex:1 1;min-width:250px}.footer-logo{margin-bottom:15px;width:120px}.footer-left p,.footer-middle p{font-size:14px;line-height:1.6;margin:5px 0}.footer-middle h3,.footer-right h3{font-size:18px;margin-bottom:10px}.contact-input{display:flex;margin:10px 0}.contact-input input{border:none;border-radius:5px 0 0 5px;flex:1 1;outline:none;padding:10px}.contact-input button{background:#ff4500;border:none;border-radius:0 5px 5px 0;color:#fff;cursor:pointer;font-size:18px;padding:0 15px}.social-icons{margin-top:10px}.social-icons a{color:#fff;display:inline-block;font-size:18px;margin-right:10px;transition:.3s}.social-icons a:hover{color:#ff4500}.footer-bottom{border-top:1px solid #333;color:#ccc;font-size:13px;margin-top:20px;padding-top:10px;text-align:center}@media screen and (max-width:992px){.footer-container{flex-direction:row;gap:20px;justify-content:center}.footer-left,.footer-middle,.footer-right{flex:1 1 45%;min-width:200px}.footer-right{text-align:left}}@media screen and (max-width:600px){.footer-container{flex-direction:column;text-align:center}.footer-left,.footer-middle,.footer-right{flex:1 1 100%;min-width:100%}.contact-input{align-items:center;flex-direction:column}.contact-input input{border-radius:5px;margin-bottom:10px;width:100%}.contact-input button{border-radius:5px;padding:10px;width:100%}.social-icons{margin-top:15px}.social-icons a{font-size:20px;margin:0 8px}}:root{--gold-crayola:#e4c590;--quick-silver:#a6a6a6;--davys-grey:#595754;--smoky-black-1:#0e0d0b;--smoky-black-2:#0e0d0c;--smoky-black-3:#121111;--eerie-black-1:#161718;--eerie-black-2:#1b1c1d;--eerie-black-3:#141515;--eerie-black-4:#212121;--white:#fff;--white-alpha-20:#fff3;--white-alpha-10:#ffffff1a;--black:#000;--black-alpha-80:#000c;--black-alpha-15:#00000026;--loading-text-gradient:linear-gradient(90deg,#0000 0% 16.66%,var(--smoky-black-3) 33.33% 50%,#0000 66.66% 75%);--gradient-1:linear-gradient(0deg,#000000e6,#000000b3,#0000)}body{color:#333;font-family:DM Sans,sans-serif;margin:0}a{color:inherit;text-decoration:none}.container{margin:0 auto;max-width:1200px;width:90%}.header{background-color:#fff;box-shadow:0 2px 5px #0000001a;padding:20px 0}.navbar{align-items:center;display:flex;justify-content:space-between}.navbar-list{display:flex;gap:20px;list-style:none}.hero{color:#fff;position:relative;text-align:center}.hero-slider{overflow:hidden}.slider-item{display:none}.slider-item.active{display:block}.service{background-color:#f8f8f8}.menu,.service,.testi{padding:60px 0}.testi{background-color:#f0f0f0}.reservation{background-color:#fff;padding:60px 0}.footer{background-color:#333;color:#fff;padding:40px 0}.footer-list{list-style:none;padding:0}.footer-list li{margin:10px 0}.btn{border:none;border-radius:5px;cursor:pointer;display:inline-block;padding:10px 20px}.btn-primary{background-color:#007bff;color:#fff}.btn-secondary{background-color:#6c757d;color:#fff}.shape{position:absolute;z-index:-1}.back-top-btn{align-items:center;background-color:#e4c590;box-shadow:0 4px 12px #0000004d;color:#0e0d0b;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;padding:12px;text-decoration:none;transition:all .3s ease;width:50px}.back-top-btn.active{transform:translateY(-5px)}.back-top-btn:hover{background-color:#fff;background-color:var(--white);box-shadow:0 6px 16px #0006;transform:translateY(-8px)}.story-desc{font-size:16px}.story-images .img-large{width:100%}.story-images .img-small{width:200px}.menu_grid{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:40px}@media (max-width:600px){.story-text h2{font-size:28px}.menu-title{font-size:26px}.menu_grid{flex-direction:column;gap:20px}.menu-col{max-width:100%}}.menu_grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding:20px 60px}.menu-item{background:#111;border-radius:8px;gap:15px;padding:15px}.menu-item img,.menu-item-image{border-radius:6px;flex-shrink:0;height:80px;object-fit:cover;width:80px}@media (max-width:768px){.menu_grid{grid-template-columns:1fr}}ansadhukhan/Desktop/web_dev/Tirthendu/code-/src/components/Hero/Hero.css
.hero{background-color:var(--eerie-black-1);min-height:100vh;overflow:hidden;position:relative;z-index:1}.hero-slider{height:100vh;position:relative}.slider-item{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity 1s ease;visibility:hidden;width:100%}.slider-item.active{opacity:1;visibility:visible}.slider-bg{height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:scale(1);-webkit-user-select:none;user-select:none;width:100%;z-index:-1}.slider-item.active .slider-bg{animation:zoomInOut 8s ease-in-out infinite}.hero .container{max-width:1200px;padding:20px;position:relative;top:50%;transform:translateY(-50%)}.hero-title{animation:fadeInUp 1s ease forwards;animation-delay:.5s;font-size:clamp(40px,8vw,120px);font-weight:var(--weight-bold);line-height:1;margin-bottom:20px}.hero-text,.hero-title{color:var(--white);opacity:0}.hero-text{animation:fadeInUp 1s ease forwards;animation-delay:1s;font-size:var(--fontSize-body-2);margin-bottom:40px}@keyframes zoomInOut{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.headers{background:linear-gradient(180deg,#000000b3,#0006 50%,#0000);left:0;padding-block:20px;position:absolute;top:0;transition:var(--transition-1);width:100%;z-index:4}.headers.active{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#000c,#00000080 70%,#0000)}.headers.inActive{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(180deg,#0009,#0000004d 60%,#0000)}.headers .container{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:0 20px}.navbar-simple{align-items:center;display:flex;gap:40px}.nav-text{color:var(--white);cursor:pointer;font-size:18px;font-weight:500;letter-spacing:1px;position:relative;text-decoration:none;text-shadow:1px 1px 3px #000000b3;text-transform:uppercase;transition:all .3s ease}.nav-text:before{background:linear-gradient(90deg,var(--gold-crayola),#fff);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-text:hover:before{width:100%}.nav-text:hover{color:var(--gold-crayola);transform:translateY(-2px)}.header_top{justify-content:space-evenly;padding:10px 0}.header_location,.header_top{align-items:center;display:flex}.header_location{color:var(--white);font-size:14px;font-weight:300;gap:5px;justify-content:center;text-shadow:1px 1px 3px #000000b3}.nav-open-btn{padding:5px}.nav-open-btn .line{animation:menuBtn .4s ease-in-out forwards;background-color:var(--white);box-shadow:1px 1px 2px #00000080;height:2px;margin-block:4px;transform-origin:left;width:30px}.navbar{-webkit-padding-after:50px;background-color:var(--smoky-black-1);bottom:0;left:-360px;max-width:360px;overflow-y:auto;padding-block-end:50px;padding-inline:30px;position:fixed;top:0;transition:var(--transition-2);visibility:hidden;width:100%;z-index:2}.navbar.active{transform:translateX(360px);visibility:visible}.navbar .close-btn{-webkit-margin-start:auto;border:1px solid;color:var(--white);margin-block:30px 20px;margin-inline-start:auto;padding:4px}.navbar .close-btn ion-icon{--ionicon-stroke-width:40px}.navbar .close-btn:is(:hover,:focus-visible){color:var(--gold-crayola)}.navbar{-webkit-margin-after:60px;margin-block-end:60px;margin-inline:auto;max-width:-webkit-max-content;max-width:max-content}.logo img{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.7));height:70px;margin-inline:auto;width:130px}.navbar-list{-webkit-border-after:1px solid var(--white-alpha-20);-webkit-margin-after:100px;border-block-end:1px solid var(--white-alpha-20);margin-block-end:100px}.navbar-item{-webkit-border-before:1px solid var(--white-alpha-20);border-block-start:1px solid var(--white-alpha-20)}.navbar-link{font-size:var(--fontSize-label-2);max-width:none;padding-block:10px;position:relative;text-transform:uppercase}.navbar-link:after{display:none}.navbar-link .span{transition:var(--transition-1)}.navbar-link:is(:hover,:focus-visible,.active) .span{color:var(--gold-crayola);transform:translateX(20px)}@media screen and (max-width:768px){.header_top{flex-wrap:wrap;gap:10px;padding:8px 10px}.header_location{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;font-size:12px;min-width:140px}.headers{padding-block:15px}.navbar-simple{gap:20px}.nav-text{font-size:16px}}@media screen and (max-width:480px){.header_top{flex-direction:column;gap:5px;padding:5px}.header_location{flex:1 1 100%;font-size:11px}.logo img{height:50px;width:100px}.navbar-simple{gap:15px}.nav-text{font-size:14px}.headers .container{flex-direction:column;gap:15px}}.logos{margin-bottom:75px;width:120px}.reservation-section{background-color:#161718;color:#fff;position:relative;text-align:center}.reservation-hero{background:#161718 url(/static/media/special-dish-banner.d330ee62d3dacca2b3e5.png) no-repeat 50%/cover;padding:180px 20px 250px}.reservation-hero h2{font-size:38px;font-weight:700;line-height:1.4;margin:0 auto;max-width:800px}.reservation-container{display:flex;justify-content:space-between;margin:-180px auto 0;max-width:1100px;padding-bottom:150px;position:relative;z-index:2}.reservation-form{background:#111;border-radius:8px 0 0 8px;flex:2 1;padding:40px;text-align:left}.reservation-form h3{font-size:24px;margin-bottom:10px}.reservation-form p{font-size:14px;margin-bottom:20px}.highlight{color:#f7c948;font-weight:700}.form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-grid input,.form-grid select,textarea{background:#222;border:1px solid #333;border-radius:5px;color:#fff;font-size:14px;padding:12px;width:100%}textarea{margin-top:15px;min-height:100px}.book-btn{background:#f7c948;border:none;border-radius:5px;color:#111;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:14px;width:100%}.book-btn:hover{background:#e0b93c}.contact-box{background:#0d0d0d url(/static/media/img-pattern%202.a5db0ea1ff045efb2e03.jpg);background-size:cover;border-radius:0 8px 8px 0;flex:1 1;padding:40px;text-align:center}.contact-box h4{font-size:20px;margin:20px 0 10px}.contact-box .location{color:#bbb;font-size:14px;margin-top:10px}.features-grid{grid-gap:20px;background:#161718;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:50px;padding:60px 20px}.feature-card{background:#1a1a1a;border-radius:8px;padding:30px 20px;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-card .icon{color:#f7c948;font-size:32px;margin-bottom:15px}.feature-card h5{font-size:18px;font-weight:600;margin-bottom:10px}.feature-card p{color:#bbb;font-size:14px}@media screen and (max-width:992px){.reservation-container{flex-direction:column;margin:-100px auto 0}.contact-box,.reservation-form{border-radius:8px;margin-bottom:20px}.form-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr 1fr}}@media screen and (max-width:600px){.reservation-hero h2{font-size:24px}.features-grid{grid-template-columns:1fr}}.captcha-modal-overlay{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.captcha-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:400px;padding:30px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.captcha-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.captcha-modal-header h3{color:#333;font-size:20px;margin:0}.captcha-close-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:28px;height:30px;justify-content:center;padding:0;transition:color .3s ease;width:30px}.captcha-close-btn:hover{color:#333}.captcha-modal-content{display:flex;justify-content:center}.features{background-color:var(--eerie-black-1);padding-block:var(--section-padding);padding-bottom:150px}.features .section-title{margin-block:15px 40px}.features .grid-list{grid-gap:30px;display:grid;gap:30px}.feature-card{background-color:var(--smoky-black-1);border:1px solid var(--white-alpha-10);padding:40px 30px;position:relative;transition:var(--transition-2)}.feature-card:is(:hover,:focus-within){border-color:var(--gold-crayola);transform:translateY(-8px);transition:all .5s ease-in-out}.feature-card .card-icon{margin-inline:auto;max-width:-webkit-max-content;max-width:max-content;transition:var(--transition-1)}.feature-card:is(:hover,:focus-within) .card-icon{transform:scale(.8);transition:all .5s ease-in-out}.feature-card .card-title{color:var(--white);font-weight:var(--weight-bold);margin-block:20px;transition:var(--transition-1)}.feature-card:is(:hover,:focus-within) .card-title{color:var(--gold-crayola);transition:all .5s ease-in-out}.feature-card .card-text{color:var(--white);line-height:var(--lineHeight-3)}@media (min-width:575px){.features .grid-list{grid-template-columns:1fr 1fr}}@media (min-width:992px){.features .grid-list{grid-template-columns:repeat(4,1fr)}}.story-gallery{background:#161718;color:#fff;font-family:Arial,sans-serif;min-height:100vh;padding:180px 20px 60px}.gallery-section{text-align:center}.gallery-title{font-size:42px;font-weight:700;margin-bottom:50px}.heading{color:#fff;font-size:6rem;text-align:center;text-shadow:0 0 10px #65ff93;transition:1s ease-in-out}.heading:hover{text-shadow:0 0 23px #65ff93}.sub-heading{color:#f0f8ff;margin-top:12px;text-align:center;text-shadow:0 0 6px #00ff4c;transition:1s ease-in-out}.sub-heading:hover{text-shadow:0 0 19px #65ff93}.gallery{grid-gap:15px;display:grid;flex-basis:50%;gap:15px;grid-auto-rows:200px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px;padding:40px 20px}.box{align-items:center;background:#1a1a1a;border-radius:12px;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;text-shadow:3px 3px 10px #000;transition:all .8s ease-in-out}.gallery-img{cursor:pointer;display:block;height:100%;object-fit:cover;object-position:center;transition:transform .8s ease-in-out,filter .8s ease-in-out;width:100%}.col-2{grid-column:span 2}.row-2{grid-row:span 2}.box:hover{box-shadow:0 8px 25px #e6e6e666}.box:hover .gallery-img{filter:brightness(1.1) contrast(1.1)}.box:after{background:#0003;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:2}.box:hover:after{opacity:.4}.image-preview-overlay{align-items:center;animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-preview-container{animation:scaleIn .3s ease-in-out;max-height:90vh;max-width:90vw;position:relative}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.image-preview{border-radius:12px;box-shadow:0 20px 60px #00000080;height:auto;max-height:90vh;max-width:90vw;object-fit:contain;width:auto}.close-preview{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:36px;height:50px;justify-content:center;padding:0;position:absolute;right:0;top:-40px;transition:all .3s ease;width:50px}.close-preview:hover{background:#fff;transform:scale(1.1)}@media screen and (max-width:768px){.image-preview-overlay{padding:20px}.image-preview{max-height:80vh;max-width:100vw}.close-preview{right:10px;top:10px}}@media screen and (max-width:981px){.gallery{gap:12px;grid-auto-rows:220px;grid-template-columns:repeat(2,1fr);padding:20px 10px;width:100%}.box{border-radius:8px;grid-column:span 1}.box,.row-2{grid-row:span 1}.col-2{grid-column:span 2}}@media screen and (max-width:768px){.story-gallery{padding:160px 15px 40px}.gallery-title{font-size:32px;margin-bottom:30px}.gallery{gap:10px;grid-auto-rows:180px;grid-template-columns:repeat(2,1fr)}.row-2{grid-row:span 1}.col-2{grid-column:span 1}}@media screen and (max-width:480px){.gallery{gap:8px;grid-auto-rows:150px;grid-template-columns:1fr}.col-2,.row-2{grid-column:span 1;grid-row:span 1}.gallery-title{font-size:24px}.story-gallery{padding:140px 10px 30px}}.story-menu{background:#161718;color:#fff;font-family:Arial,sans-serif;padding:60px}.story-section{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;justify-content:space-between;margin-bottom:80px}.story-text{max-width:500px;text-align:center}.story-images{position:relative}.story-subtitle{color:#f7c948;font-size:14px;margin-bottom:10px}.story-text h2{font-size:38px;font-weight:700;margin-bottom:15px}.story-desc{color:#bbb;font-size:20px;line-height:1.6;margin-bottom:20px;margin-top:20px}.story-call{color:#ccc;font-size:14px}.story-phone{color:#f7c948;font-size:18px;font-weight:700;margin:5px 0 15px}.story-btn{background:#0000;border:1px solid #f7c948;color:#f7c948;cursor:pointer;padding:10px 20px;transition:.3s}.story-btn:hover{background:#f7c948;color:#0d0d0d}.story-images .img-large{border-radius:8px;height:650px;object-fit:cover;width:650px}.story-images .img-small{border:4px solid #0d0d0d;border-radius:8px;bottom:-30px;height:300px;left:-40px;object-fit:cover;position:absolute;width:300px}@media (max-width:1024px){.story-images .img-large{height:500px;width:500px}.story-images .img-small{bottom:-20px;height:220px;left:-30px;width:220px}}@media (max-width:768px){.story-images .img-large{height:auto;max-width:400px;width:100%}.story-images .img-small{bottom:-20px;height:150px;left:-20px;width:150px}}@media (max-width:480px){.story-images .img-large{height:auto;max-width:280px;width:100%}.story-images .img-small{bottom:-15px;height:110px;left:-15px;width:110px}}.menu-section{text-align:center}.menu-subtitle{color:#f7c948;font-size:14px;margin-bottom:10px}.menu-title{font-size:42px;font-weight:700;margin-bottom:50px}.menu-grid{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:40px}.menu-col{flex:1 1;max-width:500px;min-width:300px}.menu-item{align-items:flex-start;display:flex;margin-bottom:25px}.menu-item img{border-radius:50%;height:70px;margin-right:15px;object-fit:cover;width:70px}.menu-info{flex:1 1;text-align:left}.menu-header{align-items:center;display:flex;justify-content:space-between}.menu-header h3{font-size:18px;margin:0}.price{color:#f7c948;font-weight:700;margin-left:15px}.menu-info p{color:#bbb;font-size:14px}.menu-btn{background:#0000;border:1px solid #f7c948;color:#f7c948;cursor:pointer;padding:10px 25px;transition:.3s}.menu-btn:hover{background:#f7c948;color:#0d0d0d}@media (max-width:992px){.story-section{flex-direction:column;text-align:center}.story-images{margin-top:30px}.story-images .img-small{bottom:0;left:0;margin-top:20px;position:relative}.menu-title{font-size:32px}}@media (max-width:600px){.story-text h2{font-size:28px}.menu-title{font-size:26px}.menu-grid{flex-direction:column;gap:20px}.menu-col{max-width:100%}}.abs-img{position:absolute;transform:scale(.6)}.abs-img-1{animation:scaleUp 5s linear infinite;bottom:-25px;left:0}.back-top-btn{background-color:var(--gold-crayola);border:none;border-radius:50%;bottom:20px;color:var(--smoky-black-1);font-size:2rem;opacity:0;padding:14px;position:fixed;right:20px;transition:var(--transition-1);visibility:hidden;z-index:4}.back-top-btn.active{opacity:1;transform:translateY(-10px);visibility:visible}.back-top-btn:is(:hover,:focus-visible){background-color:var(--white)}@media (min-width:768px){.back-top-btn{bottom:40px;padding:18px;right:40px}}
/*# sourceMappingURL=main.28cdc098.css.map*/