@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@100..1000&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: #0d1217;
    overflow-x: hidden;
}

.container {
    width: 90%;
    max-width: 1400px;
    margin: auto;
}

/* HEADER */

.header {
    padding: 25px 0;
    position: relative;
    z-index: 999;
}

.header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo img {
    height: 70px;
}

.navbar {
    display: flex;
    gap: 30px;
}

.navbar a {
    color: #f3e2c8;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: .3s;
    font-family: "DM Sans", sans-serif;
}

.navbar a:hover {
    color: #d5a15d;
}

.booking {
    color: #f3e2c8;
    font-size: 15px;
}

.hamburger {
    display: none;
    font-size: 34px;
    color: #fff;
    cursor: pointer;
}

/* HERO */

.hero {
    padding: 50px 0 80px;
}

.hero-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}

.hero-content {
    width: 48%;
}

.sub-title {
    display: block;
    color: #d5a15d;
    letter-spacing: 4px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 25px;
}

.hero-content h1 {
    font-family: "Abhaya Libre", Sans-serif;
    font-size: 3.4em;
    line-height: 1.1;
    color: #ffe8d0;
    margin-bottom: 30px;
}

.hero-content p {
    font-size: 1em;
    line-height: 1.9;
    color: #ffe8d0;
    margin-bottom: 20px;
    font-family: "DM Sans", sans-serif;
}

.btn {
    display: inline-block;
    padding: 18px 45px;
    border: 1px solid #d5a15d;
    color: #fff;
    text-decoration: none;
    margin-top: 20px;
    transition: .3s;
    font-family: "DM Sans", sans-serif;
}

.btn:hover {
    background: #d5a15d;
}

.hero-image {
    width: 52%;
    position: relative;
}

.hero-image img:last-child {
    width: 100%;
    display: block;
    height: 693px;
}

.flower {
    position: absolute;
    left: -216px;
    top: -35px;
    width: 357px !important;
    z-index: 2;
    opacity: .9;
}

/* TABLET */

@media(max-width:991px) {

    .hero-wrapper {
        flex-direction: column;
    }

    .hero-content,
    .hero-image {
        width: 100%;
    }

    .hero-content h1 {
        font-size: 55px;
    }

    .flower {
        width: 180px !important;
        left: -40px;
        top: -20px;
    }
}

/* MOBILE */

@media(max-width:768px) {

    .header-wrap {
        flex-wrap: wrap;
    }

    .booking {
        display: none;
    }

    .hamburger {
        display: block;
    }

    .navbar {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #12181f;
        flex-direction: column;
        padding: 20px;
        display: none;
        gap: 20px;
    }

    .navbar.active {
        display: flex;
    }

    .hero {
        padding-top: 20px;
    }

    .hero-content {
        text-align: center;
    }

    .hero-content h1 {
        font-size: 38px;
        line-height: 1.2;
    }

    .hero-content p {
        font-size: 15px;
        line-height: 1.8;
    }

    .btn {
        padding: 15px 35px;
    }

    .hero-image {
        margin-top: 40px;
    }

    .flower {
        width: 120px !important;
        left: -10px;
        top: -15px;
    }

    .logo img {
        height: 55px;
    }

    .hero-image img:last-child {

        height: 396px;
    }
}

/* SMALL MOBILE */

@media(max-width:480px) {

    .hero-content h1 {
        font-size: 32px;
    }

    .sub-title {
        font-size: 12px;
        letter-spacing: 2px;
    }

    .hero-content p {
        font-size: 14px;
    }

    .btn {
        width: 100%;
        text-align: center;
    }

    .flower {
        width: 137px !important;
        left: -10px;
        top: -68px;
    }

}

.experience-section {
    background: #07121c;
    padding: 80px 0;
}

.experience-box {
    background: #091723;
    padding: 70px 50px;
}

.section-heading {
    text-align: center;
    max-width: 1100px;
    margin: auto;
}

.section-heading h2 {
    font-size: 2.3em;
    color: #f5dfc5;
    font-family: "Abhaya Libre", Sans-serif;
    font-weight: 500;
    margin-bottom: 25px;
}

.section-heading p {
    color: #fff;
    line-height: 1.9;
    font-size: 18px;
    margin-bottom: 15px;
    font-family: "Hind Siliguri", sans-serif;
}

.section-heading span {
    color: #f27979;
}

.book-btn {
    display: inline-block;
    margin-top: 25px;
    border: 1px solid #ffffffcc;
    color: #ffffffcc;
    text-decoration: none;
    padding: 18px 45px;
    letter-spacing: 2px;
    transition: .4s;
}

.book-btn:hover {
    background: #c79a63;
}

.experience-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
    margin-top: 90px;
}

.experience-card {
    text-align: center;
}

.card-img {
    overflow: hidden;
}

.card-img img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    display: block;
}

.experience-card h3 {
    color: #ffe8d0;
    font-size: 28px;
    margin: 35px 0 20px;
    font-family: "Abhaya Libre", Sans-serif;
    font-weight: 500;
}

.experience-card p {
    color: #ffe8d0;
    line-height: 1.8;
    font-size: 16px;
    font-family: "DM Sans", sans-serif;
}

/* Tablet */

@media(max-width:991px) {

    .experience-box {
        padding: 60px 30px;
    }

    .section-heading h2 {
        font-size: 42px;
    }

    .experience-cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }

}

/* Mobile */

@media(max-width:767px) {

    .experience-section {
        padding: 50px 0;
    }

    .experience-box {
        padding: 40px 20px;
    }

    .section-heading h2 {
        font-size: 34px;
        line-height: 1.2;
    }

    .section-heading p {
        font-size: 15px;
    }

    .book-btn {
        width: 100%;
        text-align: center;
        padding: 16px;
    }

    .experience-cards {
        grid-template-columns: 1fr;
        gap: 50px;
        margin-top: 60px;
    }

    .card-img img {
        height: 320px;
    }

    .experience-card h3 {
        font-size: 30px;
        margin-top: 25px;
    }

    .experience-card p {
        font-size: 15px;
    }

}

.couple-section {
    background: #07121c;
    padding: 100px 0;
    overflow: hidden;
}

.container {
    width: 90%;
    max-width: 1400px;
    margin: auto;
}

.couple-wrapper {
    display: flex;
    align-items: center;
    gap: 80px;
}

.couple-image {
    flex: 1;
}

.couple-image img {
    width: 100%;
    display: block;
    object-fit: cover;
}

.couple-content {
    flex: 1;
    position: relative;
}

.couple-content h2 {
    font-size: 40px;
    line-height: 1.15;
    color: #f6e3cc;
    margin-bottom: 30px;
    font-family: "Abhaya Libre", Sans-serif;
    font-weight: 500;
}

.couple-content p {
    color: #ffe8d0;
    line-height: 2;
    font-size: 18px;
    margin-bottom: 20px;
    font-family: 'Hind Siliguri', sans-serif;
}

.couple-content span {
    color: #ff7b7b;
    font-weight: 600;
}

.couple-content h4 {
    color: #f6e3cc;
    font-size: 28px;
    margin: 40px 0;
    font-family: "Abhaya Libre", Sans-serif;
    font-style: italic;
}

.action-row {
    display: flex;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
}

.about-btn {
    padding: 18px 45px;
    border: 1px solid #c89a63;
    color: #fff;
    text-decoration: none;
    letter-spacing: 2px;
    transition: .4s;
}

.about-btn:hover {
    background: #c89a63;
}

.phone-box {
    display: flex;
    align-items: center;
    gap: 15px;
}

.phone-box span {
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
}

.flower-img {
    margin-top: 80px;
    text-align: center;
}

.flower-img img {
    width: 230px;
    opacity: .9;
}

@media(max-width:991px) {

    .couple-wrapper {
        flex-direction: column;
        gap: 50px;
    }

    .couple-content h2 {
        font-size: 50px;
    }

    .flower-img {
        margin-top: 50px;
    }

}

@media(max-width:767px) {

    .couple-section {
        padding: 20px 0;
    }

    .couple-wrapper {
        flex-direction: column;
        gap: 35px;
    }

    .couple-image {
        width: 100%;
    }

    .couple-content {
        text-align: center;
    }

    .couple-content h2 {
        font-size: 36px;
        line-height: 1.2;
        margin-bottom: 20px;
    }

    .couple-content p {
        font-size: 15px;
        line-height: 1.9;
    }

    .couple-content h4 {
        font-size: 22px;
        margin: 25px 0;
    }

    .action-row {
        flex-direction: column;
        gap: 20px;
    }

    .about-btn {
        width: 100%;
        text-align: center;
    }

    .phone-box {
        justify-content: center;
        flex-wrap: wrap;
    }

    .phone-box span {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .flower-img {
        margin-top: 35px;
    }

    .flower-img img {
        width: 120px;
    }

}

.menu-section {
    background: #07131d;
    padding: 100px 0;
}

.container {
    width: 90%;
    max-width: 1400px;
    margin: auto;
}

.section-title {
    text-align: center;
    margin-bottom: 80px;
}

.section-title span {
    color: #f4e3ca;
    letter-spacing: 4px;
    font-size: 14px;
    display: block;
    margin-bottom: 20px;
}

.section-title h2 {
    color: #f4e3ca;
    font-size: 58px;
    font-weight: 500;
    font-family: "Abhaya Libre", Sans-serif;
}

.menu-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
}

.menu-column {
    display: flex;
    flex-direction: column;
    gap: 55px;
}

.menu-item {
    display: flex;
    align-items: flex-start;
    gap: 22px;
}

.menu-item img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.menu-content {
    width: 100%;
}

.menu-tops {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.menu-tops h3 {
    color: #f4e3ca;
    font-size: 24px;
    font-weight: 500;
    font-family: "Abhaya Libre", Sans-serif;
    white-space: nowrap;
}

.line {
    flex: 1;
    height: 1px;
    background: #8b6b44;
}

.price {
    color: #d7a160;
    font-size: 20px;
    font-weight: 500;
    white-space: nowrap;
}

.menu-content p {
    color: #fff;
    line-height: 1.8;
    font-size: 17px;
    font-family: "DM Sans", sans-serif;
}

.menu-btn {
    text-align: center;
    margin-top: 80px;
}

.menu-btn a {
    display: inline-block;
    border: 1px solid #b78953;
    padding: 18px 45px;
    color: #fff;
    text-decoration: none;
    letter-spacing: 2px;
    transition: .4s;
    font-family: "DM Sans", sans-serif;
}

.menu-btn a:hover {
    background: #b78953;
}

@media(max-width:991px) {

    .menu-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .section-title h2 {
        font-size: 46px;
    }

}

@media(max-width:767px) {

    .menu-section {
        padding: 60px 0;
    }

    .section-title {
        margin-bottom: 50px;
    }

    .section-title h2 {
        font-size: 34px;
        line-height: 1.2;
    }

    .menu-column {
        gap: 35px;
    }

    .menu-item {
        gap: 15px;
    }

    .menu-item img {
        width: 65px;
        height: 65px;
    }

    .menu-tops {
        flex-wrap: wrap;
        gap: 8px;
    }

    .menu-tops h3 {
        font-size: 22px;
        width: 100%;
    }

    .line {
        display: none;
    }

    .price {
        font-size: 18px;
    }

    .menu-content p {
        font-size: 14px;
    }

    .menu-btn {
        margin-top: 50px;
    }

    .menu-btn a {
        width: 100%;
        text-align: center;
    }

}

.testimonial-section {
    background: #000;
    padding: 100px 0;
    overflow: hidden;
}

.container {
    width: 90%;
    max-width: 1400px;
    margin: auto;
}

.testimonial-top {
    text-align: center;
    max-width: 1100px;
    margin: auto;
}

.testimonial-top h2 {
    color: #f5e3cb;
    font-size: 58px;
    margin-bottom: 25px;
    font-family: "Abhaya Libre", Sans-serif;
}

.testimonial-top p {
    color: #fff;
    line-height: 1.9;
    font-size: 18px;
    font-family: "DM Sans", sans-serif;
}

.testimonial-top span {
    color: #ff6f6f;
}

.book-btn {
    display: inline-block;
    margin-top: 35px;
    padding: 18px 45px;
    border: 1px solid #c89a63;
    color: #fff;
    text-decoration: none;
    font-family: "DM Sans", sans-serif;
}

.testimonial-heading {
    text-align: center;
    margin: 90px 0 50px;
}

.testimonial-heading h3,
.testimonial-heading h2 {
    color: #f5e3cb;
    font-size: 40px;
    font-family: "Abhaya Libre", Sans-serif;
}

.slider-wrapper {
    position: relative;
}

.testimonial-slider {
    overflow: hidden;
}

.testimonial-track {
    display: flex;
    transition: .6s ease;
}

.testimonial-card {
    min-width: 33.333%;
    padding: 20px;
    text-align: center;
}

.testimonial-card .quote {
    background: #2b2b2b;
    padding: 40px 35px;
    border-radius: 12px;
    font-size: 70px;
    color: #fff;
}

.testimonial-card p {
    margin-top: 20px;
    color: #fff;
    line-height: 1.9;
    font-size: 16px;
    font-family: 'Hind Siliguri', sans-serif;
}

.stars {
    color: #ffc107;
    font-size: 24px;
    margin: 25px 0;
}

.testimonial-card img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    object-fit: cover;
}

