@font-face {
    font-family: chap;
    src: url(../fonts/Chap-Regular/Chap-Regular.ttf);
    font-weight: 400;
}

body {
    font-family: chap;
    font-weight: 400;
    font-size: 18px;
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
}

.row {
    width: 100%;
    margin: 0;
}

.header {
    background: #000;
    color: #fff;
    position: fixed;
    width: 100%;
    z-index: 999999999;
    top: 0;
}
.header a.navbar-brand {
    width: fit-content;
    margin: 0 auto;
    display: block;
}

.header-text {
    height: 100%;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 18px;
}

.navbar-toggler {
    position: relative;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 10px 0;
    float: right;
}

.navbar-toggler span.navbar-toggler-icon {
    width: 100%;
    height: 2px;
    background: #fff;
    transition: .5s ease;
}

.navbar-toggler:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #fff;
    left: 0;
    top: 0;
    transition: .5s ease;
}

.navbar-toggler:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #fff;
    left: 0;
    bottom: 0;
    transition: .5s ease;
}

.fixed-bg {
    position: relative;
    margin-top: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 100vh;
}

.fixed-bg.zoom::before {
    transform: scale(1.5);
    /* Adjust scale as needed */
    background-position: left;
    background-size: 70%;
}

.fixed-bg:before {
    background-size: 45%;
    content: '';
    background-image: url(../images/bg.png);
    height: 100%;
    width: 100%;
    text-align: center;
    background-color: #000;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 3s ease;
    position: fixed;
    left: 0;
    top: 0;
}

.section-1, .section-2, .section-3, .section-4, .section-5, .section-6, .section-7, .section-8, .section-9 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
    position: relative;
    top: unset !important;
    color: #fff;
    padding-top: 0;
}
.section-4 .container img {
    max-width: 900px;
}
section#section-5 {
    width: 100%;
    background-repeat: no-repeat;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
    z-index: 1;
    background-image: url(../images/menu.png);
    background-size: contain;
    background-color: #000;
    background-position: left;
}
section#section-5 img {
    width: 100%;
}

.section-1 a {
    color: #fff;
    text-decoration: none;
    position: absolute;
    right: 20px;
    bottom: 60px;
    transform: rotate(90deg);
    font-family: Chap;
    font-size: 10px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 0.2em;
    text-align: center;
    text-transform: uppercase;
}

.section-2 {
    background: transparent;
    width: 100%;
    top: 100%;
    z-index: 999;
}

.section-3 {
    background: transparent;
    width: 100%;
    top: 200%;
}

.section-4 {
    width: 100%;
    top: 300%;
    position: relative;
    background-repeat: no-repeat;
    background-position: left;
    z-index: 9999;
}

.section-1 .container {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-1 h2 {
    text-transform: uppercase;
    font-family: Chap;
    font-size: 50px;
    font-weight: 400;
    line-height: 56px;
    letter-spacing: 0.2em;
    text-align: center;
}

.left-content {
    text-align: left;
    max-width: 670px;
}

.left-content span {
    font-family: Chap;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.2em;
    text-align: left;
    color: #00BA7C;
}

.left-content h2 {
    font-family: Chap;
    font-size: 40px;
    font-weight: 300;
    line-height: 46px;
    letter-spacing: 0.05em;
    text-align: left;
}

.left-content a {
    font-family: Chap;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.2em;
    text-align: left;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.down-btn a {
    color: #fff;
    text-decoration: none;
    position: absolute;
    right: -25px;
    bottom: 100px;
    transform: rotate(90deg);
    font-family: Chap;
    font-size: 10px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 0.2em;
    text-align: center;
    text-transform: uppercase;
    z-index: 9999999;
}

.section-2 .container {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
}

.navbar .container {
    justify-content: space-between;
}


.section-3 .right-content {
    max-width: 670px;
    text-align: left;
    margin-left: auto;
}

.section-3 .right-content span {
    font-family: Chap;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.2em;
    text-align: left;
    color: #00BA7C;
}

.section-3 .right-content h2 {
    font-family: Chap;
    font-size: 40px;
    font-weight: 300;
    line-height: 46px;
    letter-spacing: 0.05em;
    text-align: left;
}

.right-content a {
    font-family: Chap;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.2em;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}

.section-3 .container {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}

.section-4 .container {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

section#section-5 .small-menu-box img {
    width: 325px;
    height: 488px;
}

.small-menu-box {
    width: fit-content;
    margin: 0 auto;
    padding-bottom: 100px;
}

.large-menu-box {
    padding-top: 130px;
}

.small-menu-box p {
    margin-top: 15px;
    font-family: Chap;
    font-size: 20px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.2em;
    text-align: left;
    margin-bottom: 0;
    color: #777777;
}

.small-menu-box p span {
    display: block;
    font-family: Chap;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.2em;
    text-align: left;
    color: #00BA7C;
    text-transform: uppercase;
}

section#section-5 .large-menu-box img {
    max-width: 555px;
    height: 434px;
    object-fit: cover;
    object-position: bottom;
}

.large-menu-box span {
    display: block;
    font-family: Chap;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.2em;
    text-align: left;
    color: #00BA7C;
    text-transform: uppercase;
}

.large-menu-box p {
    margin-top: 15px;
    font-family: Chap;
    font-size: 20px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.2em;
    text-align: left;
    margin-bottom: 0;
    color: #777777;
}

section#section-5 .small-menu-box {
    position: relative;
}

