a {
    text-decoration: none;
}

*,
ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

@font-face {
    font-family: 'Cinzel-Black';
    src: url('../fonts/Cinzel-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cinzel-Bold';
    src: url('../fonts/Cinzel-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cinzel-ExtraBold';
    src: url('../fonts/Cinzel-ExtraBold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cinzel-Medium';
    src: url('../fonts/Cinzel-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cinzel-Regular';
    src: url('../fonts/Cinzel-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cinzel-SemiBold';
    src: url('../fonts/Cinzel-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy-Medium';
    src: url('../fonts/Gilroy-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-regular: "Cinzel-Regular";
    --font-medium: "Cinzel-Medium";
    --font-semibold: "Cinzel-SemiBold";
    --font-bold: "Cinzel-Bold";
    --font-extrabold: "Cinzel-ExtraBold";
    --font-black: "Cinzel-Black";
    --supportive-font: "Gilroy-Medium";
    --primary: #F6AF20;
    --black: #000000;
    --light-black: #121212;
    --bg-color: #FEF9EF;
    --white: #fff;
}

* {
    box-sizing: border-box;
}

html {
    /* Fluid root size: 1rem = 9px at <=375px viewport, scaling up to 1rem = 10px at >=1440px viewport */
    font-size: clamp(56.25%, calc(54.05% + 0.59vw), 62.5%);
    scroll-behavior: smooth;
    overflow-x: hidden;
}

.py-100 {
    padding-block: clamp(6rem, 8vw, 10rem);
}

section {
    scroll-margin-top: 100px;
}


/*=========================================
            HEADER AREA
=========================================*/

/* Component Scope & Reset */
.header-scope {
    font-family: var(--hdr-font-main);
    color: var(--hdr-text-dark);
}


.header-scope a {
    text-decoration: none;
    color: inherit;
}

.header-scope ul {
    list-style: none;
}


/* --- Top Header Bar --- */
.header-scope .top-header {
    padding: 8px 0;
    background-color: var(--black);
}

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

.header-scope .top-left-info {
    display: flex;
    align-items: center;
    gap: 20px;
}

.header-scope .info-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--white);
    font-size: 1.3rem;
    font-family: var(--supportive-font);
    font-weight: 400;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
}

.header-scope .info-item>i {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary);
    color: var(--black);
    padding: 5px;
    font-size: 1rem;
}

.header-scope .info-item span i {
    color: var(--primary);
    display: inline-flex;
    align-items: center;
}

.header-scope .info-item:hover {
    color: var(--primary);
}

/* Icon System */
.header-scope .icon-circle {
    width: 26px;
    height: 26px;
    background-color: var(--primary);
    color: #fff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.header-scope .icon-gold {
    color: var(--primary);
    font-size: 1.4rem;
}

.header-scope .top-right-socials {
    display: flex;
    align-items: center;
    gap: 25px;
}

.header-scope .icon-social {
    width: 28px;
    height: 28px;
    border: 1px solid #CDB9A5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    font-size: 1.3rem;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

/* .header-scope .icon-social:hover {
    background-color: var(--hdr-primary-gold);
    color: #fff;
    border-color: var(--hdr-primary-gold);
} */

/* --- Main Header Navigation --- */
.header-scope .main-header {
    background-color: var(--hdr-bg-light);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
    padding: 12px 0;
}

.header-scope .main-header-inner {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: end;
}

.header-scope .header-left {
    display: flex;
    align-items: center;
}

.header-scope .mall-timings {
    display: flex;
    flex-direction: column;
    font-size: 1.3rem;
}

.header-scope .timing-title {
    font-family: var(--supportive-font);
    font-weight: 500;
    font-size: 1.7rem;
    line-height: normal;
    color: var(--black);
}

.header-scope .timing-hours {
    font-family: var(--supportive-font);
    font-weight: 500;
    font-size: 1.7rem;
    line-height: normal;
    color: var(--black);
}

.header-scope .header-center {
    text-align: center;
}

.header-scope .brand-logo {
    max-height: 105px;
    width: auto;
    display: block;
}

.header-scope .header-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* Desktop Navigation */
.header-scope .desktop-nav ul {
    display: flex;
    align-items: center;
    gap: 30px;
}

.header-scope .nav-link,
.header-scope .desktop-nav ul a {
    font-family: var(--font-medium);
    font-size: 1.5rem;
    letter-spacing: 0.5px;
    color: var(--black);
    position: relative;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
}

.header-scope .nav-link.active,
.header-scope .nav-link:hover,
.header-scope .desktop-nav ul a.active,
.header-scope .desktop-nav ul a:hover {
    color: var(--primary);
}

.header-scope .mobile-menu-toggle {
    display: none;
    background: none;
    border: none;
    font-size: 2.2rem;
    color: var(--hdr-text-dark);
    cursor: pointer;
    padding: 5px;
}

.header-scope .mobile-menu-toggle img {
    width: 100%;
    max-width: 30px;
}

/* --- Mobile Sidebar & Overlay --- */
.header-scope .sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: all var(--hdr-transition-speed);
    z-index: 998;
}

.header-scope .sidebar-overlay.active {
    opacity: 1;
    visibility: visible;
}

.header-scope .mobile-sidebar {
    position: fixed;
    top: 0;
    right: -320px;
    width: 300px;
    height: 100vh;
    background-color: var(--white);
    z-index: 999;
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    transition: right 0.3s;
    overflow-y: auto;
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    -ms-transition: right 0.3s;
    -o-transition: right 0.3s;
}

.header-scope .mobile-sidebar.open {
    right: 0;
}

.header-scope .sidebar-header {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--hdr-border-color);
}

.header-scope .sidebar-logo {
    max-height: 40px;
}

.header-scope .sidebar-close-btn {
    background: none;
    border: none;
    font-size: 2.4rem;
    color: var(--hdr-text-dark);
    cursor: pointer;
}

.header-scope .sidebar-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.header-scope .sidebar-nav ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.header-scope .sidebar-link,
.header-scope .sidebar-body .sidebar-nav ul a {
    font-family: var(--font-medium);
    font-size: 1.5rem;
    letter-spacing: 0.5px;
    color: var(--black);
    position: relative;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    display: block;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
}

.header-scope .sidebar-link.active,
.header-scope .sidebar-body .sidebar-nav ul a.active,
.header-scope .sidebar-link:hover,
.header-scope .sidebar-body .sidebar-nav ul a:hover {
    color: var(--primary);
}

.header-scope .sidebar-divider {
    border: 0;
    height: 1px;
    background-color: var(--primary);
    margin: 5px 0;
}

.header-scope .sidebar-info-block {
    font-size: 1.3rem;
}

.header-scope .sidebar-info-title {
    font-weight: 700;
    margin-bottom: 2px;
}

.header-scope .sidebar-info-desc {
    color: var(--hdr-text-muted);
    line-height: 1.4;
}

.header-scope .sidebar-contact {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.header-scope .sidebar-contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.3rem;
    font-weight: 500;
    color: var(--hdr-text-muted);
}

.header-scope .sidebar-socials {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}


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

.hero-slider {

    position: relative;
}

.heroSwiper {

    width: 100%;
}

.swiper-slide {

    position: relative;
    overflow: hidden;
}

.hero-img {

    width: 100%;
    height: clamp(32rem, 55vw, 90rem);

    object-fit: cover;
    display: block;
}

.hero-slider .overlay {

    position: absolute;
    inset: 0;

    background: linear-gradient(90deg,
            rgba(0, 0, 0, .65) 0%,
            rgba(0, 0, 0, .35) 35%,
            rgba(0, 0, 0, .10) 70%,
            transparent 100%);
}

.hero-content {

    position: absolute;

    left: 8%;
    top: 50%;

    transform: translateY(-50%);

    max-width: 49rem;

    z-index: 2;
}

.hero-content h1 {
    font-family: var(--font-medium);
    color: var(--white);
    line-height: .95;
    font-size: clamp(2.8rem, 5vw, 6.8rem);
    text-transform: uppercase;
    margin: 0;
    letter-spacing: .05rem;
    opacity: 0;
    transform: translateY(4rem);
    transition: opacity 1.4s cubic-bezier(.22, .61, .36, 1) .3s, transform 1.4s cubic-bezier(.22, .61, .36, 1) .3s;
    -webkit-transition: opacity 1.4s cubic-bezier(.22, .61, .36, 1) .3s, transform 1.4s cubic-bezier(.22, .61, .36, 1) .3s;
    -moz-transition: opacity 1.4s cubic-bezier(.22, .61, .36, 1) .3s, transform 1.4s cubic-bezier(.22, .61, .36, 1) .3s;
    -ms-transition: opacity 1.4s cubic-bezier(.22, .61, .36, 1) .3s, transform 1.4s cubic-bezier(.22, .61, .36, 1) .3s;
    -o-transition: opacity 1.4s cubic-bezier(.22, .61, .36, 1) .3s, transform 1.4s cubic-bezier(.22, .61, .36, 1) .3s;
}

.hero-content span {

    color: var(--primary);
}

.hero-content p {
    font-family: var(--supportive-font);
    font-size: clamp(1.6rem, 1.5vw, 2.3rem);
    line-height: 1.3;
    color: var(--white);
    margin-top: clamp(1.5rem, 2vw, 3rem);
    max-width: 400px;
    opacity: 0;
    transform: translateY(3rem);
    transition: opacity 1.4s cubic-bezier(.22, .61, .36, 1) .6s, transform 1.4s cubic-bezier(.22, .61, .36, 1) .6s;
    -webkit-transition: opacity 1.4s cubic-bezier(.22, .61, .36, 1) .6s, transform 1.4s cubic-bezier(.22, .61, .36, 1) .6s;
    -moz-transition: opacity 1.4s cubic-bezier(.22, .61, .36, 1) .6s, transform 1.4s cubic-bezier(.22, .61, .36, 1) .6s;
    -ms-transition: opacity 1.4s cubic-bezier(.22, .61, .36, 1) .6s, transform 1.4s cubic-bezier(.22, .61, .36, 1) .6s;
    -o-transition: opacity 1.4s cubic-bezier(.22, .61, .36, 1) .6s, transform 1.4s cubic-bezier(.22, .61, .36, 1) .6s;
}

.swiper-slide-active .hero-content h1,
.swiper-slide-active .hero-content p {

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

.hero-slider .swiper-pagination {

    bottom: clamp(1rem, 2vw, 3rem) !important;
}

.hero-slider .swiper-pagination-bullet {

    width: 1rem;
    height: 1rem;

    background: #fff;

    opacity: .5;
}

.hero-slider .swiper-pagination-bullet-active {

    opacity: 1;
    background: var(--primary);
}

.mobilebanner-img {
    display: none;
}


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


.experience-section {

    position: relative;

    overflow: hidden;
}

.experience-content {

    max-width: 90rem;
    margin: auto;
}

.experience-content h3 {

    font-family: var(--font-medium);

    font-size: clamp(2.8rem, 2.8vw, 5rem);

    font-weight: 500;

    color: var(--black);

    margin-bottom: .8rem;

    letter-spacing: .08rem;

    text-transform: uppercase;
}

.experience-content h2 {

    font-family: var(--font-medium);

    font-size: clamp(4rem, 5vw, 7rem);

    color: var(--primary);

    font-weight: 500;

    line-height: 1;

    margin-bottom: clamp(2rem, 3vw, 4rem);

    text-transform: uppercase;
}

.experience-content p {

    font-family: var(--supportive-font);

    font-size: clamp(1.6rem, 1.4vw, 2.5rem);

    line-height: 1.5;

    color: var(--text);

    margin-bottom: clamp(2rem, 2vw, 3rem);
}

.experiance-img img {
    width: 100%;
    height: 100%;
    aspect-ratio: 21 / 9;
}



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

.moods-section {
    position: relative;
    overflow: hidden;
}

.moods-section .section-title {
    margin-bottom: clamp(3rem, 4vw, 4rem);
}

.section-title h2 {
    font-family: var(--font-medium);
    font-size: clamp(2.8rem, 3vw, 5rem);
    line-height: 1.1;
    text-transform: uppercase;
    color: var(--black);
}

.moods-section .hero-image {
    width: 100%;
    height: clamp(25rem, 42vw, 55rem);
    overflow: hidden;
}

.moods-section .hero-image img {
    width: 100%;
    height: 100%;
    aspect-ratio: 64 / 17;
}

.moods-section .moodsSwiper {
    margin-top: clamp(-10rem, -7vw, -7rem);
    padding-bottom: 8rem;
}

/* .moods-section .swiper-slide {
    height: auto;
} */

.moods-section .mood-card {
    background: #fff;
    border: .2rem solid #E7B13A;
    border-radius: 1.2rem;
    overflow: hidden;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .08);

    transition: transform .5s cubic-bezier(.22, .61, .36, 1),
        opacity .5s cubic-bezier(.22, .61, .36, 1),
        box-shadow .5s ease;
}

.moods-section .swiper-slide-active .mood-card {
    transform: scale(1);
    opacity: 1;
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, .14);
}

.moods-section .card-image {
    padding: 2.5rem;
}

.moods-section .card-image img {
    width: 100%;
    aspect-ratio: 16/10;
    object-fit: cover;
    border-radius: .8rem;
}

.moods-section .card-content {
    padding: 0 2rem 2rem;
}

.moods-section .card-content h4 {
    font-family: var(--supportive-font);
    font-size: clamp(1.8rem, 2vw, 3rem);
    font-weight: 500;
    margin-bottom: 3.5rem;
}

.moods-section .view-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 12rem;
    height: 4.2rem;
    border-radius: .8rem;
    background: var(--primary);
    color: var(--black);
    font-size: 1.8rem;
    font-weight: 600;
    transform: translateY(1rem) scale(.9);
    pointer-events: none;
    transition: opacity .4s ease .1s, transform .4s ease .1s, background .3s, color .3s;
    display: none;
    margin-left: auto;
    -webkit-border-radius: .8rem;
    -moz-border-radius: .8rem;
    -ms-border-radius: .8rem;
    -o-border-radius: .8rem;
}

.cmn-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 40px;
    border-radius: .8rem;
    background: var(--primary);
    color: var(--black);
    font-size: 1.8rem;
    font-weight: 600;
    /* transform: translateY(1rem) scale(.9); */
    /* pointer-events: none; */
    transition: opacity .4s ease .1s, transform .4s ease .1s, background .3s, color .3s;
    -webkit-border-radius: .8rem;
    -moz-border-radius: .8rem;
    -ms-border-radius: .8rem;
    -o-border-radius: .8rem;
    /* -webkit-transform: translateY(1rem) scale(.9);
    -moz-transform: translateY(1rem) scale(.9);
    -ms-transform: translateY(1rem) scale(.9);
    -o-transform: translateY(1rem) scale(.9); */
}