.testimonial-card h4 {
    color: #fff;
    margin-top: 15px;
    font-size: 22px;
}

.testimonial-card span {
    color: #ccc;
}

.nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
    border: none;
    cursor: pointer;
    background: #c89a63;
    color: #fff;
    font-size: 22px;
    border-radius: 50%;
    z-index: 10;
}

.prev {
    left: -25px;
}

.next {
    right: -25px;
}

@media(max-width:991px) {

    .testimonial-card {
        min-width: 50%;
    }

    .testimonial-top h2 {
        font-size: 42px;
    }

    .testimonial-heading h3 {
        font-size: 40px;
    }

}

@media(max-width:767px) {

    .testimonial-card {
        min-width: 100%;
    }

    .testimonial-top h2 {
        font-size: 32px;
    }

    .testimonial-heading h3 {
        font-size: 30px;
    }

    .testimonial-card .quote {
        padding: 30px 20px;
    }

    .nav-btn {
        width: 45px;
        height: 45px;
    }

    .prev {
        left: 5px;
    }

    .next {
        right: 5px;
    }

}

.counter-section {
    background: #0d1317;
    padding: 70px 0;
    border-top: 1px solid #8c6a45;
    border-bottom: 1px solid #8c6a45;
}

.container {
    width: 90%;
    max-width: 1400px;
    margin: auto;
}

.counter-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}

.counter-item {
    display: flex;
    align-items: center;
    gap: 25px;
    flex: 1;
}

.counter-icon {
    font-size: 55px;
    color: #c89a63;
    min-width: 70px;
}

.counter-content h2 {
    color: #f5e3cb;
    font-size: 65px;
    font-family: "Abhaya Libre", Sans-serif;
    font-weight: 500;
    margin-bottom: 5px;
}

.counter-content p {
    color: #ffffff;
    font-size: 22px;
    margin: 0;
}

/* Divider */

.counter-item:not(:last-child) {
    border-right: 1px solid rgba(200, 154, 99, .3);
    padding-right: 60px;
}

@media(max-width:991px) {

    .counter-wrapper {
        gap: 30px;
    }

    .counter-content h2 {
        font-size: 50px;
    }

    .counter-content p {
        font-size: 18px;
    }

}

@media(max-width:767px) {

    .counter-wrapper {
        flex-direction: column;
        gap: 35px;
    }

    .counter-item {
        width: 100%;
        justify-content: center;
        text-align: center;
        flex-direction: column;
    }

    .counter-item:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid rgba(200, 154, 99, .3);
        padding-right: 0;
        padding-bottom: 35px;
        width: 100%;
    }

    .counter-icon {
        font-size: 45px;
    }

    .counter-content h2 {
        font-size: 42px;
    }

    .counter-content p {
        font-size: 16px;
    }

}

.gallery-section {
    background: #0d1317;
    padding: 100px 0;
    overflow: hidden;
}

.container {
    width: 90%;
    max-width: 1450px;
    margin: auto;
}

/* Heading */

.gallery-top {
    text-align: center;
    max-width: 1200px;
    margin: auto;
}

.gallery-top h2 {
    color: #f4e3ca;
    font-size: 55px;
    line-height: 1.2;
    margin-bottom: 25px;
    font-family: "Abhaya Libre", Sans-serif;
    font-weight: 500;
}

.gallery-top p {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 15px;
    font-family: 'Hind Siliguri', sans-serif;
}

.gallery-top span {
    color: #ff6d6d;
}

.gallery-btn {
    display: inline-block;
    margin-top: 30px;
    border: 1px solid #c89a63;
    padding: 18px 45px;
    color: #fff;
    text-decoration: none;
    letter-spacing: 2px;
    transition: .4s;
}

.gallery-btn:hover {
    background: #c89a63;
}

/* Gallery Layout */

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
    margin-top: 50px;
}

.gallery-item-card {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    background: #111;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.gallery-item-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 40px rgba(200, 154, 99, 0.25);
}

.gallery-item-card img {
    width: 100%;
    height: 380px;
    display: block;
    object-fit: cover;
    transition: transform 0.5s ease;
    image-rendering: -webkit-optimize-contrast;
}

.gallery-item-card:hover img {
    transform: scale(1.06);
}

.gallery-item-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%);
    display: flex;
    align-items: flex-end;
    padding: 20px 22px;
    opacity: 0.9;
    transition: opacity 0.4s ease, background 0.4s ease;
}

.gallery-item-card:hover .gallery-item-overlay {
    opacity: 1;
    background: linear-gradient(to top, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.1) 100%);
}

.gallery-item-overlay h3 {
    color: #ffffff;
    font-family: 'Cormorant Garamond', serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin: 0;
    text-transform: capitalize;
    text-shadow: 0 2px 4px rgba(0,0,0,0.6);
}

.gallery-card {
    position: relative;
    margin-top: 0;
}

.gallery-card img {
    width: 100%;
    height: 480px;
    display: block;
    object-fit: cover;
}

/* Content */

.gallery-content {
    padding: 20px 10px;
    text-align: center;
}

.gallery-content h3 {
    color: #f4e3ca;
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 10px;
    font-family: "Abhaya Libre", Sans-serif;
    font-weight: 500;
}

.gallery-content span {
    color: #d7a160;
    font-size: 15px;
    line-height: 1.8;
    display: block;
}

@media(max-width:991px) {

    .gallery-top h2 {
        font-size: 42px;
    }

    .gallery-grid {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .card-1,
    .card-3,
    .card-4 {
        margin-top: 0;
    }

    .card-1 img,
    .card-2 img,
    .card-3 img,
    .card-4 img {
        height: 450px;
    }

}

@media(max-width:767px) {

    .gallery-section {
        padding: 60px 0;
    }

    .gallery-top h2 {
        font-size: 34px;
    }

    .gallery-top p {
        font-size: 15px;
    }

    .gallery-btn {
        width: 100%;
        text-align: center;
    }

    .gallery-grid {
        grid-template-columns: 1fr;
        gap: 30px;
        margin-top: 50px;
    }

    .card-1,
    .card-2,
    .card-3,
    .card-4 {
        margin-top: 0;
    }

    .card-1 img,
    .card-2 img,
    .card-3 img,
    .card-4 img {
        height: 350px;
    }

    .gallery-content h3 {
        font-size: 24px;
    }

    .gallery-content span {
        font-size: 14px;
    }

}

.faq-section {
    background: #000;
    padding: 20px 0;
}

.container {
    width: 90%;
    max-width: 1400px;
    margin: auto;
}

/* TOP CONTENT */

.faq-top-content {
    text-align: center;
    max-width: 1300px;
    margin: auto;
}

.faq-top-content h2 {
    color: #f4e2ca;
    font-size: 55px;
    line-height: 1.2;
    margin-bottom: 25px;
    font-family: "Abhaya Libre", Sans-serif;
    font-weight: 500;
}

.faq-top-content p {
    color: #fff;
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 20px;
    font-family: 'Hind Siliguri', sans-serif;
}

.faq-top-content span {
    color: #ff6f6f;
}

.book-btn {
    display: inline-block;
    margin-top: 25px;
    padding: 18px 50px;
    border: 1px solid #c89a63;
    color: #fff;
    text-decoration: none;
    letter-spacing: 2px;
    transition: .4s;
}

.book-btn:hover {
    background: #c89a63;
}

/* HEADING */

.faq-heading {
    text-align: center;
    margin: 90px 0 50px;
}

.faq-heading h3,
.faq-heading h2 {
    color: #f4e2ca;
    font-size: 35px;
    font-family: "Abhaya Libre", Sans-serif;
    font-weight: 500;
}

/* FAQ */

.faq-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.faq-item {
    overflow: hidden;
}

.faq-question {
    width: 100%;
    border: none;
    background: #d7d8db;
    padding: 22px 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    font-family: 'Hind Siliguri', sans-serif;
}

.faq-question span {
    color: #000;
}

.faq-question i {
    color: #000;
    transition: .4s;
}

.faq-answer {
    background: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s ease;
}

.faq-answer p {
    padding: 25px 30px;
    line-height: 1.8;
    color: #444;
    font-size: 17px;
    font-family: 'Hind Siliguri', sans-serif;
}

.faq-item.active .faq-answer {
    max-height: 300px;
}

.faq-item.active .faq-question i {
    transform: rotate(180deg);
}

@media(max-width:991px) {

    .faq-top-content h2 {
        font-size: 44px;
    }

    .faq-heading h3 {
        font-size: 42px;
    }

    .faq-question {
        font-size: 18px;
    }

}

@media(max-width:767px) {

    .faq-section {
        padding: 60px 0;
    }

    .faq-top-content h2 {
        font-size: 34px;
    }

    .faq-top-content p {
        font-size: 15px;
    }

    .book-btn {
        width: 100%;
        text-align: center;
    }

    .faq-heading {
        margin: 60px 0 35px;
    }

    .faq-heading h3 {
        font-size: 32px;
    }

    .faq-question {
        padding: 18px;
        font-size: 15px;
        gap: 15px;
    }

    .faq-question i {
        font-size: 14px;
    }

    .faq-answer p {
        padding: 18px;
        font-size: 14px;
    }

}

.chef-section {
    background: #0d1317;
    padding: 100px 0;
    overflow: hidden;
}

.container {
    width: 90%;
    max-width: 1400px;
    margin: auto;
}

.chef-wrapper {
    display: flex;
    align-items: center;
    gap: 60px;
}

/* LEFT SIDE */

.chef-video {
    width: 55%;
    height: 70vh;
}

.chef-video video {
    width: 100%;
    display: block;
    object-fit: cover;
}

/* RIGHT SIDE */

.chef-content {
    width: 45%;
}

.sub-title {
    display: block;
    color: #ffe8d0;
    font-size: 14px;
    letter-spacing: 5px;
    margin-bottom: 30px;
    font-weight: 600;
    font-family: "DM Sans", sans-serif;
}

.chef-content h2 {
    color: #f4e2ca;
    font-size: 55px;
    line-height: 1.25;
    margin-bottom: 25px;
    font-family: "Abhaya Libre", Sans-serif;
    font-weight: 500;
}

.chef-content p {
    color: #ffe8d0;
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 40px;
    font-family: "DM Sans", sans-serif;
}

.gallery-btn {
    display: inline-block;
    padding: 18px 55px;
    border: 1px solid #c89a63;
    color: #c89a63;
    text-decoration: none;
    letter-spacing: 2px;
    transition: .4s;
}

.gallery-btn:hover {
    background: #c89a63;
    color: #ffffff;
}

@media(max-width:991px) {

    .chef-wrapper {
        flex-direction: column;
    }

    .chef-video,
    .chef-content {
        width: 100%;
    }

    .chef-content h2 {
        font-size: 42px;
    }

}

@media(max-width:767px) {

    .chef-section {
        padding: 60px 0;
    }

    .chef-wrapper {
        flex-direction: column;
        gap: 35px;
    }

    .chef-video,
    .chef-content {
        width: 100%;
    }

    .chef-content {
        text-align: center;
    }

    .sub-title {
        font-size: 12px;
        letter-spacing: 3px;
        margin-bottom: 20px;
    }

    .chef-content h2 {
        font-size: 32px;
        line-height: 1.3;
        margin-bottom: 20px;
    }

    .chef-content p {
        font-size: 15px;
        line-height: 1.8;
        margin-bottom: 25px;
    }

    .gallery-btn {
        width: 100%;
        text-align: center;
        padding: 16px;
    }

}

/*==============================
BLOG SECTION
==============================*/

.blog-section {
    background: #091117;
    padding: 110px 0;
    overflow: hidden;
    position: relative;
}

.container {
    width: 90%;
    max-width: 1500px;
    margin: auto;
}

/*==============================
HEADING
==============================*/

.blog-heading {
    text-align: center;
    margin-bottom: 70px;
}

.blog-heading span {
    color: #f7e5cd;
    font-size: 14px;
    letter-spacing: 5px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 18px;
    font-family: 'DM Sans', sans-serif;
}

.blog-heading h2 {
    font-size: 55px;
    color: #f7e5cd;
    font-weight: 500;
    font-family: "Abhaya Libre", Sans-serif;
}

/*==============================
SLIDER
==============================*/

.blog-slider {
    position: relative;
}

.blog-track-wrapper {
    overflow: hidden;
}

.blog-track {
    display: flex;
    transition: .7s ease;
}

/*==============================
CARD
==============================*/

.blog-card {
    flex: 0 0 calc(25% - 22px);
    margin: 0 11px;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .18);
    transition: .4s;
}