/*section#section-5 {
    opacity: 0;
    animation: fadeIn 1s ease-in both;
}
*/
section#section-5 .me:after {
    content: 'M';
    position: absolute;
    font-size: 120px;
    top: 50px;
    left: 0;
}

.me {
    position: relative;
    display: flex;
    align-items: end;
}

section#section-5 .container.text-center {
    height: 100%;
    position: relative;
}

section#section-5 .container.text-center .row {
    height: 100%;
}

section#section-5 .me:before {
    content: 'E';
    position: absolute;
    font-size: 85px;
    top: 100px;
    right: 50px;
}

.nu {
    position: relative;
}

.nu:after {
    content: 'N';
    position: absolute;
    font-size: 120px;
    bottom: 50px;
    left: -15%;
}

.nu:before {
    content: 'U';
    position: absolute;
    font-size: 85px;
    bottom: 100px;
    right: 10%;
}

section#section-6 {
    width: 100%;
    top: 534%;
    background-repeat: no-repeat;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
    z-index: 99;
    background-image: url(/images/party.png);
    background-size: cover;
    background-color: #000;
    background-position: bottom left;
}
section#section-6 img {
    width: 100%;
}

.image-col-one img {
    max-width: 325px;
    height: auto;
}

.image-col-one img:nth-child(2) {
    max-width: 440px;
    height: 291px;
}

.image-col-one {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

section#section-6 .col-sm-4 {
    display: flex;
    align-items: center;
}

.image-col-two img:first-child {
    width: 200px !important;
    height: 300px;
}

.image-col-two img:nth-child(2) {
    width: 325px !important;
}

.image-col-two img:last-child {
    max-width: 300px !important;
    margin-left: auto;
    height: 100%;
}

section#section-6 .col-sm-4:nth-child(2) {
    justify-content: flex-start;
}

section#section-6 .col-sm-4:nth-child(2) .image-col-two {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

section#section-6 .col-sm-4:nth-child(2) .image-col-two h2 {
    margin: 0;
    font-family: Chap;
    font-size: 45px;
    font-weight: 300;
    line-height: 56px;
    letter-spacing: 0.2em;
    text-align: center;
}

.image-col-three {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    padding: 120px 0;
}

.image-col-three img:first-child {
    width: 440px;
    height: 308px;
}

.image-col-three img:last-child {
    width: 325px !important;
    height: 216px;
    margin-left: auto;
}

section#section-6 .container {
    position: relative;
}

section#section-6 a.add-zoom {
    right: -10px;
    bottom: 35px;
}
section.section-7 {
    width: 100%;
    top: 500%;
    background-repeat: no-repeat;
    background-position: left;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
    z-index: 1;
    background-image: none;
    background-size: contain;
    background-color: #000;
}

section.section-9 {
    width: 100%;
    top: 500%;
    background-repeat: no-repeat;
    background-position: right top;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
    z-index: 1;
    background-image: url(../images/last.png);
    background-size: contain;
    background-color: #000;
    padding-bottom: 82px !important;
}
ul#myTab {
    display: block;
    margin-bottom: 15px;
    border: none;
}

ul#myTab button {
    padding: 0;
    background: none !important;
    border: none !IMPORTANT;
    color: #777777;
    font-family: Chap;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.2em;
    text-align: left;
    margin-bottom: 5px;
}

.table-data {
    border-top: 1px solid #ffffff87;
    padding-top: 25px;
    margin-top: 15px;
}

.top-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.top-header h2 {
    font-family: Chap;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.2em;
    text-align: left;
    text-transform: uppercase;
}

.top-header p {
    font-family: Chap;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.2em;
    text-align: right;
    text-transform: uppercase;
}

.top-header p span {
    display: block;
}

.top-header p span {
    font-size: 14px;
    text-transform: capitalize;
}

.table-content {
    display: flex;
    justify-content: space-between;
}

.table-content .left-side-table p {
    font-family: Chap;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.05em;
    text-align: left;
    cursor: pointer;
}

.table-content .left-side-table p span {
    font-size: 12px;
    display: block;
}

.table-content .price {
    font-size: 15px;
}

section.section-7 .row .col-sm-6:first-child {
    padding-right: 10%;
}

ul#myTab button.active {
    color: #00BA7C;
}

section.section-7 .container {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}

section.section-7 .down-btn {
    position: absolute;
    right: -25px;
    bottom: 70px;
    transform: rotate(90deg);
    z-index: 99999;
}

section.section-7 .down-btn a.add-zoom {
    white-space: nowrap;
    position: unset;
}

.tabsss img {
    width: 100%;
}

.tabsss {
    width: 100%;
}

div#profile-tab-pane .top-header h2 span {
    display: block;
    font-size: 12px;
}

.top-header.bottom-header {
    border-top: 1px solid #ffffff87;
    padding-top: 25px;
    margin-top: 15px;
    margin-bottom: 0;
}


