.elementor-5436 .elementor-element.elementor-element-9cc137e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5436 .elementor-element.elementor-element-320f12a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-5436 .elementor-element.elementor-element-7ba4349{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5436 .elementor-element.elementor-element-7ba4349{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-b7b828b *//* =========================================================
   SARUN UTILITY BAR — COMPLETE CLEAN CSS
   ========================================================= */

#sarun-utility-bar,
#sarun-utility-bar *,
#sarun-country-dropdown,
#sarun-country-dropdown * {
    box-sizing: border-box !important;
}

#sarun-utility-bar {
    position: relative !important;
    z-index: 9999 !important;
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #F8F2F4 !important;
    border: 0 !important;
    border-bottom: 1px solid #EADDE2 !important;

    color: #201A1C !important;
    font-family: inherit !important;
}

/* Elementor HTML widget reset */

.sarun-utility-bar-wrap,
.sarun-utility-widget,
.sarun-utility-widget > .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}

/* =========================================================
   DESKTOP THREE-COLUMN LAYOUT
   Country | Pathway switch | Social icons
   ========================================================= */

#sarun-utility-inner {
    display: grid !important;
    grid-template-columns:
        minmax(220px, 1fr)
        360px
        minmax(220px, 1fr) !important;
    grid-template-rows: 42px !important;

    align-items: center !important;

    width: 100% !important;
    max-width: 1440px !important;
    min-height: 42px !important;

    margin: 0 auto !important;
    padding: 0 28px !important;
}

/* =========================================================
   COUNTRY SELECTOR
   ========================================================= */

#sarun-country-area {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

#sarun-country-button {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 7px !important;

    width: auto !important;
    min-width: 0 !important;
    min-height: 31px !important;

    margin: 0 !important;
    padding: 5px 7px !important;

    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    box-shadow: none !important;

    color: #721B3A !important;

    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
    cursor: pointer !important;
}

#sarun-country-button:hover,
#sarun-country-button:focus-visible,
#sarun-country-button[aria-expanded="true"] {
    background: rgba(114, 27, 58, 0.08) !important;
    color: #55132B !important;
    outline: none !important;
}

.sarun-utility-globe {
    display: block !important;

    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.sarun-utility-chevron {
    display: block !important;

    width: 11px !important;
    height: 11px !important;
    flex: 0 0 11px !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    transition: transform 0.2s ease !important;
}

#sarun-country-button[aria-expanded="true"]
.sarun-utility-chevron {
    transform: rotate(180deg) !important;
}

/* =========================================================
   PATHWAY SWITCH
   ========================================================= */

#sarun-pathway-switch {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: 36px !important;

    align-items: stretch !important;

    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
    height: 38px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    overflow: hidden !important;

    border: 1px solid rgba(114, 27, 58, 0.22) !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
}

#sarun-pathway-switch > #sarun-plan-path,
#sarun-pathway-switch > #sarun-business-path {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    float: none !important;
    clear: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 36px !important;
    min-height: 36px !important;

    margin: 0 !important;
    padding: 0 14px !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    color: #721B3A !important;

    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    transition:
        background-color 0.2s ease,
        color 0.2s ease !important;
}

/* Divider between both halves */

#sarun-pathway-switch > #sarun-business-path {
    border-left: 1px solid rgba(114, 27, 58, 0.14) !important;
}

/* Inactive hover */

#sarun-pathway-switch > a:not(.is-active):not([aria-current="page"]):hover,
#sarun-pathway-switch > a:not(.is-active):not([aria-current="page"]):focus-visible {
    background: #F8F2F4 !important;
    color: #55132B !important;
    outline: none !important;
}

/* Active client side */

#sarun-pathway-switch > #sarun-plan-path.is-active,
#sarun-pathway-switch > #sarun-plan-path[aria-current="page"] {
    background: #721B3A !important;
    color: #FFFFFF !important;
    border-radius: 7px 0 0 7px !important;
}

/* Active business side */

#sarun-pathway-switch > #sarun-business-path.is-active,
#sarun-pathway-switch > #sarun-business-path[aria-current="page"] {
    background: #721B3A !important;
    color: #FFFFFF !important;
    border-left-color: #721B3A !important;
    border-radius: 0 7px 7px 0 !important;
}

/* Active hover */

#sarun-pathway-switch > a.is-active:hover,
#sarun-pathway-switch > a.is-active:focus-visible,
#sarun-pathway-switch > a[aria-current="page"]:hover,
#sarun-pathway-switch > a[aria-current="page"]:focus-visible {
    background: #55132B !important;
    color: #FFFFFF !important;
    outline: none !important;
}