.cmn-btn:hover {
    background: var(--black);
    color: var(--white);
}

.moods-section .swiper-slide-active .view-btn {
    transform: translateY(0) scale(1);
    pointer-events: auto;
    display: flex;
    -webkit-transform: translateY(0) scale(1);
    -moz-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    -o-transform: translateY(0) scale(1);
}

.moods-section .view-btn:hover {
    background: var(--black);
    color: var(--white);
}

.moods-section .slider-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    margin-top: 4rem;
}

.moods-section .swiper-button-prev,
.moods-section .swiper-button-next {
    position: static;
    width: 4rem;
    height: 4rem;
    margin: 0 !important;
    color: #696969;
    font-size: 22px;
}

.moods-section .swiper-button-prev svg,
.moods-section .swiper-button-next svg {
    display: none;
}

.moods-section .swiper-button-prev::after,
.moods-section .swiper-button-next::after {
    font-size: 2rem;
}

.moods-section .swiper-pagination {
    position: static;
    width: auto !important;
}

.moods-section .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    background: #ccc;
    opacity: 1;
}

.moods-section .swiper-pagination-bullet-active {
    background: #111;
}


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

/*==============================
Food Court Section
==============================*/

.foodcourt-section {
    position: relative;
    background: var(--bg-color);
    overflow: hidden;
}

.foodcourt-section .row {
    min-height: auto;
}

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

.foodcourt-section__image {
    height: 100%;
    min-height: 55rem;
}

.foodcourt-section__image>img {
    width: 100%;
    height: 100%;
    min-height: 80rem;
    object-fit: cover;
    display: block;
    border-radius: 0 2.9rem 2.9rem 0;
    -webkit-border-radius: 0 2.9rem 2.9rem 0;
    -moz-border-radius: 0 2.9rem 2.9rem 0;
    -ms-border-radius: 0 2.9rem 2.9rem 0;
    -o-border-radius: 0 2.9rem 2.9rem 0;
}

/*==============================
Right Content
==============================*/

.foodcourt-section__content {
    max-width: 60rem;
    padding: clamp(3rem, 5vw, 6rem);
}

.foodcourt-section__content h2 {
    font-family: var(--font-medium);
    font-size: clamp(2.8rem, 3vw, 5rem);
    line-height: 1.1;
    text-transform: uppercase;
    color: var(--black);
    margin-bottom: 2rem;
}

.foodcourt-section__content p {
    font-family: var(--supportive-font);
    font-size: clamp(1.5rem, 2vw, 1.8rem);
    line-height: 1.5;
    color: var(--black);
    margin-bottom: 3rem;
    max-width: 30rem;
}

.foodcourt-section__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18rem;
    height: 5rem;
    background: #e6a320;
    color: #111;
    border-radius: .8rem;
    font-size: 1.6rem;
    font-weight: 600;
    transition: .35s;
}

.foodcourt-section__btn:hover {
    background: #111;
    color: #fff;
}

/*==============================
Slider
==============================*/

.foodcourt-section__slider {
    position: absolute;
    left: 50%;
    right: 0;
    transform: translate(-50%);
    bottom: 8rem;
    width: 100%;
    padding: 0 3rem;
    z-index: 5;
    box-sizing: border-box;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    max-width: 120rem;
}

.foodcourt-section .swiper {
    overflow: hidden;
}

.foodcourt-section .swiper-slide {
    height: auto;
}

/*==============================
Card
==============================*/

.foodcourt-section__card {
    background: #fff;
    border: .15rem solid #f0aa22;
    border-radius: 1.2rem;
    overflow: hidden;
    transition: .35s;
}


.foodcourt-section__card-img {
    padding: 1.5rem;
}

.foodcourt-section__card-img img {
    width: 100%;
    aspect-ratio: 16/10;
    object-fit: cover;
    border-radius: .8rem;
}

.foodcourt-section__card-body {
    padding: 0 1.5rem 1.5rem;
}

.foodcourt-section__card-body h5 {
    font-family: var(--supportive-font);
    font-size: 1.7rem;
    font-weight: 500;
    color: var(--black);
}

/*==============================
Navigation
==============================*/

.foodcourt-section__prev,
.foodcourt-section__next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4.5rem;
    height: 4.5rem;
    border: none;
    background: rgba(255, 255, 255, .95);
    border-radius: 50%;
    cursor: pointer;
    font-size: 2.2rem;
    transition: .3s;
    z-index: 10;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.foodcourt-section__prev {
    left: 1rem;
}

.foodcourt-section__next {
    right: 1rem;
}

.foodcourt-section__prev:hover,
.foodcourt-section__next:hover {
    background: #e6a320;
    color: #fff;
}

.mobile-btn {
    display: none;
}


/*==================================
What's New Section
==================================*/

.whats-new-section {
    background: #fff;
    overflow: hidden;
}

.whats-new-section__heading {
    margin-bottom: clamp(3rem, 4vw, 5rem);
}


.whats-new-section .swiper {
    overflow: visible;
    padding-bottom: 6rem;
}

.whats-new-section .swiper-slide {
    height: auto;
}


.whats-new-section__card {
    display: block;
    border-radius: 1.2rem;
    overflow: hidden;
    transition: .35s ease;
}

.whats-new-section__card img {
    width: 100%;
    aspect-ratio: 5 / 4;
    object-fit: cover;
    display: block;
    border-radius: 1.2rem;
}

/* .whats-new-section__card:hover {
    transform: translateY(-.8rem);
} */


.whats-new-section .swiper-pagination {
    bottom: 0;
}

.whats-new-section .swiper-pagination-bullet {
    width: 0.8rem;
    height: 0.8rem;
    background: #d8d8d8;
    opacity: 1;
}

.whats-new-section .swiper-pagination-bullet-active {
    background: #111;
    width: 1rem;
    height: 1rem;
}

.raunak-chowk-section {
    --primary-gold: #e5a823;
    --border-gold: #e0ab34;
    --dark-maroon: #500a12;
    --card-radius: 1.2rem;

    position: relative;
    padding-top: clamp(4rem, 8vw, 8rem);
    padding-bottom: clamp(5rem, 9vw, 9rem);
    overflow: hidden;
    background-color: #ffffff;
}

.raunak-chowk-section .section-title h2 {
    color: var(--primary);
}