section#section-8 {
    width: 100%;
    top: 537%;
    background-repeat: no-repeat;
    background-position: right;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
    z-index: 1;
    background-image: url(../images/membership.png);
    background-size: cover;
    background-color: #000;
    padding: 50px 0;
}

section#section-8 img {
    width: 100%;
}

section#section-8 .col-sm-6:first-child {
    padding-right: 10%;
    padding-left: 0;
}
section#section-8 .col-sm-6:last-child {
    display: flex;
    align-items: center;
}

section#section-8 ul#myTab li {
    display: flex;
    justify-content: space-between;
    width: 40%;
    padding-right: 10px;
    font-size: 12px;
    text-align: right;
}

section#section-8 ul#myTab li button#one-tab {
    line-height: normal;
    padding: 0;
    height: fit-content;
    text-transform: uppercase;
}

section#section-8 ul#myTab li p {
    margin: 0;
}


.vip-benifit {
    border-top: 1px solid #ffffff87;
    padding-top: 25px;
    margin-top: 15px;
}

.vip-benifit ul li {
    font-size: 12px;
    list-style: auto;
    margin-bottom: 5px;
    line-height: 18px;
}

.vip-benifit ul {
    padding: 0 0 0 15px;
}

.vip-benifit p {
    font-family: Chap;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.05em;
    text-align: left;
}

.vip-benifit a.more-btn {
    font-family: Chap;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}

.footer .col-sm-9 {
    display: flex;
}

.footer .col-sm-9 div {
    font-size: 12px;
    max-width: 20%;
    text-transform: uppercase;
    margin-right: 20px;
}

.footer .col-sm-9 div p {
    margin: 0;
}

.footer .col-sm-3 p {
    font-size: 12px;
}

.footer .col-sm-3 {
    display: flex;
    align-items: center;
    justify-content: end;
}

.footer {
    position: absolute;
    bottom: 30px;
    width: 100%;
}

.left-content .btn {
    font-family: Chap;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.2em;
    text-align: left;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background: none !important;
    border: none !important;
    padding: 0;
    box-shadow: none !important;
}


.modal-body img {
    width: 100%;
}

.modal-backdrop {
    z-index: 1;
}

.modal {
    background: #000;
    z-index: 99999;
    top: -60px;
}
.modal .modal-dialog {
    padding: 0;
    background: #000;
    max-width: 100%;
}

.modal .modal-dialog .modal-content {
    background: none;
    border: none;
    padding: 0;
    height: 100%;
    align-items: center;
}

.modal .modal-dialog .modal-content .modal-header {
    border: none;
    max-width: 1320px;
    position: relative;
    width: 100%;
}

.modal .modal-dialog .modal-content .modal-header button.btn-close {
    color: #fff !important;
    position: absolute;
    right: 15px;
    top: 15px;
    opacity: 1;
    box-shadow: none ! IMPORTANT;
}

.modal-body {
    text-align: center;
    height: 100%;
    align-items: center;
    display: flex;
}

.modal-dialog {
    height: 100%;
    margin: 0;
    display: flex;
    align-items: center;
}

.modal-backdrop.fade.show {
    display: none;
}

.modal-body img {
    width: 100%;
    max-width: 900px;
}

.modal .modal-dialog .modal-content .modal-header button.btn-close i.fa-solid.fa-xmark {
    font-size: 30px;
    display: none;
    color: #fff;
}
div#exampleModal .modal-header button.btn-close {
    position: relative;
}

div#exampleModal .modal-header button.btn-close:after {
    content: '';
    position: absolute;
    width: 25px;
    height: 1px;
    background: #fff;
    transform: rotate(45deg);
    left: 9px;
}
div#exampleModal .modal-header button.btn-close:before {
    content: '';
    position: absolute;
    width: 25px;
    height: 1px;
    background: #fff;
    transform: rotate(133deg);
    right: 0;
}

.moretext {
    display: none;
}

.moretext span {
    display: block;
}

.small-menu-box a {
    display: block;
    font-family: Chap;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.2em;
    text-align: left;
    color: #00BA7C;
    text-transform: uppercase;
    text-decoration: none;
}

.large-menu-box a {
    display: block;
    font-family: Chap;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.2em;
    text-align: left;
    color: #00BA7C;
    text-transform: uppercase;
    text-decoration: none;
}


img {
    width: 100%;
}

section.drink-1 {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    background-color: #000;
    color: #fff;
    /* background-image: url("../images/drink1.png"); */
    background-position: right;
    background-repeat: no-repeat;
}

section.food-1 {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    background-color: #000;
    color: #fff;
    /* background-image: url("../images/drink1.png"); */
    background-position: right;
    background-repeat: no-repeat;
}


section.drink-1 .container .row img {
    height: 100vh;
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 50%;
    right: 0;
    object-fit: cover;
}

section.food-1 .container .row img {
    height: 100vh;
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 50%;
    right: 0;
    object-fit: cover;
}

section.drink-1 .container .row .col-sm-6:first-child {
    display: flex;
    align-items: center;
}

section.food-1 .container .row .col-sm-6:first-child {
    display: flex;
    align-items: center;
}

section.drink-1 .container .row .col-sm-6:first-child .table-data {
    width: 100%;
    padding-right: 10%;
}