.blog-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 22px 50px rgba(0, 0, 0, .3);
}

.blog-img {
    position: relative;
    overflow: hidden;
    display: block;
}

.blog-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    transition: .6s;
}

.blog-card:hover img {
    transform: scale(1.08);
}

.blog-img::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, .55) 100%);
    opacity: 0;
    transition: .4s;
}

.blog-card:hover .blog-img::after {
    opacity: 1;
}

.blog-category {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 2;
    display: inline-block;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(17, 17, 17, .72);
    backdrop-filter: blur(4px);
    color: #f7e5cd;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

.blog-content {
    padding: 22px;
}

.blog-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: #a3844f;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .8px;
}

.blog-meta i {
    font-size: 11px;
}

.blog-meta .dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #c9c9c9;
}

.blog-content h3 {
    font-size: 24px;
    line-height: 1.45;
    color: #1b1b1b;
    margin-bottom: 18px;
    font-family: 'Hind Siliguri', sans-serif;
    font-weight: 700;
}

.blog-content p {
    color: #666;
    line-height: 1.8;
    margin-bottom: 18px;
    font-size: 14px;
    font-family: 'Hind Siliguri', sans-serif;
}

.blog-content a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #b57938;
    font-weight: 700;
    text-decoration: none;
    transition: gap .3s, color .3s;
}

.blog-content a i {
    transition: transform .3s;
}

.blog-content a:hover {
    color: #d8a15d;
    gap: 12px;
}

.blog-content a:hover i {
    transform: translateX(3px);
}

/*==============================
BUTTON
==============================*/

.blog-btn {
    text-align: center;
    margin-top: 60px;
}

.blog-btn a {
    display: inline-block;
    padding: 18px 48px;
    border: 1px solid #c89a63;
    color: #fff;
    text-decoration: none;
    letter-spacing: 2px;
    transition: .4s;
    font-family: "DM Sans", sans-serif;
}

.blog-btn a:hover {
    background: #c89a63;
}

/*==============================
ARROWS
==============================*/

.blog-arrow {

    position: absolute;

    top: 45%;

    transform: translateY(-50%);

    width: 65px;

    height: 65px;

    border-radius: 50%;

    border: none;

    cursor: pointer;

    color: #fff;

    font-size: 26px;

    background: #b57938;

    transition: .4s;

    z-index: 10;

}

.blog-arrow:hover {

    background: #d8a15d;

}

.blog-arrow.prev {

    left: -35px;

}

.blog-arrow.next {

    right: -35px;

}

/*==============================
TABLET
==============================*/

@media(max-width:1199px) {

    .blog-card {

        flex: 0 0 calc(33.333% - 20px);

    }

    .blog-heading h2 {

        font-size: 48px;

    }

}

/*==============================
TABLET
==============================*/

@media(max-width:991px) {

    .blog-card {

        flex: 0 0 calc(50% - 18px);

    }

    .blog-heading h2 {

        font-size: 42px;

    }

    .blog-arrow {

        width: 55px;

        height: 55px;

        font-size: 22px;

    }

}

/*==============================
MOBILE
==============================*/

@media(max-width:767px) {

    .blog-section {

        padding: 70px 0;

    }

    .blog-heading {

        margin-bottom: 45px;

    }

    .blog-heading span {

        font-size: 12px;

        letter-spacing: 3px;

    }

    .blog-heading h2 {

        font-size: 34px;

        line-height: 1.25;

    }

    .blog-card {

        flex: 0 0 calc(100% - 0px);

        margin: 0;

    }

    .blog-img img {

        height: 240px;

    }

    .blog-content {

        padding: 20px;

    }

    .blog-content h3 {

        font-size: 24px;

    }

    .blog-content p {

        font-size: 15px;

    }

    .blog-btn a {

        width: 100%;

        text-align: center;

    }

    .blog-arrow {

        width: 48px;

        height: 48px;

        font-size: 18px;

    }

    .blog-arrow.prev {

        left: 8px;

    }

    .blog-arrow.next {

        right: 8px;

    }

}

.newsletter-section {

    position: relative;

    background: url("../img/main-bg-image-section-1-1.webp") center center/cover no-repeat;

    padding: 120px 0;

    overflow: hidden;

}

.newsletter-overlay {

    position: absolute;

    inset: 0;

    background: rgba(5, 12, 18, .72);

}

.newsletter-section .container {

    position: relative;

    z-index: 2;

    width: 90%;

    max-width: 1200px;

    margin: auto;

}

.newsletter-content {

    text-align: center;

}

.newsletter-subtitle {

    color: #f4e2ca;

    letter-spacing: 5px;

    font-size: 15px;

    display: block;

    margin-bottom: 18px;

    text-transform: uppercase;

    font-family: 'DM Sans', sans-serif;

}

.newsletter-content h2 {

    color: #f4e2ca;

    font-size: 55px;

    margin-bottom: 25px;

    font-family: "Abhaya Libre", Sans-serif;

    font-weight: 500;

}

.newsletter-content p {

    color: #f4e2ca;

    font-size: 16px;

    line-height: 1.9;

    max-width: 950px;

    margin: auto auto 55px;
    font-family: 'DM Sans', sans-serif;

}

.newsletter-form {

    max-width: 920px;

    margin: auto;

    text-align: left;

}

.newsletter-form label {

    color: #fff;

    display: block;

    margin-bottom: 12px;

    font-size: 15px;

}

.newsletter-form label span {

    color: #ff5a5a;

}

.newsletter-form input[type=email] {

    width: 100%;

    height: 68px;

    background: transparent;

    border: 1px solid rgba(255, 255, 255, .6);

    color: #fff;

    padding: 0 20px;

    font-size: 17px;

    margin-bottom: 25px;

}

.newsletter-form input::placeholder {

    color: #ddd;

}

.captcha-box {

    width: 310px;

    background: #fff;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 18px;

    margin-bottom: 35px;

}

.captcha-left {

    display: flex;

    align-items: center;

    gap: 12px;

}

.captcha-left input {

    width: 24px;

    height: 24px;

}

.captcha-left span {

    color: #333;

    font-size: 16px;

}

.captcha-right img {

    width: 62px;

}

.newsletter-form button {

    display: block;

    margin: auto;

    background: transparent;

    border: 1px solid #c89a63;

    color: #fff;

    padding: 18px 55px;

    letter-spacing: 2px;

    cursor: pointer;

    transition: .4s;

}

.newsletter-form button:hover {

    background: #c89a63;

}

@media(max-width:991px) {

    .newsletter-content h2 {

        font-size: 44px;

    }

    .newsletter-content p {

        font-size: 16px;

    }

}

@media(max-width:767px) {

    .newsletter-section {

        padding: 70px 0;

    }

    .newsletter-content h2 {

        font-size: 34px;

        line-height: 1.25;

    }

    .newsletter-content p {

        font-size: 15px;

    }

    .newsletter-form {

        text-align: center;

    }

    .newsletter-form label {

        text-align: left;

    }

    .captcha-box {

        width: 100%;

    }

    .newsletter-form button {

        width: 100%;

    }

}

/*====================================
PUBLICATION SECTION
====================================*/

.publication-section {

    background: #ffffff;

    padding: 15px 0;

}

.publication-heading {

    text-align: center;

    margin-bottom: 7px;

}

.publication-heading h2 {

    font-size: 35px;

    color: #111;

    font-family: "Abhaya Libre", Sans-serif;

    font-weight: 500;

}

.publication-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 40px;

    align-items: center;

}

.publication-card {

    background: #fff;

    border-radius: 12px;

    padding: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 170px;

    transition: .45s;

    text-decoration: none;

}

.publication-card img {

    max-width: 87px;

    width: 100%;

    transition: .45s;

}

.publication-card:hover {

    transform: translateY(-10px);

    box-shadow: 0 15px 40px rgba(0, 0, 0, .12);

}

.publication-card:hover img {

    transform: scale(1.08);

}

/*=====================
TABLET
======================*/

@media(max-width:991px) {

    .publication-grid {

        grid-template-columns: repeat(2, 1fr);

        gap: 30px;

    }

    .publication-heading h2 {

        font-size: 40px;

    }

}

/*=====================
MOBILE
======================*/

@media(max-width:767px) {

    .publication-section {

        padding: 60px 0;

    }

    .publication-grid {

        grid-template-columns: 1fr;

        gap: 20px;

    }

    .publication-heading {

        margin-bottom: 40px;

    }

    .publication-heading h2 {

        font-size: 32px;

    }

    .publication-card {

        padding: 30px;

        min-height: 130px;

    }

    .publication-card img {

        max-width: 74px;

    }

}

/*=====================================
GOOGLE REVIEW SECTION
=====================================*/

.google-review-section {
    background: #000;
    padding: 90px 0;
    overflow: hidden;
}

.container {
    width: 90%;
    max-width: 1500px;
    margin: auto;
}

.review-wrapper {
    display: flex;
    align-items: center;
    gap: 35px;
}

/*=========================
LEFT GOOGLE BOX
=========================*/

.google-box {
    width: 260px;
    flex-shrink: 0;
    text-align: center;
}

.google-box h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 18px;
    font-family: 'DM Sans', sans-serif;
}

.google-stars {
    color: #FFC107;
    font-size: 44px;
    letter-spacing: 4px;
    margin-bottom: 10px;
}

.google-box p {
    color: #ddd;
    font-size: 20px;
    margin-bottom: 25px;
}

.google-box img {
    width: 170px;
}

/*=========================
SLIDER
=========================*/

.review-slider {
    flex: 1;
    position: relative;
}

.review-track-wrapper {
    overflow: hidden;
}

.review-track {
    display: flex;
    transition: .7s ease;
}

/*=========================
CARD
=========================*/