/* Pattern Header Background */
.raunak-chowk-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: clamp(22rem, 35vw, 56rem);
    background: url(../img/raunakechokbg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

/* Container Wrapper */
.raunak-chowk-section .events-container {
    position: relative;
    z-index: 2;
}

/* Section Heading Title */
.raunak-chowk-section .section-title {
    font-family: 'Cinzel', serif;
    font-size: clamp(2.2rem, 3.5vw, 3.6rem);
    font-weight: 700;
    color: var(--primary-gold);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.15rem;
    margin-bottom: clamp(3rem, 5vw, 5rem);
}

/* Swiper Base Layout */
.raunak-chowk-section .swiper-events {
    padding: 1rem 0.5rem 2rem 0.5rem;
    overflow: visible;
}

.raunak-chowk-section .swiper-events .swiper-slide {
    transform-origin: center center;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

@media (min-width: 1200px) {
    .raunak-chowk-section .swiper-events {
        padding-block: 2rem 3rem;
        /* Exactly 4 slides fill the row at this breakpoint — clip anything
           beyond them instead of letting the peek/overflow used on smaller
           screens show. */
        overflow: hidden;
    }

    /* Default/fallback width (e.g. briefly before home.js classifies a
       slide). 120px = the 3 gaps between the 4 slides (spaceBetween: 40 in
       home.js — Swiper applies that gap as an inline margin per slide, so
       it stacks with these `width` rules without any conflict). */
    .raunak-chowk-section .swiper-events .swiper-slide {
        width: calc((100% - 120px) / 4);
    }

    /* The 2 outer slides get a genuinely narrower box — half the default
       share. That freed-up half isn't wasted: it's added straight onto the
       2 center slides below, so 4 slides × width + 3 gaps still equals the
       container's width.
       (An earlier version tried a full-width slide + clip-path + transform +
       a compensating negative margin instead — don't go back to that.
       Swiper writes each slide's spaceBetween gap as an inline `margin-right`/
       `margin-left` style, which silently overrides any margin set in this
       stylesheet, so that approach can never close the gap.) */
    .raunak-chowk-section .swiper-events .swiper-slide.is-edge-prev,
    .raunak-chowk-section .swiper-events .swiper-slide.is-edge-next {
        width: calc((100% - 120px) / 8);
    }

    .raunak-chowk-section .swiper-events .swiper-slide.is-center-slide {
        width: calc((100% - 120px) * 3 / 8);
    }
}

/* Card Component */
.raunak-chowk-section .event-card {
    background: #ffffff;
    border-radius: var(--card-radius);
    border: 0.15rem solid var(--border-gold);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0.8rem 2.4rem rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    min-height: 479px;
}

/* .raunak-chowk-section .event-card:hover {
    transform: translateY(-0.5rem);
    box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, 0.12);
} */

/* Card Image */



@media only screen and (min-width: 992px) {
    .raunak-chowk-section .event-card:hover .card-img-wrapper {
        height: 45rem;
    }
}

.raunak-chowk-section .card-img-wrapper {
    position: relative;
    width: 100%;
    height: clamp(20rem, 28vw, 28rem);
    overflow: hidden;
    transition: 0.3s all;
}

.raunak-chowk-section .card-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* .raunak-chowk-section .event-card:hover .card-img-wrapper img {
    transform: scale(1.05);
} */

/* Card Text & Body */
.raunak-chowk-section .card-body-content {
    padding: clamp(1.6rem, 2.5vw, 2.4rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    background: #ffffff;
}

.raunak-chowk-section .card-title {
    font-family: var(--supportive-font);
    font-size: clamp(1.8rem, 2.2vw, 3rem);
    color: #1F1D1D;
    margin-bottom: 1rem;
    line-height: 1.3;
    /* Reserve space for 2 lines so a longer title doesn't make its card taller
       than its neighbours — keeps every card the same height before the
       desktop scale effect is applied. */
    /* min-height: calc(1.3em * 2); */
}

.raunak-chowk-section .card-text {
    font-family: var(--supportive-font);
    font-size: 1.5rem;
    color: #656565;
    line-height: 1.5;
    margin-bottom: 3rem;
}

/* CTA Button */
.raunak-chowk-section .cmn-btn {
    align-self: flex-end;
}

.raunak-chowk-section .btn-event:hover {
    background-color: #d49719;
    border-color: #d49719;
    color: #000000;
}

/* Controls Wrapper */
.raunak-chowk-section .controls-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    margin-top: clamp(2.5rem, 4vw, 4rem);
}

/* Custom Navigation Buttons */
.raunak-chowk-section .custom-nav {
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    color: #333333;
    transition: color 0.2s ease, transform 0.2s ease;
}

.raunak-chowk-section .custom-nav:hover {
    color: var(--primary-gold);
    transform: scale(1.1);
}

.raunak-chowk-section .custom-nav svg {
    width: 2.4rem;
    height: 2.4rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Custom Pagination Bullets */
.raunak-chowk-section .swiper-pagination-custom {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    width: auto !important;
    position: static !important;
}

.raunak-chowk-section .swiper-pagination-custom .swiper-pagination-bullet {
    width: 0.7rem;
    height: 0.7rem;
    margin: 0 !important;
    background-color: #cccccc;
    opacity: 1;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.raunak-chowk-section .swiper-pagination-custom .swiper-pagination-bullet-active {
    background-color: #333333;
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
}

.is-slide-active .card-img-wrapper {
    height: 540px;
}


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

.amenities-section {
    --bg-cream: #faf6f0;
    --border-amber: #e69d30;
    --icon-amber: #e69d30;
    --heading-maroon: #500a12;
    --text-dark: #222222;

    background-color: var(--bg-cream);
    padding-top: clamp(4rem, 7vw, 8rem);
    padding-bottom: clamp(5rem, 8vw, 9rem);
    position: relative;
}

/* Section Title */
.amenities-section .section-title {
    margin-bottom: clamp(3rem, 5vw, 6rem);
    text-align: center;
}

.amenities-section .section-title h2 {
    color: #7D2010;
}

/* Grid Layout Alignment */
.amenities-section .amenities-grid {
    row-gap: clamp(2rem, 3.5vw, 4rem);
}

/* Indian Arch Card Wrapper */
.amenities-section .arch-card {
    position: relative;
    width: 100%;
    height: clamp(22rem, 25vw, 27rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: clamp(1.5rem, 2vw, 2.5rem);
    background-color: #faf6f0;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Outer Dynamic Arch Border using SVG Vector Overlay */
.amenities-section .arch-card::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-color: transparent;
    border: 0.18rem solid var(--border-amber);
    /* Custom Arch Border Masking Path */
    clip-path: path("M 0 100 L 0 35 C 0 35, 15 35, 25 25 C 35 15, 38 5, 50 0 C 62 5, 65 15, 75 25 C 85 35, 100 35, 100 35 L 100 100 Z");
    /* CSS Percentage Scale Trick for Responsive Clip-Path */
}

/* SVG Clip Path Responsive Container */
.amenities-section .arch-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1.5rem 1.5rem;
    background-color: #faf6f0;
    /* Dynamic Arch Clip Shape */
    clip-path: polygon(0% 100%, 0% 35%, 100% 35%, 100% 100%);
    transition: background-color 0.3s ease;
}

/* Custom Mughal Arch Shape using pure SVG background masking for smooth curves */
.amenities-section .arch-box {
    position: relative;
    width: 100%;
    /* max-width: 22rem;     */
    margin: 0 auto;
    aspect-ratio: 1 / 1.25;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3.5rem 1.5rem 1.5rem 1.5rem;
    background: url(../img/amenitiesmain.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

/* SVG Border Outline Mirror */
.amenities-section .arch-box-wrapper {
    position: relative;
    /* filter: drop-shadow(0px 0px 0.1rem var(--border-amber)); */
    transition: transform 0.3s ease;
}

.amenities-section .arch-box-wrapper:hover {
    transform: translateY(-0.6rem);
}


/* Icon Styling */
.amenities-section .amenity-icon {
    font-size: clamp(2.8rem, 3.8vw, 3.8rem);
    color: var(--icon-amber);
    margin-bottom: clamp(1.2rem, 1.8vw, 3rem);
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    /* height: 4.5rem; */
    margin-top: 8rem;
}

.amenities-section .amenity-icon img {
    max-height: 100%;
    width: auto;
    object-fit: contain;
}

/* Label Text */
.amenities-section .amenity-label {
    font-family: var(--supportive-font);
    font-size: clamp(1.5rem, 1.5vw, 2.2rem);
    color: var(--black);
    margin: 0;
    line-height: 1;
    text-align: center;
    white-space: pre-line;
}


/*==================================
 Instagram Section
===================================*/

.instagram-section {
    background: #ffffff;
}

.instagram-section .section-title {}


/*==================================
 Main Swiper
===================================*/

.instagram-section .instaSwiper {
    overflow: hidden;
    padding: 10px 5px;
}

.instagram-section .instaSwiper .swiper-slide {
    height: auto;
}


/*==================================
 Instagram Card
===================================*/

.instagram-section .instagram-card {
    background: #fff;
    border: 1px solid #707070;
    border-radius: 22px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: .35s ease;
    padding: 2rem;
}



/*==================================
 Card Header
===================================*/

.instagram-section .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 0;
    padding: 0;
    margin-bottom: 1rem;
}

.instagram-section .profile {
    display: flex;
    align-items: center;
    gap: 10px;
}

.instagram-section .profile img {
    width: 100%;
    max-width: 49px;
    border-radius: 50%;
    object-fit: cover;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.instagram-section .profile span {
    font-size: 14px;
    font-weight: 600;
    color: #222;
}

.instagram-section .card-header i {
    font-size: 20px;
    color: #555;
}


/*==================================
 Image Slider
===================================*/

.instagram-section .cardSwiper {
    width: 100%;
    position: relative;
}

.instagram-section .cardSwiper img {
    width: 100%;
    height: 100%;
    aspect-ratio: 374 / 353;
    display: block;
    max-width: 374px;
    max-height: 353px;
}




/*==================================
 Pagination
===================================*/

.instagram-section .cardSwiper .swiper-pagination {
    bottom: 12px;
}

.instagram-section .cardSwiper .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    background: rgba(255, 255, 255, .7);
    opacity: 1;
}

.instagram-section .cardSwiper .swiper-pagination-bullet-active {
    background: var(--primary);
}


/*==================================
 Card Body
===================================*/

.instagram-section .card-body {
    padding: 10px 0 10px 0px;
    position: relative;
}


/*==================================
 Icons
===================================*/

.instagram-section .icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.instagram-section .left-icons {
    display: flex;
    gap: 15px;
}

.instagram-section .icons i {
    font-size: 26px;
    cursor: pointer;
    transition: .3s;
}

.instagram-section .icons i:hover {
    transform: scale(1.1);
}

.instagram-section .fa-heart {
    color: #FD0000;
}


/*==================================
 Text
===================================*/

.instagram-section .card-body h5 {
    font-family: var(--supportive-font);
    font-size: 2rem;
    margin-bottom: 5px;
    color: #414042;
}

.instagram-section .card-body p {
    font-family: var(--supportive-font);
    font-size: 1.8rem;
    color: #414042;
    margin-bottom: 5px;
    line-height: 1.5;
}

.instagram-section .card-body p span {
    color: #0095f6;
    cursor: pointer;
}

.instagram-section .card-body a {
    display: inline-block;
    font-family: var(--supportive-font);
    font-size: 1.6rem;
    color: #414042;
    margin-bottom: 5px;
}

.instagram-section .card-body small {
    display: block;
    font-family: var(--supportive-font);
    font-size: 1.2rem;
    color: #414042;
    text-transform: uppercase;
    letter-spacing: .5px;
}


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

.footer-section .footer-top {
    background: #000;
    padding: clamp(4rem, 4vw, 5.4rem) 0;
}

.footer-section .footer-heading {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    margin-bottom: 3rem;
}

.footer-section .footer-heading span {
    width: 8rem;
    height: .2rem;
    background: #F6AF20;
}

.footer-section .footer-heading h2 {
    font-family: var(--font-medium);
    margin: 0;
    color: #7D2010;
    font-size: clamp(2.4rem, 2vw, 3.6rem);
    font-weight: 500;
    letter-spacing: .05em;
}


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

.footer-section .footer-menu {
    display: flex;
    flex-direction: column;
}

.footer-section .footer-menu a {
    font-family: var(--supportive-font);
    color: var(--white);
    text-decoration: none;
    border-bottom: .1rem solid #707070;
    font-size: clamp(1.6rem, 1.5vw, 2rem);
    transition: .3s;
    padding-bottom: 1.6rem;
    margin-bottom: 1.6rem;
    max-width: 250px;
}

.footer-section .footer-menu a:hover {

    color: #c59d5f;
    padding-left: 1rem;

}


/*=========================
Mall Timing
==========================*/

.footer-section .mall-info h4 {

    font-family: var(--supportive-font);
    color: var(--white);
    font-size: clamp(1.6rem, 1.5vw, 2rem);
    line-height: normal;
    margin-bottom: 0.8rem;

}

.footer-section .mall-info p {

    font-family: var(--supportive-font);
    color: var(--white);
    font-size: clamp(1.4rem, 1vw, 1.7rem);
    line-height: normal;
    margin-bottom: 0.8rem;

}

.footer-section .mall-info ul {

    list-style: none;
    padding: 0;
    margin: 3rem 0;

}

.footer-section .mall-info ul li {

    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 1.8rem;
    font-family: var(--supportive-font);
    color: #C4C4C4;
    font-size: clamp(1.6rem, 1.5vw, 1.8rem);

}

.footer-section .mall-info ul li span {
    min-width: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-section .mall-info i {

    color: #fff;
    font-size: 2rem;

}


/*=========================
Buttons
==========================*/

.footer-section .cab-btns {

    display: flex;
    gap: 1.5rem;

}

.footer-section .cab-btns a {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 9.5rem;
    height: 4.2rem;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius: .6rem;
    font-family: var(--supportive-font);
    font-size: clamp(1.6rem, 1.5vw, 1.8rem);
    transition: .3s;

}

.footer-section .cab-btns a:hover {

    background: var(--primary);
    color: #fff;

}


/*=========================
Map
==========================*/

.footer-section .map-box {

    position: relative;
    overflow: hidden;
    border-radius: 1rem;

}

.map-box iframe {
    width: 100%;
    height: 300px;
    border: 2px solid #965729 !important;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}

.footer-section .qr-card {

    position: absolute;
    left: 2rem;
    top: 2rem;

    width: 100%;
    max-width: 20rem;
    background: #fff;
    padding: 2rem;
    border-radius: .8rem;
    text-align: center;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .2);

}

.footer-section .qr-card p {

    margin-bottom: 1.8rem;
    font-family: var(--supportive-font);
    color: var(--black);
    font-size: clamp(1.4rem, 1vw, 1.7rem);
    line-height: normal;
    text-align: left;

}

.footer-section .qr-card img {

    width: 100%;
    height: 100%;
    object-fit: fill;

}

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

.footer-section .footer-middle {

    background: #fff;
    padding: clamp(3.5rem, 4vw, 5rem) 0;

}

.footer-section .footer-logo img {
    width: 100%;
    max-width: 23rem;

}

.footer-section .footer-links {

    display: flex;
    flex-wrap: wrap;
    gap: clamp(2rem, 4vw, 4rem) clamp(1rem, 2vw, 2rem);

}

.footer-section .footer-links a {
    font-family: var(--supportive-font);
    color: var(--black);
    font-size: clamp(1.6rem, 2vw, 2.2rem);
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    flex-basis: 40%;
}

.footer-section .footer-links a:hover {

    color: var(--primary);
    padding-left: .8rem;

}


/*==========================
Contact
==========================*/

.footer-section .footer-contact {

    display: flex;
    flex-direction: column;
    gap: clamp(3rem, 3vw, 6.5rem);

}

.footer-contact-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 2rem 1rem;
}

.footer-section .footer-contact .phone {

    display: inline-flex;
    align-items: center;
    gap: 1rem;
    font-family: var(--supportive-font);
    color: var(--black);
    font-size: clamp(1.6rem, 1.5vw, 2rem);
    line-height: normal;

}

.footer-section .footer-contact .phone i {

    color: #000;
    font-size: 1.8rem;

}


/*==========================
Social
==========================*/

.footer-section .footer-social {

    display: flex;
    gap: 1.2rem;

}

.footer-section .footer-social a {
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .1rem solid #CDB9A5;
    border-radius: 50%;
    color: #A7A7A7;
    text-decoration: none;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    font-size: 1.8rem;
}

.footer-section .footer-social a:hover {

    background: #b37b3d;
    color: #fff;
    border-color: #b37b3d;

}


/*==========================
Newsletter
==========================*/

.footer-section .newsletter p {

    font-family: var(--supportive-font);
    color: var(--black);
    font-size: clamp(1.6rem, 1.5vw, 2rem);
    line-height: normal;
    margin-bottom: 1.5rem;
}

.footer-section .newsletter form {
    display: flex;
    overflow: hidden;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    background: #666;
    position: relative;
}

.footer-section .newsletter input {

    flex: 1;
    height: 6rem;

    border: none;
    outline: none;

    background: #DDDDDD;

    padding: 0 2rem;

    font-family: var(--supportive-font);
    color: var(--black);
    font-size: clamp(1.6rem, 1.5vw, 2rem);
    line-height: normal;
    padding-right: 9rem;

}

.footer-section .newsletter input::placeholder {
    font-family: var(--supportive-font);
    color: var(--black);
    font-size: clamp(1.6rem, 1.5vw, 2rem);
    line-height: normal;
}

.footer-section .newsletter button {
    display: block;
    width: 8rem;
    border: none;
    background: #5C5C5C;
    color: #fff;
    transition: .3s;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.footer-section .newsletter button:hover {

    background: #b37b3d;

}

.footer-section .newsletter button i {

    font-size: 2rem;

}


/*==================================
 Footer Bottom
==================================*/

.footer-section .footer-bottom {

    border-top: 1px solid #4D4A4A;

    padding: clamp(1.8rem, 3vw, 2.7rem) 0;

}


.footer-section .footer-bottom-wrapper {

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: clamp(1.5rem, 3vw, 3rem);

    color: #242424;

}


/* Links */

.footer-section .footer-bottom a {

    font-family: var(--supportive-font);

    font-size: clamp(1.6rem, 1.5vw, 2.2rem);

    color: #242424;

    transition: .3s;

}


.footer-section .footer-bottom a:hover {

    color: #b37b3d;

}


/* Copyright */

.footer-section .footer-copy p {

    margin: 0;

    font-family: var(--supportive-font);

    font-size: clamp(1.6rem, 1.5vw, 2.2rem);

    color: #242424;

    text-align: center;

}








/*==========================
 Responsive
===========================*/

@media (max-width: 1399px) {
    .foodcourt-section__slider {
        max-width: 100rem;
    }
}

@media (max-width: 1199px) {
    .foodcourt-section__image>img {
        min-height: 70rem;
    }

    .foodcourt-section__slider {
        max-width: 90rem;
    }

    .amenities-section .amenity-icon {
        margin-top: 5rem;
    }

    .amenities-section .amenity-icon img {
        width: 100%;
        max-width: 60px;
    }
}



@media (max-width: 991px) {

    .header-scope .header-left,
    .header-scope .desktop-nav {
        display: none;
    }

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

    .header-scope .mobile-menu-toggle {
        display: block;
    }

    .header-scope .brand-logo {
        max-height: 80px;
    }

    .header-scope .top-header {
        display: none;
    }

    .moods-section .section-title {
        text-align: center;
    }

    .moods-section .hero-image {
        height: 40rem;
    }

    .moods-section .moodsSwiper {
        margin-top: -7rem;
    }

    .foodcourt-section .row {
        min-height: auto;
        flex-direction: column-reverse;
    }

    .foodcourt-section__content h2 br {
        display: none;
    }

    .foodcourt-section__content p {
        margin: 0px auto;
        margin-bottom: 3rem;
    }

    .foodcourt-section__image {
        min-height: auto;
    }

    .foodcourt-section__image>img {
        min-height: 45rem;
    }

    .foodcourt-section__content {
        text-align: center;
        max-width: 70rem;
        margin-inline: auto;
        padding: 2rem 2rem;
    }

    .foodcourt-section__slider {
        position: relative;
        left: 0;
        right: 0;
        bottom: auto;
        width: 100%;
        padding: 0 0rem;
        padding-left: 2rem;
        margin-top: -8rem;
        bottom: unset;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        max-width: 100%;
    }



    .foodcourt-section__prev {
        left: 0;
    }

    .foodcourt-section__next {
        right: 0;
    }

    .foodcourt-section__image>img {
        border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        -ms-border-radius: 0px !important;
        -o-border-radius: 0px !important;
        min-height: auto !important;
        object-fit: fill !important;
        height: auto !important;
    }

    .desktop-btn {
        display: none;
    }

    .mobile-btn {
        display: inline-block;
    }

    .foodcourt-section {
        padding: 5rem 0rem;
    }

    .whats-new-section__heading {
        text-align: center;
    }

    .instagram-section .section-title h2 {
        text-align: center;
        max-width: 300px;
        margin: 0px auto;
    }

    .footer-section .footer-links a {
        flex-basis: 100%;
    }

    .footer-section .footer-links {
        gap: 1rem;
    }

    .footer-contact-inner {
        padding: 1.5rem 3rem;
        border-top: 1px solid var(--black);
        border-bottom: 1px solid var(--black);
    }

    .footer-section .footer-logo img {
        max-width: 18rem;
    }
}

@media (max-width: 767px) {
    .header-scope .top-right-socials {
        gap: 15px;
    }

    .experience-content {

        max-width: 100%;
    }

    .moods-section .hero-image {
        height: 30rem;
    }

    .moods-section .moodsSwiper {
        margin-top: -5rem;
    }

    .moods-section .view-btn {
        width: 100%;
    }

    .moods-section {
        padding-top: 3rem;
    }

    .moods-section .view-btn {
        font-size: 1.6rem;
    }

    .moods-section .moodsSwiper {
        padding-bottom: 5rem;
    }

    .foodcourt-section {
        padding: 5rem 0;
    }

    .foodcourt-section__image>img {
        border-radius: 0;
        min-height: 32rem;
    }


    .foodcourt-section__btn {
        width: 100%;
    }

    /* .foodcourt-section__slider {
        margin-top: 2rem;
        padding: 0 1.5rem;
    } */

    .foodcourt-section__prev,
    .foodcourt-section__next {
        display: none;
    }

    .whats-new-section {
        padding: 5rem 0;
    }


    .whats-new-section .swiper {
        padding-bottom: 5rem;
    }

    .visit-wrapper {
        flex-direction: row-reverse;
    }

    .visit-wrapper .col-lg-3:has(.mall-info) {
        order: 1;
    }


    .visit-wrapper .col-lg-3:has(.footer-menu) {
        order: 3;
    }

    .footer-section .footer-logo img {
        max-width: 15rem;
    }

    .footer-section .footer-bottom-wrapper {
        flex-wrap: wrap;
    }

    .footer-bottom-right {
        order: 2;
        width: 40%;
        text-align: center;
    }

    .footer-bottom-left {
        width: 40%;
        text-align: center;
    }

    .footer-copy {
        order: 3;
        text-align: center;
        width: 100%;

    }
}

@media (max-width: 575px) {
    .header-scope .brand-logo {
        max-height: 60px;
    }

    .hero-content {
        padding: 0px 30px;
        left: 50%;
        top: 15%;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        margin: 0px auto;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .hero-img {
        object-position: center;
        height: 100dvh;
    }

    .mobilebanner-img {
        display: block;
    }

    .desktopbanner-img {
        display: none;
    }

    .moods-section .hero-image {
        height: 24rem;
    }

    .moods-section .moodsSwiper {
        margin-top: -4rem;
    }

    .amenities-section .amenity-icon img {
        width: 100%;
        max-width: 40px;
    }

    .visit-wrapper {
        flex-direction: row;
    }

    .footer-section .footer-menu a {
        width: 100%;
        max-width: 100%;
    }

    .footer-section .qr-card {
        max-width: 12rem;
        top: auto;
        bottom: 2rem;
    }

    .footer-section .footer-heading h2 {
        min-height: max-content;
        text-align: center;
    }

}


@media (max-width: 600px) {
    .header-scope .top-left-info .info-item span {
        display: none;
    }

    .header-scope .top-left-info {
        gap: 10px;
    }
}


@media (max-width:420px) {

    .foodcourt-section__image>img {
        min-height: 26rem;
    }

    .foodcourt-section__content p {
        max-width: 100%;
    }

}


/* ==================== */
/* ProductPage */
/* ==================== */

.davatpur-hero .hero-content h1 {
    line-height: 1.1;
}

.davatpur-hero .hero-content {
    max-width: 50rem;
}

.davatpur-hero .hero-content p {
    max-width: 600px;
}

.story-davatpur .experience-content img {
    width: 100%;
    max-width: clamp(30rem, 100%, 76rem);
    margin-top: 2.5rem;
    margin-bottom: 6rem;
}

.story-davatpur .experience-content p {
    max-width: 650px;
    margin: 0px auto;
    position: relative;
    z-index: 1;
}

.story-davatpur .experiance-img img {
    margin-top: -50px;
}

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

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

.flavour-section {
    padding: clamp(4rem, 6vw, 8rem) 0;
    background: #fff;
    overflow: hidden;
}


.flavour-section .section-title h2 {
    color: #7D2010;
}

.flavour-section .flavour-title .sub-title {
    color: var(--primary);
    font-size: clamp(2rem, 2vw, 3.2rem);
    font-family: serif;
    letter-spacing: .15rem;
    text-transform: uppercase;
    margin-bottom: 1.8rem;
}

.flavour-section .flavour-title .main-logo {
    width: clamp(22rem, 38vw, 46rem);
    height: auto;
}


.flavour-section .flavourSwiper {
    overflow: hidden;
    padding-bottom: 5rem;
}



.flavour-section .flavour-card {
    background: var(--white);
    border: .1rem solid var(--border);
    border-radius: 0 0 2.5rem 2.5rem;
    overflow: hidden;
}



.flavour-section .flavour-card .image-wrapper {
    width: 100%;
    height: 100%;
}

.flavour-section .flavour-card .image-wrapper img {
    width: 100%;
    height: clamp(32rem, 48vw, 60rem);
    object-fit: cover;
    display: block;
    position: relative;
    z-index: 1;
}



.flavour-section .flavour-card .content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(2rem, 3vw, 4rem);
    padding: clamp(4rem, 8vw, 10rem);
    height: 100%;
    border: 1px solid #C39B7E;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    margin-top: -230px;
}


.flavour-section .flavour-card .content {
    flex: 1;
    padding-top: 200px;
}


.flavour-section .flavour-card .content h5 {
    font-family: var(--supportive-font);
    font-size: clamp(1.6rem, 1.3vw, 2.3rem);
    color: var(--black);
    margin-bottom: 4rem;
}

.flavour-section .flavour-card .content p {
    font-family: var(--supportive-font);
    font-size: clamp(1.5rem, 1.5vw, 2rem);
    color: var(--black);
    line-height: 1.5;
    margin-bottom: 1.8rem;
    max-width: 650px;
}


.flavour-section .vertical-badge img {
    position: relative;
    z-index: 2;
    top: -60px;
}


.flavour-section .flavour-card .brands {
    display: flex;
    align-items: center;
    gap: 1.8rem 4.6rem;
    flex-wrap: wrap;
    margin-top: 3rem;
}

.flavour-section .flavour-card .brands img {
    width: clamp(4rem, 4vw, 5.5rem);
    height: auto;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
}

.flavour-section .flavour-card .brands img:hover {
    transform: scale(1.08);
}


.flavour-section .swiper-pagination {
    bottom: 0;
}

.flavour-section .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    background: #d3d3d3;
    opacity: 1;
    transition: var(--transition);
}

.flavour-section .swiper-pagination-bullet-active {
    background: var(--primary);
    width: 2.4rem;
    border-radius: 5rem;
}


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

.aagan-section {

    overflow: hidden;

}


.aagan-section .aagan-section__wrapper {

    position: relative;

    min-height: clamp(35rem, 45vw, 65rem);

}



.aagan-section .aagan-section__image {

    padding-top: 21.4rem;

}


.aagan-section .aagan-section__image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

}


.aagan-section .aagan-section__panel {

    position: absolute;

    top: 0;

    left: 0;

    width: min(68%, 100rem);

    height: clamp(26rem, 35vw, 43rem);

    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;

}


.aagan-section .aagan-section__shape {

    position: absolute;

    left: -340px;

    width: 85vw;

    height: 100%;

}


.aagan-section .aagan-section__shape path {

    fill: var(--aagan-red);

    stroke: var(--aagan-gold);

    stroke-width: 3;

}




.aagan-section .aagan-section__content {

    position: relative;

    z-index: 2;

}


.aagan-section .aagan-section__content h2 {
    color: #F6AF20;
    margin-bottom: 3.4rem;
}



.aagan-section .aagan-section__content p {
    font-family: var(--supportive-font);

    color: #fff;

    font-size: clamp(1.4rem, 1.2vw, 2.2rem);

    line-height: 1.55;
    max-width: 730px;
}


.brands-section {

    padding: clamp(5rem, 8vw, 10rem) 0;

    overflow: hidden;
    padding-bottom: 0px;

}



/* HEADER */


.brands-section__header h2 {

    color: #7D2010;
    margin-bottom: 3rem;

}



.brands-section__logo {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 3rem;

}



.brands-section__logo:before {
    content: "";
    height: 1px;
    background: #7D2010;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}



.brands-section__logo img {

    position: relative;

    z-index: 2;

    width: 100%;
    max-width: clamp(32rem, 75vw, 96.4rem);

}




/* TABS */


.brands-section__tabs {

    margin: 5rem 0;

}

.brands-section__header {
    margin-bottom: 5rem;
}



.brands-section__tabs .nav-tabs {

    border: none;

    display: flex;

    justify-content: start;

    gap: 2.5rem;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    cursor: grab;
    scrollbar-width: none;
    -ms-overflow-style: none;

}

.brands-section__tabs .nav-tabs::-webkit-scrollbar {

    display: none;

}

.brands-section__tabs .nav-tabs.is-dragging {

    cursor: grabbing;
    scroll-snap-type: none;
    user-select: none;

}



.brands-section__tabs .nav-link {

    border: none;

    padding: clamp(1.2rem, 2vw, 2rem) clamp(2rem, 3.5vw, 3.5rem);

    font-family: var(--supportive-font);

    font-size: clamp(1.4rem, 1.5vw, 2rem);

    font-weight: 500;

    color: #333;

    background: url(../img/navtabbg.webp);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    width: clamp(14rem, 12vw, 18rem);

    min-width: max-content;

}



.brands-section__tabs .nav-link.active {


    color: white !important;

    background: url(../img/navtabactivebg.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;

}





/* CARD */


.brand-card {

    position: relative;
    overflow: hidden;
    background: url(../img/brandcardbg.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;

    padding-top: 8rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-bottom: 4rem;
}



.brand-card__logo {


    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 1.8rem;


}



.brand-card__logo img {

    /* width: 9rem;

    height: 7rem; */

    width: 100%;
    max-width: 200px;

    object-fit: contain;
    margin: 0px auto;

}



.brand-card__info {

    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 2.4rem;
    position: relative;
    width: 100%;
}

.bl-hover {
    position: absolute;
    width: 95%;
    top: -50px;
    padding-bottom: 25px;
    left: 7px;
    opacity: 0;
    color: #fff;
    pointer-events: none;
    transition: 300ms ease;
    right: 44px;
}

.bl-bubble {
    position: relative;
    height: 35px;
    width: 100%;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
}

.bl-bubble.arrow-one:after,
.bl-bubble.arrow-two:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -11px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #000;
}

.bl-bubble.arrow-one:after {
    right: 30px;
}

.brand-card__info span:hover .bl-hover {
    opacity: 1;
    pointer-events: initial;
}

.brand-card__info span {
    display: block;
    width: 100%;
    max-width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F6AF20;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    font-size: 1.5rem;
    color: var(--white);
    cursor: pointer;
}



.brand-card__info h4 {
    font-family: var(--supportive-font);

    font-size: 2rem;

    color: var(--black);
    line-height: normal;

    margin: 0;

}



.brand-card__info p {

    font-family: var(--supportive-font);

    font-size: 1.2rem;

    color: var(--black);
    margin: 0;

}




.brand-card a {

    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;

    background: #F6AF20;

    color: white;

    text-align: center;

    padding: 1rem;

    font-family: var(--supportive-font);

    font-size: 1.6rem;

    text-decoration: none;

}




.swiper {

    padding-bottom: 5rem;

}



.swiper-pagination-bullet-active {

    background: var(--primary);

}



/* BRANDS SWIPER - NAVIGATION & PAGINATION */

.brandsSwiper {
    padding-bottom: 0;
}

.brands-slider-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    margin-top: 4rem;
}

.brands-slider-controls .swiper-button-prev,
.brands-slider-controls .swiper-button-next {
    position: static;
    width: 4rem;
    height: 4rem;
    margin: 0 !important;
    color: #696969;
    font-size: 22px;
}

.brands-slider-controls .swiper-button-prev svg,
.brands-slider-controls .swiper-button-next svg {
    display: none;
}

.brands-slider-controls .swiper-button-prev::after,
.brands-slider-controls .swiper-button-next::after {
    font-size: 2rem;
}

.brands-slider-controls .swiper-pagination {
    position: static;
    width: auto !important;
}

.brands-slider-controls .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    background: #ccc;
    opacity: 1;
}

.brands-slider-controls .swiper-pagination-bullet-active {
    background: #111;
}




.dummy-content {

    text-align: center;

    font-size: 2rem;

    padding: 5rem;

}




/*==========================
    Every Visit Has A Story Section
===========================*/

.visit-story-section {
    overflow: hidden;
}

.visit-story-section .section-title h2 {
    color: #7D2010;
    margin-bottom: clamp(3rem, 5vw, 5rem);
}

/* .visit-story-slider {
    position: relative;
    max-width: 112rem;
    margin-inline: auto;
    padding-bottom: clamp(4rem, 6vw, 6rem);
} */

.visit-story-slider .visitStorySwiper {
    padding: clamp(3rem, 4vw, 5rem) 0.5rem;
}

.visitStorySwiper .swiper-slide {
    opacity: 0.45;
    transform: scale(0.9);
    transition: opacity 0.4s ease, transform 0.4s ease;
    overflow: visible;
}

.visitStorySwiper .swiper-slide-active {
    opacity: 1;
    transform: scale(1);
}

.visit-story-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(2rem, 4vw, 6rem);
    min-height: clamp(26rem, 30vw, 38rem);
    padding: clamp(3rem, 5vw, 5rem) clamp(3rem, 14vw, 20rem);
}

.visit-story-card__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: fill;
}

.visit-story-card__quote {
    width: clamp(5rem, 4.5vw, 8rem);
    height: auto;
    flex-shrink: 0;
}

.visit-story-card__quote--open {
    position: absolute;
    top: clamp(-1.4rem, -2vw, -1.8rem);
    left: clamp(2rem, 16vw, 20rem);
}

.visit-story-card__quote--close {
    position: absolute;
    right: clamp(15%, 40%, 40%);
    bottom: clamp(-1.2rem, -1.8vw, -1.5rem);
}

.visit-story-card__content {
    flex: 1 1 56rem;
    max-width: 56rem;
}

.visit-story-card__content h4 {
    font-family: var(--supportive-font);
    font-size: clamp(1.8rem, 1.8vw, 3rem);
    line-height: 1.35;
    color: var(--light-black);
    margin-bottom: clamp(1.2rem, 1.5vw, 1.8rem);
}

.visit-story-card__content p {
    font-family: var(--supportive-font);
    font-size: clamp(1.4rem, 1.1vw, 2.5rem);
    line-height: 1.5;
    color: var(--light-black);
    max-width: 46rem;
}

.visit-story-card__image {
    position: absolute;
    bottom: 0;
    right: 50px;
}

.visit-story-card__image img {
    width: 90%;
    height: auto;
    display: block;
}

.visit-story-slider__pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.visit-story-slider__pagination .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    background: #d3d3d3;
    opacity: 1;
    transition: var(--transition);
}

.visit-story-slider__pagination .swiper-pagination-bullet-active {
    background: #7D2010;
    width: 2.4rem;
    border-radius: 5rem;
}

.product-insta .section-title h2 {
    color: #7D2010 !important;
}


@media(max-width:767px) {


    .nav-tabs {

        justify-content: flex-start;

        overflow: auto;

        flex-wrap: nowrap;

    }


    .nav-item {

        flex-shrink: 0;

    }


}






@media (min-width: 576px) {

    .aagan-section .aagan-section__content,
    .aagan-section .aagan-section__image {
        padding-left: calc((100vw - 540px) / 2);
    }
}

@media (min-width: 768px) {

    .aagan-section .aagan-section__content,
    .aagan-section .aagan-section__image {
        padding-left: calc((100vw - 720px) / 2);
    }
}

@media (min-width: 992px) {

    .aagan-section .aagan-section__content,
    .aagan-section .aagan-section__image {
        padding-left: calc((100vw - 960px) / 2);
    }
}

@media (min-width: 1200px) {

    .aagan-section .aagan-section__content,
    .aagan-section .aagan-section__image {
        padding-left: calc((100vw - 1140px) / 2);
    }
}

@media (min-width: 1400px) {

    .aagan-section .aagan-section__content,
    .aagan-section .aagan-section__image {
        padding-left: calc((100vw - 1320px) / 2);
    }
}

@media (max-width: 1399px) {
    .aagan-section .aagan-section__content p {
        max-width: 500px;
    }
}

@media (max-width: 1199px) {
    .aagan-section .aagan-section__content p {
        max-width: 400px;
    }

    .visit-story-card__image img {
        width: 70% !important;
    }

    .visit-story-card__image {
        position: absolute;
        bottom: 0;
        right: 50px;
        text-align: right;
        display: flex;
        align-items: center;
        justify-content: end;
    }
}

@media (max-width:991px) {
    .story-davatpur .experiance-img img {
        margin-top: 0px;
    }

    .aagan-section .aagan-section__wrapper {
        min-height: auto;
        display: flex;
        flex-direction: column;
    }

    .aagan-section .aagan-section__image,
    .aagan-section .aagan-section__content {
        padding-left: 0;
    }

    .aagan-section .aagan-section__image {
        padding-top: 0;
        order: 1;
    }

    .aagan-section .aagan-section__image img {
        height: auto;
        aspect-ratio: 16 / 10;
    }

    .aagan-section .aagan-section__panel {
        position: relative;
        top: auto;
        left: auto;
        order: 2;
        width: 100%;
        height: auto;
        background: #7D2010;
        padding: 3rem 2rem;
    }

    .aagan-section .aagan-section__shape {
        display: none;
    }

    .aagan-section .aagan-section__content h2 {
        margin-bottom: 1.6rem;
    }

    .visit-story-card__image img {
        display: none !important;
    }

    .visit-story-card__quote--close {
        right: 150px !important;
    }

    .visit-story-card__content h4,
    .visit-story-card__content p {
        text-align: center;
        margin: 0px auto;
        margin-bottom: 1.5rem;
    }
}


@media (max-width: 575px) {

    .aagan-section .aagan-section__image img {
        aspect-ratio: 4 / 3;
    }

    .aagan-section .aagan-section__panel {
        padding: 2.4rem 1.6rem;
    }

    .visit-story-card__bg {
        object-fit: cover !important;
    }

    .visit-story-card__quote--close {
        right: 50px !important;
    }

    .visit-story-card__quote--open {
        left: 50px !important;
    }
}



/* ==================== */
/* EventPage */
/* ==================== */

.event-story .experience-content p {
    max-width: 740px;
}

.events-gallery .aagan-section__wrapper {
    min-height: auto;
}

.events-gallery .aagan-section__panel {
    position: static;
    height: clamp(26rem, 35vw, 38rem);
}

.events-gallery .aagan-section__shape {
    left: -380px;
    width: 75vw;
}

.events-gallery .aagan-section__content p {
    max-width: 500px;
}

.events-gallery .aagan-section__content h2 {
    margin-bottom: 2rem;
}

/* EVENTS GALLERY - MONTH TABS & CARDS */

.events-gallery__carousel {
    margin-top: clamp(4rem, 6vw, 8rem);
}

.events-gallery__tabs {
    margin-bottom: clamp(4rem, 4vw, 8rem);
}

.events-gallery__tabs .nav-tabs {
    border-bottom: 1px solid #FAD67E;
    display: flex;
    justify-content: center;
    gap: clamp(2rem, 4vw, 5rem);
    flex-wrap: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.events-gallery__tabs .nav-tabs::-webkit-scrollbar {
    display: none;
}

.events-gallery__tabs .nav-link {
    border: none;
    background: transparent;
    padding: 0 1rem 1.6rem 1rem;
    font-family: var(--supportive-font);
    font-size: clamp(1.8rem, 1.5vw, 2.2rem);
    font-weight: 500;
    color: #A9A9A9;
    white-space: nowrap;
    position: relative;
}

.events-gallery__tabs .nav-link.active {
    color: var(--black);
    font-weight: 700;
}

.events-gallery__tabs .nav-link.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 2px;
    background: #7D2010;
}

.event-card {
    background: var(--white);
    border: 1px solid #F1DFAF;
    border-radius: 1.6rem;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.3s ease;
}

.event-card:hover {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.08);
}