section.food-1 .container .row .col-sm-6:first-child .table-data {
    width: 100%;
    padding-right: 10%;
}

.drink-data {
    width: 100%;
}

table {
    width: 100%;
}

.drink-data th {
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 15px;
}

.drink-data td {
    font-size: 14px;
    padding-bottom: 10px;
}

.drink-data tr td:first-child {
    padding-left: 15px;
}

table tr {
    width: 25%;
}

.drink-data td:first-child {
    width: 70%;
}

.drink-data td:nth-child(2) {
    width: 20%;
}

section.drink-1 .tabsss {
    width: 40%;
}

section.food-1 .tabsss {
    width: 40%;
}

section.drink-1 .container .row .col-sm-6:first-child {
    padding: 20px 0 0 0;
    border-top: 1px solid #ffffff85;
    width: 100%;
}

section.food-1 .container .row .col-sm-6:first-child {
    padding: 20px 0 0 0;
    border-top: 1px solid #ffffff85;
    width: 100%;
}

.drink-data th:last-child {
    text-align: right;
}

.drink-data td:last-child {
    text-align: right;
}

section.drink-1 .tabsss h4 {
    color: #777777;
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff85;
    padding-bottom: 20px;
    margin-bottom: 21px;
    letter-spacing: 2px;
}

section.food-1 .tabsss h4 {
    color: #777777;
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff85;
    padding-bottom: 20px;
    margin-bottom: 21px;
    letter-spacing: 2px;
}

.bottom-content {
    position: absolute;
    bottom: 50px;
    color: #777777;
    font-size: 40px;
    letter-spacing: 100px;
}

.drink-data th:first-child {
    text-transform: uppercase;
}

.drink-data table tbody th {
    padding-top: 15px;
}

.drink-data table:first-child tbody th {
    padding-top: 0;
}

section.food-1 li.nav-item {
    display: flex;
    justify-content: space-between;
}

section.food-1 li.nav-item p {
    font-size: 16px;
    margin: 0;
    color: #777777;
    text-align: left;
    width: 30%;
    text-transform: uppercase;
}

section.food-1 button {
    text-transform: uppercase;
}

section.food-1 .container {
    HEIGHT: 100%;
    padding-top: 10%;
}

section.food-1 .container td:first-child {
    padding: 0;
}


.image-col-one .hover-box:first-child {
    /* height: 488px; */
    overflow: hidden;
    position: relative;
}

.image-col-one .hover-box:last-child {
    /* height: 488px; */
    overflow: hidden;
    position: relative;
}

.image-col-one .hover-box .hover-content {
    position: absolute;
    top: -145px;
    transition: .2s ease;
    padding: 15px;
}

.image-col-one .hover-box:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000070;
    z-index: 9;
    left: 0;
    opacity: 0;
    transition: .2s ease;
}

.image-col-one .hover-box:hover::after {
    opacity: 1;
}

.image-col-one .hover-box:hover .hover-content {
    top: auto;
    left: 0;
    z-index: 999;
    bottom: 0;
}

.image-col-one .hover-box .hover-content h4 {
    display: block;
    font-family: Chap;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.2em;
    text-align: left;
    color: #00BA7C;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0;
}

.image-col-one .hover-box .hover-content p {
    margin-top: 9px;
    font-family: Chap;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.2em;
    text-align: left;
    margin-bottom: 0;
    color: #777777;
}

.image-col-one .hover-box:last-child img {
    height: auto;
}



.image-col-two .hover-box:first-child {
    /* height: 488px; */
    overflow: hidden;
    position: relative;
}

.image-col-two .hover-box:last-child {
    height: auto;
    overflow: hidden;
    position: relative;
    width: fit-content;
    margin-left: auto;
}

.image-col-two .hover-box .hover-content {
    position: absolute;
    bottom: -90px;
    transition: .2s ease;
    padding: 15px;
}

.image-col-two .hover-box:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000070;
    z-index: 9;
    left: 0;
    opacity: 0;
    transition: .2s ease;
    top: 0;
}

.image-col-two .hover-box:hover::after {
    opacity: 1;
}

.image-col-two .hover-box:hover .hover-content {
    bottom: 0;
    left: 0;
    z-index: 999;
}

.image-col-two .hover-box .hover-content h4 {
    display: block;
    font-family: Chap;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.2em;
    text-align: left;
    color: #00BA7C;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0;
}

.image-col-two .hover-box .hover-content p {
    margin-top: 9px;
    font-family: Chap;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.2em;
    text-align: left;
    margin-bottom: 0;
    color: #777777;
}

.image-col-two .hover-box:last-child img {
    height: auto;
}

.image-col-two .hover-box:first-child .hover-content {
    bottom: -125px;
}

.image-col-two .hover-box:first-child:hover .hover-content {
    bottom: 0;
}

.image-col-two .hover-box:last-child img {
    width: fit-content !important;
    height: 400px;
}

.image-col-two .hover-box:last-child .hover-content {
    bottom: -130px;
}

.image-col-two .hover-box:last-child:hover .hover-content {
    bottom: 0;
}

section#section-6 .col-sm-4:nth-child(2) .image-col-two h2 {
    text-transform: uppercase;
}

