.elementor-1917 .elementor-element.elementor-element-175e772 .wpr-google-map{height:390px;border-radius:20px 20px 20px 20px;}.elementor-1917 .elementor-element.elementor-element-175e772 .wpr-google-map .gm-style-iw-c{text-align:center;border-radius:5px 5px 5px 5px;}.elementor-1917 .elementor-element.elementor-element-175e772 .wpr-google-map .gm-style-iw-c .wpr-gm-iwindow{padding:15px 15px 15px 15px;}.elementor-1917 .elementor-element.elementor-element-175e772 .wpr-google-map .gm-style-iw-a{transform:translateY(-10px);}/* Start custom CSS for html, class: .elementor-element-0a19703 */```html
<style>
/* =========================================================
   JENVORA GALLERY — FULL SCREEN / ZERO LEFT & RIGHT GAP
   ========================================================= */

html,
body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
}

.jv-gallery,
.jv-gallery * {
    box-sizing: border-box;
}

.jv-gallery {
    --pink: #c2185b;
    --pink-light: #fce4ec;
    --dark: #191116;
    --text: #62575d;
    --gold: #c9a45c;

    width: 100vw !important;
    max-width: 100vw !important;

    /* Fix center alignment creating right/left gap */
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding: 80px 0 !important;

    position: relative;
    overflow: hidden;

    font-family: Arial, "Poppins", sans-serif;

    background:
        radial-gradient(
            circle at 5% 5%,
            rgba(194, 24, 91, 0.08),
            transparent 28%
        ),
        radial-gradient(
            circle at 95% 90%,
            rgba(201, 164, 92, 0.09),
            transparent 30%
        ),
        #fffafa;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.jv-gallery-container {
    width: 100% !important;
    max-width: 1250px !important;

    margin: 0 auto !important;

    padding-left: 20px;
    padding-right: 20px;
}


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

.jv-gallery-heading {
    width: 100%;
    max-width: 720px;

    margin: 0 auto 45px;

    text-align: center;
}

.jv-gallery-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    margin-bottom: 15px;

    color: var(--pink);

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 3px;
    text-transform: uppercase;
}

.jv-gallery-eyebrow::before,
.jv-gallery-eyebrow::after {
    content: "";

    width: 30px;
    height: 1px;

    background: var(--gold);
}

.jv-gallery-heading h2 {
    margin: 0;

    color: var(--dark);

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(38px, 5vw, 62px);

    line-height: 1.08;

    font-weight: 500;
}

.jv-gallery-heading h2 span {
    color: var(--pink);
    font-style: italic;
}

.jv-gallery-heading p {
    max-width: 600px;

    margin: 18px auto 0;

    color: var(--text);

    font-size: 15px;

    line-height: 1.8;
}


/* =========================================================
   FILTER BUTTONS
   ========================================================= */

.jv-gallery-filters {
    display: flex;

    justify-content: center;
    align-items: center;

    flex-wrap: wrap;

    gap: 10px;

    margin-bottom: 38px;
}

.jv-gallery-filter {
    appearance: none;

    border: 1px solid #eadde2;

    background: rgba(255,255,255,.85);

    color: #62575d;

    padding: 11px 22px;

    border-radius: 50px;

    cursor: pointer;

    font-family: inherit;
    font-size: 13px;

    transition:
        background .3s ease,
        color .3s ease,
        border .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}

.jv-gallery-filter:hover {
    transform: translateY(-2px);

    border-color: var(--pink);

    color: var(--pink);
}

.jv-gallery-filter.active {
    background: var(--pink);

    border-color: var(--pink);

    color: #fff;

    box-shadow:
        0 8px 25px rgba(194,24,91,.22);
}


/* =========================================================
   GALLERY GRID
   ========================================================= */

.jv-gallery-grid {
    width: 100%;

    display: grid;

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

    grid-auto-rows: 250px;

    gap: 16px;
}


/* =========================================================
   GALLERY ITEM
   ========================================================= */

.jv-gallery-item {
    position: relative;

    width: 100%;
    height: 100%;

    overflow: hidden;

    border-radius: 18px;

    background: #f6edf0;

    cursor: pointer;

    box-shadow:
        0 8px 30px rgba(42,20,29,.08);

    animation: jvGalleryFade .7s ease both;
}

.jv-gallery-item:nth-child(2),
.jv-gallery-item:nth-child(6) {
    grid-row: span 2;
}

.jv-gallery-item:nth-child(3),
.jv-gallery-item:nth-child(8) {
    grid-column: span 2;
}


/* =========================================================
   IMAGE
   ========================================================= */

.jv-gallery-item img {
    width: 100% !important;
    height: 100% !important;

    display: block;

    object-fit: cover;

    transition:
        transform .7s cubic-bezier(.2,.8,.2,1);
}

.jv-gallery-item:hover img {
    transform: scale(1.08);
}


/* =========================================================
   DARK OVERLAY
   ========================================================= */

.jv-gallery-item::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(20,7,14,.78),
            rgba(20,7,14,.15) 55%,
            transparent 80%
        );

    opacity: 0;

    transition: opacity .4s ease;
}

.jv-gallery-item:hover::after {
    opacity: 1;
}


/* =========================================================
   IMAGE TITLE
   ========================================================= */

.jv-gallery-overlay {
    position: absolute;

    left: 22px;
    right: 22px;
    bottom: 20px;

    z-index: 5;

    color: #fff;

    opacity: 0;

    transform: translateY(15px);

    transition:
        opacity .4s ease,
        transform .4s ease;
}

.jv-gallery-item:hover .jv-gallery-overlay {
    opacity: 1;

    transform: translateY(0);
}

.jv-gallery-overlay small {
    display: block;

    margin-bottom: 5px;

    color: #f5bdd0;

    font-size: 10px;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.jv-gallery-overlay strong {
    font-family: Georgia, serif;

    font-size: 21px;

    font-weight: 500;
}


/* =========================================================
   ZOOM ICON
   ========================================================= */

.jv-gallery-view {
    position: absolute;

    z-index: 10;

    top: 18px;
    right: 18px;

    width: 43px;
    height: 43px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(255,255,255,.95);

    color: var(--pink);

    font-size: 20px;

    opacity: 0;

    transform: scale(.75);

    transition: .35s ease;
}

.jv-gallery-item:hover .jv-gallery-view {
    opacity: 1;

    transform: scale(1);
}


/* =========================================================
   CTA
   ========================================================= */

.jv-gallery-cta {
    margin-top: 45px;

    text-align: center;
}

.jv-gallery-cta p {
    margin: 0 0 18px;

    color: #756a6f;

    font-size: 14px;
}

.jv-gallery-btn {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    padding: 14px 28px;

    border-radius: 50px;

    background: var(--dark);

    color: #fff !important;

    text-decoration: none !important;

    font-size: 13px;
    font-weight: 600;

    transition: .3s ease;
}

.jv-gallery-btn:hover {
    background: var(--pink);

    transform: translateY(-3px);

    box-shadow:
        0 12px 28px rgba(194,24,91,.25);
}


/* =========================================================
   LIGHTBOX
   ========================================================= */

.jv-lightbox {
    position: fixed;

    z-index: 999999;

    inset: 0;

    display: none;

    align-items: center;
    justify-content: center;

    padding: 20px;

    background: rgba(10,5,8,.95);

    backdrop-filter: blur(8px);
}

.jv-lightbox.active {
    display: flex;
}

.jv-lightbox img {
    display: block;

    max-width: 92vw;
    max-height: 86vh;

    width: auto;
    height: auto;

    object-fit: contain;

    border-radius: 10px;

    box-shadow:
        0 30px 100px rgba(0,0,0,.6);
}

.jv-lightbox-close,
.jv-lightbox-prev,
.jv-lightbox-next {
    position: absolute;

    z-index: 20;

    display: flex;

    align-items: center;
    justify-content: center;

    border: 0;

    border-radius: 50%;

    background: #fff;

    color: var(--pink);

    cursor: pointer;

    transition: .3s ease;
}

.jv-lightbox-close {
    top: 20px;
    right: 20px;

    width: 48px;
    height: 48px;

    font-size: 28px;
}

.jv-lightbox-prev,
.jv-lightbox-next {
    top: 50%;

    width: 52px;
    height: 52px;

    font-size: 27px;

    transform: translateY(-50%);
}

.jv-lightbox-prev {
    left: 25px;
}

.jv-lightbox-next {
    right: 25px;
}

.jv-lightbox-close:hover,
.jv-lightbox-prev:hover,
.jv-lightbox-next:hover {
    background: var(--pink);

    color: #fff;

    transform: translateY(-50%) scale(1.05);
}

.jv-lightbox-close:hover {
    transform: scale(1.05);
}


/* =========================================================
   ANIMATION
   ========================================================= */

@keyframes jvGalleryFade {

    from {
        opacity: 0;

        transform:
            translateY(20px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }

}


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

@media (max-width: 900px) {

    .jv-gallery {
        padding: 65px 0 !important;
    }

    .jv-gallery-container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .jv-gallery-grid {

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

        grid-auto-rows: 260px;

        gap: 12px;
    }

    .jv-gallery-item:nth-child(2),
    .jv-gallery-item:nth-child(6) {
        grid-row: span 2;
    }

    .jv-gallery-item:nth-child(3),
    .jv-gallery-item:nth-child(8) {
        grid-column: span 1;
    }

}


/* =========================================================
   MOBILE — FULL WIDTH
   ========================================================= */

@media (max-width: 600px) {

    .jv-gallery {

        width: 100vw !important;
        max-width: 100vw !important;

        margin-left:
            calc(50% - 50vw) !important;

        margin-right:
            calc(50% - 50vw) !important;

        padding: 55px 0 !important;
    }


    .jv-gallery-container {

        width: 100% !important;

        padding-left: 10px;
        padding-right: 10px;
    }


    /* Heading */

    .jv-gallery-heading {

        padding: 0 5px;

        margin-bottom: 28px;
    }

    .jv-gallery-eyebrow {

        font-size: 9px;

        letter-spacing: 2px;

        gap: 7px;
    }

    .jv-gallery-eyebrow::before,
    .jv-gallery-eyebrow::after {

        width: 18px;
    }

    .jv-gallery-heading h2 {

        font-size: 37px;

        line-height: 1.08;
    }

    .jv-gallery-heading p {

        margin-top: 13px;

        font-size: 13px;

        line-height: 1.7;
    }


    /* Filters */

    .jv-gallery-filters {

        justify-content: flex-start;

        flex-wrap: nowrap;

        overflow-x: auto;

        padding: 0 2px 8px;

        margin-bottom: 22px;

        scrollbar-width: none;

        -webkit-overflow-scrolling: touch;
    }

    .jv-gallery-filters::-webkit-scrollbar {
        display: none;
    }

    .jv-gallery-filter {

        flex: 0 0 auto;

        padding: 9px 16px;

        font-size: 11px;
    }


    /* Gallery */

    .jv-gallery-grid {

        width: 100%;

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

        grid-auto-rows: 180px;

        gap: 8px;
    }


    .jv-gallery-item {

        border-radius: 11px;
    }


    .jv-gallery-item:nth-child(2),
    .jv-gallery-item:nth-child(6) {

        grid-row: span 2;
    }


    /* Mobile title */

    .jv-gallery-overlay {

        left: 11px;
        right: 11px;
        bottom: 11px;

        opacity: 1;

        transform: translateY(0);
    }

    .jv-gallery-overlay small {

        font-size: 7px;

        letter-spacing: 1.2px;

        margin-bottom: 2px;
    }

    .jv-gallery-overlay strong {

        font-size: 14px;
    }


    /* Mobile icon */

    .jv-gallery-view {

        width: 32px;
        height: 32px;

        top: 8px;
        right: 8px;

        font-size: 14px;

        opacity: 1;

        transform: scale(1);
    }


    /* CTA */

    .jv-gallery-cta {

        margin-top: 32px;
    }

    .jv-gallery-cta p {

        font-size: 12px;
    }

    .jv-gallery-btn {

        padding: 12px 22px;

        font-size: 12px;
    }


    /* Lightbox */

    .jv-lightbox {

        padding: 10px;
    }

    .jv-lightbox img {

        max-width: 96vw;

        max-height: 80vh;

        border-radius: 7px;
    }

    .jv-lightbox-close {

        top: 12px;
        right: 12px;

        width: 40px;
        height: 40px;

        font-size: 24px;
    }

    .jv-lightbox-prev,
    .jv-lightbox-next {

        width: 38px;
        height: 38px;

        font-size: 20px;
    }

    .jv-lightbox-prev {

        left: 8px;
    }

    .jv-lightbox-next {

        right: 8px;
    }

}


/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media (max-width: 380px) {

    .jv-gallery-container {

        padding-left: 7px;
        padding-right: 7px;
    }

    .jv-gallery-grid {

        grid-auto-rows: 160px;

        gap: 6px;
    }

    .jv-gallery-heading h2 {

        font-size: 33px;
    }

}
</style>


<section class="jv-gallery">

    <div class="jv-gallery-container">

        <div class="jv-gallery-heading">

            <div class="jv-gallery-eyebrow">
                Jenvora Collection
            </div>

            <h2>
                Moments Made <span>Beautiful</span>
            </h2>

            <p>
                Discover the world of Jenvora — where elegant jewellery,
                thoughtful gifts and unforgettable moments come together.
            </p>

        </div>


        <div class="jv-gallery-filters">

            <button class="jv-gallery-filter active"
                    data-filter="all">
                All
            </button>

            <button class="jv-gallery-filter"
                    data-filter="jewellery">
                Jewellery
            </button>

            <button class="jv-gallery-filter"
                    data-filter="earrings">
                Earrings
            </button>

            <button class="jv-gallery-filter"
                    data-filter="gifts">
                Gifts
            </button>

            <button class="jv-gallery-filter"
                    data-filter="collection">
                Collections
            </button>

        </div>


        <div class="jv-gallery-grid">


            <div class="jv-gallery-item"
                 data-category="jewellery"
                 data-image="https://jenvora.co.in/wp-content/uploads/2026/05/P-07.png">

                <img src="https://jenvora.co.in/wp-content/uploads/2026/05/P-07.png"
                     alt="Jenvora Jewellery"
                     loading="lazy">

                <span class="jv-gallery-view">⌕</span>

                <div class="jv-gallery-overlay">
                    <small>Jenvora</small>
                    <strong>Elegant Jewellery</strong>
                </div>

            </div>


            <div class="jv-gallery-item"
                 data-category="earrings"
                 data-image="https://jenvora.co.in/wp-content/uploads/2026/05/WesternEarringsSet-1.webp">

                <img src="https://jenvora.co.in/wp-content/uploads/2026/05/WesternEarringsSet-1.webp"
                     alt="Western Earrings"
                     loading="lazy">

                <span class="jv-gallery-view">⌕</span>

                <div class="jv-gallery-overlay">
                    <small>Collection</small>
                    <strong>Western Earrings</strong>
                </div>

            </div>


            <div class="jv-gallery-item"
                 data-category="gifts"
                 data-image="https://jenvora.co.in/wp-content/uploads/2026/05/JewelleryChocolatePack1.webp">

                <img src="https://jenvora.co.in/wp-content/uploads/2026/05/JewelleryChocolatePack1.webp"
                     alt="Jewellery Chocolate Gift"
                     loading="lazy">

                <span class="jv-gallery-view">⌕</span>

                <div class="jv-gallery-overlay">
                    <small>Gift Collection</small>
                    <strong>Jewellery & Chocolate</strong>
                </div>

            </div>


            <div class="jv-gallery-item"
                 data-category="collection"
                 data-image="https://jenvora.co.in/wp-content/uploads/2026/05/P07.jpeg">

                <img src="https://jenvora.co.in/wp-content/uploads/2026/05/P07.jpeg"
                     alt="Jenvora Signature Collection"
                     loading="lazy">

                <span class="jv-gallery-view">⌕</span>

                <div class="jv-gallery-overlay">
                    <small>Jenvora</small>
                    <strong>Signature Collection</strong>
                </div>

            </div>


            <div class="jv-gallery-item"
                 data-category="jewellery"
                 data-image="https://jenvora.co.in/wp-content/uploads/2026/05/p-05.png">

                <img src="https://jenvora.co.in/wp-content/uploads/2026/05/p-05.png"
                     alt="Premium Jewellery"
                     loading="lazy">

                <span class="jv-gallery-view">⌕</span>

                <div class="jv-gallery-overlay">
                    <small>Premium</small>
                    <strong>Jewellery Edit</strong>
                </div>

            </div>


            <div class="jv-gallery-item"
                 data-category="collection"
                 data-image="https://jenvora.co.in/wp-content/uploads/2026/05/p04.png">

                <img src="https://jenvora.co.in/wp-content/uploads/2026/05/p04.png"
                     alt="Special Collection"
                     loading="lazy">

                <span class="jv-gallery-view">⌕</span>

                <div class="jv-gallery-overlay">
                    <small>Special</small>
                    <strong>Beautiful Moments</strong>
                </div>

            </div>


            <div class="jv-gallery-item"
                 data-category="jewellery"
                 data-image="https://jenvora.co.in/wp-content/uploads/2026/05/p3.png">

                <img src="https://jenvora.co.in/wp-content/uploads/2026/05/p3.png"
                     alt="Jenvora Jewellery"
                     loading="lazy">

                <span class="jv-gallery-view">⌕</span>

                <div class="jv-gallery-overlay">
                    <small>Jewellery</small>
                    <strong>Everyday Elegance</strong>
                </div>

            </div>


            <div class="jv-gallery-item"
                 data-category="gifts"
                 data-image="https://jenvora.co.in/wp-content/uploads/2026/05/p2.png">

                <img src="https://jenvora.co.in/wp-content/uploads/2026/05/p2.png"
                     alt="Jenvora Gift"
                     loading="lazy">

                <span class="jv-gallery-view">⌕</span>

                <div class="jv-gallery-overlay">
                    <small>Gift Ideas</small>
                    <strong>Perfectly Thoughtful</strong>
                </div>

            </div>


            <div class="jv-gallery-item"
                 data-category="collection"
                 data-image="https://jenvora.co.in/wp-content/uploads/2026/05/p1.png">

                <img src="https://jenvora.co.in/wp-content/uploads/2026/05/p1.png"
                     alt="Jenvora Signature"
                     loading="lazy">

                <span class="jv-gallery-view">⌕</span>

                <div class="jv-gallery-overlay">
                    <small>Signature</small>
                    <strong>Made to Celebrate</strong>
                </div>

            </div>

        </div>


        <div class="jv-gallery-cta">

            <p>
                Find something beautiful for every special moment.
            </p>

            <a href="https://jenvora.co.in/"
               class="jv-gallery-btn">
                Explore Jenvora
                <span>→</span>
            </a>

        </div>

    </div>

</section>


<!-- ================= LIGHTBOX ================= -->

<div class="jv-lightbox" id="jvLightbox">

    <button class="jv-lightbox-close"
            aria-label="Close">
        ×
    </button>

    <button class="jv-lightbox-prev"
            aria-label="Previous">
        ‹
    </button>

    <img id="jvLightboxImage"
         src=""
         alt="Jenvora Gallery">

    <button class="jv-lightbox-next"
            aria-label="Next">
        ›
    </button>

</div>


<script>
(function () {

    const items =
        Array.from(
            document.querySelectorAll(".jv-gallery-item")
        );

    const filters =
        document.querySelectorAll(".jv-gallery-filter");

    const lightbox =
        document.getElementById("jvLightbox");

    const lightboxImage =
        document.getElementById("jvLightboxImage");

    const close =
        document.querySelector(".jv-lightbox-close");

    const prev =
        document.querySelector(".jv-lightbox-prev");

    const next =
        document.querySelector(".jv-lightbox-next");

    let visibleItems = items;

    let current = 0;


    /* FILTER */

    filters.forEach(function (button) {

        button.addEventListener("click", function () {

            filters.forEach(function (btn) {
                btn.classList.remove("active");
            });

            this.classList.add("active");

            const filter =
                this.getAttribute("data-filter");

            items.forEach(function (item) {

                const category =
                    item.getAttribute("data-category");

                if (
                    filter === "all" ||
                    category === filter
                ) {
                    item.style.display = "";
                } else {
                    item.style.display = "none";
                }

            });

            visibleItems =
                items.filter(function (item) {
                    return item.style.display !== "none";
                });

        });

    });


    /* OPEN */

    items.forEach(function (item) {

        item.addEventListener("click", function () {

            visibleItems =
                items.filter(function (el) {
                    return el.style.display !== "none";
                });

            current =
                visibleItems.indexOf(item);

            show();

            lightbox.classList.add("active");

            document.body.style.overflow = "hidden";

        });

    });


    function show() {

        if (!visibleItems.length) return;

        const item =
            visibleItems[current];

        lightboxImage.src =
            item.getAttribute("data-image");

        lightboxImage.alt =
            item.querySelector("strong")
                ?.textContent ||
            "Jenvora Gallery";

    }


    function nextImage() {

        current =
            (current + 1) %
            visibleItems.length;

        show();

    }


    function previousImage() {

        current =
            (current - 1 +
             visibleItems.length) %
            visibleItems.length;

        show();

    }


    function closeLightbox() {

        lightbox.classList.remove("active");

        document.body.style.overflow = "";

    }


    next.addEventListener(
        "click",
        nextImage
    );

    prev.addEventListener(
        "click",
        previousImage
    );

    close.addEventListener(
        "click",
        closeLightbox
    );


    lightbox.addEventListener(
        "click",
        function (event) {

            if (event.target === lightbox) {
                closeLightbox();
            }

        }
    );


    /* KEYBOARD */

    document.addEventListener(
        "keydown",
        function (event) {

            if (
                !lightbox.classList.contains("active")
            ) {
                return;
            }

            if (event.key === "Escape") {
                closeLightbox();
            }

            if (event.key === "ArrowRight") {
                nextImage();
            }

            if (event.key === "ArrowLeft") {
                previousImage();
            }

        }
    );


    /* MOBILE SWIPE */

    let touchStartX = 0;

    lightbox.addEventListener(
        "touchstart",
        function (event) {

            touchStartX =
                event.changedTouches[0].screenX;

        },
        { passive: true }
    );


    lightbox.addEventListener(
        "touchend",
        function (event) {

            const touchEndX =
                event.changedTouches[0].screenX;

            const distance =
                touchEndX - touchStartX;

            if (Math.abs(distance) < 50) {
                return;
            }

            if (distance < 0) {
                nextImage();
            } else {
                previousImage();
            }

        },
        { passive: true }
    );

})();
</script>
```/* End custom CSS */