.event-card__img {
    width: 100%;
    aspect-ratio: 321 / 271;
    overflow: hidden;
    max-height: 524px;
}

.event-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
    max-height: 524px;
}

.event-card__body {
    padding: clamp(2rem, 2vw, 3.5rem);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.event-card__body h4 {
    font-family: var(--supportive-font);
    font-size: clamp(2rem, 2vw, 3rem);
    font-weight: 600;
    color: var(--black);
    margin-bottom: 1rem;
    line-height: 1.3;
}

.event-card__body p {
    font-family: var(--supportive-font);
    font-size: 1.5rem;
    color: #656565;
    line-height: 1.5;
    margin-bottom: 1.8rem;
    max-width: 300px;

}

.event-card__body .cmn-btn {
    max-width: fit-content;
    margin-left: auto;
}

.eventsGallerySwiper {
    padding-bottom: 1rem;
}

.events-slider-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    margin-top: clamp(2.5rem, 4vw, 4rem);
}

.events-slider-controls .swiper-button-prev,
.events-slider-controls .swiper-button-next {
    position: static;
    width: 4rem;
    height: 4rem;
    margin: 0 !important;
    color: #696969;
    font-size: 22px;
}

.events-slider-controls .swiper-button-prev svg,
.events-slider-controls .swiper-button-next svg {
    display: none;
}