/* =========================================================
   SOCIAL ICONS
   ========================================================= */

#sarun-social-area {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: flex-end !important;

    gap: 6px !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

.sarun-utility-social {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 29px !important;
    height: 29px !important;
    min-width: 29px !important;
    flex: 0 0 29px !important;

    margin: 0 !important;
    padding: 6px !important;

    border: 1px solid rgba(114, 27, 58, 0.16) !important;
    border-radius: 50% !important;
    background: #FFFFFF !important;

    color: #721B3A !important;
    text-decoration: none !important;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease !important;
}

.sarun-utility-social:hover,
.sarun-utility-social:focus-visible {
    border-color: #721B3A !important;
    background: #721B3A !important;
    color: #FFFFFF !important;
    outline: none !important;
}

.sarun-utility-social svg {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.sarun-social-solid svg {
    fill: currentColor !important;
    stroke: none !important;
}

.sarun-social-solid .sarun-youtube-triangle {
    fill: #FFFFFF !important;
}

/* =========================================================
   COUNTRY DROPDOWN
   ========================================================= */

#sarun-country-dropdown {
    position: fixed !important;
    z-index: 2147483647 !important;

    display: block !important;

    width: 290px !important;
    max-width: calc(100vw - 20px) !important;

    margin: 0 !important;
    padding: 8px !important;

    border: 1px solid #EADDE2 !important;
    border-radius: 10px !important;
    background: #FFFFFF !important;

    box-shadow:
        0 18px 50px rgba(32, 26, 28, 0.18),
        0 5px 16px rgba(32, 26, 28, 0.08) !important;

    color: #201A1C !important;
    font-family: inherit !important;
}

#sarun-country-dropdown[hidden] {
    display: none !important;
}

.sarun-country-dropdown-title {
    margin: 0 !important;
    padding: 9px 10px 11px !important;

    color: #75686D !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}

.sarun-country-current {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 10px !important;

    border-radius: 7px !important;
    background: #F8F2F4 !important;

    color: #721B3A !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.sarun-country-current span:last-child {
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #sarun-utility-inner {
        display: grid !important;
        grid-template-columns:
            max-content
            minmax(0, 1fr) !important;
        grid-template-rows: 46px !important;

        align-items: center !important;
        gap: 7px !important;

        width: 100% !important;
        min-height: 46px !important;

        margin: 0 !important;
        padding: 0 9px !important;
    }

    #sarun-country-button {
        gap: 5px !important;
        padding: 4px !important;
        font-size: 10px !important;
    }

    .sarun-utility-globe {
        width: 14px !important;
        height: 14px !important;
        flex-basis: 14px !important;
    }

    .sarun-utility-chevron {
        width: 9px !important;
        height: 9px !important;
        flex-basis: 9px !important;
    }

    #sarun-pathway-switch {
        justify-self: end !important;

        width: 245px !important;
        min-width: 245px !important;
        max-width: 245px !important;
        height: 35px !important;

        margin: 0 !important;

        grid-template-rows: 33px !important;
    }

    #sarun-pathway-switch > #sarun-plan-path,
    #sarun-pathway-switch > #sarun-business-path {
        height: 33px !important;
        min-height: 33px !important;

        padding: 0 4px !important;

        font-size: 9px !important;
    }

    #sarun-social-area {
        display: none !important;
    }
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    #sarun-utility-inner {
        gap: 5px !important;
        padding-right: 7px !important;
        padding-left: 7px !important;
    }

    #sarun-country-button {
        font-size: 9.4px !important;
    }

    #sarun-pathway-switch {
        width: 218px !important;
        min-width: 218px !important;
        max-width: 218px !important;
    }

    #sarun-pathway-switch > #sarun-plan-path,
    #sarun-pathway-switch > #sarun-business-path {
        padding-right: 2px !important;
        padding-left: 2px !important;
        font-size: 8.3px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-320f12a *//* =========================================================
   SARUN PARTNER HEADER — GROW MY BUSINESS
   ========================================================= */

#sarun-partner-header,
#sarun-partner-header * {
    box-sizing: border-box !important;
}

#sarun-partner-header {
    position: relative !important;
    z-index: 9000 !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #FFFFFF !important;
    border: 0 !important;
    border-bottom: 1px solid #EEE6E9 !important;

    box-shadow:
        0 5px 20px rgba(32, 26, 28, 0.05) !important;

    color: #201A1C !important;
    font-family: inherit !important;
}