.review-card {

    flex: 0 0 calc(33.333% - 22px);

    margin: 0 11px;

    background: #202020;

    border-radius: 16px;

    padding: 22px;

    color: #fff;

    min-height: 235px;

    transition: .4s;

}

.review-card:hover {

    transform: translateY(-8px);

    background: #2b2b2b;

}

/*=========================
TOP
=========================*/

.review-top {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 18px;

}

.review-user {

    display: flex;

    align-items: center;

    gap: 12px;

}

.review-user img {

    width: 52px;

    height: 52px;

    border-radius: 50%;

    object-fit: cover;

}

.review-user h4 {

    font-size: 20px;

    color: #fff;

    margin-bottom: 4px;

}

.review-user span {

    color: #aaa;

    font-size: 15px;

}

.google-icon {

    width: 28px;

}

/*=========================
STAR
=========================*/

.stars {

    color: #FFC107;

    font-size: 22px;

    margin-bottom: 15px;

}

/*=========================
TEXT
=========================*/

.review-card p {

    font-size: 17px;

    line-height: 1.8;

    color: #f1f1f1;

}

.review-card a {

    display: inline-block;

    margin-top: 14px;

    color: #bbb;

    text-decoration: none;

    font-size: 15px;

}

.review-card a:hover {

    color: #fff;

}

/*=========================
ARROWS
=========================*/

.review-arrow {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 56px;

    height: 56px;

    border-radius: 50%;

    border: none;

    cursor: pointer;

    background: #1b1b1b;

    color: #fff;

    font-size: 20px;

    transition: .4s;

    z-index: 20;

}

.review-arrow:hover {

    background: #c89a63;

}

.review-prev {

    left: -28px;

}

.review-next {

    right: -28px;

}

/*=========================
TABLET
=========================*/

@media(max-width:991px) {

    .review-wrapper {

        flex-direction: column;

    }

    .google-box {

        width: 100%;

        margin-bottom: 30px;

    }

    .review-card {

        flex: 0 0 calc(50% - 20px);

    }

    .review-arrow {

        width: 50px;

        height: 50px;

    }

}

/*=========================
MOBILE
=========================*/

@media(max-width:767px) {

    .google-review-section {

        padding: 60px 0;

    }

    .google-box h2 {

        font-size: 34px;

    }

    .google-stars {

        font-size: 30px;

    }

    .google-box p {

        font-size: 16px;

    }

    .review-wrapper {

        flex-direction: column;

    }

    .google-box {

        width: 100%;
        margin-bottom: 30px;

    }

    .review-slider {

        width: 100%;

    }

    .review-track {

        gap: 0;

    }

    .review-card {

        flex: 0 0 100%;

        min-width: 100%;

        margin: 0;

        padding: 20px;

    }

    .review-arrow {

        width: 42px;
        height: 42px;

    }

    .review-prev {

        left: 5px;

    }

    .review-next {

        right: 5px;

    }

    .review-card p {

        font-size: 15px;

    }

    .review-user h4 {

        font-size: 17px;

    }

    .review-user span {

        font-size: 13px;

    }

    .review-arrow {

        width: 45px;

        height: 45px;

        font-size: 16px;

    }



}

footer {
    background: #10181f;
    color: #fff
}

.footer-top {
    padding: 70px 0
}

.footer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 60px;
    align-items: start
}

.footer-title {
    font-family: "Abhaya Libre", Sans-serif;
    color: #f2dec2;
    margin-bottom: 30px
}

.timing-row {
    display: flex;
    justify-content: space-between;
    padding: 18px 0;
    border-bottom: 1px solid rgba(201, 154, 99, .35);
    font-family: "DM Sans", sans-serif;
    font-size: 16px
}

.timing-row:last-child {
    border: none
}

.center-box {
    text-align: center;
}

.contact {
    text-align: center;
}

.logo {
    font: 600 46px "Cormorant Garamond", serif;
    color: #f2dec2;
    letter-spacing: 2px
}

.logo small {
    display: block;
    font-size: 18px;
    letter-spacing: 5px;
    color: #c99a63;
    margin-bottom: 8px
}

.center-box p {
    line-height: 1.9;
    color: #ddd;
    margin: 25px auto;
    max-width: 420px;
    font-size: 17px
}

.social {
    display: flex;
    justify-content: center;
    gap: 18px;
    margin-top: 25px
}

.social a {
    width: 52px;
    height: 52px;
    border: 1px solid #c99a63;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c99a63;
    text-decoration: none;
    transition: .35s
}

.social a:hover {
    background: #c99a63;
    color: #10181f
}

.contact p {
    margin-bottom: 18px;
    line-height: 1.8;
    color: #ddd;
    font-size: 18px
}

.footer-links {
    background: #050505;
    padding: 18px 0
}

.footer-links ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 28px;
    list-style: none
}

.footer-links a {
    text-decoration: none;
    color: #b9a06d;
    font-size: 15px;
    font-family: 'Hind Siliguri', sans-serif;
}

.footer-links a:hover {
    color: #fff
}

.copyright {
    background: #10181f;
    text-align: center;
    padding: 22px;
    font-size: 17px;
    color: #e8e8e8;
    font-family: 'Hind Siliguri', sans-serif;
}

@media(max-width:991px) {
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 50px
    }

    .footer-title,
    .center-box,
    .contact {
        text-align: center
    }

    .timing-row {
        font-size: 16px
    }
}

@media(max-width:576px) {
    .footer-top {
        padding: 50px 0
    }

    .footer-title {
        font-size: 34px
    }

    .logo {
        font-size: 38px
    }

    .center-box p,
    .contact p {
        font-size: 15px
    }

    .footer-links ul {
        flex-direction: column;
        gap: 14px;
        text-align: center
    }

    .social a {
        width: 46px;
        height: 46px
    }

    .copyright {
        font-size: 14px
    }
}

/* menu page */
/*==============================
MENU BANNER
==============================*/

.menu-banner {

    position: relative;

    min-height: 560px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: url("../img/Untitled-design-15.webp") center center/cover no-repeat;

    overflow: hidden;

}

.banner-overlay {

    position: absolute;

    inset: 0;

    background: rgba(0, 0, 0, .55);

}

.menu-banner .container {

    position: relative;

    z-index: 2;

    width: 90%;

    max-width: 1200px;

    margin: auto;

}

.menu-banner-content {

    text-align: center;

    color: #fff;

}

.breadcrumb {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 12px;

    margin-bottom: 35px;

    font-size: 15px;

}

.breadcrumb a {

    color: #fff;

    text-decoration: none;

}

.breadcrumb i {

    margin-right: 8px;

    color: #c89a63;

}

.menu-subtitle {

    display: block;

    color: #f6e4cb;

    font-size: 16px;

    letter-spacing: 3px;

    margin-bottom: 25px;

    text-transform: uppercase;

    font-family: "Abhaya Libre", Sans-serif;

}

.menu-banner h1 {

    font-size: 3rem;

    line-height: 1.25;

    color: #f6e4cb;

    font-family: "Abhaya Libre", Sans-serif;

    font-weight: 500;

    max-width: 1200px;

    margin: auto auto 35px;

}

.menu-banner p {

    max-width: 1050px;

    margin: auto;

    color: #fff;

    line-height: 1.9;

    font-size: 16px;
    font-family: "DM Sans", sans-serif;

}

@media(max-width:991px) {

    .menu-banner {

        min-height: 480px;

    }

    .menu-banner h1 {

        font-size: 48px;

    }

    .menu-banner p {

        font-size: 17px;

    }

}

@media(max-width:767px) {

    .menu-banner {

        min-height: 420px;

        padding: 80px 0;

    }

    .breadcrumb {

        font-size: 13px;

        margin-bottom: 20px;

    }

    .menu-subtitle {

        font-size: 14px;

        margin-bottom: 18px;

        letter-spacing: 2px;

    }

    .menu-banner h1 {

        font-size: 34px;

        line-height: 1.3;

        margin-bottom: 20px;

    }

    .menu-banner p {

        font-size: 15px;

        line-height: 1.8;

    }

}

/*===============================
MENU CATEGORY
================================*/

.menu-category {

    background: #091117;

    padding: 120px 0;

}

.container {

    width: 90%;

    max-width: 1400px;

    margin: auto;

}

/*========================*/

.menu-top {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 120px;

    align-items: flex-start;

    margin-bottom: 180px;

}

.menu-left span {

    color: #f4e1c7;

    font-size: 15px;

    letter-spacing: 4px;

    display: block;

    margin-bottom: 28px;

    font-family: 'DM Sans', sans-serif;

}

.menu-left h2 {

    color: #f4e1c7;

    font-size: 40px;

    line-height: 1.25;

    font-family: "Abhaya Libre", Sans-serif;

    font-weight: 500;

}

.menu-right {

    display: flex;

    align-items: center;

}

.menu-right p {

    color: #f4e1c7;

    font-size: 16px;

    line-height: 2;
    font-family: 'DM Sans', sans-serif;

}

/*============================*/

.category-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 30px;

}

.category-card {

    text-align: center;

    text-decoration: none;

}

.category-img {

    overflow: hidden;

}

.category-img img {

    width: 100%;

    height: 360px;

    object-fit: cover;

    transition: .7s;

    display: block;

}

.category-card:hover img {

    transform: scale(1.08);

}

.category-card h3 {

    margin-top: 28px;

    color: #f4e1c7;

    font-size: 30px;

    font-family: "Abhaya Libre", Sans-serif;

    font-weight: 500;

}

@media(max-width:991px) {

    .menu-category {

        padding: 90px 0;

    }

    .menu-top {

        grid-template-columns: 1fr;

        gap: 40px;

        margin-bottom: 70px;

    }

    .menu-left h2 {

        font-size: 46px;

    }

    .menu-right p {

        font-size: 17px;

    }

    .category-grid {

        grid-template-columns: repeat(2, 1fr);

        gap: 25px;

    }

    .category-img img {

        height: 340px;

    }

    .category-card h3 {

        font-size: 30px;

    }

}

@media(max-width:767px) {

    .menu-category {

        padding: 60px 0;

    }

    .menu-top {

        grid-template-columns: 1fr;

        gap: 25px;

        margin-bottom: 45px;

    }

    .menu-left {

        text-align: center;

    }

    .menu-right {

        text-align: center;

    }

    .menu-left span {

        font-size: 13px;

        letter-spacing: 3px;

        margin-bottom: 15px;

    }

    .menu-left h2 {

        font-size: 34px;

        line-height: 1.35;

    }

    .menu-right p {

        font-size: 15px;

        line-height: 1.8;

    }

    .category-grid {

        grid-template-columns: 1fr;

        gap: 35px;

    }

    .category-img img {

        height: 280px;

    }

    .category-card h3 {

        font-size: 28px;

        margin-top: 18px;

    }

}

/*==============================
QUOTE SECTION
==============================*/

.quote-section {

    background: #091117;

    padding: 50px 0;

}

.quote-section .container {

    width: 90%;

    max-width: 1200px;

    margin: auto;

}

.quote-content {

    text-align: center;

}

.quote-icon {

    font-size: 170px;

    color: #c89a63;

    font-family: Georgia, serif;

    line-height: 1;

    margin-bottom: 35px;

}

.quote-content h2 {

    color: #f2dec2;

    font-size: 30px;

    line-height: 1.55;

    font-family: "Abhaya Libre", Sans-serif;

    font-weight: 500;

    max-width: 1150px;

    margin: auto;

}

.quote-user {

    margin-top: 70px;

}

.quote-user img {

    width: 95px;

    height: 95px;

    border-radius: 50%;

    object-fit: cover;

    border: 4px solid rgba(255, 255, 255, .08);

}

.quote-user h4 {

    color: #f2dec2;

    margin-top: 18px;

    font-size: 30px;

    font-family: "Abhaya Libre", Sans-serif;
    ;

    font-weight: 500;

}