.events-slider-controls .swiper-button-prev::after,
.events-slider-controls .swiper-button-next::after {
    font-size: 2rem;
}

.events-slider-controls .swiper-pagination {
    position: static;
    width: auto !important;
}

.events-slider-controls .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    background: #ccc;
    opacity: 1;
}

.events-slider-controls .swiper-pagination-bullet-active {
    background: #111;
}


@media (max-width: 767px) {

    .events-gallery__tabs .nav-tabs {
        justify-content: flex-start;
    }
}



/* ==================== */
/* BrandPage */
/* ==================== */

.brand-hero .hero-content {
    max-width: 75rem;
}

.brand-hero .hero-content p {
    color: #E4E4E4;
}

/* ==================== */
/* Brand Directory Section */
/* ==================== */

.brand-directory-section {
    --dir-maroon: #500a12;
    --dir-gold: #F6AF20;
    --dir-border-gold: #e0ab34;

    position: relative;
    padding-bottom: clamp(6rem, 8vw, 10rem);
    padding-bottom: 0px;
}

.filtermainbg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 345px;
}

/* Filter Bar */
.brand-directory-section .brand-filter-bar {
    background: url(../img/filtertopbg.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: clamp(1rem, 2vw, 1.4rem) clamp(1.5rem, 10vw, 15rem);
    margin-top: clamp(-10rem, -8vw, -3rem);
    margin-bottom: clamp(4rem, 6vw, 6rem);
    position: relative;
    z-index: 3;
    min-height: clamp(10rem, 20vw, 20.1rem);
}

.brand-directory-section .filter-select-wrap {
    position: relative;
    flex: 0 1 35rem;
    max-width: 350px;
}

.brand-directory-section .filter-select {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: var(--white);
    border: none;
    border-radius: 4rem;
    padding: clamp(.9rem, 1.4vw, 1.2rem) clamp(3rem, 5vw, 4rem) clamp(.9rem, 1.4vw, 1.2rem) clamp(1.4rem, 2.5vw, 2.2rem);
    font-family: var(--supportive-font);
    font-size: clamp(1.4rem, 1.8vw, 2rem);
    color: var(--black);
    cursor: pointer;
}

.brand-directory-section .filter-select-wrap::after {
    content: '\f078';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: clamp(1.6rem, 1.8vw, 2rem);
    color: #F6AF20;
    position: absolute;
    top: 50%;
    right: clamp(1.4rem, 2vw, 2rem);
    transform: translateY(-50%);
    pointer-events: none;
}

.brand-directory-section .filter-search-wrap {
    flex: 1 1 35rem;
    max-width: 350px;
    display: flex;
    align-items: center;
    background: var(--white);
    border-radius: 4rem;
    padding: clamp(.5rem, .8vw, .6rem) clamp(.8rem, 1.2vw, 1rem) clamp(.5rem, .8vw, .6rem) clamp(1.4rem, 2.5vw, 2.2rem);
}

.brand-directory-section .filter-search {
    flex: 1 1 auto;
    border: none;
    outline: none;
    background: transparent;
    font-family: var(--supportive-font);
    font-size: clamp(1.3rem, 1.4vw, 1.6rem);
    color: var(--light-black);
    min-width: 0;
}

.brand-directory-section .filter-search::placeholder {
    color: #A7A7A7;
}

.brand-directory-section .filter-search-btn {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(3rem, 4vw, 4rem);
    height: clamp(3rem, 4vw, 4rem);
    border-radius: 50%;
    border: none;
    color: #F6AF20;
    font-size: clamp(1.6rem, 1.8vw, 2rem);
    cursor: pointer;
    transition: background .3s;
    background: transparent;
}

/* Brand Card */
.brand-directory-section .brand-directory-card {
    background: var(--white);
    border: .15rem solid var(--dir-border-gold);
    border-radius: 3rem;
    overflow: visible;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: transform .3s ease, box-shadow .3s ease;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    -ms-border-radius: 3rem;
    -o-border-radius: 3rem;
}

.brand-directory-section .brand-directory-card:hover {
    transform: translateY(-.5rem);
    box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, 0.1);
}