/* Elementor wrapper reset */

.sarun-partner-header-wrap,
.sarun-partner-header-widget,
.sarun-partner-header-widget > .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}

/* Desktop structure */

#sarun-partner-header-inner {
    display: grid !important;

    grid-template-columns:
        minmax(220px, 1fr)
        auto
        minmax(220px, 1fr) !important;

    grid-template-rows: 72px !important;

    align-items: center !important;

    width: 100% !important;
    max-width: 1440px !important;
    min-height: 72px !important;

    margin: 0 auto !important;
    padding: 0 28px !important;
}

/* Logo */

#sarun-partner-logo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    justify-self: start !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #721B3A !important;

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

    font-size: 34px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: 0.14em !important;

    text-decoration: none !important;
    white-space: nowrap !important;
}

#sarun-partner-logo:hover,
#sarun-partner-logo:focus-visible {
    color: #55132B !important;
    outline: none !important;
}

/* Desktop navigation */

#sarun-partner-desktop-nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

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

    justify-self: center !important;

    gap: 34px !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

#sarun-partner-desktop-nav a {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 40px !important;

    margin: 0 !important;
    padding: 0 2px !important;

    color: #201A1C !important;

    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    text-decoration: none !important;
    white-space: nowrap !important;
}

#sarun-partner-desktop-nav a::after {
    content: "" !important;

    position: absolute !important;
    right: 0 !important;
    bottom: 6px !important;
    left: 0 !important;

    width: 0 !important;
    height: 2px !important;

    margin: 0 auto !important;

    border-radius: 999px !important;
    background: #721B3A !important;

    transition: width 0.2s ease !important;
}

#sarun-partner-desktop-nav a:hover,
#sarun-partner-desktop-nav a:focus-visible {
    color: #721B3A !important;
    outline: none !important;
}

#sarun-partner-desktop-nav a:hover::after,
#sarun-partner-desktop-nav a:focus-visible::after {
    width: 100% !important;
}

/* Partner sign-in/dashboard action */

#sarun-partner-account-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    justify-self: end !important;

    min-width: 134px !important;
    min-height: 40px !important;

    margin: 0 !important;
    padding: 0 20px !important;

    border: 1px solid #721B3A !important;
    border-radius: 6px !important;
    background: #721B3A !important;

    color: #FFFFFF !important;

    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        0 7px 18px rgba(114, 27, 58, 0.14) !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}

#sarun-partner-account-action:hover,
#sarun-partner-account-action:focus-visible {
    border-color: #55132B !important;
    background: #55132B !important;
    color: #FFFFFF !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 10px 22px rgba(85, 19, 43, 0.18) !important;

    outline: none !important;
}

#sarun-partner-account-action.is-logged-in {
    min-width: 112px !important;
}

/* Mobile toggle hidden on desktop */

#sarun-partner-menu-toggle {
    display: none !important;
}

/* Mobile menu */

#sarun-partner-mobile-menu {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border-top: 1px solid #EEE6E9 !important;
    background: #FFFFFF !important;

    box-shadow:
        0 15px 30px rgba(32, 26, 28, 0.10) !important;
}

#sarun-partner-mobile-menu[hidden] {
    display: none !important;
}

#sarun-partner-mobile-menu-inner {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 10px 14px 14px !important;
}

.sarun-partner-mobile-link {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 0 10px !important;

    border-bottom: 1px solid #F1EAED !important;

    color: #201A1C !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;

    text-decoration: none !important;
}

.sarun-partner-mobile-link:hover,
.sarun-partner-mobile-link:focus-visible {
    color: #721B3A !important;
    background: #F8F2F4 !important;
    outline: none !important;
}

#sarun-partner-apply-action {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 44px !important;

    margin: 12px 0 0 !important;
    padding: 0 16px !important;

    border: 1px solid #721B3A !important;
    border-radius: 6px !important;
    background: #FFFFFF !important;

    color: #721B3A !important;

    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 700 !important;

    text-align: center !important;
    text-decoration: none !important;
}

#sarun-partner-apply-action:hover,
#sarun-partner-apply-action:focus-visible {
    background: #F8F2F4 !important;
    color: #55132B !important;
    outline: none !important;
}

/* =========================================================
   MOBILE
   Logo | Hamburger | Partner Sign In
   ========================================================= */

