{"id":9,"date":"2019-10-29T10:04:28","date_gmt":"2019-10-29T10:04:28","guid":{"rendered":"https:\/\/demo.casethemes.net\/consultio-corporate2\/?page_id=9"},"modified":"2026-07-26T13:13:48","modified_gmt":"2026-07-26T12:13:48","slug":"home","status":"publish","type":"page","link":"https:\/\/aromanc.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-d2d16f4 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"d2d16f4\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-55ce701\" data-id=\"55ce701\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-781d949 elementor-widget elementor-widget-html\" data-id=\"781d949\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- GOOGLE FONTS -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<section class=\"masala-hero-banner\">\r\n\r\n    <!-- Decorative Overlay -->\r\n    <div class=\"masala-hero-overlay\"><\/div>\r\n\r\n    <!-- Decorative Elements -->\r\n    <div class=\"masala-decoration masala-decoration-one\"><\/div>\r\n    <div class=\"masala-decoration masala-decoration-two\"><\/div>\r\n\r\n    <!-- Hero Content -->\r\n    <div class=\"masala-hero-container\">\r\n\r\n        <div class=\"masala-hero-content\">\r\n\r\n            <span class=\"masala-hero-tagline\">\r\n                AUTHENTIC INDIAN DINING\r\n            <\/span>\r\n\r\n            <h1>\r\n                Experience the Art of\r\n                <span>Indian Cuisine<\/span>\r\n            <\/h1>\r\n\r\n            <div class=\"masala-title-divider\">\r\n\r\n                <span><\/span>\r\n\r\n                <i>\u2726<\/i>\r\n\r\n                <span><\/span>\r\n\r\n            <\/div>\r\n\r\n            <p>\r\n                Fresh ingredients. Timeless recipes. Modern hospitality.\r\n            <\/p>\r\n\r\n            <div class=\"masala-hero-buttons\">\r\n\r\n                <a\r\n                    href=\"https:\/\/aromanc.com\/index.php\/menu\/\"\r\n                    class=\"masala-hero-btn masala-btn-primary\"\r\n                >\r\n                    <span>View Menu<\/span>\r\n                <\/a>\r\n\r\n                <a\r\n                    href=\"https:\/\/order.toasttab.com\/online\/masala-house-raleigh\"\r\n                    class=\"masala-hero-btn masala-btn-secondary\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                >\r\n                    <span>Order Online<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom Scroll Indicator -->\r\n    <a href=\"#restaurant-menu\" class=\"masala-scroll-indicator\">\r\n\r\n        <span>Explore<\/span>\r\n\r\n        <div class=\"masala-scroll-line\"><\/div>\r\n\r\n    <\/a>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================\r\n   HERO BANNER\r\n========================================= *\/\r\n\r\n.masala-hero-banner {\r\n    --masala-brown: #b96c39;\r\n    --masala-brown-dark: #8f4d27;\r\n    --masala-green: #627a46;\r\n    --masala-green-dark: #43562f;\r\n    --masala-cream: #f8f1e8;\r\n    --masala-white: #ffffff;\r\n\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    width: 100%;\r\n    min-height: 760px;\r\n    padding: 120px 20px 100px;\r\n    overflow: hidden;\r\n\r\n    background-image:\r\n        url(\"https:\/\/images.unsplash.com\/photo-1585937421612-70a008356fbe?auto=format&fit=crop&w=2000&q=90\");\r\n\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n\r\n    color: var(--masala-white);\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n}\r\n\r\n.masala-hero-banner *,\r\n.masala-hero-banner *::before,\r\n.masala-hero-banner *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DARK OVERLAY\r\n========================================= *\/\r\n\r\n.masala-hero-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(17, 13, 10, 0.94) 0%,\r\n            rgba(17, 13, 10, 0.80) 42%,\r\n            rgba(17, 13, 10, 0.42) 72%,\r\n            rgba(17, 13, 10, 0.55) 100%\r\n        ),\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(0, 0, 0, 0.20) 0%,\r\n            rgba(0, 0, 0, 0.14) 55%,\r\n            rgba(0, 0, 0, 0.58) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DECORATIVE CIRCLES\r\n========================================= *\/\r\n\r\n.masala-decoration {\r\n    position: absolute;\r\n    z-index: 2;\r\n    border: 1px solid rgba(255, 255, 255, 0.13);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n}\r\n\r\n.masala-decoration-one {\r\n    top: -180px;\r\n    right: -160px;\r\n    width: 500px;\r\n    height: 500px;\r\n}\r\n\r\n.masala-decoration-two {\r\n    right: 8%;\r\n    bottom: -210px;\r\n    width: 420px;\r\n    height: 420px;\r\n    border-color: rgba(185, 108, 57, 0.28);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HERO CONTAINER\r\n========================================= *\/\r\n\r\n.masala-hero-container {\r\n    position: relative;\r\n    z-index: 3;\r\n    width: min(1240px, 100%);\r\n    margin: 0 auto;\r\n}\r\n\r\n.masala-hero-content {\r\n    max-width: 790px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL TAGLINE\r\n========================================= *\/\r\n\r\n.masala-hero-tagline {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 24px;\r\n    padding: 10px 18px;\r\n    border: 1px solid rgba(255, 255, 255, 0.24);\r\n    border-radius: 50px;\r\n    background: rgba(255, 255, 255, 0.09);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n\r\n    color: #f4d3b6;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 2.3px;\r\n}\r\n\r\n.masala-hero-tagline::before {\r\n    content: \"\";\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 50%;\r\n    background: var(--masala-brown);\r\n    box-shadow: 0 0 0 5px rgba(185, 108, 57, 0.18);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAIN HEADING\r\n========================================= *\/\r\n\r\n.masala-hero-content h1 {\r\n    max-width: 860px;\r\n    margin: 0;\r\n    color: var(--masala-white);\r\n    font-family: \"Playfair Display\", Georgia, serif;\r\n    font-size: clamp(55px, 7vw, 92px);\r\n    font-weight: 700;\r\n    line-height: 1.02;\r\n    letter-spacing: -2px;\r\n    text-shadow: 0 8px 35px rgba(0, 0, 0, 0.28);\r\n}\r\n\r\n.masala-hero-content h1 span {\r\n    display: block;\r\n    color: #e6aa76;\r\n    font-style: italic;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TITLE DIVIDER\r\n========================================= *\/\r\n\r\n.masala-title-divider {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n    margin: 27px 0 22px;\r\n}\r\n\r\n.masala-title-divider span {\r\n    width: 52px;\r\n    height: 1px;\r\n    background: rgba(255, 255, 255, 0.46);\r\n}\r\n\r\n.masala-title-divider i {\r\n    color: #e6aa76;\r\n    font-size: 15px;\r\n    font-style: normal;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DESCRIPTION\r\n========================================= *\/\r\n\r\n.masala-hero-content p {\r\n    max-width: 650px;\r\n    margin: 0;\r\n    color: rgba(255, 255, 255, 0.84);\r\n    font-size: clamp(17px, 2vw, 21px);\r\n    font-weight: 400;\r\n    line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BUTTONS\r\n========================================= *\/\r\n\r\n.masala-hero-buttons {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 15px;\r\n    margin-top: 38px;\r\n}\r\n\r\n.masala-hero-btn {\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-width: 170px;\r\n    padding: 16px 28px;\r\n    overflow: hidden;\r\n    border: 1px solid transparent;\r\n    border-radius: 50px;\r\n\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.3px;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        background 0.3s ease,\r\n        color 0.3s ease,\r\n        border-color 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n.masala-hero-btn span {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* PRIMARY BUTTON *\/\r\n\r\n.masala-btn-primary {\r\n    background: var(--masala-brown);\r\n    color: var(--masala-white);\r\n    box-shadow: 0 14px 32px rgba(185, 108, 57, 0.35);\r\n}\r\n\r\n.masala-btn-primary:hover {\r\n    background: var(--masala-green);\r\n    color: var(--masala-white);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 18px 38px rgba(98, 122, 70, 0.34);\r\n}\r\n\r\n\r\n\/* SECONDARY BUTTON *\/\r\n\r\n.masala-btn-secondary {\r\n    border-color: rgba(255, 255, 255, 0.42);\r\n    background: rgba(255, 255, 255, 0.10);\r\n    color: var(--masala-white);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n}\r\n\r\n.masala-btn-secondary:hover {\r\n    border-color: var(--masala-white);\r\n    background: var(--masala-white);\r\n    color: var(--masala-green-dark);\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SCROLL INDICATOR\r\n========================================= *\/\r\n\r\n.masala-scroll-indicator {\r\n    position: absolute;\r\n    right: 42px;\r\n    bottom: 32px;\r\n    z-index: 4;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 10px;\r\n\r\n    color: rgba(255, 255, 255, 0.75);\r\n    text-decoration: none;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.masala-scroll-line {\r\n    position: relative;\r\n    width: 1px;\r\n    height: 50px;\r\n    overflow: hidden;\r\n    background: rgba(255, 255, 255, 0.25);\r\n}\r\n\r\n.masala-scroll-line::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -100%;\r\n    left: 0;\r\n    width: 1px;\r\n    height: 100%;\r\n    background: var(--masala-white);\r\n    animation: masalaScrollAnimation 2s infinite;\r\n}\r\n\r\n@keyframes masalaScrollAnimation {\r\n    0% {\r\n        top: -100%;\r\n    }\r\n\r\n    50% {\r\n        top: 0;\r\n    }\r\n\r\n    100% {\r\n        top: 100%;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .masala-hero-banner {\r\n        min-height: 700px;\r\n        padding-top: 110px;\r\n        background-position: 58% center;\r\n    }\r\n\r\n    .masala-hero-overlay {\r\n        background:\r\n            linear-gradient(\r\n                90deg,\r\n                rgba(17, 13, 10, 0.92) 0%,\r\n                rgba(17, 13, 10, 0.78) 60%,\r\n                rgba(17, 13, 10, 0.56) 100%\r\n            );\r\n    }\r\n\r\n    .masala-hero-content {\r\n        max-width: 690px;\r\n    }\r\n\r\n    .masala-scroll-indicator {\r\n        display: none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .masala-hero-banner {\r\n        min-height: 680px;\r\n        padding: 100px 18px 80px;\r\n        background-position: 64% center;\r\n    }\r\n\r\n    .masala-hero-overlay {\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(17, 13, 10, 0.72) 0%,\r\n                rgba(17, 13, 10, 0.86) 48%,\r\n                rgba(17, 13, 10, 0.96) 100%\r\n            );\r\n    }\r\n\r\n    .masala-hero-content {\r\n        max-width: 100%;\r\n        text-align: center;\r\n    }\r\n\r\n    .masala-hero-tagline {\r\n        margin-bottom: 20px;\r\n        padding: 9px 14px;\r\n        font-size: 10px;\r\n        letter-spacing: 1.6px;\r\n    }\r\n\r\n    .masala-hero-content h1 {\r\n        font-size: clamp(46px, 14vw, 63px);\r\n        line-height: 1.05;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .masala-title-divider {\r\n        justify-content: center;\r\n        margin: 24px 0 20px;\r\n    }\r\n\r\n    .masala-hero-content p {\r\n        font-size: 16px;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .masala-hero-buttons {\r\n        flex-direction: column;\r\n        width: 100%;\r\n        margin-top: 30px;\r\n    }\r\n\r\n    .masala-hero-btn {\r\n        width: 100%;\r\n        min-width: 0;\r\n        padding: 15px 22px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .masala-hero-content h1 {\r\n        font-size: 42px;\r\n    }\r\n\r\n    .masala-hero-tagline {\r\n        font-size: 9px;\r\n    }\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-4935d71 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"4935d71\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9830971\" data-id=\"9830971\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-d5e1db8 elementor-widget elementor-widget-html\" data-id=\"d5e1db8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- GOOGLE FONTS -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"aroma-about-section\">\r\n\r\n    <div class=\"aroma-about-container\">\r\n\r\n        <!-- IMAGE SIDE -->\r\n        <div class=\"aroma-about-image-wrap\">\r\n\r\n            <div class=\"aroma-about-image-shape\"><\/div>\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1585937421612-70a008356fbe?auto=format&fit=crop&w=1200&q=90\"\r\n                alt=\"Aroma Indian Cuisine\"\r\n                class=\"aroma-about-image\"\r\n            >\r\n\r\n            <div class=\"aroma-about-badge\">\r\n                <span>Authentic<\/span>\r\n                <strong>Indian Cuisine<\/strong>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CONTENT SIDE -->\r\n        <div class=\"aroma-about-content\">\r\n\r\n            <span class=\"aroma-about-small-title\">\r\n                Welcome to Aroma\r\n            <\/span>\r\n\r\n            <h2>\r\n                Aroma Indian Cuisine\r\n            <\/h2>\r\n\r\n            <h3>\r\n                Where Every Meal Becomes a Memory\r\n            <\/h3>\r\n\r\n            <div class=\"aroma-about-divider\">\r\n\r\n                <span><\/span>\r\n\r\n                <i>\u2726<\/i>\r\n\r\n                <span><\/span>\r\n\r\n            <\/div>\r\n\r\n            <p>\r\n                Welcome to Aroma Indian Cuisine\u2014a place where traditional Indian\r\n                flavors meet a warm, contemporary dining experience.\r\n            <\/p>\r\n\r\n            <p>\r\n                From handcrafted curries and sizzling tandoori specialties to\r\n                freshly baked naan and fragrant biryanis, every dish is prepared\r\n                with care and served with genuine hospitality.\r\n            <\/p>\r\n\r\n            <div class=\"aroma-about-points\">\r\n\r\n                <div class=\"aroma-about-point\">\r\n\r\n                    <div class=\"aroma-about-point-icon\">\r\n                        \u2726\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <strong>Authentic Flavours<\/strong>\r\n                        <span>Traditional recipes prepared with care.<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aroma-about-point\">\r\n\r\n                    <div class=\"aroma-about-point-icon\">\r\n                        \u2726\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <strong>Warm Hospitality<\/strong>\r\n                        <span>A welcoming experience for every guest.<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n.aroma-about-section {\r\n    \/* DARK PALETTE COLOR VARIABLES *\/\r\n    --aroma-gold: #e2c08d;\r\n    --aroma-gold-glow: rgba(226, 192, 141, 0.25);\r\n    --aroma-green: #7a9e56;\r\n    --aroma-green-dark: #2d3b20;\r\n    --aroma-bg-dark: #0a0a0a;\r\n    --aroma-card-bg: rgba(22, 22, 22, 0.75);\r\n    --aroma-text-white: #f5f5f5;\r\n    --aroma-text-muted: #a3a3a3;\r\n    --aroma-border: rgba(226, 192, 141, 0.2);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 100px 20px;\r\n    overflow: hidden;\r\n    background-color: var(--aroma-bg-dark);\r\n    background-image:\r\n        radial-gradient(\r\n            circle at 8% 12%,\r\n            rgba(226, 192, 141, 0.08),\r\n            transparent 30%\r\n        ),\r\n        radial-gradient(\r\n            circle at 95% 88%,\r\n            rgba(122, 158, 86, 0.08),\r\n            transparent 30%\r\n        );\r\n\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n}\r\n\r\n.aroma-about-section *,\r\n.aroma-about-section *::before,\r\n.aroma-about-section *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.aroma-about-container {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\r\n    align-items: center;\r\n    gap: 75px;\r\n    width: min(1240px, 100%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* IMAGE SIDE *\/\r\n\r\n.aroma-about-image-wrap {\r\n    position: relative;\r\n    min-height: 610px;\r\n}\r\n\r\n.aroma-about-image-shape {\r\n    position: absolute;\r\n    top: 35px;\r\n    left: -28px;\r\n    width: 92%;\r\n    height: 92%;\r\n    border-radius: 28px;\r\n    background: var(--aroma-green-dark);\r\n    border: 1px solid rgba(122, 158, 86, 0.3);\r\n    transform: rotate(-4deg);\r\n    opacity: 0.8;\r\n}\r\n\r\n.aroma-about-image {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: block;\r\n    width: 100%;\r\n    height: 610px;\r\n    object-fit: cover;\r\n    border-radius: 28px;\r\n    border: 1px solid var(--aroma-border);\r\n    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.8);\r\n}\r\n\r\n.aroma-about-badge {\r\n    position: absolute;\r\n    right: -28px;\r\n    bottom: 42px;\r\n    z-index: 3;\r\n    min-width: 210px;\r\n    padding: 22px 26px;\r\n    border: 1px solid var(--aroma-gold);\r\n    border-radius: 18px;\r\n    background: rgba(18, 18, 18, 0.92);\r\n    backdrop-filter: blur(8px);\r\n    color: var(--aroma-text-white);\r\n    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n.aroma-about-badge span,\r\n.aroma-about-badge strong {\r\n    display: block;\r\n}\r\n\r\n.aroma-about-badge span {\r\n    margin-bottom: 4px;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    color: var(--aroma-gold);\r\n}\r\n\r\n.aroma-about-badge strong {\r\n    font-family: \"Playfair Display\", Georgia, serif;\r\n    font-size: 22px;\r\n    line-height: 1.2;\r\n    color: var(--aroma-text-white);\r\n}\r\n\r\n\r\n\/* CONTENT SIDE *\/\r\n\r\n.aroma-about-content {\r\n    position: relative;\r\n}\r\n\r\n.aroma-about-small-title {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 8px 18px;\r\n    border-radius: 50px;\r\n    background: rgba(226, 192, 141, 0.1);\r\n    border: 1px solid var(--aroma-border);\r\n    color: var(--aroma-gold);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.aroma-about-content h2 {\r\n    margin: 20px 0 8px;\r\n    color: var(--aroma-gold);\r\n    font-family: \"Playfair Display\", Georgia, serif;\r\n    font-size: clamp(40px, 5vw, 60px);\r\n    font-weight: 700;\r\n    line-height: 1.08;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.aroma-about-content h3 {\r\n    max-width: 600px;\r\n    margin: 0;\r\n    color: var(--aroma-text-white);\r\n    font-family: \"Playfair Display\", Georgia, serif;\r\n    font-size: clamp(22px, 3vw, 30px);\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n}\r\n\r\n.aroma-about-divider {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin: 25px 0;\r\n}\r\n\r\n.aroma-about-divider span {\r\n    width: 52px;\r\n    height: 1px;\r\n    background: var(--aroma-border);\r\n}\r\n\r\n.aroma-about-divider i {\r\n    color: var(--aroma-gold);\r\n    font-size: 14px;\r\n    font-style: normal;\r\n}\r\n\r\n.aroma-about-content p {\r\n    margin: 0 0 18px;\r\n    color: var(--aroma-text-muted);\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n    font-weight: 300;\r\n}\r\n\r\n.aroma-about-points {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 16px;\r\n    margin-top: 32px;\r\n}\r\n\r\n.aroma-about-point {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n    padding: 20px;\r\n    border: 1px solid var(--aroma-border);\r\n    border-radius: 16px;\r\n    background: var(--aroma-card-bg);\r\n    backdrop-filter: blur(10px);\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n.aroma-about-point-icon {\r\n    flex: 0 0 38px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 38px;\r\n    height: 38px;\r\n    border-radius: 50%;\r\n    background: rgba(226, 192, 141, 0.12);\r\n    border: 1px solid var(--aroma-border);\r\n    color: var(--aroma-gold);\r\n    font-size: 13px;\r\n}\r\n\r\n.aroma-about-point strong,\r\n.aroma-about-point span {\r\n    display: block;\r\n}\r\n\r\n.aroma-about-point strong {\r\n    margin-bottom: 4px;\r\n    color: var(--aroma-text-white);\r\n    font-family: \"Playfair Display\", Georgia, serif;\r\n    font-size: 17px;\r\n    font-weight: 600;\r\n}\r\n\r\n.aroma-about-point span {\r\n    color: var(--aroma-text-muted);\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 960px) {\r\n\r\n    .aroma-about-container {\r\n        gap: 45px;\r\n    }\r\n\r\n    .aroma-about-image-wrap {\r\n        min-height: 520px;\r\n    }\r\n\r\n    .aroma-about-image {\r\n        height: 520px;\r\n    }\r\n\r\n    .aroma-about-badge {\r\n        right: -15px;\r\n    }\r\n\r\n    .aroma-about-points {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 760px) {\r\n\r\n    .aroma-about-section {\r\n        padding: 70px 16px;\r\n    }\r\n\r\n    .aroma-about-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 55px;\r\n    }\r\n\r\n    .aroma-about-image-wrap {\r\n        min-height: auto;\r\n    }\r\n\r\n    .aroma-about-image-shape {\r\n        top: 20px;\r\n        left: -12px;\r\n        width: 95%;\r\n        height: 95%;\r\n        border-radius: 22px;\r\n    }\r\n\r\n    .aroma-about-image {\r\n        height: 470px;\r\n        border-radius: 22px;\r\n    }\r\n\r\n    .aroma-about-badge {\r\n        right: 14px;\r\n        bottom: -30px;\r\n        min-width: 190px;\r\n        padding: 18px 22px;\r\n    }\r\n\r\n    .aroma-about-content {\r\n        padding-top: 15px;\r\n    }\r\n\r\n    .aroma-about-content h2 {\r\n        font-size: 45px;\r\n    }\r\n\r\n    .aroma-about-content h3 {\r\n        font-size: 25px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* SMALL MOBILE *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .aroma-about-image {\r\n        height: 380px;\r\n    }\r\n\r\n    .aroma-about-badge {\r\n        right: 10px;\r\n        min-width: 170px;\r\n        padding: 16px 18px;\r\n    }\r\n\r\n    .aroma-about-badge strong {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .aroma-about-content h2 {\r\n        font-size: 38px;\r\n    }\r\n\r\n    .aroma-about-content h3 {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .aroma-about-content p {\r\n        font-size: 14px;\r\n    }\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-06b0a77 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"06b0a77\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-416904b\" data-id=\"416904b\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-9c49ae8 elementor-widget elementor-widget-html\" data-id=\"9c49ae8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- View Menu Button -->\r\n\r\n<div class=\"menu-button-wrapper\">\r\n\r\n    <a href=\"https:\/\/aromanc.com\/index.php\/menu\/\" class=\"view-menu-btn\">\r\n        <span>View Our Menu<\/span>\r\n\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M13.2 5.5L19.7 12L13.2 18.5L11.8 17.1L15.9 13H4V11H15.9L11.8 6.9L13.2 5.5Z\"><\/path>\r\n        <\/svg>\r\n    <\/a>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n.menu-button-wrapper{\r\n    text-align:center;\r\n    margin:60px 0;\r\n}\r\n\r\n.view-menu-btn{\r\n\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n\r\n    padding:16px 34px;\r\n\r\n    background:#b96c39;\r\n    color:#ffffff;\r\n\r\n    border-radius:50px;\r\n\r\n    text-decoration:none;\r\n\r\n    font-family:\"DM Sans\",sans-serif;\r\n    font-size:16px;\r\n    font-weight:700;\r\n    letter-spacing:.3px;\r\n\r\n    box-shadow:0 12px 30px rgba(185,108,57,.30);\r\n\r\n    transition:all .35s ease;\r\n\r\n}\r\n\r\n.view-menu-btn svg{\r\n\r\n    width:20px;\r\n    height:20px;\r\n    fill:currentColor;\r\n\r\n    transition:transform .35s ease;\r\n\r\n}\r\n\r\n.view-menu-btn:hover{\r\n\r\n    background:#627a46;\r\n\r\n    color:#ffffff;\r\n\r\n    transform:translateY(-4px);\r\n\r\n    box-shadow:0 18px 40px rgba(98,122,70,.35);\r\n\r\n}\r\n\r\n.view-menu-btn:hover svg{\r\n\r\n    transform:translateX(5px);\r\n\r\n}\r\n\r\n@media(max-width:600px){\r\n\r\n.view-menu-btn{\r\n\r\n    width:100%;\r\n    max-width:280px;\r\n\r\n    justify-content:center;\r\n\r\n    padding:15px 25px;\r\n\r\n}\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-4b895fe elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"4b895fe\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-63935c6\" data-id=\"63935c6\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-0c809c6 elementor-widget elementor-widget-html\" data-id=\"0c809c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"aroma-gallery-section\">\r\n\r\n    <div class=\"aroma-gallery-heading\">\r\n        <span>OUR GALLERY<\/span>\r\n        <h2>A Taste Of Aroma<\/h2>\r\n        <p>Explore our delicious dishes, beautiful ambience and memorable dining moments.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"gallery-wrapper\">\r\n        <div class=\"gallery-track\">\r\n\r\n            <div class=\"gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1601050690597-df0568f70950?auto=format&fit=crop&w=800&q=80\" alt=\"Indian Specialties\">\r\n                <div class=\"gallery-overlay\">\r\n                    Indian Specialties\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1565557623262-b51c2513a641?auto=format&fit=crop&w=800&q=80\" alt=\"Traditional Curries\">\r\n                <div class=\"gallery-overlay\">\r\n                    Traditional Curries\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1585937421612-70a008356fbe?auto=format&fit=crop&w=800&q=80\" alt=\"Authentic Flavours\">\r\n                <div class=\"gallery-overlay\">\r\n                    Authentic Flavours\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1596797038530-2c107229654b?auto=format&fit=crop&w=800&q=80\" alt=\"Fresh Ingredients\">\r\n                <div class=\"gallery-overlay\">\r\n                    Fresh Ingredients\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1547592180-85f173990554?auto=format&fit=crop&w=800&q=80\" alt=\"Indian Dining\">\r\n                <div class=\"gallery-overlay\">\r\n                    Indian Dining\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=800&q=80\" alt=\"Warm Hospitality\">\r\n                <div class=\"gallery-overlay\">\r\n                    Warm Hospitality\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- LIGHTBOX MODAL -->\r\n    <div class=\"aroma-lightbox\" id=\"aromaLightbox\">\r\n        <span class=\"aroma-lightbox-close\">&times;<\/span>\r\n        <img decoding=\"async\" class=\"aroma-lightbox-img\" id=\"aromaLightboxImg\" src=\"\" alt=\"Expanded View\">\r\n        <div class=\"aroma-lightbox-caption\" id=\"aromaLightboxCaption\"><\/div>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n.aroma-gallery-section {\r\n    --aroma-gold: #e2c08d;\r\n    --aroma-bg-dark: #0a0a0a;\r\n    --aroma-text-white: #f5f5f5;\r\n    --aroma-text-muted: #a3a3a3;\r\n    --aroma-border: rgba(226, 192, 141, 0.2);\r\n\r\n    padding: 90px 20px;\r\n    background: var(--aroma-bg-dark);\r\n    font-family: \"DM Sans\", sans-serif;\r\n    overflow: hidden;\r\n}\r\n\r\n.aroma-gallery-heading {\r\n    max-width: 750px;\r\n    margin: auto;\r\n    text-align: center;\r\n}\r\n\r\n.aroma-gallery-heading span {\r\n    color: var(--aroma-gold);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.aroma-gallery-heading h2 {\r\n    margin: 15px 0;\r\n    color: var(--aroma-gold);\r\n    font-family: \"Playfair Display\", serif;\r\n    font-size: 55px;\r\n}\r\n\r\n.aroma-gallery-heading p {\r\n    color: var(--aroma-text-muted);\r\n    font-size: 17px;\r\n    line-height: 1.7;\r\n    font-weight: 300;\r\n}\r\n\r\n\/* SLIDER *\/\r\n.gallery-wrapper {\r\n    max-width: 1250px;\r\n    margin: 50px auto 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.gallery-track {\r\n    display: flex;\r\n    gap: 25px;\r\n    transition: 0.7s ease;\r\n}\r\n\r\n.gallery-item {\r\n    position: relative;\r\n    flex: 0 0 calc(25% - 19px);\r\n    height: 330px;\r\n    overflow: hidden;\r\n    border-radius: 22px;\r\n    border: 1px solid var(--aroma-border);\r\n    cursor: pointer;\r\n}\r\n\r\n.gallery-item img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: 0.5s ease;\r\n}\r\n\r\n.gallery-item:hover img {\r\n    transform: scale(1.1);\r\n}\r\n\r\n.gallery-overlay {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    padding: 25px 15px;\r\n    color: var(--aroma-text-white);\r\n    font-family: \"Playfair Display\", serif;\r\n    font-size: 20px;\r\n    background: linear-gradient(\r\n        transparent,\r\n        rgba(0, 0, 0, 0.85)\r\n    );\r\n    pointer-events: none;\r\n}\r\n\r\n\/* LIGHTBOX MODAL STYLES *\/\r\n.aroma-lightbox {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    background: rgba(0, 0, 0, 0.92);\r\n    backdrop-filter: blur(10px);\r\n    z-index: 99999;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: opacity 0.3s ease, visibility 0.3s ease;\r\n}\r\n\r\n.aroma-lightbox.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n}\r\n\r\n.aroma-lightbox-img {\r\n    max-width: 85%;\r\n    max-height: 80vh;\r\n    border-radius: 16px;\r\n    border: 1px solid var(--aroma-border);\r\n    box-shadow: 0 20px 50px rgba(0,0,0,0.8);\r\n    transform: scale(0.9);\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.aroma-lightbox.active .aroma-lightbox-img {\r\n    transform: scale(1);\r\n}\r\n\r\n.aroma-lightbox-caption {\r\n    margin-top: 18px;\r\n    color: var(--aroma-gold);\r\n    font-family: \"Playfair Display\", serif;\r\n    font-size: 22px;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.aroma-lightbox-close {\r\n    position: absolute;\r\n    top: 25px;\r\n    right: 35px;\r\n    color: var(--aroma-text-white);\r\n    font-size: 40px;\r\n    font-weight: 300;\r\n    cursor: pointer;\r\n    line-height: 1;\r\n    transition: color 0.2s ease, transform 0.2s ease;\r\n}\r\n\r\n.aroma-lightbox-close:hover {\r\n    color: var(--aroma-gold);\r\n    transform: scale(1.1);\r\n}\r\n\r\n\/* MEDIA QUERIES *\/\r\n@media(max-width:1000px) {\r\n    .gallery-item {\r\n        flex: 0 0 calc(33.33% - 17px);\r\n    }\r\n}\r\n\r\n@media(max-width:600px) {\r\n    .aroma-gallery-heading h2 {\r\n        font-size: 40px;\r\n    }\r\n\r\n    .gallery-item {\r\n        flex: 0 0 100%;\r\n        height: 350px;\r\n    }\r\n\r\n    .aroma-lightbox-close {\r\n        top: 15px;\r\n        right: 20px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ --- GALLERY AUTO SLIDER ---\r\nconst galleryTrack = document.querySelector(\".gallery-track\");\r\nconst galleryItems = document.querySelectorAll(\".gallery-item\");\r\nlet galleryIndex = 0;\r\n\r\nfunction slideGallery(){\r\n    let visible = 4;\r\n    if(window.innerWidth < 1000){ visible = 3; }\r\n    if(window.innerWidth < 600){ visible = 1; }\r\n\r\n    galleryIndex++;\r\n\r\n    if(galleryIndex > galleryItems.length - visible){\r\n        galleryIndex = 0;\r\n    }\r\n\r\n    let width = galleryItems[0].offsetWidth + 25;\r\n    galleryTrack.style.transform = `translateX(-${galleryIndex * width}px)`;\r\n}\r\n\r\nlet sliderInterval = setInterval(slideGallery, 3500);\r\n\r\nwindow.addEventListener(\"resize\", () => {\r\n    galleryIndex = 0;\r\n    galleryTrack.style.transform = \"translateX(0)\";\r\n});\r\n\r\n\r\n\/\/ --- LIGHTBOX EXPAND LOGIC ---\r\nconst lightbox = document.getElementById(\"aromaLightbox\");\r\nconst lightboxImg = document.getElementById(\"aromaLightboxImg\");\r\nconst lightboxCaption = document.getElementById(\"aromaLightboxCaption\");\r\nconst lightboxClose = document.querySelector(\".aroma-lightbox-close\");\r\n\r\ngalleryItems.forEach(item => {\r\n    item.addEventListener(\"click\", () => {\r\n        const img = item.querySelector(\"img\");\r\n        const overlayText = item.querySelector(\".gallery-overlay\").innerText;\r\n\r\n        lightboxImg.src = img.src;\r\n        lightboxCaption.innerText = overlayText;\r\n        lightbox.classList.add(\"active\");\r\n\r\n        \/\/ Pause auto-sliding while inspecting an image\r\n        clearInterval(sliderInterval);\r\n    });\r\n});\r\n\r\nfunction closeLightbox() {\r\n    lightbox.classList.remove(\"active\");\r\n    \/\/ Resume auto-sliding\r\n    sliderInterval = setInterval(slideGallery, 3500);\r\n}\r\n\r\nlightboxClose.addEventListener(\"click\", closeLightbox);\r\n\r\n\/\/ Close on clicking backdrop outside image\r\nlightbox.addEventListener(\"click\", (e) => {\r\n    if (e.target === lightbox) {\r\n        closeLightbox();\r\n    }\r\n});\r\n\r\n\/\/ Close on pressing Escape key\r\ndocument.addEventListener(\"keydown\", (e) => {\r\n    if (e.key === \"Escape\" && lightbox.classList.contains(\"active\")) {\r\n        closeLightbox();\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-71437fe elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"71437fe\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5a1f71f\" data-id=\"5a1f71f\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-adca160 elementor-widget elementor-widget-html\" data-id=\"adca160\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<section class=\"aroma-testimonial\">\r\n\r\n    <div class=\"testimonial-container\">\r\n\r\n\r\n        <div class=\"testimonial-top\">\r\n\r\n            <span>GUEST EXPERIENCES<\/span>\r\n\r\n            <h2>\r\n                What Our Guests Say\r\n            <\/h2>\r\n\r\n            <p>\r\n                Real experiences from guests who enjoyed our authentic\r\n                Indian flavours and warm hospitality.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"testimonial-box\">\r\n\r\n\r\n            <div class=\"testimonial-content active\">\r\n\r\n                <div class=\"stars\">\r\n                    \u2605\u2605\u2605\u2605\u2605\r\n                <\/div>\r\n\r\n                <p>\r\n                    \"Amazing food and great service. The flavours were\r\n                    authentic and every dish was prepared perfectly.\r\n                    Definitely one of the best Indian restaurants around.\"\r\n                <\/p>\r\n\r\n                <h4>\r\n                    Arjun Patel\r\n                <\/h4>\r\n\r\n                <span>\r\n                    Verified Guest\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"testimonial-content\">\r\n\r\n                <div class=\"stars\">\r\n                    \u2605\u2605\u2605\u2605\u2605\r\n                <\/div>\r\n\r\n                <p>\r\n                    \"The butter chicken and garlic naan were incredible.\r\n                    Beautiful atmosphere, friendly staff and excellent\r\n                    hospitality. We will definitely come back.\"\r\n                <\/p>\r\n\r\n                <h4>\r\n                    Sarah Williams\r\n                <\/h4>\r\n\r\n                <span>\r\n                    Verified Guest\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"testimonial-content\">\r\n\r\n                <div class=\"stars\">\r\n                    \u2605\u2605\u2605\u2605\u2605\r\n                <\/div>\r\n\r\n                <p>\r\n                    \"A wonderful dining experience. The biryani was full\r\n                    of flavour and the presentation was beautiful.\r\n                    Highly recommended for families.\"\r\n                <\/p>\r\n\r\n                <h4>\r\n                    Michael Brown\r\n                <\/h4>\r\n\r\n                <span>\r\n                    Verified Guest\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"testimonial-content\">\r\n\r\n                <div class=\"stars\">\r\n                    \u2605\u2605\u2605\u2605\u2605\r\n                <\/div>\r\n\r\n                <p>\r\n                    \"Fresh ingredients, amazing spices and very welcoming\r\n                    staff. Every visit feels special.\"\r\n                <\/p>\r\n\r\n                <h4>\r\n                    Rachel Davis\r\n                <\/h4>\r\n\r\n                <span>\r\n                    Verified Guest\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"testimonial-content\">\r\n\r\n                <div class=\"stars\">\r\n                    \u2605\u2605\u2605\u2605\u2605\r\n                <\/div>\r\n\r\n                <p>\r\n                    \"Loved everything about this restaurant. Delicious\r\n                    food, beautiful environment and excellent customer\r\n                    service.\"\r\n                <\/p>\r\n\r\n                <h4>\r\n                    David Wilson\r\n                <\/h4>\r\n\r\n                <span>\r\n                    Verified Guest\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"testimonial-dots\">\r\n\r\n            <button class=\"dot active\"><\/button>\r\n            <button class=\"dot\"><\/button>\r\n            <button class=\"dot\"><\/button>\r\n            <button class=\"dot\"><\/button>\r\n            <button class=\"dot\"><\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n.aroma-testimonial{\r\n\r\n    --brown:#b96c39;\r\n    --green:#627a46;\r\n\r\n    padding:90px 20px;\r\n\r\n    background:#fbf7f1;\r\n\r\n    font-family:\"DM Sans\",sans-serif;\r\n\r\n}\r\n\r\n\r\n.testimonial-container{\r\n\r\n    max-width:900px;\r\n    margin:auto;\r\n    text-align:center;\r\n\r\n}\r\n\r\n\r\n.testimonial-top span{\r\n\r\n    color:var(--green);\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:2px;\r\n\r\n}\r\n\r\n\r\n.testimonial-top h2{\r\n\r\n    margin:15px 0;\r\n\r\n    color:var(--brown);\r\n\r\n    font-family:\"Playfair Display\",serif;\r\n\r\n    font-size:55px;\r\n\r\n}\r\n\r\n\r\n\r\n.testimonial-top p{\r\n\r\n    color:#777;\r\n\r\n    font-size:17px;\r\n\r\n    line-height:1.7;\r\n\r\n}\r\n\r\n\r\n\r\n\/* REVIEW BOX *\/\r\n\r\n\r\n.testimonial-box{\r\n\r\n    position:relative;\r\n\r\n    margin-top:50px;\r\n\r\n    min-height:310px;\r\n\r\n    background:white;\r\n\r\n    border-radius:30px;\r\n\r\n    padding:50px 60px;\r\n\r\n    box-shadow:0 20px 50px rgba(0,0,0,.08);\r\n\r\n    overflow:hidden;\r\n\r\n}\r\n\r\n\r\n\r\n.testimonial-content{\r\n\r\n    position:absolute;\r\n\r\n    inset:50px 60px;\r\n\r\n    opacity:0;\r\n\r\n    transform:translateX(50px);\r\n\r\n    transition:.7s ease;\r\n\r\n}\r\n\r\n\r\n\r\n.testimonial-content.active{\r\n\r\n    opacity:1;\r\n\r\n    transform:translateX(0);\r\n\r\n}\r\n\r\n\r\n\r\n.stars{\r\n\r\n    color:#e2a32b;\r\n\r\n    font-size:28px;\r\n\r\n    letter-spacing:5px;\r\n\r\n    margin-bottom:25px;\r\n\r\n}\r\n\r\n\r\n\r\n.testimonial-content p{\r\n\r\n    color:#555;\r\n\r\n    font-size:20px;\r\n\r\n    line-height:1.8;\r\n\r\n    font-style:italic;\r\n\r\n    margin-bottom:30px;\r\n\r\n}\r\n\r\n\r\n\r\n.testimonial-content h4{\r\n\r\n    margin:0;\r\n\r\n    color:#2e2925;\r\n\r\n    font-family:\"Playfair Display\",serif;\r\n\r\n    font-size:24px;\r\n\r\n}\r\n\r\n\r\n\r\n.testimonial-content span{\r\n\r\n    color:#888;\r\n\r\n    font-size:14px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* DOTS *\/\r\n\r\n\r\n.testimonial-dots{\r\n\r\n    display:flex;\r\n\r\n    justify-content:center;\r\n\r\n    gap:10px;\r\n\r\n    margin-top:35px;\r\n\r\n}\r\n\r\n\r\n.dot{\r\n\r\n    width:10px;\r\n\r\n    height:10px;\r\n\r\n    border-radius:50%;\r\n\r\n    border:none;\r\n\r\n    background:#ccc;\r\n\r\n    cursor:pointer;\r\n\r\n}\r\n\r\n\r\n\r\n.dot.active{\r\n\r\n    background:var(--brown);\r\n\r\n}\r\n\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n\r\n@media(max-width:600px){\r\n\r\n.testimonial-top h2{\r\n\r\n    font-size:40px;\r\n\r\n}\r\n\r\n\r\n.testimonial-box{\r\n\r\n    padding:40px 25px;\r\n\r\n    min-height:360px;\r\n\r\n}\r\n\r\n\r\n\r\n.testimonial-content{\r\n\r\n    inset:40px 25px;\r\n\r\n}\r\n\r\n\r\n.testimonial-content p{\r\n\r\n    font-size:16px;\r\n\r\n}\r\n\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\nconst reviews =\r\ndocument.querySelectorAll(\".testimonial-content\");\r\n\r\nconst dots =\r\ndocument.querySelectorAll(\".dot\");\r\n\r\n\r\nlet currentReview = 0;\r\n\r\n\r\n\r\nfunction showReview(index){\r\n\r\nreviews.forEach((review)=>{\r\n\r\nreview.classList.remove(\"active\");\r\n\r\n});\r\n\r\n\r\ndots.forEach((dot)=>{\r\n\r\ndot.classList.remove(\"active\");\r\n\r\n});\r\n\r\n\r\nreviews[index].classList.add(\"active\");\r\n\r\ndots[index].classList.add(\"active\");\r\n\r\n}\r\n\r\n\r\n\r\ndots.forEach((dot,index)=>{\r\n\r\ndot.onclick=function(){\r\n\r\ncurrentReview=index;\r\n\r\nshowReview(currentReview);\r\n\r\n}\r\n\r\n});\r\n\r\n\r\n\r\n\/\/ Auto Scroll\r\n\r\nsetInterval(()=>{\r\n\r\ncurrentReview++;\r\n\r\n\r\nif(currentReview >= reviews.length){\r\n\r\ncurrentReview=0;\r\n\r\n}\r\n\r\n\r\nshowReview(currentReview);\r\n\r\n\r\n},5000);\r\n\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n        \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AUTHENTIC INDIAN DINING Experience the Art of Indian Cuisine \u2726 Fresh ingredients. Timeless recipes. Modern hospitality. View Menu Order Online Explore Authentic Indian Cuisine Welcome to Aroma Aroma Indian Cuisine Where Every Meal Becomes a Memory \u2726 Welcome to Aroma Indian Cuisine\u2014a place where traditional Indian flavors meet a warm, contemporary dining experience. From handcrafted [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aromanc.com\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aromanc.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aromanc.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aromanc.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/aromanc.com\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":10,"href":"https:\/\/aromanc.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":5950,"href":"https:\/\/aromanc.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/5950"}],"wp:attachment":[{"href":"https:\/\/aromanc.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}