.brand-directory-section .brand-directory-card__img {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.brand-directory-section .brand-directory-card__img img {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 2;

}

.brand-directory-section .brand-directory-card__body {
    padding: clamp(2rem, 4vw, 4rem);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.brand-directory-cardimg {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    max-width: clamp(9rem, 13vw, 13.5rem);
    max-height: clamp(9rem, 13vw, 13.5rem);
    margin-bottom: clamp(1.6rem, 3vw, 3rem);
    margin-top: clamp(-11rem, -8vw, -6rem);
}

.brand-directory-section .brand-directory-card__desc {
    font-family: var(--supportive-font);
    font-size: clamp(1.3rem, 1.4vw, 1.5rem);
    line-height: 1.6;
    color: #656565;
    margin-bottom: 1.4rem;
}

.brand-directory-section .brand-directory-card__meta {
    font-family: var(--supportive-font);
    font-size: clamp(1.2rem, 1.3vw, 1.4rem);
    color: var(--light-black);
    margin-bottom: clamp(2rem, 4vw, 4rem);
}

.brand-directory-section .brand-directory-card__meta li {
    font-family: var(--supportive-font);
    font-weight: 600;
    font-size: clamp(1.4rem, 1.6vw, 1.7rem);
    line-height: normal;
    color: var(--black);
    margin-bottom: 1rem;
}

.brand-directory-section .brand-directory-card__meta span {
    font-family: var(--supportive-font);
    font-weight: 400;
    color: var(--black);
}

.brand-directory-section .brand-directory-card__btn {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: clamp(1.4rem, 3vw, 3rem);
    background: var(--dir-gold);
    color: var(--white);
    font-family: var(--supportive-font);
    font-size: clamp(1.4rem, 1.6vw, 1.8rem);
    padding: clamp(.8rem, 1.2vw, 1rem) clamp(1.6rem, 2.2vw, 2.4rem);
    border-radius: 4rem;
    transition: background .3s;
    width: max-content;
    border: 1px solid var(--black);
}

.brand-directory-section .brand-directory-card__btn:hover {
    background: var(--dir-maroon);
    color: var(--white);
}

@media (max-width: 767px) {
    .brand-directory-section .brand-filter-bar {
        flex-direction: column;
        align-items: stretch;
        border-radius: 2.4rem;
        margin-top: -3rem;
        min-height: auto !important;
        padding: 30px 70px;
        align-items: center;
        width: 100%;
    }

    .brand-directory-section .filter-search-wrap {
        flex: 1 1 auto;
    }

    .brand-directory-section .filter-select-wrap {
        flex: 1 1 auto;
    }
}

@media (max-width: 575px) {
    .brand-directory-section .brand-filter-bar {
        background: transparent;
        background-color: #7D2010;
    }
}


.products .products-layout {
    display: flex;
    justify-content: center;
    gap: 40px;
}

.products .products-layout .products-sidebar {
    display: none;
}

@media screen and (min-width: 992px) {
    .products .products-layout .products-sidebar {
        display: block;
        min-width: 25%;
    }

    .products .product-dropdown {
        display: none;
    }
}

.products .products-layout .products-sidebar .product-tabs {
    position: sticky;
    top: 150px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.products .products-layout .products-sidebar .product-tabs .product-tab {
    border: none !important;
    padding: clamp(1.2rem, 2vw, 2rem) clamp(2rem, 3.5vw, 3.5rem) !important;
    font-family: var(--supportive-font) !important;
    font-size: clamp(1.4rem, 1.5vw, 2rem) !important;
    font-weight: 500 !important;
    color: #333 !important;
    background: url(../img/navtabbg.webp) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    width: clamp(14rem, 12vw, 18rem) !important;
    min-width: 100% !important;
    text-align: center !important;
}

.products .products-layout .products-sidebar .product-tabs .product-tab {
    padding: 14px 18px;
    text-align: left;
    border-radius: 8px;
    border: 1px solid #ddd;
    background: #f5f5f5;
    cursor: pointer;
}

#productCategorySelect {
    background: #f8f5f2;
    font-family: var(--font-medium);
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: var(--black) !important;
    margin-bottom: 4rem;
}

.products .product-dropdown select {
    width: 100%;
    padding: 14px;
    border-radius: 8px;
    border: 1px solid #ccc;
}

.products .products-layout .products-sidebar .product-tabs .product-tab.active {
    color: white !important;
    background: url(../img/navtabactivebg.webp) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}

.product-tab-content .item {
    background: #fff;
    border: 1px solid var(--primary);
    border-radius: 1rem;
    padding: clamp(2rem, 3vw, 3rem) clamp(1.8rem, 2vw, 2.6rem);
    transition: 0.35s ease;
    /* display: flex !important; */
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: 100%;
}

.product-tab-content .item h6 {
    font-family: var(--font-semibold);
    font-size: clamp(2rem, 1.5vw, 2.5rem);
    margin-bottom: 2rem;
    line-height: 1.25;
    color: var(--light-black);
    text-align: center;
    margin-top: 1rem;
}



.products .products-layout .products-box .product-tab-content p {
    font-size: 1.4rem;
    margin-bottom: 5px;
}

.product-tab-content .item p {
    font-family: var(--font-medium);
    font-size: 1.5rem;
    line-height: 20px;
    color: #090a09;
    margin-bottom: 2rem;
    max-width: 24rem;
    flex-grow: 1;
    text-align: center;
}

.product-tab-content .item p {
    margin: 0px auto;
}

.products .products-layout .products-box .product-tab-content p span {
    color: #EC1B23;
    font-family: "Futura-MD-BT-Medium", sans-serif;
    font-weight: 400;
}

.product-tab-content .item p span {
    font-family: var(--font-medium);
    font-size: 1.5rem;
    line-height: 20px;
    color: var(--primary) !important;
}

.products-content .view-more-box a {
    width: max-content;
    margin-inline: auto;
}

.btn-primary-custom {
    line-height: 1;
    background: var(--primary);
    color: var(--white) !important;
    justify-content: center;
    gap: clamp(1.5rem, 2vw, 3rem);
}

.btn-outline-custom,
.btn-primary-custom {
    font-size: clamp(1.6rem, 1.5vw, 2rem);
    padding: clamp(1.4rem, 1.5vw, 1.8rem) clamp(2.5rem, 3vw, 4rem);
    border-radius: 3.9rem;
    display: inline-flex;
    font-family: var(--font-bold);
}

.load-more-wrapper {
    text-align: center;
}

#loadMoreProducts {
    display: block;
    font-family: var(--supportive-font);
    font-size: 20px;
    line-height: normal;
    color: var(--black);
    margin-top: 3rem;
    padding: 10px 20px;
    background: #7D2010;
    color: var(--white);
    border: transparent;
    transition: 0.3s all;
}

#loadMoreProducts:hover {
    background: var(--black);
}

.products .products-layout .products-box .product-tab-content.active {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
}

.product-tab-content .item .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    object-position: center center;
}

.products-content.products-box {
    width: 100%;
}

@media screen and (min-width: 576px) {
    .products .products-layout .products-box .product-tab-content.active {
        display: grid;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px;
    }
}


@media screen and (min-width: 1200px) {
    .products .products-layout .products-box .product-tab-content.active {
        display: grid;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 30px;
    }
}


/* Brand Know More Modal */
.brand-modal .modal-dialog {
    max-width: 40rem;
}

.brand-modal .modal-content {
    background: transparent;
    border: none;
}

.brand-modal .modal-body {
    padding: 0;
}

.brand-modal .brand-directory-section .brand-directory-card {
    margin: 0;
}

.brand-modal__close {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 2;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    border: .1rem solid var(--dir-border-gold, #e0ab34);
    background: var(--white);
    color: var(--dir-maroon, #500a12);
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .3s, color .3s;
}

.brand-modal__close:hover {
    background: var(--dir-maroon, #500a12);
    color: var(--white);
}

.modal-open,
.modal {
    padding-right: 0px !important;
}

/* ============================================================
   ENQUIRE NOW MODAL
   ============================================================ */

.enquire-modal,
.enquire-modal-pws {
    padding-right: 0px !important;
}


body.modal-open,
.modal-open {
    padding-right: 0px !important;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0 !important;
}

.enquire-modal .modal-content,
.enquire-modal-Contact .modal-content,
.enquire-modal-pws .modal-content {
    border: none;
    border-radius: 1.6rem;
    padding: clamp(2rem, 3vw, 3.2rem);
    background: var(--white);
}

.enquire-modal .modal-header,
.enquire-modal-Contact .modal-header,
.enquire-modal-pws .modal-header {
    border: none;
    padding: 0 0 clamp(1.6rem, 2vw, 2.4rem);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.enquire-modal .modal-title,
.enquire-modal-Contact .modal-title,
.enquire-modal-pws .modal-title {
    font-family: var(--supportive-font);
    font-size: clamp(2.6rem, 1.6rem + 2vw, 3.6rem);
    color: var(--black);
    margin: 0;
}

.enquire-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: var(--black);
    padding: 0;
    cursor: pointer;
    transition: 0.3s;
}

.enquire-close:hover {
    color: var(--primary);
}

/* Contact Form 7 renders its own markup (<form class="wpcf7-form"><p>...</p></form>),
   so the modal is styled against CF7's actual classes rather than custom ones. */

.enquire-modal .wpcf7-form,
.enquire-modal-Contact .wpcf7-form,
.enquire-modal-pws .wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.enquire-modal .wpcf7-form fieldset.hidden-fields-container,
.enquire-modal-Contact .wpcf7-form fieldset.hidden-fields-container,
.enquire-modal-pws .wpcf7-form fieldset.hidden-fields-container {
    display: none;
}

.enquire-modal .wpcf7-form>p,
.enquire-modal-Contact .wpcf7-form>p,
.enquire-modal-pws .wpcf7-form>p {
    width: 100%;
    margin: 0;
}

.enquire-modal .wpcf7-form-control-wrap,
.enquire-modal-pws .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.enquire-modal input[type="text"],
.enquire-modal-Contact input[type="text"],
.enquire-modal-pws input[type="text"],
.enquire-modal-Contact input[type="email"],
.enquire-modal input[type="email"],
.enquire-modal-pws input[type="email"],
.enquire-modal input[type="tel"],
.enquire-modal-Contact input[type="tel"],
.enquire-modal-pws input[type="tel"],
.enquire-modal input[type="number"],
.enquire-modal-Contact input[type="number"],
.enquire-modal-pws input[type="number"],
.enquire-modal select,
.enquire-modal-Contact select,
.enquire-modal-pws select,
.enquire-modal textarea,
.enquire-modal-Contact textarea,
.enquire-modal-pws textarea {
    width: 100%;
    height: 5.6rem;
    padding: 0 1.8rem;
    border: 1px solid #e4e0da;
    border-radius: 0.8rem;
    background: var(--white);
    font-family: var(--supportive-font);
    font-size: 1.5rem;
    color: var(--black);
    outline: none;
    transition: 0.3s;
    appearance: none;
    -webkit-appearance: none;
}

.intl-tel-input .flag-container {
    width: 100%;
}

.enquire-modal textarea,
.enquire-modal-Contact textarea,
.enquire-modal-pws textarea {
    height: auto;
    min-height: 12rem;
    padding: 1.6rem 1.8rem;
    resize: vertical;
}

.enquire-modal select,
.enquire-modal-Contact select,
.enquire-modal-pws select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23074f22' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1.8rem center;
    color: var(--black);
}

/* ---- Select2 (tag/chip style multi-select) ----
   Selectors are chained to match/exceed select2.min.css's own specificity,
   otherwise its bundled styles win and override these. */

.enquire-modal .select2-container,
.enquire-modal-Contact .select2-container,
.enquire-modal-pws .select2-container {
    width: 100% !important;
}

.enquire-modal .select2-container--default .select2-selection--multiple,
.enquire-modal-Contact .select2-container--default .select2-selection--multiple,
.enquire-modal-pws .select2-container--default .select2-selection--multiple {
    position: relative;
    min-height: auto;
    padding: 0.6rem 1rem;
    border: 1px solid #e4e0da;
    border-radius: 0.8rem;
    background: var(--bg-color);
    box-shadow: none;
    transition: 0.3s;
}

.enquire-modal .select2-container--default.select2-container--open .select2-selection--multiple,
.enquire-modal-Contact .select2-container--default.select2-container--open .select2-selection--multiple,
.enquire-modal-pws .select2-container--default.select2-container--open .select2-selection--multiple,
.enquire-modal .select2-container--default.select2-container--focus .select2-selection--multiple,
.enquire-modal-Contact .select2-container--default.select2-container--focus .select2-selection--multiple,
.enquire-modal-pws .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--primary);
}