@media (max-width: 767px) {

    #sarun-partner-header-inner {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            auto
            minmax(0, 1fr) !important;

        grid-template-rows: 64px !important;

        align-items: center !important;

        min-height: 64px !important;

        padding: 0 12px !important;
    }

    #sarun-partner-logo {
        justify-self: start !important;

        max-width: 145px !important;

        font-size: 27px !important;
        letter-spacing: 0.12em !important;
    }

    #sarun-partner-desktop-nav {
        display: none !important;
    }

    #sarun-partner-menu-toggle {
        display: inline-flex !important;
        flex-direction: column !important;

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

        justify-self: center !important;

        gap: 5px !important;

        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 1px solid #E5DADF !important;
        border-radius: 7px !important;
        background: #FFFFFF !important;

        box-shadow:
            0 3px 10px rgba(32, 26, 28, 0.07) !important;

        cursor: pointer !important;
    }

    #sarun-partner-menu-toggle span {
        display: block !important;

        width: 18px !important;
        height: 2px !important;

        margin: 0 !important;

        border-radius: 999px !important;
        background: #721B3A !important;

        transition:
            transform 0.2s ease,
            opacity 0.2s ease !important;
    }

    #sarun-partner-menu-toggle[aria-expanded="true"]
    span:nth-child(1) {
        transform:
            translateY(7px)
            rotate(45deg) !important;
    }

    #sarun-partner-menu-toggle[aria-expanded="true"]
    span:nth-child(2) {
        opacity: 0 !important;
    }

    #sarun-partner-menu-toggle[aria-expanded="true"]
    span:nth-child(3) {
        transform:
            translateY(-7px)
            rotate(-45deg) !important;
    }

    #sarun-partner-account-action {
        justify-self: end !important;

        min-width: 104px !important;
        min-height: 36px !important;

        padding: 0 10px !important;

        font-size: 10.5px !important;
    }

    #sarun-partner-account-action.is-logged-in {
        min-width: 84px !important;
    }
}

@media (max-width: 420px) {

    #sarun-partner-header-inner {
        padding-right: 9px !important;
        padding-left: 9px !important;
    }

    #sarun-partner-logo {
        font-size: 24px !important;
        letter-spacing: 0.10em !important;
    }

    #sarun-partner-menu-toggle {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }

    #sarun-partner-account-action {
        min-width: 96px !important;
        min-height: 34px !important;

        padding: 0 8px !important;

        font-size: 9.5px !important;
    }

    #sarun-partner-account-action.is-logged-in {
        min-width: 76px !important;
    }
}

@media (max-width: 350px) {

    #sarun-partner-logo {
        font-size: 21px !important;
        letter-spacing: 0.08em !important;
    }

    #sarun-partner-account-action {
        min-width: 88px !important;
        padding: 0 6px !important;
        font-size: 8.8px !important;
    }
}

<script>
(function () {

    function initialiseSarunStickyHeader() {

        const headers = Array.from(
            document.querySelectorAll(
                '#sarun-client-header, #sarun-partner-header'
            )
        );

        if (!headers.length) {
            return;
        }

        headers.forEach(function (header) {

            if (
                header.dataset.sarunStickyInitialised === 'true'
            ) {
                return;
            }

            header.dataset.sarunStickyInitialised = 'true';

            const marker = document.createElement('div');
            const spacer = document.createElement('div');

            marker.className = 'sarun-main-header-marker';
            spacer.className = 'sarun-main-header-spacer';

            header.parentNode.insertBefore(marker, header);
            header.parentNode.insertBefore(
                spacer,
                header.nextSibling
            );

            function getTopOffset() {

                if (!document.body.classList.contains('admin-bar')) {
                    return 0;
                }

                return window.innerWidth <= 782 ? 46 : 32;
            }

            function updateStickyHeader() {

                const topOffset = getTopOffset();
                const markerPosition =
                    marker.getBoundingClientRect().top;

                const shouldStick =
                    markerPosition <= topOffset;

                if (shouldStick) {

                    if (
                        !header.classList.contains(
                            'is-sarun-sticky'
                        )
                    ) {
                        spacer.style.height =
                            header.offsetHeight + 'px';

                        header.classList.add(
                            'is-sarun-sticky'
                        );
                    }

                } else {

                    header.classList.remove(
                        'is-sarun-sticky'
                    );

                    spacer.style.height = '0px';
                }
            }

            window.addEventListener(
                'scroll',
                updateStickyHeader,
                { passive: true }
            );

            window.addEventListener(
                'resize',
                function () {

                    if (
                        header.classList.contains(
                            'is-sarun-sticky'
                        )
                    ) {
                        spacer.style.height =
                            header.offsetHeight + 'px';
                    }

                    updateStickyHeader();
                }
            );

            updateStickyHeader();
        });
    }

    if (document.readyState === 'loading') {
        document.addEventListener(
            'DOMContentLoaded',
            initialiseSarunStickyHeader
        );
    } else {
        initialiseSarunStickyHeader();
    }

})();
</script>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-41acfb1 *//* =========================================================
   SARUN GROW MY BUSINESS HERO
   ========================================================= */

