{"id":19,"date":"2026-08-21T06:00:53","date_gmt":"2026-08-21T06:00:53","guid":{"rendered":"https:\/\/thehausofevents.com\/?page_id=19"},"modified":"2026-08-21T06:18:18","modified_gmt":"2026-08-21T06:18:18","slug":"home","status":"publish","type":"page","link":"https:\/\/thehausofevents.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-272e8bf e-con e-atomic-element e-flexbox-base e-ea0d708 \" data-id=\"272e8bf\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"272e8bf\" data-e-type=\"e-flexbox\" data-id=\"272e8bf\">\n    \t\t<div class=\"elementor-element elementor-element-2e0a98f elementor-widget elementor-widget-html\" data-id=\"2e0a98f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n    \/* ----- RESET ----- *\/\r\n    .he-hero-wrapper * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n    \r\n    \/* ----- WRAPPER (Global Variables) ----- *\/\r\n    .he-hero-wrapper {\r\n        font-family: 'Inter', sans-serif;\r\n        --gold: #C9A96E;\r\n        --gold-dark: #B8975E;\r\n        --charcoal: #1A1A2E;\r\n        --white: #FFFFFF;\r\n        --transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    }\r\n    \r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap');\r\n    \r\n    .he-hero-wrapper h1,\r\n    .he-hero-wrapper .he-gold-text {\r\n        font-family: 'Playfair Display', serif;\r\n    }\r\n    \r\n    \/* ----- HERO MAIN ----- *\/\r\n    .he-hero {\r\n        position: relative;\r\n        min-height: 85vh;\r\n        display: flex;\r\n        align-items: center;\r\n        background: var(--charcoal);\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .he-hero .he-container {\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n        padding: 4rem 2rem;\r\n        width: 100%;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n    \r\n    \/* ----- HERO BACKGROUND IMAGE ----- *\/\r\n    .he-hero-bg {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: \r\n            linear-gradient(135deg, rgba(26,26,46,0.88) 0%, rgba(26,26,46,0.40) 100%),\r\n            url('https:\/\/images.unsplash.com\/photo-1511795409834-ef04bbd61622?w=1600&q=80') center\/cover no-repeat;\r\n        z-index: 1;\r\n    }\r\n    \r\n    \/* ----- HERO CONTENT ----- *\/\r\n    .he-hero-content {\r\n        max-width: 620px;\r\n    }\r\n    \r\n    \/* Tag \/ Badge *\/\r\n    .he-hero-content .he-tag {\r\n        display: inline-block;\r\n        font-size: 0.7rem;\r\n        font-weight: 600;\r\n        letter-spacing: 3px;\r\n        text-transform: uppercase;\r\n        color: var(--gold);\r\n        background: rgba(201, 169, 110, 0.12);\r\n        padding: 0.5rem 1.4rem;\r\n        border-radius: 50px;\r\n        margin-bottom: 1.5rem;\r\n        border: 1px solid rgba(201, 169, 110, 0.2);\r\n    }\r\n    \r\n    \/* Heading *\/\r\n    .he-hero-content h1 {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: clamp(2.8rem, 5.5vw, 4.8rem);\r\n        font-weight: 700;\r\n        color: var(--white);\r\n        line-height: 1.1;\r\n        margin-bottom: 1.2rem;\r\n    }\r\n    \r\n    .he-hero-content h1 .he-gold {\r\n        color: var(--gold);\r\n    }\r\n    \r\n    \/* Subtitle *\/\r\n    .he-hero-content .he-subtitle {\r\n        font-size: 1.15rem;\r\n        color: rgba(255,255,255,0.8);\r\n        line-height: 1.8;\r\n        margin-bottom: 2rem;\r\n        max-width: 480px;\r\n    }\r\n    \r\n    \/* ----- BUTTONS ----- *\/\r\n    .he-hero-content .he-buttons {\r\n        display: flex;\r\n        gap: 1rem;\r\n        flex-wrap: wrap;\r\n    }\r\n    \r\n    .he-hero-content .he-btn-primary {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.6rem;\r\n        padding: 1rem 2.8rem;\r\n        background: var(--gold);\r\n        color: var(--white);\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 1rem;\r\n        font-weight: 600;\r\n        border: none;\r\n        border-radius: 50px;\r\n        cursor: pointer;\r\n        text-decoration: none;\r\n        transition: var(--transition);\r\n    }\r\n    \r\n    .he-hero-content .he-btn-primary:hover {\r\n        background: var(--gold-dark);\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 12px 35px rgba(201, 169, 110, 0.35);\r\n        color: var(--white);\r\n    }\r\n    \r\n    .he-hero-content .he-btn-outline {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.6rem;\r\n        padding: 1rem 2.8rem;\r\n        background: transparent;\r\n        color: var(--white);\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 1rem;\r\n        font-weight: 600;\r\n        border: 2px solid rgba(255,255,255,0.25);\r\n        border-radius: 50px;\r\n        cursor: pointer;\r\n        text-decoration: none;\r\n        transition: var(--transition);\r\n    }\r\n    \r\n    .he-hero-content .he-btn-outline:hover {\r\n        background: var(--white);\r\n        color: var(--charcoal);\r\n        transform: translateY(-3px);\r\n        border-color: var(--white);\r\n    }\r\n    \r\n    \/* ----- STATS ----- *\/\r\n    .he-hero-stats {\r\n        display: flex;\r\n        gap: 3rem;\r\n        margin-top: 3rem;\r\n        padding-top: 2rem;\r\n        border-top: 1px solid rgba(255,255,255,0.08);\r\n    }\r\n    \r\n    .he-hero-stats .he-stat-number {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: 2.2rem;\r\n        font-weight: 700;\r\n        color: var(--gold);\r\n        display: block;\r\n        line-height: 1;\r\n    }\r\n    \r\n    .he-hero-stats .he-stat-label {\r\n        font-size: 0.85rem;\r\n        color: rgba(255,255,255,0.55);\r\n        font-weight: 400;\r\n    }\r\n    \r\n    \/* ----- GOLD LINE AT BOTTOM ----- *\/\r\n    .he-hero::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 4px;\r\n        background: linear-gradient(90deg, var(--gold), var(--gold-dark), var(--gold));\r\n        z-index: 2;\r\n    }\r\n    \r\n    \/* ========================================================= *\/\r\n    \/* RESPONSIVE                                                *\/\r\n    \/* ========================================================= *\/\r\n    \r\n    @media (max-width: 768px) {\r\n        .he-hero {\r\n            min-height: 70vh;\r\n        }\r\n        \r\n        .he-hero-content {\r\n            max-width: 100%;\r\n            text-align: center;\r\n        }\r\n        \r\n        .he-hero-content .he-subtitle {\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n        \r\n        .he-hero-content .he-buttons {\r\n            justify-content: center;\r\n        }\r\n        \r\n        .he-hero-stats {\r\n            justify-content: center;\r\n            gap: 2rem;\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .he-hero-bg {\r\n            background: \r\n                linear-gradient(135deg, rgba(26,26,46,0.92) 0%, rgba(26,26,46,0.60) 100%),\r\n                url('https:\/\/images.unsplash.com\/photo-1511795409834-ef04bbd61622?w=800&q=80') center\/cover no-repeat !important;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n        .he-hero .he-container {\r\n            padding: 2rem 1.25rem;\r\n        }\r\n        \r\n        .he-hero-content h1 {\r\n            font-size: 2.4rem;\r\n        }\r\n        \r\n        .he-hero-content .he-subtitle {\r\n            font-size: 1rem;\r\n        }\r\n        \r\n        .he-hero-content .he-btn-primary,\r\n        .he-hero-content .he-btn-outline {\r\n            width: 100%;\r\n            justify-content: center;\r\n            padding: 0.9rem 1.5rem;\r\n        }\r\n        \r\n        .he-hero-stats {\r\n            gap: 1.5rem;\r\n        }\r\n        \r\n        .he-hero-stats .he-stat-number {\r\n            font-size: 1.6rem;\r\n        }\r\n        \r\n        .he-hero-stats .he-stat-label {\r\n            font-size: 0.75rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- ========================================================= -->\r\n<!-- HERO HTML                                                 -->\r\n<!-- ========================================================= -->\r\n<div class=\"he-hero-wrapper\">\r\n    \r\n    <section class=\"he-hero\">\r\n        \r\n        <!-- Background Image -->\r\n        <div class=\"he-hero-bg\"><\/div>\r\n        \r\n        <!-- Content -->\r\n        <div class=\"he-container\">\r\n            <div class=\"he-hero-content\">\r\n                \r\n                <!-- Tagline -->\r\n                <span class=\"he-tag\">\u2728 Crafted Celebrations. Curated Stories.<\/span>\r\n                \r\n                <!-- Heading -->\r\n                <h1>\r\n                    Every Wedding<br>\r\n                    <span class=\"he-gold\">Designed &amp; Told<\/span><br>\r\n                    Beautifully\r\n                <\/h1>\r\n                \r\n                <!-- Subtitle -->\r\n                <p class=\"he-subtitle\">\r\n                    We plan weddings, destination celebrations and corporate events \u2014 \r\n                    from the very first idea to the very last reel.\r\n                <\/p>\r\n                \r\n                <!-- Buttons -->\r\n                <div class=\"he-buttons\">\r\n                    <a href=\"\/contact\/\" class=\"he-btn-primary\">\r\n                        \u2728 Start Your Journey\r\n                    <\/a>\r\n                    <a href=\"\/portfolio\/\" class=\"he-btn-outline\">\r\n                        View Our Work\r\n                    <\/a>\r\n                <\/div>\r\n                \r\n                <!-- Stats -->\r\n                <div class=\"he-hero-stats\">\r\n                    <div>\r\n                        <span class=\"he-stat-number\">150+<\/span>\r\n                        <span class=\"he-stat-label\">Weddings Planned<\/span>\r\n                    <\/div>\r\n                    <div>\r\n                        <span class=\"he-stat-number\">4.9\u2605<\/span>\r\n                        <span class=\"he-stat-label\">Client Rating<\/span>\r\n                    <\/div>\r\n                    <div>\r\n                        <span class=\"he-stat-number\">12+<\/span>\r\n                        <span class=\"he-stat-label\">Destinations<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n        <\/div>\r\n        \r\n    <\/section>\r\n    \r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9fbd072 e-con e-atomic-element e-flexbox-base e-9fbd072-9ee8875 \" data-id=\"9fbd072\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9fbd072\" data-e-type=\"e-flexbox\" data-id=\"9fbd072\">\n    \t\t<div class=\"elementor-element elementor-element-aa6b64e elementor-widget elementor-widget-html\" data-id=\"aa6b64e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n    \/* ----- RESET ----- *\/\r\n    .he-trust-wrapper * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n    \r\n    \/* ----- WRAPPER (Global Variables) ----- *\/\r\n    .he-trust-wrapper {\r\n        font-family: 'Inter', sans-serif;\r\n        --gold: #C9A96E;\r\n        --gold-dark: #B8975E;\r\n        --charcoal: #1A1A2E;\r\n        --white: #FFFFFF;\r\n        --light-bg: #F8F6F3;\r\n        --transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    }\r\n    \r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap');\r\n    \r\n    .he-trust-wrapper .he-stat-number {\r\n        font-family: 'Playfair Display', serif;\r\n    }\r\n    \r\n    \/* ----- TRUST BAR MAIN ----- *\/\r\n    .he-trust {\r\n        background: var(--light-bg);\r\n        padding: 3.5rem 0;\r\n        border-top: 1px solid rgba(26,26,46,0.06);\r\n        border-bottom: 1px solid rgba(26,26,46,0.06);\r\n    }\r\n    \r\n    .he-trust .he-container {\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n        padding: 0 2rem;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 2rem;\r\n    }\r\n    \r\n    \/* ----- SINGLE TRUST ITEM ----- *\/\r\n    .he-trust-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.2rem;\r\n        flex: 1 1 180px;\r\n        min-width: 140px;\r\n    }\r\n    \r\n    \/* Icon *\/\r\n    .he-trust-item .he-icon {\r\n        font-size: 2.2rem;\r\n        line-height: 1;\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    \/* Text Content *\/\r\n    .he-trust-item .he-info {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n    \r\n    .he-trust-item .he-stat-number {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: 1.8rem;\r\n        font-weight: 700;\r\n        color: var(--charcoal);\r\n        line-height: 1.1;\r\n    }\r\n    \r\n    .he-trust-item .he-stat-number .he-gold {\r\n        color: var(--gold);\r\n    }\r\n    \r\n    .he-trust-item .he-label {\r\n        font-size: 0.85rem;\r\n        color: #6B7280;\r\n        font-weight: 400;\r\n        letter-spacing: 0.3px;\r\n    }\r\n    \r\n    \/* ----- RESPONSIVE ----- *\/\r\n    @media (max-width: 992px) {\r\n        .he-trust .he-container {\r\n            justify-content: center;\r\n            gap: 2.5rem;\r\n        }\r\n        \r\n        .he-trust-item {\r\n            flex: 0 1 200px;\r\n            justify-content: center;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n        .he-trust {\r\n            padding: 2.5rem 0;\r\n        }\r\n        \r\n        .he-trust .he-container {\r\n            gap: 2rem;\r\n        }\r\n        \r\n        .he-trust-item {\r\n            flex: 0 1 160px;\r\n            flex-direction: column;\r\n            text-align: center;\r\n            gap: 0.5rem;\r\n        }\r\n        \r\n        .he-trust-item .he-icon {\r\n            font-size: 1.8rem;\r\n        }\r\n        \r\n        .he-trust-item .he-stat-number {\r\n            font-size: 1.5rem;\r\n        }\r\n        \r\n        .he-trust-item .he-label {\r\n            font-size: 0.8rem;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n        .he-trust {\r\n            padding: 2rem 0;\r\n        }\r\n        \r\n        .he-trust .he-container {\r\n            padding: 0 1.25rem;\r\n            gap: 1.5rem;\r\n        }\r\n        \r\n        .he-trust-item {\r\n            flex: 0 1 130px;\r\n        }\r\n        \r\n        .he-trust-item .he-stat-number {\r\n            font-size: 1.3rem;\r\n        }\r\n        \r\n        .he-trust-item .he-icon {\r\n            font-size: 1.5rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- ========================================================= -->\r\n<!-- TRUST \/ STATS BAR HTML                                    -->\r\n<!-- ========================================================= -->\r\n<div class=\"he-trust-wrapper\">\r\n    \r\n    <section class=\"he-trust\">\r\n        <div class=\"he-container\">\r\n            \r\n            <!-- Item 1 -->\r\n            <div class=\"he-trust-item\">\r\n                <span class=\"he-icon\">\ud83c\udfaf<\/span>\r\n                <div class=\"he-info\">\r\n                    <span class=\"he-stat-number\">150<span class=\"he-gold\">+<\/span><\/span>\r\n                    <span class=\"he-label\">Weddings Planned<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Item 2 -->\r\n            <div class=\"he-trust-item\">\r\n                <span class=\"he-icon\">\u2b50<\/span>\r\n                <div class=\"he-info\">\r\n                    <span class=\"he-stat-number\">4.9<span class=\"he-gold\">\u2605<\/span><\/span>\r\n                    <span class=\"he-label\">Client Rating<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Item 3 -->\r\n            <div class=\"he-trust-item\">\r\n                <span class=\"he-icon\">\u2708\ufe0f<\/span>\r\n                <div class=\"he-info\">\r\n                    <span class=\"he-stat-number\">12<span class=\"he-gold\">+<\/span><\/span>\r\n                    <span class=\"he-label\">Destinations<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Item 4 -->\r\n            <div class=\"he-trust-item\">\r\n                <span class=\"he-icon\">\ud83d\udc8d<\/span>\r\n                <div class=\"he-info\">\r\n                    <span class=\"he-stat-number\">100<span class=\"he-gold\">+<\/span><\/span>\r\n                    <span class=\"he-label\">Happy Couples<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n    <\/section>\r\n    \r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-44bdacc e-con e-atomic-element e-flexbox-base e-44bdacc-3f98f67 \" data-id=\"44bdacc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"44bdacc\" data-e-type=\"e-flexbox\" data-id=\"44bdacc\">\n    \t\t<div class=\"elementor-element elementor-element-182cde6 elementor-widget elementor-widget-html\" data-id=\"182cde6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n    \/* ----- RESET ----- *\/\r\n    .he-about-wrapper * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n    \r\n    \/* ----- WRAPPER (Global Variables) ----- *\/\r\n    .he-about-wrapper {\r\n        font-family: 'Inter', sans-serif;\r\n        --gold: #C9A96E;\r\n        --gold-dark: #B8975E;\r\n        --charcoal: #1A1A2E;\r\n        --white: #FFFFFF;\r\n        --light-bg: #F8F6F3;\r\n        --transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    }\r\n    \r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap');\r\n    \r\n    .he-about-wrapper h2,\r\n    .he-about-wrapper .he-logo-text {\r\n        font-family: 'Playfair Display', serif;\r\n    }\r\n    \r\n    \/* ----- ABOUT SECTION MAIN ----- *\/\r\n    .he-about {\r\n        padding: 5rem 0;\r\n        background: var(--white);\r\n    }\r\n    \r\n    .he-about .he-container {\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n        padding: 0 2rem;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 4rem;\r\n        align-items: center;\r\n    }\r\n    \r\n    \/* ----- LEFT COLUMN: TEXT ----- *\/\r\n    .he-about-content .he-tag {\r\n        display: inline-block;\r\n        font-size: 0.7rem;\r\n        font-weight: 600;\r\n        letter-spacing: 3px;\r\n        text-transform: uppercase;\r\n        color: var(--gold);\r\n        margin-bottom: 0.8rem;\r\n    }\r\n    \r\n    .he-about-content h2 {\r\n        font-size: clamp(2.2rem, 3.5vw, 3.2rem);\r\n        font-weight: 700;\r\n        color: var(--charcoal);\r\n        line-height: 1.2;\r\n        margin-bottom: 1.2rem;\r\n    }\r\n    \r\n    .he-about-content h2 .he-gold {\r\n        color: var(--gold);\r\n    }\r\n    \r\n    .he-about-content .he-usP {\r\n        font-size: 1.1rem;\r\n        font-weight: 500;\r\n        color: var(--charcoal);\r\n        line-height: 1.8;\r\n        margin-bottom: 1rem;\r\n        padding-left: 1.2rem;\r\n        border-left: 4px solid var(--gold);\r\n    }\r\n    \r\n    .he-about-content .he-description {\r\n        font-size: 1rem;\r\n        color: #6B7280;\r\n        line-height: 1.8;\r\n        margin-bottom: 1.5rem;\r\n    }\r\n    \r\n    \/* USP Highlight Box *\/\r\n    .he-about-content .he-usp-box {\r\n        background: var(--light-bg);\r\n        padding: 1.5rem 2rem;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        border: 1px solid rgba(201, 169, 110, 0.15);\r\n    }\r\n    \r\n    .he-about-content .he-usp-box .he-icon {\r\n        font-size: 2rem;\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    .he-about-content .he-usp-box p {\r\n        font-size: 0.95rem;\r\n        color: var(--charcoal);\r\n        font-weight: 500;\r\n        line-height: 1.5;\r\n    }\r\n    \r\n    .he-about-content .he-usp-box p .he-gold {\r\n        color: var(--gold);\r\n        font-weight: 600;\r\n    }\r\n    \r\n    \/* ----- RIGHT COLUMN: TWO CARDS ----- *\/\r\n    .he-about-cards {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1.5rem;\r\n    }\r\n    \r\n    .he-about-card {\r\n        background: var(--light-bg);\r\n        padding: 2rem 2rem 2rem 2.5rem;\r\n        border-radius: 16px;\r\n        transition: var(--transition);\r\n        border: 1px solid transparent;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .he-about-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 4px;\r\n        height: 100%;\r\n        background: var(--gold);\r\n        border-radius: 4px 0 0 4px;\r\n    }\r\n    \r\n    .he-about-card:hover {\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 12px 40px rgba(0,0,0,0.06);\r\n        border-color: rgba(201, 169, 110, 0.2);\r\n    }\r\n    \r\n    .he-about-card .he-card-icon {\r\n        font-size: 2.2rem;\r\n        display: block;\r\n        margin-bottom: 0.5rem;\r\n    }\r\n    \r\n    .he-about-card h3 {\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 1.1rem;\r\n        font-weight: 600;\r\n        color: var(--charcoal);\r\n        margin-bottom: 0.3rem;\r\n    }\r\n    \r\n    .he-about-card p {\r\n        font-size: 0.95rem;\r\n        color: #6B7280;\r\n        line-height: 1.7;\r\n    }\r\n    \r\n    \/* ========================================================= *\/\r\n    \/* RESPONSIVE                                                *\/\r\n    \/* ========================================================= *\/\r\n    \r\n    @media (max-width: 992px) {\r\n        .he-about .he-container {\r\n            grid-template-columns: 1fr;\r\n            gap: 3rem;\r\n        }\r\n        \r\n        .he-about-content {\r\n            text-align: center;\r\n        }\r\n        \r\n        .he-about-content .he-usP {\r\n            text-align: left;\r\n            padding-left: 1.2rem;\r\n        }\r\n        \r\n        .he-about-content .he-usp-box {\r\n            justify-content: center;\r\n            text-align: left;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n        .he-about {\r\n            padding: 3.5rem 0;\r\n        }\r\n        \r\n        .he-about .he-container {\r\n            padding: 0 1.5rem;\r\n            gap: 2.5rem;\r\n        }\r\n        \r\n        .he-about-content .he-usP {\r\n            font-size: 1rem;\r\n            padding-left: 1rem;\r\n        }\r\n        \r\n        .he-about-content .he-usp-box {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            padding: 1.5rem;\r\n        }\r\n        \r\n        .he-about-card {\r\n            padding: 1.5rem;\r\n            text-align: center;\r\n        }\r\n        \r\n        .he-about-card::before {\r\n            width: 100%;\r\n            height: 4px;\r\n            top: 0;\r\n            left: 0;\r\n            border-radius: 4px 4px 0 0;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n        .he-about {\r\n            padding: 2.5rem 0;\r\n        }\r\n        \r\n        .he-about .he-container {\r\n            padding: 0 1.25rem;\r\n            gap: 2rem;\r\n        }\r\n        \r\n        .he-about-content h2 {\r\n            font-size: 2rem;\r\n        }\r\n        \r\n        .he-about-content .he-usP {\r\n            font-size: 0.95rem;\r\n            padding-left: 0.8rem;\r\n        }\r\n        \r\n        .he-about-content .he-description {\r\n            font-size: 0.9rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- ========================================================= -->\r\n<!-- ABOUT \/ THE HAUSE DIFFERENCE HTML                         -->\r\n<!-- ========================================================= -->\r\n<div class=\"he-about-wrapper\">\r\n    \r\n    <section class=\"he-about\">\r\n        <div class=\"he-container\">\r\n            \r\n            <!-- ===== LEFT COLUMN: TEXT ===== -->\r\n            <div class=\"he-about-content\">\r\n                \r\n                <span class=\"he-tag\">\u2726 The Hause Difference<\/span>\r\n                \r\n                <h2>\r\n                    One Celebration.<br>\r\n                    <span class=\"he-gold\">Every Detail.<\/span><br>\r\n                    A Story Worth Sharing.\r\n                <\/h2>\r\n                \r\n                <!-- USP Line (Most important line from your document) -->\r\n                <p class=\"he-usP\">\r\n                    \"Most planners stop at d\u00e9cor. Most content teams never make it past the gate. <br>\r\n                    <strong>We do both<\/strong> \u2014 beautifully, and under one roof.\"\r\n                <\/p>\r\n                \r\n                <p class=\"he-description\">\r\n                    We plan weddings, destination celebrations and corporate events from the very first idea \r\n                    to the very last reel. Your florist, your photographer, and your feed \u2014 always telling the same story.\r\n                <\/p>\r\n                \r\n                <!-- USP Highlight Box -->\r\n                <div class=\"he-usp-box\">\r\n                    <span class=\"he-icon\">\ud83c\udfc6<\/span>\r\n                    <p>\r\n                        <span class=\"he-gold\">One studio, two crafts<\/span> \u2014 \r\n                        Your d\u00e9cor and your content, always in sync. One point of contact, zero chaos.\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n            \r\n            <!-- ===== RIGHT COLUMN: TWO CARDS ===== -->\r\n            <div class=\"he-about-cards\">\r\n                \r\n                <!-- Card 1: Planning & D\u00e9cor -->\r\n                <div class=\"he-about-card\">\r\n                    <span class=\"he-card-icon\">\ud83c\udfa8<\/span>\r\n                    <h3>Exquisite D\u00e9cor &amp; Planning<\/h3>\r\n                    <p>\r\n                        Theme development, floral design, lighting, mandap styling, \r\n                        and full on-ground execution. Every bloom, every corner \u2014 styled to feel like it belongs only to you.\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n                <!-- Card 2: Social Storytelling -->\r\n                <div class=\"he-about-card\">\r\n                    <span class=\"he-card-icon\">\ud83d\udcf1<\/span>\r\n                    <h3>Social Storytelling<\/h3>\r\n                    <p>\r\n                        Same-day reels, Instagram management, content strategy, and \r\n                        highlight editing. While the celebration unfolds, we're turning it into a story your followers can't stop watching.\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n            \r\n        <\/div>\r\n    <\/section>\r\n    \r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-00e9dc0 e-con e-atomic-element e-flexbox-base e-00e9dc0-7c15450 \" data-id=\"00e9dc0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"00e9dc0\" data-e-type=\"e-flexbox\" data-id=\"00e9dc0\">\n    \t\t<div class=\"elementor-element elementor-element-8b3cfff elementor-widget elementor-widget-html\" data-id=\"8b3cfff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= -->\r\n<!-- OUR SERVICES (4 CARDS) \u2013 HAUSE OF EVENTS                   -->\r\n<!-- All \"Learn More\" links point to \/services\/                 -->\r\n<!-- Width: 1280px, Colors: Charcoal + Gold                    -->\r\n<!-- Isko Custom HTML widget mein paste karo                   -->\r\n<!-- ========================================================= -->\r\n\r\n<style>\r\n    \/* ----- RESET ----- *\/\r\n    .he-services-wrapper * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n    \r\n    \/* ----- WRAPPER (Global Variables) ----- *\/\r\n    .he-services-wrapper {\r\n        font-family: 'Inter', sans-serif;\r\n        --gold: #C9A96E;\r\n        --gold-dark: #B8975E;\r\n        --charcoal: #1A1A2E;\r\n        --white: #FFFFFF;\r\n        --light-bg: #F8F6F3;\r\n        --transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    }\r\n    \r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap');\r\n    \r\n    .he-services-wrapper h2,\r\n    .he-services-wrapper .he-section-tag {\r\n        font-family: 'Playfair Display', serif;\r\n    }\r\n    \r\n    \/* ----- SERVICES SECTION MAIN ----- *\/\r\n    .he-services {\r\n        padding: 5rem 0;\r\n        background: var(--light-bg);\r\n    }\r\n    \r\n    .he-services .he-container {\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n        padding: 0 2rem;\r\n    }\r\n    \r\n    \/* ----- SECTION HEADER ----- *\/\r\n    .he-services-header {\r\n        text-align: center;\r\n        max-width: 650px;\r\n        margin: 0 auto 3.5rem;\r\n    }\r\n    \r\n    .he-services-header .he-section-tag {\r\n        display: inline-block;\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: 1.2rem;\r\n        font-weight: 600;\r\n        font-style: italic;\r\n        color: var(--gold);\r\n        margin-bottom: 0.3rem;\r\n    }\r\n    \r\n    .he-services-header h2 {\r\n        font-size: clamp(2rem, 3.5vw, 3rem);\r\n        font-weight: 700;\r\n        color: var(--charcoal);\r\n        line-height: 1.2;\r\n        margin-bottom: 0.8rem;\r\n    }\r\n    \r\n    .he-services-header .he-sub {\r\n        font-size: 1.05rem;\r\n        color: #6B7280;\r\n        line-height: 1.7;\r\n    }\r\n    \r\n    \/* ----- SERVICES GRID (4 COLUMNS) ----- *\/\r\n    .he-services-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 2rem;\r\n    }\r\n    \r\n    \/* ----- SINGLE SERVICE CARD ----- *\/\r\n    .he-service-card {\r\n        background: var(--white);\r\n        padding: 2.5rem 1.8rem 2rem;\r\n        border-radius: 16px;\r\n        text-align: center;\r\n        transition: var(--transition);\r\n        border: 1px solid rgba(26,26,46,0.04);\r\n        box-shadow: 0 4px 12px rgba(0,0,0,0.02);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    \/* Gold Line at Top *\/\r\n    .he-service-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 4px;\r\n        background: linear-gradient(90deg, transparent, var(--gold), transparent);\r\n        opacity: 0;\r\n        transition: var(--transition);\r\n    }\r\n    \r\n    .he-service-card:hover::before {\r\n        opacity: 1;\r\n    }\r\n    \r\n    .he-service-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 20px 50px rgba(26,26,46,0.08);\r\n        border-color: rgba(201, 169, 110, 0.2);\r\n    }\r\n    \r\n    \/* Icon *\/\r\n    .he-service-card .he-icon {\r\n        font-size: 3rem;\r\n        display: block;\r\n        margin-bottom: 1rem;\r\n        line-height: 1;\r\n    }\r\n    \r\n    \/* Title *\/\r\n    .he-service-card h3 {\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 1.1rem;\r\n        font-weight: 600;\r\n        color: var(--charcoal);\r\n        margin-bottom: 0.6rem;\r\n        line-height: 1.3;\r\n    }\r\n    \r\n    \/* Description *\/\r\n    .he-service-card p {\r\n        font-size: 0.92rem;\r\n        color: #6B7280;\r\n        line-height: 1.7;\r\n        margin-bottom: 1.2rem;\r\n    }\r\n    \r\n    \/* Learn More Link *\/\r\n    .he-service-card .he-link {\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        color: var(--gold);\r\n        text-decoration: none;\r\n        transition: var(--transition);\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.4rem;\r\n    }\r\n    \r\n    .he-service-card .he-link:hover {\r\n        color: var(--gold-dark);\r\n        gap: 0.8rem;\r\n    }\r\n    \r\n    \/* ========================================================= *\/\r\n    \/* RESPONSIVE                                                *\/\r\n    \/* ========================================================= *\/\r\n    \r\n    @media (max-width: 992px) {\r\n        .he-services-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 1.5rem;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n        .he-services {\r\n            padding: 3.5rem 0;\r\n        }\r\n        \r\n        .he-services .he-container {\r\n            padding: 0 1.5rem;\r\n        }\r\n        \r\n        .he-services-header {\r\n            margin-bottom: 2.5rem;\r\n        }\r\n        \r\n        .he-services-header .he-sub {\r\n            font-size: 0.95rem;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n        .he-services {\r\n            padding: 2.5rem 0;\r\n        }\r\n        \r\n        .he-services .he-container {\r\n            padding: 0 1.25rem;\r\n        }\r\n        \r\n        .he-services-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 1.2rem;\r\n            max-width: 400px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .he-service-card {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n        \r\n        .he-service-card .he-icon {\r\n            font-size: 2.5rem;\r\n        }\r\n        \r\n        .he-service-card h3 {\r\n            font-size: 1rem;\r\n        }\r\n        \r\n        .he-service-card p {\r\n            font-size: 0.85rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- ========================================================= -->\r\n<!-- SERVICES HTML                                              -->\r\n<!-- ========================================================= -->\r\n<div class=\"he-services-wrapper\">\r\n    \r\n    <section class=\"he-services\">\r\n        <div class=\"he-container\">\r\n            \r\n            <!-- ===== SECTION HEADER ===== -->\r\n            <div class=\"he-services-header\">\r\n                <span class=\"he-section-tag\">\u2726 Our Services<\/span>\r\n                <h2>Four Crafts.<br>One Seamless Celebration.<\/h2>\r\n                <p class=\"he-sub\">\r\n                    Book one, or book all four \u2014 every service is designed to work together.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <!-- ===== SERVICES GRID (4 CARDS) ===== -->\r\n            <div class=\"he-services-grid\">\r\n                \r\n                <!-- SERVICE 1: Event Planning & Management -->\r\n                <div class=\"he-service-card\">\r\n                    <span class=\"he-icon\">\ud83d\udccb<\/span>\r\n                    <h3>Event Planning &amp; Management<\/h3>\r\n                    <p>\r\n                        End-to-end coordination \u2014 venue, vendors, budget, timeline and on-ground execution.\r\n                    <\/p>\r\n                    <a href=\"https:\/\/thehausofevents.com\/services\/\" class=\"he-link\">\r\n                        Learn More \u2192\r\n                    <\/a>\r\n                <\/div>\r\n                \r\n                <!-- SERVICE 2: D\u00e9cor & Styling -->\r\n                <div class=\"he-service-card\">\r\n                    <span class=\"he-icon\">\ud83c\udfa8<\/span>\r\n                    <h3>D\u00e9cor &amp; Styling<\/h3>\r\n                    <p>\r\n                        Theme development, floral and lighting design, and full styling direction for every function.\r\n                    <\/p>\r\n                    <a href=\"https:\/\/thehausofevents.com\/services\/\" class=\"he-link\">\r\n                        Learn More \u2192\r\n                    <\/a>\r\n                <\/div>\r\n                \r\n                <!-- SERVICE 3: Destination Weddings -->\r\n                <div class=\"he-service-card\">\r\n                    <span class=\"he-icon\">\u2708\ufe0f<\/span>\r\n                    <h3>Destination Weddings<\/h3>\r\n                    <p>\r\n                        Venue sourcing, travel and guest logistics, and full execution across India and abroad.\r\n                    <\/p>\r\n                    <a href=\"https:\/\/thehausofevents.com\/services\/\" class=\"he-link\">\r\n                        Learn More \u2192\r\n                    <\/a>\r\n                <\/div>\r\n                \r\n                <!-- SERVICE 4: Social Media Content -->\r\n                <div class=\"he-service-card\">\r\n                    <span class=\"he-icon\">\ud83d\udcf1<\/span>\r\n                    <h3>Social Media Content<\/h3>\r\n                    <p>\r\n                        Dedicated content creators covering weddings live \u2014 reels, couple's page management and post-event storytelling.\r\n                    <\/p>\r\n                    <a href=\"https:\/\/thehausofevents.com\/services\/\" class=\"he-link\">\r\n                        Learn More \u2192\r\n                    <\/a>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n            \r\n        <\/div>\r\n    <\/section>\r\n    \r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-205bd9e e-con e-atomic-element e-flexbox-base e-205bd9e-5050d41 \" data-id=\"205bd9e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"205bd9e\" data-e-type=\"e-flexbox\" data-id=\"205bd9e\">\n    \t\t<div class=\"elementor-element elementor-element-5a3be4d elementor-widget elementor-widget-html\" data-id=\"5a3be4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= -->\r\n<!-- PORTFOLIO GALLERY \u2013 HAUSE OF EVENTS                        -->\r\n<!-- Width: 1280px, Colors: Charcoal + Gold                    -->\r\n<!-- Isko Custom HTML widget mein paste karo                   -->\r\n<!-- ========================================================= -->\r\n\r\n<style>\r\n    \/* ----- RESET ----- *\/\r\n    .he-portfolio-wrapper * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n    \r\n    \/* ----- WRAPPER (Global Variables) ----- *\/\r\n    .he-portfolio-wrapper {\r\n        font-family: 'Inter', sans-serif;\r\n        --gold: #C9A96E;\r\n        --gold-dark: #B8975E;\r\n        --charcoal: #1A1A2E;\r\n        --white: #FFFFFF;\r\n        --light-bg: #F8F6F3;\r\n        --transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    }\r\n    \r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap');\r\n    \r\n    .he-portfolio-wrapper h2,\r\n    .he-portfolio-wrapper .he-section-tag {\r\n        font-family: 'Playfair Display', serif;\r\n    }\r\n    \r\n    \/* ----- PORTFOLIO SECTION MAIN ----- *\/\r\n    .he-portfolio {\r\n        padding: 5rem 0;\r\n        background: var(--white);\r\n    }\r\n    \r\n    .he-portfolio .he-container {\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n        padding: 0 2rem;\r\n    }\r\n    \r\n    \/* ----- SECTION HEADER ----- *\/\r\n    .he-portfolio-header {\r\n        text-align: center;\r\n        max-width: 650px;\r\n        margin: 0 auto 3rem;\r\n    }\r\n    \r\n    .he-portfolio-header .he-section-tag {\r\n        display: inline-block;\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: 1.2rem;\r\n        font-weight: 600;\r\n        font-style: italic;\r\n        color: var(--gold);\r\n        margin-bottom: 0.3rem;\r\n    }\r\n    \r\n    .he-portfolio-header h2 {\r\n        font-size: clamp(2rem, 3.5vw, 3rem);\r\n        font-weight: 700;\r\n        color: var(--charcoal);\r\n        line-height: 1.2;\r\n        margin-bottom: 0.8rem;\r\n    }\r\n    \r\n    .he-portfolio-header .he-sub {\r\n        font-size: 1.05rem;\r\n        color: #6B7280;\r\n        line-height: 1.7;\r\n    }\r\n    \r\n    \/* ----- PORTFOLIO GRID (3 COLUMNS) ----- *\/\r\n    .he-portfolio-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 1.8rem;\r\n        margin-bottom: 3rem;\r\n    }\r\n    \r\n    \/* ----- SINGLE PORTFOLIO ITEM ----- *\/\r\n    .he-portfolio-item {\r\n        position: relative;\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        cursor: pointer;\r\n        aspect-ratio: 4 \/ 5;\r\n        background: var(--charcoal);\r\n    }\r\n    \r\n    .he-portfolio-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: var(--transition);\r\n        display: block;\r\n    }\r\n    \r\n    .he-portfolio-item:hover img {\r\n        transform: scale(1.08);\r\n    }\r\n    \r\n    \/* ----- OVERLAY (Gold + Text) ----- *\/\r\n    .he-portfolio-item .he-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(0deg, rgba(26,26,46,0.85) 0%, rgba(26,26,46,0.20) 60%, rgba(26,26,46,0.05) 100%);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: flex-end;\r\n        padding: 2rem 1.8rem;\r\n        opacity: 0;\r\n        transition: var(--transition);\r\n    }\r\n    \r\n    .he-portfolio-item:hover .he-overlay {\r\n        opacity: 1;\r\n    }\r\n    \r\n    \/* Gold Accent Line *\/\r\n    .he-portfolio-item .he-overlay .he-line {\r\n        width: 40px;\r\n        height: 3px;\r\n        background: var(--gold);\r\n        margin-bottom: 0.6rem;\r\n        transition: var(--transition);\r\n        transform: translateY(10px);\r\n    }\r\n    \r\n    .he-portfolio-item:hover .he-overlay .he-line {\r\n        transform: translateY(0);\r\n    }\r\n    \r\n    .he-portfolio-item .he-overlay h3 {\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 1.2rem;\r\n        font-weight: 600;\r\n        color: var(--white);\r\n        margin-bottom: 0.2rem;\r\n        transform: translateY(10px);\r\n        transition: var(--transition);\r\n    }\r\n    \r\n    .he-portfolio-item:hover .he-overlay h3 {\r\n        transform: translateY(0);\r\n    }\r\n    \r\n    .he-portfolio-item .he-overlay p {\r\n        font-size: 0.9rem;\r\n        color: rgba(255,255,255,0.7);\r\n        transform: translateY(10px);\r\n        transition: var(--transition);\r\n        transition-delay: 0.05s;\r\n    }\r\n    \r\n    .he-portfolio-item:hover .he-overlay p {\r\n        transform: translateY(0);\r\n    }\r\n    \r\n    \/* ----- CTA BUTTON (View All) ----- *\/\r\n    .he-portfolio-cta {\r\n        text-align: center;\r\n    }\r\n    \r\n    .he-portfolio-cta .he-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.6rem;\r\n        padding: 0.9rem 2.8rem;\r\n        background: var(--gold);\r\n        color: var(--white);\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 1rem;\r\n        font-weight: 600;\r\n        border: none;\r\n        border-radius: 50px;\r\n        cursor: pointer;\r\n        text-decoration: none;\r\n        transition: var(--transition);\r\n    }\r\n    \r\n    .he-portfolio-cta .he-btn:hover {\r\n        background: var(--gold-dark);\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 12px 35px rgba(201, 169, 110, 0.3);\r\n        color: var(--white);\r\n    }\r\n    \r\n    \/* ========================================================= *\/\r\n    \/* RESPONSIVE                                                *\/\r\n    \/* ========================================================= *\/\r\n    \r\n    @media (max-width: 992px) {\r\n        .he-portfolio-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 1.5rem;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n        .he-portfolio {\r\n            padding: 3.5rem 0;\r\n        }\r\n        \r\n        .he-portfolio .he-container {\r\n            padding: 0 1.5rem;\r\n        }\r\n        \r\n        .he-portfolio-header {\r\n            margin-bottom: 2.5rem;\r\n        }\r\n        \r\n        .he-portfolio-header .he-sub {\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .he-portfolio-item {\r\n            aspect-ratio: 4 \/ 4.5;\r\n        }\r\n        \r\n        .he-portfolio-item .he-overlay {\r\n            padding: 1.5rem;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n        .he-portfolio {\r\n            padding: 2.5rem 0;\r\n        }\r\n        \r\n        .he-portfolio .he-container {\r\n            padding: 0 1.25rem;\r\n        }\r\n        \r\n        .he-portfolio-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 1.2rem;\r\n            max-width: 400px;\r\n            margin: 0 auto 2rem;\r\n        }\r\n        \r\n        .he-portfolio-item {\r\n            aspect-ratio: 4 \/ 4;\r\n        }\r\n        \r\n        .he-portfolio-item .he-overlay h3 {\r\n            font-size: 1rem;\r\n        }\r\n        \r\n        .he-portfolio-item .he-overlay p {\r\n            font-size: 0.8rem;\r\n        }\r\n        \r\n        .he-portfolio-cta .he-btn {\r\n            width: 100%;\r\n            justify-content: center;\r\n            padding: 0.9rem 1.5rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- ========================================================= -->\r\n<!-- PORTFOLIO HTML                                             -->\r\n<!-- ========================================================= -->\r\n<div class=\"he-portfolio-wrapper\">\r\n    \r\n    <section class=\"he-portfolio\">\r\n        <div class=\"he-container\">\r\n            \r\n            <!-- ===== SECTION HEADER ===== -->\r\n            <div class=\"he-portfolio-header\">\r\n                <span class=\"he-section-tag\">\u2726 Our Portfolio<\/span>\r\n                <h2>Where Vision Meets <br>Breathtaking Design.<\/h2>\r\n                <p class=\"he-sub\">\r\n                    Every bloom, every light, every corner \u2014 styled to feel like it belongs only to you.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <!-- ===== PORTFOLIO GRID ===== -->\r\n            <div class=\"he-portfolio-grid\">\r\n                \r\n                <!-- ITEM 1 -->\r\n                <div class=\"he-portfolio-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511795409834-ef04bbd61622?w=600&h=800&fit=crop\" alt=\"Elegant wedding mandap decoration\" loading=\"lazy\">\r\n                    <div class=\"he-overlay\">\r\n                        <span class=\"he-line\"><\/span>\r\n                        <h3>Elegant Mandap Styling<\/h3>\r\n                        <p>Luxury Wedding \u00b7 Delhi<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- ITEM 2 -->\r\n                <div class=\"he-portfolio-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1583939003579-730e1998d44a?w=600&h=800&fit=crop\" alt=\"Luxury wedding reception setup\" loading=\"lazy\">\r\n                    <div class=\"he-overlay\">\r\n                        <span class=\"he-line\"><\/span>\r\n                        <h3>Grand Reception Setup<\/h3>\r\n                        <p>Destination Wedding \u00b7 Jaipur<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- ITEM 3 -->\r\n                <div class=\"he-portfolio-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519225421980-715cb0215aed?w=600&h=800&fit=crop\" alt=\"Romantic floral wedding ceremony\" loading=\"lazy\">\r\n                    <div class=\"he-overlay\">\r\n                        <span class=\"he-line\"><\/span>\r\n                        <h3>Romantic Floral Ceremony<\/h3>\r\n                        <p>Intimate Wedding \u00b7 Udaipur<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n            \r\n            <!-- ===== CTA BUTTON ===== -->\r\n            <div class=\"he-portfolio-cta\">\r\n                <a href=\"https:\/\/thehausofevents.com\/portfolio\/\" class=\"he-btn\">\r\n                    View All Projects \u2192\r\n                <\/a>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n    <\/section>\r\n    \r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8290e1f e-con e-atomic-element e-flexbox-base e-8290e1f-06cfc9d \" data-id=\"8290e1f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8290e1f\" data-e-type=\"e-flexbox\" data-id=\"8290e1f\">\n    \t\t<div class=\"elementor-element elementor-element-8cccee6 elementor-widget elementor-widget-html\" data-id=\"8cccee6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= -->\r\n<!-- TESTIMONIALS \u2013 HAUSE OF EVENTS (WHITE BACKGROUND)          -->\r\n<!-- Width: 1280px, Colors: White + Charcoal + Gold            -->\r\n<!-- Isko Custom HTML widget mein paste karo                   -->\r\n<!-- ========================================================= -->\r\n\r\n<style>\r\n    \/* ----- RESET ----- *\/\r\n    .he-testimonials-wrapper * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n    \r\n    \/* ----- WRAPPER (Global Variables) ----- *\/\r\n    .he-testimonials-wrapper {\r\n        font-family: 'Inter', sans-serif;\r\n        --gold: #C9A96E;\r\n        --gold-dark: #B8975E;\r\n        --charcoal: #1A1A2E;\r\n        --white: #FFFFFF;\r\n        --light-bg: #F8F6F3;\r\n        --transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    }\r\n    \r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap');\r\n    \r\n    .he-testimonials-wrapper h2,\r\n    .he-testimonials-wrapper .he-section-tag {\r\n        font-family: 'Playfair Display', serif;\r\n    }\r\n    \r\n    \/* ----- TESTIMONIALS SECTION MAIN (White Background) ----- *\/\r\n    .he-testimonials {\r\n        padding: 5rem 0;\r\n        background: var(--white);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    \/* Decorative Gold Line at Top *\/\r\n    .he-testimonials::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 4px;\r\n        background: linear-gradient(90deg, transparent, var(--gold), transparent);\r\n    }\r\n    \r\n    .he-testimonials .he-container {\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n        padding: 0 2rem;\r\n    }\r\n    \r\n    \/* ----- SECTION HEADER (Dark Text) ----- *\/\r\n    .he-testimonials-header {\r\n        text-align: center;\r\n        max-width: 650px;\r\n        margin: 0 auto 3.5rem;\r\n    }\r\n    \r\n    .he-testimonials-header .he-section-tag {\r\n        display: inline-block;\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: 1.2rem;\r\n        font-weight: 600;\r\n        font-style: italic;\r\n        color: var(--gold);\r\n        margin-bottom: 0.3rem;\r\n    }\r\n    \r\n    .he-testimonials-header h2 {\r\n        font-size: clamp(2rem, 3.5vw, 3rem);\r\n        font-weight: 700;\r\n        color: var(--charcoal);\r\n        line-height: 1.2;\r\n        margin-bottom: 0.8rem;\r\n    }\r\n    \r\n    .he-testimonials-header .he-sub {\r\n        font-size: 1.05rem;\r\n        color: #6B7280;\r\n        line-height: 1.7;\r\n    }\r\n    \r\n    \/* ----- TESTIMONIALS GRID (3 COLUMNS) ----- *\/\r\n    .he-testimonials-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 2rem;\r\n    }\r\n    \r\n    \/* ----- SINGLE TESTIMONIAL CARD (Light Background) ----- *\/\r\n    .he-testimonial-card {\r\n        background: var(--light-bg);\r\n        border-radius: 16px;\r\n        padding: 2.5rem 2rem;\r\n        transition: var(--transition);\r\n        border: 1px solid rgba(26,26,46,0.06);\r\n        text-align: center;\r\n        box-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\n    }\r\n    \r\n    .he-testimonial-card:hover {\r\n        background: var(--white);\r\n        transform: translateY(-6px);\r\n        border-color: var(--gold);\r\n        box-shadow: 0 16px 50px rgba(0,0,0,0.06);\r\n    }\r\n    \r\n    \/* Stars *\/\r\n    .he-testimonial-card .he-stars {\r\n        color: var(--gold);\r\n        font-size: 1.3rem;\r\n        letter-spacing: 4px;\r\n        margin-bottom: 1rem;\r\n        display: block;\r\n    }\r\n    \r\n    \/* Quote Text (Dark) *\/\r\n    .he-testimonial-card .he-quote {\r\n        font-size: 1rem;\r\n        color: #4B5563;\r\n        line-height: 1.8;\r\n        margin-bottom: 1.5rem;\r\n        font-style: italic;\r\n    }\r\n    \r\n    .he-testimonial-card .he-quote::before {\r\n        content: '\"';\r\n        color: var(--gold);\r\n        font-size: 1.6rem;\r\n        font-family: 'Playfair Display', serif;\r\n    }\r\n    \r\n    .he-testimonial-card .he-quote::after {\r\n        content: '\"';\r\n        color: var(--gold);\r\n        font-size: 1.6rem;\r\n        font-family: 'Playfair Display', serif;\r\n    }\r\n    \r\n    \/* Author Name (Dark) *\/\r\n    .he-testimonial-card .he-name {\r\n        font-weight: 600;\r\n        font-size: 1rem;\r\n        color: var(--charcoal);\r\n        margin-bottom: 0.15rem;\r\n    }\r\n    \r\n    .he-testimonial-card .he-role {\r\n        font-size: 0.8rem;\r\n        color: #6B7280;\r\n    }\r\n    \r\n    \/* Divider Line Before Name *\/\r\n    .he-testimonial-card .he-divider {\r\n        width: 40px;\r\n        height: 2px;\r\n        background: var(--gold);\r\n        margin: 0 auto 1rem;\r\n        border-radius: 2px;\r\n        opacity: 0.6;\r\n    }\r\n    \r\n    \/* ========================================================= *\/\r\n    \/* RESPONSIVE                                                *\/\r\n    \/* ========================================================= *\/\r\n    \r\n    @media (max-width: 992px) {\r\n        .he-testimonials-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 1.5rem;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n        .he-testimonials {\r\n            padding: 3.5rem 0;\r\n        }\r\n        \r\n        .he-testimonials .he-container {\r\n            padding: 0 1.5rem;\r\n        }\r\n        \r\n        .he-testimonials-header {\r\n            margin-bottom: 2.5rem;\r\n        }\r\n        \r\n        .he-testimonials-header .he-sub {\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .he-testimonial-card {\r\n            padding: 1.8rem 1.5rem;\r\n        }\r\n        \r\n        .he-testimonial-card .he-quote {\r\n            font-size: 0.92rem;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n        .he-testimonials {\r\n            padding: 2.5rem 0;\r\n        }\r\n        \r\n        .he-testimonials .he-container {\r\n            padding: 0 1.25rem;\r\n        }\r\n        \r\n        .he-testimonials-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 1.2rem;\r\n            max-width: 400px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .he-testimonial-card {\r\n            padding: 1.5rem;\r\n        }\r\n        \r\n        .he-testimonial-card .he-quote {\r\n            font-size: 0.88rem;\r\n        }\r\n        \r\n        .he-testimonial-card .he-stars {\r\n            font-size: 1.1rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- ========================================================= -->\r\n<!-- TESTIMONIALS HTML (WHITE BACKGROUND)                       -->\r\n<!-- ========================================================= -->\r\n<div class=\"he-testimonials-wrapper\">\r\n    \r\n    <section class=\"he-testimonials\">\r\n        <div class=\"he-container\">\r\n            \r\n            <!-- ===== SECTION HEADER ===== -->\r\n            <div class=\"he-testimonials-header\">\r\n                <span class=\"he-section-tag\">\u2726 Testimonials<\/span>\r\n                <h2>What Our Clients Say<\/h2>\r\n                <p class=\"he-sub\">\r\n                    Real feedback from real couples who trusted us with their celebration.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <!-- ===== TESTIMONIALS GRID ===== -->\r\n            <div class=\"he-testimonials-grid\">\r\n                \r\n                <!-- TESTIMONIAL 1 -->\r\n                <div class=\"he-testimonial-card\">\r\n                    <span class=\"he-stars\">\u2605 \u2605 \u2605 \u2605 \u2605<\/span>\r\n                    <p class=\"he-quote\">\r\n                        Hause of Events completely transformed our wedding vision into reality. \r\n                        The d\u00e9cor was breathtaking and our Instagram reels went viral! \r\n                        They handled everything while we just enjoyed our day.\r\n                    <\/p>\r\n                    <div class=\"he-divider\"><\/div>\r\n                    <div class=\"he-name\">Rahul &amp; Priya<\/div>\r\n                    <div class=\"he-role\">Destination Wedding \u00b7 Jaipur<\/div>\r\n                <\/div>\r\n                \r\n                <!-- TESTIMONIAL 2 -->\r\n                <div class=\"he-testimonial-card\">\r\n                    <span class=\"he-stars\">\u2605 \u2605 \u2605 \u2605 \u2605<\/span>\r\n                    <p class=\"he-quote\">\r\n                        From the first consultation to the last reel, the team was professional, \r\n                        creative, and so easy to work with. Our guests are still talking about \r\n                        the mandap design and the stunning photos!\r\n                    <\/p>\r\n                    <div class=\"he-divider\"><\/div>\r\n                    <div class=\"he-name\">Ananya &amp; Vikram<\/div>\r\n                    <div class=\"he-role\">Luxury Wedding \u00b7 Delhi<\/div>\r\n                <\/div>\r\n                \r\n                <!-- TESTIMONIAL 3 -->\r\n                <div class=\"he-testimonial-card\">\r\n                    <span class=\"he-stars\">\u2605 \u2605 \u2605 \u2605 \u2605<\/span>\r\n                    <p class=\"he-quote\">\r\n                        We planned our wedding from the US and Hause of Events made it seamless. \r\n                        The video calls, the detailed planning, and the flawless execution \u2014 \r\n                        they truly exceeded every expectation we had.\r\n                    <\/p>\r\n                    <div class=\"he-divider\"><\/div>\r\n                    <div class=\"he-name\">Neha &amp; Arjun<\/div>\r\n                    <div class=\"he-role\">Destination Wedding \u00b7 Udaipur<\/div>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n            \r\n        <\/div>\r\n    <\/section>\r\n    \r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d83928b e-con e-atomic-element e-flexbox-base e-d83928b-d58bdd9 \" data-id=\"d83928b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d83928b\" data-e-type=\"e-flexbox\" data-id=\"d83928b\">\n    \t\t<div class=\"elementor-element elementor-element-0347838 elementor-widget elementor-widget-html\" data-id=\"0347838\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= -->\r\n<!-- FINAL CTA \u2013 HAUSE OF EVENTS                                -->\r\n<!-- Width: 1280px, Colors: Gold + Charcoal                    -->\r\n<!-- Isko Custom HTML widget mein paste karo                   -->\r\n<!-- ========================================================= -->\r\n\r\n<style>\r\n    \/* ----- RESET ----- *\/\r\n    .he-cta-wrapper * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n    \r\n    \/* ----- WRAPPER (Global Variables) ----- *\/\r\n    .he-cta-wrapper {\r\n        font-family: 'Inter', sans-serif;\r\n        --gold: #C9A96E;\r\n        --gold-dark: #B8975E;\r\n        --charcoal: #1A1A2E;\r\n        --white: #FFFFFF;\r\n        --transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    }\r\n    \r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap');\r\n    \r\n    .he-cta-wrapper h2 {\r\n        font-family: 'Playfair Display', serif;\r\n    }\r\n    \r\n    \/* ----- CTA SECTION MAIN ----- *\/\r\n    .he-cta {\r\n        padding: 5rem 0;\r\n        background: linear-gradient(135deg, var(--gold-dark) 0%, var(--gold) 40%, var(--gold-dark) 100%);\r\n        position: relative;\r\n        overflow: hidden;\r\n        text-align: center;\r\n    }\r\n    \r\n    \/* Subtle Pattern Overlay (Premium Texture) *\/\r\n    .he-cta::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        background-image: \r\n            radial-gradient(circle at 20% 50%, rgba(255,255,255,0.05) 0%, transparent 50%),\r\n            radial-gradient(circle at 80% 50%, rgba(255,255,255,0.05) 0%, transparent 50%);\r\n        z-index: 1;\r\n        pointer-events: none;\r\n    }\r\n    \r\n    .he-cta .he-container {\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n        padding: 0 2rem;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n    \r\n    \/* ----- CONTENT ----- *\/\r\n    .he-cta-content {\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n    }\r\n    \r\n    .he-cta-content .he-tag {\r\n        display: inline-block;\r\n        font-size: 0.7rem;\r\n        font-weight: 600;\r\n        letter-spacing: 3px;\r\n        text-transform: uppercase;\r\n        color: var(--charcoal);\r\n        background: rgba(255,255,255,0.2);\r\n        padding: 0.4rem 1.2rem;\r\n        border-radius: 50px;\r\n        margin-bottom: 1.2rem;\r\n        backdrop-filter: blur(4px);\r\n        border: 1px solid rgba(255,255,255,0.1);\r\n    }\r\n    \r\n    .he-cta-content h2 {\r\n        font-size: clamp(2.2rem, 4vw, 3.5rem);\r\n        font-weight: 700;\r\n        color: var(--white);\r\n        line-height: 1.2;\r\n        margin-bottom: 1rem;\r\n    }\r\n    \r\n    .he-cta-content .he-sub {\r\n        font-size: 1.15rem;\r\n        color: rgba(255,255,255,0.9);\r\n        line-height: 1.8;\r\n        margin-bottom: 2rem;\r\n    }\r\n    \r\n    \/* ----- CTA BUTTON (Charcoal) ----- *\/\r\n    .he-cta-content .he-btn-cta {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.8rem;\r\n        padding: 1.1rem 3.5rem;\r\n        background: var(--charcoal);\r\n        color: var(--white);\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 1.05rem;\r\n        font-weight: 600;\r\n        border: none;\r\n        border-radius: 50px;\r\n        cursor: pointer;\r\n        text-decoration: none;\r\n        transition: var(--transition);\r\n        box-shadow: 0 8px 30px rgba(0,0,0,0.2);\r\n    }\r\n    \r\n    .he-cta-content .he-btn-cta:hover {\r\n        transform: translateY(-4px) scale(1.02);\r\n        box-shadow: 0 16px 50px rgba(0,0,0,0.3);\r\n        background: #0f0f1a; \/* Slightly darker on hover *\/\r\n        color: var(--white);\r\n    }\r\n    \r\n    \/* ----- DIRECT CONTACT INFO (Below Button) ----- *\/\r\n    .he-cta-contact {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 2.5rem;\r\n        margin-top: 2.5rem;\r\n        padding-top: 2rem;\r\n        border-top: 1px solid rgba(255,255,255,0.15);\r\n        flex-wrap: wrap;\r\n    }\r\n    \r\n    .he-cta-contact .he-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.6rem;\r\n        color: rgba(255,255,255,0.85);\r\n        font-size: 0.95rem;\r\n        text-decoration: none;\r\n        transition: var(--transition);\r\n    }\r\n    \r\n    .he-cta-contact .he-item:hover {\r\n        color: var(--white);\r\n        transform: translateY(-2px);\r\n    }\r\n    \r\n    .he-cta-contact .he-item .he-icon {\r\n        font-size: 1.2rem;\r\n        color: var(--charcoal);\r\n        background: rgba(255,255,255,0.2);\r\n        width: 36px;\r\n        height: 36px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        transition: var(--transition);\r\n    }\r\n    \r\n    .he-cta-contact .he-item:hover .he-icon {\r\n        background: var(--white);\r\n        color: var(--charcoal);\r\n    }\r\n    \r\n    \/* ----- RESPONSIVE ----- *\/\r\n    \r\n    @media (max-width: 768px) {\r\n        .he-cta {\r\n            padding: 3.5rem 0;\r\n        }\r\n        \r\n        .he-cta .he-container {\r\n            padding: 0 1.5rem;\r\n        }\r\n        \r\n        .he-cta-content .he-sub {\r\n            font-size: 1rem;\r\n        }\r\n        \r\n        .he-cta-content .he-btn-cta {\r\n            padding: 1rem 2.5rem;\r\n            font-size: 0.95rem;\r\n            width: 100%;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .he-cta-contact {\r\n            gap: 1.5rem;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n        \r\n        .he-cta-contact .he-item {\r\n            font-size: 0.9rem;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n        .he-cta {\r\n            padding: 2.5rem 0;\r\n        }\r\n        \r\n        .he-cta .he-container {\r\n            padding: 0 1.25rem;\r\n        }\r\n        \r\n        .he-cta-content h2 {\r\n            font-size: 2rem;\r\n        }\r\n        \r\n        .he-cta-contact .he-item {\r\n            font-size: 0.85rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- ========================================================= -->\r\n<!-- FINAL CTA HTML                                             -->\r\n<!-- ========================================================= -->\r\n<div class=\"he-cta-wrapper\">\r\n    \r\n    <section class=\"he-cta\">\r\n        <div class=\"he-container\">\r\n            \r\n            <div class=\"he-cta-content\">\r\n                \r\n                <!-- Tag -->\r\n                <span class=\"he-tag\">\u2726 Let's Create Something Beautiful<\/span>\r\n                \r\n                <!-- Heading -->\r\n                <h2>Ready to Start <br>Your Celebration?<\/h2>\r\n                \r\n                <!-- Sub-text -->\r\n                <p class=\"he-sub\">\r\n                    Your story starts with a single conversation. Tell us your date, your city, \r\n                    and your vision \u2014 we'll take it from there.\r\n                <\/p>\r\n                \r\n                <!-- Main CTA Button -->\r\n                <a href=\"https:\/\/thehausofevents.com\/contact\/\" class=\"he-btn-cta\">\r\n                    \ud83d\udcc5 Book a Free Consultation\r\n                <\/a>\r\n                \r\n                <!-- Direct Contact Info -->\r\n                <div class=\"he-cta-contact\">\r\n                    <a href=\"tel:+919999577362\" class=\"he-item\">\r\n                        <span class=\"he-icon\">\ud83d\udcde<\/span>\r\n                        +91 99995 77362\r\n                    <\/a>\r\n                    <a href=\"mailto:Kirtikawariya3@gmail.com\" class=\"he-item\">\r\n                        <span class=\"he-icon\">\u2709\ufe0f<\/span>\r\n                        Kirtikawariya3@gmail.com\r\n                    <\/a>\r\n                    <span class=\"he-item\">\r\n                        <span class=\"he-icon\">\ud83d\udccd<\/span>\r\n                        Delhi NCR, India\r\n                    <\/span>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n            \r\n        <\/div>\r\n    <\/section>\r\n    \r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2728 Crafted Celebrations. Curated Stories. Every Wedding Designed &amp; Told Beautifully We plan weddings, destination celebrations and corporate events \u2014 from the very first idea to the very last reel. \u2728 Start Your Journey View Our Work 150+ Weddings Planned 4.9\u2605 Client Rating 12+ Destinations \ud83c\udfaf 150+ Weddings Planned \u2b50 4.9\u2605 Client Rating \u2708\ufe0f 12+ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thehausofevents.com\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thehausofevents.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thehausofevents.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thehausofevents.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thehausofevents.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":22,"href":"https:\/\/thehausofevents.com\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/thehausofevents.com\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/44"}],"wp:attachment":[{"href":"https:\/\/thehausofevents.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}