@media(max-width:991px) {

    .quote-section {

        padding: 90px 0;

    }

    .quote-icon {

        font-size: 120px;

        margin-bottom: 25px;

    }

    .quote-content h2 {

        font-size: 36px;

        line-height: 1.5;

    }

    .quote-user {

        margin-top: 45px;

    }

}

@media(max-width:767px) {

    .quote-section {

        padding: 60px 0;

    }

    .quote-icon {

        font-size: 80px;

        margin-bottom: 18px;

    }

    .quote-content h2 {

        font-size: 26px;

        line-height: 1.6;

    }

    .quote-user {

        margin-top: 35px;

    }

    .quote-user img {

        width: 75px;

        height: 75px;

    }

    .quote-user h4 {

        font-size: 24px;

    }

}

.form-section {
    position: relative;
    padding: 90px 20px;
    background: url('../img/menu-1.webp') center/cover no-repeat
}

.form-section:before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(6, 14, 20, .72)
}

.form-section .box {
    position: relative;
    z-index: 2;
    max-width: 1100px;
    margin: auto;
    background: #0c151d;
    padding: 60px;
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 60px
}

.form-section .small {
    color: #f3e0c5;
    letter-spacing: 4px;
    text-transform: uppercase
}

.form-section h2 {
    font-family: "Abhaya Libre", Sans-serif;
    color: #f3e0c5;
    margin: 15px 0 35px;
    font-size: 40px;
}

.form-section label {
    display: block;
    color: #fff;
    margin: 12px 0 8px
}

.form-section input,
textarea {
    width: 100%;
    padding: 15px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .45);
    color: #fff
}

.form-section textarea {
    height: 90px
}

.form-section button {
    margin-top: 18px;
    padding: 15px 40px;
    background: transparent;
    border: 1px solid #c89a63;
    color: #fff
}

.form-section .right {
    text-align: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.form-section .flower {
    font-size: 94px;
    color: #c89a63
}

.right h3 {
    font: 500 30px "Abhaya Libre", Sans-serif;
    color: #f3e0c5;
    margin: 20px 0
}

.form-section .time {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid rgba(201, 154, 99, .3);
    font-family: "DM Sans", sans-serif;
}

.form-section .phone {
    font-size: 40px;
    color: #d6a060;
    margin: 20px 0;
    font-family: "Abhaya Libre", Sans-serif;
}

@media(max-width:991px) {
    .form-section .box {
        grid-template-columns: 1fr;
        padding: 35px
    }

    .form-section h2 {
        font-size: 42px
    }
}

@media(max-width:767px) {
    .form-section {
        padding: 50px 15px
    }

    .form-section .box {
        padding: 25px
    }

    .form-section .time {
        font-size: 14px
    }

    .form-section h2 {
        font-size: 34px
    }

    .form-section .phone {
        font-size: 30px
    }

    .form-section button {
        width: 100%
    }

    .form-section .flower {
        top: -112px;
    }
}

/*==========================
FOOD GALLERY
===========================*/

.food-gallery {

    width: 100%;

    background: #081117;

}

.gallery-wrapper {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    overflow: hidden;

}

.gallery-item {

    position: relative;

    overflow: hidden;

    display: block;

}

.gallery-item img {

    width: 100%;

    height: 420px;

    object-fit: cover;

    display: block;

    transition: .8s;

}

/* Overlay */

.gallery-overlay {

    position: absolute;

    inset: 0;

    background: rgba(0, 0, 0, .55);

    display: flex;

    justify-content: center;

    align-items: center;

    opacity: 0;

    transition: .5s;

}

.gallery-content {

    text-align: center;

    color: #fff;

    transform: translateY(40px);

    transition: .5s;

}

.gallery-content i {

    font-size: 42px;

    color: #c89a63;

    margin-bottom: 18px;

}

.gallery-content h3 {

    font-size: 34px;

    font-family: "Abhaya Libre", Sans-serif;
    ;

    color: #f2dec2;

    margin-bottom: 10px;

}

.gallery-content p {

    font-size: 17px;

    letter-spacing: 2px;

    text-transform: uppercase;

}

/* Hover */

.gallery-item:hover img {

    transform: scale(1.12);

}

.gallery-item:hover .gallery-overlay {

    opacity: 1;

}

.gallery-item:hover .gallery-content {

    transform: translateY(0);

}

@media(max-width:991px) {

    .gallery-wrapper {

        grid-template-columns: repeat(2, 1fr);

    }

    .gallery-item:last-child {

        grid-column: span 2;

    }

    .gallery-item img {

        height: 340px;

    }

    .gallery-content h3 {

        font-size: 30px;

    }

}

@media(max-width:767px) {

    .gallery-wrapper {

        grid-template-columns: 1fr;

    }

    .gallery-item:last-child {

        grid-column: auto;

    }

    .gallery-item img {

        height: 260px;

    }

    .gallery-content i {

        font-size: 34px;

    }

    .gallery-content h3 {

        font-size: 28px;

    }

    .gallery-content p {

        font-size: 14px;

    }

}

/* aboutus page */
/*=============================
ABOUT BANNER
=============================*/

.about-banner {

    position: relative;

    width: 100%;

    height: 440px;

    display: flex;

    justify-content: center;

    align-items: center;

    background: url("../img/image-section-1-1-1.webp") center center/cover no-repeat;

    overflow: hidden;

}

/* Dark Overlay */

.banner-overlay {

    position: absolute;

    inset: 0;

    background: rgba(0, 0, 0, .55);

}

/* Container */

.about-banner .container {

    width: 90%;

    max-width: 1400px;

    margin: auto;

    position: relative;

    z-index: 2;

}

/* Content */

.about-banner-content {

    text-align: center;

}

/* Heading */

.about-banner-content h1 {

    color: #f3e2ca;

    font-size: 88px;

    font-family: "Abhaya Libre", Sans-serif;

    font-weight: 500;

    margin-bottom: 28px;

}

/* Breadcrumb */

.breadcrumb {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 18px;

}

.breadcrumb a {

    text-decoration: none;

    color: #ffffff;

    font-size: 16px;

    letter-spacing: 4px;

    text-transform: uppercase;

    font-family: "DM Sans", sans-serif;

    transition: .35s;

}

.breadcrumb span {

    color: #d4a05d;

    font-size: 15px;

    letter-spacing: 4px;

}

.breadcrumb a:hover {

    color: #d4a05d;

}

@media(max-width:991px) {

    .about-banner {

        height: 350px;

    }

    .about-banner-content h1 {

        font-size: 60px;

    }

    .breadcrumb a {

        font-size: 15px;

    }

}

@media(max-width:767px) {

    .about-banner {

        height: 280px;

        padding: 30px 15px;

    }

    .about-banner-content h1 {

        font-size: 42px;

        margin-bottom: 18px;

    }

    .breadcrumb {

        gap: 10px;

        flex-wrap: wrap;

    }

    .breadcrumb a {

        font-size: 12px;

        letter-spacing: 2px;

    }

    .breadcrumb span {

        font-size: 12px;

    }

}

.abouts {
    padding: 90px 0
}

.abouts .container {
    width: 90%;
    max-width: 1400px;
    margin: auto
}

.abouts .grid {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 60px;
    align-items: center
}

.abouts .tag {
    color: #c89a63;
    letter-spacing: 4px;
    margin-bottom: 25px
}

.abouts .content p {
    line-height: 2;
    margin-bottom: 20px;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    color: #f2dec2;
}

.abouts .content b {
    color: #d7a05f
}

.abouts .gallery {
    display: grid;
    grid-template-columns: 1fr .9fr;
    gap: 24px;
    position: relative
}

.abouts .gallery img {
    width: 100%;
    object-fit: cover;
    display: block
}

.abouts .gallery .a {
    height: 640px
}

.abouts .gallery .b {
    height: 500px;
    margin-top: 30px
}

.abouts .exp {
    position: absolute;
    left: 48%;
    bottom: 180px;
    transform: translateX(-10%);
    background: #101820;
    padding: 22px 30px;
    display: flex;
    gap: 16px;
    align-items: center
}

.abouts .exp strong {
    font-family: "Abhaya Libre", Sans-serif;
    color: #f3e1c7;
    font-size: 40px;
}

.abouts .exp span {
    line-height: 1.4;
    color: #f2dec2;
}

@media(max-width:991px) {
    .abouts .grid {
        grid-template-columns: 1fr
    }

    .abouts .exp {
        left: 42%;
        bottom: 120px
    }
}

@media(max-width:767px) {
    .abouts .about {
        padding: 60px 0
    }

    .abouts .gallery {
        grid-template-columns: 1fr
    }

    .abouts .gallery .a,
    .abouts .gallery .b {
        height: 360px;
        margin-top: 0
    }

    .abouts .exp {
        position: relative;
        left: auto;
        bottom: auto;
        transform: none;
        justify-content: center;
        margin-top: 15px
    }
}

/*=====================================
WHY CHOOSE US
======================================*/

.why-choose {

    background: #091117;

    padding: 110px 0;

    overflow: hidden;

}

.container {

    width: 90%;

    max-width: 1380px;

    margin: auto;

}

/*==========================
Heading
===========================*/

.why-heading {

    text-align: center;

    margin-bottom: 80px;

}

.why-heading span {

    color: #f2dec2;

    letter-spacing: 4px;

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    display: block;

    margin-bottom: 20px;

    font-family: 'DM Sans', sans-serif;

}

.why-heading h2 {

    color: #f2dec2;

    font-size: 55px;

    line-height: 1.25;

    font-weight: 500;

    font-family: "Abhaya Libre", Sans-serif;

}

/*==========================
Cards
===========================*/

.why-cards {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 28px;

    margin-bottom: 90px;

}

.why-card {

    border: 1px solid rgba(210, 159, 91, .45);

    padding: 50px 35px;

    text-align: center;

    transition: .4s;

    background: transparent;

}

.why-card:hover {

    background: #111d26;

    transform: translateY(-10px);

    border-color: #d29f5b;

}

.why-icon {

    width: 95px;

    height: 95px;

    margin: auto auto 28px;

}

.why-icon img {

    width: 100%;

    transition: .4s;

}

.why-card:hover .why-icon img {

    transform: rotate(10deg) scale(1.1);

}

.why-card h3 {

    color: #f3e1c7;

    font-size: 20px;

    margin-bottom: 22px;

    font-family: "Abhaya Libre", Sans-serif;

    font-weight: 600;

}

.why-card p {

    color: #f3e1c7;

    line-height: 2;

    font-size: 16px;
    font-family: "DM Sans", sans-serif;

}

/*==========================
Bottom Area
===========================*/

.experience-wrapper {

    display: grid;

    grid-template-columns: 320px 1fr 360px;

    gap: 45px;

    align-items: center;

}

/*==========================
Left
===========================*/

.experience-left span {

    color: #d3a161;

    font-size: 14px;

    letter-spacing: 4px;

    text-transform: uppercase;
    font-family: "DM Sans", sans-serif;

}

.experience-left h2 {

    color: #f2dec2;

    font-size: 48px;

    line-height: 1.25;

    margin: 25px 0 35px;

    font-family: "Abhaya Libre", Sans-serif;

}

.experience-left ul {

    list-style: none;

}

.experience-left li {

    color: #fff;

    margin: 22px 0;

    padding-bottom: 18px;

    border-bottom: 1px solid rgba(255, 255, 255, .15);

    font-size: 16px;

    position: relative;

    padding-left: 22px;
    font-family: "DM Sans", sans-serif;

}

.experience-left li::before {

    content: "•";

    position: absolute;

    left: 0;

    color: #d3a161;

}

/*==========================
Center Image
===========================*/

.experience-image {

    overflow: hidden;

}

.experience-image img {

    width: 100%;

    height: 640px;

    object-fit: cover;

    transition: .6s;

}

.experience-image:hover img {

    transform: scale(1.08);

}

/*==========================
Right Box
===========================*/

.experience-right {

    padding-left: 10px;

}

.timing-box {

    margin-bottom: 70px;

}

.timing-box h3,

.contact-box h3 {

    color: #f2dec2;

    font-size: 30px;

    margin-bottom: 35px;

    font-family: "Abhaya Libre", Sans-serif;

    font-weight: 500;

}

.timing-row {

    display: flex;

    justify-content: space-between;

    padding: 18px 0;

    border-bottom: 1px solid rgba(255, 255, 255, .15);

}

.timing-row span {

    color: #fff;

    font-size: 16px;

}

.contact-item {

    display: flex;

    gap: 18px;

    margin-bottom: 28px;

    align-items: flex-start;

}

.contact-item i {

    color: #d3a161;

    font-size: 18px;

    margin-top: 6px;

}

.contact-item p {

    color: #fff;

    line-height: 1.8;

    font-size: 16px;

}

/*==========================
Hover Effects
===========================*/

.why-card,

.experience-image img {

    transition: all .45s ease;

}

.contact-item:hover i {

    transform: scale(1.2);

}

.contact-item i {

    transition: .3s;

}

.timing-row:hover {

    padding-left: 10px;

}

.timing-row {

    transition: .3s;

}

/*=========================================
LARGE LAPTOP
=========================================*/

@media (max-width:1200px) {

    .why-cards {

        grid-template-columns: repeat(2, 1fr);

        gap: 25px;

    }

    .experience-wrapper {

        grid-template-columns: 280px 1fr 300px;

        gap: 30px;

    }

    .experience-left h2 {

        font-size: 46px;

    }

    .experience-image img {

        height: 560px;

    }

    .timing-box h3,
    .contact-box h3 {

        font-size: 34px;

    }

}


/*=========================================
TABLET
=========================================*/

@media (max-width:991px) {

    .why-choose {

        padding: 80px 0;

    }

    .why-heading {

        margin-bottom: 60px;

    }

    .why-heading h2 {

        font-size: 44px;

    }

    .why-cards {

        grid-template-columns: repeat(2, 1fr);

        gap: 25px;

        margin-bottom: 60px;

    }

    .why-card {

        padding: 35px 25px;

    }

    .why-card h3 {

        font-size: 26px;

    }

    .experience-wrapper {

        grid-template-columns: 1fr;

        gap: 45px;

    }

    .experience-left {

        text-align: center;

    }

    .experience-left ul {

        max-width: 420px;

        margin: auto;

        text-align: left;

    }

    .experience-image {

        order: 2;

    }

    .experience-right {

        order: 3;

        padding-left: 0;

    }

    .experience-image img {

        height: 500px;

    }

    .timing-box {

        margin-bottom: 45px;

    }

}


/*=========================================
MOBILE
=========================================*/

@media (max-width:767px) {

    .why-choose {

        padding: 60px 0;

    }

    .container {

        width: 92%;

    }

    .why-heading {

        margin-bottom: 40px;

    }

    .why-heading span {

        font-size: 12px;

        letter-spacing: 3px;

    }

    .why-heading h2 {

        font-size: 32px;

        line-height: 1.3;

    }

    .why-cards {

        grid-template-columns: 1fr;

        gap: 20px;

        margin-bottom: 45px;

    }

    .why-card {

        padding: 28px 20px;

    }

    .why-icon {

        width: 70px;

        height: 70px;

        margin-bottom: 18px;

    }

    .why-card h3 {

        font-size: 24px;

        margin-bottom: 15px;

    }

    .why-card p {

        font-size: 15px;

        line-height: 1.8;

    }

    .experience-wrapper {

        grid-template-columns: 1fr;

        gap: 35px;

    }

    .experience-left {

        text-align: center;

    }

    .experience-left h2 {

        font-size: 34px;

        margin: 15px 0 25px;

    }

    .experience-left li {

        font-size: 15px;

        margin: 15px 0;

        padding-bottom: 15px;

    }

    .experience-image img {

        height: 320px;

    }

    .experience-right {

        padding-left: 0;

    }

    .timing-box h3,
    .contact-box h3 {

        font-size: 30px;

        margin-bottom: 20px;

    }

    .timing-row {

        flex-direction: column;

        gap: 6px;

        padding: 14px 0;

    }

    .timing-row span {

        font-size: 15px;

    }

    .contact-item {

        gap: 12px;

        margin-bottom: 20px;

    }

    .contact-item p {

        font-size: 15px;

        line-height: 1.7;

    }

}


/*=========================================
PREMIUM HOVER EFFECTS
=========================================*/

.why-card {

    position: relative;

    overflow: hidden;

}

.why-card::before {

    content: "";

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg,
            transparent,
            rgba(201, 154, 99, .15),
            transparent);

    transition: .8s;

}