.image-col-three .hover-content {
    position: absolute;
    bottom: -120px;
    transition: .2s ease;
    padding: 15px;
}

.image-col-three img:first-child {
    height: auto;
}

.image-col-three .hover-box {
    overflow: hidden;
    position: relative;
}

.image-col-three .hover-box {
    overflow: hidden;
    position: relative;
    margin-left: auto;
}

.image-col-three .hover-box:hover .hover-content {
    bottom: 0;
}

.image-col-three .hover-content h4 {
    display: block;
    font-family: Chap;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.2em;
    text-align: left;
    color: #00BA7C;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0;
}

.image-col-three .hover-content p {
    margin-top: 9px;
    font-family: Chap;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.2em;
    text-align: left;
    margin-bottom: 0;
    color: #777777;
}


section.section-7 .container .col-sm-4 {
    display: flex;
    align-items: center;
}

section.section-7 .container .col-sm-4:first-child .image-col-one .hover-box:last-child {
    margin: 0 auto;
}

section.section-7 .container .col-sm-4:first-child .image-col-one img {
    max-width: 100%;
}

section.section-7 .container .col-sm-4:first-child .image-col-one .hover-box:last-child .hover-content {
    bottom: -130px;
}

section.section-7 .container .col-sm-4:first-child .image-col-one .hover-box:last-child:hover .hover-content {
    bottom: 0;
}

section.section-7 .container .col-sm-4:nth-child(2) img {
    width: 100% !important;
}

section.section-7 .container .col-sm-4:nth-child(2) .hover-box:first-child {
    text-align: center;
}

section.section-7 .container .col-sm-4:nth-child(2) .hover-box:first-child img {
    max-width: 250px;
    margin: 0 auto;
}

section.section-7 .container .col-sm-4:nth-child(2) .hover-box:last-child img {
    max-width: 400px;
    height: auto;
}

section.section-7 .container .col-sm-4:nth-child(2) h2 {
    letter-spacing: 10px;
    text-align: center;
    margin: 15px 0;
}

section.section-7 .container .col-sm-4:last-child .hover-box:first-child img {
    max-width: 210px;
}

section.section-7 .container .col-sm-4:last-child .hover-box:nth-child(2) img {
    max-width: 325px;
}

.table-content.current p {
    color: #00ba7c;
}

.table-content.current .price {
    color: #00ba7c;
}

section#section-8 .tabsss {
    margin-top: 70px;
}
section#section-8 .container {
    position: relative;
    height: 100%;
    align-items: center;
    display: flex;
}
section#section-8 .container a.add-zoom {
    bottom: 30px;
}

section#section-8 .col-sm-6 img {
    padding-right: 20px;
    max-width: fit-content;
}

section.section-9 li.nav-item {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

section#section-9 .col-sm-6:first-child {
    padding-right: 10%;
}

section.section-9 ul#myTab {
    width: 50%;
    padding-right: 10%;
}

section.section-9 ul#myTab p {
    font-size: 12px;
    margin: 0;
    width: 50%;
    max-width: 177px;
}


.header .col-sm-3:last-child {
    position: absolute;
    width: 100%;
}

.header .col-sm-3 button.navbar-toggler {
    position: absolute;
    right: 25px;
    top: 0;
    float: unset;
    display: flex;
    align-items: center;
}
.navbar-collapse {
    position: absolute;
    width: 100%;
    height: 100vh !important;
    background: #000;
    z-index: -1;
    top: 72px;
    0:
    AUTO 100PX;
    padding-top: 72px;
}

.navbar-nav .nav-link {
    color: #fff;
    font-size: 36px;
    font-weight: 300;
    text-transform: uppercase;
}

.navbar .container {
    justify-content: space-between;
    position: relative;
}

.header .footer {
    position: unset;
    display: flex;
}

.header .footer .container {
    padding: 0;
}

.header .col-sm-3 button.navbar-toggler.active span.navbar-toggler-icon {
    opacity: 0;
}

.header .col-sm-3 button.navbar-toggler.active::before {
    transform: rotate(45deg);
    bottom: 13px;
}

.header .col-sm-3 button.navbar-toggler.active::after {
    transform: rotate(135deg);
    top: 13px;
}

.header .footer .row {
    align-items: center;
}

.navbar-nav .nav-link.active {
    color: #00BA7C;
}


section.section-7 .owl-carousel.owl-theme {
    padding: 0;
    overflow: hidden;
}

section.section-7 .owl-carousel.owl-theme .owl-wrapper {
    display: flex !important;
    float: unset;
}

section.section-7 .owl-carousel.owl-theme .owl-item {
    float: unset !important;
}

section.section-7 .owl-carousel.owl-theme .owl-item .image-col-three {
    padding: 0;
    height: auto;
    gap: 50px;
}

section.section-7 .image-col-two .hover-box:last-child img {
    width: 100% ! IMPORTANT;
}


section.section-7 .image-col-one {
    height: 100%;
    align-items: center;
    justify-content: center;
}

section.section-7 .item {
    height: 100%;
    display: flex;
    align-items: center;
}

section.section-7 .image-col-two h2 {
    margin: 25px 0;
    text-align: center;
}

