{"id":55,"date":"2026-08-10T08:32:59","date_gmt":"2026-08-10T08:32:59","guid":{"rendered":"https:\/\/sunglowgroup.in\/?page_id=55"},"modified":"2026-08-11T11:00:57","modified_gmt":"2026-08-11T11:00:57","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/sunglowgroup.in\/?page_id=55","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"55\" class=\"elementor elementor-55\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb05386 e-con e-atomic-element e-flexbox-base e-c6231cf \" data-id=\"cb05386\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cb05386\" data-e-type=\"e-flexbox\" data-id=\"cb05386\">\n    \t\t<div class=\"elementor-element elementor-element-8d32a3b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8d32a3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* =========================================================\n   SUNGLOW GROUP \u2014 CONTACT PAGE\n   SECTION 1 \u2014 COMPLETE CSS\n   Image Left | Content Right\n   ========================================================= *\/\n\n.sg-contact-hero {\n    --sg-navy: #241656;\n    --sg-red: #BD241E;\n    --sg-yellow: #FFF9AD;\n    --sg-bg: #F7F6F2;\n\n    position: relative;\n    width: 100%;\n    padding: 100px 0;\n    background: var(--sg-bg);\n    overflow: hidden;\n    isolation: isolate;\n}\n\n\n\/* =========================================================\n   MAIN CONTAINER\n   ========================================================= *\/\n\n.sg-contact-container {\n    width: min(1200px, calc(100% - 50px));\n    margin: 0 auto;\n\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n    align-items: center;\n\n    gap: 75px;\n\n    position: relative;\n    z-index: 2;\n}\n\n\n\/* =========================================================\n   LEFT IMAGE AREA\n   ========================================================= *\/\n\n.sg-contact-image-wrap {\n    position: relative;\n    width: 100%;\n    min-width: 0;\n    min-height: 560px;\n}\n\n\n\/* Image Box *\/\n\n.sg-contact-image {\n    position: relative;\n\n    width: 100%;\n    height: 560px;\n\n    border-radius: 28px;\n    overflow: hidden;\n\n    background: var(--sg-navy);\n\n    box-shadow:\n        0 25px 60px rgba(36, 22, 86, 0.16),\n        0 8px 25px rgba(36, 22, 86, 0.08);\n\n    z-index: 2;\n}\n\n\n\/* Image *\/\n\n.sg-contact-image img {\n    width: 100%;\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition:\n        transform 0.8s cubic-bezier(.2,.65,.25,1),\n        filter 0.5s ease;\n}\n\n\n\/* Image Hover *\/\n\n.sg-contact-image:hover img {\n    transform: scale(1.045);\n    filter: saturate(1.06);\n}\n\n\n\/* Image Overlay *\/\n\n.sg-contact-image::after {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(36, 22, 86, 0.04),\n            rgba(36, 22, 86, 0.18)\n        );\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   YELLOW DECORATIVE CIRCLE\n   ========================================================= *\/\n\n.sg-contact-image-wrap::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 145px;\n    height: 145px;\n\n    right: -38px;\n    top: -38px;\n\n    background: var(--sg-yellow);\n\n    border-radius: 50%;\n\n    z-index: 0;\n\n    animation: sgContactFloat 5s ease-in-out infinite;\n}\n\n\n\/* =========================================================\n   RED DECORATIVE SHAPE\n   ========================================================= *\/\n\n.sg-contact-image-wrap::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 95px;\n    height: 95px;\n\n    left: -30px;\n    bottom: 35px;\n\n    background: var(--sg-red);\n\n    border-radius: 22px;\n\n    transform: rotate(14deg);\n\n    z-index: 1;\n\n    opacity: 0.95;\n\n    box-shadow:\n        0 15px 35px rgba(189, 36, 30, 0.18);\n}\n\n\n\/* =========================================================\n   IMAGE CORNER ACCENT\n   ========================================================= *\/\n\n.sg-image-accent {\n    position: absolute;\n\n    width: 85px;\n    height: 85px;\n\n    right: 25px;\n    bottom: 25px;\n\n    border:\n        1px solid\n        rgba(255, 249, 173, 0.7);\n\n    border-radius: 18px;\n\n    z-index: 3;\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   RIGHT CONTENT\n   ========================================================= *\/\n\n.sg-contact-content {\n    position: relative;\n\n    width: 100%;\n    max-width: 540px;\n\n    min-width: 0;\n\n    z-index: 3;\n}\n\n\n\/* =========================================================\n   EYEBROW\n   ========================================================= *\/\n\n.sg-contact-eyebrow {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 10px;\n\n    margin-bottom: 22px;\n\n    font-family: inherit;\n\n    font-size: 13px;\n    font-weight: 700;\n\n    line-height: 1;\n\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n\n    color: var(--sg-red);\n}\n\n\n.sg-contact-eyebrow::before {\n    content: \"\";\n\n    width: 30px;\n    height: 2px;\n\n    background: var(--sg-red);\n\n    border-radius: 20px;\n\n    transition: width 0.35s ease;\n}\n\n\n.sg-contact-content:hover\n.sg-contact-eyebrow::before {\n    width: 45px;\n}\n\n\n\/* =========================================================\n   MAIN HEADING\n   ========================================================= *\/\n\n.sg-contact-title {\n    margin: 0;\n\n    max-width: 540px;\n\n    font-family: inherit;\n\n    font-size: clamp(42px, 4.5vw, 68px);\n\n    font-weight: 800;\n\n    line-height: 1.05;\n\n    letter-spacing: -2.5px;\n\n    color: var(--sg-navy);\n}\n\n\n.sg-title-accent {\n    position: relative;\n\n    display: inline-block;\n\n    color: var(--sg-red);\n\n    z-index: 1;\n}\n\n\n\/* Yellow Highlight *\/\n\n.sg-title-accent::after {\n    content: \"\";\n\n    position: absolute;\n\n    left: 3px;\n    right: 0;\n\n    bottom: 3px;\n\n    height: 10px;\n\n    background: var(--sg-yellow);\n\n    border-radius: 50px;\n\n    transform: rotate(-1.5deg);\n\n    opacity: 0.9;\n\n    z-index: -1;\n}\n\n\n\/* =========================================================\n   DESCRIPTION\n   ========================================================= *\/\n\n.sg-contact-description {\n    max-width: 500px;\n\n    margin: 25px 0 0;\n\n    font-family: inherit;\n\n    font-size: 17px;\n\n    font-weight: 400;\n\n    line-height: 1.75;\n\n    color: #5C5868;\n}\n\n\n\/* =========================================================\n   QUICK CONTACT\n   ========================================================= *\/\n\n.sg-contact-quick {\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n\n    margin-top: 27px;\n\n    color: var(--sg-navy);\n}\n\n\n.sg-contact-quick-icon {\n    width: 42px;\n    height: 42px;\n\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    flex: 0 0 42px;\n\n    background: var(--sg-yellow);\n\n    border-radius: 50%;\n\n    color: var(--sg-navy);\n\n    font-size: 17px;\n\n    transition:\n        transform 0.35s ease,\n        background 0.35s ease;\n}\n\n\n.sg-contact-quick:hover\n.sg-contact-quick-icon {\n    transform: rotate(-8deg) scale(1.08);\n\n    background: #fff3a0;\n}\n\n\n.sg-contact-quick-text {\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 3px;\n}\n\n\n.sg-contact-quick-label {\n    font-size: 11px;\n\n    font-weight: 700;\n\n    line-height: 1;\n\n    letter-spacing: 1.2px;\n\n    text-transform: uppercase;\n\n    color: #77727F;\n}\n\n\n.sg-contact-quick-value {\n    font-size: 15px;\n\n    font-weight: 700;\n\n    line-height: 1.3;\n\n    color: var(--sg-navy);\n}\n\n\n\/* =========================================================\n   BUTTON AREA\n   ========================================================= *\/\n\n.sg-contact-actions {\n    display: flex;\n\n    align-items: center;\n\n    flex-wrap: wrap;\n\n    gap: 14px;\n\n    margin-top: 35px;\n}\n\n\n\/* =========================================================\n   PRIMARY BUTTON\n   ========================================================= *\/\n\n.sg-contact-btn-primary {\n    position: relative;\n\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 12px;\n\n    min-height: 54px;\n\n    padding: 0 27px;\n\n    border: 2px solid var(--sg-navy);\n\n    border-radius: 100px;\n\n    background: var(--sg-navy);\n\n    color: #ffffff;\n\n    font-family: inherit;\n\n    font-size: 14px;\n\n    font-weight: 700;\n\n    line-height: 1;\n\n    text-decoration: none;\n\n    overflow: hidden;\n\n    isolation: isolate;\n\n    transition:\n        color 0.35s ease,\n        border-color 0.35s ease,\n        transform 0.35s ease,\n        box-shadow 0.35s ease;\n}\n\n\n.sg-contact-btn-primary::before {\n    content: \"\";\n\n    position: absolute;\n\n    inset: 0;\n\n    background: var(--sg-red);\n\n    transform: translateX(-105%);\n\n    transition:\n        transform 0.4s cubic-bezier(.65,0,.35,1);\n\n    z-index: -1;\n}\n\n\n.sg-contact-btn-primary:hover {\n    color: #ffffff;\n\n    border-color: var(--sg-red);\n\n    transform: translateY(-3px);\n\n    box-shadow:\n        0 13px 30px\n        rgba(189, 36, 30, 0.20);\n}\n\n\n.sg-contact-btn-primary:hover::before {\n    transform: translateX(0);\n}\n\n\n\/* Button Arrow *\/\n\n.sg-btn-arrow {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 25px;\n    height: 25px;\n\n    border-radius: 50%;\n\n    background: var(--sg-yellow);\n\n    color: var(--sg-navy);\n\n    font-size: 13px;\n\n    transition:\n        transform 0.35s ease,\n        background 0.35s ease;\n}\n\n\n.sg-contact-btn-primary:hover\n.sg-btn-arrow {\n    transform: translateX(4px);\n\n    background: #ffffff;\n}\n\n\n\/* =========================================================\n   SECONDARY BUTTON\n   ========================================================= *\/\n\n.sg-contact-btn-secondary {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 9px;\n\n    min-height: 54px;\n\n    padding: 0 22px;\n\n    border:\n        1px solid\n        rgba(36, 22, 86, 0.20);\n\n    border-radius: 100px;\n\n    background: transparent;\n\n    color: var(--sg-navy);\n\n    font-family: inherit;\n\n    font-size: 14px;\n\n    font-weight: 700;\n\n    line-height: 1;\n\n    text-decoration: none;\n\n    transition:\n        background 0.35s ease,\n        border-color 0.35s ease,\n        color 0.35s ease,\n        transform 0.35s ease;\n}\n\n\n.sg-contact-btn-secondary:hover {\n    background: var(--sg-yellow);\n\n    border-color: var(--sg-yellow);\n\n    color: var(--sg-navy);\n\n    transform: translateY(-3px);\n}\n\n\n\/* =========================================================\n   BACKGROUND DECORATION\n   ========================================================= *\/\n\n.sg-contact-hero::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 420px;\n    height: 420px;\n\n    left: -240px;\n    top: -220px;\n\n    border-radius: 50%;\n\n    background:\n        rgba(255, 249, 173, 0.25);\n\n    z-index: 0;\n}\n\n\n.sg-contact-hero::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 300px;\n    height: 300px;\n\n    right: -180px;\n    bottom: -180px;\n\n    border-radius: 50%;\n\n    background:\n        rgba(189, 36, 30, 0.055);\n\n    z-index: 0;\n}\n\n\n\/* =========================================================\n   CONTENT DOT PATTERN\n   ========================================================= *\/\n\n.sg-contact-content::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 75px;\n    height: 75px;\n\n    right: -25px;\n    bottom: -45px;\n\n    background-image:\n        radial-gradient(\n            rgba(36, 22, 86, 0.16) 1.2px,\n            transparent 1.2px\n        );\n\n    background-size: 10px 10px;\n\n    opacity: 0.6;\n\n    pointer-events: none;\n\n    z-index: -1;\n}\n\n\n\/* =========================================================\n   FLOAT ANIMATION\n   ========================================================= *\/\n\n@keyframes sgContactFloat {\n\n    0%,\n    100% {\n        transform:\n            translateY(0)\n            rotate(0deg);\n    }\n\n    50% {\n        transform:\n            translateY(12px)\n            rotate(4deg);\n    }\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .sg-contact-hero {\n        padding: 80px 0;\n    }\n\n    .sg-contact-container {\n        width: min(92%, 900px);\n\n        grid-template-columns:\n            minmax(0, 1fr)\n            minmax(0, 1fr);\n\n        gap: 45px;\n    }\n\n    .sg-contact-image-wrap {\n        min-height: 470px;\n    }\n\n    .sg-contact-image {\n        height: 470px;\n\n        border-radius: 24px;\n    }\n\n    .sg-contact-content {\n        max-width: 470px;\n    }\n\n    .sg-contact-title {\n        font-size: clamp(40px, 5vw, 56px);\n\n        letter-spacing: -2px;\n    }\n\n    .sg-contact-description {\n        font-size: 16px;\n\n        line-height: 1.7;\n    }\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .sg-contact-hero {\n        padding: 65px 0;\n    }\n\n    .sg-contact-container {\n        width: calc(100% - 32px);\n\n        grid-template-columns: 1fr;\n\n        gap: 45px;\n    }\n\n    .sg-contact-image-wrap {\n        min-height: 380px;\n    }\n\n    .sg-contact-image {\n        height: 380px;\n\n        border-radius: 22px;\n    }\n\n    .sg-contact-content {\n        max-width: 100%;\n    }\n\n    .sg-contact-eyebrow {\n        margin-bottom: 18px;\n\n        font-size: 11px;\n\n        letter-spacing: 1.7px;\n    }\n\n    .sg-contact-eyebrow::before {\n        width: 24px;\n    }\n\n    .sg-contact-title {\n        max-width: 100%;\n\n        font-size:\n            clamp(38px, 11vw, 52px);\n\n        line-height: 1.07;\n\n        letter-spacing: -1.8px;\n    }\n\n    .sg-contact-title\n    .sg-title-accent::after {\n        height: 7px;\n\n        bottom: 2px;\n    }\n\n    .sg-contact-description {\n        max-width: 100%;\n\n        margin-top: 20px;\n\n        font-size: 15px;\n\n        line-height: 1.7;\n    }\n\n    .sg-contact-quick {\n        margin-top: 22px;\n    }\n\n    .sg-contact-actions {\n        width: 100%;\n\n        margin-top: 28px;\n\n        gap: 10px;\n    }\n\n    .sg-contact-btn-primary,\n    .sg-contact-btn-secondary {\n        min-height: 51px;\n\n        padding-left: 20px;\n        padding-right: 20px;\n\n        font-size: 13px;\n    }\n\n    .sg-contact-image-wrap::before {\n        width: 85px;\n        height: 85px;\n\n        right: -15px;\n        top: -18px;\n    }\n\n    .sg-contact-image-wrap::after {\n        width: 65px;\n        height: 65px;\n\n        left: -15px;\n        bottom: 25px;\n\n        border-radius: 16px;\n    }\n\n    .sg-image-accent {\n        width: 60px;\n        height: 60px;\n\n        right: 18px;\n        bottom: 18px;\n\n        border-radius: 14px;\n    }\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 480px) {\n\n    .sg-contact-hero {\n        padding: 50px 0;\n    }\n\n    .sg-contact-container {\n        width: calc(100% - 24px);\n\n        gap: 35px;\n    }\n\n    .sg-contact-image-wrap {\n        min-height: 320px;\n    }\n\n    .sg-contact-image {\n        height: 320px;\n\n        border-radius: 19px;\n    }\n\n    .sg-contact-title {\n        font-size: 38px;\n\n        letter-spacing: -1.4px;\n    }\n\n    .sg-contact-description {\n        font-size: 14.5px;\n    }\n\n    .sg-contact-actions {\n        flex-direction: column;\n\n        align-items: stretch;\n    }\n\n    .sg-contact-btn-primary,\n    .sg-contact-btn-secondary {\n        width: 100%;\n    }\n\n    .sg-contact-quick-value {\n        font-size: 14px;\n    }\n}\n<\/style>\n\n<!-- =========================================================\n     SUNGLOW GROUP\n     CONTACT US \u2014 SECTION 1\n     ========================================================= -->\n\n<section class=\"sg-contact-hero\">\n\n    <div class=\"sg-contact-container\">\n\n\n        <!-- =================================================\n             LEFT SIDE \u2014 IMAGE\n             ================================================= -->\n\n        <div class=\"sg-contact-image-wrap\">\n\n            <div class=\"sg-contact-image\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/sunglowgroup.in\/wp-content\/uploads\/2026\/08\/image-4.jpg\"\n                    alt=\"Sunglow Group\"\n                    loading=\"eager\"\n                >\n\n                <!-- Decorative Corner -->\n                <span class=\"sg-image-accent\"><\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             RIGHT SIDE \u2014 CONTENT\n             ================================================= -->\n\n        <div class=\"sg-contact-content\">\n\n\n            <!-- Eyebrow -->\n\n            <div class=\"sg-contact-eyebrow\">\n                Contact Sunglow Group\n            <\/div>\n\n\n            <!-- Heading -->\n\n            <h1 class=\"sg-contact-title\">\n\n                Let\u2019s Start a\n\n                <span class=\"sg-title-accent\">\n                    Conversation.\n                <\/span>\n\n            <\/h1>\n\n\n            <!-- Description -->\n\n            <p class=\"sg-contact-description\">\n\n                Whether you have a project in mind, need more\n                information, or simply want to explore how we\n                can work together, our team is here to help.\n\n            <\/p>\n\n\n            <!-- Quick Contact -->\n\n            <div class=\"sg-contact-quick\">\n\n                <span class=\"sg-contact-quick-icon\">\n\n                    <i class=\"fas fa-phone-alt\"><\/i>\n\n                <\/span>\n\n\n                <span class=\"sg-contact-quick-text\">\n\n                    <span class=\"sg-contact-quick-label\">\n                        Talk to our team\n                    <\/span>\n\n                    <span class=\"sg-contact-quick-value\">\n                        +91 XXXXX XXXXX\n                    <\/span>\n\n                <\/span>\n\n            <\/div>\n\n\n            <!-- Buttons -->\n\n            <div class=\"sg-contact-actions\">\n\n\n                <!-- Primary Button -->\n\n                <a\n                    href=\"#get-in-touch\"\n                    class=\"sg-contact-btn-primary\"\n                >\n\n                    <span>\n                        Get In Touch\n                    <\/span>\n\n                    <span class=\"sg-btn-arrow\">\n\n                        <i class=\"fas fa-arrow-right\"><\/i>\n\n                    <\/span>\n\n                <\/a>\n\n\n                <!-- Secondary Button -->\n\n                <a\n                    href=\"#address-section\"\n                    class=\"sg-contact-btn-secondary\"\n                >\n\n                    <i class=\"fas fa-map-marker-alt\"><\/i>\n\n                    <span>\n                        Find Our Office\n                    <\/span>\n\n                <\/a>\n\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e2957f9 e-grid e-con-full e-con e-parent\" data-id=\"e2957f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64a71cd elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"64a71cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SUNGLOW GROUP \u2014 CONTACT PAGE\r\n   SECTION 2 \u2014 PART 1A\r\n   PREMIUM CONTACT INFORMATION\r\n   ========================================================= *\/\r\n\r\n\r\n\/* =========================================================\r\n   BRAND VARIABLES\r\n   ========================================================= *\/\r\n\r\n.sg-contact-info-section {\r\n\r\n    --sg-navy: #241656;\r\n    --sg-red: #BD241E;\r\n    --sg-yellow: #FFF9AD;\r\n    --sg-bg: #F7F6F2;\r\n\r\n    --sg-text: #5C5868;\r\n    --sg-muted: #85818C;\r\n\r\n    --sg-white: #FFFFFF;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: 110px 0;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 8% 15%,\r\n            rgba(255, 249, 173, 0.30),\r\n            transparent 27%\r\n        ),\r\n        radial-gradient(\r\n            circle at 95% 85%,\r\n            rgba(189, 36, 30, 0.055),\r\n            transparent 25%\r\n        ),\r\n        var(--sg-bg);\r\n\r\n    overflow: hidden;\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GLOW 01\r\n   ========================================================= *\/\r\n\r\n.sg-contact-info-section::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 430px;\r\n    height: 430px;\r\n\r\n    left: -260px;\r\n    top: -210px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(255, 249, 173, 0.38) 0%,\r\n            rgba(255, 249, 173, 0.12) 40%,\r\n            transparent 72%\r\n        );\r\n\r\n    filter: blur(2px);\r\n\r\n    z-index: -1;\r\n\r\n    animation:\r\n        sgSection2GlowOne\r\n        8s ease-in-out infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GLOW 02\r\n   ========================================================= *\/\r\n\r\n.sg-contact-info-section::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 360px;\r\n    height: 360px;\r\n\r\n    right: -190px;\r\n    bottom: -170px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(189, 36, 30, 0.09),\r\n            transparent 68%\r\n        );\r\n\r\n    filter: blur(5px);\r\n\r\n    z-index: -1;\r\n\r\n    animation:\r\n        sgSection2GlowTwo\r\n        9s ease-in-out infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID CONTAINER\r\n   ========================================================= *\/\r\n\r\n.sg-contact-info-grid {\r\n\r\n    width: min(\r\n        1200px,\r\n        calc(100% - 50px)\r\n    );\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 0.9fr)\r\n        minmax(0, 1.1fr);\r\n\r\n    gap: 70px;\r\n\r\n    align-items: stretch;\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT COLUMN\r\n   ========================================================= *\/\r\n\r\n.sg-contact-info-left {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    min-width: 0;\r\n\r\n    padding: 10px 0;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT SIDE DECORATIVE GLOW\r\n   ========================================================= *\/\r\n\r\n.sg-contact-info-left::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 220px;\r\n    height: 220px;\r\n\r\n    left: -90px;\r\n    top: 8%;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(255, 249, 173, 0.32),\r\n            transparent 70%\r\n        );\r\n\r\n    filter: blur(3px);\r\n\r\n    z-index: -1;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOT PATTERN\r\n   ========================================================= *\/\r\n\r\n.sg-contact-info-left::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 100px;\r\n    height: 100px;\r\n\r\n    right: 0;\r\n    top: -20px;\r\n\r\n    background-image:\r\n        radial-gradient(\r\n            var(--sg-navy) 1.2px,\r\n            transparent 1.2px\r\n        );\r\n\r\n    background-size: 10px 10px;\r\n\r\n    opacity: 0.10;\r\n\r\n    z-index: -1;\r\n\r\n    pointer-events: none;\r\n\r\n    animation:\r\n        sgDotFloat\r\n        6s ease-in-out infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n   ========================================================= *\/\r\n\r\n.sg-info-eyebrow {\r\n\r\n    position: relative;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    width: fit-content;\r\n\r\n    margin-bottom: 21px;\r\n\r\n    padding: 8px 13px;\r\n\r\n    border-radius: 100px;\r\n\r\n    background:\r\n        rgba(189, 36, 30, 0.06);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(189, 36, 30, 0.10);\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 1.7px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    color: var(--sg-red);\r\n\r\n    transition:\r\n        background 0.35s ease,\r\n        border-color 0.35s ease,\r\n        transform 0.35s ease;\r\n}\r\n\r\n\r\n.sg-info-eyebrow::before {\r\n\r\n    content: \"\";\r\n\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--sg-red);\r\n\r\n    box-shadow:\r\n        0 0 0 4px\r\n        rgba(189, 36, 30, 0.09);\r\n\r\n    animation:\r\n        sgPulseDot\r\n        2s ease-in-out infinite;\r\n}\r\n\r\n\r\n.sg-contact-info-left:hover\r\n.sg-info-eyebrow {\r\n\r\n    background:\r\n        rgba(255, 249, 173, 0.42);\r\n\r\n    border-color:\r\n        rgba(189, 36, 30, 0.14);\r\n\r\n    transform:\r\n        translateY(-2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN TITLE\r\n   ========================================================= *\/\r\n\r\n.sg-info-title {\r\n\r\n    margin: 0;\r\n\r\n    max-width: 510px;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size:\r\n        clamp(40px, 4vw, 58px);\r\n\r\n    font-weight: 850;\r\n\r\n    line-height: 1.04;\r\n\r\n    letter-spacing: -2.4px;\r\n\r\n    color: var(--sg-navy);\r\n}\r\n\r\n\r\n\/* Highlight *\/\r\n\r\n.sg-info-highlight {\r\n\r\n    position: relative;\r\n\r\n    display: inline-block;\r\n\r\n    color: var(--sg-red);\r\n\r\n    z-index: 1;\r\n}\r\n\r\n\r\n\/* Highlight Background *\/\r\n\r\n.sg-info-highlight::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: -5px;\r\n    right: -5px;\r\n\r\n    bottom: 2px;\r\n\r\n    height: 13px;\r\n\r\n    border-radius: 100px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--sg-yellow),\r\n            rgba(255, 249, 173, 0.45)\r\n        );\r\n\r\n    transform:\r\n        rotate(-1.5deg);\r\n\r\n    z-index: -1;\r\n\r\n    transition:\r\n        transform 0.4s ease,\r\n        height 0.4s ease;\r\n}\r\n\r\n\r\n.sg-contact-info-left:hover\r\n.sg-info-highlight::before {\r\n\r\n    height: 16px;\r\n\r\n    transform:\r\n        rotate(1deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n   ========================================================= *\/\r\n\r\n.sg-info-description {\r\n\r\n    max-width: 485px;\r\n\r\n    margin: 23px 0 34px;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 16px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.75;\r\n\r\n    color: var(--sg-text);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DETAILS WRAPPER\r\n   ========================================================= *\/\r\n\r\n.sg-info-details {\r\n\r\n    width: 100%;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT CARD\r\n   ========================================================= *\/\r\n\r\n.sg-info-card {\r\n\r\n    --card-x: 0px;\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 16px;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 78px;\r\n\r\n    padding: 14px 16px 14px 14px;\r\n\r\n    background:\r\n        rgba(255, 255, 255, 0.84);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(36, 22, 86, 0.075);\r\n\r\n    border-radius: 19px;\r\n\r\n    box-shadow:\r\n        0 8px 28px\r\n        rgba(36, 22, 86, 0.045);\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(10px);\r\n\r\n    overflow: hidden;\r\n\r\n    transform:\r\n        translateX(var(--card-x));\r\n\r\n    transition:\r\n        transform 0.45s cubic-bezier(.2,.7,.2,1),\r\n        box-shadow 0.45s ease,\r\n        border-color 0.35s ease,\r\n        background 0.35s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD GRADIENT BORDER\r\n   ========================================================= *\/\r\n\r\n.sg-info-card::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    padding: 1px;\r\n\r\n    border-radius: inherit;\r\n\r\n    background:\r\n        linear-gradient(\r\n            120deg,\r\n            transparent 15%,\r\n            rgba(189, 36, 30, 0.55),\r\n            rgba(255, 249, 173, 0.75),\r\n            transparent 85%\r\n        );\r\n\r\n    -webkit-mask:\r\n        linear-gradient(#fff 0 0)\r\n        content-box,\r\n        linear-gradient(#fff 0 0);\r\n\r\n    -webkit-mask-composite:\r\n        xor;\r\n\r\n    mask-composite:\r\n        exclude;\r\n\r\n    opacity: 0;\r\n\r\n    transition:\r\n        opacity 0.4s ease;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD LEFT ACCENT\r\n   ========================================================= *\/\r\n\r\n.sg-info-card::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    top: 15px;\r\n    bottom: 15px;\r\n\r\n    width: 3px;\r\n\r\n    border-radius: 0 5px 5px 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            var(--sg-red),\r\n            var(--sg-yellow)\r\n        );\r\n\r\n    transform:\r\n        scaleY(0);\r\n\r\n    transform-origin: center;\r\n\r\n    transition:\r\n        transform 0.4s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD HOVER\r\n   ========================================================= *\/\r\n\r\n.sg-info-card:hover {\r\n\r\n    --card-x: 7px;\r\n\r\n    background:\r\n        rgba(255, 255, 255, 0.98);\r\n\r\n    border-color:\r\n        rgba(189, 36, 30, 0.14);\r\n\r\n    box-shadow:\r\n        0 18px 42px\r\n        rgba(36, 22, 86, 0.105);\r\n}\r\n\r\n\r\n.sg-info-card:hover::before {\r\n\r\n    opacity: 1;\r\n}\r\n\r\n\r\n.sg-info-card:hover::after {\r\n\r\n    transform:\r\n        scaleY(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n   ========================================================= *\/\r\n\r\n.sg-info-icon {\r\n\r\n    position: relative;\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    flex:\r\n        0 0 48px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 15px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            var(--sg-yellow),\r\n            #fff4a5\r\n        );\r\n\r\n    color: var(--sg-navy);\r\n\r\n    font-size: 16px;\r\n\r\n    box-shadow:\r\n        inset 0 0 0 1px\r\n        rgba(36, 22, 86, 0.035);\r\n\r\n    transition:\r\n        transform 0.45s cubic-bezier(.2,.7,.2,1),\r\n        background 0.4s ease,\r\n        color 0.4s ease,\r\n        box-shadow 0.4s ease;\r\n}\r\n\r\n\r\n\/* Icon Glow *\/\r\n\r\n.sg-info-icon::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: -5px;\r\n\r\n    border-radius: inherit;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(255, 249, 173, 0.55),\r\n            transparent 70%\r\n        );\r\n\r\n    opacity: 0;\r\n\r\n    z-index: -1;\r\n\r\n    transition:\r\n        opacity 0.4s ease;\r\n}\r\n\r\n\r\n\/* Icon Hover *\/\r\n\r\n.sg-info-card:hover\r\n.sg-info-icon {\r\n\r\n    transform:\r\n        rotate(-7deg)\r\n        scale(1.08);\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            var(--sg-navy),\r\n            #34206f\r\n        );\r\n\r\n    color: #ffffff;\r\n\r\n    box-shadow:\r\n        0 8px 22px\r\n        rgba(36, 22, 86, 0.20);\r\n}\r\n\r\n\r\n.sg-info-card:hover\r\n.sg-info-icon::before {\r\n\r\n    opacity: 1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD CONTENT\r\n   ========================================================= *\/\r\n\r\n.sg-info-card-content {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 5px;\r\n\r\n    min-width: 0;\r\n\r\n    flex: 1;\r\n}\r\n\r\n\r\n\/* Label *\/\r\n\r\n.sg-info-card-label {\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 1.35px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    color: var(--sg-muted);\r\n}\r\n\r\n\r\n\/* Value *\/\r\n\r\n.sg-info-card-value {\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.45;\r\n\r\n    color: var(--sg-navy);\r\n\r\n    word-break: break-word;\r\n}\r\n\r\n\r\n\/* Links *\/\r\n\r\n.sg-info-card-value a {\r\n\r\n    color: inherit;\r\n\r\n    text-decoration: none;\r\n\r\n    transition:\r\n        color 0.3s ease;\r\n}\r\n\r\n\r\n.sg-info-card-value a:hover {\r\n\r\n    color: var(--sg-red);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD ARROW\r\n   ========================================================= *\/\r\n\r\n.sg-info-card-arrow {\r\n\r\n    width: 29px;\r\n    height: 29px;\r\n\r\n    flex:\r\n        0 0 29px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(36, 22, 86, 0.055);\r\n\r\n    color: var(--sg-navy);\r\n\r\n    font-size: 10px;\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translateX(-8px);\r\n\r\n    transition:\r\n        opacity 0.35s ease,\r\n        transform 0.35s ease,\r\n        background 0.35s ease,\r\n        color 0.35s ease;\r\n}\r\n\r\n\r\n.sg-info-card:hover\r\n.sg-info-card-arrow {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n        translateX(0);\r\n\r\n    background:\r\n        var(--sg-red);\r\n\r\n    color: #ffffff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATED CARD DELAY\r\n   ========================================================= *\/\r\n\r\n.sg-info-card:nth-child(1) {\r\n\r\n    transition-delay: 0s;\r\n}\r\n\r\n.sg-info-card:nth-child(2) {\r\n\r\n    transition-delay: 0.04s;\r\n}\r\n\r\n.sg-info-card:nth-child(3) {\r\n\r\n    transition-delay: 0.08s;\r\n}\r\n\r\n.sg-info-card:nth-child(4) {\r\n\r\n    transition-delay: 0.12s;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KEYFRAME \u2014 GLOW\r\n   ========================================================= *\/\r\n\r\n@keyframes sgSection2GlowOne {\r\n\r\n    0%,\r\n    100% {\r\n        transform:\r\n            translate3d(0, 0, 0)\r\n            scale(1);\r\n    }\r\n\r\n    50% {\r\n        transform:\r\n            translate3d(25px, 18px, 0)\r\n            scale(1.08);\r\n    }\r\n}\r\n\r\n\r\n@keyframes sgSection2GlowTwo {\r\n\r\n    0%,\r\n    100% {\r\n        transform:\r\n            translate3d(0, 0, 0)\r\n            scale(1);\r\n    }\r\n\r\n    50% {\r\n        transform:\r\n            translate3d(-20px, -15px, 0)\r\n            scale(1.1);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KEYFRAME \u2014 DOT FLOAT\r\n   ========================================================= *\/\r\n\r\n@keyframes sgDotFloat {\r\n\r\n    0%,\r\n    100% {\r\n        transform:\r\n            translateY(0);\r\n    }\r\n\r\n    50% {\r\n        transform:\r\n            translateY(10px);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KEYFRAME \u2014 PULSE\r\n   ========================================================= *\/\r\n\r\n@keyframes sgPulseDot {\r\n\r\n    0%,\r\n    100% {\r\n        box-shadow:\r\n            0 0 0 4px\r\n            rgba(189, 36, 30, 0.09);\r\n    }\r\n\r\n    50% {\r\n        box-shadow:\r\n            0 0 0 7px\r\n            rgba(189, 36, 30, 0.035);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .sg-contact-info-section {\r\n\r\n        padding: 85px 0;\r\n    }\r\n\r\n    .sg-contact-info-grid {\r\n\r\n        width: min(\r\n            92%,\r\n            900px\r\n        );\r\n\r\n        gap: 42px;\r\n    }\r\n\r\n    .sg-info-title {\r\n\r\n        font-size:\r\n            clamp(38px, 5vw, 50px);\r\n\r\n        letter-spacing: -1.8px;\r\n    }\r\n\r\n    .sg-info-description {\r\n\r\n        font-size: 15px;\r\n\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .sg-info-card {\r\n\r\n        min-height: 72px;\r\n\r\n        padding: 12px 14px;\r\n    }\r\n\r\n    .sg-info-icon {\r\n\r\n        width: 44px;\r\n        height: 44px;\r\n\r\n        flex-basis: 44px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sg-contact-info-section {\r\n\r\n        padding: 70px 0;\r\n    }\r\n\r\n    .sg-contact-info-grid {\r\n\r\n        width:\r\n            calc(100% - 32px);\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 45px;\r\n    }\r\n\r\n    .sg-contact-info-left {\r\n\r\n        padding: 0;\r\n    }\r\n\r\n    .sg-info-title {\r\n\r\n        font-size:\r\n            clamp(36px, 10vw, 48px);\r\n\r\n        line-height: 1.06;\r\n\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n    .sg-info-description {\r\n\r\n        max-width: 100%;\r\n\r\n        margin-top: 19px;\r\n\r\n        margin-bottom: 27px;\r\n\r\n        font-size: 14.5px;\r\n\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .sg-info-card {\r\n\r\n        min-height: 72px;\r\n\r\n        padding: 12px;\r\n\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .sg-info-card:hover {\r\n\r\n        --card-x: 0px;\r\n\r\n        transform:\r\n            translateY(-4px);\r\n    }\r\n\r\n    .sg-info-icon {\r\n\r\n        width: 43px;\r\n        height: 43px;\r\n\r\n        flex-basis: 43px;\r\n\r\n        border-radius: 13px;\r\n    }\r\n\r\n    .sg-info-card-value {\r\n\r\n        font-size: 13.5px;\r\n    }\r\n\r\n    .sg-info-card-arrow {\r\n\r\n        display: none;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .sg-contact-info-section {\r\n\r\n        padding: 55px 0;\r\n    }\r\n\r\n    .sg-contact-info-grid {\r\n\r\n        width:\r\n            calc(100% - 24px);\r\n\r\n        gap: 35px;\r\n    }\r\n\r\n    .sg-info-eyebrow {\r\n\r\n        font-size: 10px;\r\n\r\n        letter-spacing: 1.5px;\r\n\r\n        padding: 7px 11px;\r\n    }\r\n\r\n    .sg-info-title {\r\n\r\n        font-size: 35px;\r\n\r\n        letter-spacing: -1.2px;\r\n    }\r\n\r\n    .sg-info-description {\r\n\r\n        font-size: 14px;\r\n    }\r\n\r\n    .sg-info-card {\r\n\r\n        gap: 11px;\r\n\r\n        min-height: 68px;\r\n\r\n        padding: 11px;\r\n    }\r\n\r\n    .sg-info-icon {\r\n\r\n        width: 40px;\r\n        height: 40px;\r\n\r\n        flex-basis: 40px;\r\n\r\n        font-size: 14px;\r\n\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .sg-info-card-label {\r\n\r\n        font-size: 9px;\r\n    }\r\n\r\n    .sg-info-card-value {\r\n\r\n        font-size: 12.5px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- =========================================================\r\n     SUNGLOW GROUP\r\n     CONTACT PAGE \u2014 SECTION 2\r\n     PART 2A \u2014 LEFT SIDE CONTACT INFORMATION\r\n     ========================================================= -->\r\n\r\n<div class=\"sg-contact-info-left\">\r\n\r\n    <!-- EYEBROW -->\r\n    <div class=\"sg-info-eyebrow\">\r\n        Contact Information\r\n    <\/div>\r\n\r\n\r\n    <!-- MAIN HEADING -->\r\n    <h2 class=\"sg-info-title\">\r\n        Let\u2019s Start a\r\n        <span class=\"sg-info-highlight\">Conversation.<\/span>\r\n    <\/h2>\r\n\r\n\r\n    <!-- DESCRIPTION -->\r\n    <p class=\"sg-info-description\">\r\n        Whether you have a question, a new project in mind,\r\n        or simply want to learn more about Sunglow Group,\r\n        our team is ready to hear from you.\r\n    <\/p>\r\n\r\n\r\n    <!-- =====================================================\r\n         CONTACT DETAILS\r\n         ===================================================== -->\r\n\r\n    <div class=\"sg-info-details\">\r\n\r\n\r\n        <!-- =================================================\r\n             OFFICE ADDRESS\r\n             ================================================= -->\r\n\r\n        <div class=\"sg-info-card\">\r\n\r\n            <!-- ICON -->\r\n            <span class=\"sg-info-icon\">\r\n                <i class=\"fas fa-map-marker-alt\"><\/i>\r\n            <\/span>\r\n\r\n\r\n            <!-- CONTENT -->\r\n            <div class=\"sg-info-card-content\">\r\n\r\n                <span class=\"sg-info-card-label\">\r\n                    Visit Our Office\r\n                <\/span>\r\n\r\n                <span class=\"sg-info-card-value\">\r\n                   5002, 5th floor, Avadh Rituraj Textile Hub, Godadara road, Surat, Gujarat(395010),<br>\r\n                    G-172\/F-256, 3rd phase, Ricco Industrial area, Bhilwara, Rajasthan (311001)\r\n\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- ARROW -->\r\n            <span class=\"sg-info-card-arrow\">\r\n                <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             OFFICE HOURS\r\n             ================================================= -->\r\n\r\n        <div class=\"sg-info-card\">\r\n\r\n            <!-- ICON -->\r\n            <span class=\"sg-info-icon\">\r\n                <i class=\"far fa-clock\"><\/i>\r\n            <\/span>\r\n\r\n\r\n            <!-- CONTENT -->\r\n            <div class=\"sg-info-card-content\">\r\n\r\n                <span class=\"sg-info-card-label\">\r\n                    Office Hours\r\n                <\/span>\r\n\r\n                <span class=\"sg-info-card-value\">\r\n                    Monday \u2013 Saturday<br>\r\n                    10:00 AM \u2013 6:00 PM\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- ARROW -->\r\n            <span class=\"sg-info-card-arrow\">\r\n                <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             PHONE\r\n             ================================================= -->\r\n\r\n        <div class=\"sg-info-card\">\r\n\r\n            <!-- ICON -->\r\n            <span class=\"sg-info-icon\">\r\n                <i class=\"fas fa-phone-alt\"><\/i>\r\n            <\/span>\r\n\r\n\r\n            <!-- CONTENT -->\r\n            <div class=\"sg-info-card-content\">\r\n\r\n                <span class=\"sg-info-card-label\">\r\n                    Call Us\r\n                <\/span>\r\n\r\n                <span class=\"sg-info-card-value\">\r\n                    <a href=\"tel:+91XXXXXXXXXX\">\r\n                        +91 XXXXX XXXXX\r\n                    <\/a>\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- ARROW -->\r\n            <span class=\"sg-info-card-arrow\">\r\n                <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             EMAIL\r\n             ================================================= -->\r\n\r\n        <div class=\"sg-info-card\">\r\n\r\n            <!-- ICON -->\r\n            <span class=\"sg-info-icon\">\r\n                <i class=\"far fa-envelope\"><\/i>\r\n            <\/span>\r\n\r\n\r\n            <!-- CONTENT -->\r\n            <div class=\"sg-info-card-content\">\r\n\r\n                <span class=\"sg-info-card-label\">\r\n                    Email Us\r\n                <\/span>\r\n\r\n                <span class=\"sg-info-card-value\">\r\n                    <a href=\"mailto:info@sunglowgroup.com\">\r\n                        info@sunglowgroup.com\r\n                    <\/a>\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- ARROW -->\r\n            <span class=\"sg-info-card-arrow\">\r\n                <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6beb7a2 e-con-full e-flex e-con e-child\" data-id=\"6beb7a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-779e535 elementor-widget elementor-widget-html\" data-id=\"779e535\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SUNGLOW GROUP \u2014 CONTACT PAGE\r\n   SECTION 2 \u2014 PART 1B\r\n   PREMIUM CONTACT FORM\r\n   ========================================================= *\/\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT FORM AREA\r\n   ========================================================= *\/\r\n\r\n.sg-contact-form-area {\r\n\r\n    --sg-navy: #241656;\r\n    --sg-red: #BD241E;\r\n    --sg-yellow: #FFF9AD;\r\n    --sg-bg: #F7F6F2;\r\n\r\n    --sg-text: #5C5868;\r\n    --sg-muted: #85818C;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    min-width: 0;\r\n\r\n    padding: 44px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(255, 255, 255, 0.98),\r\n            rgba(255, 255, 255, 0.90)\r\n        );\r\n\r\n    border: 1px solid\r\n        rgba(36, 22, 86, 0.075);\r\n\r\n    border-radius: 28px;\r\n\r\n    box-shadow:\r\n        0 28px 70px\r\n        rgba(36, 22, 86, 0.09),\r\n        0 6px 22px\r\n        rgba(36, 22, 86, 0.045);\r\n\r\n    backdrop-filter:\r\n        blur(14px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(14px);\r\n\r\n    overflow: hidden;\r\n\r\n    isolation: isolate;\r\n\r\n    transition:\r\n        box-shadow 0.5s ease,\r\n        transform 0.5s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP BRAND GRADIENT\r\n   ========================================================= *\/\r\n\r\n.sg-contact-form-area::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n\r\n    width: 100%;\r\n    height: 5px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--sg-red) 0%,\r\n            var(--sg-red) 32%,\r\n            var(--sg-yellow) 32%,\r\n            var(--sg-yellow) 68%,\r\n            var(--sg-navy) 68%,\r\n            var(--sg-navy) 100%\r\n        );\r\n\r\n    background-size:\r\n        200% 100%;\r\n\r\n    animation:\r\n        sgFormGradientMove\r\n        6s ease-in-out infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GLOW\r\n   ========================================================= *\/\r\n\r\n.sg-contact-form-area::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 300px;\r\n    height: 300px;\r\n\r\n    right: -150px;\r\n    top: -145px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(255, 249, 173, 0.38),\r\n            rgba(255, 249, 173, 0.08) 42%,\r\n            transparent 70%\r\n        );\r\n\r\n    filter: blur(4px);\r\n\r\n    pointer-events: none;\r\n\r\n    z-index: -1;\r\n\r\n    animation:\r\n        sgFormGlow\r\n        8s ease-in-out infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM INTRO\r\n   ========================================================= *\/\r\n\r\n.sg-form-intro {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    margin-bottom: 29px;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM EYEBROW\r\n   ========================================================= *\/\r\n\r\n.sg-form-eyebrow {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    width: fit-content;\r\n\r\n    margin-bottom: 14px;\r\n\r\n    padding: 8px 12px;\r\n\r\n    border-radius: 100px;\r\n\r\n    background:\r\n        rgba(36, 22, 86, 0.055);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(36, 22, 86, 0.075);\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 1.6px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    color: var(--sg-navy);\r\n\r\n    transition:\r\n        background 0.35s ease,\r\n        border-color 0.35s ease,\r\n        transform 0.35s ease;\r\n}\r\n\r\n\r\n.sg-form-eyebrow::before {\r\n\r\n    content: \"\";\r\n\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--sg-red);\r\n\r\n    box-shadow:\r\n        0 0 0 4px\r\n        rgba(189, 36, 30, 0.08);\r\n\r\n    animation:\r\n        sgFormPulse\r\n        2s ease-in-out infinite;\r\n}\r\n\r\n\r\n.sg-contact-form-area:hover\r\n.sg-form-eyebrow {\r\n\r\n    background:\r\n        rgba(255, 249, 173, 0.38);\r\n\r\n    border-color:\r\n        rgba(189, 36, 30, 0.10);\r\n\r\n    transform:\r\n        translateY(-2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM TITLE\r\n   ========================================================= *\/\r\n\r\n.sg-form-title {\r\n\r\n    max-width: 570px;\r\n\r\n    margin: 0;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size:\r\n        clamp(31px, 3.2vw, 44px);\r\n\r\n    font-weight: 850;\r\n\r\n    line-height: 1.08;\r\n\r\n    letter-spacing: -1.7px;\r\n\r\n    color: var(--sg-navy);\r\n}\r\n\r\n\r\n\/* Highlight *\/\r\n\r\n.sg-form-highlight {\r\n\r\n    position: relative;\r\n\r\n    display: inline-block;\r\n\r\n    color: var(--sg-red);\r\n\r\n    z-index: 1;\r\n}\r\n\r\n\r\n.sg-form-highlight::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: -3px;\r\n    right: -3px;\r\n\r\n    bottom: 0;\r\n\r\n    height: 9px;\r\n\r\n    border-radius: 100px;\r\n\r\n    background:\r\n        var(--sg-yellow);\r\n\r\n    transform:\r\n        rotate(-1deg);\r\n\r\n    z-index: -1;\r\n\r\n    transition:\r\n        transform 0.4s ease,\r\n        height 0.4s ease;\r\n}\r\n\r\n\r\n.sg-contact-form-area:hover\r\n.sg-form-highlight::after {\r\n\r\n    height: 12px;\r\n\r\n    transform:\r\n        rotate(1deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM DESCRIPTION\r\n   ========================================================= *\/\r\n\r\n.sg-form-description {\r\n\r\n    max-width: 510px;\r\n\r\n    margin: 13px 0 0;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.7;\r\n\r\n    color: var(--sg-text);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM CARD\r\n   ========================================================= *\/\r\n\r\n.sg-contact-form-card {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    min-width: 0;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GENERIC FORM\r\n   ========================================================= *\/\r\n\r\n.sg-contact-form-card form {\r\n\r\n    width: 100%;\r\n\r\n    margin: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM PARAGRAPHS\r\n   ========================================================= *\/\r\n\r\n.sg-contact-form-card p {\r\n\r\n    margin-top: 0;\r\n\r\n    margin-bottom: 15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TWO COLUMN FORM ROW\r\n   ========================================================= *\/\r\n\r\n.sg-contact-form-card\r\n.sg-form-row {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n\r\n    gap: 14px;\r\n\r\n    width: 100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FIELD\r\n   ========================================================= *\/\r\n\r\n.sg-form-field {\r\n\r\n    width: 100%;\r\n\r\n    min-width: 0;\r\n\r\n    position: relative;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n   ========================================================= *\/\r\n\r\n.sg-contact-form-card label {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 7px;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.3;\r\n\r\n    letter-spacing: 0.7px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    color: var(--sg-navy);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INPUTS\r\n   ========================================================= *\/\r\n\r\n.sg-contact-form-card\r\ninput[type=\"text\"],\r\n.sg-contact-form-card\r\ninput[type=\"email\"],\r\n.sg-contact-form-card\r\ninput[type=\"tel\"],\r\n.sg-contact-form-card\r\ninput[type=\"number\"],\r\n.sg-contact-form-card\r\ninput[type=\"url\"],\r\n.sg-contact-form-card\r\ninput[type=\"date\"],\r\n.sg-contact-form-card\r\ninput[type=\"time\"],\r\n.sg-contact-form-card\r\nselect,\r\n.sg-contact-form-card\r\ntextarea {\r\n\r\n    position: relative;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 52px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    padding: 13px 16px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(36, 22, 86, 0.12);\r\n\r\n    border-radius: 13px;\r\n\r\n    background:\r\n        rgba(247, 246, 242, 0.55);\r\n\r\n    color: var(--sg-navy);\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 13.5px;\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: 1.4;\r\n\r\n    outline: none;\r\n\r\n    box-shadow: none;\r\n\r\n    appearance: none;\r\n\r\n    transition:\r\n        background 0.35s ease,\r\n        border-color 0.35s ease,\r\n        box-shadow 0.35s ease,\r\n        transform 0.35s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PLACEHOLDER\r\n   ========================================================= *\/\r\n\r\n.sg-contact-form-card\r\ninput::placeholder,\r\n.sg-contact-form-card\r\ntextarea::placeholder {\r\n\r\n    color: #9B97A3;\r\n\r\n    opacity: 1;\r\n\r\n    transition:\r\n        color 0.3s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INPUT HOVER\r\n   ========================================================= *\/\r\n\r\n.sg-contact-form-card\r\ninput:hover,\r\n.sg-contact-form-card\r\nselect:hover,\r\n.sg-contact-form-card\r\ntextarea:hover {\r\n\r\n    background: #ffffff;\r\n\r\n    border-color:\r\n        rgba(36, 22, 86, 0.23);\r\n\r\n    transform:\r\n        translateY(-1px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INPUT FOCUS\r\n   ========================================================= *\/\r\n\r\n.sg-contact-form-card\r\ninput:focus,\r\n.sg-contact-form-card\r\nselect:focus,\r\n.sg-contact-form-card\r\ntextarea:focus {\r\n\r\n    background: #ffffff;\r\n\r\n    border-color:\r\n        var(--sg-red);\r\n\r\n    box-shadow:\r\n        0 0 0 3px\r\n        rgba(189, 36, 30, 0.08),\r\n        0 8px 22px\r\n        rgba(36, 22, 86, 0.055);\r\n\r\n    transform:\r\n        translateY(-2px);\r\n}\r\n\r\n\r\n.sg-contact-form-card\r\ninput:focus::placeholder,\r\n.sg-contact-form-card\r\ntextarea:focus::placeholder {\r\n\r\n    color: #B4B0B8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXTAREA\r\n   ========================================================= *\/\r\n\r\n.sg-contact-form-card textarea {\r\n\r\n    min-height: 125px;\r\n\r\n    resize: vertical;\r\n\r\n    line-height: 1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SELECT\r\n   ========================================================= *\/\r\n\r\n.sg-contact-form-card select {\r\n\r\n    cursor: pointer;\r\n\r\n    padding-right: 40px;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            45deg,\r\n            transparent 50%,\r\n            var(--sg-navy) 50%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            var(--sg-navy) 50%,\r\n            transparent 50%\r\n        );\r\n\r\n    background-position:\r\n        calc(100% - 18px) 22px,\r\n        calc(100% - 13px) 22px;\r\n\r\n    background-size:\r\n        5px 5px,\r\n        5px 5px;\r\n\r\n    background-repeat:\r\n        no-repeat;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBMIT BUTTON\r\n   ========================================================= *\/\r\n\r\n.sg-contact-form-card\r\ninput[type=\"submit\"],\r\n.sg-contact-form-card\r\nbutton[type=\"submit\"],\r\n.sg-contact-form-card\r\n.sg-submit-button {\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 55px;\r\n\r\n    margin-top: 5px;\r\n\r\n    padding: 0 28px;\r\n\r\n    border: none;\r\n\r\n    border-radius: 100px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            100deg,\r\n            var(--sg-navy),\r\n            #34206f 45%,\r\n            var(--sg-red)\r\n        );\r\n\r\n    background-size:\r\n        200% 100%;\r\n\r\n    color: #ffffff;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 0.5px;\r\n\r\n    cursor: pointer;\r\n\r\n    overflow: hidden;\r\n\r\n    box-shadow:\r\n        0 10px 25px\r\n        rgba(36, 22, 86, 0.16);\r\n\r\n    transition:\r\n        background-position 0.5s ease,\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease;\r\n}\r\n\r\n\r\n\/* Button shine *\/\r\n\r\n.sg-contact-form-card\r\ninput[type=\"submit\"]::before,\r\n.sg-contact-form-card\r\nbutton[type=\"submit\"]::before,\r\n.sg-contact-form-card\r\n.sg-submit-button::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: -100%;\r\n\r\n    width: 70%;\r\n    height: 100%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(255,255,255,0.20),\r\n            transparent\r\n        );\r\n\r\n    transform:\r\n        skewX(-20deg);\r\n\r\n    transition:\r\n        left 0.6s ease;\r\n}\r\n\r\n\r\n\/* Button hover *\/\r\n\r\n.sg-contact-form-card\r\ninput[type=\"submit\"]:hover,\r\n.sg-contact-form-card\r\nbutton[type=\"submit\"]:hover,\r\n.sg-contact-form-card\r\n.sg-submit-button:hover {\r\n\r\n    background-position:\r\n        100% 0;\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 15px 32px\r\n        rgba(189, 36, 30, 0.20);\r\n}\r\n\r\n\r\n.sg-contact-form-card\r\ninput[type=\"submit\"]:hover::before,\r\n.sg-contact-form-card\r\nbutton[type=\"submit\"]:hover::before,\r\n.sg-contact-form-card\r\n.sg-submit-button:hover::before {\r\n\r\n    left: 140%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CHECKBOX \/ RADIO\r\n   ========================================================= *\/\r\n\r\n.sg-contact-form-card\r\ninput[type=\"checkbox\"],\r\n.sg-contact-form-card\r\ninput[type=\"radio\"] {\r\n\r\n    width: 16px;\r\n\r\n    height: 16px;\r\n\r\n    min-height: 16px;\r\n\r\n    accent-color:\r\n        var(--sg-red);\r\n\r\n    cursor: pointer;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT FORM 7\r\n   ========================================================= *\/\r\n\r\n.sg-contact-form-card\r\n.wpcf7-form-control-wrap {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n}\r\n\r\n\r\n.sg-contact-form-card\r\n.wpcf7-not-valid {\r\n\r\n    border-color:\r\n        var(--sg-red) !important;\r\n\r\n    box-shadow:\r\n        0 0 0 3px\r\n        rgba(189, 36, 30, 0.07) !important;\r\n}\r\n\r\n\r\n.sg-contact-form-card\r\n.wpcf7-not-valid-tip {\r\n\r\n    display: block;\r\n\r\n    margin-top: 5px;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.4;\r\n\r\n    color:\r\n        var(--sg-red);\r\n}\r\n\r\n\r\n.sg-contact-form-card\r\n.wpcf7-response-output {\r\n\r\n    margin: 15px 0 0 !important;\r\n\r\n    padding: 12px 14px !important;\r\n\r\n    border-radius: 11px !important;\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE MINI DOTS\r\n   ========================================================= *\/\r\n\r\n.sg-contact-form-card::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: 4px;\r\n    bottom: 0;\r\n\r\n    width: 75px;\r\n    height: 75px;\r\n\r\n    background-image:\r\n        radial-gradient(\r\n            var(--sg-red) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size:\r\n        8px 8px;\r\n\r\n    opacity: 0.08;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATIONS\r\n   ========================================================= *\/\r\n\r\n@keyframes sgFormGradientMove {\r\n\r\n    0%,\r\n    100% {\r\n        background-position:\r\n            0% 50%;\r\n    }\r\n\r\n    50% {\r\n        background-position:\r\n            100% 50%;\r\n    }\r\n}\r\n\r\n\r\n@keyframes sgFormGlow {\r\n\r\n    0%,\r\n    100% {\r\n        transform:\r\n            translate(0, 0)\r\n            scale(1);\r\n    }\r\n\r\n    50% {\r\n        transform:\r\n            translate(-20px, 18px)\r\n            scale(1.08);\r\n    }\r\n}\r\n\r\n\r\n@keyframes sgFormPulse {\r\n\r\n    0%,\r\n    100% {\r\n        box-shadow:\r\n            0 0 0 4px\r\n            rgba(189, 36, 30, 0.08);\r\n    }\r\n\r\n    50% {\r\n        box-shadow:\r\n            0 0 0 7px\r\n            rgba(189, 36, 30, 0.025);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .sg-contact-form-area {\r\n\r\n        padding: 35px;\r\n\r\n        border-radius: 24px;\r\n    }\r\n\r\n    .sg-form-title {\r\n\r\n        font-size:\r\n            clamp(30px, 4vw, 40px);\r\n\r\n        letter-spacing: -1.3px;\r\n    }\r\n\r\n    .sg-form-description {\r\n\r\n        font-size: 13.5px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sg-contact-form-area {\r\n\r\n        padding: 29px 21px;\r\n\r\n        border-radius: 21px;\r\n    }\r\n\r\n    .sg-form-intro {\r\n\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    .sg-form-title {\r\n\r\n        font-size:\r\n            clamp(29px, 8vw, 38px);\r\n\r\n        line-height: 1.08;\r\n\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .sg-form-description {\r\n\r\n        font-size: 13.5px;\r\n\r\n        line-height: 1.65;\r\n    }\r\n\r\n    .sg-contact-form-card\r\n    .sg-form-row {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 0;\r\n    }\r\n\r\n    .sg-contact-form-card p {\r\n\r\n        margin-bottom: 13px;\r\n    }\r\n\r\n    .sg-contact-form-card\r\n    input[type=\"text\"],\r\n    .sg-contact-form-card\r\n    input[type=\"email\"],\r\n    .sg-contact-form-card\r\n    input[type=\"tel\"],\r\n    .sg-contact-form-card\r\n    input[type=\"number\"],\r\n    .sg-contact-form-card\r\n    input[type=\"url\"],\r\n    .sg-contact-form-card\r\n    select,\r\n    .sg-contact-form-card\r\n    textarea {\r\n\r\n        min-height: 50px;\r\n\r\n        padding: 12px 14px;\r\n\r\n        font-size: 13.5px;\r\n\r\n        border-radius: 11px;\r\n    }\r\n\r\n    .sg-contact-form-card\r\n    textarea {\r\n\r\n        min-height: 115px;\r\n    }\r\n\r\n    .sg-contact-form-card\r\n    input[type=\"submit\"],\r\n    .sg-contact-form-card\r\n    button[type=\"submit\"],\r\n    .sg-contact-form-card\r\n    .sg-submit-button {\r\n\r\n        min-height: 52px;\r\n\r\n        font-size: 12.5px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .sg-contact-form-area {\r\n\r\n        padding: 25px 17px;\r\n\r\n        border-radius: 18px;\r\n    }\r\n\r\n    .sg-form-eyebrow {\r\n\r\n        font-size: 9px;\r\n\r\n        letter-spacing: 1.4px;\r\n\r\n        padding: 7px 10px;\r\n    }\r\n\r\n    .sg-form-title {\r\n\r\n        font-size: 29px;\r\n    }\r\n\r\n    .sg-form-description {\r\n\r\n        font-size: 13px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- =========================================================\r\n     SUNGLOW GROUP\r\n     CONTACT PAGE \u2014 SECTION 2\r\n     PART 2B \u2014 RIGHT SIDE FORM INTRO\r\n     ========================================================= -->\r\n<section id=\"get-in-touch\">\r\n<div class=\"sg-form-intro\">\r\n\r\n    <!-- EYEBROW -->\r\n    <div class=\"sg-form-eyebrow\">\r\n        Get In Touch\r\n    <\/div>\r\n\r\n\r\n    <!-- FORM HEADING -->\r\n    <h2 class=\"sg-form-title\">\r\n        Enquiry Now \r\n\r\n    <\/h2>\r\n\r\n\r\n    <!-- DESCRIPTION -->\r\n    <p class=\"sg-form-description\">\r\n        Have a question or want to discuss your next project?\r\n        Fill out the form below and our team will get back\r\n        to you shortly.\r\n    <\/p>\r\n\r\n<\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05be003 sg-contact-form-card elementor-widget elementor-widget-shortcode\" data-id=\"05be003\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f58-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"58\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F55#wpcf7-f58-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"58\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f58-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"sg-form-row\">\n\t<div class=\"sg-form-field\">\n\t\t<p><label><br \/>\nFull Name<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Enter your full name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><br \/>\n<\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"sg-form-field\">\n\t\t<p><label><br \/>\nEmail Address<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Enter your email\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><br \/>\n<\/label>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<div class=\"sg-form-row\">\n\t<div class=\"sg-form-field\">\n\t\t<p><label><br \/>\nPhone Number<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" autocomplete=\"tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Enter your phone number\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span><br \/>\n<\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"sg-form-field\">\n\t\t<p><label><br \/>\nSubject<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"What can we help with?\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span><br \/>\n<\/label>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<div class=\"sg-form-field\">\n\t<p><label><br \/>\nYour Message<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tell us a little about your requirement...\" name=\"your-message\"><\/textarea><\/span><br \/>\n<\/label>\n\t<\/p>\n<\/div>\n<div class=\"sg-form-field\">\n\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send Message\" \/>\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9851e6d e-con e-atomic-element e-flexbox-base e-fb46c07 \" data-id=\"9851e6d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9851e6d\" data-e-type=\"e-flexbox\" data-id=\"9851e6d\">\n    \t\t<div class=\"elementor-element elementor-element-c797974 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c797974\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   SUNGLOW GROUP\n   CONTACT PAGE \u2014 SECTION 3\n   LOCATION CARDS\n   PART 1A \u2014 MAIN FLEX LAYOUT\n   ========================================================= *\/\n\n\n\/* ---------------------------------------------------------\n   MAIN LOCATION WRAPPER\n   --------------------------------------------------------- *\/\n\n.sg-location-wrapper {\n\n    width: 100%;\n    max-width: 1250px;\n\n    margin: 0 auto;\n\n    padding: 10px 20px 40px;\n\n    box-sizing: border-box;\n\n    display: flex;\n\n    flex-direction: row;\n\n    flex-wrap: nowrap;\n\n    align-items: stretch;\n\n    justify-content: center;\n\n    gap: 34px;\n}\n\n\n\/* ---------------------------------------------------------\n   EACH CARD\n   --------------------------------------------------------- *\/\n\n.sg-location-card {\n\n    position: relative;\n\n    width: calc(50% - 17px);\n\n    min-width: 0;\n\n    flex: 1 1 0;\n\n    box-sizing: border-box;\n\n    padding: 34px 34px 30px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #ffffff 0%,\n            #ffffff 72%,\n            #fbfbfd 100%\n        );\n\n    border: 1px solid rgba(36,22,86,0.08);\n\n    border-radius: 28px;\n\n    overflow: hidden;\n\n    box-shadow:\n        0 16px 40px rgba(36,22,86,0.07);\n\n    transition:\n        transform 0.45s cubic-bezier(.2,.7,.2,1),\n        box-shadow 0.45s ease,\n        border-color 0.4s ease;\n\n    isolation: isolate;\n}\n\n\n\/* ---------------------------------------------------------\n   TOP COLOR LINE\n   --------------------------------------------------------- *\/\n\n.sg-location-card::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: 0;\n\n    width: 100%;\n    height: 5px;\n\n    background:\n        linear-gradient(\n            90deg,\n            #241656 0%,\n            #241656 48%,\n            #BD241E 70%,\n            #BD241E 100%\n        );\n\n    transition:\n        height 0.4s ease,\n        background-position 0.5s ease;\n}\n\n\n\/* ---------------------------------------------------------\n   TOP RIGHT SOFT CIRCLE\n   --------------------------------------------------------- *\/\n\n.sg-location-card::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    width: 150px;\n    height: 150px;\n\n    top: -75px;\n    right: -35px;\n\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(36,22,86,0.075),\n            rgba(36,22,86,0.025) 55%,\n            transparent 70%\n        );\n\n    pointer-events: none;\n\n    z-index: -1;\n\n    transition:\n        transform 0.6s ease,\n        opacity 0.5s ease;\n}\n\n\n\/* ---------------------------------------------------------\n   CARD HOVER\n   --------------------------------------------------------- *\/\n\n.sg-location-card:hover {\n\n    transform:\n        translateY(-8px);\n\n    border-color:\n        rgba(189,36,30,0.16);\n\n    box-shadow:\n        0 28px 60px rgba(36,22,86,0.12),\n        0 8px 25px rgba(189,36,30,0.05);\n}\n\n\n.sg-location-card:hover::before {\n\n    height: 6px;\n\n    background:\n        linear-gradient(\n            90deg,\n            #241656 0%,\n            #BD241E 55%,\n            #BD241E 100%\n        );\n}\n\n\n.sg-location-card:hover::after {\n\n    transform:\n        scale(1.3);\n\n    opacity: 0.8;\n}\n\n\n\/* ---------------------------------------------------------\n   CARD HEADER\n   --------------------------------------------------------- *\/\n\n.sg-location-header {\n\n    position: relative;\n\n    display: flex;\n\n    align-items: flex-start;\n\n    justify-content: space-between;\n\n    gap: 20px;\n\n    margin-bottom: 28px;\n\n    padding-bottom: 25px;\n\n    border-bottom:\n        1px solid rgba(36,22,86,0.08);\n}\n\n\n\/* ---------------------------------------------------------\n   HEADER TEXT\n   --------------------------------------------------------- *\/\n\n.sg-location-heading {\n\n    min-width: 0;\n}\n\n\n\/* ---------------------------------------------------------\n   BADGE\n   --------------------------------------------------------- *\/\n\n.sg-location-badge {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n    margin-bottom: 13px;\n\n    padding: 7px 12px;\n\n    border-radius: 100px;\n\n    background:\n        rgba(189,36,30,0.055);\n\n    border:\n        1px solid rgba(189,36,30,0.10);\n\n    color: #BD241E;\n\n    font-size: 9px;\n\n    font-weight: 800;\n\n    line-height: 1;\n\n    letter-spacing: 1.5px;\n\n    text-transform: uppercase;\n}\n\n\n.sg-location-badge::before {\n\n    content: \"\";\n\n    width: 6px;\n    height: 6px;\n\n    flex: 0 0 6px;\n\n    border-radius: 50%;\n\n    background: #BD241E;\n\n    box-shadow:\n        0 0 0 4px rgba(189,36,30,0.08);\n\n    animation:\n        sgLocationDotPulse 2s ease-in-out infinite;\n}\n\n\n\/* ---------------------------------------------------------\n   LOCATION TITLE\n   --------------------------------------------------------- *\/\n\n.sg-location-title {\n\n    margin: 0;\n\n    padding: 0;\n\n    font-family: inherit;\n\n    font-size: clamp(32px, 3vw, 44px);\n\n    font-weight: 800;\n\n    line-height: 1.05;\n\n    letter-spacing: -1.5px;\n\n    color: #241656;\n}\n\n\n.sg-location-highlight {\n\n    position: relative;\n\n    display: inline-block;\n\n    color: #241656;\n\n    z-index: 1;\n}\n\n\n\/* Yellow underline *\/\n\n.sg-location-highlight::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: -2px;\n    right: -2px;\n\n    bottom: 1px;\n\n    height: 7px;\n\n    border-radius: 100px;\n\n    background: #FFF9AD;\n\n    transform: rotate(-1.5deg);\n\n    z-index: -1;\n\n    transition:\n        height 0.35s ease,\n        transform 0.35s ease;\n}\n\n\n.sg-location-card:hover\n.sg-location-highlight::after {\n\n    height: 10px;\n\n    transform:\n        rotate(1deg);\n}\n\n\n\/* ---------------------------------------------------------\n   LOCATION ICON BOX\n   --------------------------------------------------------- *\/\n\n.sg-location-marker {\n\n    position: relative;\n\n    width: 64px;\n    height: 64px;\n\n    flex: 0 0 64px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    border-radius: 18px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #241656,\n            #35236f\n        );\n\n    color: #ffffff;\n\n    font-size: 20px;\n\n    box-shadow:\n        0 12px 25px rgba(36,22,86,0.18);\n\n    transition:\n        transform 0.45s cubic-bezier(.2,.7,.2,1),\n        box-shadow 0.4s ease,\n        background 0.4s ease;\n}\n\n\n\/* yellow glow behind icon *\/\n\n.sg-location-marker::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    inset: -8px;\n\n    border-radius: 22px;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(255,249,173,0.6),\n            transparent 68%\n        );\n\n    z-index: -1;\n\n    opacity: 0;\n\n    transition:\n        opacity 0.4s ease;\n}\n\n\n.sg-location-card:hover\n.sg-location-marker {\n\n    transform:\n        translateY(-4px)\n        rotate(-5deg)\n        scale(1.06);\n\n    background:\n        linear-gradient(\n            145deg,\n            #BD241E,\n            #9f1f1a\n        );\n\n    box-shadow:\n        0 16px 30px rgba(189,36,30,0.20);\n}\n\n\n.sg-location-card:hover\n.sg-location-marker::before {\n\n    opacity: 1;\n}\n\/* =========================================================\n   PART 1B\n   INFORMATION ROWS + HOVER + RESPONSIVE\n   ========================================================= *\/\n\n\n\/* ---------------------------------------------------------\n   DETAILS WRAPPER\n   --------------------------------------------------------- *\/\n\n.sg-location-details {\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 13px;\n\n    width: 100%;\n}\n\n\n\/* ---------------------------------------------------------\n   DETAIL ROW\n   --------------------------------------------------------- *\/\n\n.sg-location-detail {\n\n    position: relative;\n\n    display: flex;\n\n    align-items: center;\n\n    width: 100%;\n\n    min-height: 78px;\n\n    padding: 11px 13px;\n\n    box-sizing: border-box;\n\n    background:\n        linear-gradient(\n            135deg,\n            #ffffff,\n            #fbfcfe\n        );\n\n    border:\n        1px solid rgba(36,22,86,0.075);\n\n    border-radius: 16px;\n\n    overflow: hidden;\n\n    transition:\n        transform 0.35s ease,\n        border-color 0.35s ease,\n        box-shadow 0.35s ease,\n        background 0.35s ease;\n}\n\n\n\/* ---------------------------------------------------------\n   RED SIDE ACCENT\n   --------------------------------------------------------- *\/\n\n.sg-location-detail::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n    top: 12px;\n    bottom: 12px;\n\n    width: 3px;\n\n    border-radius:\n        0 5px 5px 0;\n\n    background:\n        linear-gradient(\n            180deg,\n            #BD241E,\n            #FFF9AD\n        );\n\n    transform:\n        scaleY(0);\n\n    transform-origin:\n        center;\n\n    transition:\n        transform 0.35s ease;\n}\n\n\n\/* ---------------------------------------------------------\n   ROW HOVER\n   --------------------------------------------------------- *\/\n\n.sg-location-detail:hover {\n\n    transform:\n        translateX(6px);\n\n    border-color:\n        rgba(36,22,86,0.13);\n\n    background:\n        #ffffff;\n\n    box-shadow:\n        0 10px 24px\n        rgba(36,22,86,0.07);\n}\n\n\n.sg-location-detail:hover::before {\n\n    transform:\n        scaleY(1);\n}\n\n\n\/* ---------------------------------------------------------\n   DETAIL ICON\n   --------------------------------------------------------- *\/\n\n.sg-location-detail-icon {\n\n    width: 45px;\n    height: 45px;\n\n    flex: 0 0 45px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    border-radius: 13px;\n\n    background:\n        #EEF0F8;\n\n    color:\n        #241656;\n\n    font-size: 15px;\n\n    transition:\n        transform 0.35s ease,\n        background 0.35s ease,\n        color 0.35s ease;\n}\n\n\n.sg-location-detail:hover\n.sg-location-detail-icon {\n\n    transform:\n        scale(1.08)\n        rotate(-5deg);\n\n    background:\n        #241656;\n\n    color:\n        #ffffff;\n}\n\n\n\/* ---------------------------------------------------------\n   CONTENT\n   --------------------------------------------------------- *\/\n\n.sg-location-detail-content {\n\n    flex: 1;\n\n    min-width: 0;\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 5px;\n\n    padding-left: 15px;\n}\n\n\n\/* ---------------------------------------------------------\n   LABEL\n   --------------------------------------------------------- *\/\n\n.sg-location-detail-label {\n\n    font-size: 9px;\n\n    font-weight: 800;\n\n    line-height: 1;\n\n    letter-spacing: 1.3px;\n\n    text-transform: uppercase;\n\n    color:\n        #85818C;\n}\n\n\n\/* ---------------------------------------------------------\n   VALUE\n   --------------------------------------------------------- *\/\n\n.sg-location-detail-value {\n\n    font-size: 13.5px;\n\n    font-weight: 700;\n\n    line-height: 1.45;\n\n    color:\n        #241656;\n\n    word-break: break-word;\n}\n\n\n\/* ---------------------------------------------------------\n   LINK\n   --------------------------------------------------------- *\/\n\n.sg-location-detail-value a {\n\n    color: inherit;\n\n    text-decoration: none;\n\n    transition:\n        color 0.3s ease;\n}\n\n\n.sg-location-detail-value a:hover {\n\n    color:\n        #BD241E;\n}\n\n\n\/* ---------------------------------------------------------\n   ARROW\n   --------------------------------------------------------- *\/\n\n.sg-location-detail-arrow {\n\n    width: 30px;\n    height: 30px;\n\n    flex: 0 0 30px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    border-radius: 50%;\n\n    background:\n        #F0F1F7;\n\n    color:\n        #241656;\n\n    font-size: 9px;\n\n    opacity: 0;\n\n    transform:\n        translateX(-8px);\n\n    transition:\n        opacity 0.3s ease,\n        transform 0.3s ease,\n        background 0.3s ease,\n        color 0.3s ease;\n}\n\n\n.sg-location-detail:hover\n.sg-location-detail-arrow {\n\n    opacity: 1;\n\n    transform:\n        translateX(0);\n\n    background:\n        #BD241E;\n\n    color:\n        #ffffff;\n}\n\n\n\/* ---------------------------------------------------------\n   CARD FOOTER\n   --------------------------------------------------------- *\/\n\n.sg-location-footer {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n    margin-top: 20px;\n\n    padding-top: 18px;\n\n    border-top:\n        1px solid rgba(36,22,86,0.07);\n\n    color:\n        #85818C;\n\n    font-size: 10px;\n\n    font-weight: 700;\n}\n\n\n.sg-location-footer i {\n\n    color:\n        #BD241E;\n\n    font-size: 11px;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .sg-location-wrapper {\n\n        gap: 22px;\n\n        padding-left: 15px;\n        padding-right: 15px;\n    }\n\n\n    .sg-location-card {\n\n        padding:\n            28px 24px 25px;\n\n        border-radius: 23px;\n    }\n\n\n    .sg-location-marker {\n\n        width: 55px;\n        height: 55px;\n\n        flex-basis: 55px;\n\n        border-radius: 15px;\n\n        font-size: 18px;\n    }\n\n\n    .sg-location-detail {\n\n        min-height: 72px;\n    }\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .sg-location-wrapper {\n\n        flex-direction: column;\n\n        flex-wrap: nowrap;\n\n        gap: 20px;\n\n        padding:\n            10px 15px 30px;\n    }\n\n\n    .sg-location-card {\n\n        width: 100%;\n\n        flex:\n            0 0 100%;\n\n        padding:\n            26px 20px 24px;\n\n        border-radius: 21px;\n    }\n\n\n    .sg-location-header {\n\n        margin-bottom: 22px;\n\n        padding-bottom: 20px;\n    }\n\n\n    .sg-location-title {\n\n        font-size:\n            clamp(30px, 8vw, 38px);\n\n        letter-spacing: -1px;\n    }\n\n\n    .sg-location-marker {\n\n        width: 50px;\n        height: 50px;\n\n        flex-basis: 50px;\n\n        border-radius: 14px;\n\n        font-size: 16px;\n    }\n\n\n    .sg-location-detail {\n\n        min-height: 68px;\n\n        padding: 10px;\n\n        border-radius: 14px;\n    }\n\n\n    .sg-location-detail:hover {\n\n        transform:\n            translateY(-3px);\n    }\n\n\n    .sg-location-detail-icon {\n\n        width: 39px;\n        height: 39px;\n\n        flex-basis: 39px;\n\n        border-radius: 11px;\n    }\n\n\n    .sg-location-detail-content {\n\n        padding-left: 11px;\n    }\n\n\n    .sg-location-detail-value {\n\n        font-size: 12.5px;\n    }\n\n\n    .sg-location-detail-arrow {\n\n        display: none;\n    }\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 480px) {\n\n    .sg-location-wrapper {\n\n        padding-left: 10px;\n        padding-right: 10px;\n    }\n\n\n    .sg-location-card {\n\n        padding:\n            23px 15px 21px;\n    }\n\n\n    .sg-location-marker {\n\n        width: 44px;\n        height: 44px;\n\n        flex-basis: 44px;\n\n        border-radius: 12px;\n    }\n\n\n    .sg-location-detail {\n\n        min-height: 62px;\n\n        gap: 0;\n    }\n\n\n    .sg-location-detail-icon {\n\n        width: 35px;\n        height: 35px;\n\n        flex-basis: 35px;\n    }\n\n\n    .sg-location-detail-label {\n\n        font-size: 8px;\n    }\n\n\n    .sg-location-detail-value {\n\n        font-size: 12px;\n    }\n}\n\n\n\/* =========================================================\n   ANIMATION\n   ========================================================= *\/\n\n@keyframes sgLocationDotPulse {\n\n    0%,\n    100% {\n\n        box-shadow:\n            0 0 0 4px\n            rgba(189,36,30,0.08);\n    }\n\n    50% {\n\n        box-shadow:\n            0 0 0 7px\n            rgba(189,36,30,0.02);\n    }\n}\n\n\n\/* ---------------------------------------------------------\n   ACCESSIBILITY\n   --------------------------------------------------------- *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .sg-location-card,\n    .sg-location-detail,\n    .sg-location-marker,\n    .sg-location-detail-icon,\n    .sg-location-highlight::after {\n\n        transition: none;\n    }\n\n    .sg-location-badge::before {\n\n        animation: none;\n    }\n}\n<\/style>\n\n<!-- =====================================================\n     SECTION 3\n     LOCATION CARDS\n     ===================================================== -->\n<section id=\"address-section\">\n<div class=\"sg-location-wrapper\">\n\n\n    <!-- =================================================\n         RAJASTHAN CARD\n         ================================================= -->\n\n    <div class=\"sg-location-card\">\n\n        <!-- HEADER -->\n\n        <div class=\"sg-location-header\">\n\n            <div class=\"sg-location-heading\">\n\n                <div class=\"sg-location-badge\">\n                    Rajasthan Location\n                <\/div>\n\n                <h2 class=\"sg-location-title\">\n\n                    <span class=\"sg-location-highlight\">\n                        Rajasthan\n                    <\/span>\n\n                <\/h2>\n\n            <\/div>\n\n\n            <div class=\"sg-location-marker\">\n\n                <i class=\"fas fa-map-marker-alt\"><\/i>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- DETAILS -->\n\n        <div class=\"sg-location-details\">\n\n\n            <!-- OFFICE ADDRESS -->\n\n            <div class=\"sg-location-detail\">\n\n                <div class=\"sg-location-detail-icon\">\n\n                    <i class=\"fas fa-building\"><\/i>\n\n                <\/div>\n\n\n                <div class=\"sg-location-detail-content\">\n\n                    <span class=\"sg-location-detail-label\">\n                        Office Address\n                    <\/span>\n\n                    <span class=\"sg-location-detail-value\">\n\n                        G-172\/F-256, 3rd phase, Ricco Industrial area, Bhilwara, Rajasthan (311001)\n\n\n\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"sg-location-detail-arrow\">\n\n                    <i class=\"fas fa-arrow-right\"><\/i>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- CONTACT NUMBER -->\n\n            <div class=\"sg-location-detail\">\n\n                <div class=\"sg-location-detail-icon\">\n\n                    <i class=\"fas fa-phone-alt\"><\/i>\n\n                <\/div>\n\n\n                <div class=\"sg-location-detail-content\">\n\n                    <span class=\"sg-location-detail-label\">\n                        Contact Number\n                    <\/span>\n\n                    <span class=\"sg-location-detail-value\">\n\n                        <a href=\"tel:+91XXXXXXXXXX\">\n                            +91 XXXXX XXXXX\n                        <\/a>\n\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"sg-location-detail-arrow\">\n\n                    <i class=\"fas fa-arrow-right\"><\/i>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- EMAIL -->\n\n            <div class=\"sg-location-detail\">\n\n                <div class=\"sg-location-detail-icon\">\n\n                    <i class=\"far fa-envelope\"><\/i>\n\n                <\/div>\n\n\n                <div class=\"sg-location-detail-content\">\n\n                    <span class=\"sg-location-detail-label\">\n                        Email ID\n                    <\/span>\n\n                    <span class=\"sg-location-detail-value\">\n\n                        <a href=\"mailto:your-email@example.com\">\n                            sunglowsuitings@yahoo.com\n\n                        <\/a>\n\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"sg-location-detail-arrow\">\n\n                    <i class=\"fas fa-arrow-right\"><\/i>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- FACTORY ADDRESS -->\n\n            <div class=\"sg-location-detail\">\n\n                <div class=\"sg-location-detail-icon\">\n\n                    <i class=\"fas fa-industry\"><\/i>\n\n                <\/div>\n\n\n                <div class=\"sg-location-detail-content\">\n\n                    <span class=\"sg-location-detail-label\">\n                        Factory Address\n                    <\/span>\n\n                    <span class=\"sg-location-detail-value\">\n\n                        SP-4, Ricco Industrial area, Raila, Bhilwara, Rajasthan (311024)\n\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"sg-location-detail-arrow\">\n\n                    <i class=\"fas fa-arrow-right\"><\/i>\n\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n\n        <!-- FOOTER -->\n\n        <div class=\"sg-location-footer\">\n\n            <i class=\"fas fa-location-dot\"><\/i>\n\n            <span>\n                Rajasthan Office &amp; Factory\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n        <!-- =================================================\n         GUJARAT CARD\n         ================================================= -->\n\n    <div class=\"sg-location-card\">\n\n        <!-- HEADER -->\n\n        <div class=\"sg-location-header\">\n\n            <div class=\"sg-location-heading\">\n\n                <div class=\"sg-location-badge\">\n                    Gujarat Location\n                <\/div>\n\n                <h2 class=\"sg-location-title\">\n\n                    <span class=\"sg-location-highlight\">\n                        Gujarat\n                    <\/span>\n\n                <\/h2>\n\n            <\/div>\n\n\n            <div class=\"sg-location-marker\">\n\n                <i class=\"fas fa-map-marker-alt\"><\/i>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- DETAILS -->\n\n        <div class=\"sg-location-details\">\n\n\n            <!-- OFFICE ADDRESS -->\n\n            <div class=\"sg-location-detail\">\n\n                <div class=\"sg-location-detail-icon\">\n\n                    <i class=\"fas fa-building\"><\/i>\n\n                <\/div>\n\n\n                <div class=\"sg-location-detail-content\">\n\n                    <span class=\"sg-location-detail-label\">\n                        Office Address\n                    <\/span>\n\n                    <span class=\"sg-location-detail-value\">\n\n                        5002, 5th floor, Avadh Rituraj Textile Hub, Godadara road, Surat, Gujarat(395010)\n\n\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"sg-location-detail-arrow\">\n\n                    <i class=\"fas fa-arrow-right\"><\/i>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- CONTACT NUMBER -->\n\n            <div class=\"sg-location-detail\">\n\n                <div class=\"sg-location-detail-icon\">\n\n                    <i class=\"fas fa-phone-alt\"><\/i>\n\n                <\/div>\n\n\n                <div class=\"sg-location-detail-content\">\n\n                    <span class=\"sg-location-detail-label\">\n                        Contact Number\n                    <\/span>\n\n                    <span class=\"sg-location-detail-value\">\n\n                        <a href=\"tel:+91XXXXXXXXXX\">\n                            +91 XXXXX XXXXX\n                        <\/a>\n\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"sg-location-detail-arrow\">\n\n                    <i class=\"fas fa-arrow-right\"><\/i>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- EMAIL -->\n\n            <div class=\"sg-location-detail\">\n\n                <div class=\"sg-location-detail-icon\">\n\n                    <i class=\"far fa-envelope\"><\/i>\n\n                <\/div>\n\n\n                <div class=\"sg-location-detail-content\">\n\n                    <span class=\"sg-location-detail-label\">\n                        Email ID\n                    <\/span>\n\n                    <span class=\"sg-location-detail-value\">\n\n                        <a href=\"mailto:your-email@example.com\">\n                            your-email@example.com\n                        <\/a>\n\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"sg-location-detail-arrow\">\n\n                    <i class=\"fas fa-arrow-right\"><\/i>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- FACTORY ADDRESS -->\n\n            <div class=\"sg-location-detail\">\n\n                <div class=\"sg-location-detail-icon\">\n\n                    <i class=\"fas fa-industry\"><\/i>\n\n                <\/div>\n\n\n                <div class=\"sg-location-detail-content\">\n\n                    <span class=\"sg-location-detail-label\">\n                        Factory Address\n                    <\/span>\n\n                    <span class=\"sg-location-detail-value\">\n\n                         Plot no 552, Rajhans Zesto Industrial Park, Palsana, Vesma, Gujarat (396475)\n\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"sg-location-detail-arrow\">\n\n                    <i class=\"fas fa-arrow-right\"><\/i>\n\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n\n        <!-- FOOTER -->\n\n        <div class=\"sg-location-footer\">\n\n            <i class=\"fas fa-location-dot\"><\/i>\n\n            <span>\n                Gujarat Office &amp; Factory\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n\n<\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-33ed2b3 e-con e-atomic-element e-flexbox-base e-93bd15f \" data-id=\"33ed2b3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"33ed2b3\" data-e-type=\"e-flexbox\" data-id=\"33ed2b3\">\n    \t\t<div class=\"elementor-element elementor-element-a2e646c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a2e646c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* =========================================================\n   SUNGLOW GROUP \u2014 CONTACT PAGE\n   SECTION 4 CTA \u2014 PART 1A\n   Main CTA Container + Background + Decoration\n   ========================================================= *\/\n\n.sg-contact-cta {\n    position: relative;\n    width: 100%;\n    padding: 90px 70px;\n    overflow: hidden;\n    isolation: isolate;\n\n    background: #241656;\n    border-radius: 32px;\n\n    box-sizing: border-box;\n}\n\n\/* Keep all CTA content above decorative elements *\/\n.sg-contact-cta > * {\n    position: relative;\n    z-index: 2;\n}\n\n\/* ---------------------------------------------------------\n   Soft background glow \u2014 top right\n   --------------------------------------------------------- *\/\n\n.sg-contact-cta::before {\n    content: \"\";\n    position: absolute;\n    width: 420px;\n    height: 420px;\n\n    top: -220px;\n    right: -120px;\n\n    background: radial-gradient(\n        circle,\n        rgba(255, 249, 173, 0.18) 0%,\n        rgba(255, 249, 173, 0.08) 35%,\n        rgba(255, 249, 173, 0) 72%\n    );\n\n    border-radius: 50%;\n    pointer-events: none;\n    z-index: 0;\n}\n\n\/* ---------------------------------------------------------\n   Soft background glow \u2014 bottom left\n   --------------------------------------------------------- *\/\n\n.sg-contact-cta::after {\n    content: \"\";\n    position: absolute;\n    width: 360px;\n    height: 360px;\n\n    bottom: -210px;\n    left: -100px;\n\n    background: radial-gradient(\n        circle,\n        rgba(189, 36, 30, 0.22) 0%,\n        rgba(189, 36, 30, 0.08) 38%,\n        rgba(189, 36, 30, 0) 72%\n    );\n\n    border-radius: 50%;\n    pointer-events: none;\n    z-index: 0;\n}\n\n\/* ---------------------------------------------------------\n   Decorative border\n   --------------------------------------------------------- *\/\n\n.sg-contact-cta {\n    box-shadow:\n        0 24px 60px rgba(36, 22, 86, 0.14),\n        inset 0 1px 0 rgba(255, 255, 255, 0.08);\n}\n\n\/* ---------------------------------------------------------\n   Decorative floating circle\n   Add .sg-cta-decoration in HTML later\n   --------------------------------------------------------- *\/\n\n.sg-cta-decoration {\n    position: absolute;\n    width: 170px;\n    height: 170px;\n\n    top: 50%;\n    right: 7%;\n\n    transform: translateY(-50%);\n\n    border: 1px solid rgba(255, 249, 173, 0.16);\n    border-radius: 50%;\n\n    pointer-events: none;\n    z-index: 1;\n}\n\n.sg-cta-decoration::before {\n    content: \"\";\n    position: absolute;\n\n    width: 95px;\n    height: 95px;\n\n    top: 50%;\n    left: 50%;\n\n    transform: translate(-50%, -50%);\n\n    border: 1px solid rgba(255, 249, 173, 0.12);\n    border-radius: 50%;\n}\n\n\/* ---------------------------------------------------------\n   Small decorative accent line\n   --------------------------------------------------------- *\/\n\n.sg-cta-line {\n    position: absolute;\n\n    width: 90px;\n    height: 3px;\n\n    left: 7%;\n    top: 26px;\n\n    background: linear-gradient(\n        90deg,\n        #FFF9AD 0%,\n        rgba(255, 249, 173, 0) 100%\n    );\n\n    border-radius: 50px;\n\n    opacity: 0.7;\n    z-index: 1;\n}\n\n\/* ---------------------------------------------------------\n   Elementor safety\n   --------------------------------------------------------- *\/\n\n.sg-contact-cta,\n.sg-contact-cta * {\n    box-sizing: border-box;\n}\n\n\/* ---------------------------------------------------------\n   TABLET\n   --------------------------------------------------------- *\/\n\n@media (max-width: 1024px) {\n\n    .sg-contact-cta {\n        padding: 75px 45px;\n        border-radius: 28px;\n    }\n\n    .sg-cta-decoration {\n        width: 140px;\n        height: 140px;\n        right: 4%;\n    }\n\n    .sg-cta-decoration::before {\n        width: 78px;\n        height: 78px;\n    }\n\n    .sg-cta-line {\n        left: 5%;\n    }\n}\n\n\/* ---------------------------------------------------------\n   MOBILE\n   --------------------------------------------------------- *\/\n\n@media (max-width: 767px) {\n\n    .sg-contact-cta {\n        padding: 60px 24px;\n        border-radius: 24px;\n    }\n\n    .sg-cta-decoration {\n        width: 110px;\n        height: 110px;\n\n        top: 20px;\n        right: -35px;\n\n        transform: none;\n        opacity: 0.65;\n    }\n\n    .sg-cta-decoration::before {\n        width: 62px;\n        height: 62px;\n    }\n\n    .sg-cta-line {\n        width: 65px;\n        left: 24px;\n        top: 20px;\n    }\n}\n\n\/* ---------------------------------------------------------\n   SMALL MOBILE\n   --------------------------------------------------------- *\/\n\n@media (max-width: 480px) {\n\n    .sg-contact-cta {\n        padding: 52px 20px;\n        border-radius: 20px;\n    }\n\n    .sg-cta-decoration {\n        width: 90px;\n        height: 90px;\n        right: -30px;\n    }\n\n    .sg-cta-decoration::before {\n        width: 50px;\n        height: 50px;\n    }\n}\n\/* =========================================================\n   SUNGLOW GROUP \u2014 CONTACT PAGE\n   SECTION 4 CTA \u2014 PART 1B\n   Typography + Buttons + Hover Effects\n   ========================================================= *\/\n\n\n\/* ---------------------------------------------------------\n   CTA CONTENT WRAPPER\n   --------------------------------------------------------- *\/\n\n.sg-cta-content {\n    position: relative;\n    z-index: 3;\n\n    width: 100%;\n    max-width: 820px;\n\n    margin: 0 auto;\n\n    text-align: center;\n}\n\n\n\/* ---------------------------------------------------------\n   SMALL EYEBROW \/ LABEL\n   --------------------------------------------------------- *\/\n\n.sg-cta-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n\n    margin-bottom: 18px;\n\n    font-family: inherit;\n    font-size: 13px;\n    font-weight: 700;\n    line-height: 1.2;\n\n    letter-spacing: 2.2px;\n    text-transform: uppercase;\n\n    color: #FFF9AD;\n}\n\n\n\/* Small dot before label *\/\n\n.sg-cta-eyebrow::before {\n    content: \"\";\n\n    width: 7px;\n    height: 7px;\n\n    flex: 0 0 7px;\n\n    background: #FFF9AD;\n\n    border-radius: 50%;\n\n    box-shadow:\n        0 0 0 5px rgba(255, 249, 173, 0.08),\n        0 0 18px rgba(255, 249, 173, 0.35);\n}\n\n\n\/* ---------------------------------------------------------\n   MAIN CTA HEADING\n   --------------------------------------------------------- *\/\n\n.sg-cta-title {\n    margin: 0 auto;\n\n    max-width: 780px;\n\n    font-family: inherit;\n    font-size: clamp(38px, 4.4vw, 64px);\n    font-weight: 800;\n    line-height: 1.08;\n\n    letter-spacing: -1.8px;\n\n    color: #FFFFFF;\n\n    text-wrap: balance;\n}\n\n\n\/* Highlighted heading text *\/\n\n.sg-cta-title .sg-cta-highlight {\n    color: #FFF9AD;\n}\n\n\n\/* ---------------------------------------------------------\n   CTA DESCRIPTION\n   --------------------------------------------------------- *\/\n\n.sg-cta-description {\n    max-width: 620px;\n\n    margin: 22px auto 0;\n\n    font-family: inherit;\n    font-size: 17px;\n    font-weight: 400;\n    line-height: 1.7;\n\n    color: rgba(255, 255, 255, 0.78);\n\n    text-wrap: balance;\n}\n\n\n\/* ---------------------------------------------------------\n   CTA BUTTON WRAPPER\n   --------------------------------------------------------- *\/\n\n.sg-cta-buttons {\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 14px;\n\n    margin-top: 34px;\n}\n\n\n\/* ---------------------------------------------------------\n   COMMON BUTTON\n   --------------------------------------------------------- *\/\n\n.sg-cta-btn {\n    position: relative;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    min-height: 54px;\n\n    padding: 0 27px;\n\n    border-radius: 100px;\n\n    font-family: inherit;\n    font-size: 15px;\n    font-weight: 700;\n    line-height: 1;\n\n    text-decoration: none;\n\n    white-space: nowrap;\n\n    cursor: pointer;\n\n    transition:\n        transform 0.3s ease,\n        box-shadow 0.3s ease,\n        background 0.3s ease,\n        color 0.3s ease,\n        border-color 0.3s ease;\n\n    overflow: hidden;\n}\n\n\n\/* ---------------------------------------------------------\n   PRIMARY BUTTON\n   --------------------------------------------------------- *\/\n\n.sg-cta-btn-primary {\n    color: #241656;\n\n    background: #FFF9AD;\n\n    border: 1px solid #FFF9AD;\n\n    box-shadow:\n        0 10px 28px rgba(255, 249, 173, 0.16);\n}\n\n\n\/* Primary button shine *\/\n\n.sg-cta-btn-primary::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: -120%;\n\n    width: 80%;\n    height: 100%;\n\n    background: linear-gradient(\n        90deg,\n        transparent,\n        rgba(255, 255, 255, 0.45),\n        transparent\n    );\n\n    transform: skewX(-20deg);\n\n    transition: left 0.6s ease;\n}\n\n\n\/* Primary hover *\/\n\n.sg-cta-btn-primary:hover {\n    color: #241656;\n\n    background: #FFFFFF;\n\n    border-color: #FFFFFF;\n\n    transform: translateY(-3px);\n\n    box-shadow:\n        0 14px 34px rgba(255, 255, 255, 0.18);\n}\n\n\n.sg-cta-btn-primary:hover::before {\n    left: 140%;\n}\n\n\n\/* ---------------------------------------------------------\n   SECONDARY BUTTON\n   --------------------------------------------------------- *\/\n\n.sg-cta-btn-secondary {\n    color: #FFFFFF;\n\n    background: rgba(255, 255, 255, 0.04);\n\n    border: 1px solid rgba(255, 255, 255, 0.30);\n}\n\n\n\/* Secondary hover *\/\n\n.sg-cta-btn-secondary:hover {\n    color: #241656;\n\n    background: #FFF9AD;\n\n    border-color: #FFF9AD;\n\n    transform: translateY(-3px);\n\n    box-shadow:\n        0 12px 30px rgba(255, 249, 173, 0.14);\n}\n\n\n\/* ---------------------------------------------------------\n   BUTTON ICON\n   --------------------------------------------------------- *\/\n\n.sg-cta-btn-icon {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    margin-left: 9px;\n\n    font-size: 17px;\n\n    transition:\n        transform 0.3s ease;\n}\n\n\n.sg-cta-btn:hover .sg-cta-btn-icon {\n    transform: translateX(4px);\n}\n\n\n\/* ---------------------------------------------------------\n   BUTTON FOCUS\n   --------------------------------------------------------- *\/\n\n.sg-cta-btn:focus-visible {\n    outline: 3px solid rgba(255, 249, 173, 0.45);\n\n    outline-offset: 4px;\n}\n\n\n\/* ---------------------------------------------------------\n   TABLET\n   --------------------------------------------------------- *\/\n\n@media (max-width: 1024px) {\n\n    .sg-cta-content {\n        max-width: 720px;\n    }\n\n    .sg-cta-title {\n        font-size: clamp(36px, 5vw, 54px);\n        letter-spacing: -1.3px;\n    }\n\n    .sg-cta-description {\n        font-size: 16px;\n    }\n\n    .sg-cta-buttons {\n        margin-top: 30px;\n    }\n}\n\n\n\/* ---------------------------------------------------------\n   MOBILE\n   --------------------------------------------------------- *\/\n\n@media (max-width: 767px) {\n\n    .sg-cta-content {\n        max-width: 100%;\n    }\n\n    .sg-cta-eyebrow {\n        margin-bottom: 15px;\n\n        font-size: 11px;\n        letter-spacing: 1.8px;\n    }\n\n    .sg-cta-eyebrow::before {\n        width: 6px;\n        height: 6px;\n\n        flex-basis: 6px;\n    }\n\n    .sg-cta-title {\n        max-width: 100%;\n\n        font-size: clamp(32px, 9vw, 44px);\n        line-height: 1.12;\n\n        letter-spacing: -1px;\n    }\n\n    .sg-cta-description {\n        margin-top: 18px;\n\n        font-size: 15px;\n        line-height: 1.65;\n    }\n\n    .sg-cta-buttons {\n        flex-direction: column;\n\n        width: 100%;\n\n        gap: 11px;\n\n        margin-top: 28px;\n    }\n\n    .sg-cta-btn {\n        width: 100%;\n\n        min-height: 52px;\n\n        padding: 0 22px;\n    }\n}\n\n\n\/* ---------------------------------------------------------\n   SMALL MOBILE\n   --------------------------------------------------------- *\/\n\n@media (max-width: 480px) {\n\n    .sg-cta-title {\n        font-size: 31px;\n        line-height: 1.13;\n    }\n\n    .sg-cta-description {\n        font-size: 14px;\n    }\n\n    .sg-cta-buttons {\n        margin-top: 25px;\n    }\n\n    .sg-cta-btn {\n        min-height: 50px;\n\n        font-size: 14px;\n    }\n}\n<\/style>\n\n<!-- =========================================================\n     SUNGLOW GROUP \u2014 CONTACT PAGE\n     SECTION 4 CTA \u2014 PART 2A\n     Main CTA Content\n     ========================================================= -->\n\n<section class=\"sg-contact-cta\">\n\n    <div class=\"sg-cta-content\">\n\n        <!-- CTA Eyebrow -->\n        <div class=\"sg-cta-eyebrow\">\n            LET'S CONNECT\n        <\/div>\n\n\n        <!-- CTA Heading -->\n        <h2 class=\"sg-cta-title\">\n            Let\u2019s Build Something\n            <span class=\"sg-cta-highlight\">Great Together.<\/span>\n        <\/h2>\n\n\n        <!-- CTA Description -->\n        <p class=\"sg-cta-description\">\n            Have a requirement, a question, or simply want to know more\n            about Sunglow Group? Our team is ready to connect with you.\n        <\/p>\n\n\n        <!-- CTA Buttons -->\n        <div class=\"sg-cta-buttons\">\n\n            <!-- Primary CTA -->\n            <a href=\"#get-in-touch\"\n               class=\"sg-cta-btn sg-cta-btn-primary\">\n                Get In Touch\n\n                <span class=\"sg-cta-btn-icon\" aria-hidden=\"true\">\n                    \u2192\n                <\/span>\n            <\/a>\n\n\n            <!-- Secondary CTA -->\n            <a href=\"tel:+91XXXXXXXXXX\"\n               class=\"sg-cta-btn sg-cta-btn-secondary\">\n                Call Us\n\n                <span class=\"sg-cta-btn-icon\" aria-hidden=\"true\">\n                    \u2192\n                <\/span>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n        <!-- =========================================================\n         SECTION 4 CTA \u2014 PART 2B\n         Decorative Elements\n         ========================================================= -->\n\n    <!-- Decorative accent line -->\n    <span class=\"sg-cta-line\" aria-hidden=\"true\"><\/span>\n\n\n    <!-- Decorative circular element -->\n    <div class=\"sg-cta-decoration\" aria-hidden=\"true\"><\/div>\n\n\n<\/section>\n<!-- END SUNGLOW GROUP CTA SECTION -->\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Sunglow Group Let\u2019s Start a Conversation. Whether you have a project in mind, need more information, or simply want to explore how we can work together, our team is here to help. Talk to our team +91 XXXXX XXXXX Get In Touch Find Our Office Contact Information Let\u2019s Start a Conversation. Whether you have [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-55","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sunglowgroup.in\/index.php?rest_route=\/wp\/v2\/pages\/55","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunglowgroup.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sunglowgroup.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sunglowgroup.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sunglowgroup.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=55"}],"version-history":[{"count":31,"href":"https:\/\/sunglowgroup.in\/index.php?rest_route=\/wp\/v2\/pages\/55\/revisions"}],"predecessor-version":[{"id":129,"href":"https:\/\/sunglowgroup.in\/index.php?rest_route=\/wp\/v2\/pages\/55\/revisions\/129"}],"wp:attachment":[{"href":"https:\/\/sunglowgroup.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}