.why-card:hover::before {

    left: 100%;

}

.why-card:hover {

    box-shadow: 0 15px 40px rgba(0, 0, 0, .35);

}

.experience-image {

    overflow: hidden;

}

.experience-image img {

    transition: transform .8s ease;

}

.experience-image:hover img {

    transform: scale(1.08);

}

.contact-item {

    transition: .3s;

}

.contact-item:hover {

    transform: translateX(8px);

}

.timing-row {

    transition: .3s;

}

.timing-row:hover {

    padding-left: 12px;

    border-color: #d3a161;

}

/*==========================
Banner
==========================*/

.reservation-banner {

    position: relative;

    width: 100%;

    padding: 70px 20px 90px;

    background: url("../img/7-1.webp") center center/cover no-repeat;

    overflow: hidden;

}

.reservation-banner::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: rgba(7, 13, 18, .82);

}

.banner-content {

    position: relative;

    z-index: 2;

    max-width: 1200px;

    margin: auto;

    text-align: center;

}

/*==========================
Heading
==========================*/

.banner-content h1 {

    font-family: "Abhaya Libre", Sans-serif;

    font-size: 80px;

    font-weight: 500;

    color: #f6e5cb;

    margin-bottom: 18px;

}

.breadcrumb {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 15px;

    margin-bottom: 70px;

}

.breadcrumb a {

    text-decoration: none;

    font-size: 13px;

    letter-spacing: 3px;

    text-transform: uppercase;

    font-weight: 700;

    color: #fff;

}

.breadcrumb span {

    color: #c69758;

}

/*==========================
Form Box
==========================*/

.booking-box {

    width: 100%;

    max-width: 760px;

    margin: auto;

    background: #10181f;

    padding: 70px;

    border-top: 2px solid #c69758;

    box-shadow: 0 15px 45px rgba(0, 0, 0, .45);

    text-align: left;

}

.booking-top {

    text-align: center;

    margin-bottom: 50px;

}

.booking-top span {

    color: #d4a25d;

    font-size: 13px;

    letter-spacing: 4px;

    text-transform: uppercase;

    display: block;

    margin-bottom: 18px;

}

.booking-top h2 {

    font-family: "Abhaya Libre", Sans-serif;

    font-size: 40px;

    font-weight: 500;

    color: #f6e5cb;

}

/*==========================
Grid
==========================*/

.form-grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 22px;

}

.form-group {

    display: flex;

    flex-direction: column;

}

.form-group.full {

    grid-column: 1/3;

}

label {

    font-size: 13px;

    font-weight: 700;

    margin-bottom: 8px;

    color: #fff;

}

label span {

    color: #ff6969;

}

input,
textarea {

    width: 100%;

    padding: 16px 18px;

    background: transparent;

    border: 1px solid rgba(255, 255, 255, .35);

    color: #fff;

    outline: none;

    font-size: 15px;

    transition: .35s;

}

textarea {

    height: 90px;

    resize: none;

}

input:focus,
textarea:focus {

    border-color: #d4a25d;

}

input::placeholder,
textarea::placeholder {

    color: #bbb;

}

/*==========================
Captcha
==========================*/

.captcha {

    grid-column: 1/3;

    background: #fff;

    width: 300px;

    height: 78px;

    display: flex;

    align-items: center;

    padding: 18px;

    color: #111;

    font-size: 15px;

    gap: 15px;

    margin-top: 10px;

}

.captcha-box {

    width: 22px;

    height: 22px;

    border: 2px solid #888;

}

/*==========================
Button
==========================*/

.btn-wrap {

    grid-column: 1/3;

    text-align: center;

    margin-top: 20px;

}

.btn {

    display: inline-block;

    padding: 16px 38px;

    border: 1px solid #c69758;

    background: transparent;

    color: #fff;

    font-size: 14px;

    letter-spacing: 2px;

    text-transform: uppercase;

    text-decoration: none;

    transition: .35s;

}

.btn:hover {

    background: #c69758;

}

/*==========================
Hover
==========================*/

.booking-box {

    transition: .4s;

}

.booking-box:hover {

    transform: translateY(-5px);

}

/*==========================
Tablet
==========================*/

@media(max-width:992px) {

    .banner-content h1 {

        font-size: 56px;

    }

    .booking-box {

        padding: 50px;

    }

    .booking-top h2 {

        font-size: 42px;

    }

}

/*==========================
Mobile
==========================*/

@media(max-width:768px) {

    .reservation-banner {

        padding: 80px 15px;

    }

    .banner-content h1 {

        font-size: 46px;

    }

    .breadcrumb {

        margin-bottom: 45px;

        gap: 10px;

    }

    .booking-box {

        padding: 35px 25px;

    }

    .booking-top {

        margin-bottom: 35px;

    }

    .booking-top h2 {

        font-size: 34px;

    }

    .form-grid {

        grid-template-columns: 1fr;

    }

    .form-group.full {

        grid-column: auto;

    }

    .captcha {

        grid-column: auto;

        width: 100%;

    }

    .btn-wrap {

        grid-column: auto;

    }

}

/*==========================
Small Mobile
==========================*/

@media(max-width:480px) {

    .banner-content h1 {

        font-size: 38px;

    }

    .booking-top h2 {

        font-size: 30px;

    }

    .booking-box {

        padding: 25px 18px;

    }

    input,
    textarea {

        padding: 14px;

        font-size: 14px;

    }

    .btn {

        width: 100%;

    }

}

/*==============================
GALLERY SECTION
==============================*/

.gallery-section {
    background: #0c1419;
    padding: 110px 0;
    overflow: hidden;
}

.gallery-container {
    width: 90%;
    max-width: 1400px;
    margin: auto;
}

/*==============================
Heading
==============================*/

.gallery-heading {
    text-align: center;
    margin-bottom: 70px;
}

.gallery-heading span {
    display: block;
    color: #f5e5cf;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.gallery-heading h2 {
    font-family: "Abhaya Libre", Sans-serif;
    color: #f5e5cf;
    font-size: 55px;
    font-weight: 500;
    line-height: 1.1;
}

/*==============================
Gallery Layout
==============================*/

.gallery-grids {

    display: grid;

    grid-template-columns: 1fr 1.05fr 1fr;

    gap: 20px;

    align-items: start;

}

/*==============================
Image Box
==============================*/

.gallery-item {

    position: relative;

    overflow: hidden;

    cursor: pointer;

    background: #111;

}

.gallery-item img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

    transition: 1s ease;

}

/* Left */

.left-image {

    height: 500px;

}

/* Center */

.center-image {

    height: 620px;

}

/* Right */

.right-column {

    display: grid;

    gap: 20px;

}

.right-column .gallery-item {

    height: 250px;

}

/*==============================
Hover Overlay
==============================*/

.gallery-overlay {

    position: absolute;

    inset: 0;

    background: linear-gradient(to top,
            rgba(0, 0, 0, .82),
            rgba(0, 0, 0, .12));

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    padding: 35px;

    opacity: 0;

    transition: .45s;

}

.gallery-overlay h3 {

    color: #fff;

    font-family: "Abhaya Libre", Sans-serif;
    ;

    font-size: 34px;

    margin-bottom: 8px;

}

.gallery-overlay p {

    color: #d7d7d7;

    font-size: 15px;

    letter-spacing: 1px;

}

