{"id":41,"date":"2026-08-10T08:04:19","date_gmt":"2026-08-10T08:04:19","guid":{"rendered":"https:\/\/sunglowgroup.in\/?page_id=41"},"modified":"2026-08-11T10:58:50","modified_gmt":"2026-08-11T10:58:50","slug":"elementor-41","status":"publish","type":"page","link":"https:\/\/sunglowgroup.in\/?page_id=41","title":{"rendered":"Elementor #41"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"41\" class=\"elementor elementor-41\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7da665 e-con e-atomic-element e-flexbox-base e-625e1e2 \" data-id=\"b7da665\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b7da665\" data-e-type=\"e-flexbox\" data-id=\"b7da665\">\n    \t\t<div class=\"elementor-element elementor-element-c523cbb elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c523cbb\" 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\r\n   ABOUT US \u2014 SECTION 1\r\n   HERO | PART 1A CSS\r\n   DESKTOP BASE\r\n========================================= *\/\r\n\r\n.sunglow-about-hero {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    background: #F7F6F2;\r\n}\r\n\r\n.sunglow-about-hero .about-hero-container {\r\n    position: relative;\r\n    width: min(1240px, calc(100% - 48px));\r\n    min-height: 680px;\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n    grid-template-columns: 1.02fr 0.98fr;\r\n    align-items: center;\r\n    gap: 70px;\r\n\r\n    padding: 80px 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LEFT CONTENT\r\n========================================= *\/\r\n\r\n.sunglow-about-hero .about-hero-content {\r\n    position: relative;\r\n    z-index: 5;\r\n    max-width: 650px;\r\n}\r\n\r\n.sunglow-about-hero .about-hero-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n\r\n    margin: 0 0 22px;\r\n\r\n    color: #BD241E;\r\n\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    line-height: 1.4;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.sunglow-about-hero .about-hero-eyebrow::before {\r\n    content: \"\";\r\n    width: 30px;\r\n    height: 2px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    background: #BD241E;\r\n    border-radius: 20px;\r\n}\r\n\r\n\r\n.sunglow-about-hero .about-hero-title {\r\n    margin: 0 0 24px;\r\n\r\n    color: #241656;\r\n\r\n    font-size: clamp(48px, 5vw, 72px);\r\n    font-weight: 800;\r\n    line-height: 1.03;\r\n    letter-spacing: -2.5px;\r\n}\r\n\r\n.sunglow-about-hero .about-hero-title .highlight {\r\n    display: inline-block;\r\n    color: #BD241E;\r\n}\r\n\r\n\r\n.sunglow-about-hero .about-hero-description {\r\n    max-width: 590px;\r\n\r\n    margin: 0 0 34px;\r\n\r\n    color: rgba(36, 22, 86, 0.72);\r\n\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CTA AREA\r\n========================================= *\/\r\n\r\n.sunglow-about-hero .about-hero-actions {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 24px;\r\n}\r\n\r\n.sunglow-about-hero .about-hero-primary-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n\r\n    min-height: 52px;\r\n    padding: 0 25px;\r\n\r\n    color: #FFFFFF;\r\n    background: #241656;\r\n\r\n    border: 1px solid #241656;\r\n    border-radius: 7px;\r\n\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    text-decoration: none;\r\n\r\n    box-shadow: 0 12px 25px rgba(36, 22, 86, 0.15);\r\n\r\n    transition:\r\n        background 0.3s ease,\r\n        border-color 0.3s ease,\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n.sunglow-about-hero .about-hero-primary-btn:hover {\r\n    color: #FFFFFF;\r\n    background: #BD241E;\r\n    border-color: #BD241E;\r\n\r\n    transform: translateY(-3px);\r\n\r\n    box-shadow: 0 16px 30px rgba(189, 36, 30, 0.18);\r\n}\r\n\r\n\r\n.sunglow-about-hero .about-hero-secondary-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n\r\n    color: #241656;\r\n\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    line-height: 1.4;\r\n    text-decoration: none;\r\n\r\n    transition:\r\n        color 0.25s ease,\r\n        gap 0.25s ease;\r\n}\r\n\r\n.sunglow-about-hero .about-hero-secondary-link span {\r\n    font-size: 18px;\r\n    line-height: 1;\r\n}\r\n\r\n.sunglow-about-hero .about-hero-secondary-link:hover {\r\n    color: #BD241E;\r\n    gap: 13px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   RIGHT IMAGE AREA\r\n========================================= *\/\r\n\r\n.sunglow-about-hero .about-hero-visual {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: 540px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 35px 25px 45px 25px;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAIN IMAGE\r\n========================================= *\/\r\n\r\n.sunglow-about-hero .hero-image-wrap {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 520px;\r\n\r\n    overflow: visible;\r\n\r\n    border-radius: 30px;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n.sunglow-about-hero .hero-main-image {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n\r\n    border-radius: 30px;\r\n\r\n    box-shadow:\r\n        0 28px 60px rgba(36, 22, 86, 0.18);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IMAGE OVERLAY\r\n========================================= *\/\r\n\r\n.sunglow-about-hero .hero-image-overlay {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    border-radius: 30px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(36, 22, 86, 0.08),\r\n            rgba(36, 22, 86, 0.30)\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   FLOATING CARD 01\r\n   TOP RIGHT OF IMAGE\r\n========================================= *\/\r\n\r\n.sunglow-about-hero .hero-floating-card-top {\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    right: 0;\r\n\r\n    width: 205px;\r\n\r\n    padding: 20px 21px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border: 1px solid rgba(36, 22, 86, 0.08);\r\n    border-radius: 16px;\r\n\r\n    box-shadow:\r\n        0 18px 45px rgba(36, 22, 86, 0.16);\r\n\r\n    z-index: 10;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sunglow-about-hero .hero-floating-card-top::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n\r\n    width: 42px;\r\n    height: 4px;\r\n\r\n    background: #BD241E;\r\n\r\n    border-radius: 16px 0 10px 0;\r\n}\r\n\r\n\r\n.sunglow-about-hero .floating-card-label {\r\n    display: block;\r\n\r\n    margin-bottom: 7px;\r\n\r\n    color: #BD241E;\r\n\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    line-height: 1.4;\r\n    letter-spacing: 1.4px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.sunglow-about-hero .floating-card-title {\r\n    display: block;\r\n\r\n    color: #241656;\r\n\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    line-height: 1.3;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   FLOATING CARD 02\r\n   BOTTOM LEFT OF IMAGE\r\n========================================= *\/\r\n\r\n.sunglow-about-hero .hero-floating-card-bottom {\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    bottom: 10px;\r\n\r\n    width: 220px;\r\n\r\n    padding: 21px 22px;\r\n\r\n    background: #241656;\r\n\r\n    border: 1px solid #241656;\r\n    border-radius: 17px;\r\n\r\n    box-shadow:\r\n        0 20px 48px rgba(36, 22, 86, 0.22);\r\n\r\n    z-index: 10;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sunglow-about-hero .hero-floating-card-bottom::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: 18px;\r\n    bottom: 18px;\r\n\r\n    width: 10px;\r\n    height: 10px;\r\n\r\n    background: #FFF9AD;\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n\r\n.sunglow-about-hero .hero-floating-card-bottom .floating-card-label {\r\n    color: #FFF9AD;\r\n}\r\n\r\n.sunglow-about-hero .hero-floating-card-bottom .floating-card-title {\r\n    color: #FFFFFF;\r\n\r\n    padding-right: 15px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL IMAGE ACCENT\r\n========================================= *\/\r\n\r\n.sunglow-about-hero .hero-image-accent {\r\n    position: absolute;\r\n\r\n    right: -5px;\r\n    bottom: 15px;\r\n\r\n    width: 85px;\r\n    height: 85px;\r\n\r\n    background: #FFF9AD;\r\n\r\n    border-radius: 50%;\r\n\r\n    z-index: 1;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IMAGE CORNER ACCENT\r\n========================================= *\/\r\n\r\n.sunglow-about-hero .hero-image-corner {\r\n    position: absolute;\r\n\r\n    left: 5px;\r\n    top: 10px;\r\n\r\n    width: 70px;\r\n    height: 70px;\r\n\r\n    background: #BD241E;\r\n\r\n    border-radius: 18px 18px 45px 18px;\r\n\r\n    z-index: 1;\r\n}\r\n\r\n\/* =========================================\r\n   SUNGLOW GROUP\r\n   ABOUT US \u2014 SECTION 1\r\n   HERO | PART 1B CSS\r\n   TABLET + MOBILE RESPONSIVE\r\n========================================= *\/\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n   1024px AND BELOW\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .sunglow-about-hero .about-hero-container {\r\n        width: min(100% - 40px, 1240px);\r\n\r\n        grid-template-columns: 1fr 0.92fr;\r\n\r\n        gap: 40px;\r\n\r\n        min-height: 620px;\r\n\r\n        padding: 70px 0;\r\n    }\r\n\r\n\r\n    \/* ---------- LEFT CONTENT ---------- *\/\r\n\r\n    .sunglow-about-hero .about-hero-content {\r\n        max-width: 570px;\r\n    }\r\n\r\n    .sunglow-about-hero .about-hero-title {\r\n        font-size: clamp(44px, 5.5vw, 60px);\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    .sunglow-about-hero .about-hero-description {\r\n        max-width: 520px;\r\n\r\n        font-size: 16px;\r\n        line-height: 1.7;\r\n    }\r\n\r\n\r\n    \/* ---------- RIGHT IMAGE ---------- *\/\r\n\r\n    .sunglow-about-hero .about-hero-visual {\r\n        max-width: 450px;\r\n\r\n        padding: 30px 20px 42px;\r\n    }\r\n\r\n    .sunglow-about-hero .hero-image-wrap {\r\n        height: 450px;\r\n    }\r\n\r\n\r\n    \/* ---------- TOP RIGHT CARD ---------- *\/\r\n\r\n    .sunglow-about-hero .hero-floating-card-top {\r\n        width: 185px;\r\n\r\n        padding: 18px 19px;\r\n    }\r\n\r\n    .sunglow-about-hero .floating-card-title {\r\n        font-size: 16px;\r\n    }\r\n\r\n\r\n    \/* ---------- BOTTOM LEFT CARD ---------- *\/\r\n\r\n    .sunglow-about-hero .hero-floating-card-bottom {\r\n        left: 0;\r\n        bottom: 8px;\r\n\r\n        width: 200px;\r\n\r\n        padding: 19px 20px;\r\n    }\r\n\r\n\r\n    \/* ---------- IMAGE ACCENTS ---------- *\/\r\n\r\n    .sunglow-about-hero .hero-image-accent {\r\n        width: 72px;\r\n        height: 72px;\r\n\r\n        right: -2px;\r\n        bottom: 15px;\r\n    }\r\n\r\n    .sunglow-about-hero .hero-image-corner {\r\n        width: 60px;\r\n        height: 60px;\r\n\r\n        left: 3px;\r\n        top: 8px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n   767px AND BELOW\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sunglow-about-hero {\r\n        overflow: hidden;\r\n    }\r\n\r\n    .sunglow-about-hero .about-hero-container {\r\n        width: calc(100% - 32px);\r\n\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n\r\n        gap: 45px;\r\n\r\n        min-height: auto;\r\n\r\n        padding: 58px 0 68px;\r\n    }\r\n\r\n\r\n    \/* ---------- LEFT CONTENT ---------- *\/\r\n\r\n    .sunglow-about-hero .about-hero-content {\r\n        width: 100%;\r\n        max-width: none;\r\n    }\r\n\r\n    .sunglow-about-hero .about-hero-eyebrow {\r\n        margin-bottom: 18px;\r\n\r\n        font-size: 11px;\r\n        letter-spacing: 1.7px;\r\n    }\r\n\r\n    .sunglow-about-hero .about-hero-eyebrow::before {\r\n        width: 24px;\r\n    }\r\n\r\n    .sunglow-about-hero .about-hero-title {\r\n        margin-bottom: 20px;\r\n\r\n        font-size: clamp(38px, 10vw, 50px);\r\n        line-height: 1.05;\r\n        letter-spacing: -1.7px;\r\n    }\r\n\r\n    .sunglow-about-hero .about-hero-description {\r\n        max-width: 100%;\r\n\r\n        margin-bottom: 28px;\r\n\r\n        font-size: 15px;\r\n        line-height: 1.7;\r\n    }\r\n\r\n\r\n    \/* ---------- CTA ---------- *\/\r\n\r\n    .sunglow-about-hero .about-hero-actions {\r\n        align-items: flex-start;\r\n\r\n        gap: 18px;\r\n    }\r\n\r\n    .sunglow-about-hero .about-hero-primary-btn {\r\n        min-height: 50px;\r\n\r\n        padding: 0 21px;\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n    .sunglow-about-hero .about-hero-secondary-link {\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       IMAGE AREA\r\n    ====================================== *\/\r\n\r\n    .sunglow-about-hero .about-hero-visual {\r\n        width: 100%;\r\n        max-width: 440px;\r\n\r\n        margin: 0 auto;\r\n\r\n        padding: 32px 18px 42px;\r\n    }\r\n\r\n    .sunglow-about-hero .hero-image-wrap {\r\n        width: 100%;\r\n        height: 390px;\r\n    }\r\n\r\n    .sunglow-about-hero .hero-main-image {\r\n        border-radius: 24px;\r\n    }\r\n\r\n    .sunglow-about-hero .hero-image-overlay {\r\n        border-radius: 24px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       TOP RIGHT FLOATING CARD\r\n    ====================================== *\/\r\n\r\n    .sunglow-about-hero .hero-floating-card-top {\r\n        top: 0;\r\n        right: 0;\r\n\r\n        width: 170px;\r\n\r\n        padding: 16px 17px;\r\n\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .sunglow-about-hero .hero-floating-card-top::before {\r\n        width: 34px;\r\n        height: 3px;\r\n    }\r\n\r\n    .sunglow-about-hero .floating-card-label {\r\n        margin-bottom: 5px;\r\n\r\n        font-size: 9px;\r\n        letter-spacing: 1.1px;\r\n    }\r\n\r\n    .sunglow-about-hero .floating-card-title {\r\n        font-size: 15px;\r\n        line-height: 1.3;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       BOTTOM LEFT FLOATING CARD\r\n    ====================================== *\/\r\n\r\n    .sunglow-about-hero .hero-floating-card-bottom {\r\n        left: 0;\r\n        bottom: 5px;\r\n\r\n        width: 185px;\r\n\r\n        padding: 17px 18px;\r\n\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .sunglow-about-hero .hero-floating-card-bottom::after {\r\n        right: 14px;\r\n        bottom: 14px;\r\n\r\n        width: 8px;\r\n        height: 8px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       IMAGE ACCENTS\r\n    ====================================== *\/\r\n\r\n    .sunglow-about-hero .hero-image-accent {\r\n        width: 60px;\r\n        height: 60px;\r\n\r\n        right: 0;\r\n        bottom: 12px;\r\n    }\r\n\r\n    .sunglow-about-hero .hero-image-corner {\r\n        width: 50px;\r\n        height: 50px;\r\n\r\n        left: 2px;\r\n        top: 10px;\r\n\r\n        border-radius: 14px 14px 35px 14px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n   480px AND BELOW\r\n========================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .sunglow-about-hero .about-hero-container {\r\n        width: calc(100% - 28px);\r\n\r\n        gap: 38px;\r\n\r\n        padding: 48px 0 58px;\r\n    }\r\n\r\n\r\n    \/* ---------- CONTENT ---------- *\/\r\n\r\n    .sunglow-about-hero .about-hero-title {\r\n        font-size: 36px;\r\n        letter-spacing: -1.3px;\r\n    }\r\n\r\n    .sunglow-about-hero .about-hero-description {\r\n        font-size: 14px;\r\n    }\r\n\r\n\r\n    .sunglow-about-hero .about-hero-actions {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n\r\n\r\n    \/* ---------- IMAGE ---------- *\/\r\n\r\n    .sunglow-about-hero .about-hero-visual {\r\n        padding: 28px 14px 38px;\r\n    }\r\n\r\n    .sunglow-about-hero .hero-image-wrap {\r\n        height: 330px;\r\n    }\r\n\r\n\r\n    \/* ---------- TOP CARD ---------- *\/\r\n\r\n    .sunglow-about-hero .hero-floating-card-top {\r\n        width: 150px;\r\n\r\n        padding: 14px 15px;\r\n    }\r\n\r\n    .sunglow-about-hero .floating-card-title {\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    \/* ---------- BOTTOM CARD ---------- *\/\r\n\r\n    .sunglow-about-hero .hero-floating-card-bottom {\r\n        width: 160px;\r\n\r\n        padding: 14px 15px;\r\n    }\r\n\r\n    .sunglow-about-hero .hero-floating-card-bottom .floating-card-title {\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    \/* ---------- ACCENTS ---------- *\/\r\n\r\n    .sunglow-about-hero .hero-image-accent {\r\n        width: 48px;\r\n        height: 48px;\r\n    }\r\n\r\n    .sunglow-about-hero .hero-image-corner {\r\n        width: 42px;\r\n        height: 42px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- =========================================\r\n     SUNGLOW GROUP\r\n     ABOUT US \u2014 SECTION 1\r\n     HERO | PART 2A HTML\r\n========================================= -->\r\n\r\n<section class=\"sunglow-about-hero\">\r\n\r\n    <div class=\"about-hero-container\">\r\n\r\n        <!-- =====================================\r\n             LEFT CONTENT\r\n        ====================================== -->\r\n\r\n        <div class=\"about-hero-content\">\r\n\r\n            <div class=\"about-hero-eyebrow\">\r\n                About Sunglow Group\r\n            <\/div>\r\n\r\n            <h1 class=\"about-hero-title\">\r\n                Building Businesses.\r\n                <br>\r\n                Creating\r\n                <span class=\"highlight\">Lasting Impact.<\/span>\r\n            <\/h1>\r\n\r\n            <p class=\"about-hero-description\">\r\n                Sunglow Group is built around strong businesses,\r\n                trusted partnerships and long-term growth.\r\n                We bring together vision, expertise and opportunity\r\n                to create meaningful and lasting value.\r\n            <\/p>\r\n\r\n            <div class=\"about-hero-actions\">\r\n\r\n                <a\r\n                    href=\"#our-story\"\r\n                    class=\"about-hero-primary-btn\"\r\n                    aria-label=\"Discover the story of Sunglow Group\"\r\n                >\r\n                    Discover Our Story\r\n                    <span aria-hidden=\"true\">\u2192<\/span>\r\n                <\/a>\r\n\r\n                <a\r\n                    href=\"#what-we-stand-for\"\r\n                    class=\"about-hero-secondary-link\"\r\n                    aria-label=\"Learn what Sunglow Group stands for\"\r\n                >\r\n                    What We Stand For\r\n                    <span aria-hidden=\"true\">\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================\r\n             RIGHT IMAGE + FLOATING CARDS\r\n        ====================================== -->\r\n\r\n        <div class=\"about-hero-visual\">\r\n\r\n            <div class=\"hero-image-wrap\">\r\n\r\n                <!-- Main Company Image -->\r\n                <img decoding=\"async\"\r\n                    class=\"hero-main-image\"\r\n                    src=\"https:\/\/sunglowgroup.in\/wp-content\/uploads\/2026\/08\/image-8.jpg\"\r\n                    alt=\"Sunglow Group\"\r\n                    loading=\"eager\"\r\n                >\r\n\r\n                <!-- Image Overlay -->\r\n                <div\r\n                    class=\"hero-image-overlay\"\r\n                    aria-hidden=\"true\"\r\n                ><\/div>\r\n\r\n\r\n                <!-- =================================\r\n                     FLOATING CARD 01\r\n                     TOP RIGHT OF IMAGE\r\n                ================================== -->\r\n\r\n                <div class=\"hero-floating-card-top\">\r\n\r\n                    <span class=\"floating-card-label\">\r\n                        Our Approach\r\n                    <\/span>\r\n\r\n                    <span class=\"floating-card-title\">\r\n                        Vision-led.<br>\r\n                        Value-driven.\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- =================================\r\n                     FLOATING CARD 02\r\n                     BOTTOM LEFT OF IMAGE\r\n                ================================== -->\r\n\r\n                <div class=\"hero-floating-card-bottom\">\r\n\r\n                    <span class=\"floating-card-label\">\r\n                        Built For\r\n                    <\/span>\r\n\r\n                    <span class=\"floating-card-title\">\r\n                        Long-Term<br>\r\n                        Impact\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- Decorative Accents -->\r\n\r\n            <div\r\n                class=\"hero-image-accent\"\r\n                aria-hidden=\"true\"\r\n            ><\/div>\r\n\r\n            <div\r\n                class=\"hero-image-corner\"\r\n                aria-hidden=\"true\"\r\n            ><\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c72c201 e-con e-atomic-element e-flexbox-base e-d703a95 \" data-id=\"c72c201\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c72c201\" data-e-type=\"e-flexbox\" data-id=\"c72c201\">\n    \t\t<div class=\"elementor-element elementor-element-5c62faf elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5c62faf\" 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\r\n   ABOUT US \u2014 SECTION 2\r\n   WHO WE ARE\r\n   PART 1A \u2014 BASE \/ DESKTOP CSS\r\n========================================= *\/\r\n\r\n\r\n\/* =========================================\r\n   SECTION WRAPPER\r\n========================================= *\/\r\n\r\n.sunglow-who-we-are {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: 110px 0;\r\n\r\n    background: #F7F6F2;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAIN CONTAINER\r\n========================================= *\/\r\n\r\n.sunglow-who-we-are .who-we-are-container {\r\n    position: relative;\r\n\r\n    width: min(1240px, calc(100% - 48px));\r\n\r\n    margin: 0 auto;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SECTION HEADER\r\n========================================= *\/\r\n\r\n.sunglow-who-we-are .who-we-are-header {\r\n    width: 100%;\r\n    max-width: none;\r\n\r\n    margin: 0 auto 55px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   EYEBROW\r\n========================================= *\/\r\n\r\n.sunglow-who-we-are .who-we-are-eyebrow {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    color: #BD241E;\r\n\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n\r\n    line-height: 1.4;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.sunglow-who-we-are .who-we-are-eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 28px;\r\n    height: 2px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    background: #BD241E;\r\n\r\n    border-radius: 20px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAIN HEADING\r\n========================================= *\/\r\n\r\n.sunglow-who-we-are .who-we-are-title {\r\n    width: 100%;\r\n\r\n    margin: 0 0 20px;\r\n\r\n    color: #241656;\r\n\r\n    font-size: clamp(42px, 4.5vw, 64px);\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.06;\r\n\r\n    letter-spacing: -2px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   FULL WIDTH DESCRIPTION\r\n========================================= *\/\r\n\r\n.sunglow-who-we-are .who-we-are-description {\r\n    width: 100%;\r\n    max-width: none;\r\n\r\n    margin: 0 auto;\r\n\r\n    color: rgba(36, 22, 86, 0.70);\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    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SERVICES GRID\r\n========================================= *\/\r\n\r\n.sunglow-who-we-are .services-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4, minmax(0, 1fr));\r\n\r\n    gap: 20px;\r\n\r\n    width: 100%;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SERVICE CARD\r\n========================================= *\/\r\n\r\n.sunglow-who-we-are .service-card {\r\n    position: relative;\r\n\r\n    min-height: 300px;\r\n\r\n    padding: 30px 27px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    box-sizing: border-box;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border: 1px solid rgba(36, 22, 86, 0.08);\r\n\r\n    border-radius: 20px;\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease,\r\n        border-color 0.35s ease;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD HOVER\r\n========================================= *\/\r\n\r\n.sunglow-who-we-are .service-card:hover {\r\n    transform: translateY(-8px);\r\n\r\n    border-color: rgba(36, 22, 86, 0.15);\r\n\r\n    box-shadow:\r\n        0 20px 45px rgba(36, 22, 86, 0.12);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD NUMBER\r\n========================================= *\/\r\n\r\n.sunglow-who-we-are .service-number {\r\n    position: absolute;\r\n\r\n    top: 22px;\r\n    right: 24px;\r\n\r\n    color: rgba(36, 22, 86, 0.16);\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: 1px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SERVICE ICON\r\n========================================= *\/\r\n\r\n.sunglow-who-we-are .service-icon {\r\n    width: 58px;\r\n    height: 58px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    margin-bottom: 28px;\r\n\r\n    color: #241656;\r\n\r\n    background: #FFF9AD;\r\n\r\n    border-radius: 15px;\r\n\r\n    font-size: 25px;\r\n\r\n    line-height: 1;\r\n\r\n    transition:\r\n        background 0.3s ease,\r\n        color 0.3s ease,\r\n        transform 0.3s ease;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ICON HOVER\r\n========================================= *\/\r\n\r\n.sunglow-who-we-are .service-card:hover .service-icon {\r\n    color: #FFFFFF;\r\n\r\n    background: #BD241E;\r\n\r\n    transform: rotate(-4deg);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SERVICE TITLE\r\n========================================= *\/\r\n\r\n.sunglow-who-we-are .service-title {\r\n    margin: 0 0 13px;\r\n\r\n    color: #241656;\r\n\r\n    font-size: 21px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.25;\r\n\r\n    letter-spacing: -0.3px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SERVICE DESCRIPTION\r\n========================================= *\/\r\n\r\n.sunglow-who-we-are .service-description {\r\n    margin: 0;\r\n\r\n    color: rgba(36, 22, 86, 0.66);\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\r\n\r\n\/* =========================================\r\n   CARD BOTTOM ACCENT\r\n========================================= *\/\r\n\r\n.sunglow-who-we-are .service-card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 27px;\r\n    bottom: 0;\r\n\r\n    width: 42px;\r\n    height: 4px;\r\n\r\n    background: #BD241E;\r\n\r\n    border-radius:\r\n        8px 8px 0 0;\r\n\r\n    transition:\r\n        width 0.35s ease,\r\n        background 0.35s ease;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD ACCENT HOVER\r\n========================================= *\/\r\n\r\n.sunglow-who-we-are .service-card:hover::after {\r\n    width: 75px;\r\n\r\n    background: #241656;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TOP DECORATIVE CIRCLE\r\n========================================= *\/\r\n\r\n.sunglow-who-we-are::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: -120px;\r\n    right: -120px;\r\n\r\n    width: 280px;\r\n    height: 280px;\r\n\r\n    background: #FFF9AD;\r\n\r\n    border-radius: 50%;\r\n\r\n    opacity: 0.28;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BOTTOM DECORATIVE CIRCLE\r\n========================================= *\/\r\n\r\n.sunglow-who-we-are::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: -90px;\r\n    bottom: -100px;\r\n\r\n    width: 220px;\r\n    height: 220px;\r\n\r\n    background: #BD241E;\r\n\r\n    border-radius: 50%;\r\n\r\n    opacity: 0.06;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\/* =========================================\r\n   SUNGLOW GROUP\r\n   ABOUT US \u2014 SECTION 2\r\n   WHO WE ARE\r\n   PART 1B \u2014 RESPONSIVE CSS\r\n========================================= *\/\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n   1024px AND BELOW\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .sunglow-who-we-are {\r\n        padding: 90px 0;\r\n    }\r\n\r\n\r\n    \/* ---------- CONTAINER ---------- *\/\r\n\r\n    .sunglow-who-we-are .who-we-are-container {\r\n        width: min(\r\n            100% - 40px,\r\n            1240px\r\n        );\r\n    }\r\n\r\n\r\n    \/* ---------- HEADER ---------- *\/\r\n\r\n    .sunglow-who-we-are .who-we-are-header {\r\n        width: 100%;\r\n        max-width: none;\r\n\r\n        margin-bottom: 45px;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n\r\n    .sunglow-who-we-are .who-we-are-title {\r\n        font-size:\r\n            clamp(40px, 5.5vw, 56px);\r\n\r\n        letter-spacing: -1.8px;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n\r\n    .sunglow-who-we-are .who-we-are-description {\r\n        width: 100%;\r\n        max-width: none;\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.7;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n\r\n    \/* ---------- SERVICES ---------- *\/\r\n\r\n    .sunglow-who-we-are .services-grid {\r\n        grid-template-columns:\r\n            repeat(2, minmax(0, 1fr));\r\n\r\n        gap: 18px;\r\n    }\r\n\r\n\r\n    \/* ---------- CARD ---------- *\/\r\n\r\n    .sunglow-who-we-are .service-card {\r\n        min-height: 280px;\r\n\r\n        padding: 27px 24px;\r\n    }\r\n\r\n\r\n    \/* ---------- ICON ---------- *\/\r\n\r\n    .sunglow-who-we-are .service-icon {\r\n        width: 55px;\r\n        height: 55px;\r\n\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n\r\n    \/* ---------- TITLE ---------- *\/\r\n\r\n    .sunglow-who-we-are .service-title {\r\n        font-size: 20px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n   767px AND BELOW\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sunglow-who-we-are {\r\n        padding: 70px 0 75px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       CONTAINER\r\n    ====================================== *\/\r\n\r\n    .sunglow-who-we-are .who-we-are-container {\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       HEADER\r\n    ====================================== *\/\r\n\r\n    .sunglow-who-we-are .who-we-are-header {\r\n        width: calc(100% - 32px);\r\n\r\n        margin:\r\n            0 auto 38px;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n\r\n    \/* ---------- EYEBROW ---------- *\/\r\n\r\n    .sunglow-who-we-are .who-we-are-eyebrow {\r\n        justify-content: center;\r\n\r\n        margin-bottom: 15px;\r\n\r\n        font-size: 10px;\r\n\r\n        letter-spacing: 1.6px;\r\n    }\r\n\r\n\r\n    .sunglow-who-we-are .who-we-are-eyebrow::before {\r\n        width: 22px;\r\n    }\r\n\r\n\r\n    \/* ---------- HEADING ---------- *\/\r\n\r\n    .sunglow-who-we-are .who-we-are-title {\r\n        width: 100%;\r\n\r\n        margin-bottom: 17px;\r\n\r\n        font-size:\r\n            clamp(36px, 10vw, 48px);\r\n\r\n        line-height: 1.05;\r\n\r\n        letter-spacing: -1.5px;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n\r\n    \/* ---------- DESCRIPTION ---------- *\/\r\n\r\n    .sunglow-who-we-are .who-we-are-description {\r\n        width: 100%;\r\n        max-width: none;\r\n\r\n        margin: 0 auto;\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.7;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       MOBILE SWIPE AREA\r\n    ====================================== *\/\r\n\r\n    .sunglow-who-we-are .services-grid {\r\n        display: flex;\r\n\r\n        width: 100%;\r\n\r\n        gap: 14px;\r\n\r\n        overflow-x: auto;\r\n\r\n        overflow-y: hidden;\r\n\r\n        padding:\r\n            5px 16px 20px;\r\n\r\n        box-sizing: border-box;\r\n\r\n        scroll-snap-type: x mandatory;\r\n\r\n        scroll-behavior: smooth;\r\n\r\n        -webkit-overflow-scrolling: touch;\r\n\r\n        scrollbar-width: none;\r\n    }\r\n\r\n\r\n    .sunglow-who-we-are .services-grid::-webkit-scrollbar {\r\n        display: none;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       MOBILE CARD\r\n    ====================================== *\/\r\n\r\n    .sunglow-who-we-are .service-card {\r\n        flex: 0 0 84%;\r\n\r\n        width: 84%;\r\n\r\n        min-height: 275px;\r\n\r\n        padding: 25px 22px;\r\n\r\n        border-radius: 18px;\r\n\r\n        scroll-snap-align: start;\r\n\r\n        box-shadow:\r\n            0 8px 25px\r\n            rgba(36, 22, 86, 0.06);\r\n    }\r\n\r\n\r\n    \/* Disable lift on touch devices *\/\r\n\r\n    .sunglow-who-we-are .service-card:hover {\r\n        transform: none;\r\n\r\n        box-shadow:\r\n            0 8px 25px\r\n            rgba(36, 22, 86, 0.06);\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       MOBILE NUMBER\r\n    ====================================== *\/\r\n\r\n    .sunglow-who-we-are .service-number {\r\n        top: 19px;\r\n        right: 20px;\r\n\r\n        font-size: 12px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       MOBILE ICON\r\n    ====================================== *\/\r\n\r\n    .sunglow-who-we-are .service-icon {\r\n        width: 52px;\r\n        height: 52px;\r\n\r\n        margin-bottom: 22px;\r\n\r\n        font-size: 22px;\r\n\r\n        border-radius: 14px;\r\n    }\r\n\r\n\r\n    .sunglow-who-we-are\r\n    .service-card:hover\r\n    .service-icon {\r\n        color: #241656;\r\n\r\n        background: #FFF9AD;\r\n\r\n        transform: none;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       MOBILE TITLE\r\n    ====================================== *\/\r\n\r\n    .sunglow-who-we-are .service-title {\r\n        margin-bottom: 11px;\r\n\r\n        font-size: 19px;\r\n\r\n        line-height: 1.25;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       MOBILE DESCRIPTION\r\n    ====================================== *\/\r\n\r\n    .sunglow-who-we-are .service-description {\r\n        font-size: 13px;\r\n\r\n        line-height: 1.65;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       MOBILE CARD ACCENT\r\n    ====================================== *\/\r\n\r\n    .sunglow-who-we-are .service-card::after {\r\n        left: 22px;\r\n\r\n        width: 38px;\r\n        height: 3px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       MOBILE DECORATIONS\r\n    ====================================== *\/\r\n\r\n    .sunglow-who-we-are::before {\r\n        top: -80px;\r\n        right: -100px;\r\n\r\n        width: 190px;\r\n        height: 190px;\r\n    }\r\n\r\n\r\n    .sunglow-who-we-are::after {\r\n        left: -80px;\r\n        bottom: -80px;\r\n\r\n        width: 170px;\r\n        height: 170px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n   480px AND BELOW\r\n========================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .sunglow-who-we-are {\r\n        padding: 60px 0 65px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       HEADER\r\n    ====================================== *\/\r\n\r\n    .sunglow-who-we-are .who-we-are-header {\r\n        width: calc(100% - 28px);\r\n\r\n        margin-bottom: 32px;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n\r\n    .sunglow-who-we-are .who-we-are-title {\r\n        font-size: 35px;\r\n\r\n        letter-spacing: -1.2px;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n\r\n    .sunglow-who-we-are .who-we-are-description {\r\n        width: 100%;\r\n        max-width: none;\r\n\r\n        font-size: 13.5px;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       SWIPE AREA\r\n    ====================================== *\/\r\n\r\n    .sunglow-who-we-are .services-grid {\r\n        gap: 12px;\r\n\r\n        padding:\r\n            5px 14px 18px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       SWIPE CARD\r\n    ====================================== *\/\r\n\r\n    .sunglow-who-we-are .service-card {\r\n        flex: 0 0 88%;\r\n\r\n        width: 88%;\r\n\r\n        min-height: 260px;\r\n\r\n        padding: 23px 20px;\r\n\r\n        border-radius: 17px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       ICON\r\n    ====================================== *\/\r\n\r\n    .sunglow-who-we-are .service-icon {\r\n        width: 49px;\r\n        height: 49px;\r\n\r\n        margin-bottom: 20px;\r\n\r\n        font-size: 21px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       TITLE\r\n    ====================================== *\/\r\n\r\n    .sunglow-who-we-are .service-title {\r\n        font-size: 18px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       DESCRIPTION\r\n    ====================================== *\/\r\n\r\n    .sunglow-who-we-are .service-description {\r\n        font-size: 13px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- =========================================\r\n     SUNGLOW GROUP\r\n     ABOUT US \u2014 SECTION 2\r\n     WHO WE ARE\r\n     PART 2A \u2014 HTML\r\n========================================= -->\r\n\r\n<section class=\"sunglow-who-we-are\">\r\n\r\n    <div class=\"who-we-are-container\">\r\n\r\n        <!-- =====================================\r\n             SECTION HEADER\r\n        ====================================== -->\r\n\r\n        <div class=\"who-we-are-header\">\r\n\r\n            <div class=\"who-we-are-eyebrow\">\r\n                Who We Are\r\n            <\/div>\r\n\r\n            <h2 class=\"who-we-are-title\">\r\n                We Build. We Grow. We Create.\r\n            <\/h2>\r\n\r\n            <p class=\"who-we-are-description\">\r\n                Sunglow Group is a diversified business group focused\r\n                on building businesses, developing opportunities and\r\n                delivering meaningful value through our expertise,\r\n                services and long-term partnerships.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================\r\n             SERVICES \/ WORK CARDS\r\n        ====================================== -->\r\n\r\n        <div class=\"services-grid\">\r\n\r\n\r\n            <!-- =================================\r\n                 SERVICE CARD 01\r\n            ================================== -->\r\n\r\n            <article class=\"service-card\">\r\n\r\n                <span class=\"service-number\">\r\n                    01\r\n                <\/span>\r\n\r\n                <div class=\"service-icon\" aria-hidden=\"true\">\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        width=\"25\"\r\n                        height=\"25\"\r\n                        fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                    >\r\n                        <path\r\n                            d=\"M4 19.5V9.5L12 5L20 9.5V19.5\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                        <path\r\n                            d=\"M8 19.5V13H16V19.5\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                        <path\r\n                            d=\"M3 19.5H21\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                        \/>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3 class=\"service-title\">\r\n                    Business Solutions\r\n                <\/h3>\r\n\r\n                <p class=\"service-description\">\r\n                    We develop practical business solutions that\r\n                    help transform ideas and opportunities into\r\n                    sustainable ventures.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =================================\r\n                 SERVICE CARD 02\r\n            ================================== -->\r\n\r\n            <article class=\"service-card\">\r\n\r\n                <span class=\"service-number\">\r\n                    02\r\n                <\/span>\r\n\r\n                <div class=\"service-icon\" aria-hidden=\"true\">\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        width=\"25\"\r\n                        height=\"25\"\r\n                        fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                    >\r\n                        <path\r\n                            d=\"M4 18L9 13L13 16L20 8\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                        <path\r\n                            d=\"M16 8H20V12\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                        <path\r\n                            d=\"M4 21H20\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                        \/>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3 class=\"service-title\">\r\n                    Strategic Support\r\n                <\/h3>\r\n\r\n                <p class=\"service-description\">\r\n                    From planning to execution, we bring strategic\r\n                    thinking and focused support to help businesses\r\n                    move forward with confidence.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n<!-- =========================================\r\n     SUNGLOW GROUP\r\n     ABOUT US \u2014 SECTION 2\r\n     WHO WE ARE\r\n     PART 2B \u2014 HTML\r\n========================================= -->\r\n\r\n\r\n<!-- =========================================\r\n     SERVICE CARD 03\r\n========================================= -->\r\n\r\n<article class=\"service-card\">\r\n\r\n    <span class=\"service-number\">\r\n        03\r\n    <\/span>\r\n\r\n    <div class=\"service-icon\" aria-hidden=\"true\">\r\n\r\n        <svg\r\n            viewBox=\"0 0 24 24\"\r\n            width=\"25\"\r\n            height=\"25\"\r\n            fill=\"none\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n        >\r\n            <path\r\n                d=\"M12 3V21\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linecap=\"round\"\r\n            \/>\r\n\r\n            <path\r\n                d=\"M5 7L12 3L19 7\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n            <path\r\n                d=\"M5 17L12 21L19 17\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n            <path\r\n                d=\"M5 7V17\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linecap=\"round\"\r\n            \/>\r\n\r\n            <path\r\n                d=\"M19 7V17\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linecap=\"round\"\r\n            \/>\r\n\r\n        <\/svg>\r\n\r\n    <\/div>\r\n\r\n    <h3 class=\"service-title\">\r\n        Project &amp; Services\r\n    <\/h3>\r\n\r\n    <p class=\"service-description\">\r\n        We deliver focused services and manage projects with\r\n        attention to quality, efficiency and meaningful outcomes.\r\n    <\/p>\r\n\r\n<\/article>\r\n\r\n\r\n<!-- =========================================\r\n     SERVICE CARD 04\r\n========================================= -->\r\n\r\n<article class=\"service-card\">\r\n\r\n    <span class=\"service-number\">\r\n        04\r\n    <\/span>\r\n\r\n    <div class=\"service-icon\" aria-hidden=\"true\">\r\n\r\n        <svg\r\n            viewBox=\"0 0 24 24\"\r\n            width=\"25\"\r\n            height=\"25\"\r\n            fill=\"none\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n        >\r\n            <path\r\n                d=\"M4 19L9 14L13 17L20 10\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n            <path\r\n                d=\"M16 10H20V14\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n            <path\r\n                d=\"M4 5V19H20\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n        <\/svg>\r\n\r\n    <\/div>\r\n\r\n    <h3 class=\"service-title\">\r\n        Business Growth\r\n    <\/h3>\r\n\r\n    <p class=\"service-description\">\r\n        We focus on creating opportunities for sustainable\r\n        growth, stronger performance and long-term business value.\r\n    <\/p>\r\n\r\n<\/article>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8af9726 e-con e-atomic-element e-flexbox-base e-44cecef \" data-id=\"8af9726\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8af9726\" data-e-type=\"e-flexbox\" data-id=\"8af9726\">\n    \t\t<div class=\"elementor-element elementor-element-51c2c0d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"51c2c0d\" 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\r\n   ABOUT US \u2014 SECTION 4\r\n   WHY SUNGLOW GROUP\r\n   PART 1A \u2014 BASE \/ DESKTOP CSS\r\n========================================= *\/\r\n\r\n\r\n\/* =========================================\r\n   SECTION WRAPPER\r\n========================================= *\/\r\n\r\n.sunglow-why {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: 110px 0;\r\n\r\n    background: #241656;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAIN CONTAINER\r\n========================================= *\/\r\n\r\n.sunglow-why .why-container {\r\n    position: relative;\r\n\r\n    width: min(\r\n        1180px,\r\n        calc(100% - 48px)\r\n    );\r\n\r\n    margin: 0 auto;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SECTION HEADER\r\n========================================= *\/\r\n\r\n.sunglow-why .why-header {\r\n    width: 100%;\r\n\r\n    margin: 0 auto 58px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   EYEBROW\r\n========================================= *\/\r\n\r\n.sunglow-why .why-eyebrow {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    color: #FFF9AD;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.4;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.sunglow-why .why-eyebrow::before,\r\n.sunglow-why .why-eyebrow::after {\r\n    content: \"\";\r\n\r\n    width: 28px;\r\n    height: 2px;\r\n\r\n    background: #FFF9AD;\r\n\r\n    border-radius: 20px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAIN HEADING\r\n========================================= *\/\r\n\r\n.sunglow-why .why-title {\r\n    width: 100%;\r\n\r\n    margin: 0;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size:\r\n        clamp(42px, 4.5vw, 62px);\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.06;\r\n\r\n    letter-spacing: -2px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INTRO DESCRIPTION\r\n========================================= *\/\r\n\r\n.sunglow-why .why-intro {\r\n    width: min(\r\n        760px,\r\n        100%\r\n    );\r\n\r\n    margin: 22px auto 0;\r\n\r\n    color: rgba(\r\n        255,\r\n        255,\r\n        255,\r\n        0.70\r\n    );\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    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARDS WRAPPER\r\n========================================= *\/\r\n\r\n.sunglow-why .why-list {\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 16px;\r\n\r\n    width: 100%;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   WHY CARD\r\n========================================= *\/\r\n\r\n.sunglow-why .why-card {\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 170px;\r\n\r\n    padding: 32px 38px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border: 1px solid\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            0.10\r\n        );\r\n\r\n    border-radius: 24px;\r\n\r\n    overflow: hidden;\r\n\r\n    cursor: default;\r\n\r\n    isolation: isolate;\r\n\r\n    transition:\r\n        transform 0.45s cubic-bezier(\r\n            0.22,\r\n            1,\r\n            0.36,\r\n            1\r\n        ),\r\n        background 0.45s ease,\r\n        border-color 0.45s ease,\r\n        box-shadow 0.45s ease;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD HOVER\r\n========================================= *\/\r\n\r\n.sunglow-why .why-card:hover {\r\n    transform:\r\n        translateY(-6px)\r\n        scale(1.005);\r\n\r\n    background:\r\n        linear-gradient(\r\n            105deg,\r\n            #241656 0%,\r\n            #34185f 45%,\r\n            #BD241E 100%\r\n        );\r\n\r\n    border-color:\r\n        rgba(\r\n            255,\r\n            249,\r\n            173,\r\n            0.35\r\n        );\r\n\r\n    box-shadow:\r\n        0 24px 55px\r\n        rgba(\r\n            0,\r\n            0,\r\n            0,\r\n            0.25\r\n        ),\r\n        0 0 35px\r\n        rgba(\r\n            189,\r\n            36,\r\n            30,\r\n            0.16\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD DECORATIVE GLOW\r\n========================================= *\/\r\n\r\n.sunglow-why .why-card::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: -100px;\r\n    right: -80px;\r\n\r\n    width: 280px;\r\n    height: 280px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(\r\n                255,\r\n                249,\r\n                173,\r\n                0.24\r\n            ) 0%,\r\n            rgba(\r\n                255,\r\n                249,\r\n                173,\r\n                0\r\n            ) 70%\r\n        );\r\n\r\n    opacity: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    transition:\r\n        opacity 0.45s ease,\r\n        transform 0.6s ease;\r\n}\r\n\r\n\r\n.sunglow-why .why-card:hover::before {\r\n    opacity: 1;\r\n\r\n    transform:\r\n        translate(-25px, 20px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD ACCENT LINE\r\n========================================= *\/\r\n\r\n.sunglow-why .why-card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    top: 50%;\r\n\r\n    width: 4px;\r\n    height: 38px;\r\n\r\n    background: #BD241E;\r\n\r\n    border-radius:\r\n        0 10px 10px 0;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n\r\n    transition:\r\n        width 0.4s ease,\r\n        height 0.4s ease,\r\n        background 0.4s ease;\r\n}\r\n\r\n\r\n.sunglow-why .why-card:hover::after {\r\n    width: 7px;\r\n\r\n    height: 76px;\r\n\r\n    background: #FFF9AD;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD ICON\r\n========================================= *\/\r\n\r\n.sunglow-why .why-icon {\r\n    position: relative;\r\n\r\n    flex: 0 0 82px;\r\n\r\n    width: 82px;\r\n    height: 82px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    margin-right: 32px;\r\n\r\n    color: #241656;\r\n\r\n    background: #FFF9AD;\r\n\r\n    border-radius: 20px;\r\n\r\n    font-size: 30px;\r\n\r\n    line-height: 1;\r\n\r\n    z-index: 2;\r\n\r\n    transition:\r\n        transform 0.45s\r\n        cubic-bezier(\r\n            0.22,\r\n            1,\r\n            0.36,\r\n            1\r\n        ),\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\/* =========================================\r\n   ICON HOVER\r\n========================================= *\/\r\n\r\n.sunglow-why .why-card:hover\r\n.why-icon {\r\n    color: #FFFFFF;\r\n\r\n    background: #BD241E;\r\n\r\n    transform:\r\n        rotate(-5deg)\r\n        scale(1.08);\r\n\r\n    box-shadow:\r\n        0 12px 28px\r\n        rgba(\r\n            189,\r\n            36,\r\n            30,\r\n            0.28\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD CONTENT\r\n========================================= *\/\r\n\r\n.sunglow-why .why-content {\r\n    position: relative;\r\n\r\n    flex: 1;\r\n\r\n    min-width: 0;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD NUMBER\r\n========================================= *\/\r\n\r\n.sunglow-why .why-number {\r\n    position: absolute;\r\n\r\n    top: 50%;\r\n\r\n    right: 34px;\r\n\r\n    color:\r\n        rgba(\r\n            36,\r\n            22,\r\n            86,\r\n            0.06\r\n        );\r\n\r\n    font-size: 88px;\r\n\r\n    font-weight: 900;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: -5px;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n\r\n    pointer-events: none;\r\n\r\n    transition:\r\n        color 0.4s ease,\r\n        transform 0.5s ease;\r\n}\r\n\r\n\r\n.sunglow-why .why-card:hover\r\n.why-number {\r\n    color:\r\n        rgba(\r\n            255,\r\n            249,\r\n            173,\r\n            0.10\r\n        );\r\n\r\n    transform:\r\n        translateY(-50%)\r\n        translateX(-10px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD TITLE\r\n========================================= *\/\r\n\r\n.sunglow-why .why-card-title {\r\n    position: relative;\r\n\r\n    margin: 0 110px 10px 0;\r\n\r\n    color: #241656;\r\n\r\n    font-size: 25px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.2;\r\n\r\n    letter-spacing: -0.5px;\r\n\r\n    transition:\r\n        color 0.4s ease;\r\n}\r\n\r\n\r\n.sunglow-why .why-card:hover\r\n.why-card-title {\r\n    color: #FFFFFF;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD DESCRIPTION\r\n========================================= *\/\r\n\r\n.sunglow-why .why-card-description {\r\n    position: relative;\r\n\r\n    max-width: 720px;\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        rgba(\r\n            36,\r\n            22,\r\n            86,\r\n            0.64\r\n        );\r\n\r\n    font-size: 14.5px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.7;\r\n\r\n    transition:\r\n        color 0.4s ease;\r\n}\r\n\r\n\r\n.sunglow-why .why-card:hover\r\n.why-card-description {\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            0.74\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD INNER SHINE\r\n========================================= *\/\r\n\r\n.sunglow-why .why-card .why-shine {\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: -120%;\r\n\r\n    width: 80%;\r\n    height: 100%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(\r\n                255,\r\n                255,\r\n                255,\r\n                0.08\r\n            ),\r\n            transparent\r\n        );\r\n\r\n    transform:\r\n        skewX(-18deg);\r\n\r\n    pointer-events: none;\r\n\r\n    z-index: 3;\r\n\r\n    transition:\r\n        left 0.8s ease;\r\n}\r\n\r\n\r\n.sunglow-why .why-card:hover\r\n.why-shine {\r\n    left: 130%;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BACKGROUND DECORATION\r\n========================================= *\/\r\n\r\n.sunglow-why::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: -180px;\r\n    left: -150px;\r\n\r\n    width: 420px;\r\n    height: 420px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(\r\n                255,\r\n                249,\r\n                173,\r\n                0.13\r\n            ) 0%,\r\n            rgba(\r\n                255,\r\n                249,\r\n                173,\r\n                0\r\n            ) 70%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n.sunglow-why::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: -170px;\r\n    bottom: -180px;\r\n\r\n    width: 460px;\r\n    height: 460px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(\r\n                189,\r\n                36,\r\n                30,\r\n                0.16\r\n            ) 0%,\r\n            rgba(\r\n                189,\r\n                36,\r\n                30,\r\n                0\r\n            ) 70%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\/* =========================================\r\n   SUNGLOW GROUP\r\n   ABOUT US \u2014 SECTION 4\r\n   WHY SUNGLOW GROUP\r\n   PART 1B \u2014 TABLET + MOBILE CSS\r\n========================================= *\/\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n   1024px AND BELOW\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .sunglow-why {\r\n        padding: 90px 0;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       CONTAINER\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-container {\r\n        width: min(\r\n            100% - 40px,\r\n            1180px\r\n        );\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       HEADER\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-header {\r\n        margin-bottom: 48px;\r\n    }\r\n\r\n\r\n    .sunglow-why .why-title {\r\n        font-size:\r\n            clamp(\r\n                40px,\r\n                5.5vw,\r\n                56px\r\n            );\r\n\r\n        letter-spacing: -1.8px;\r\n    }\r\n\r\n\r\n    .sunglow-why .why-intro {\r\n        max-width: 680px;\r\n\r\n        font-size: 15px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       CARD\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-card {\r\n        min-height: 150px;\r\n\r\n        padding: 28px 30px;\r\n\r\n        border-radius: 21px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       ICON\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-icon {\r\n        flex-basis: 70px;\r\n\r\n        width: 70px;\r\n        height: 70px;\r\n\r\n        margin-right: 25px;\r\n\r\n        border-radius: 17px;\r\n\r\n        font-size: 26px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       TITLE\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-card-title {\r\n        margin-right: 90px;\r\n\r\n        font-size: 23px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       DESCRIPTION\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-card-description {\r\n        max-width: 620px;\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.65;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       NUMBER\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-number {\r\n        right: 25px;\r\n\r\n        font-size: 72px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       ACCENT\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-card::after {\r\n        width: 3px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n   767px AND BELOW\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sunglow-why {\r\n        padding: 70px 0 75px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       CONTAINER\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-container {\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       HEADER\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-header {\r\n        width: calc(100% - 32px);\r\n\r\n        margin:\r\n            0 auto 38px;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n\r\n    .sunglow-why .why-eyebrow {\r\n        margin-bottom: 15px;\r\n\r\n        font-size: 10px;\r\n\r\n        letter-spacing: 1.6px;\r\n    }\r\n\r\n\r\n    .sunglow-why .why-eyebrow::before,\r\n    .sunglow-why .why-eyebrow::after {\r\n        width: 22px;\r\n    }\r\n\r\n\r\n    .sunglow-why .why-title {\r\n        font-size:\r\n            clamp(\r\n                36px,\r\n                10vw,\r\n                48px\r\n            );\r\n\r\n        line-height: 1.05;\r\n\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n\r\n    .sunglow-why .why-intro {\r\n        width: 100%;\r\n\r\n        margin-top: 18px;\r\n\r\n        font-size: 13.5px;\r\n\r\n        line-height: 1.7;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       CARDS LIST\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-list {\r\n        gap: 12px;\r\n\r\n        width: 100%;\r\n\r\n        padding: 0 16px;\r\n\r\n        box-sizing: border-box;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       CARD\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-card {\r\n        min-height: 0;\r\n\r\n        padding: 24px 20px;\r\n\r\n        align-items: center;\r\n\r\n        border-radius: 18px;\r\n\r\n        cursor: default;\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    }\r\n\r\n\r\n    \/* =====================================\r\n       MOBILE HOVER \/ ACTIVE EFFECT\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-card:hover {\r\n        transform: none;\r\n\r\n        background: #FFFFFF;\r\n\r\n        border-color:\r\n            rgba(\r\n                255,\r\n                255,\r\n                255,\r\n                0.10\r\n            );\r\n\r\n        box-shadow:\r\n            0 10px 28px\r\n            rgba(\r\n                0,\r\n                0,\r\n                0,\r\n                0.16\r\n            );\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       ICON\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-icon {\r\n        flex: 0 0 54px;\r\n\r\n        width: 54px;\r\n        height: 54px;\r\n\r\n        margin-right: 17px;\r\n\r\n        border-radius: 15px;\r\n\r\n        font-size: 22px;\r\n\r\n        transition:\r\n            transform 0.3s ease,\r\n            background 0.3s ease,\r\n            color 0.3s ease;\r\n    }\r\n\r\n\r\n    \/* Keep icon visible on touch devices *\/\r\n\r\n    .sunglow-why .why-card:hover\r\n    .why-icon {\r\n        color: #241656;\r\n\r\n        background: #FFF9AD;\r\n\r\n        transform: none;\r\n\r\n        box-shadow: none;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       CONTENT\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-content {\r\n        width: 100%;\r\n\r\n        min-width: 0;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       TITLE\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-card-title {\r\n        margin:\r\n            0 65px 7px 0;\r\n\r\n        font-size: 18px;\r\n\r\n        line-height: 1.25;\r\n\r\n        letter-spacing: -0.2px;\r\n    }\r\n\r\n\r\n    .sunglow-why .why-card:hover\r\n    .why-card-title {\r\n        color: #241656;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       DESCRIPTION\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-card-description {\r\n        max-width: none;\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.65;\r\n    }\r\n\r\n\r\n    .sunglow-why .why-card:hover\r\n    .why-card-description {\r\n        color:\r\n            rgba(\r\n                36,\r\n                22,\r\n                86,\r\n                0.64\r\n            );\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       NUMBER\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-number {\r\n        top: 50%;\r\n        right: 18px;\r\n\r\n        font-size: 48px;\r\n\r\n        letter-spacing: -3px;\r\n\r\n        transform:\r\n            translateY(-50%);\r\n    }\r\n\r\n\r\n    .sunglow-why .why-card:hover\r\n    .why-number {\r\n        color:\r\n            rgba(\r\n                36,\r\n                22,\r\n                86,\r\n                0.06\r\n            );\r\n\r\n        transform:\r\n            translateY(-50%);\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       ACCENT LINE\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-card::after {\r\n        left: 0;\r\n\r\n        width: 3px;\r\n        height: 34px;\r\n\r\n        background: #BD241E;\r\n    }\r\n\r\n\r\n    .sunglow-why .why-card:hover::after {\r\n        width: 3px;\r\n\r\n        height: 34px;\r\n\r\n        background: #BD241E;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       HIDE SHINE ON MOBILE\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-card .why-shine {\r\n        display: none;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       REDUCE DECORATIVE GLOW\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-card::before {\r\n        display: none;\r\n    }\r\n\r\n\r\n    .sunglow-why::before {\r\n        top: -100px;\r\n        left: -100px;\r\n\r\n        width: 240px;\r\n        height: 240px;\r\n    }\r\n\r\n\r\n    .sunglow-why::after {\r\n        right: -100px;\r\n        bottom: -100px;\r\n\r\n        width: 260px;\r\n        height: 260px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n   480px AND BELOW\r\n========================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .sunglow-why {\r\n        padding: 60px 0 65px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       HEADER\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-header {\r\n        width: calc(100% - 28px);\r\n\r\n        margin-bottom: 32px;\r\n    }\r\n\r\n\r\n    .sunglow-why .why-title {\r\n        font-size: 35px;\r\n\r\n        letter-spacing: -1.2px;\r\n    }\r\n\r\n\r\n    .sunglow-why .why-intro {\r\n        font-size: 13px;\r\n\r\n        line-height: 1.65;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       CARD LIST\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-list {\r\n        gap: 10px;\r\n\r\n        padding:\r\n            0 14px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       CARD\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-card {\r\n        padding: 19px 17px;\r\n\r\n        border-radius: 16px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       ICON\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-icon {\r\n        flex-basis: 46px;\r\n\r\n        width: 46px;\r\n        height: 46px;\r\n\r\n        margin-right: 13px;\r\n\r\n        border-radius: 13px;\r\n\r\n        font-size: 19px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       TITLE\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-card-title {\r\n        margin-right: 50px;\r\n\r\n        margin-bottom: 6px;\r\n\r\n        font-size: 16.5px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       DESCRIPTION\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-card-description {\r\n        font-size: 12.5px;\r\n\r\n        line-height: 1.6;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       NUMBER\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-number {\r\n        right: 14px;\r\n\r\n        font-size: 39px;\r\n\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       ACCENT\r\n    ====================================== *\/\r\n\r\n    .sunglow-why .why-card::after {\r\n        width: 3px;\r\n\r\n        height: 30px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- =========================================\r\n     SUNGLOW GROUP\r\n     ABOUT US \u2014 SECTION 4\r\n     WHY SUNGLOW GROUP\r\n     PART 2A \u2014 HTML\r\n========================================= -->\r\n\r\n<section class=\"sunglow-why\">\r\n\r\n    <div class=\"why-container\">\r\n\r\n\r\n        <!-- =====================================\r\n             SECTION HEADER\r\n        ====================================== -->\r\n\r\n        <div class=\"why-header\">\r\n\r\n            <div class=\"why-eyebrow\">\r\n                Why Sunglow Group\r\n            <\/div>\r\n\r\n            <h2 class=\"why-title\">\r\n                Built on Strength.<br>\r\n                Driven by Opportunity.\r\n            <\/h2>\r\n\r\n            <p class=\"why-intro\">\r\n                We combine business understanding, trusted\r\n                relationships and a long-term approach to create\r\n                meaningful value across everything we do.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================\r\n             WHY SUNGLOW CARDS\r\n        ====================================== -->\r\n\r\n        <div class=\"why-list\">\r\n\r\n\r\n            <!-- =================================\r\n                 CARD 01 \u2014 EXPERTISE\r\n            ================================== -->\r\n\r\n            <article class=\"why-card\">\r\n\r\n\r\n                <!-- Decorative Shine -->\r\n\r\n                <span\r\n                    class=\"why-shine\"\r\n                    aria-hidden=\"true\"\r\n                ><\/span>\r\n\r\n\r\n                <!-- Background Number -->\r\n\r\n                <span\r\n                    class=\"why-number\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    01\r\n                <\/span>\r\n\r\n\r\n                <!-- Icon -->\r\n\r\n                <div\r\n                    class=\"why-icon\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        width=\"32\"\r\n                        height=\"32\"\r\n                        fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                    >\r\n\r\n                        <path\r\n                            d=\"M12 3L14.2 8.2L20 8.8L15.6 12.6L16.9 18.3L12 15.3L7.1 18.3L8.4 12.6L4 8.8L9.8 8.2L12 3Z\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                        <path\r\n                            d=\"M19 15.5L20.2 18L23 18.3L20.9 20.1L21.5 23\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.5\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- Content -->\r\n\r\n                <div class=\"why-content\">\r\n\r\n                    <h3 class=\"why-card-title\">\r\n                        Expertise\r\n                    <\/h3>\r\n\r\n                    <p class=\"why-card-description\">\r\n                        We bring strong business understanding,\r\n                        practical experience and focused expertise\r\n                        to help create meaningful solutions and\r\n                        sustainable opportunities.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n                        <!-- =================================\r\n                 CARD 02 \u2014 TRUST\r\n            ================================== -->\r\n\r\n            <article class=\"why-card\">\r\n\r\n                <!-- Decorative Shine -->\r\n\r\n                <span\r\n                    class=\"why-shine\"\r\n                    aria-hidden=\"true\"\r\n                ><\/span>\r\n\r\n\r\n                <!-- Background Number -->\r\n\r\n                <span\r\n                    class=\"why-number\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    02\r\n                <\/span>\r\n\r\n\r\n                <!-- Icon -->\r\n\r\n                <div\r\n                    class=\"why-icon\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        width=\"32\"\r\n                        height=\"32\"\r\n                        fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                    >\r\n\r\n                        <path\r\n                            d=\"M12 21C12 21 20 17.2 20 11V5.5L12 3L4 5.5V11C4 17.2 12 21 12 21Z\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                        <path\r\n                            d=\"M8.5 12L10.8 14.2L15.7 9.4\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- Content -->\r\n\r\n                <div class=\"why-content\">\r\n\r\n                    <h3 class=\"why-card-title\">\r\n                        Trust\r\n                    <\/h3>\r\n\r\n                    <p class=\"why-card-description\">\r\n                        We build strong relationships through\r\n                        transparency, reliability and consistent\r\n                        commitment to the people and businesses\r\n                        we work with.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- =================================\r\n                 CARD 03 \u2014 LONG-TERM APPROACH\r\n            ================================== -->\r\n\r\n            <article class=\"why-card\">\r\n\r\n                <!-- Decorative Shine -->\r\n\r\n                <span\r\n                    class=\"why-shine\"\r\n                    aria-hidden=\"true\"\r\n                ><\/span>\r\n\r\n\r\n                <!-- Background Number -->\r\n\r\n                <span\r\n                    class=\"why-number\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    03\r\n                <\/span>\r\n\r\n\r\n                <!-- Icon -->\r\n\r\n                <div\r\n                    class=\"why-icon\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        width=\"32\"\r\n                        height=\"32\"\r\n                        fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                    >\r\n\r\n                        <path\r\n                            d=\"M3 20H21\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                        \/>\r\n\r\n                        <path\r\n                            d=\"M5 17V11\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                        \/>\r\n\r\n                        <path\r\n                            d=\"M10 17V7\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                        \/>\r\n\r\n                        <path\r\n                            d=\"M15 17V10\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                        \/>\r\n\r\n                        <path\r\n                            d=\"M20 17V4\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- Content -->\r\n\r\n                <div class=\"why-content\">\r\n\r\n                    <h3 class=\"why-card-title\">\r\n                        Long-Term Approach\r\n                    <\/h3>\r\n\r\n                    <p class=\"why-card-description\">\r\n                        We focus on sustainable growth and\r\n                        lasting value, making decisions that\r\n                        support strong businesses beyond\r\n                        short-term results.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- =================================\r\n                 CARD 04 \u2014 OPPORTUNITY\r\n            ================================== -->\r\n\r\n            <article class=\"why-card\">\r\n\r\n                <!-- Decorative Shine -->\r\n\r\n                <span\r\n                    class=\"why-shine\"\r\n                    aria-hidden=\"true\"\r\n                ><\/span>\r\n\r\n\r\n                <!-- Background Number -->\r\n\r\n                <span\r\n                    class=\"why-number\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    04\r\n                <\/span>\r\n\r\n\r\n                <!-- Icon -->\r\n\r\n                <div\r\n                    class=\"why-icon\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        width=\"32\"\r\n                        height=\"32\"\r\n                        fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                    >\r\n\r\n                        <path\r\n                            d=\"M12 3V21\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                        \/>\r\n\r\n                        <path\r\n                            d=\"M16.5 7.5C16.5 5.8 14.5 4.5 12 4.5C9.5 4.5 7.5 5.8 7.5 7.5C7.5 9.2 9 10.2 12 11C15 11.8 16.5 12.8 16.5 14.5C16.5 16.5 14.5 18 12 18C9.5 18 7.5 16.7 7.5 15\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- Content -->\r\n\r\n                <div class=\"why-content\">\r\n\r\n                    <h3 class=\"why-card-title\">\r\n                        Opportunity\r\n                    <\/h3>\r\n\r\n                    <p class=\"why-card-description\">\r\n                        We identify opportunities, develop\r\n                        possibilities and turn ideas into\r\n                        meaningful outcomes that create\r\n                        lasting business value.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n        <!-- \/.why-list -->\r\n\r\n\r\n    <\/div>\r\n    <!-- \/.why-container -->\r\n\r\n<\/section>\r\n<!-- \/.sunglow-why -->\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-05af8c8 e-con e-atomic-element e-flexbox-base e-5be4685 \" data-id=\"05af8c8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"05af8c8\" data-e-type=\"e-flexbox\" data-id=\"05af8c8\">\n    \t\t<div class=\"elementor-element elementor-element-607e419 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"607e419\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================\r\n   SUNGLOW GROUP\r\n   ABOUT US \u2014 SECTION 3\r\n   VISION \/ MISSION \/ VALUES\r\n   PART 1A \u2014 BASE \/ DESKTOP CSS\r\n========================================= *\/\r\n\r\n\r\n\/* =========================================\r\n   SECTION WRAPPER\r\n========================================= *\/\r\n\r\n.sunglow-foundation {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: 110px 0;\r\n\r\n    background: #F7F6F2;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAIN CONTAINER\r\n========================================= *\/\r\n\r\n.sunglow-foundation .foundation-container {\r\n    position: relative;\r\n\r\n    width: min(1240px, calc(100% - 48px));\r\n\r\n    margin: 0 auto;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SECTION HEADER\r\n========================================= *\/\r\n\r\n.sunglow-foundation .foundation-header {\r\n    width: 100%;\r\n\r\n    margin: 0 auto 58px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   EYEBROW\r\n========================================= *\/\r\n\r\n.sunglow-foundation .foundation-eyebrow {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    color: #BD241E;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.4;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.sunglow-foundation .foundation-eyebrow::before,\r\n.sunglow-foundation .foundation-eyebrow::after {\r\n    content: \"\";\r\n\r\n    width: 28px;\r\n    height: 2px;\r\n\r\n    background: #BD241E;\r\n\r\n    border-radius: 20px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAIN HEADING\r\n========================================= *\/\r\n\r\n.sunglow-foundation .foundation-title {\r\n    width: 100%;\r\n\r\n    margin: 0;\r\n\r\n    color: #241656;\r\n\r\n    font-size: clamp(42px, 4.5vw, 62px);\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.06;\r\n\r\n    letter-spacing: -2px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   THREE PILLARS GRID\r\n========================================= *\/\r\n\r\n.sunglow-foundation .foundation-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, minmax(0, 1fr));\r\n\r\n    gap: 22px;\r\n\r\n    width: 100%;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   FOUNDATION CARD\r\n========================================= *\/\r\n\r\n.sunglow-foundation .foundation-card {\r\n    position: relative;\r\n\r\n    min-height: 390px;\r\n\r\n    padding: 42px 34px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: flex-start;\r\n\r\n    box-sizing: border-box;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border: 1px solid rgba(36, 22, 86, 0.08);\r\n\r\n    border-radius: 24px;\r\n\r\n    overflow: hidden;\r\n\r\n    cursor: default;\r\n\r\n    transition:\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease,\r\n        border-color 0.35s ease;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD HOVER\r\n========================================= *\/\r\n\r\n.sunglow-foundation .foundation-card:hover {\r\n    transform: translateY(-8px);\r\n\r\n    border-color:\r\n        rgba(36, 22, 86, 0.16);\r\n\r\n    box-shadow:\r\n        0 22px 50px\r\n        rgba(36, 22, 86, 0.11);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD NUMBER\r\n========================================= *\/\r\n\r\n.sunglow-foundation .foundation-number {\r\n    position: absolute;\r\n\r\n    top: 25px;\r\n    right: 28px;\r\n\r\n    color: rgba(36, 22, 86, 0.10);\r\n\r\n    font-size: 52px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: -2px;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD ICON\r\n========================================= *\/\r\n\r\n.sunglow-foundation .foundation-icon {\r\n    width: 68px;\r\n    height: 68px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    margin-bottom: 32px;\r\n\r\n    color: #241656;\r\n\r\n    background: #FFF9AD;\r\n\r\n    border-radius: 18px;\r\n\r\n    font-size: 28px;\r\n\r\n    line-height: 1;\r\n\r\n    transition:\r\n        background 0.3s ease,\r\n        color 0.3s ease,\r\n        transform 0.3s ease;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ICON HOVER\r\n========================================= *\/\r\n\r\n.sunglow-foundation\r\n.foundation-card:hover\r\n.foundation-icon {\r\n    color: #FFFFFF;\r\n\r\n    background: #BD241E;\r\n\r\n    transform: rotate(-4deg);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD TITLE\r\n========================================= *\/\r\n\r\n.sunglow-foundation .foundation-card-title {\r\n    margin: 0 0 17px;\r\n\r\n    color: #241656;\r\n\r\n    font-size: 27px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.2;\r\n\r\n    letter-spacing: -0.6px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD DESCRIPTION\r\n========================================= *\/\r\n\r\n.sunglow-foundation .foundation-card-description {\r\n    margin: 0;\r\n\r\n    color: rgba(36, 22, 86, 0.67);\r\n\r\n    font-size: 15px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD BOTTOM ACCENT\r\n========================================= *\/\r\n\r\n.sunglow-foundation .foundation-card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 34px;\r\n    bottom: 0;\r\n\r\n    width: 48px;\r\n    height: 4px;\r\n\r\n    background: #BD241E;\r\n\r\n    border-radius:\r\n        8px 8px 0 0;\r\n\r\n    transition:\r\n        width 0.35s ease,\r\n        background 0.35s ease;\r\n}\r\n\r\n\r\n.sunglow-foundation\r\n.foundation-card:hover::after {\r\n    width: 90px;\r\n\r\n    background: #241656;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   VALUES CARD \u2014 EXTRA VISUAL SUPPORT\r\n========================================= *\/\r\n\r\n.sunglow-foundation\r\n.foundation-card.values-card {\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #FFFFFF 0%,\r\n            #FFFFFF 72%,\r\n            rgba(255, 249, 173, 0.35) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DECORATIVE BACKGROUND\r\n========================================= *\/\r\n\r\n.sunglow-foundation::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: -130px;\r\n    left: -120px;\r\n\r\n    width: 300px;\r\n    height: 300px;\r\n\r\n    background: #FFF9AD;\r\n\r\n    border-radius: 50%;\r\n\r\n    opacity: 0.22;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n.sunglow-foundation::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: -100px;\r\n    bottom: -120px;\r\n\r\n    width: 260px;\r\n    height: 260px;\r\n\r\n    background: #BD241E;\r\n\r\n    border-radius: 50%;\r\n\r\n    opacity: 0.05;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\/* =========================================\r\n   SUNGLOW GROUP\r\n   ABOUT US \u2014 SECTION 3\r\n   VISION \/ MISSION \/ VALUES\r\n   PART 1B \u2014 TABLET + MOBILE CSS\r\n========================================= *\/\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n   1024px AND BELOW\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .sunglow-foundation {\r\n        padding: 90px 0;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       CONTAINER\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation .foundation-container {\r\n        width: min(\r\n            100% - 40px,\r\n            1240px\r\n        );\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       HEADER\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation .foundation-header {\r\n        margin-bottom: 48px;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n\r\n    .sunglow-foundation .foundation-title {\r\n        font-size:\r\n            clamp(40px, 5.5vw, 56px);\r\n\r\n        letter-spacing: -1.8px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       GRID\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation .foundation-grid {\r\n        grid-template-columns:\r\n            repeat(3, minmax(0, 1fr));\r\n\r\n        gap: 16px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       CARD\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation .foundation-card {\r\n        min-height: 350px;\r\n\r\n        padding: 34px 25px;\r\n\r\n        border-radius: 21px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       ICON\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation .foundation-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n\r\n        margin-bottom: 26px;\r\n\r\n        font-size: 25px;\r\n\r\n        border-radius: 16px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       TITLE\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation .foundation-card-title {\r\n        font-size: 23px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       DESCRIPTION\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation .foundation-card-description {\r\n        font-size: 14px;\r\n\r\n        line-height: 1.7;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       NUMBER\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation .foundation-number {\r\n        top: 22px;\r\n        right: 22px;\r\n\r\n        font-size: 44px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n   767px AND BELOW\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sunglow-foundation {\r\n        padding: 70px 0 75px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       CONTAINER\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation .foundation-container {\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       HEADER\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation .foundation-header {\r\n        width: calc(100% - 32px);\r\n\r\n        margin:\r\n            0 auto 38px;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n\r\n    .sunglow-foundation .foundation-eyebrow {\r\n        margin-bottom: 15px;\r\n\r\n        font-size: 10px;\r\n\r\n        letter-spacing: 1.6px;\r\n    }\r\n\r\n\r\n    .sunglow-foundation\r\n    .foundation-eyebrow::before,\r\n    .sunglow-foundation\r\n    .foundation-eyebrow::after {\r\n        width: 22px;\r\n    }\r\n\r\n\r\n    .sunglow-foundation .foundation-title {\r\n        width: 100%;\r\n\r\n        font-size:\r\n            clamp(36px, 10vw, 48px);\r\n\r\n        line-height: 1.05;\r\n\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       ACCORDION GRID\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation .foundation-grid {\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 12px;\r\n\r\n        width: 100%;\r\n\r\n        padding: 0 16px;\r\n\r\n        box-sizing: border-box;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       ACCORDION CARD\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation .foundation-card {\r\n        width: 100%;\r\n\r\n        min-height: 0;\r\n\r\n        padding: 20px 20px;\r\n\r\n        display: block;\r\n\r\n        border-radius: 18px;\r\n\r\n        cursor: pointer;\r\n\r\n        box-shadow:\r\n            0 6px 20px\r\n            rgba(36, 22, 86, 0.055);\r\n\r\n        transition:\r\n            background 0.3s ease,\r\n            border-color 0.3s ease,\r\n            box-shadow 0.3s ease;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       REMOVE DESKTOP HOVER MOVEMENT\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation\r\n    .foundation-card:hover {\r\n        transform: none;\r\n\r\n        box-shadow:\r\n            0 6px 20px\r\n            rgba(36, 22, 86, 0.055);\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       CARD ACTIVE STATE\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation\r\n    .foundation-card.is-active {\r\n        border-color:\r\n            rgba(36, 22, 86, 0.16);\r\n\r\n        box-shadow:\r\n            0 12px 30px\r\n            rgba(36, 22, 86, 0.09);\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       CARD TOP ROW\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation .foundation-card-top {\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        width: 100%;\r\n\r\n        min-height: 52px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       ICON\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation .foundation-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n\r\n        flex: 0 0 50px;\r\n\r\n        margin: 0 15px 0 0;\r\n\r\n        font-size: 21px;\r\n\r\n        border-radius: 14px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       ICON ACTIVE\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation\r\n    .foundation-card.is-active\r\n    .foundation-icon {\r\n        color: #FFFFFF;\r\n\r\n        background: #BD241E;\r\n\r\n        transform: none;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       TITLE\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation .foundation-card-title {\r\n        flex: 1;\r\n\r\n        margin: 0;\r\n\r\n        padding-right: 8px;\r\n\r\n        font-size: 18px;\r\n\r\n        line-height: 1.25;\r\n\r\n        letter-spacing: -0.2px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       PLUS \/ MINUS BUTTON\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation .foundation-toggle {\r\n        width: 36px;\r\n        height: 36px;\r\n\r\n        flex: 0 0 36px;\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        margin-left: auto;\r\n\r\n        color: #241656;\r\n\r\n        background: #FFF9AD;\r\n\r\n        border: 0;\r\n\r\n        border-radius: 50%;\r\n\r\n        font-size: 22px;\r\n\r\n        font-weight: 400;\r\n\r\n        line-height: 1;\r\n\r\n        cursor: pointer;\r\n\r\n        transition:\r\n            background 0.3s ease,\r\n            color 0.3s ease,\r\n            transform 0.3s ease;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       TOGGLE ACTIVE\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation\r\n    .foundation-card.is-active\r\n    .foundation-toggle {\r\n        color: #FFFFFF;\r\n\r\n        background: #BD241E;\r\n\r\n        transform: rotate(180deg);\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       DESCRIPTION\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation\r\n    .foundation-card-description {\r\n        display: grid;\r\n\r\n        grid-template-rows: 0fr;\r\n\r\n        margin: 0;\r\n\r\n        padding: 0;\r\n\r\n        overflow: hidden;\r\n\r\n        opacity: 0;\r\n\r\n        color: rgba(36, 22, 86, 0.67);\r\n\r\n        font-size: 13.5px;\r\n\r\n        line-height: 1.7;\r\n\r\n        transition:\r\n            grid-template-rows 0.35s ease,\r\n            opacity 0.25s ease,\r\n            padding 0.35s ease;\r\n    }\r\n\r\n\r\n    .sunglow-foundation\r\n    .foundation-card-description > * {\r\n        min-height: 0;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       DESCRIPTION ACTIVE\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation\r\n    .foundation-card.is-active\r\n    .foundation-card-description {\r\n        grid-template-rows: 1fr;\r\n\r\n        padding:\r\n            17px 5px 4px 65px;\r\n\r\n        opacity: 1;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       CARD NUMBER\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation .foundation-number {\r\n        top: 16px;\r\n        right: 20px;\r\n\r\n        font-size: 34px;\r\n\r\n        opacity: 0.7;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       BOTTOM ACCENT\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation\r\n    .foundation-card::after {\r\n        left: 20px;\r\n\r\n        width: 34px;\r\n        height: 3px;\r\n    }\r\n\r\n\r\n    .sunglow-foundation\r\n    .foundation-card.is-active::after {\r\n        width: 65px;\r\n\r\n        background: #BD241E;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       REMOVE VALUES SPECIAL BACKGROUND\r\n       FROM MOBILE CLOSED STATE\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation\r\n    .foundation-card.values-card {\r\n        background: #FFFFFF;\r\n    }\r\n\r\n\r\n    .sunglow-foundation\r\n    .foundation-card.values-card.is-active {\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                #FFFFFF 0%,\r\n                #FFFFFF 72%,\r\n                rgba(255, 249, 173, 0.35) 100%\r\n            );\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       DECORATIVE ELEMENTS\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation::before {\r\n        top: -80px;\r\n        left: -90px;\r\n\r\n        width: 190px;\r\n        height: 190px;\r\n    }\r\n\r\n\r\n    .sunglow-foundation::after {\r\n        right: -80px;\r\n        bottom: -80px;\r\n\r\n        width: 180px;\r\n        height: 180px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n   480px AND BELOW\r\n========================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .sunglow-foundation {\r\n        padding: 60px 0 65px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       HEADER\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation .foundation-header {\r\n        width: calc(100% - 28px);\r\n\r\n        margin-bottom: 32px;\r\n    }\r\n\r\n\r\n    .sunglow-foundation .foundation-title {\r\n        font-size: 35px;\r\n\r\n        letter-spacing: -1.2px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       ACCORDION\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation .foundation-grid {\r\n        gap: 10px;\r\n\r\n        padding:\r\n            0 14px;\r\n    }\r\n\r\n\r\n    .sunglow-foundation .foundation-card {\r\n        padding: 18px 18px;\r\n\r\n        border-radius: 16px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       ICON\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation .foundation-icon {\r\n        width: 46px;\r\n        height: 46px;\r\n\r\n        flex-basis: 46px;\r\n\r\n        margin-right: 13px;\r\n\r\n        font-size: 20px;\r\n\r\n        border-radius: 13px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       TITLE\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation .foundation-card-title {\r\n        font-size: 17px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       TOGGLE\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation .foundation-toggle {\r\n        width: 34px;\r\n        height: 34px;\r\n\r\n        flex-basis: 34px;\r\n\r\n        font-size: 20px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       DESCRIPTION\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation\r\n    .foundation-card.is-active\r\n    .foundation-card-description {\r\n        padding:\r\n            15px 3px 3px 59px;\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.65;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       NUMBER\r\n    ====================================== *\/\r\n\r\n    .sunglow-foundation .foundation-number {\r\n        top: 13px;\r\n        right: 17px;\r\n\r\n        font-size: 29px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- =========================================\r\n     SUNGLOW GROUP\r\n     ABOUT US \u2014 SECTION 3\r\n     VISION \/ MISSION \/ VALUES\r\n     PART 2A \u2014 HTML\r\n========================================= -->\r\n<section id=\"what-we-stand-for\">\r\n<section class=\"sunglow-foundation\">\r\n\r\n    <div class=\"foundation-container\">\r\n\r\n\r\n        <!-- =====================================\r\n             SECTION HEADER\r\n        ====================================== -->\r\n\r\n        <div class=\"foundation-header\">\r\n\r\n            <div class=\"foundation-eyebrow\">\r\n                Our Foundation\r\n            <\/div>\r\n\r\n            <h2 class=\"foundation-title\">\r\n                What Drives Sunglow Group\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================\r\n             THREE PILLARS\r\n        ====================================== -->\r\n\r\n        <div class=\"foundation-grid\">\r\n\r\n\r\n            <!-- =================================\r\n                 CARD 01 \u2014 VISION\r\n            ================================== -->\r\n\r\n            <article\r\n                class=\"foundation-card\"\r\n                data-foundation-card=\"vision\"\r\n            >\r\n\r\n                <span class=\"foundation-number\">\r\n                    01\r\n                <\/span>\r\n\r\n\r\n                <!-- CARD TOP -->\r\n\r\n                <div class=\"foundation-card-top\">\r\n\r\n\r\n                    <!-- ICON -->\r\n\r\n                    <div\r\n                        class=\"foundation-icon\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            width=\"28\"\r\n                            height=\"28\"\r\n                            fill=\"none\"\r\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                        >\r\n\r\n                            <path\r\n                                d=\"M2.5 12C4.8 7.8 8 5.7 12 5.7C16 5.7 19.2 7.8 21.5 12C19.2 16.2 16 18.3 12 18.3C8 18.3 4.8 16.2 2.5 12Z\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.8\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"12\"\r\n                                cy=\"12\"\r\n                                r=\"3\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.8\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- TITLE -->\r\n\r\n                    <h3 class=\"foundation-card-title\">\r\n                        Vision\r\n                    <\/h3>\r\n\r\n\r\n                    <!-- MOBILE TOGGLE -->\r\n\r\n                    <button\r\n                        class=\"foundation-toggle\"\r\n                        type=\"button\"\r\n                        aria-label=\"Open Vision\"\r\n                        aria-expanded=\"false\"\r\n                    >\r\n                        <span aria-hidden=\"true\">\r\n                            +\r\n                        <\/span>\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- DESCRIPTION -->\r\n\r\n                <div class=\"foundation-card-description\">\r\n\r\n                    <p>\r\n                        To build sustainable businesses, create\r\n                        meaningful opportunities and shape a future\r\n                        defined by long-term growth and lasting value.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n            \r\n            <!-- =========================================\r\n     CARD 02 \u2014 MISSION\r\n========================================= -->\r\n\r\n<article\r\n    class=\"foundation-card\"\r\n    data-foundation-card=\"mission\"\r\n>\r\n\r\n    <span class=\"foundation-number\">\r\n        02\r\n    <\/span>\r\n\r\n\r\n    <!-- CARD TOP -->\r\n\r\n    <div class=\"foundation-card-top\">\r\n\r\n        <!-- ICON -->\r\n\r\n        <div\r\n            class=\"foundation-icon\"\r\n            aria-hidden=\"true\"\r\n        >\r\n\r\n            <svg\r\n                viewBox=\"0 0 24 24\"\r\n                width=\"28\"\r\n                height=\"28\"\r\n                fill=\"none\"\r\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n            >\r\n\r\n                <path\r\n                    d=\"M4 19L9 14L13 17L20 9\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.8\"\r\n                    stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                \/>\r\n\r\n                <path\r\n                    d=\"M16 9H20V13\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.8\"\r\n                    stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                \/>\r\n\r\n                <path\r\n                    d=\"M4 5V19H20\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.8\"\r\n                    stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                \/>\r\n\r\n            <\/svg>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- TITLE -->\r\n\r\n        <h3 class=\"foundation-card-title\">\r\n            Mission\r\n        <\/h3>\r\n\r\n\r\n        <!-- MOBILE TOGGLE -->\r\n\r\n        <button\r\n            class=\"foundation-toggle\"\r\n            type=\"button\"\r\n            aria-label=\"Open Mission\"\r\n            aria-expanded=\"false\"\r\n        >\r\n            <span aria-hidden=\"true\">\r\n                +\r\n            <\/span>\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- DESCRIPTION -->\r\n\r\n    <div class=\"foundation-card-description\">\r\n\r\n        <p>\r\n            To create value through strong businesses, trusted\r\n            partnerships and focused services while delivering\r\n            meaningful outcomes for our clients, partners and\r\n            communities.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n<\/article>\r\n\r\n\r\n\r\n<!-- =========================================\r\n     CARD 03 \u2014 VALUES\r\n========================================= -->\r\n\r\n<article\r\n    class=\"foundation-card values-card\"\r\n    data-foundation-card=\"values\"\r\n>\r\n\r\n    <span class=\"foundation-number\">\r\n        03\r\n    <\/span>\r\n\r\n\r\n    <!-- CARD TOP -->\r\n\r\n    <div class=\"foundation-card-top\">\r\n\r\n        <!-- ICON -->\r\n\r\n        <div\r\n            class=\"foundation-icon\"\r\n            aria-hidden=\"true\"\r\n        >\r\n\r\n            <svg\r\n                viewBox=\"0 0 24 24\"\r\n                width=\"28\"\r\n                height=\"28\"\r\n                fill=\"none\"\r\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n            >\r\n\r\n                <path\r\n                    d=\"M12 3L14.8 8.7L21 9.6L16.5 14L17.6 20.2L12 17.3L6.4 20.2L7.5 14L3 9.6L9.2 8.7L12 3Z\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.8\"\r\n                    stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                \/>\r\n\r\n            <\/svg>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- TITLE -->\r\n\r\n        <h3 class=\"foundation-card-title\">\r\n            Values\r\n        <\/h3>\r\n\r\n\r\n        <!-- MOBILE TOGGLE -->\r\n\r\n        <button\r\n            class=\"foundation-toggle\"\r\n            type=\"button\"\r\n            aria-label=\"Open Values\"\r\n            aria-expanded=\"false\"\r\n        >\r\n            <span aria-hidden=\"true\">\r\n                +\r\n            <\/span>\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- DESCRIPTION -->\r\n\r\n    <div class=\"foundation-card-description\">\r\n\r\n        <p>\r\n            We believe in building with integrity, pursuing\r\n            excellence, embracing innovation and creating strong\r\n            relationships that support sustainable growth.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n<\/article>\r\n\r\n\r\n<!-- =========================================\r\n     CLOSE FOUNDATION GRID \/ CONTAINER \/ SECTION\r\n========================================= -->\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================\r\n     MOBILE ACCORDION JAVASCRIPT\r\n========================================= -->\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const foundationSection =\r\n        document.querySelector(\".sunglow-foundation\");\r\n\r\n    if (!foundationSection) return;\r\n\r\n\r\n    const cards =\r\n        foundationSection.querySelectorAll(\r\n            \".foundation-card\"\r\n        );\r\n\r\n\r\n    const isMobile = () =>\r\n        window.matchMedia(\r\n            \"(max-width: 767px)\"\r\n        ).matches;\r\n\r\n\r\n    cards.forEach(function (card) {\r\n\r\n        const toggle =\r\n            card.querySelector(\r\n                \".foundation-toggle\"\r\n            );\r\n\r\n\r\n        if (!toggle) return;\r\n\r\n\r\n        function toggleCard(event) {\r\n\r\n            if (!isMobile()) return;\r\n\r\n            event.preventDefault();\r\n            event.stopPropagation();\r\n\r\n\r\n            const isActive =\r\n                card.classList.contains(\r\n                    \"is-active\"\r\n                );\r\n\r\n\r\n            \/* Close all other cards *\/\r\n\r\n            cards.forEach(function (otherCard) {\r\n\r\n                if (otherCard !== card) {\r\n\r\n                    otherCard.classList.remove(\r\n                        \"is-active\"\r\n                    );\r\n\r\n\r\n                    const otherToggle =\r\n                        otherCard.querySelector(\r\n                            \".foundation-toggle\"\r\n                        );\r\n\r\n\r\n                    if (otherToggle) {\r\n\r\n                        otherToggle.setAttribute(\r\n                            \"aria-expanded\",\r\n                            \"false\"\r\n                        );\r\n\r\n                        otherToggle.setAttribute(\r\n                            \"aria-label\",\r\n                            \"Open \" +\r\n                            (\r\n                                otherCard\r\n                                    .querySelector(\r\n                                        \".foundation-card-title\"\r\n                                    )\r\n                                    ?.textContent\r\n                                    .trim() ||\r\n                                \"card\"\r\n                            )\r\n                        );\r\n\r\n\r\n                        const otherIcon =\r\n                            otherToggle.querySelector(\r\n                                \"span\"\r\n                            );\r\n\r\n\r\n                        if (otherIcon) {\r\n                            otherIcon.textContent = \"+\";\r\n                        }\r\n                    }\r\n                }\r\n\r\n            });\r\n\r\n\r\n            \/* Toggle current card *\/\r\n\r\n            if (!isActive) {\r\n\r\n                card.classList.add(\r\n                    \"is-active\"\r\n                );\r\n\r\n                toggle.setAttribute(\r\n                    \"aria-expanded\",\r\n                    \"true\"\r\n                );\r\n\r\n                toggle.setAttribute(\r\n                    \"aria-label\",\r\n                    \"Close \" +\r\n                    (\r\n                        card\r\n                            .querySelector(\r\n                                \".foundation-card-title\"\r\n                            )\r\n                            ?.textContent\r\n                            .trim() ||\r\n                        \"card\"\r\n                    )\r\n                );\r\n\r\n\r\n                const icon =\r\n                    toggle.querySelector(\r\n                        \"span\"\r\n                    );\r\n\r\n\r\n                if (icon) {\r\n                    icon.textContent = \"\u2212\";\r\n                }\r\n\r\n            } else {\r\n\r\n                card.classList.remove(\r\n                    \"is-active\"\r\n                );\r\n\r\n                toggle.setAttribute(\r\n                    \"aria-expanded\",\r\n                    \"false\"\r\n                );\r\n\r\n                toggle.setAttribute(\r\n                    \"aria-label\",\r\n                    \"Open \" +\r\n                    (\r\n                        card\r\n                            .querySelector(\r\n                                \".foundation-card-title\"\r\n                            )\r\n                            ?.textContent\r\n                            .trim() ||\r\n                        \"card\"\r\n                    )\r\n                );\r\n\r\n\r\n                const icon =\r\n                    toggle.querySelector(\r\n                        \"span\"\r\n                    );\r\n\r\n\r\n                if (icon) {\r\n                    icon.textContent = \"+\";\r\n                }\r\n            }\r\n\r\n        }\r\n\r\n\r\n        \/* Plus \/ minus click *\/\r\n\r\n        toggle.addEventListener(\r\n            \"click\",\r\n            toggleCard\r\n        );\r\n\r\n\r\n        \/* Entire card click *\/\r\n\r\n        card.addEventListener(\r\n            \"click\",\r\n            function (event) {\r\n\r\n                if (!isMobile()) return;\r\n\r\n\r\n                \/*\r\n                 * Do not trigger twice when\r\n                 * the actual toggle is clicked.\r\n                 *\/\r\n\r\n                if (\r\n                    event.target.closest(\r\n                        \".foundation-toggle\"\r\n                    )\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n\r\n                toggleCard(event);\r\n\r\n            }\r\n        );\r\n\r\n    });\r\n\r\n\r\n    \/* =====================================\r\n       RESET ACCORDION WHEN RETURNING\r\n       TO DESKTOP\r\n    ====================================== *\/\r\n\r\n    window.addEventListener(\r\n        \"resize\",\r\n        function () {\r\n\r\n            if (!isMobile()) {\r\n\r\n                cards.forEach(function (card) {\r\n\r\n                    card.classList.remove(\r\n                        \"is-active\"\r\n                    );\r\n\r\n\r\n                    const toggle =\r\n                        card.querySelector(\r\n                            \".foundation-toggle\"\r\n                        );\r\n\r\n\r\n                    if (toggle) {\r\n\r\n                        toggle.setAttribute(\r\n                            \"aria-expanded\",\r\n                            \"false\"\r\n                        );\r\n\r\n\r\n                        const icon =\r\n                            toggle.querySelector(\r\n                                \"span\"\r\n                            );\r\n\r\n\r\n                        if (icon) {\r\n                            icon.textContent = \"+\";\r\n                        }\r\n\r\n                    }\r\n\r\n                });\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ffc4e17 e-con e-atomic-element e-flexbox-base e-85532b5 \" data-id=\"ffc4e17\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ffc4e17\" data-e-type=\"e-flexbox\" data-id=\"ffc4e17\">\n    \t\t<div class=\"elementor-element elementor-element-8f107b5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8f107b5\" 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\r\n   ABOUT US \u2014 SECTION 5\r\n   FINAL CTA\r\n   PART 1A \u2014 BASE \/ DESKTOP CSS\r\n========================================= *\/\r\n\r\n\r\n\/* =========================================\r\n   CTA SECTION\r\n========================================= *\/\r\n\r\n.sunglow-cta {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: 120px 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #241656 0%,\r\n            #241656 48%,\r\n            #42184E 72%,\r\n            #BD241E 140%\r\n        );\r\n\r\n    overflow: hidden;\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAIN CONTAINER\r\n========================================= *\/\r\n\r\n.sunglow-cta .cta-container {\r\n    position: relative;\r\n\r\n    width: min(\r\n        1180px,\r\n        calc(100% - 48px)\r\n    );\r\n\r\n    margin: 0 auto;\r\n\r\n    text-align: center;\r\n\r\n    z-index: 5;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DECORATIVE TOP LABEL\r\n========================================= *\/\r\n\r\n.sunglow-cta .cta-eyebrow {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 11px;\r\n\r\n    margin-bottom: 22px;\r\n\r\n    color: #FFF9AD;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.4;\r\n\r\n    letter-spacing: 2.2px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.sunglow-cta .cta-eyebrow::before,\r\n.sunglow-cta .cta-eyebrow::after {\r\n    content: \"\";\r\n\r\n    width: 30px;\r\n    height: 2px;\r\n\r\n    background: #FFF9AD;\r\n\r\n    border-radius: 20px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAIN CTA HEADING\r\n========================================= *\/\r\n\r\n.sunglow-cta .cta-title {\r\n    width: min(\r\n        900px,\r\n        100%\r\n    );\r\n\r\n    margin: 0 auto;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size:\r\n        clamp(\r\n            52px,\r\n            6vw,\r\n            82px\r\n        );\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 0.98;\r\n\r\n    letter-spacing: -3.5px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HEADING HIGHLIGHT\r\n========================================= *\/\r\n\r\n.sunglow-cta .cta-title .cta-highlight {\r\n    display: inline-block;\r\n\r\n    color: #FFF9AD;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CTA DESCRIPTION\r\n========================================= *\/\r\n\r\n.sunglow-cta .cta-description {\r\n    width: min(\r\n        700px,\r\n        100%\r\n    );\r\n\r\n    margin: 28px auto 0;\r\n\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            0.72\r\n        );\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    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CTA BUTTON WRAPPER\r\n========================================= *\/\r\n\r\n.sunglow-cta .cta-action {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    margin-top: 38px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CTA BUTTON\r\n========================================= *\/\r\n\r\n.sunglow-cta .cta-button {\r\n    position: relative;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 13px;\r\n\r\n    min-width: 190px;\r\n\r\n    padding: 17px 25px;\r\n\r\n    color: #241656;\r\n\r\n    background: #FFF9AD;\r\n\r\n    border: 2px solid #FFF9AD;\r\n\r\n    border-radius: 999px;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 0.1px;\r\n\r\n    text-decoration: none;\r\n\r\n    overflow: hidden;\r\n\r\n    box-shadow:\r\n        0 12px 30px\r\n        rgba(\r\n            0,\r\n            0,\r\n            0,\r\n            0.18\r\n        );\r\n\r\n    transition:\r\n        transform 0.35s\r\n        cubic-bezier(\r\n            0.22,\r\n            1,\r\n            0.36,\r\n            1\r\n        ),\r\n        background 0.35s ease,\r\n        color 0.35s ease,\r\n        border-color 0.35s ease,\r\n        box-shadow 0.35s ease;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BUTTON SHINE\r\n========================================= *\/\r\n\r\n.sunglow-cta .cta-button::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: -120%;\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(\r\n                255,\r\n                255,\r\n                255,\r\n                0.45\r\n            ),\r\n            transparent\r\n        );\r\n\r\n    transform: skewX(-18deg);\r\n\r\n    transition:\r\n        left 0.7s ease;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BUTTON HOVER\r\n========================================= *\/\r\n\r\n.sunglow-cta .cta-button:hover {\r\n    color: #FFFFFF;\r\n\r\n    background: #BD241E;\r\n\r\n    border-color: #BD241E;\r\n\r\n    transform:\r\n        translateY(-4px);\r\n\r\n    box-shadow:\r\n        0 18px 38px\r\n        rgba(\r\n            189,\r\n            36,\r\n            30,\r\n            0.35\r\n        );\r\n}\r\n\r\n\r\n.sunglow-cta .cta-button:hover::before {\r\n    left: 140%;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BUTTON ARROW\r\n========================================= *\/\r\n\r\n.sunglow-cta .cta-arrow {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 27px;\r\n    height: 27px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background: #241656;\r\n\r\n    border-radius: 50%;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1;\r\n\r\n    transition:\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.sunglow-cta .cta-button:hover\r\n.cta-arrow {\r\n    color: #BD241E;\r\n\r\n    background: #FFFFFF;\r\n\r\n    transform:\r\n        translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DECORATIVE RING \u2014 LEFT\r\n========================================= *\/\r\n\r\n.sunglow-cta .cta-ring-left {\r\n    position: absolute;\r\n\r\n    top: 50%;\r\n    left: -170px;\r\n\r\n    width: 420px;\r\n    height: 420px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            255,\r\n            249,\r\n            173,\r\n            0.12\r\n        );\r\n\r\n    border-radius: 50%;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INNER LEFT RING\r\n========================================= *\/\r\n\r\n.sunglow-cta .cta-ring-left::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 45px;\r\n    left: 45px;\r\n\r\n    width: 328px;\r\n    height: 328px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            255,\r\n            249,\r\n            173,\r\n            0.08\r\n        );\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DECORATIVE RING \u2014 RIGHT\r\n========================================= *\/\r\n\r\n.sunglow-cta .cta-ring-right {\r\n    position: absolute;\r\n\r\n    top: 50%;\r\n    right: -190px;\r\n\r\n    width: 470px;\r\n    height: 470px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            189,\r\n            36,\r\n            30,\r\n            0.28\r\n        );\r\n\r\n    border-radius: 50%;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INNER RIGHT RING\r\n========================================= *\/\r\n\r\n.sunglow-cta .cta-ring-right::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 55px;\r\n    left: 55px;\r\n\r\n    width: 358px;\r\n    height: 358px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            255,\r\n            249,\r\n            173,\r\n            0.08\r\n        );\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CENTER GLOW\r\n========================================= *\/\r\n\r\n.sunglow-cta .cta-glow {\r\n    position: absolute;\r\n\r\n    top: 50%;\r\n    left: 50%;\r\n\r\n    width: 600px;\r\n    height: 400px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            ellipse,\r\n            rgba(\r\n                255,\r\n                249,\r\n                173,\r\n                0.10\r\n            ) 0%,\r\n            rgba(\r\n                255,\r\n                249,\r\n                173,\r\n                0\r\n            ) 68%\r\n        );\r\n\r\n    transform:\r\n        translate(\r\n            -50%,\r\n            -50%\r\n        );\r\n\r\n    pointer-events: none;\r\n\r\n    z-index: 1;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DECORATIVE DOTS\r\n========================================= *\/\r\n\r\n.sunglow-cta .cta-dots {\r\n    position: absolute;\r\n\r\n    width: 120px;\r\n    height: 120px;\r\n\r\n    background-image:\r\n        radial-gradient(\r\n            rgba(\r\n                255,\r\n                249,\r\n                173,\r\n                0.35\r\n            ) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 15px 15px;\r\n\r\n    opacity: 0.35;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DOT POSITION \u2014 TOP RIGHT\r\n========================================= *\/\r\n\r\n.sunglow-cta .cta-dots-top {\r\n    top: 35px;\r\n    right: 80px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DOT POSITION \u2014 BOTTOM LEFT\r\n========================================= *\/\r\n\r\n.sunglow-cta .cta-dots-bottom {\r\n    bottom: 35px;\r\n    left: 80px;\r\n\r\n    opacity: 0.20;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BOTTOM BRAND LINE\r\n========================================= *\/\r\n\r\n.sunglow-cta .cta-brand-line {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 14px;\r\n\r\n    margin-top: 58px;\r\n}\r\n\r\n\r\n.sunglow-cta .cta-brand-line::before,\r\n.sunglow-cta .cta-brand-line::after {\r\n    content: \"\";\r\n\r\n    width: 55px;\r\n    height: 1px;\r\n\r\n    background:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            0.20\r\n        );\r\n}\r\n\r\n\r\n.sunglow-cta .cta-brand-name {\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            0.48\r\n        );\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   REDUCED MOTION\r\n========================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .sunglow-cta .cta-button,\r\n    .sunglow-cta .cta-arrow,\r\n    .sunglow-cta .cta-button::before {\r\n        transition: none;\r\n    }\r\n}\r\n\/* =========================================\r\n   SUNGLOW GROUP\r\n   ABOUT US \u2014 SECTION 5\r\n   FINAL CTA\r\n   PART 1B \u2014 TABLET + MOBILE CSS\r\n========================================= *\/\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n   1024px AND BELOW\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .sunglow-cta {\r\n        padding: 95px 0;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       CONTAINER\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-container {\r\n        width: min(\r\n            100% - 40px,\r\n            1180px\r\n        );\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       HEADING\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-title {\r\n        font-size:\r\n            clamp(\r\n                46px,\r\n                7vw,\r\n                70px\r\n            );\r\n\r\n        letter-spacing: -2.8px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       DESCRIPTION\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-description {\r\n        width: min(\r\n            650px,\r\n            100%\r\n        );\r\n\r\n        margin-top: 24px;\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.7;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       BUTTON\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-action {\r\n        margin-top: 34px;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-button {\r\n        min-width: 180px;\r\n\r\n        padding:\r\n            16px 23px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       DECORATIVE RINGS\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-ring-left {\r\n        left: -230px;\r\n\r\n        width: 380px;\r\n        height: 380px;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-ring-left::before {\r\n        top: 42px;\r\n        left: 42px;\r\n\r\n        width: 296px;\r\n        height: 296px;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-ring-right {\r\n        right: -250px;\r\n\r\n        width: 420px;\r\n        height: 420px;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-ring-right::before {\r\n        top: 50px;\r\n        left: 50px;\r\n\r\n        width: 320px;\r\n        height: 320px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       DOTS\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-dots-top {\r\n        top: 28px;\r\n        right: 35px;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-dots-bottom {\r\n        bottom: 28px;\r\n        left: 35px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n   767px AND BELOW\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sunglow-cta {\r\n        padding: 72px 0 75px;\r\n\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                #241656 0%,\r\n                #241656 55%,\r\n                #35184F 78%,\r\n                #BD241E 150%\r\n            );\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       CONTAINER\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-container {\r\n        width: calc(100% - 32px);\r\n\r\n        margin: 0 auto;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       EYEBROW\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-eyebrow {\r\n        gap: 8px;\r\n\r\n        margin-bottom: 17px;\r\n\r\n        font-size: 9px;\r\n\r\n        letter-spacing: 1.6px;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-eyebrow::before,\r\n    .sunglow-cta .cta-eyebrow::after {\r\n        width: 20px;\r\n\r\n        height: 1.5px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       MAIN HEADING\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-title {\r\n        width: 100%;\r\n\r\n        font-size:\r\n            clamp(\r\n                37px,\r\n                10.5vw,\r\n                52px\r\n            );\r\n\r\n        line-height: 1.02;\r\n\r\n        letter-spacing: -1.8px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       DESCRIPTION\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-description {\r\n        width: 100%;\r\n\r\n        margin-top: 20px;\r\n\r\n        color:\r\n            rgba(\r\n                255,\r\n                255,\r\n                255,\r\n                0.70\r\n            );\r\n\r\n        font-size: 13.5px;\r\n\r\n        line-height: 1.7;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       ACTION\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-action {\r\n        margin-top: 29px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       BUTTON\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-button {\r\n        min-width: 175px;\r\n\r\n        padding:\r\n            15px 20px;\r\n\r\n        gap: 10px;\r\n\r\n        font-size: 13px;\r\n\r\n        border-width: 1.5px;\r\n\r\n        box-shadow:\r\n            0 10px 25px\r\n            rgba(\r\n                0,\r\n                0,\r\n                0,\r\n                0.18\r\n            );\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       BUTTON ARROW\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-arrow {\r\n        width: 25px;\r\n        height: 25px;\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       DISABLE DESKTOP HOVER LIFT\r\n       FOR TOUCH DEVICES\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-button:hover {\r\n        transform: none;\r\n\r\n        color: #241656;\r\n\r\n        background: #FFF9AD;\r\n\r\n        border-color: #FFF9AD;\r\n\r\n        box-shadow:\r\n            0 10px 25px\r\n            rgba(\r\n                0,\r\n                0,\r\n                0,\r\n                0.18\r\n            );\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-button:hover\r\n    .cta-arrow {\r\n        color: #FFFFFF;\r\n\r\n        background: #241656;\r\n\r\n        transform: none;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-button:hover::before {\r\n        left: -120%;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       DECORATIVE RINGS\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-ring-left {\r\n        top: 50%;\r\n        left: -250px;\r\n\r\n        width: 390px;\r\n        height: 390px;\r\n\r\n        opacity: 0.75;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-ring-left::before {\r\n        top: 43px;\r\n        left: 43px;\r\n\r\n        width: 304px;\r\n        height: 304px;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-ring-right {\r\n        top: 50%;\r\n        right: -270px;\r\n\r\n        width: 410px;\r\n        height: 410px;\r\n\r\n        opacity: 0.75;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-ring-right::before {\r\n        top: 48px;\r\n        left: 48px;\r\n\r\n        width: 314px;\r\n        height: 314px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       CENTER GLOW\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-glow {\r\n        width: 380px;\r\n        height: 280px;\r\n\r\n        background:\r\n            radial-gradient(\r\n                ellipse,\r\n                rgba(\r\n                    255,\r\n                    249,\r\n                    173,\r\n                    0.08\r\n                ) 0%,\r\n                rgba(\r\n                    255,\r\n                    249,\r\n                    173,\r\n                    0\r\n                ) 70%\r\n            );\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       DOTS\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-dots {\r\n        width: 75px;\r\n        height: 75px;\r\n\r\n        background-size: 11px 11px;\r\n\r\n        opacity: 0.22;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-dots-top {\r\n        top: 20px;\r\n        right: 14px;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-dots-bottom {\r\n        bottom: 20px;\r\n        left: 14px;\r\n\r\n        opacity: 0.13;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       BRAND LINE\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-brand-line {\r\n        gap: 10px;\r\n\r\n        margin-top: 43px;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-brand-line::before,\r\n    .sunglow-cta .cta-brand-line::after {\r\n        width: 35px;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-brand-name {\r\n        font-size: 9px;\r\n\r\n        letter-spacing: 1.6px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n   480px AND BELOW\r\n========================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .sunglow-cta {\r\n        padding: 62px 0 65px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       CONTAINER\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-container {\r\n        width: calc(100% - 28px);\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       EYEBROW\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-eyebrow {\r\n        font-size: 8.5px;\r\n\r\n        letter-spacing: 1.4px;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-eyebrow::before,\r\n    .sunglow-cta .cta-eyebrow::after {\r\n        width: 17px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       HEADING\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-title {\r\n        font-size: 35px;\r\n\r\n        line-height: 1.04;\r\n\r\n        letter-spacing: -1.3px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       DESCRIPTION\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-description {\r\n        margin-top: 18px;\r\n\r\n        font-size: 12.5px;\r\n\r\n        line-height: 1.65;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       BUTTON\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-action {\r\n        margin-top: 26px;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-button {\r\n        min-width: 165px;\r\n\r\n        padding:\r\n            14px 18px;\r\n\r\n        font-size: 12.5px;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-arrow {\r\n        width: 23px;\r\n        height: 23px;\r\n\r\n        font-size: 12px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       BRAND LINE\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-brand-line {\r\n        margin-top: 36px;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-brand-line::before,\r\n    .sunglow-cta .cta-brand-line::after {\r\n        width: 27px;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-brand-name {\r\n        font-size: 8px;\r\n\r\n        letter-spacing: 1.3px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       DECORATIVE RINGS\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-ring-left {\r\n        left: -285px;\r\n\r\n        width: 370px;\r\n        height: 370px;\r\n\r\n        opacity: 0.55;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-ring-left::before {\r\n        top: 42px;\r\n        left: 42px;\r\n\r\n        width: 286px;\r\n        height: 286px;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-ring-right {\r\n        right: -295px;\r\n\r\n        width: 390px;\r\n        height: 390px;\r\n\r\n        opacity: 0.55;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-ring-right::before {\r\n        top: 45px;\r\n        left: 45px;\r\n\r\n        width: 300px;\r\n        height: 300px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       DOTS\r\n    ====================================== *\/\r\n\r\n    .sunglow-cta .cta-dots {\r\n        width: 60px;\r\n        height: 60px;\r\n\r\n        background-size: 10px 10px;\r\n\r\n        opacity: 0.16;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-dots-top {\r\n        top: 14px;\r\n        right: 8px;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-dots-bottom {\r\n        bottom: 14px;\r\n        left: 8px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   VERY SMALL DEVICES\r\n   360px AND BELOW\r\n========================================= *\/\r\n\r\n@media (max-width: 360px) {\r\n\r\n    .sunglow-cta .cta-title {\r\n        font-size: 32px;\r\n\r\n        letter-spacing: -1.1px;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-description {\r\n        font-size: 12px;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-button {\r\n        min-width: 155px;\r\n\r\n        padding:\r\n            13px 16px;\r\n    }\r\n\r\n\r\n    .sunglow-cta .cta-brand-name {\r\n        font-size: 7.5px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   REDUCED MOTION\r\n========================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .sunglow-cta .cta-button,\r\n    .sunglow-cta .cta-arrow,\r\n    .sunglow-cta .cta-button::before {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- =========================================\r\n     SUNGLOW GROUP\r\n     ABOUT US \u2014 SECTION 5\r\n     FINAL CTA\r\n     PART 2A \u2014 HTML\r\n========================================= -->\r\n\r\n<section class=\"sunglow-cta\">\r\n\r\n\r\n    <!-- =====================================\r\n         DECORATIVE BACKGROUND ELEMENTS\r\n    ====================================== -->\r\n\r\n    <span\r\n        class=\"cta-ring-left\"\r\n        aria-hidden=\"true\"\r\n    ><\/span>\r\n\r\n\r\n    <span\r\n        class=\"cta-ring-right\"\r\n        aria-hidden=\"true\"\r\n    ><\/span>\r\n\r\n\r\n    <span\r\n        class=\"cta-glow\"\r\n        aria-hidden=\"true\"\r\n    ><\/span>\r\n\r\n\r\n    <span\r\n        class=\"cta-dots cta-dots-top\"\r\n        aria-hidden=\"true\"\r\n    ><\/span>\r\n\r\n\r\n    <span\r\n        class=\"cta-dots cta-dots-bottom\"\r\n        aria-hidden=\"true\"\r\n    ><\/span>\r\n\r\n\r\n\r\n    <!-- =====================================\r\n         MAIN CTA CONTAINER\r\n    ====================================== -->\r\n\r\n    <div class=\"cta-container\">\r\n\r\n\r\n        <!-- =================================\r\n             CTA EYEBROW\r\n        ================================== -->\r\n\r\n        <div class=\"cta-eyebrow\">\r\n            Let's Build Together\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================\r\n             CTA HEADING\r\n        ================================== -->\r\n\r\n        <h2 class=\"cta-title\">\r\n\r\n            Ready to Build\r\n            <span class=\"cta-highlight\">\r\n                Something Meaningful?\r\n            <\/span>\r\n\r\n        <\/h2>\r\n\r\n\r\n\r\n        <!-- =================================\r\n             CTA DESCRIPTION\r\n        ================================== -->\r\n\r\n        <p class=\"cta-description\">\r\n            Let's explore opportunities, partnerships and\r\n            possibilities together. Connect with Sunglow Group\r\n            and take the next step towards meaningful growth.\r\n        <\/p>\r\n\r\n\r\n\r\n        <!-- =================================\r\n             CTA ACTION\r\n        ================================== -->\r\n\r\n        <div class=\"cta-action\">\r\n\r\n            <a\r\n                href=\"#contact\"\r\n                class=\"cta-button\"\r\n                aria-label=\"Get in touch with Sunglow Group\"\r\n            >\r\n\r\n                <span class=\"cta-button-text\">\r\n                    Get In Touch\r\n                <\/span>\r\n\r\n                <span\r\n                    class=\"cta-arrow\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    \u2192\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n                <!-- =====================================\r\n             CTA BRAND LINE\r\n        ====================================== -->\r\n\r\n        <div class=\"cta-brand-line\">\r\n\r\n            <span class=\"cta-brand-name\">\r\n                Sunglow Group\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n    <!-- \/.cta-container -->\r\n\r\n\r\n<\/section>\r\n<!-- \/.sunglow-cta -->\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Sunglow Group Building Businesses. Creating Lasting Impact. Sunglow Group is built around strong businesses, trusted partnerships and long-term growth. We bring together vision, expertise and opportunity to create meaningful and lasting value. Discover Our Story \u2192 What We Stand For \u2192 Our Approach Vision-led. Value-driven. Built For Long-Term Impact Who We Are We Build. [&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-41","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sunglowgroup.in\/index.php?rest_route=\/wp\/v2\/pages\/41","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=41"}],"version-history":[{"count":16,"href":"https:\/\/sunglowgroup.in\/index.php?rest_route=\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":126,"href":"https:\/\/sunglowgroup.in\/index.php?rest_route=\/wp\/v2\/pages\/41\/revisions\/126"}],"wp:attachment":[{"href":"https:\/\/sunglowgroup.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}