#sarun-partner-hero,
#sarun-partner-hero * {
    box-sizing: border-box !important;
}

#sarun-partner-hero {
    position: relative !important;
    overflow: hidden !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background:
        radial-gradient(
            circle at 91% 16%,
            rgba(114, 27, 58, 0.07) 0,
            rgba(114, 27, 58, 0.07) 115px,
            transparent 116px
        ),
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FFFFFF 70%,
            #FCF8F9 100%
        ) !important;

    color: #201A1C !important;
    font-family: inherit !important;
}

/* Dot texture */

#sarun-partner-hero::before {
    content: "" !important;

    position: absolute !important;
    top: 28px !important;
    left: -10px !important;

    width: 190px !important;
    height: 190px !important;

    opacity: 0.4 !important;

    background-image:
        radial-gradient(
            circle,
            rgba(114, 27, 58, 0.17) 1px,
            transparent 1.5px
        ) !important;

    background-size: 15px 15px !important;

    pointer-events: none !important;
}

/* =========================================================
   MAIN LAYOUT
   ========================================================= */

#sarun-partner-hero-inner {
    position: relative !important;
    z-index: 2 !important;

    display: grid !important;
    grid-template-columns:
        minmax(0, 0.92fr)
        minmax(460px, 1.08fr) !important;

    align-items: center !important;
    gap: 48px !important;

    width: 100% !important;
    max-width: 1440px !important;
    min-height: calc(100vh - 114px) !important;

    margin: 0 auto !important;
    padding: 30px 48px 34px !important;
}

/* =========================================================
   LEFT COPY
   ========================================================= */

#sarun-partner-hero-copy {
    position: relative !important;

    width: 100% !important;
    max-width: 630px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.sarun-partner-hero-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;

    margin: 0 0 14px !important;
    padding: 0 !important;

    color: #721B3A !important;

    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
}

.sarun-partner-hero-eyebrow::before {
    content: "" !important;

    display: block !important;

    width: 32px !important;
    height: 2px !important;

    border-radius: 999px !important;
    background: #721B3A !important;
}

#sarun-partner-hero-copy h1 {
    max-width: 680px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #201A1C !important;

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

    font-size: clamp(50px, 4.8vw, 74px) !important;
    font-weight: 500 !important;
    line-height: 0.97 !important;
    letter-spacing: -0.045em !important;
}

#sarun-partner-hero-copy h1 span {
    display: block !important;
    color: #721B3A !important;
}

.sarun-partner-hero-intro {
    max-width: 590px !important;

    margin: 20px 0 0 !important;
    padding: 0 !important;

    color: #5F5659 !important;

    font-size: 15.5px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}

/* =========================================================
   HERO ACTIONS
   ========================================================= */

.sarun-partner-hero-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 11px !important;

    margin: 22px 0 0 !important;
    padding: 0 !important;
}

.sarun-partner-primary-action,
.sarun-partner-secondary-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 43px !important;

    margin: 0 !important;
    padding: 0 19px !important;

    border-radius: 7px !important;

    font-family: inherit !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}

.sarun-partner-primary-action {
    gap: 9px !important;

    border: 1px solid #721B3A !important;
    background: #721B3A !important;

    color: #FFFFFF !important;

    box-shadow:
        0 9px 20px rgba(114, 27, 58, 0.16) !important;
}