section.section-7 .image-col-two .hover-box:last-child img {
    height: auto;
}

section.section-7 .image-col-two .hover-box:first-child {
    width: fit-content;
    margin: 0 auto;
}

section.section-7 .image-col-two {
    text-align: center;
}

.image-col-three.last-item {
    padding-left: 35px !IMPORTANT;
}

.image-col-three.last-item .hover-box:first-child {
    margin-left: 0;
}

div#exampleModal1 {
    top: 0;
    z-index: 999999999;
}
#exampleModal1 .modal-content {
    justify-content: center;
}

#exampleModal1 .owl-item img {
    height: 500px;
    object-fit: cover;
    padding: 10px;
}

#exampleModal1 button.btn-close {
    color: #fff !important;
    position: absolute;
    right: 30px;
    top: 30px;
    opacity: 1;
    box-shadow: none ! IMPORTANT;
}

#exampleModal1 button.btn-close i.fa-solid.fa-xmark {
    font-size: 30px;
    color: #fff;
}

.image-col-one .hover-box .hover-content h4 button {
    background: none !important;
    border: none !IMPORTANT;
    box-shadow: none !important;
    outline: none !important;
    padding: 0;
    color: #00BA7C;
}

#navbarNav .container {
    height: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 70px 0 0;
}

div#navbarNav {
    background-image: url(../images/bg.gif);
    background-position: center;
    background-size: cover;
}
.drink-header, .food-header{
    background: none;
}
section#section-6 .image-col-one {
    height: 100%;
    align-items: center;
    gap: unset !IMPORTANT;
}

div#exampleModal {
    top: 0;
    z-index: 999999999;
}
div#exampleModal .modal-header button.btn-close {
    z-index: 99999;
}
#navbarNav {
    height: 0 !important;
    overflow: hidden;
    transition: height 0.3s ease-in-out !important;
    padding: 0;
}

#navbarNav.show {
    height: 100vh !important;
    z-index: 999999;
}







@media(max-width: 767px){
.navbar .col-sm-3:first-child {
    display: none;
}
.header .col-sm-3 button.navbar-toggler {
    right: 15px;
}
.header .col-sm-3:last-child {
    position: absolute;
    width: 100%;
    right: 0;
}
.navbar .col-sm-6 {
    text-align: left;
}
.header a.navbar-brand {
    margin: 0;
}
.section-1 h2 {
    font-size: 29px;
    line-height: normal;
}
.fixed-bg:before {
    background-size: contain;
}
.left-content h2 {
    font-size: 29px;
    line-height: normal;
}
.section-3 .right-content h2 {
    font-size: 29px;
    line-height: normal;
}
.fixed-bg.zoom::before {
    transform: scale(1.5);
    background-position: center;
    background-size: 70%;
}


.me, .nu {
    width: 100%;
}
section#section-5 .small-menu-box {
    padding: 0;
    margin: 0;
    width: 100%;
}
section#section-5 .small-menu-box img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.large-menu-box {
    padding: 0;
}
section#section-5 .large-menu-box img {
    height: 200px;
    width: 100%;
}
section#section-5 .container.text-center .row {
    display: block;
}
section#section-5 .me:before {
    display: none;
}
section#section-5 .me:after {
    display: none;
}
.nu:before {
    display: none;
}
.nu:after {
    display: none;
}
.fixed-bg {
    overflow: auto;
}
.desktop{
    display: none !important;
}






section#section-5 {
    padding: 50px 0;
}

section#section-5 .small-menu-box {
    position: relative;
}

section#section-5 .small-menu-box p {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

section#section-5 .small-menu-box p a {
    text-align: center;
    color: #fff;
}


section#section-5 {
    padding: 0;
}

section#section-5 .large-menu-box {
    position: relative;
}

section#section-5 .large-menu-box p {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

section#section-5 .large-menu-box p a {
    text-align: center;
    color: #fff;
}
section#section-5 .small-menu-box:after, section#section-5 .large-menu-box:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000096;
}

section#section-5 .small-menu-box p, section#section-5 .large-menu-box p {
    z-index: 999;
}
section#section-5 .container .hide-desktop {
    height: fit-content !important;
}
section#section-5 .container.text-center .row {
    height: fit-content;
}
section#section-5 .container.text-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: auto;
}
section#section-5 .container.text-center .down-btn a {
    bottom: -50px;
    display: none;
}
.me, .nu {
    margin-bottom: 20px;
}
section#section-6 .col-sm-4 {
    width: 100%;
}
section#section-6 .image-col-one {
    flex-wrap: nowrap;
}
section#section-6 .col-sm-4:nth-child(2) .image-col-two {
    flex-wrap: nowrap;
}
.image-col-three {
    flex-wrap: nowrap;
}
section#section-6 .image-col-one img {
    max-width: 80%;
}
section#section-6 .image-col-one .hover-box {
        width: 50%;
        overflow: hidden;
}

section#section-6 .image-col-one .hover-box:last-child {
    text-align: right;
}

section#section-6 .image-col-one {
    margin-bottom: 25px;
}