/*==============================
Hover Effects
==============================*/

.gallery-item:hover img {

    transform: scale(1.12);

}

.gallery-item:hover .gallery-overlay {

    opacity: 1;

}

.gallery-item::after {

    content: "";

    position: absolute;

    top: 0;

    left: -120%;

    width: 70%;

    height: 100%;

    background: linear-gradient(120deg,
            transparent,
            rgba(255, 255, 255, .28),
            transparent);

    transition: .9s;

}

.gallery-item:hover::after {

    left: 140%;

}

/*==============================
Explore Button
==============================*/

.gallery-btns {

    margin-top: 55px;

}

.gallery-btns a {

    display: inline-block;

    padding: 18px 46px;

    border: 1px solid #c99757;

    color: #fff;

    text-decoration: none;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-size: 14px;

    font-weight: 600;

    font-family: "DM Sans", sans-serif;

    transition: .4s;

}

.gallery-btns a:hover {

    background: #c99757;

    color: #111;

}

/*==============================
Extra Premium Hover
==============================*/

.gallery-item {

    transition: .45s;

}

.gallery-item:hover {

    transform: translateY(-8px);

    box-shadow: 0 20px 45px rgba(0, 0, 0, .45);

}

.gallery-heading h2 {

    transition: .35s;

}

.gallery-heading h2:hover {

    color: #d4a25d;

}

/*==============================
Spacing
==============================*/

.left-image {

    margin-top: 70px;

}

.center-image {

    margin-top: 0;

}

.right-column {

    margin-top: 70px;

}

/*==============================
Smooth Animation
==============================*/

.gallery-item {

    animation: fadeUp .8s ease both;

}

.gallery-item:nth-child(2) {

    animation-delay: .2s;

}

.gallery-item:nth-child(3) {

    animation-delay: .4s;

}