.enquire-modal .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.enquire-modal-Contact .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.enquire-modal-pws .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.8rem;
    padding: 0;
    margin: 0;
}

.enquire-modal .select2-container--default .select2-selection--multiple .select2-selection__choice,
.enquire-modal-Contact .select2-container--default .select2-selection--multiple .select2-selection__choice,
.enquire-modal-pws .select2-container--default .select2-selection--multiple .select2-selection__choice {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 0.6rem;
    margin: 0;
    padding: 0.5rem 1.3rem;
    border: 1px solid #e4e0da;
    border-radius: 999px;
    background: var(--white);
    font-family: var(--supportive-font);
    font-size: 1.3rem;
    line-height: 1.4;
    color: var(--black);
}

.enquire-modal .select2-container--default .select2-selection--multiple .select2-selection__choice__display,
.enquire-modal-Contact .select2-container--default .select2-selection--multiple .select2-selection__choice__display,
.enquire-modal-pws .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-family: var(--supportive-font);
    font-size: 1.4rem;
    padding: 0;
    color: var(--black);
}

.enquire-modal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.enquire-modal-Contact .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.enquire-modal-pws .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    position: static;
    order: initial;
    margin: 0;
    padding: 0;
    border: none;
    color: #8a8a8a;
    font-size: 2rem;
    line-height: 1;
    transition: 0.3s;
}

.enquire-modal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.enquire-modal-Contact .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.enquire-modal-pws .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: var(--primary);
    background: transparent;
}

/* "Clear all" (×) control — not used for tag-style multi-select, keep it hidden */
.enquire-modal .select2-container--default .select2-selection--multiple .select2-selection__clear,
.enquire-modal-Contact .select2-container--default .select2-selection--multiple .select2-selection__clear,
.enquire-modal-pws .select2-container--default .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.enquire-modal .select2-container--default .select2-selection--multiple .select2-search--inline,
.enquire-modal-Contact .select2-container--default .select2-selection--multiple .select2-search--inline,
.enquire-modal-pws .select2-container--default .select2-selection--multiple .select2-search--inline {
    flex: 1 1 auto;
    min-width: 6rem;
    margin: 0;
}

.enquire-modal .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field,
.enquire-modal-Contact .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field,
.enquire-modal-pws .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    min-height: auto !important;
    height: auto !important;
    margin: 0;
    padding: 0;
    font-family: var(--supportive-font);
    font-size: 1.5rem;
    color: var(--black);
}

.enquire-modal .select2-container--default .select2-selection--multiple .select2-selection__placeholder,
.enquire-modal-Contact .select2-container--default .select2-selection--multiple .select2-selection__placeholder,
.enquire-modal-pws .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #8a8a8a;
    font-family: var(--supportive-font);
    font-size: 1.5rem;
}

.enquire-modal .select2-dropdown,
.enquire-modal-Contact .select2-dropdown,
.enquire-modal-pws .select2-dropdown {
    border-color: #e4e0da;
    border-radius: 0.8rem;
    overflow: hidden;
    font-family: var(--supportive-font);
    font-size: 1.5rem;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}

.enquire-modal .select2-search--dropdown .select2-search__field,
.enquire-modal-Contact .select2-search--dropdown .select2-search__field,
.enquire-modal-pws .select2-search--dropdown .select2-search__field {
    border: 1px solid #e4e0da;
    border-radius: 0.6rem;
    outline: none;
}

.enquire-modal .select2-search--dropdown .select2-search__field:focus,
.enquire-modal-Contact .select2-search--dropdown .select2-search__field:focus,
.enquire-modal-pws .select2-search--dropdown .select2-search__field:focus {
    border-color: var(--primary);
}

.enquire-modal .select2-results__option--highlighted[aria-selected],
.enquire-modal-Contact .select2-results__option--highlighted[aria-selected],
.enquire-modal-pws .select2-results__option--highlighted[aria-selected] {
    background: var(--primary);
    color: var(--white);
}

.enquire-modal .select2-results__option[aria-selected="true"],
.enquire-modal-Contact .select2-results__option[aria-selected="true"],
.enquire-modal-pws .select2-results__option[aria-selected="true"] {
    background: var(--bg-color);
    color: var(--black);
}

.enquire-modal ::placeholder,
.enquire-modal-Contact ::placeholder,
.enquire-modal-pws ::placeholder {
    color: #000;
    font-family: var(--supportive-font);
    opacity: 1;
}

.enquire-modal input:focus,
.enquire-modal-Contact input:focus,
.enquire-modal-pws input:focus,
.enquire-modal select:focus,
.enquire-modal-Contact select:focus,
.enquire-modal-pws select:focus,
.enquire-modal textarea:focus,
.enquire-modal-Contact textarea:focus,
.enquire-modal-pws textarea:focus {
    border-color: var(--primary);
}

.enquire-modal input.wpcf7-not-valid,
.enquire-modal-Contact input.wpcf7-not-valid,
.enquire-modal-pws input.wpcf7-not-valid,
.enquire-modal select.wpcf7-not-valid,
.enquire-modal-Contact select.wpcf7-not-valid,
.enquire-modal-pws select.wpcf7-not-valid,
.enquire-modal textarea.wpcf7-not-valid,
.enquire-modal-Contact textarea.wpcf7-not-valid,
.enquire-modal-pws textarea.wpcf7-not-valid {
    border-color: #d9534f;
}

.enquire-modal .wpcf7-not-valid-tip,
.enquire-modal-Contact .wpcf7-not-valid-tip,
.enquire-modal-pws .wpcf7-not-valid-tip {
    display: block;
    margin-top: 0.4rem;
    font-family: var(--supportive-font);
    font-size: 1.3rem;
    color: #d9534f;
}

.enquire-modal .wpcf7-response-output,
.enquire-modal-Contact .wpcf7-response-output,
.enquire-modal-pws .wpcf7-response-output {
    margin: 0.8rem 0 0;
    padding: 1.2rem 1.6rem;
    border-radius: 0.8rem;
    border-color: var(--primary);
    font-family: var(--supportive-font);
    font-size: 1.4rem;
    color: var(--black);
}

.enquire-modal .wpcf7-form.invalid .wpcf7-response-output,
.enquire-modal-Contact .wpcf7-form.invalid .wpcf7-response-output,
.enquire-modal-pws .wpcf7-form.invalid .wpcf7-response-output {
    border-color: #d9534f;
    color: #d9534f;
}

.enquire-modal .wpcf7-form.sent .wpcf7-response-output,
.enquire-modal-Contact .wpcf7-form.sent .wpcf7-response-output,
.enquire-modal-pws .wpcf7-form.sent .wpcf7-response-output {
    border-color: var(--primary);
    color: var(--primary);
}

.enquire-modal input[type="submit"].wpcf7-submit,
.enquire-modal-Contact input[type="submit"].wpcf7-submit,
.enquire-modal-pws input[type="submit"].wpcf7-submit {
    width: 100%;
    margin-top: 0.8rem;
    height: 5.6rem;
    border: none;
    border-radius: 0.8rem;
    background: var(--primary);
    color: var(--white);
    font-family: var(--font-bold);
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: 0.3s;
}

.enquire-modal input[type="submit"].wpcf7-submit:hover,
.enquire-modal-Contact input[type="submit"].wpcf7-submit:hover,
.enquire-modal-pws input[type="submit"].wpcf7-submit:hover {
    opacity: 0.9;
}

.enquire-modal .wpcf7-spinner,
.enquire-modal-Contact .wpcf7-spinner,
.enquire-modal-pws .wpcf7-spinner {
    margin: 0 0 0 1rem;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    font-family: var(--supportive-font);
    font-size: 1.4rem;
}

.intl-tel-input ul.country-list li {
    font-family: var(--supportive-font);
    font-size: 1.4rem;
}

/* Keep the country dropdown clipped to the phone field's own width instead
   of expanding to fit the longest country name. */
.intl-tel-input {
    position: relative;
    width: 100%;
}