section#section-6 .col-sm-4:nth-child(2) .image-col-two img {
    max-width: 70% !important;
}
section#section-6 .col-sm-4:nth-child(2) .image-col-two h2 {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
    font-size: 29px;
    top: 50%;
}
section#section-6 .col-sm-4:nth-child(2) .image-col-two .hover-box:first-child img {
    max-width: 100% !important;
    height: auto;
}
section#section-6 .col-sm-4:nth-child(2) .image-col-two .hover-box:last-child img {
        margin-left: auto !important;
        width: 100% ! IMPORTANT;
        height: auto;
        max-width: 100% ! IMPORTANT;
}
section#section-6 .image-col-two .hover-box:last-child {
        text-align: right;
        width: fit-content !important;
        height: fit-content;
}
section#section-6 .image-col-three {
    padding: 0;
    margin-top: 15px;
    flex-wrap: wrap;
}
section#section-6 .image-col-three .hover-box:first-child img {
    max-width: 80%;
    float: right;
}
section#section-6 .image-col-three .hover-box:last-child img {
    max-width: 50%;
}
section#section-6 .hover-box .hover-content p {
    display: none;
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 1 !important;
    transition-property: opacity, transform;
}
.down-btn a{
    display: none !important;
}
}



@media(max-width: 767px){
.desktop-version{
    display: none !important;
}
}

@media(min-width: 767px){
    .mobile-version{
        display: none !important;
    }
}

@media (min-height: 550px) and (max-height: 650px) {
.section-4 .container img {
    max-width: 500px;
    margin-top: 50px;
}
section#section-5 .small-menu-box 
 p {
    width: 200px;
}

section#section-5 .large-menu-box img {
    max-width: 400px;
    height: 300px;
}

.large-menu-box p {
    max-width: 400px;
    margin: 15px auto;
}

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

section#section-5 .me:after {
    font-size: 80px;
}

.nu:before {
    font-size: 50px;
}

.nu:after {
    font-size: 80px;
    bottom: 90px;
}

section#section-5 .me:before {
    font-size: 60px;
}

section#section-6 .image-col-one .hover-box:first-child img {
    max-width: 250px;
    height: 290px;
}

section#section-6 .col-sm-4:nth-child(2) .image-col-two h2 {
    font-size: 29px;
}
section#section-6 .image-col-one {
    padding: 60px 0;
}
section#section-6 .col-sm-4:nth-child(2) .image-col-two {
    padding: 100px 0;
}
section#section-6 .col-sm-4:nth-child(2) .image-col-two .hover-box:first-child img {
    height: 220px;
}
section#section-6 .image-col-two .hover-box:last-child img {
    height: 220px;
}
section#section-6 .image-col-three .hover-box:first-child img {
    max-width: 300px;
}
section#section-6 .image-col-three .hover-box:last-child img {
    max-width: 202px;
}
section#section-6 {
    height: fit-content;
    padding: 50px 0;
}
section#section-5 .small-menu-box img {
    width: 280px;
    height: 300px;
}
section.section-7 {
    height: fit-content;
    padding: 50px 0;
}

section#section-8 {
    height: fit-content;
    padding: 0 0 50px 0;
}

section#section-8 .tabsss {
    margin: 0;
}

section.section-9 {
    height: fit-content !important;
    padding: 50px 0;
    display: block;
}

.footer {
    position: unset;
    margin: 50px 0 0 0;
}
}

@media (min-height: 650px) and (max-height: 750px) {
section#section-6 .image-col-two .hover-box:first-child .hover-content {
    bottom: -140px;
}
section#section-6 .image-col-two img:first-child {
        height: 150px;
        width: 150px !important;
        object-fit: cover;
}
    section#section-6 .image-col-two .hover-box:last-child img {
        height: 300px;
        width: auto !important;
    }
section#section-6 .col-sm-4:nth-child(2) .image-col-two h2 {
    font-size: 34px;
}
    section#section-6 .image-col-one {
        gap: 20px !important;
    }
section#section-6 .image-col-one .hover-box:first-child img {
    height: 400px;
}
section#section-6 .image-col-three {
    padding: 50px 0;
}
section#section-6 {
    height: fit-content;
    padding: 72px 0;
}

section#section-7 {
    height: fit-content;
    padding: 70px 0;
}

section#section-8 {
    height: fit-content;
    padding: 0 0 80px 0;
}

section#section-8 .tabsss {
    margin: 0;
}
.section-4 .container img {
    max-width: 700px;
}
section#section-5 .small-menu-box img {
    height: 388px;
    width: 325px;
}

section#section-5 .large-menu-box img {
    max-width: 400px;
    height: 350px;
}

.nu:before {
    font-size: 70px;
}

.nu:after {
    font-size: 90px;
}

section#section-5 .me:after {
    font-size: 90px;
}

section#section-5 .me:before {
    font-size: 70px;
}
}

@media(max-width: 767px){
section#section-8 .tabsss h4 {
        font-size: 14px;
        display: block !important;
        text-transform: uppercase;
        color: #777777;
        padding-bottom: 10px;
        margin-bottom: 20px;
        border-bottom: 1px solid #777777;
        letter-spacing: 2px;
}

.top-header h2 {
    font-size: 14px;
}

