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

@font-face {
    font-family: "QuattrocentoRegular";
    src: url("../fonts/QuattrocentoRegular.ttf") format("truetype");
}

@font-face {
    font-family: "QuattrocentoBold";
    src: url("../fonts/QuattrocentoBold.ttf") format("truetype");
}

@font-face {
    font-family: "Cinzel";
    src: url("../fonts/Cinzel.ttf") format("truetype");
}

@font-face {
    font-family: "Parisienne-Regular";
    src: url("../fonts/Parisienne-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "shadowsLight";
    src: url("../fonts/ShadowsIntoLight-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "BonaNovaRegular";
    src: url("../fonts/BonaNovaSC-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "BonaNovaBold";
    src: url("../fonts/BonaNovaSC-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "AlexandriaWhitehouse";
    src: url("../fonts/AlexandriaWhitehouse.otf") format("opentype");
}

:root {
    --primary-color: #e09f2c;
    --secondaryBg: #0f232e;
    --offWhiteFC: #fcfcfc;
    --offwhiteE0: #e0e0e0;
    --offwhiteE9: #e9e9e9;
    --offwhiteED: #ededed;
    --offwhiteE4: #e4e4e4;
    --colorD5: #d5d5d5;
    --white: #ffffff;
    --offWhiteF3: #f3f3f3;
    --footerBg: #000e16;
    --bodyBg: #091a23;
    --navBg: #000000b2;
    --offwhiteE2: #e2e2e2;
    --greyText: #555555;
    --green00: #0f232e;
    --yellowStar: #ffbb00;

    /* font family  */
    --AlexandriaWhitehouse: "AlexandriaWhitehouse", sans-serif;
    --QuattrocentoRegular: "QuattrocentoRegular", sans-serif;
    --QuattrocentoBold: "QuattrocentoBold", sans-serif;
    --shadowsLight: "shadowsLight", sans-serif;
    --BonaNovaRegular: "BonaNovaRegular", sans-serif;
    --BonaNovaBold: "BonaNovaBold", sans-serif;
    --Cinzel: "Cinzel", sans-serif;
    --Parisienne-Regular: "Parisienne-Regular", sans-serif;
}

body {
    font-family: var(--QuattrocentoRegular);
    font-size: 1rem;
    color: var(--white);
    background-color: var(--bodyBg);
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    width: 100%;
}

p {
    margin: 0;
    padding: 0;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
    color: inherit;
}

/* Common css  */
h1 {
    font-size: clamp(32px, 9vw, 84px);
}

.border_button {
    padding: 12px 30px;
    border: 1px solid var(--primary-color);
    font-size: 16px;
    font-family: var(--QuattrocentoRegular);
    position: relative;
    transition: all 0.3s ease-in-out;
}

.buttton_bg_home {
    padding: 15px 32px;
    border: 1px solid var(--primary-color);
    font-size: 16px;
    font-family: var(--QuattrocentoBold);
    color: var(--white);
    background: transparent;
    position: relative;
}

.buttton_bg_home::before {
    content: "";
    background: var(--primary-color);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    transform: scale(1);
    transform-origin: bottom right;
    transition: all 0.5s ease-in-out;
}

.buttton_bg_home:hover::before {
    transform: scale(0);
}

.border_button:hover {
    background: var(--primary-color);
    color: var(--white);
}

.border_button::before {
    padding: 12px 24px;
    border: 1px solid var(--primary-color);
    font-size: 16px;
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    height: 100%;
    width: 100%;
}

.btn_underline {
    font-size: 16px;
    color: var(--offWhiteFC);
    border-bottom: 2px solid var(--offWhiteFC);
    padding-bottom: 5px;
}

/* ************ HOME PAGE CSS STARTS FROM HERE *********** */
.company_logo {
    width: 180px;
    transition: 0.6s ease-out;
}

.navbar {
    /*padding: 20px 0;*/
    padding: 8px 0;
    background: var(--navBg);
    color: var(--offWhiteFC);
    backdrop-filter: blur(26px);
    -webkit-backdrop-filter: blur(26px);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

.navbar-toggler {
    border: none;
}

.navbar-toggler:focus {
    box-shadow: none;
}

@keyframes slideDown {
    from {
        transform: scale(1.5);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.navbar.nav_scrolled {
    animation: slideDown 0.6s ease-out forwards;
    background: var(--navBg);
    backdrop-filter: blur(26px);
    -webkit-backdrop-filter: blur(26px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.navbar.nav_scrolled .company_logo {
    scale: 0.9;
}

.navbar .nav-item a {
    color: var(--offwhiteE0);
    font-weight: 400;
    font-size: 16px;
}

.navbar .nav-item {
    position: relative;
}

.navbar .nav-item::before {
    content: "";
    width: 0%;
    height: 2px;
    border-radius: 20px;
    background: var(--primary-color);
    position: absolute;
    bottom: -2px;
    left: 0;
    transition: all 0.5s ease-in-out;
}

@media (min-width: 1200px) {
    .gap-xl-34 {
        gap: 34px !important;
    }
}

.navbar .nav-item:hover:before {
    width: 100%;
}

.navbar .nav-item.active:before {
    width: 100%;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
}

.menu_btn_bar {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.menu_btn_bar > :nth-child(1) {
    height: 2px;
    width: 30px;
    background: white;
}

.menu_btn_bar > :nth-child(2) {
    height: 2px;
    width: 15px;
    background: white;
}

.menu_btn_bar > :nth-child(3) {
    height: 2px;
    width: 30px;
    background: white;
}

.nav_bar_contact .icon {
    height: 40px;
    width: 40px;
}

.nav_bar_contact {
    display: flex;
    gap: 16px;
}

.nav_bar_contact p {
    color: var(--offwhiteE0);
    font-size: 12px;
    font-weight: 400;
}

.nav_bar_contact a {
    color: var(--offWhiteFC);
    font-size: 18px;
    font-family: var(--QuattrocentoBold);
}

/* home page slider css  */
.home_page_hero_slider_container {
    height: 85vh;
    position: relative;
    margin-top: 100px;
}

.inner_image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.overlay_image {
    height: 60vh;
    position: relative;
    margin-top: 100px;
}
.menu_overlay_image{
    height: 300px;
}
.overlay_image::after {
    background: #00000070;
    height: 100%;
    width: 100%;
    content: "";
    position: absolute;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    top: 0;
    left: 0;
}

/* home slider wiper  */
.mySwiperHomeHero,
.mySwiperFeaturedMenu {
    height: 100%;
}

.mySwiperHomeHero .swiper-slide,
.mySwiperFeaturedMenu .swiper-slide {
    height: 100%;
    width: 100%;
    position: relative;
}

.mySwiperHomeHero .swiper-slide img,
.mySwiperFeaturedMenu .swiper-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.mySwiperHomeHero .swiper-slide::before {
    background: #00000070;
    height: 100%;
    width: 100%;
    content: "";
    position: absolute;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
}

.home_slide_content {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%);
    max-width: 900px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.home_slider_button_links {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}

.home_slide_content h1 {
    color: var(--offWhiteFC);
    text-align: center;
    font-family: var(--Cinzel);
    font-weight: 700;
}

.mySwiperHomeHero .swiper-slide-active .home_slide_content h1 {
    animation: slideFromTop 1.5s ease-out forwards;
    animation-delay: 0s;
    opacity: 0;
}

.mySwiperHomeHero .swiper-slide-active .home_slide_content a {
    animation: slideFromTop 1.5s ease-out forwards;
    animation-delay: 0.3s;
    opacity: 0;
}

@keyframes slideFromTop {
    from {
        opacity: 0;
        transform: translateY(-80px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mySwiperHomeHero .swiper-button-next,
.mySwiperHomeHero .swiper-button-prev {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    width: 54px;
    height: 112px;
}

/* Add your own images */
.mySwiperHomeHero .swiper-button-next {
    background-image: url("../images/icons/rightHomeArrow.svg");
    right: 0px;
}

.mySwiperHomeHero .swiper-button-prev {
    background-image: url("../images/icons/leftHomeArrow.svg");
    left: 0px;
}

/* Hide default arrows */
.mySwiperHomeHero .swiper-button-next::after,
.mySwiperHomeHero .swiper-button-prev::after {
    display: none;
}

.mySwiperHomeHero .swiper-pagination-bullet {
    background-color: #8b8b8b;
    width: 170px;
    height: 3px;
    border-radius: 0;
    border-radius: 20px;
    opacity: 1;
    transition: all 0.3s ease;
}

.mySwiperFeaturedMenu .swiper-pagination-bullet {
    background-color: #8b8b8b;
    width: 100px;
    height: 3px;
    border-radius: 0;
    border-radius: 20px;
    opacity: 1;
    transition: all 0.3s ease;
}

.mySwiperHomeHero .swiper-pagination-bullet.swiper-pagination-bullet-active,
.mySwiperFeaturedMenu
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
}

.mySwiperHomeHero .swiper-pagination,
.mySwiperFeaturedMenu .swiper-pagination {
    bottom: 30px !important;
    text-align: center;
}

/* ========= INVITE SECTION CSS  */
.invite_section_container {
    background: var(--secondaryBg);
    position: relative;
    overflow-x: hidden;
}

.inviteleftTextContainer {
    padding: 100px 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
}

.inviteleftTextContainer .border_button {
    color: var(--primary-color);
}

.white_color_btn .border_button {
    color: var(--primary-color);
}

.inviteleftTextContainer .border_button:hover {
    color: var(--white);
}

.invite_left_image {
    position: absolute;
    width: 45%;
    top: 0;
    right: 0;
    height: 100%;
}

.invite_left_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.crownIcon {
    width: max-content;
    margin: auto;
}

.crownIcon img {
    height: 44px;
    width: 44px;
}

.inviteleftTextContainer p {
    color: var(--offWhiteF3);
    font-size: clamp(16px, 2vw, 18px);
    text-align: center;
    font-family: var(--QuattrocentoRegular);
}

.celebrate_heading_container h5 {
    color: var(--primary-color);
    text-align: center;
    font-family: var(--Parisienne-Regular);
    font-size: 24px;
    padding: 8px 0;
}

.celebrate_heading_container h3 {
    color: var(--white);
    font-size: clamp(32px, 4vw, 36px);
    font-family: var(--Cinzel);
    font-weight: 700;
    text-align: center;
}

.client_review_content_container {
    background: #122c39;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    backdrop-filter: blur(64px);
    /* blur effect */
    -webkit-backdrop-filter: blur(64px);
    /* for Safari support */
}

.client_profile_container {
    border-top: 1px solid #4f5d63;
    padding-top: 24px;
    display: flex;
    gap: 16px;
}

.client_profile_container h5 {
    font-size: 18px;
    font-weight: 700;
    color: var(--offWhiteFC);
    font-family: var(--QuattrocentoRegular);
}

.client_profile_container h6 {
    font-size: 16px;
    font-weight: 400;
    color: var(--offwhiteE9);
    font-family: var(--QuattrocentoRegular);
}

.client_review_content_container .stars {
    color: var(--yellowStar);
    font-size: 20px;
}

.client_review_content_container p {
    color: var(--offwhiteE2);
}

.client_image {
    height: 62px;
    width: 62px;
    border-radius: 50%;
    overflow: hidden;
}

.client_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* featured menu  */
.featured_menu_section {
    padding: 100px 0;
}

.common_heading_container {
    margin-bottom: 44px;
}

.common_heading_container h5 {
    color: var(--primary-color);
    text-align: center;
    font-family: var(--Parisienne-Regular);
    font-size: 24px;
    padding: 8px 0;
}

.common_heading_container h3 {
    color: var(--white);
    font-size: clamp(32px, 4vw, 44px);
    font-family: var(--Cinzel);
    font-weight: 500;
    text-align: center;
}

.mySwiperFeaturedMenu {
    height: 100%;
    overflow: hidden;
}

.dish_showCase_container {
    background: var(--secondaryBg);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100;
    transition: all 0.5s ease-in-out;
}

.dish_showCase_container:hover .dish_image img {
    transform: scale(1.2);
}

.dish_image {
    height: 340px;
    width: 100%;
    overflow: hidden;
}

.dish_image img {
    height: 100%;
    width: 100%;
    transition: all 0.5s ease-in-out;
    object-fit: cover;
}

.dish_details h5 {
    font-size: clamp(20px, 3vw, 26px);
    color: var(--offWhiteFC);
    font-family: var(--QuattrocentoBold);
}

.dish_details p {
    font-size: clamp(14px, 2vw, 16px);
    color: var(--offwhiteE9);
    font-family: var(--QuattrocentoRegular);
}

.dish_details .price {
    font-size: clamp(18px, 2vw, 20px);
    font-family: var(--kalamBold);
    color: var(--primary-color);
    margin-top: 24px;
}

.price {
    font-size: clamp(18px, 2vw, 20px);
    font-family: var(--kalamBold);
    color: var(--primary-color);
    white-space: nowrap;
}

/* home page video section  */
.homePage_threeShape_image {
    height: 620px;
    width: 100%;
    overflow: hidden;
}

.homePage_threeShape_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* hotel service section  */

.hotel_Service_container {
    padding: 100px 0;
}

.service_detials_container {
    padding: 44px 24px;
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    height: 100%;
}

.line_bottom {
    position: relative;
}

.line_bottom::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: linear-gradient(
        to right,
        #ffffff00,
        var(--offWhiteFC),
        #ffffff00
    );
}

.line_right {
    position: relative;
}

.line_right::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 1px;
    background: linear-gradient(to bottom, #ffffff00, var(--offWhiteFC));
}

.line_top {
    position: relative;
}

.line_top::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 1px;
    background: linear-gradient(to bottom, var(--offWhiteFC), #ffffff00);
}

.service_detials_container .icon_image {
    height: 70px;
    width: 70px;
    border-radius: 4px;
    overflow: hidden;
    background: transparent;
    margin-bottom: 24px;
}

.service_detials_container h4 {
    font-size: clamp(18px, 3vw, 20px);
    color: var(--offWhiteFC);
    font-family: var(--QuattrocentoBold);
    text-align: center;
}

.service_detials_container p {
    font-size: clamp(16px, 2vw, 18px);
    color: var(--offwhiteED);
    text-align: center;
    font-weight: 400;
}

.service_detials_container .icon_image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

/* servie swiper slider  */
.mySwiperServiceSlider .swiper-slide {
    height: 100% !important;
}

.mySwiperServiceSlider .swiper-slide .service_detials_container {
    height: 100% !important;
}

.mySwiperServiceSlider .swiper-pagination-bullet,
.mySwiperChefJournal .swiper-pagination-bullet,
.mySwiperChefs .swiper-pagination-bullet {
    background-color: #2d4552;
    width: 30px;
    height: 4px;
    border-radius: 10px;
    opacity: 1;
    transition: all 0.3s ease;
}

.mySwiperServiceSlider
    .swiper-pagination-bullet.swiper-pagination-bullet-active,
.mySwiperChefJournal .swiper-pagination-bullet.swiper-pagination-bullet-active,
.mySwiperChefs .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #ffffff;
    width: 44px;
    border-radius: 8px;
}

.mySwiperServiceSlider {
    padding-bottom: 40px;
}

.mySwiperServiceSlider .swiper-pagination {
    bottom: 0px;
}

/* menu discover section css  */
.menu_discover_section_container {
    padding: 100px 0;
    overflow-x: hidden;
}

.dishes {
    margin-top: 44px;
}

.MenuFilterBtns {
    display: flex;
    align-items: center;
    gap: 50px;
}

.MenuFilterBtns .filter-btn {
    color: var(--offwhiteE4);
    font-size: clamp(16px, 2vw, 18px);
    border: none;
    background: none;
    font-family: var(--QuattrocentoBold);
}

.MenuFilterBtns .filter-btn.active {
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
    transition: all 0.5s ease;
}

.menu_list {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out;
}

.menu_list.show {
    max-height: 2000px;
    opacity: 1;
    visibility: visible;
}

.dish_detils_container h5 {
    font-size: clamp(18px, 2vw, 20px);
    color: var(--offWhiteFC);
    font-family: var(--QuattrocentoBold);
}

.dish_detils_container p {
    color: var(--colorD5);
    font-size: clamp(14px, 2vw, 16px);
}

.menu_Details_container {
    padding: 44px;
    border: 1px solid var(--primary-color);
    position: relative;
}

.menu_Details_container::before {
    content: "";
    position: absolute;
    top: -5px;
    left: -6px;
    height: 100%;
    width: 100%;
    padding: 44px;
    border: 1px solid var(--primary-color);
}

.menu_Details_container ul {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.menu_Details_container ul li {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    border-bottom: 2px dashed #616d74;
    padding-bottom: 16px;
}

/* client slider arrow  */
.client_review_slider_container {
    position: absolute;
    bottom: 50px;
    right: 8%;
    width: 100%;
    z-index: 2;
    max-width: 800px;
}

.client_review_slider_arrows {
    position: relative;
    height: 40px;
    width: 140px;
    margin-bottom: 10px;
}

.swiper-button-nextClient,
.swiper-button-prevClient {
    position: absolute;
}

.text-primary {
    color: var(--primary-color) !important;
}

.client_review_slider_arrows .swiper-button-nextClient,
.client_review_slider_arrows .swiper-button-prevClient {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 60px;
    height: 40px;
    z-index: 2;
}

/* Add your own images */
.client_review_slider_arrows .swiper-button-nextClient {
    background-image: url("../images/icons/clinetRightArrow.svg");
    right: 0px;
    bottom: 0px;
}

.client_review_slider_arrows .swiper-button-prevClient {
    background-image: url("../images/icons/clientLeftArrow.svg");
    left: 0px;
    bottom: 0px;
}

.client_review_slider_arrows .swiper-button-nextClient.disabled {
    opacity: 0.3;
    pointer-events: none;
}

/* client review section css  */
.client_Reiew_bg {
    background: #0c1e28;
}

/* gallary moment section css  */
.gallary_moment_section {
    padding: 100px 0;
}

.gallary_moment_section .border_button {
    color: var(--primary-color);
}

.gallary_moment_section .border_button:hover {
    color: var(--white);
}

.large_image {
    height: 400px;
    overflow: hidden;
}

.large_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.gallary_slider_image {
    height: 400px;
    overflow: hidden;
}

.gallary_slider_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.height565 {
    height: 566px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.height565::before,
.height265::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
        0deg,
        transparent,
        transparent 30%,
        rgba(185, 165, 65, 0.6)
    );
    transform: rotate(-45deg) translateY(0);
    transition: all 1s ease;

    opacity: 0;
    z-index: 1;
}

.height565:hover::before,
.height265:hover::before {
    opacity: 1;
    transform: rotate(-45deg) translateY(100%);
}

.height565 img,
.height265 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
    display: block;
    position: relative;
    z-index: 0;
    /* ensure the ::before is above it */
}

.height565:hover img,
.height265:hover img {
    transform: scale(1.05);
}

.height265 {
    height: 275px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

/* book table form section  */
.contact_form {
    background: #0f232e;
    padding: 94px;
    box-shadow: 0px 4px 32px -2px #0000000f;
    position: relative;
}

.objectIcon {
    max-width: 300px;
    margin: auto;
    width: 100%;
}

.top_right,
.right_bottom,
.top_left,
.top_left {
    height: 200px;
    width: 200px;
}

.top_right {
    position: absolute;
    top: 0;
    right: 0;
}

.right_bottom {
    position: absolute;
    bottom: 0;
    right: 0;
}

.top_left {
    position: absolute;
    top: 0;
    left: 0;
}

.bottom_left {
    position: absolute;
    left: 0;
    bottom: 0;
}

/* disbale bootstrap form effect  */
.form-control:focus,
.form-select:focus {
    box-shadow: none;
    border: 0;
    background-color: #1c313c;
    color: var(--white);
}

.form-control,
.form-select {
    border: 0;
    height: 50px;
    padding: 0 25px;
    border-radius: 1px;
    color: #cecece;
    font-weight: 400;
    width: 100%;
    background: #1c313c;
}

.form-control::placeholder,
textarea::placeholder {
    color: #cecece;
    font-size: 16px;
    font-weight: 400;
}

textarea {
    color: #cecece;
    font-size: 16px;
    font-weight: 400;
    border: 0;
    padding: 20px;
    width: 100%;
    background: #1c313c;
}

.white_color_btn:hover .border_button {
    color: var(--white);
}

input[type="time"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    /* Inverts black to white */
    opacity: 1;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    /* Inverts black to white */
    opacity: 1;
}

.contact_form form button {
    color: var(--primary-color);
    background: transparent;
}

/* get offer section */
.get_offer_section {
    padding: 100px 0;
    overflow-x: hidden;
}

.get_offer_bg_image {
    background: #1c313c;
    padding: 44px 0;
    position: relative;
    overflow: hidden;
}

.last_dish_image {
    width: 450px;
    position: absolute;
    top: -60px;
    right: 20px;
    z-index: 0;
}

.last_banner_bg {
    position: absolute;
    height: 100%;
    width: 350px;
    right: 80px;
    top: 0;
    z-index: 0;
}

.last_banner_bg img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.second_bg_gradient {
    background: linear-gradient(to right, #163748, #0f2d3c);
    padding: 44px 0;
    position: relative;
    z-index: 1;
}

.offerContent_Container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    position: relative;
    z-index: 1;
}

.offerContent_Container a {
    padding: 12px 30px;
    background-color: var(--primary-color);
    color: var(--white);
    font-size: 16px;
    font-family: var(--QuattrocentoBold);
}

.offerContent_Container p {
    font-size: 24px;
    font-family: var(--Parisienne-Regular);
    color: var(--primary-color);
    text-align: center;
}

.offerContent_Container h3 {
    font-size: clamp(22px, 4vw, 44px);
    font-family: var(--Cinzel);
    font-weight: 500;
    text-align: center;
}

/* insta slider  */
.instagram_highlight_section {
    padding: 84px 0;
    overflow-x: hidden;
}

.instaSlider .item {
    position: relative;
    overflow: hidden;
    height: 400px;
}

.instaSlider .item img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
}

.custom_arrowInstaPrev,
.custom_arrowInstaNext {
    display: inline-block;
    width: 50px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    position: absolute;
}

.custom_arrowInstaPrev {
    background-image: url("../images/icons/leftHomeArrow.svg");
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    z-index: 2;
}

.custom_arrowInstaNext {
    background-image: url("../images/icons/rightHomeArrow.svg");
    top: 50%;
    right: 0px;
    z-index: 2;
    transform: translateY(-50%);
}

/* ============ FOOTER SECTION CSS STARTS FROM HERE ======== */

footer {
    background: var(--footerBg);
    padding: 100px 0 44px 0;
    width: 100%;
    position: relative;
}

.footer_logo {
    max-width: 160px;
    width: 100%;
}

.footer_first_Content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer_first_Content p {
    font-size: 16px;
    font-weight: 400;
    color: var(--white);
}

.footer_social_links {
    display: flex;
    align-items: center;
    gap: 20px;
}

.footer_social_links a {
    height: 35px;
    width: 35px;
    padding: 10px;
    background: #102734;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.footer_social_links i {
    font-size: 18px;
    color: var(--offWhiteFC);
}

.links_container h5 {
    font-size: clamp(18px, 3vw, 22px);
    color: var(--white);
    text-transform: uppercase;
    padding-bottom: 20px;
    font-family: var(--QuattrocentoBold);
}

.links_container ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.links_container ul li a {
    font-size: 16px;
    font-weight: 400;
    color: var(--white);
    transition: all 0.2s ease-in-out;
    text-transform: capitalize;
}

.links_container ul li a:hover {
    color: var(--primary-color);
}

.footer_location_container {
    color: var(--greyText);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer_location_container i {
    font-size: 15px;
    padding-top: 5px;
    color: var(--white);
}

.footer_location_container a {
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
}

footer .open_hours ul li {
    color: var(--white);
    font-weight: 400;
    font-size: 16px;
}

.border-bottom-footer {
    border-bottom: 1px solid #1a3442;
    padding-bottom: 44px;
}

.allright_reserved p {
    padding-top: 44px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: var(--white);
}

/* ============ FOOTER SECTION CSS ENDS FORM HERE ======== */

/* ========================= ABOUT PAGE CSS STARTS FROM HERE ==============  */
.hero_title_heading_container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
    padding: 10px;
    width: 100%;
}

.hero_title_heading_container h1 {
    font-size: clamp(32px, 4vw, 60px);
    color: var(--white);
    font-family: var(--BonaNovaBold);
    text-transform: uppercase;
    max-width: 1500px;
    width: 100%;
    margin: auto;
}

.hero_title_heading_containerCenzel h1 {
    font-size: clamp(32px, 4vw, 60px);
    color: var(--white);
    font-family: var(--Cinzel);
    text-transform: uppercase;
    max-width: 1500px;
    width: 100%;
    font-weight: 500;
    margin: auto;
}

.hero_title_heading_container div {
    font-size: 18px;
    color: var(--offWhiteFC);
    width: max-content;
    margin: auto;
    font-weight: 400;
    text-transform: capitalize;
}

.hero_title_heading_container p {
    font-size: 18px;
    color: var(--offWhiteFC);
}

.hero_title_heading_container div span {
    font-size: 20px;
    color: var(--primary-color);
}

.how_it_begins {
    padding: 100px 0;
    background: var(--green00);
    overflow-x: hidden;
}

.how_it_begins_left_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 24px;
}

.how_it_begins_left_content p {
    font-size: clamp(16px, 2vw, 18px);
    font-family: var(--QuattrocentoRegular);
    color: var(--offwhiteE2);
}

.how_it_begins_left_content .signature {
    font-family: var(--AlexandriaWhitehouse);
    font-size: 44px;
    font-weight: 400;
    color: var(--offWhiteFC);
}

.small_counter_container {
    padding: 24px;
    background: #1c313c;
    color: var(--offWhiteFC);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
}

.small_counter_container h3 {
    font-size: 44px;
    font-family: var(--BonaNovaBold);
    color: var(--offWhiteFC);
}

.small_counter_container p {
    font-size: clamp(16px, 2vw, 18px);
    text-align: center;
    font-weight: 400;
}

.small_counter_container_black {
    background: var(--primary-color);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    padding: 24px;
}

.small_counter_container_black h3 {
    font-size: 44px;
    font-family: var(--BonaNovaBold);
    color: var(--white);
}

.small_counter_container_black p {
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 400;
    color: var(--white);
    text-align: center;
}

.large_img {
    height: 710px;
}

.gap-15 {
    gap: 15px;
}

.large_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.how_it_begins_right_section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.history_of_food {
    padding: 100px 0;
    overflow-x: hidden;
}

.history_content_container h3 {
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 700;
    font-family: var(--Cinzel);
}

.history_content_container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.history_content_container p {
    font-size: clamp(16px, 2vw, 18px);
    font-family: var(--QuattrocentoRegular);
    color: var(--offwhiteE2);
}

.feedback_container {
    padding-top: 24px;
    border-top: 1px solid #334c59;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    font-family: var(--QuattrocentoRegular);
}

.history_content_container h6 {
    font-size: clamp(18px, 3vw, 20px);
    font-family: var(--shadowsLight);
    color: var(--primary-color);
    font-weight: 400;
}

.feedBAckCounter {
    display: flex;
    flex-direction: column;
}

.feedBAckCounter h4 {
    font-size: clamp(32px, 4vw, 44px);
    color: var(--primary-color);
    font-family: var(--Cinzel);
    font-weight: 700;
}

/* chef details  */
.chefs_details_container {
    padding: 100px 0;
    background: var(--green00);
}

.chef_image {
    height: 350px;
    overflow: hidden;
    width: 100%;
}

.chef_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.chef_data {
    background: #1c313c;
    padding: 24px;
}

.chef_data h3 {
    font-size: 22px;
    font-family: var(--QuattrocentoBold);
    text-align: start;
    color: var(--offWhiteFC);
}

.chef_data p {
    font-size: 16px;
    font-family: var(--QuattrocentoRegular);
    color: var(--offwhiteE2);
}

/* ========================= ABOUT PAGE CSS ENDS HERE ==============  */

/* ******************* MENU PAGE CSS STARTS FROM HERE ************* */
.menuFilter_section,
.main_dishes_container {
    padding: 100px 0;
    background: var(--green00);
    overflow-x: hidden;
}

.menu_filter_btns_Container {
    display: flex;
    align-items: center;
    /* justify-content: center; */
}

.menu_filter_btns_Container .menu_filter_btn {
    padding: 12px 24px;
    color: var(--offWhiteFC);
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 400;
    width: max-content;
    cursor: pointer;
    font-family: var(--QuattrocentoRegular);
}

.menu_filter_btns_Container .menu_filter_btn.active {
    background: var(--primary-color);
    color: var(--offWhiteFC);
}

.menu_items_container .menu_item h3 {
    font-size: 26px;
    color: var(--offWhiteFC);
    font-weight: 700;
    padding-bottom: 30px;
}

.bg_light_primary {
    background: var(--bgf6);
}

.main_dishes_container h3 {
    font-size: 26px;
    color: var(--offWhiteFC);
    font-weight: 700;
    padding-bottom: 30px;
}

.menu_items_container .menu_item {
    display: none;
}

.menu_items_container .menu_item.active {
    display: block;
}

/*.show_case_bg_one {*/
/*    height: 450px;*/
/*    width: 100%;*/
/*    background: url("../images/menubg1.png");*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    background-position: center;*/
/*    background-attachment: fixed;*/
/*}*/

.show_case_bg_one {
    height: 160px;
    width: 100%;
    background: url("../images/menubg1.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}


.show_case_bg_two {
    height: 450px;
    width: 100%;
    background: url("../images/menubg2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* ******************* MENU PAGE CSS ENDS FROM HERE ************* */

/* =========== CONTACT PAGE CSS STARTS FROM HERE ====== */
.getintouch_section {
    padding: 100px 0;
    overflow-x: hidden;
    background: var(--green00);
}

.get_in_touch_form button {
    border: none;
}

.get_in_touch_form h2 {
    font-size: 32px;
    font-weight: 700;
    font-family: var(--Cinzel);
}

.get_in_touch_form p {
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 400;
    color: var(--offwhiteE2);
}

.get_in_touch_form .border_button {
    background: transparent;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.get_in_touch_form .border_button:hover {
    color: var(--white);
    background: var(--primary-color);
}

/*.get_in_touch_image_container {*/
/*    height: 680px;*/
/*    overflow: hidden;*/
/*}*/

.get_in_touch_image_container {
    height: auto;
    overflow: hidden;
}

.get_in_touch_form form .form-control {
    border: none;
    height: 50px;
    padding: 0 20px;
}

textarea {
    outline: none;
}

.get_in_touch_form form textarea {
    outline: none;
    border: none;
    height: 200px;
}

.contact_address_section {
    padding-top: 100px;
}

.contact_address_content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.address_cotent_container {
    display: flex;
    gap: 10px;
}

.address_cotent_container .image_icon {
    height: 30px;
    width: 20px;
}

.address_cotent_container .image_icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top;
}

.address_cotent_container h5 {
    font-size: 20px;
    font-weight: 700;
    color: var(--offWhiteFC);
}

.address_cotent_container a,
.address_cotent_container p {
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 400;
    color: var(--offwhiteE2);
}

.book_aTable_section {
    padding: 100px 0;
}

/* =========== CONTACT PAGE CSS ENDS FORM HERE  */

/* ******** TESTINOMAIL PAGE SECTION STARTS FROM HERE ********* */
.client_testinomial_section {
    padding: 84px 0;
}

.client_profile_small {
    height: 60px;
    width: 60px;
    overflow: hidden;
    border-radius: 50%;
}

.photo_gallary_image {
    height: 350px;
    width: 100%;
    overflow: hidden;
    perspective: 1000px;
}

.photo_gallary_image:hover img {
    transform: rotateY(20deg) scale(1.05);
}

.photo_gallary_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
    transform-style: preserve-3d;
}

.videoGallaryPlay_icon {
    position: relative;
    cursor: pointer;
}

.videoGallaryPlay_icon::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 50px;
    width: 50px;
    background: url("../images/icons/palyIconWhite.svg");
    background-repeat: no-repeat;
    background-size: contain;
    will-change: transform, opacity;
    animation: pulse 2s infinite;
    image-rendering: pixelated;
}

@keyframes pulse {
    0%,
    100% {
        transform: translate(-50%, -50%) scale(1);
    }

    50% {
        transform: translate(-50%, -50%) scale(1.2);
    }
}

.videoGallaryPlay_icon {
    position: relative;
    overflow: hidden;
}

.videoGallaryPlay_icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 1;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.videoGallaryPlay_icon::before {
    z-index: 2;
}

/* ******** TESTINOMAIL PAGE SECTION END FORM HERE ********* */

/* ============== BLOG PAGE CSS STARTS FROM HERE ======= */
.blog_section {
    padding: 44px 0 100px 0;
    background: var(--green00);
}

.readArrow {
    height: 10px;
    width: 30px;
    object-fit: contain;
}

.large_image_container {
    height: 620px;
    overflow: hidden;
}

.large_image_container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.large_blog_text_content {
    background: #1c313c;
    padding: 32px;
}

.large_blog_text_content small,
.blog_content_container small {
    color: var(--offwhiteE2);
    padding-bottom: 10px;
    display: block;
}

.large_blog_text_content h4 {
    font-size: clamp(18px, 3vw, 26px);
    color: var(--offWhiteFC);
    font-family: var(--QuattrocentoBold);
}

.large_blog_text_content p,
.blog_content_container p {
    color: var(--offwhiteE2);
    font-size: 18px;
    font-weight: 400;
}

.large_blog_text_content a,
.blog_content_container a {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 400;
    margin-top: 30px;
    width: max-content;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.4s ease-in-out;
}

.blog_content_container a:hover,
.large_blog_text_content a:hover {
    color: var(--white);
}

.blog_content_container {
    background: #1c313c;
    padding: 24px 32px;
}

.blog_content_container h4 {
    font-size: clamp(18px, 3vw, 20px);
    color: var(--offWhiteFC);
    font-family: var(--QuattrocentoBold);
}

.blog_image {
    height: 225px;
    overflow: hidden;
    width: 100%;
}

.mySwiperChefJournal .blog_image {
    height: 300px;
}

.blog_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.indiviual_blog_image {
    height: 380px;
    overflow: hidden;
}

/* individual blog  */
.individual_blog_section {
    padding: 44px 0 44px 0;
}

.indiviual_blog_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.individual_blog_details .date {
    display: flex;
    gap: 10px;
    align-items: center;
    color: var(--offwhiteE2);
    font-size: 14px;
    padding: 16px 0;
}

.first_paragraph {
    display: flex;
    flex-direction: column;
    gap: 24px;
    color: var(--offwhiteE2);
}

.individual_land_mark {
    padding: 32px;
    background: var(--green00);
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 24px 0;
}

.qutation_icon {
    height: 30px;
    width: 30px;
    overflow: hidden;
}

.qutation_icon img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.individual_land_mark h5 {
    font-size: 18px;
    font-weight: 700;
    color: var(--offWhiteFC);
}

.individual_blog_details h3 {
    font-size: 22px;
    /*font-weight: 700;*/
    color: var(--offWhiteFC);
}

.individual_blog_details p {
    color: var(--offwhiteE2);
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 400;
}

.product_details_images {
    padding: 20px 0;
}

.product_details_images img {
    height: 340px;
    width: 100%;
    object-fit: cover;
}

/* ============== BLOG PAGE CSS ENDS FROM HERE  ======= */

/* ========== PHOTO GALLARY PAGE CSS STARTS FROM HERE ==== */
.photoGallary_section {
    padding: 84px 0;
}

.video_gallary_image {
    height: 350px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.video_gallary_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* ========== PHOTO GALLARY PAGE CSS ENDS FROM HERE ==== */

/* =============== MEDIA QUERIES FORM SMALL SCREENS ==== */
@media (max-width: 991.98px) {
    .inviteleftTextContainer .border_button {
        display: none;
    }

    .navbar .nav-item {
        width: 100%;
    }

    .offcanvas-body {
        padding: 0;
    }

    .offcanvas {
        position: fixed !important;
        top: 0 !important;
        left: 0;
        height: 100vh !important;
        width: 100%;
        z-index: 1100 !important;
    }

    .offcanvas-header {
        padding: 16px 24px;
        display: flex;
        justify-content: space-between;
        background: var(--bodyBg);
        color: var(--offWhiteFC);
    }

    .offcanvas-header p {
        font-size: 18px;
        font-family: var(--QuattrocentoBold);
    }

    .offcanvas-header button {
        font-size: 25px;
        color: var(--offWhiteFC);
        background: transparent;
        border: none;
    }

    .navbar .nav-item a {
        color: var(--greyText);
        border-bottom: 1px solid var(--offwhiteE2);
        width: 100%;
        padding: 16px 24px !important;
        font-weight: 400;
    }

    .home_page_hero_slider_container {
        height: 70vh;
    }

    .home_slide_content {
        transform: translate(-50%, -50%);
    }

    .homePage_threeShape_image {
        height: 420px;
    }

    .invite_section_container,
    .popular_dish_showcase_container {
        overflow-x: hidden;
    }

    .get_offer_bg_image {
        overflow-x: hidden;
    }

    .instaSlider .item {
        height: 280px;
    }

    .border_right {
        border-right: 0;
    }

    .product_details_images img {
        border-radius: 10px;
    }

    /* new css  */
    .mySwiperHomeHero .swiper-pagination-bullet {
        width: 100px;
    }

    .bg_light_primary {
        background: none;
    }

    .mySwiperHomeHero .swiper-pagination {
        bottom: 10px !important;
        text-align: center;
    }

    .invite_image_container {
        height: 420px;
        overflow: hidden;
    }

    .featured_menuText_container .buttton_bg {
        margin-left: 0;
    }

    .contact_from_sectionmbMore {
        margin-bottom: 0;
    }

    footer::before {
        top: -30px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left;
    }

    /* new  */
    .navbar .nav-item::before {
        display: none;
    }

    .invite_left_image {
        display: none;
    }

    .client_review_slider_container {
        position: static;
        width: 100%;
    }

    .client_Reiew_bg {
        padding-bottom: 84px;
    }

    .inviteleftTextContainer {
        padding: 44px 0;
    }

    .common_heading_container {
        margin-bottom: 32px;
    }

    .contact_form {
        padding: 94px 20px;
    }

    .last_dish_image {
        width: 350px;
        right: -50px;
        top: 0;
    }

    .last_banner_bg {
        right: 0;
    }

    .overlay_image {
        margin-top: 0;
    }

    .line_right::after,
    .line_bottom::after,
    .line_top::after {
        display: none;
    }
    .large_img, .history_image  {
    height: 420px !important;
}
}

@media (max-width: 767.98px) {
    .top_right,
    .right_bottom,
    .top_left,
    .top_left {
        height: 140px;
        width: 140px;
    }

    .service_detials_container {
        padding: 20px;
    }

    .featured_menu_section,
    .popular_dish_showcase_container,
    .menu_discover_section_container,
    .instagram_highlight_section,
    .how_it_begins,
    .history_of_food,
    .chefs_details_container,
    .menuFilter_section,
    .main_dishes_container,
    .getintouch_section,
    .client_testinomial_section,
    .photoGallary_section,
    .blog_section,
    .individual_blog_section,
    .get_offer_section,
    .gallary_moment_section,
    .hotel_Service_container,
    .book_aTable_section {
        padding: 44px 0;
    }

    .contact_address_section {
        padding-top: 44px;
    }

    .homePage_threeShape_image {
        height: 300px;
    }

    .client_profile {
        height: 250px;
        overflow: hidden;
    }

    .client_profile img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .timing_container {
        padding: 20px;
    }

    .Client_review_slider_container {
        padding: 44px 0;
    }

    .instaSlider .item {
        height: 220px;
    }

    .show_case_bg_one,
    .show_case_bg_two {
        height: 320px;
    }

    .get_in_touch_image_container {
        height: 360px;
        overflow: hidden;
    }

    .photo_gallary_image,
    .video_gallary_image {
        height: 280px;
    }

    .blog_content_container {
        padding: 24px;
    }

    .history_of_food,
    .how_it_begins,
    .contact_address_section,
    .photoGallary_section {
        overflow-x: hidden;
    }

    /* new css  */
    .home_slider_button_links {
        margin-top: 0;
    }

    .mySwiperFeaturedMenu .swiper-pagination-bullet {
        width: 60px;
    }

    .client_review_content_container {
        padding: 20px;
    }

    .client_review_slider_container .swiper-button-nextClient,
    .client_review_slider_container .swiper-button-prevClient {
        display: none;
    }

    .call_btn {
        padding: 10px 20px !important;
        text-align: center;
    }

    .contact_bg_image {
        height: 320px;
        overflow: hidden;
        margin: 44px 0;
    }

    .hero_title_heading_container {
        margin-top: 30px;
    }

    .overlay_image {
        height: 60vh;
    }

    footer {
        padding-top: 44px;
    }

    footer::before {
        background-position: center;
        left: 0;
    }

    .footer_logo {
        max-width: 140px;
    }

    .invite_left_image {
        height: 320px;
        padding: 0 20px 44px 20px;
    }

    .MenuFilterBtns {
        gap: 24px;
    }

    .menu_Details_container {
        padding: 20px;
    }

    .client_Reiew_bg {
        padding-bottom: 44px;
    }

    .client_review_slider_arrows {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .home_page_hero_slider_container {
        height: 480px;
        margin-top: 0;
    }

    .navbar {
        background: transparent;
        backdrop-filter: blur(0px);
        -webkit-backdrop-filter: blur(0px);
    }

    .home_slide_content {
        margin-top: 30px;
        gap: 10px;
        padding: 0 20px;
    }

    .foodImage {
        height: 450px !important;
    }

    .foodImage img {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

    .dish_photo {
        height: 60px;
        width: 60px;
    }

    .homePage_threeShape_image {
        height: 280px;
    }

    .padding_dishContiaer {
        padding: 10px;
    }

    /* new  */
    .dishes_details {
        flex-direction: column;
    }

    .second_bg_gradient {
        padding: 12px 0;
    }

    .last_dish_image {
        top: 50%;
        right: -50px;
        width: 300px;
        transform: translateY(-50%);
    }

    .offerContent_Container a {
        width: 100%;
        padding: 12px;
        font-size: 14px;
        text-align: center;
        margin-left: 10px;
    }

    .offerContent_Container {
        gap: 16px;
    }

    .last_banner_bg {
        width: 300px;
        right: 0;
    }
}

@media (max-width: 400px) {
}

.home-intro-txt h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
}

.video-background {
    width: 100%;
    height: 620px; /* default desktop height */
}

.video-background .jarallax-img {
    object-fit: cover; /* fill the div */
}

/* Responsive heights */
@media (max-width: 1200px) {
    .video-background {
        height: 500px;
    }
}

@media (max-width: 992px) {
    .video-background {
        height: 400px;
    }
}

@media (max-width: 768px) {
    .video-background {
        height: 300px;
    }
}

@media (max-width: 576px) {
    .video-background {
        height: 200px;
    }
}

/* Pagination wrapper */
.pagination-area {
    width: 100%;
    display: flex;
    justify-content: center;
}

/* Pagination container */
.pagination {
    display: flex;
    list-style: none;
    padding: 0;
    gap: 10px;
    margin: 50px 0 0 0;
}

/* Individual page links */
.pagination .page-link {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ddd;
    color: #333;
    font-weight: 500;
    transition: all 0.3s ease;
    background: #fff;
    cursor: pointer;
}

/* Hover effect */
.pagination .page-link:hover {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

/* Active page */
.pagination .page-item.active .page-link {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

/* First and last buttons (Prev / Next) */
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    font-size: 18px;
    font-weight: bold;
}

/* Disabled state */
.pagination .page-item.disabled .page-link {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Responsive adjustment */
@media (max-width: 576px) {
    .pagination .page-link {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }

    .pagination .page-item:first-child .page-link,
    .pagination .page-item:last-child .page-link {
        font-size: 16px;
        width: 36px;
        height: 36px;
    }
}

/* new css  */
.individual_blog_details blockquote {
    padding: 32px;
    background: var(--green00);
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 24px 0;
    position: relative;
}

.individual_blog_details blockquote h5 {
    font-size: 18px;
    font-weight: 700;
    color: var(--offWhiteFC);
}

.individual_blog_details blockquote::before {
    content: "";
    position: absolute;
    top: 26px;
    left: 32px;
    background-image: url("../images/icons/qutation.svg");
    height: 30px;
    width: 30px;
    background-size: contain;
    background-repeat: no-repeat;
}
.individual_blog_details table {
    width: 100%;
}
.individual_blog_details table tr td figure {
    height: 340px;
}

.individual_blog_details table tr {
    display: flex;
    align-items: center;
    gap: 16px;
    background-color: transparent;
    border: 0;
    padding: 0;
}

.individual_blog_details table tr td {
    width: 50%;
}

.individual_blog_details table tr td img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
}

@media (max-width: 576px) {
    .individual_blog_details table tr {
        flex-direction: column;
        gap: 10px;
    }

    .individual_blog_details table tr td {
        width: 100%;
    }
}

/* new css  */
.hotel_Service_container .dummy_class .dummy_col:last-child.line_top::after{
    display: none;
}