.sarun-partner-primary-action svg {
    width: 15px !important;
    height: 15px !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.sarun-partner-primary-action:hover,
.sarun-partner-primary-action:focus-visible {
    border-color: #55132B !important;
    background: #55132B !important;
    color: #FFFFFF !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 12px 24px rgba(85, 19, 43, 0.2) !important;

    outline: none !important;
}

.sarun-partner-secondary-action {
    border: 1px solid #DCCBD1 !important;
    background: #FFFFFF !important;

    color: #721B3A !important;
}

.sarun-partner-secondary-action:hover,
.sarun-partner-secondary-action:focus-visible {
    border-color: #721B3A !important;
    background: #F8F2F4 !important;
    color: #55132B !important;

    outline: none !important;
}

/* Supporting note */

.sarun-partner-hero-note {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;

    max-width: 565px !important;

    margin: 18px 0 0 !important;
    padding: 10px 14px !important;

    border: 1px solid #EADDE2 !important;
    border-radius: 8px !important;
    background: #F8F2F4 !important;

    color: #721B3A !important;

    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

.sarun-partner-hero-note svg {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

/* =========================================================
   RIGHT PLATFORM PREVIEW
   ========================================================= */

#sarun-partner-hero-preview {
    position: relative !important;

    width: 100% !important;
    max-width: 650px !important;

    margin: 0 0 0 auto !important;
    padding: 8px 0 8px 24px !important;
}

.sarun-partner-preview-ring {
    position: absolute !important;

    border: 2px solid rgba(114, 27, 58, 0.13) !important;
    border-radius: 50% !important;

    pointer-events: none !important;
}

.sarun-partner-preview-ring.ring-one {
    top: -22px !important;
    right: -42px !important;

    width: 170px !important;
    height: 170px !important;
}

.sarun-partner-preview-ring.ring-two {
    bottom: -12px !important;
    left: -14px !important;

    width: 104px !important;
    height: 104px !important;
}

.sarun-partner-preview-window {
    position: relative !important;
    z-index: 2 !important;

    width: 100% !important;

    overflow: hidden !important;

    border: 1px solid #E9E1E4 !important;
    border-radius: 16px !important;
    background: #FFFFFF !important;

    box-shadow:
        0 26px 58px rgba(32, 26, 28, 0.12),
        0 7px 20px rgba(32, 26, 28, 0.055) !important;
}

.sarun-partner-preview-window::after {
    content: "" !important;

    position: absolute !important;
    right: -34px !important;
    bottom: -34px !important;

    width: 118px !important;
    height: 118px !important;

    border: 20px solid rgba(114, 27, 58, 0.04) !important;
    border-radius: 50% !important;

    pointer-events: none !important;
}

/* Preview top bar */

.sarun-partner-preview-topbar {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;

    min-height: 42px !important;

    margin: 0 !important;
    padding: 0 17px !important;

    border-bottom: 1px solid #EEE7E9 !important;
    background: #FCFAFB !important;
}

.sarun-partner-preview-dots {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.sarun-partner-preview-dots span {
    display: block !important;

    width: 6px !important;
    height: 6px !important;

    border-radius: 50% !important;
    background: rgba(114, 27, 58, 0.28) !important;
}

.sarun-partner-preview-title {
    color: #71666A !important;

    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0.13em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

/* Preview content */

.sarun-partner-preview-content {
    position: relative !important;
    z-index: 2 !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 15px !important;

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FCFAFB 100%
        ) !important;
}

/* Preview cards */

.sarun-partner-preview-card {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 14px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 15px !important;

    border: 1px solid #E9E1E4 !important;
    border-radius: 11px !important;
    background: #FFFFFF !important;

    box-shadow:
        0 7px 18px rgba(32, 26, 28, 0.03) !important;
}

.sarun-partner-preview-card.is-featured {
    border-color: rgba(114, 27, 58, 0.28) !important;

    background:
        linear-gradient(
            135deg,
            #FFFFFF 0%,
            #FCF7F9 100%
        ) !important;
}

.sarun-partner-card-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 44px !important;
    height: 44px !important;

    border: 1px solid rgba(114, 27, 58, 0.22) !important;
    border-radius: 50% !important;
    background: #F8F2F4 !important;

    color: #721B3A !important;
}

.sarun-partner-card-icon svg {
    width: 19px !important;
    height: 19px !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.6 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.sarun-partner-card-copy {
    min-width: 0 !important;
}

.sarun-partner-card-label {
    display: block !important;

    margin: 0 0 4px !important;

    color: #8B7E83 !important;

    font-size: 8.5px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
}

.sarun-partner-card-copy h2 {
    margin: 0 !important;
    padding: 0 !important;

    color: #201A1C !important;

    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.22 !important;
}

.sarun-partner-card-copy p {
    margin: 6px 0 0 !important;
    padding: 0 !important;

    color: #746A6D !important;

    font-size: 10.8px !important;
    font-weight: 400 !important;
    line-height: 1.48 !important;
}

/* Profile tags */

.sarun-partner-card-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;

    margin: 9px 0 0 !important;
}

.sarun-partner-card-tags span {
    display: inline-flex !important;
    align-items: center !important;

    min-height: 22px !important;

    padding: 0 8px !important;

    border: 1px solid #E7DCE0 !important;
    border-radius: 999px !important;
    background: #FFFFFF !important;

    color: #721B3A !important;

    font-size: 8.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

/* Opportunity row */

.sarun-partner-opportunity-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;

    margin: 9px 0 0 !important;
    padding: 8px 10px !important;

    border-radius: 7px !important;
    background: #F8F2F4 !important;
}

.sarun-partner-opportunity-status,
.sarun-partner-opportunity-match {
    font-size: 8.5px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.sarun-partner-opportunity-status {
    color: #721B3A !important;
}

.sarun-partner-opportunity-match {
    color: #71666A !important;
}

/* Summary footer */

.sarun-partner-preview-summary {
    display: grid !important;
    grid-template-columns:
        1fr
        1px
        1fr
        1px
        1fr !important;

    align-items: center !important;

    width: calc(100% - 8px) !important;

    margin: 1px 4px 0 !important;
    padding: 10px 12px !important;

    border-radius: 8px !important;
    background: #721B3A !important;
}

.sarun-partner-summary-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;

    text-align: center !important;
}

.sarun-partner-summary-item strong {
    color: #FFFFFF !important;

    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.sarun-partner-summary-item span {
    color: rgba(255, 255, 255, 0.85) !important;

    font-size: 8px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

.sarun-partner-summary-divider {
    width: 1px !important;
    height: 24px !important;

    background: rgba(255, 255, 255, 0.2) !important;
}

/* =========================================================
   SHORT DESKTOP SCREENS
   ========================================================= */

@media (min-width: 768px) and (max-height: 820px) {

    #sarun-partner-hero-inner {
        gap: 40px !important;
        padding-top: 22px !important;
        padding-bottom: 24px !important;
    }

    #sarun-partner-hero-copy h1 {
        font-size: clamp(46px, 4.4vw, 66px) !important;
    }

    .sarun-partner-hero-intro {
        margin-top: 16px !important;
        font-size: 14.5px !important;
        line-height: 1.55 !important;
    }

    .sarun-partner-hero-actions {
        margin-top: 18px !important;
    }

    .sarun-partner-hero-note {
        margin-top: 14px !important;
        padding: 8px 12px !important;
    }

    .sarun-partner-preview-topbar {
        min-height: 38px !important;
    }

    .sarun-partner-preview-content {
        gap: 8px !important;
        padding: 12px !important;
    }

    .sarun-partner-preview-card {
        padding: 12px !important;
    }

    .sarun-partner-preview-summary {
        padding: 8px 10px !important;
    }
}

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

@media (max-width: 1100px) {

    #sarun-partner-hero-inner {
        grid-template-columns:
            minmax(0, 0.88fr)
            minmax(410px, 1.12fr) !important;

        gap: 32px !important;

        padding: 26px 30px 30px !important;
    }

    #sarun-partner-hero-copy h1 {
        font-size: clamp(45px, 5.2vw, 64px) !important;
    }

    #sarun-partner-hero-preview {
        padding-left: 12px !important;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #sarun-partner-hero {
        background:
            radial-gradient(
                circle at 115% 12%,
                rgba(114, 27, 58, 0.06) 0,
                rgba(114, 27, 58, 0.06) 100px,
                transparent 101px
            ),
            linear-gradient(
                180deg,
                #FFFFFF 0%,
                #FFFFFF 77%,
                #FCF9FA 100%
            ) !important;
    }

    #sarun-partner-hero::before {
        top: 18px !important;
        left: -62px !important;

        width: 160px !important;
        height: 160px !important;
    }

    #sarun-partner-hero-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        gap: 25px !important;

        min-height: auto !important;

        padding: 27px 18px 30px !important;
    }

    #sarun-partner-hero-copy {
        max-width: none !important;
        text-align: center !important;
    }

    .sarun-partner-hero-eyebrow {
        justify-content: center !important;

        margin-bottom: 11px !important;

        font-size: 9.5px !important;
        letter-spacing: 0.19em !important;
    }

    .sarun-partner-hero-eyebrow::before {
        width: 24px !important;
    }

    #sarun-partner-hero-copy h1 {
        max-width: 620px !important;

        margin-right: auto !important;
        margin-left: auto !important;

        font-size: clamp(39px, 11.5vw, 56px) !important;
        line-height: 0.98 !important;
    }

    .sarun-partner-hero-intro {
        max-width: 620px !important;

        margin: 16px auto 0 !important;

        font-size: 13.5px !important;
        line-height: 1.58 !important;
    }

    .sarun-partner-hero-actions {
        justify-content: center !important;

        margin-top: 18px !important;
    }

    .sarun-partner-primary-action,
    .sarun-partner-secondary-action {
        min-height: 40px !important;
        padding: 0 15px !important;
        font-size: 11px !important;
    }

    .sarun-partner-hero-note {
        justify-content: center !important;

        max-width: 540px !important;

        margin: 15px auto 0 !important;
        padding: 9px 11px !important;

        font-size: 10.5px !important;
        text-align: left !important;
    }

    #sarun-partner-hero-preview {
        max-width: 600px !important;

        margin: 0 auto !important;
        padding: 3px 0 !important;
    }

    .sarun-partner-preview-ring.ring-one {
        top: -18px !important;
        right: -54px !important;

        width: 140px !important;
        height: 140px !important;
    }

    .sarun-partner-preview-ring.ring-two {
        bottom: -18px !important;
        left: -38px !important;

        width: 92px !important;
        height: 92px !important;
    }

    .sarun-partner-preview-window {
        border-radius: 13px !important;
    }

    .sarun-partner-preview-topbar {
        min-height: 38px !important;
        padding: 0 13px !important;
    }

    .sarun-partner-preview-title {
        font-size: 7.5px !important;
    }

    .sarun-partner-preview-content {
        gap: 8px !important;
        padding: 11px !important;
    }

    .sarun-partner-preview-card {
        grid-template-columns: 38px minmax(0, 1fr) !important;
        gap: 10px !important;

        padding: 12px !important;
    }

    .sarun-partner-card-icon {
        width: 36px !important;
        height: 36px !important;
    }

    .sarun-partner-card-icon svg {
        width: 16px !important;
        height: 16px !important;
    }

    .sarun-partner-card-label {
        font-size: 7.5px !important;
    }

    .sarun-partner-card-copy h2 {
        font-size: 13.5px !important;
    }

    .sarun-partner-card-copy p {
        margin-top: 5px !important;

        font-size: 9.5px !important;
        line-height: 1.42 !important;
    }

    .sarun-partner-card-tags {
        gap: 4px !important;
        margin-top: 8px !important;
    }

    .sarun-partner-card-tags span {
        min-height: 20px !important;
        padding: 0 7px !important;
        font-size: 7.7px !important;
    }

    .sarun-partner-opportunity-row {
        margin-top: 8px !important;
        padding: 7px 8px !important;
    }

    .sarun-partner-opportunity-status,
    .sarun-partner-opportunity-match {
        font-size: 7.5px !important;
    }

    .sarun-partner-preview-summary {
        padding: 8px 9px !important;
    }

    .sarun-partner-summary-item span {
        font-size: 7px !important;
    }
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    #sarun-partner-hero-inner {
        gap: 22px !important;
        padding: 24px 14px 27px !important;
    }

    #sarun-partner-hero-copy h1 {
        font-size: 39px !important;
    }

    .sarun-partner-hero-intro {
        font-size: 12.8px !important;
    }

    .sarun-partner-hero-actions {
        flex-direction: column !important;
        align-items: stretch !important;

        width: 100% !important;
        max-width: 320px !important;

        margin-right: auto !important;
        margin-left: auto !important;
    }

    .sarun-partner-primary-action,
    .sarun-partner-secondary-action {
        width: 100% !important;
    }

    .sarun-partner-hero-note {
        align-items: flex-start !important;
        font-size: 10px !important;
    }

    .sarun-partner-preview-card {
        grid-template-columns: 34px minmax(0, 1fr) !important;
        gap: 9px !important;

        padding: 11px !important;
    }

    .sarun-partner-card-icon {
        width: 32px !important;
        height: 32px !important;
    }

    .sarun-partner-card-copy h2 {
        font-size: 13px !important;
    }
}

/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 350px) {

    #sarun-partner-hero-inner {
        padding-right: 11px !important;
        padding-left: 11px !important;
    }

    #sarun-partner-hero-copy h1 {
        font-size: 35px !important;
    }

    .sarun-partner-hero-intro {
        font-size: 12px !important;
    }

    .sarun-partner-preview-card {
        padding: 9px !important;
    }

    .sarun-partner-summary-item span {
        font-size: 6.5px !important;
    }
}/* End custom CSS */