.top-header p {
    font-size: 14px;
}
    #navbarNav .container {
    padding: 40px 15px;
}

    .navbar-nav .nav-link {
        font-size: 24px !important;
    }
.footer .col-sm-9 {
    display: block;
}

.footer .col-sm-9 div {
    max-width: 250px;
    margin: 0 0 15px 0;
    font-size: 10px;
}

.footer .col-sm-3 p {
    transform: rotate(90deg);
    position: absolute;
    height: fit-content;
    width: fit-content;
    white-space: nowrap;
    font-size: 10px;
}

.footer .col-sm-9 div:last-child {
    margin: 0;
}
.header .footer .col-sm-3:last-child {
    position: absolute;
    width: 100%;
    right: -50px !important;
    bottom: 50px !important;
}
    section#section-6 {
        height: auto;
        display: block;
        padding-bottom: 50px;
    }
section#section-6 .container {
    position: relative;
    transform: unset !important;
}
section#section-8 .col-sm-6 {
    width: 100%;
    padding: 0 !important;
}

section#section-9 .col-sm-6 {
    padding: 0 !important;
    width: 100%;
}

section#section-8 .tabsss {
    margin: 0;
}

.container {
    max-width: 100%;
}

section#section-8 .col-sm-6 img {
    padding: 0;
}

.event-header {
    margin: 0 0 50px 0 !IMPORTANT;
}
#navbarNav .container ul.navbar-nav {
    height: 0 !important;
    overflow: hidden;
    transition: height 0.7s ease-in-out !important;
}

#navbarNav.show ul.navbar-nav {
    height: 210px !important;
}
section.drink-1 .bottom-content {
    display: none;
}



section.drink-1 .container .row .col-sm-6:last-child {
    display: none;
}

section.drink-1 .tabsss {
    width: 100% !important;
}

section.drink-1 {
    background-image: none !important;
    height: fit-content;
    padding-top: 72px;
    display: block;
    padding-bottom: 70px;
}

section.drink-1 .container .row img {
    position: unset;
}

section.drink-1 .drink-mobile {
    display: block !important;
    text-align: center;
    padding: 112px 0;
    background: url(https://aoao.xcelanceweb.com/images/drink1.png) !important;
    background-size: cover !important;
    background-position: center !important;
    margin-bottom: 40px;
}

section.drink-1 .drink-mobile  h2 {
    color: #fff;
    font-size: 40px;
    letter-spacing: 20px;
    text-align: center;
}


section.food-1 .container .row .col-sm-6:last-child {
    display: none;
}

section.food-1 .tabsss {
    width: 100% !important;
}

section.food-1 {
    background-image: none !important;
    height: fit-content;
    padding-top: 72px;
    display: block;
    padding-bottom: 70px;
}

section.food-1 .container .row img {
    position: unset;
}

section.food-1 .drink-mobile {
    display: block !important;
    text-align: center;
    padding: 112px 0;
    background: url(https://aoao.xcelanceweb.com/images/food1.png) !important;
    background-size: cover !important;
    background-position: center !important;
    margin-bottom: 40px;
}

section.food-1 .drink-mobile  h2 {
    color: #fff;
    font-size: 40px;
    letter-spacing: 20px;
    text-align: center;
}
section.food-1 .bottom-content {
    display: none;
}

.event-package {
    display: block !important;
    text-align: center;
    padding: 50px 0;
    margin: 0 auto;
}

section#section-8 .container {
    flex-wrap: wrap;
}

.event-package h2 {
    text-transform: uppercase;
    letter-spacing: 3px;
}

.event-package p {
    color: #777777;
    max-width: 70%;
    margin: 0 auto;
    font-size: 14px;
}

.mwmbweship {
    display: block !important;
    text-align: center;
    padding: 0 0 50px 0;
    margin: 0 auto;
}

.mwmbweship h2 {
    text-transform: uppercase;
    letter-spacing: 3px;
}

.mwmbweship p {
    color: #777777;
    max-width: 70%;
    margin: 0 auto;
    font-size: 14px;
}
section#section-8 .col-sm-6 h3 {
    font-size: 14px;
    display: block !important;
    text-transform: uppercase;
    color: #fff;
    padding-top: 10px;
    margin-top: 20px;
    border-top: 1px solid #777777;
}

section#section-8 .col-sm-6:last-child {
    display: block;
}
p.mobile-p {
    font-size: 14px;
    display: block !important;
    text-transform: uppercase;
    color: #fff;
    padding-top: 10px;
    margin-top: 20px;
    letter-spacing: 2px;
}
}

@media(min-width: 767px){
    section.section-9 .col-sm-6:last-child {
    display: flex;
    align-items: center;
}
}

html {
  scroll-behavior: smooth;
}

section.section-9 button#one-tab {
    text-transform: uppercase;
}
section#section-8 ul#myTab li button {
    text-transform: uppercase;
}
section#section-5   p span {
    color: #777777;
    font-size: 14px;
}
section.section-9 button#one-tab {
    text-transform: uppercase;
    color: #00BA7C;
}


.fixed-bg.small-zoom::before {
    transition: transform 3s ease !important;
}

.fixed-bg.small-zoom::before {
    transform: scale(1.2);
    background-position: center;
    background-size: 50% !important;
}