@keyframes fadeUp {

    from {

        opacity: 0;

        transform: translateY(40px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}

/*====================================
LARGE LAPTOP
====================================*/

@media (max-width:1400px) {

    .gallery-heading h2 {
        font-size: 56px;
    }

    .left-image {
        height: 560px;
    }

    .center-image {
        height: 720px;
    }

    .right-column .gallery-item {
        height: 350px;
    }

}

/*====================================
LAPTOP
====================================*/

@media (max-width:1200px) {

    .gallery-grids {

        grid-template-columns: 1fr 1fr;

        gap: 25px;

    }

    .left-image {

        height: 520px;
        margin-top: 0;

    }

    .center-image {

        height: 620px;

    }

    .right-column {

        grid-column: 1/3;

        grid-template-columns: repeat(2, 1fr);

        gap: 25px;

        margin-top: 0;

    }

    .right-column .gallery-item {

        height: 300px;

    }

    .gallery-btns {

        text-align: center;
        margin-top: 45px;

    }

}

/*====================================
TABLET
====================================*/

@media (max-width:992px) {

    .gallery-section {

        padding: 80px 0;

    }

    .gallery-heading {

        margin-bottom: 50px;

    }

    .gallery-heading h2 {

        font-size: 46px;

    }

    .gallery-grids {

        grid-template-columns: 1fr;

        gap: 25px;

    }

    .left-image,
    .center-image {

        height: 500px;

    }

    .right-column {

        grid-column: auto;

        grid-template-columns: 1fr;

        gap: 25px;

    }

    .right-column .gallery-item {

        height: 300px;

    }

    .gallery-btns {

        text-align: center;

    }

}

/*====================================
MOBILE
====================================*/

@media (max-width:768px) {

    .gallery-section {

        padding: 60px 0;

    }

    .gallery-container {

        width: 92%;

    }

    .gallery-heading {

        margin-bottom: 35px;

    }

    .gallery-heading span {

        font-size: 12px;
        letter-spacing: 3px;

    }

    .gallery-heading h2 {

        font-size: 34px;
        line-height: 1.2;

    }

    .gallery-grids {

        gap: 18px;

    }

    .left-image,
    .center-image,
    .right-column .gallery-item {

        height: 260px;

    }

    .gallery-overlay {

        opacity: 1;

        padding: 20px;

        background: linear-gradient(to top,
                rgba(0, 0, 0, .75),
                rgba(0, 0, 0, .15));

    }

    .gallery-overlay h3 {

        font-size: 24px;

    }

    .gallery-overlay p {

        font-size: 13px;

    }

    .gallery-btns {

        margin-top: 35px;

    }

    .gallery-btns a {

        width: 100%;

        text-align: center;

        padding: 16px;

    }

}

/*====================================
SMALL MOBILE
====================================*/

@media (max-width:480px) {

    .gallery-heading h2 {

        font-size: 28px;

    }

    .left-image,
    .center-image,
    .right-column .gallery-item {

        height: 220px;

    }

    .gallery-overlay {

        padding: 15px;

    }

    .gallery-overlay h3 {

        font-size: 20px;

    }

    .gallery-overlay p {

        font-size: 12px;

    }

    .gallery-btns a {

        font-size: 13px;

        letter-spacing: 1px;

    }

}

/*====================================
PREMIUM HOVER EFFECTS
====================================*/

.gallery-item {

    position: relative;

    overflow: hidden;

    border-radius: 2px;

}

.gallery-item img {

    transition: transform .8s ease,
        filter .5s ease;

}

.gallery-item:hover img {

    transform: scale(1.10);

    filter: brightness(.78);

}

.gallery-overlay {

    transition: .45s ease;

}

.gallery-item:hover .gallery-overlay {

    opacity: 1;

}

/* Gold Border Animation */

.gallery-item::before {

    content: "";

    position: absolute;

    inset: 18px;

    border: 1px solid rgba(201, 151, 87, .85);

    opacity: 0;

    transform: scale(.9);

    transition: .45s;

    z-index: 2;

    pointer-events: none;

}

.gallery-item:hover::before {

    opacity: 1;

    transform: scale(1);

}

/* Shine Animation */

.gallery-item::after {

    content: "";

    position: absolute;

    top: 0;

    left: -120%;

    width: 60%;

    height: 100%;

    background: linear-gradient(120deg,
            transparent,
            rgba(255, 255, 255, .28),
            transparent);

    transition: .9s;

}

.gallery-item:hover::after {

    left: 140%;

}

/* Floating Card */

.gallery-item {

    transition: transform .35s ease,
        box-shadow .35s ease;

}

.gallery-item:hover {

    transform: translateY(-8px);

    box-shadow: 0 20px 45px rgba(0, 0, 0, .45);

}

/* Button Hover */

.gallery-btns a {

    position: relative;

    overflow: hidden;

}

.gallery-btns a::before {

    content: "";

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: #c99757;

    transition: .45s;

    z-index: -1;

}

.gallery-btns a:hover::before {

    left: 0;

}

.gallery-btns a:hover {

    color: #111;

    border-color: #c99757;

}

/* Fade Animation */

.gallery-item {

    opacity: 0;

    animation: galleryFade .8s forwards;

}

.left-image {

    animation-delay: .1s;

}

.center-image {

    animation-delay: .3s;

}

.right-column .gallery-item:nth-child(1) {

    animation-delay: .5s;

}

.right-column .gallery-item:nth-child(2) {

    animation-delay: .7s;

}

@keyframes galleryFade {

    from {

        opacity: 0;

        transform: translateY(40px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}

/*=============================
CONTACT BANNER
=============================*/

.contact-banner {

    position: relative;

    width: 100%;

    min-height: 470px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    overflow: hidden;

    background-image: url("../img/contact-1.webp");

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

}

/* Dark Overlay */

.contact-banner-overlay {

    position: absolute;

    inset: 0;

    background: rgba(0, 0, 0, .62);

}

/*============================*/

.contact-banner .container {

    position: relative;

    z-index: 5;

    width: 100%;

    max-width: 1200px;

    padding: 0 20px;

}

.contact-banner-content {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

/*============================*/

.contact-banner h1 {

    color: #f7ead7;

    font-size: 80px;

    font-family: "Abhaya Libre", Sans-serif;
    ;

    font-weight: 500;

    line-height: 1.1;

    margin-bottom: 28px;

}

/*============================*/

.breadcrumb {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    flex-wrap: wrap;

}

.breadcrumb a,

.breadcrumb span {

    color: #fff;

    text-decoration: none;

    font-size: 14px;

    letter-spacing: 4px;

    font-family: "DM Sans", sans-serif;

    font-weight: 600;

}

.breadcrumb span {

    color: #c89a63;

}

/*============================*/

.breadcrumb a:hover {

    color: #c89a63;

}

/*=============================
TABLET
=============================*/

@media(max-width:991px) {

    .contact-banner {

        min-height: 380px;

    }

    .contact-banner h1 {

        font-size: 66px;

    }

}

/*=============================
MOBILE
=============================*/

@media(max-width:767px) {

    .contact-banner {

        min-height: 320px;

        padding: 70px 20px;

        background-position: center;

    }

    .contact-banner h1 {

        font-size: 46px;

        margin-bottom: 18px;

    }

    .breadcrumb {

        gap: 12px;

    }

    .breadcrumb a,

    .breadcrumb span {

        font-size: 12px;

        letter-spacing: 2px;

    }

}

/*=============================
SMALL MOBILE
=============================*/

@media(max-width:480px) {

    .contact-banner {

        min-height: 280px;

    }

    .contact-banner h1 {

        font-size: 38px;

    }

    .breadcrumb {

        flex-direction: row;

        gap: 8px;

    }

}

/*=========================================
CONTACT SECTION
=========================================*/

.contact-section {
    background: #050708;
    padding: 120px 0;
    overflow: hidden;
}

.contact-section .container {
    width: 100%;
    max-width: 1320px;
    margin: auto;
    padding: 0 20px;
}

.contact-wrapper {
    display: grid;
    grid-template-columns: 1fr 560px;
    gap: 90px;
    align-items: center;
}

/*======================================
LEFT CONTENT
======================================*/

.section-subtitle {
    display: inline-block;
    color: #d2a26a;
    font-size: 14px;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-family: "DM Sans", sans-serif;
    margin-bottom: 18px;
}

.contact-left h2 {
    color: #f4dfc6;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 35px;
    font-family: "Abhaya Libre", Sans-serif;
}

.contact-desc {
    color: #e2e2e2;
    font-size: 16px;
    line-height: 2;
    margin-bottom: 60px;
    max-width: 650px;
    font-family: "DM Sans", sans-serif;
}

/*======================================
CONTACT INFO
======================================*/

.contact-info {
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.info-box {
    display: flex;
    align-items: flex-start;
    gap: 22px;
}

.info-icon {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(210, 162, 106, .45);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #d2a26a;
    font-size: 18px;
    transition: .35s;
}

.info-box:hover .info-icon {
    background: #d2a26a;
    color: #111;
}

.info-box h4 {
    color: #f4dfc6;
    font-size: 18px;
    margin-bottom: 10px;
    font-family: "Abhaya Libre", Sans-serif;
}

.info-box a,
.info-box p {
    color: #d9d9d9;
    font-size: 17px;
    line-height: 1.8;
    text-decoration: none;
    font-family: "DM Sans", sans-serif;
}

.info-box a:hover {
    color: #d2a26a;
}

/*======================================
FORM BOX
======================================*/

.contact-form-box {
    background: #111b22;
    padding: 55px;
    border: 1px solid rgba(255, 255, 255, .08);
}

.contact-form-box h2 {
    color: #f4dfc6;
    font-size: 48px;
    margin: 15px 0 12px;
    font-family: "Abhaya Libre", Sans-serif;
}

.form-text {
    color: #d6d6d6;
    font-size: 17px;
    margin-bottom: 45px;
    line-height: 1.8;
    font-family: "DM Sans", sans-serif;
}

/*======================================
FORM
======================================*/

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    margin-bottom: 22px;
}

.form-group {
    display: flex;
    flex-direction: column;
}

.form-group label {
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
    font-family: "DM Sans", sans-serif;
}

.form-group span {
    color: #ff4444;
}

.form-group input,
.form-group textarea {
    width: 100%;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .35);
    padding: 18px 22px;
    color: #fff;
    font-size: 15px;
    outline: none;
    transition: .35s;
    font-family: "DM Sans", sans-serif;
}

.form-group textarea {
    resize: none;
    min-height: 150px;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: #b7b7b7;
}

.form-group input:focus,
.form-group textarea:focus {
    border-color: #d2a26a;
}

.full {
    margin-bottom: 30px;
}

/*======================================
CAPTCHA
======================================*/

.captcha-box {
    margin-bottom: 35px;
}

.captcha-box img {
    width: 310px;
    max-width: 100%;
    display: block;
}

/*======================================
BUTTON
======================================*/

.contact-btn {
    background: transparent;
    border: 1px solid #d2a26a;
    color: #fff;
    padding: 17px 42px;
    letter-spacing: 2px;
    cursor: pointer;
    transition: .35s;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "DM Sans", sans-serif;
}

.contact-btn:hover {
    background: #d2a26a;
    color: #111;
}

/*======================================
HOVER EFFECT
======================================*/

.contact-form-box {
    transition: .4s;
}

.contact-form-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 60px rgba(0, 0, 0, .35);
}

/*======================================
TABLET
======================================*/

@media(max-width:1100px) {

    .contact-wrapper {
        grid-template-columns: 1fr;
        gap: 70px;
    }

    .contact-form-box {
        max-width: 700px;
        margin: auto;
        width: 100%;
    }

    .contact-left {
        text-align: center;
    }

    .contact-desc {
        margin: auto auto 50px;
    }

    .info-box {
        justify-content: center;
    }

}

/*======================================
MOBILE
======================================*/

@media(max-width:768px) {

    .contact-section {
        padding: 70px 0;
    }

    .contact-left h2 {
        font-size: 40px;
    }

    .contact-form-box {
        padding: 30px 25px;
    }

    .contact-form-box h2 {
        font-size: 34px;
    }

    .contact-desc {
        font-size: 16px;
    }

    .form-row {
        grid-template-columns: 1fr;
    }

    .contact-btn {
        width: 100%;
    }

    .info-box {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .info-icon {
        margin-bottom: 8px;
    }

}

/*======================================
SMALL MOBILE
======================================*/

@media(max-width:480px) {

    .contact-left h2 {
        font-size: 32px;
    }

    .contact-form-box h2 {
        font-size: 28px;
    }

    .section-subtitle {
        font-size: 12px;
        letter-spacing: 3px;
    }

    .form-group input,
    .form-group textarea {
        padding: 15px;
    }

    .contact-btn {
        padding: 15px;
        font-size: 13px;
    }

}

/*==============================
GOOGLE MAP SECTION
===============================*/

.map-section {
    background: #050505;
    padding: 100px 0;
}

.map-section .container {
    width: 100%;
    max-width: 1320px;
    margin: auto;
    padding: 0 20px;
}

/* Map Box */

.map-wrapper {

    width: 100%;
    height: 520px;

    overflow: hidden;

    border-radius: 6px;

    border: 1px solid rgba(255, 255, 255, .08);

    box-shadow: 0 15px 45px rgba(0, 0, 0, .35);

}

.map-wrapper iframe {

    width: 100%;
    height: 100%;

    border: 0;

    display: block;

}

/* Hover Effect */

.map-wrapper {

    transition: .35s;

}

.map-wrapper:hover {

    transform: translateY(-6px);

    box-shadow: 0 25px 55px rgba(0, 0, 0, .45);

}

/*==============================
Tablet
===============================*/

@media(max-width:991px) {

    .map-section {

        padding: 80px 0;

    }

    .map-wrapper {

        height: 430px;

    }

}

/*==============================
Mobile
===============================*/

@media(max-width:767px) {

    .map-section {

        padding: 60px 0;

    }

    .map-section .container {

        padding: 0 15px;

    }

    .map-wrapper {

        height: 320px;

        border-radius: 4px;

    }

}

/*==============================
Small Mobile
===============================*/

@media(max-width:480px) {

    .map-wrapper {

        height: 260px;

    }

}

/*====================================
Gallery Banner
====================================*/

.gallery-banner {

    position: relative;

    width: 100%;

    height: 470px;

    background: url("../img/y.webp") center center/cover no-repeat;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}

/* Dark Overlay */

.gallery-overlay {

    position: absolute;

    inset: 0;

    background: rgba(0, 0, 0, .65);

}

/* Content */

.gallery-content {

    position: relative;

    z-index: 2;

    text-align: center;

    color: #fff;

}

.gallery-content h1 {

    font-size: 80px;

    color: #f5e1c8;

    font-family: "Abhaya Libre", Sans-serif;

    font-weight: 500;

    margin-bottom: 22px;

    line-height: 1;

}

.gallery-breadcrumb {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 18px;

    letter-spacing: 4px;

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    font-family: 'DM Sans', sans-serif;

}

.gallery-breadcrumb a {

    color: #fff;

    text-decoration: none;

    transition: .3s;

}

.gallery-breadcrumb a:hover {

    color: #c89b63;

}

.gallery-breadcrumb span {

    color: #fff;

}

/*====================================
Tablet
====================================*/

@media(max-width:992px) {

    .gallery-banner {

        height: 380px;

    }

    .gallery-content h1 {

        font-size: 60px;

    }

}

/*====================================
Mobile
====================================*/

@media(max-width:768px) {

    .gallery-banner {

        height: 300px;

        padding: 0 20px;

    }

    .gallery-content h1 {

        font-size: 46px;

        margin-bottom: 15px;

    }

    .gallery-breadcrumb {

        font-size: 12px;

        gap: 10px;

        letter-spacing: 2px;

    }

}

/*====================================
Small Mobile
====================================*/

@media(max-width:480px) {

    .gallery-banner {

        height: 250px;

    }

    .gallery-content h1 {

        font-size: 38px;

    }

    .gallery-breadcrumb {

        flex-wrap: wrap;

        font-size: 11px;

        letter-spacing: 1px;

    }

}

/*==========================
Gallery Section
===========================*/

.gallery-section {

    background: #0d141a;

    padding: 110px 0;

}

.gallery-section .container {

    max-width: 1320px;

    margin: auto;

    padding: 0 20px;

}

/* Heading */

.gallery-title {

    text-align: center;

    max-width: 850px;

    margin: auto auto 70px;

}

.gallery-title span {

    display: block;

    color: #c89b63;

    letter-spacing: 4px;

    font-size: 13px;

    font-weight: 700;

    margin-bottom: 18px;

    text-transform: uppercase;

}

.gallery-title h2 {

    color: #f5e3cf;

    font-size: 56px;

    font-family: 'Cormorant Garamond', serif;

    font-weight: 500;

    margin-bottom: 20px;

}

.gallery-title p {

    color: #d7d7d7;

    line-height: 1.9;

    font-size: 17px;

}

/*======================
Gallery Grid
=======================*/

.gallery-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 28px;

}

/* Item */

.gallery-items {

    position: relative;

    overflow: hidden;

    cursor: pointer;

    border-radius: 6px;

}

.gallery-items img {

    width: 100%;

    height: 360px;

    object-fit: cover;

    display: block;

    transition: .6s;

}

/* Hover */

.gallery-items::after {

    content: "";

    position: absolute;

    inset: 0;

    background: rgba(0, 0, 0, .35);

    opacity: 0;

    transition: .4s;

}

.gallery-items:hover::after {

    opacity: 1;

}

.gallery-items:hover img {

    transform: scale(1.12);

}

/*=========================
Tablet
==========================*/

@media(max-width:991px) {

    .gallery-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    .gallery-title h2 {

        font-size: 42px;

    }

    .gallery-items img {

        height: 300px;

    }

}

/*=========================
Mobile
==========================*/

@media(max-width:768px) {

    .gallery-section {

        padding: 70px 0;

    }

    .gallery-grid {

        grid-template-columns: 1fr;

        gap: 20px;

    }

    .gallery-title {

        margin-bottom: 45px;

    }

    .gallery-title h2 {

        font-size: 34px;

    }

    .gallery-title p {

        font-size: 15px;

    }

    .gallery-items img {

        height: 280px;

    }

}

/*=========================
Small Mobile
==========================*/

@media(max-width:480px) {

    .gallery-title span {

        letter-spacing: 2px;

    }

    .gallery-title h2 {

        font-size: 30px;

    }

    .gallery-items img {

        height: 240px;

    }

}

a {
    text-decoration: none;
    color: #f74444;
}

/*=================================
BEVERAGES MENU PAGE STYLES
==================================*/

.beverages-menu-section {
    background: #07131d;
    padding: 80px 0 100px;
}

.beverages-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.beverage-card {
    background: #091723;
    border: 1px solid rgba(213, 161, 93, 0.18);
    padding: 35px 30px;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    transition: transform 0.3s ease, border-color 0.3s ease;
}

.beverage-card:hover {
    transform: translateY(-5px);
    border-color: rgba(213, 161, 93, 0.45);
}

.beverage-card-title {
    color: #f4e1c7;
    font-size: 26px;
    font-family: "Abhaya Libre", serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 25px;
    padding-bottom: 12px;
    border-bottom: 1px dashed rgba(213, 161, 93, 0.35);
    text-align: center;
}

.beverage-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.beverage-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.beverage-item-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
}

.beverage-item-name {
    color: #ffe8d0;
    font-size: 18px;
    font-family: "Abhaya Libre", serif;
    font-weight: 500;
}

.beverage-item-dots {
    flex: 1;
    border-bottom: 1px dotted rgba(213, 161, 93, 0.4);
    margin: 0 8px;
}

.beverage-item-price {
    color: #d7a160;
    font-size: 17px;
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    white-space: nowrap;
}

.beverage-item-desc {
    color: #b0c0d0;
    font-size: 13.5px;
    font-family: "DM Sans", sans-serif;
    line-height: 1.45;
    margin-top: 2px;
    padding-right: 15px;
}

/* SPECIAL OFFERS BANNER SECTION */
.special-offers-section {
    background: linear-gradient(rgba(13, 18, 23, 0.88), rgba(13, 18, 23, 0.88)), url('../img/Untitled-design-15.webp') center center/cover no-repeat;
    padding: 90px 0;
    text-align: center;
}

.offers-content {
    max-width: 900px;
    margin: 0 auto 60px;
}

.offers-subtitle {
    color: #d5a15d;
    letter-spacing: 4px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
}

.offers-content h2 {
    color: #ffe8d0;
    font-family: "Abhaya Libre", serif;
    font-size: 42px;
    font-weight: 500;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.offers-content p {
    color: #fff;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    line-height: 1.8;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.stat-card {
    background: rgba(9, 23, 35, 0.85);
    border: 1px solid rgba(213, 161, 93, 0.2);
    padding: 30px 20px;
    border-radius: 8px;
    text-align: center;
}

.stat-number {
    color: #f4e1c7;
    font-size: 44px;
    font-family: "Abhaya Libre", serif;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}

.stat-number span {
    color: #d5a15d;
}

.stat-label {
    color: #fff;
    font-size: 16px;
    font-family: "DM Sans", sans-serif;
}

/* RESPONSIVE BREAKPOINTS FOR BEVERAGES */
@media(max-width: 1024px) {
    .beverages-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media(max-width: 768px) {
    .beverages-menu-section {
        padding: 60px 0;
    }
    .beverages-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    .offers-content h2 {
        font-size: 32px;
    }
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .stat-number {
        font-size: 36px;
    }
}

@media(max-width: 480px) {
    .beverage-item-name {
        font-size: 16px;
    }
    .beverage-item-price {
        font-size: 15px;
    }
    .stats-grid {
        grid-template-columns: 1fr;
    }
}