.intl-tel-input .country-list {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

.intl-tel-input .country-list li.country {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.intl-tel-input .country-list li.country .country-name {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.intl-tel-input .country-list li.country .dial-code {
    flex: 0 0 auto;
    color: #8a8a8a;
}

@media (max-width: 575px) {

    .enquire-modal input[type="text"],
    .enquire-modal-pws input[type="text"],
    .enquire-modal-Contact input[type="text"],
    .enquire-modal input[type="email"],
    .enquire-modal-Contact input[type="email"],
    .enquire-modal-pws input[type="email"],
    .enquire-modal input[type="tel"],
    .enquire-modal-Contact input[type="tel"],
    .enquire-modal-pws input[type="tel"],
    .enquire-modal input[type="number"],
    .enquire-modal-Contact input[type="number"],
    .enquire-modal-pws input[type="number"],
    .enquire-modal select,
    .enquire-modal-Contact select,
    .enquire-modal-pws select,
    .enquire-modal input[type="submit"].wpcf7-submit,
    .enquire-modal-Contact input[type="submit"].wpcf7-submit,
    .enquire-modal-pws input[type="submit"].wpcf7-submit {
        height: 5rem;
    }
}

.brand-modal .brand-directory-section .brand-directory-card__img img {
    object-fit: contain;
}

.brand-modal .brand-directory-section .brand-directory-card__meta {
    margin-bottom: 0.5rem;
}



/*=========================================
        BRAND SINGLE (ABOUT BRAND) PAGE
=========================================*/
.brand-single-breadcrumb {
    background: #F2F2F2;
    padding: clamp(1.4rem, 2vw, 2rem) 0;
}

.brand-single-breadcrumb nav {
    font-family: var(--supportive-font);
    font-size: clamp(1.3rem, 1.4vw, 1.5rem);
    color: var(--light-black);
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
    padding-inline: clamp(2rem, 4vw, 5rem);
}

.brand-single-breadcrumb a {
    color: var(--light-black);
    text-decoration: underline;
    transition: color .3s;
}

.brand-single-breadcrumb a:hover {
    color: var(--primary);
}

.brand-single-breadcrumb .sep {
    color: #9a9a9a;
}

.brand-single-breadcrumb .current {
    color: #9a9a9a;
}

.brand-single-wrapper {
    display: flex;
    align-items: stretch;
    min-height: clamp(45rem, 55vw, 78rem);
    padding-bottom: 5rem;
}

.brand-single-image {
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    overflow: hidden;
}

.brand-single-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
}

.brand-single-image img:hover {
    scale: 1.1;
}

.brand-single-content {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    align-items: center;
    background: var(--white);
    padding: clamp(3rem, 5vw, 8rem);
}

.brand-single-card {
    width: 100%;
    max-width: 52rem;
}

.brand-single-logo {
    width: clamp(10rem, 9vw, 14rem);
    height: clamp(10rem, 9vw, 14rem);
    border: .1rem solid #e5e5e5;
    border-radius: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.2rem;
    margin-bottom: clamp(2rem, 3vw, 3rem);
}

.brand-single-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.brand-single-title {
    font-family: var(--font-semibold);
    font-size: clamp(2.4rem, 2.6vw, 3.2rem);
    color: var(--light-black);
    line-height: 1.2;
    margin-bottom: clamp(1.2rem, 1.6vw, 1.8rem);
}

.brand-single-zone {
    font-family: var(--supportive-font);
    font-size: clamp(1.5rem, 1.6vw, 1.9rem);
    color: var(--light-black);
    margin-bottom: clamp(1.6rem, 2.4vw, 2.4rem);
}

.brand-single-zone strong {
    font-weight: 500;
    color: var(--primary);
}

.brand-single-desc {
    font-family: var(--supportive-font);
    font-size: clamp(1.4rem, 1.5vw, 1.7rem);
    line-height: 1.7;
    color: #555555;
    margin-bottom: clamp(2.4rem, 3.2vw, 3.6rem);
}

.brand-single-back {
    display: inline-flex;
    align-items: center;
    gap: 1.2rem;
    font-family: var(--supportive-font);
    font-weight: 600;
    font-size: clamp(1.5rem, 1.6vw, 1.8rem);
    color: var(--light-black);
    transition: color .3s;
}

.brand-single-back__icon {
    width: clamp(3.2rem, 3vw, 3.8rem);
    height: clamp(3.2rem, 3vw, 3.8rem);
    border-radius: 50%;
    background: var(--black);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    transition: background .3s;
}

.brand-single-back:hover {
    color: var(--primary);
}

.brand-single-back:hover .brand-single-back__icon {
    background: var(--primary);
}

@media (max-width: 991px) {
    .brand-single-wrapper {
        flex-direction: column;
        min-height: auto;
    }

    .brand-single-image,
    .brand-single-content {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .brand-single-image {
        height: clamp(24rem, 55vw, 40rem);
    }

    .brand-single-content {
        padding: clamp(3rem, 6vw, 5rem) clamp(2rem, 5vw, 4rem);
    }

    .brand-single-card {
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .brand-single-logo {
        width: 9rem;
        height: 9rem;
    }

    .brand-single-breadcrumb nav {
        padding-inline: 2rem;
    }
}


/*=========================================
        EVENT DETAIL PAGE
=========================================*/
.event-detail-section {
    padding-block: clamp(8rem, 12vw, 14rem) clamp(6rem, 8vw, 10rem);
    background: var(--bg-color);
    margin-bottom: 5rem;
}

.event-detail-head {
    max-width: 70rem;
    margin-bottom: clamp(3rem, 4vw, 5rem);
}

.event-detail-eyebrow {
    display: inline-block;
    font-family: var(--supportive-font);
    font-weight: 600;
    font-size: clamp(1.3rem, 1.4vw, 1.5rem);
    letter-spacing: .15rem;
    text-transform: uppercase;
    color: var(--primary);
    margin-bottom: clamp(.8rem, 1.2vw, 1.2rem);
}

.event-detail-title {
    font-family: var(--font-bold);
    font-size: clamp(3.2rem, 4.5vw, 5.2rem);
    line-height: 1.1;
    color: var(--light-black);
    margin-bottom: clamp(1rem, 1.6vw, 1.6rem);
}

.event-detail-subtitle {
    font-family: var(--supportive-font);
    font-size: clamp(1.5rem, 1.6vw, 1.8rem);
    color: #555555;
}

/* Highlight Card */
.event-detail-card {
    display: flex;
    align-items: stretch;
    gap: clamp(2rem, 3vw, 3.5rem);
    background: rgba(246, 175, 32, .12);
    border-radius: clamp(1.6rem, 2vw, 2.4rem);
    padding: clamp(2rem, 3vw, 3.5rem);
    margin-bottom: clamp(5rem, 7vw, 9rem);
}

.event-detail-poster {
    flex: 0 0 clamp(20rem, 28vw, 34rem);
    max-width: clamp(20rem, 28vw, 34rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: rgba(246, 175, 32, .28);
    border-radius: clamp(1.2rem, 1.6vw, 1.8rem);
    padding: clamp(2.4rem, 3vw, 3.6rem) 2rem;
}

.event-detail-poster__title {
    font-family: var(--font-bold);
    font-size: clamp(2rem, 2.4vw, 2.8rem);
    line-height: 1.25;
    color: var(--light-black);
    text-transform: uppercase;
    margin-bottom: clamp(1rem, 1.4vw, 1.6rem);
}

.event-detail-poster__year {
    font-family: var(--font-semibold);
    font-size: clamp(1.6rem, 1.8vw, 2rem);
    color: var(--primary);
}

.event-detail-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.event-detail-status {
    font-family: var(--supportive-font);
    font-weight: 600;
    font-size: clamp(1.3rem, 1.4vw, 1.5rem);
    color: #7a7a7a;
    margin-bottom: clamp(.8rem, 1vw, 1.2rem);
}

.event-detail-name {
    font-family: var(--font-bold);
    font-size: clamp(2.4rem, 3vw, 3.6rem);
    color: var(--light-black);
    line-height: 1.2;
    margin-bottom: clamp(1.4rem, 2vw, 2rem);
}

.event-detail-date {
    font-family: var(--font-semibold);
    font-size: clamp(1.6rem, 1.8vw, 2rem);
    color: var(--light-black);
    margin-bottom: clamp(.6rem, .8vw, 1rem);
}

.event-detail-location {
    font-family: var(--supportive-font);
    font-size: clamp(1.4rem, 1.5vw, 1.7rem);
    color: #666666;
    margin-bottom: clamp(2rem, 2.6vw, 2.8rem);
}

.event-detail-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    font-family: var(--supportive-font);
    font-weight: 600;
    font-size: clamp(1.4rem, 1.5vw, 1.6rem);
    color: var(--white);
    background: var(--black);
    border-radius: 5rem;
    padding: clamp(1.2rem, 1.4vw, 1.6rem) clamp(2.4rem, 3vw, 3.2rem);
    transition: background .3s;
}

.event-detail-btn:hover {
    background: var(--primary);
    color: var(--light-black);
}

/* About */
.event-detail-about__title {
    font-family: var(--font-semibold);
    font-size: clamp(2.6rem, 3vw, 3.6rem);
    color: var(--light-black);
    margin-bottom: clamp(1.4rem, 1.8vw, 2rem);
}

.event-detail-about__desc {
    font-family: var(--supportive-font);
    font-size: clamp(1.5rem, 1.6vw, 1.8rem);
    line-height: 1.7;
    color: #555555;
    max-width: 80rem;
    margin-bottom: clamp(3rem, 4vw, 4.5rem);
}

.event-detail-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1.6rem, 2vw, 2.4rem);
}

.event-detail-feature-card {
    background: var(--white);
    border: .1rem solid #ececec;
    border-radius: clamp(1.2rem, 1.6vw, 1.8rem);
    padding: clamp(2rem, 2.4vw, 2.8rem);
    transition: box-shadow .3s, transform .3s;
}

.event-detail-feature-card:hover {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .06);
    transform: translateY(-.4rem);
}

.event-detail-feature-card__num {
    display: block;
    font-family: var(--font-semibold);
    font-size: clamp(1.3rem, 1.4vw, 1.5rem);
    color: var(--primary);
    margin-bottom: clamp(.8rem, 1vw, 1.2rem);
}

.event-detail-feature-card__title {
    font-family: var(--font-semibold);
    font-size: clamp(1.7rem, 1.9vw, 2.1rem);
    color: var(--light-black);
    margin-bottom: clamp(.6rem, .8vw, 1rem);
}

.event-detail-feature-card__desc {
    font-family: var(--supportive-font);
    font-size: clamp(1.4rem, 1.5vw, 1.6rem);
    color: #777777;
    line-height: 1.6;
}

/* Gallery */
.event-detail-gallery {
    margin-top: clamp(4rem, 6vw, 6rem);
}

.event-detail-gallery .event-gallery-grid {
    margin-bottom: clamp(2.4rem, 3vw, 3.6rem);
}

.event-gallery-grid--3col {
    grid-template-columns: repeat(3, 1fr);
}

.event-gallery-grid--3col .event-gallery-tile,
.event-gallery-grid--3col .event-gallery-tile:nth-child(3),
.event-gallery-grid--3col .event-gallery-tile:nth-child(4),
.event-gallery-grid--3col .event-gallery-tile:nth-child(5) {
    grid-column: span 1;
}

@media (max-width: 767px) {
    .event-gallery-grid--3col {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .event-gallery-grid--3col {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .event-detail-card {
        flex-direction: column;
    }

    .event-detail-poster {
        max-width: 100%;
        flex: 0 0 auto;
        padding-block: clamp(3rem, 8vw, 4.5rem);
    }

    .event-detail-btn {
        align-self: stretch;
        text-align: center;
    }
}

@media (max-width: 575px) {
    .event-detail-features {
        grid-template-columns: 1fr;
    }

    .raunak-chowk-section .event-card {
        min-height: auto !important;
    }
}

/*=========================================
        EVENT GALLERY PAGE
=========================================*/
.event-gallery-section {
    padding-block: clamp(8rem, 12vw, 14rem) clamp(6rem, 8vw, 10rem);
    background: var(--bg-color);
}

.event-gallery-head {
    margin-bottom: clamp(2.6rem, 3.5vw, 4rem);
}

.event-gallery-title {
    font-family: var(--font-bold);
    font-size: clamp(3rem, 4vw, 4.4rem);
    line-height: 1.1;
    color: var(--light-black);
    margin-bottom: clamp(.6rem, .8vw, 1rem);
}

.event-gallery-subtitle {
    font-family: var(--supportive-font);
    font-weight: 600;
    font-size: clamp(1.4rem, 1.5vw, 1.6rem);
    color: var(--primary);
}

.event-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(1.6rem, 2vw, 2.4rem);
    margin-bottom: clamp(4rem, 6vw, 7rem);
}

.event-gallery-tile {
    grid-column: span 3;
    position: relative;
    aspect-ratio: 16 / 10;
    border-radius: clamp(1.2rem, 1.6vw, 1.8rem);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.event-gallery-tile:nth-child(3),
.event-gallery-tile:nth-child(4),
.event-gallery-tile:nth-child(5) {
    grid-column: span 2;
}

.event-gallery-tile i {
    font-size: clamp(2.6rem, 3vw, 3.6rem);
    color: rgba(0, 0, 0, .18);
}

.event-gallery-tile__tag {
    position: absolute;
    left: clamp(1.2rem, 1.4vw, 1.6rem);
    bottom: clamp(1rem, 1.2vw, 1.4rem);
    font-family: var(--supportive-font);
    font-weight: 600;
    font-size: clamp(1.1rem, 1.2vw, 1.3rem);
    letter-spacing: .05rem;
    text-transform: uppercase;
    color: var(--white);
}

.event-gallery-tile--tone1 {
    background: #E9CFC4;
}

.event-gallery-tile--tone2 {
    background: #D9E1EC;
}

.event-gallery-tile--tone3 {
    background: #E4DAC6;
}

.event-gallery-tile--tone4 {
    background: #DAE4D6;
}

.event-gallery-tile--tone5 {
    background: #E3D6E2;
}

.event-gallery-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(1.6rem, 2vw, 2.4rem);
    flex-wrap: wrap;
    background: var(--white);
    border: .1rem solid #ececec;
    border-radius: clamp(1.4rem, 1.8vw, 2rem);
    padding: clamp(2.2rem, 2.8vw, 3.2rem) clamp(2.2rem, 3vw, 3.6rem);
}

.event-gallery-card__title {
    font-family: var(--font-semibold);
    font-size: clamp(1.9rem, 2.2vw, 2.4rem);
    color: var(--light-black);
    margin-bottom: clamp(.8rem, 1vw, 1.2rem);
}

.event-gallery-card__date {
    font-family: var(--font-semibold);
    font-size: clamp(1.4rem, 1.5vw, 1.6rem);
    color: var(--primary);
    margin-bottom: clamp(.3rem, .4vw, .5rem);
}

.event-gallery-card__location {
    font-family: var(--supportive-font);
    font-size: clamp(1.3rem, 1.4vw, 1.5rem);
    color: #777777;
}

.event-gallery-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: var(--supportive-font);
    font-weight: 600;
    font-size: clamp(1.4rem, 1.5vw, 1.6rem);
    color: var(--white);
    background: var(--black);
    border-radius: 5rem;
    padding: clamp(1.2rem, 1.4vw, 1.6rem) clamp(2.4rem, 3vw, 3.2rem);
    transition: background .3s;
}

.event-gallery-card__btn:hover {
    background: var(--primary);
    color: var(--light-black);
}

@media (max-width: 767px) {
    .event-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .event-gallery-tile,
    .event-gallery-tile:nth-child(3),
    .event-gallery-tile:nth-child(4),
    .event-gallery-tile:nth-child(5) {
        grid-column: span 1;
    }

    .event-gallery-card {
        justify-content: center;
        text-align: center;
    }

    .event-gallery-card__btn {
        width: 100%;
    }

    .raunak-chowk-section .event-card {
        min-height: 387px;
    }
}

@media (max-width: 480px) {
    .event-gallery-grid {
        grid-template-columns: 1fr;
    }
}

.events-galler .event-card:hover .event-card__img {
    max-height: 650px;
    height: 650px
}

.events-galler .event-card:hover .event-card__img img {
    max-height: 650px;
    height: 650px
}

.events-galler .event-card .event-card__img,
.events-galler .event-card .event-card__img img {
    transition: 0.3s all;
}