/*
Theme Name: VRewards Global Design System
Website: https://www.vrewards.co
Purpose: Shared styling for all VRewards website pages
*/

/* =========================================================
   VREWARDS DESIGN TOKENS
   ========================================================= */

:root {
    --vr-blue: #238bf0;
    --vr-blue-dark: #0756a4;
    --vr-navy: #062b50;
    --vr-teal: #18b6a4;
    --vr-orange: #ff9c48;
    --vr-ink: #132238;
    --vr-muted: #607089;
    --vr-soft: #f4f9ff;
    --vr-border: #dce9f6;
    --vr-white: #ffffff;
    --vr-content-width: 1180px;
    --vr-radius-small: 12px;
    --vr-radius-medium: 20px;
    --vr-radius-large: 28px;
    --vr-shadow-soft: 0 15px 45px rgba(15, 79, 133, .08);
}

/* =========================================================
   GLOBAL WEBSITE FOUNDATION
   ========================================================= */

html {
    scroll-behavior: smooth;
}

body {
    color: var(--vr-ink);
    font-family: Inter, -apple-system, BlinkMacSystemFont,
        "Segoe UI", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body,
.wp-site-blocks {
    margin: 0;
}

.wp-site-blocks {
    padding-top: 0;
    padding-bottom: 0;
}

.wp-site-blocks > header,
.wp-site-blocks > main,
.wp-site-blocks > footer {
    margin-block-start: 0;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    text-underline-offset: 3px;
}

input,
textarea,
select,
button {
    font: inherit;
}

/* WordPress admin bar anchor offset */

body.admin-bar .vr26 section[id] {
    scroll-margin-top: 48px;
}

@media (max-width: 782px) {
    body.admin-bar .vr26 section[id] {
        scroll-margin-top: 64px;
    }
}

/* =========================================================
   VREWARDS PAGE COMPONENTS
   ========================================================= */

.vr26 {
    --vr-blue: #238bf0;
    --vr-blue-dark: #0756a4;
    --vr-navy: #062b50;
    --vr-teal: #18b6a4;
    --vr-orange: #ff9c48;
    --vr-ink: #132238;
    --vr-muted: #607089;
    --vr-soft: #f4f9ff;
    --vr-border: #dce9f6;
    --vr-white: #ffffff;
    color: var(--vr-ink);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI",
        Arial, sans-serif;
    overflow: hidden;
}

.vr26,
.vr26 * {
    box-sizing: border-box;
}

.vr26 section {
    position: relative;
}

.vr26-shell {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}

.vr26-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 16px;
    color: var(--vr-blue);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.vr26-eyebrow::before {
    width: 28px;
    height: 3px;
    border-radius: 4px;
    background: var(--vr-teal);
    content: "";
}

.vr26 h1,
.vr26 h2,
.vr26 h3,
.vr26 p {
    margin-top: 0;
}

.vr26 h1 {
    max-width: 720px;
    margin-bottom: 22px;
    color: #ffffff;
    font-size: clamp(44px, 5.6vw, 78px);
    font-weight: 800;
    letter-spacing: -.045em;
    line-height: 1.02;
}

.vr26 h2 {
    margin-bottom: 18px;
    color: var(--vr-navy);
    font-size: clamp(32px, 4vw, 50px);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.08;
}

.vr26 h3 {
    color: var(--vr-navy);
    font-size: 21px;
    font-weight: 750;
    line-height: 1.25;
}

.vr26 p {
    color: var(--vr-muted);
    font-size: 17px;
    line-height: 1.72;
}

.vr26-lead {
    max-width: 760px;
    font-size: 19px !important;
}

.vr26-center {
    text-align: center;
}

.vr26-center .vr26-eyebrow {
    justify-content: center;
}

.vr26-center .vr26-lead {
    margin-right: auto;
    margin-left: auto;
}

.vr26-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 32px;
}

.vr26-btn {
    display: inline-flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    padding: 13px 24px;
    border: 2px solid transparent;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 750;
    line-height: 1.2;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease,
        background-color .2s ease;
}

.vr26-btn:hover {
    transform: translateY(-2px);
}

.vr26-btn-primary {
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--vr-blue), #41b5ff);
    box-shadow: 0 14px 35px rgba(23, 139, 240, .3);
}

.vr26-btn-light {
    color: var(--vr-navy) !important;
    background: #ffffff;
    box-shadow: 0 14px 35px rgba(2, 25, 48, .18);
}

.vr26-btn-outline {
    color: var(--vr-blue-dark) !important;
    border-color: #add5fa;
    background: #ffffff;
}

.vr26-hero {
    display: flex;
    min-height: 690px;
    align-items: center;
    background:
        linear-gradient(
            90deg,
            rgba(3, 37, 70, .96) 0%,
            rgba(4, 47, 85, .88) 36%,
            rgba(4, 47, 85, .20) 66%,
            rgba(4, 47, 85, .05) 100%
        ),
        url("https://www.vrewards.co/wp-content/uploads/2026/09/vrewards-fnb-loyalty-hero.png")
        center center / cover no-repeat;
}

.vr26-hero-content {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 100px 0;
}

.vr26-hero-copy {
    max-width: 670px;
}

.vr26-hero .vr26-eyebrow {
    color: #8fddff;
}

.vr26-hero .vr26-eyebrow::before {
    background: var(--vr-orange);
}

.vr26-hero p {
    max-width: 620px;
    color: rgba(255, 255, 255, .9);
    font-size: 20px;
    line-height: 1.6;
}

.vr26-trust {
    border-bottom: 1px solid var(--vr-border);
    background: #ffffff;
}

.vr26-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.vr26-trust-item {
    padding: 25px 20px;
    border-right: 1px solid var(--vr-border);
    text-align: center;
}

.vr26-trust-item:last-child {
    border-right: 0;
}

.vr26-trust-item strong {
    display: block;
    margin-bottom: 3px;
    color: var(--vr-navy);
    font-size: 16px;
}

.vr26-trust-item span {
    color: var(--vr-muted);
    font-size: 13px;
}

.vr26-problem,
.vr26-platform,
.vr26-partners,
.vr26-contact {
    padding: 105px 0;
}

.vr26-solution,
.vr26-journey,
.vr26-results {
    padding: 105px 0;
    background: var(--vr-soft);
}

.vr26-two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 74px;
    align-items: center;
}

.vr26-problem-panel {
    position: relative;
    padding: 42px;
    border: 1px solid var(--vr-border);
    border-radius: 28px;
    background: linear-gradient(145deg, #ffffff, #edf7ff);
    box-shadow: 0 24px 70px rgba(8, 72, 130, .11);
}

.vr26-big-number {
    display: block;
    margin-bottom: 10px;
    color: var(--vr-blue);
    font-size: 78px;
    font-weight: 850;
    letter-spacing: -.06em;
    line-height: 1;
}

.vr26-problem-panel h3 {
    margin-bottom: 13px;
    font-size: 28px;
}

.vr26-mini-list {
    display: grid;
    gap: 15px;
    margin-top: 28px;
}

.vr26-mini-item {
    display: flex;
    gap: 13px;
    align-items: flex-start;
    color: var(--vr-muted);
    font-size: 15px;
    line-height: 1.5;
}

.vr26-check {
    display: inline-flex;
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: var(--vr-teal);
    font-size: 14px;
    font-weight: 800;
}

.vr26-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-top: 50px;
}

.vr26-card {
    padding: 32px;
    border: 1px solid var(--vr-border);
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 15px 45px rgba(15, 79, 133, .07);
    transition: transform .2s ease, box-shadow .2s ease;
}

.vr26-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 22px 52px rgba(15, 79, 133, .13);
}

.vr26-icon {
    display: inline-flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    border-radius: 15px;
    color: #ffffff;
    background: linear-gradient(135deg, var(--vr-blue), var(--vr-teal));
    font-size: 25px;
}

.vr26-card p {
    margin-bottom: 0;
    font-size: 15px;
}

.vr26-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-top: 52px;
}

.vr26-step {
    position: relative;
    padding: 34px;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 18px 50px rgba(10, 74, 130, .08);
}

.vr26-step-number {
    display: inline-flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    margin-bottom: 23px;
    border-radius: 50%;
    color: #ffffff;
    background: var(--vr-blue);
    font-weight: 800;
}

.vr26-step p {
    margin-bottom: 0;
    font-size: 15px;
}

.vr26-portal-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 50px;
}

.vr26-portal {
    overflow: hidden;
    border: 1px solid var(--vr-border);
    border-radius: 23px;
    background: #ffffff;
    box-shadow: 0 20px 55px rgba(8, 67, 117, .09);
}

.vr26-portal-image {
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #e7f2fc;
}

.vr26-portal-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.vr26-portal:hover .vr26-portal-image img {
    transform: scale(1.025);
}

.vr26-portal-copy {
    padding: 27px;
}

.vr26-portal-copy p {
    margin-bottom: 20px;
    font-size: 15px;
}

.vr26-portal-link {
    color: var(--vr-blue-dark);
    font-size: 14px;
    font-weight: 750;
    text-decoration: none;
}

.vr26-result-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-top: 48px;
}

.vr26-result {
    padding: 30px 22px;
    border-radius: 20px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 15px 45px rgba(8, 69, 120, .07);
}

.vr26-result strong {
    display: block;
    margin-bottom: 8px;
    color: var(--vr-blue);
    font-size: 23px;
    line-height: 1.2;
}

.vr26-result span {
    color: var(--vr-muted);
    font-size: 14px;
    line-height: 1.5;
}

.vr26-logo-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 18px;
    margin-top: 45px;
}

.vr26-logo-card {
    display: flex;
    min-height: 155px;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border: 1px solid var(--vr-border);
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 12px 35px rgba(12, 72, 120, .06);
}

.vr26-logo-card img {
    max-width: 100%;
    max-height: 105px;
    object-fit: contain;
}

.vr26-cta {
    padding: 88px 0;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(63, 199, 255, .35),
            transparent 32%
        ),
        linear-gradient(135deg, #063b70, #087ad0);
}

.vr26-cta-grid {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 50px;
    align-items: center;
}

.vr26-cta h2,
.vr26-cta p {
    color: #ffffff;
}

.vr26-cta h2 {
    margin-bottom: 12px;
}

.vr26-cta p {
    margin-bottom: 0;
    color: rgba(255,255,255,.85);
}

.vr26-contact {
    background: #ffffff;
}

.vr26-contact-grid {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 55px;
    align-items: start;
}

.vr26-contact-details {
    margin-top: 30px;
}

.vr26-contact-line {
    margin-bottom: 14px;
    color: var(--vr-muted);
    font-size: 16px;
}

.vr26-contact-line a {
    color: var(--vr-blue-dark);
    text-decoration: none;
}

.vr26-form {
    padding: 38px;
    border: 1px solid var(--vr-border);
    border-radius: 25px;
    background: var(--vr-soft);
    box-shadow: 0 20px 55px rgba(8, 67, 117, .08);
}

.vr26-form p {
    margin-bottom: 15px;
    font-size: 15px;
}

.vr26-form label {
    color: var(--vr-navy);
    font-size: 14px;
    font-weight: 700;
}

.vr26-form input:not([type="submit"]),
.vr26-form textarea,
.vr26-form select {
    width: 100%;
    margin-top: 7px;
    padding: 13px 14px;
    border: 1px solid #cbdced;
    border-radius: 10px;
    color: var(--vr-ink);
    background: #ffffff;
    font: inherit;
}

.vr26-form input[type="submit"] {
    min-height: 50px;
    padding: 12px 25px;
    border: 0;
    border-radius: 999px;
    color: #ffffff;
    background: var(--vr-blue);
    font-size: 15px;
    font-weight: 750;
    cursor: pointer;
}

.vr26-form .wpcf7-spinner {
    vertical-align: middle;
}

@media (max-width: 980px) {
    .vr26-two-col,
    .vr26-cta-grid,
    .vr26-contact-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .vr26-card-grid,
    .vr26-portal-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .vr26-result-grid,
    .vr26-logo-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .vr26-hero {
        min-height: 650px;
        background-position: 62% center;
    }

    .vr26-hero-content {
        padding: 82px 0;
    }

    .vr26-hero-copy {
        max-width: 590px;
    }
}

@media (max-width: 700px) {
    .vr26-shell,
    .vr26-hero-content {
        width: min(100% - 30px, 1180px);
    }

    .vr26 h1 {
        font-size: clamp(39px, 12vw, 56px);
    }

    .vr26 h2 {
        font-size: 34px;
    }

    .vr26 p,
    .vr26-lead,
    .vr26-hero p {
        font-size: 16px !important;
    }

    .vr26-hero {
        min-height: 720px;
        align-items: flex-end;
        background:
            linear-gradient(
                180deg,
                rgba(3, 37, 70, .12) 0%,
                rgba(3, 37, 70, .76) 45%,
                rgba(3, 37, 70, .98) 100%
            ),
            url("https://www.vrewards.co/wp-content/uploads/2026/09/vrewards-fnb-loyalty-hero.png")
            68% center / cover no-repeat;
    }

    .vr26-hero-content {
        padding: 200px 0 62px;
    }

    .vr26-btns,
    .vr26-btn {
        width: 100%;
    }

    .vr26-trust-grid,
    .vr26-card-grid,
    .vr26-steps,
    .vr26-portal-grid,
    .vr26-result-grid,
    .vr26-logo-grid {
        grid-template-columns: 1fr;
    }

    .vr26-trust-item {
        border-right: 0;
        border-bottom: 1px solid var(--vr-border);
    }

    .vr26-trust-item:last-child {
        border-bottom: 0;
    }

    .vr26-problem,
    .vr26-platform,
    .vr26-partners,
    .vr26-contact,
    .vr26-solution,
    .vr26-journey,
    .vr26-results {
        padding: 75px 0;
    }

    .vr26-problem-panel,
    .vr26-card,
    .vr26-step,
    .vr26-form {
        padding: 27px;
    }

    .vr26-big-number {
        font-size: 62px;
    }

    .vr26-cta {
        padding: 70px 0;
    }
}

/* BEGIN VREWARDS GLOBAL V2 */

/* =========================================================
   SHARED HEADER
   ========================================================= */

header.wp-block-template-part {
    position: relative;
    z-index: 100;
    margin: 0;
    background: #ffffff;
}

header.wp-block-template-part >
.wp-block-group:first-child {
    background: linear-gradient(
        90deg,
        var(--vr-blue-dark),
        var(--vr-blue)
    ) !important;
}

header.wp-block-template-part >
.wp-block-group:first-child p,
header.wp-block-template-part >
.wp-block-group:first-child a {
    color: #ffffff !important;
}

header.wp-block-template-part >
.wp-block-group:last-child {
    border-bottom: 1px solid var(--vr-border);
    background: #ffffff !important;
    box-shadow: 0 8px 28px rgba(6, 43, 80, .07);
}

header.wp-block-template-part .wp-block-navigation {
    font-size: 15px;
    font-weight: 650;
}

header.wp-block-template-part
.wp-block-navigation-item__content {
    padding: 9px 13px;
    border-radius: 8px;
    color: var(--vr-navy);
    text-decoration: none;
    transition:
        color .2s ease,
        background-color .2s ease;
}

header.wp-block-template-part
.wp-block-navigation-item__content:hover {
    color: var(--vr-blue-dark);
    background: var(--vr-soft);
}

header.wp-block-template-part
.current-menu-item >
.wp-block-navigation-item__content,
header.wp-block-template-part
.current-menu-ancestor >
.wp-block-navigation-item__content {
    color: var(--vr-blue-dark) !important;
    background: #e8f4ff !important;
}

header.wp-block-template-part
.wp-block-navigation__responsive-container-open {
    color: var(--vr-navy);
}

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

header.wp-block-template-part
.wp-block-navigation__responsive-container.is-menu-open {
    padding: 28px !important;
    color: #ffffff !important;
    background:
        linear-gradient(
            145deg,
            var(--vr-navy),
            var(--vr-blue-dark)
        ) !important;
}

header.wp-block-template-part
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-close {
    color: #ffffff !important;
}

header.wp-block-template-part
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item {
    width: 100%;
}

header.wp-block-template-part
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item__content {
    display: block;
    width: 100%;
    padding: 13px 15px;
    color: #ffffff !important;
    background: transparent !important;
}

header.wp-block-template-part
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item__content:hover,
header.wp-block-template-part
.wp-block-navigation__responsive-container.is-menu-open
.current-menu-item >
.wp-block-navigation-item__content {
    color: #ffffff !important;
    background: rgba(255, 255, 255, .14) !important;
}

/* =========================================================
   SHARED FOOTER
   ========================================================= */

footer.wp-block-template-part {
    margin: 0;
}

footer.wp-block-template-part >
.wp-block-group {
    color: #ffffff !important;
    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(35, 139, 240, .24),
            transparent 30%
        ),
        var(--vr-navy) !important;
}

footer.wp-block-template-part h2,
footer.wp-block-template-part h3,
footer.wp-block-template-part h4 {
    color: #ffffff !important;
}

footer.wp-block-template-part p,
footer.wp-block-template-part li {
    color: rgba(255, 255, 255, .76);
}

footer.wp-block-template-part a {
    color: rgba(255, 255, 255, .82) !important;
    text-decoration: none;
}

footer.wp-block-template-part a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

footer.wp-block-template-part
.wp-block-separator {
    border-color: rgba(255, 255, 255, .2);
}

/* =========================================================
   PORTAL SECTION REFINEMENT
   ========================================================= */

.vr26-portal-grid {
    align-items: stretch;
}

.vr26-portal-grid > *,
.vr26-contact-grid > *,
.vr26-two-col > *,
.vr26-card-grid > *,
.vr26-steps > * {
    min-width: 0;
}

.vr26-portal {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.vr26-portal-image {
    display: flex;
    height: 250px;
    aspect-ratio: auto;
    align-items: center;
    justify-content: center;
    padding: 12px;
    background:
        linear-gradient(145deg, #edf7ff, #ffffff);
}

.vr26-portal-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.vr26-portal-copy {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.vr26-portal-copy p {
    flex: 1;
}

.vr26-portal-link {
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    padding: 8px 0;
}

/* =========================================================
   PARTNER LOGOS
   ========================================================= */

.vr26-logo-card {
    overflow: hidden;
}

.vr26-logo-card img {
    display: block;
    filter: saturate(.92);
}

.vr26-logo-card:hover img {
    filter: saturate(1.1);
}

/* =========================================================
   CONTACT FORM
   ========================================================= */

.vr26-form,
.vr26-form .wpcf7,
.vr26-form form {
    width: 100%;
    min-width: 0;
}

.vr26-form .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.vr26-form input:not([type="submit"]),
.vr26-form textarea,
.vr26-form select {
    display: block;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.vr26-form textarea {
    min-height: 150px;
    resize: vertical;
}

.vr26-form input:focus,
.vr26-form textarea:focus,
.vr26-form select:focus {
    border-color: var(--vr-blue);
    outline: 3px solid rgba(35, 139, 240, .12);
}

.vr26-form input[type="submit"] {
    box-shadow: 0 10px 25px rgba(35, 139, 240, .22);
}

/* =========================================================
   POLICY AND STANDARD CONTENT PAGES
   ========================================================= */

body.page-id-38 main,
body.page-id-3 main {
    width: min(
        var(--vr-content-width),
        calc(100% - 48px)
    );
    margin: 0 auto;
    padding: 72px 0 90px;
}

body.page-id-38 main h1,
body.page-id-3 main h1 {
    margin-bottom: 35px;
    color: var(--vr-navy);
    font-size: clamp(38px, 5vw, 58px);
    font-weight: 800;
    letter-spacing: -.035em;
}

body.page-id-38 main h2,
body.page-id-3 main h2 {
    margin-top: 42px;
    color: var(--vr-navy);
    font-size: 27px;
    font-weight: 750;
}

body.page-id-38 main p,
body.page-id-38 main li,
body.page-id-3 main p,
body.page-id-3 main li {
    color: var(--vr-muted);
    font-size: 16px;
    line-height: 1.75;
}

/* =========================================================
   RESPONSIVE REFINEMENTS
   ========================================================= */

@media (max-width: 980px) {
    .vr26-portal-image {
        height: 235px;
    }

    .vr26-contact-grid {
        grid-template-columns: 1fr;
    }

    .vr26-form {
        max-width: 720px;
    }
}

@media (max-width: 700px) {
    header.wp-block-template-part >
    .wp-block-group:first-child {
        display: none;
    }

    header.wp-block-template-part >
    .wp-block-group:last-child {
        padding: 12px 18px !important;
    }

    header.wp-block-template-part
    .wp-block-image img {
        width: 76px !important;
    }

    .vr26-portal-grid {
        gap: 20px;
    }

    .vr26-portal-image {
        height: 225px;
    }

    .vr26-form {
        padding: 24px;
    }

    body.page-id-38 main,
    body.page-id-3 main {
        width: min(100% - 30px, var(--vr-content-width));
        padding: 55px 0 70px;
    }

    body.page-id-38 main h1,
    body.page-id-3 main h1 {
        font-size: 38px;
    }

    footer.wp-block-template-part
    .wp-block-columns {
        gap: 28px;
    }
}

/* END VREWARDS GLOBAL V2 */

/* BEGIN VREWARDS GLOBAL V3 */

/* =========================================================
   FULL-BROWSER-WIDTH FOUNDATION
   ========================================================= */

html,
body {
    max-width: 100%;
    overflow-x: clip;
}

.wp-site-blocks {
    width: 100%;
    max-width: none !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.wp-site-blocks > main {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wp-site-blocks > main >
.wp-block-post-content,
.wp-site-blocks > main >
.entry-content,
.wp-block-post-content {
    width: 100%;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

body.page-id-512 .wp-block-post-content {
    padding: 0 !important;
}

.vr26 {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: none !important;
    margin-right: -50vw !important;
    margin-left: -50vw !important;
}

.vr26-shell,
.vr26-hero-content {
    width: min(1400px, calc(100% - 80px));
    max-width: none;
}

/* Every section background occupies the browser width */

.vr26 > section {
    width: 100%;
    max-width: none;
}

/* =========================================================
   SINGLE-ROW GLOBAL HEADER
   ========================================================= */

header.wp-block-template-part {
    position: sticky !important;
    top: 0;
    z-index: 9999;
    width: 100vw;
    max-width: none !important;
    margin: 0 calc(50% - 50vw) !important;
    background: #ffffff;
    box-shadow: 0 7px 25px rgba(6, 43, 80, .1);
}

body.admin-bar header.wp-block-template-part {
    top: 32px;
}

header.wp-block-template-part >
.vr-site-header,
header.wp-block-template-part >
.wp-block-group:first-child,
header.wp-block-template-part >
.wp-block-group:last-child {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    border: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.vr-site-header {
    width: 100%;
    color: var(--vr-navy);
    background: #ffffff !important;
}

.vr-site-header-inner {
    display: flex !important;
    width: min(1400px, calc(100% - 80px)) !important;
    max-width: none !important;
    min-height: 82px;
    margin: 0 auto !important;
    padding: 10px 0;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 36px;
}

.vr-site-logo {
    width: 105px;
    min-width: 105px;
    margin: 0 !important;
}

.vr-site-logo a,
.vr-site-logo img {
    display: block;
}

.vr-site-logo img {
    width: 105px !important;
    height: auto !important;
}

.vr-site-navigation {
    display: flex;
    margin-left: auto;
    justify-content: flex-end;
}

.vr-site-navigation >
.wp-block-navigation__container {
    display: flex;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 5px;
}

.vr-site-navigation
.wp-block-navigation-item {
    flex-shrink: 0;
}

.vr-site-navigation
.wp-block-navigation-item__content {
    padding: 10px 14px;
    color: var(--vr-navy);
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
}

/* =========================================================
   GRID WIDTH AND OVERLAP CORRECTIONS
   ========================================================= */

.vr26-card-grid,
.vr26-steps,
.vr26-portal-grid,
.vr26-result-grid,
.vr26-logo-grid {
    width: 100%;
    max-width: 100%;
}

.vr26-card-grid,
.vr26-portal-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vr26-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vr26-result-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.vr26-logo-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.vr26-card,
.vr26-step,
.vr26-portal,
.vr26-result,
.vr26-logo-card {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.vr26-solution,
.vr26-journey,
.vr26-platform,
.vr26-results,
.vr26-partners,
.vr26-contact {
    clear: both;
    overflow: hidden;
}

/* =========================================================
   FULL-WIDTH FOOTER
   ========================================================= */

footer.wp-block-template-part {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: none !important;
    margin-right: -50vw !important;
    margin-left: -50vw !important;
}

footer.wp-block-template-part >
.wp-block-group {
    width: 100%;
    max-width: none !important;
}

footer.wp-block-template-part
.wp-block-columns,
footer.wp-block-template-part >
.wp-block-group >
.wp-block-group {
    width: min(1400px, calc(100% - 80px));
    max-width: none;
    margin-right: auto;
    margin-left: auto;
}

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

@media (max-width: 1100px) {
    .vr26-shell,
    .vr26-hero-content,
    .vr-site-header-inner {
        width: min(100% - 48px, 1400px) !important;
    }

    .vr-site-header-inner {
        min-height: 76px;
        gap: 22px;
    }

    .vr-site-navigation
    .wp-block-navigation-item__content {
        padding: 9px 9px;
        font-size: 14px;
    }

    .vr26-card-grid,
    .vr26-portal-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vr26-result-grid,
    .vr26-logo-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

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

@media (max-width: 782px) {
    body.admin-bar header.wp-block-template-part {
        top: 46px;
    }
}

@media (max-width: 700px) {
    header.wp-block-template-part >
    .vr-site-header,
    header.wp-block-template-part >
    .wp-block-group:first-child,
    header.wp-block-template-part >
    .wp-block-group:last-child {
        display: block !important;
    }

    .vr-site-header-inner {
        width: calc(100% - 30px) !important;
        min-height: 68px;
        padding: 8px 0;
    }

    .vr-site-logo,
    .vr-site-logo img {
        width: 82px !important;
        min-width: 82px;
    }

    .vr-site-navigation {
        width: auto;
    }

    .vr26 {
        left: 50%;
        width: 100vw;
    }

    .vr26-shell,
    .vr26-hero-content {
        width: calc(100% - 30px) !important;
    }

    .vr26-card-grid,
    .vr26-steps,
    .vr26-portal-grid,
    .vr26-result-grid,
    .vr26-logo-grid {
        grid-template-columns: 1fr;
    }

    footer.wp-block-template-part
    .wp-block-columns,
    footer.wp-block-template-part >
    .wp-block-group >
    .wp-block-group {
        width: calc(100% - 30px);
    }
}

/* END VREWARDS GLOBAL V3 */

/* BEGIN VREWARDS SAAS V4 */

/* =========================================================
   SAAS THEME: GLOBAL HEADER
   ========================================================= */

body.wp-theme-saas-software-technology
header[role="banner"] {
    position: sticky;
    top: 0;
    z-index: 9999;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 7px 28px rgba(6, 43, 80, .1);
}

body.admin-bar.wp-theme-saas-software-technology
header[role="banner"] {
    top: 32px;
}

body.wp-theme-saas-software-technology
#header {
    width: 100%;
    background: #ffffff;
}

body.wp-theme-saas-software-technology
#header > .container {
    width: min(1400px, calc(100% - 64px));
    max-width: none;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
}

body.wp-theme-saas-software-technology
#header .header-box {
    width: 100%;
}

body.wp-theme-saas-software-technology
#header .header-box > .row {
    min-height: 82px;
    margin: 0;
    flex-wrap: nowrap;
    align-items: center;
}

/* Logo column */

body.wp-theme-saas-software-technology
#header .header-box >
.row >
div:first-child {
    width: auto;
    min-width: 120px;
    max-width: 180px;
    padding-right: 20px;
    padding-left: 0;
    flex: 0 0 auto;
}

body.wp-theme-saas-software-technology
.saas-software-technology-logo {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

body.wp-theme-saas-software-technology
.saas-software-technology-logo
.site-title,
body.wp-theme-saas-software-technology
.saas-software-technology-logo
.site-description {
    display: none !important;
}

body.wp-theme-saas-software-technology
.saas-software-technology-logo
.site-logo {
    margin: 0;
}

body.wp-theme-saas-software-technology
.saas-software-technology-logo
.custom-logo-link,
body.wp-theme-saas-software-technology
.saas-software-technology-logo
.custom-logo {
    display: block;
}

body.wp-theme-saas-software-technology
.saas-software-technology-logo
.custom-logo {
    width: 105px !important;
    height: auto !important;
    max-height: 65px !important;
    object-fit: contain;
}

/* Menu column */

body.wp-theme-saas-software-technology
#header .header-box >
.row >
div:nth-child(2) {
    width: auto;
    min-width: 0;
    max-width: none;
    padding: 0;
    flex: 1 1 auto;
}

body.wp-theme-saas-software-technology
#header .menubox {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
}

body.wp-theme-saas-software-technology
#primary-site-navigation {
    width: auto;
}

body.wp-theme-saas-software-technology
.primary-navigation ul {
    display: flex;
    margin: 0;
    padding: 0;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
}

body.wp-theme-saas-software-technology
.primary-navigation ul li {
    float: none;
    flex-shrink: 0;
}

body.wp-theme-saas-software-technology
.primary-navigation ul li a {
    display: block;
    padding: 12px 14px;
    border-radius: 8px;
    color: var(--vr-navy);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    text-decoration: none;
    transition:
        color .2s ease,
        background-color .2s ease;
}

body.wp-theme-saas-software-technology
.primary-navigation ul li a:hover,
body.wp-theme-saas-software-technology
.primary-navigation
.current-menu-item > a,
body.wp-theme-saas-software-technology
.primary-navigation
.current_page_item > a {
    color: var(--vr-blue-dark);
    background: #e8f4ff;
}

/* Search column */

body.wp-theme-saas-software-technology
#header .header-box >
.row >
.header-icons {
    width: auto;
    min-width: 48px;
    max-width: 58px;
    padding-right: 0;
    padding-left: 14px;
    flex: 0 0 auto;
}

body.wp-theme-saas-software-technology
.search-box button {
    color: var(--vr-navy);
}

/* The theme may apply fixed positioning to .sticky-header.
   Keep the whole header sticky instead. */

body.wp-theme-saas-software-technology
#header .menubox.sticky-header,
body.wp-theme-saas-software-technology
#header .menubox.close-sticky {
    position: static !important;
    top: auto !important;
    width: 100% !important;
    box-shadow: none !important;
}

/* =========================================================
   SAAS THEME: PAGE 512 FULL-WIDTH
   ========================================================= */

body.page-id-512
.container.space-top {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-512
.container.space-top >
.row {
    width: 100%;
    margin: 0;
}

body.page-id-512
.container.space-top
.middle-align {
    width: 100%;
    max-width: none;
    padding: 0;
}

body.page-id-512
main.content-aa {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

body.page-id-512
main.content-aa >
.feature-box,
body.page-id-512
main.content-aa >
h1 {
    display: none !important;
}

body.page-id-512
main.content-aa >
.entry-content {
    width: 100%;
    max-width: none !important;
    margin: 0;
    padding: 0;
}

body.page-id-512
main.content-aa >
.entry-content >
.vr26 {
    width: 100%;
    max-width: none;
}

/* Override the older viewport breakout because the SAAS
   page container is now already full-width. */

body.page-id-512
.vr26 {
    position: static;
    left: auto;
    width: 100%;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* =========================================================
   REMOVE THEME BACK-TO-TOP
   ========================================================= */

body.wp-theme-saas-software-technology
.scrollup {
    display: none !important;
}

/* =========================================================
   SAAS THEME FOOTER FOUNDATION
   ========================================================= */

body.wp-theme-saas-software-technology
footer[role="contentinfo"] {
    position: static;
    left: auto;
    width: 100%;
    max-width: none;
    margin: 0;
    color: #ffffff;
    background: var(--vr-navy);
}

body.wp-theme-saas-software-technology
footer[role="contentinfo"]
.footertown {
    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(35, 139, 240, .22),
            transparent 30%
        ),
        var(--vr-navy);
}

body.wp-theme-saas-software-technology
footer[role="contentinfo"]
.container {
    width: min(1400px, calc(100% - 64px));
    max-width: none;
}

body.wp-theme-saas-software-technology
footer[role="contentinfo"]
.widget-title {
    color: #ffffff;
}

body.wp-theme-saas-software-technology
footer[role="contentinfo"] p,
body.wp-theme-saas-software-technology
footer[role="contentinfo"] li,
body.wp-theme-saas-software-technology
footer[role="contentinfo"] a {
    color: rgba(255, 255, 255, .8);
}

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

@media (max-width: 1100px) {
    body.wp-theme-saas-software-technology
    #header > .container,
    body.wp-theme-saas-software-technology
    footer[role="contentinfo"]
    .container {
        width: calc(100% - 40px);
    }

    body.wp-theme-saas-software-technology
    .primary-navigation ul li a {
        padding-right: 9px;
        padding-left: 9px;
        font-size: 14px;
    }
}

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

@media (max-width: 991px) {
    body.wp-theme-saas-software-technology
    #header .header-box > .row {
        min-height: 70px;
    }

    body.wp-theme-saas-software-technology
    #header .header-box >
    .row >
    div:first-child {
        min-width: 100px;
        padding-right: 10px;
    }

    body.wp-theme-saas-software-technology
    .saas-software-technology-logo
    .custom-logo {
        width: 85px !important;
        max-height: 56px !important;
    }

    body.wp-theme-saas-software-technology
    #header .header-box >
    .row >
    div:nth-child(2) {
        display: flex;
        justify-content: flex-end;
    }

    body.wp-theme-saas-software-technology
    .toggle-menu {
        display: block;
    }

    body.wp-theme-saas-software-technology
    .toggle-menu button {
        color: var(--vr-navy);
        background: transparent;
    }

    body.wp-theme-saas-software-technology
    #menu-sidebar {
        background:
            linear-gradient(
                145deg,
                var(--vr-navy),
                var(--vr-blue-dark)
            );
    }

    body.wp-theme-saas-software-technology
    #menu-sidebar
    .primary-navigation ul {
        display: block;
        width: 100%;
    }

    body.wp-theme-saas-software-technology
    #menu-sidebar
    .primary-navigation ul li {
        display: block;
        width: 100%;
    }

    body.wp-theme-saas-software-technology
    #menu-sidebar
    .primary-navigation ul li a {
        width: 100%;
        padding: 13px 18px;
        color: #ffffff;
        background: transparent;
    }

    body.wp-theme-saas-software-technology
    #menu-sidebar
    .primary-navigation
    .current-menu-item > a,
    body.wp-theme-saas-software-technology
    #menu-sidebar
    .primary-navigation
    .current_page_item > a,
    body.wp-theme-saas-software-technology
    #menu-sidebar
    .primary-navigation ul li a:hover {
        color: #ffffff;
        background: rgba(255, 255, 255, .14);
    }

    body.wp-theme-saas-software-technology
    #menu-sidebar
    .closebtn {
        color: #ffffff;
    }
}

@media (max-width: 782px) {
    body.admin-bar.wp-theme-saas-software-technology
    header[role="banner"] {
        top: 46px;
    }
}

@media (max-width: 700px) {
    body.wp-theme-saas-software-technology
    #header > .container {
        width: calc(100% - 28px);
    }

    body.wp-theme-saas-software-technology
    #header .header-box >
    .row >
    .header-icons {
        display: none;
    }

    body.wp-theme-saas-software-technology
    footer[role="contentinfo"]
    .container {
        width: calc(100% - 30px);
    }
}

/* END VREWARDS SAAS V4 */

/* BEGIN VREWARDS SAAS V5 */

/* =========================================================
   CLEAN FIVE-ITEM NAVIGATION
   ========================================================= */

body.wp-theme-saas-software-technology
.primary-navigation
.vrewards-primary-menu {
    display: flex;
    margin: 0;
    padding: 0;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    list-style: none;
}

body.wp-theme-saas-software-technology
.primary-navigation
.vrewards-primary-menu >
li {
    display: block;
    margin: 0;
    padding: 0;
    flex: 0 0 auto;
}

/* Remove search column */

body.wp-theme-saas-software-technology
#header .header-icons {
    display: none !important;
}

body.wp-theme-saas-software-technology
#header .header-box >
.row >
div:nth-child(2) {
    padding-right: 0;
    flex: 1 1 auto;
}

/* =========================================================
   REDUCED HOMEPAGE SECTION SPACING
   ========================================================= */

.vr26-problem,
.vr26-platform,
.vr26-partners,
.vr26-contact,
.vr26-solution,
.vr26-journey,
.vr26-results {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
}

.vr26-card-grid,
.vr26-steps,
.vr26-portal-grid,
.vr26-result-grid,
.vr26-logo-grid {
    margin-top: 38px;
}

.vr26-card {
    padding: 27px;
}

.vr26-step {
    padding: 29px;
}

.vr26-trust-item {
    padding-top: 19px;
    padding-bottom: 19px;
}

.vr26-cta {
    padding-top: 65px;
    padding-bottom: 65px;
}

.vr26-contact-details {
    margin-top: 23px;
}

/* =========================================================
   REPLACE THEME PLACEHOLDER FOOTER
   ========================================================= */

body.wp-theme-saas-software-technology
footer[role="contentinfo"]
.footertown,
body.wp-theme-saas-software-technology
footer[role="contentinfo"] >
.footer {
    display: none !important;
}

body.wp-theme-saas-software-technology
footer[role="contentinfo"] {
    color: #ffffff;
    background: var(--vr-navy);
}

.vr-global-footer {
    width: 100%;
    padding: 64px max(32px, calc((100% - 1400px) / 2)) 24px;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 85% 10%,
            rgba(35, 139, 240, .28),
            transparent 29%
        ),
        linear-gradient(
            135deg,
            #041f3b,
            var(--vr-navy)
        );
}

.vr-global-footer-inner {
    display: grid;
    grid-template-columns: 1.7fr repeat(4, 1fr);
    gap: 42px;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.vr-footer-brand img {
    width: 120px;
    height: auto;
    margin-bottom: 22px;
    filter: brightness(0) invert(1);
}

.vr-footer-brand p {
    max-width: 320px;
    margin: 0;
    color: rgba(255, 255, 255, .72) !important;
    font-size: 15px;
    line-height: 1.7;
}

.vr-footer-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.vr-footer-column h2 {
    margin: 0 0 20px;
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 750;
}

.vr-footer-column a {
    margin-bottom: 11px;
    color: rgba(255, 255, 255, .72) !important;
    font-size: 14px;
    line-height: 1.45;
    text-decoration: none;
}

.vr-footer-column a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

.vr-global-footer-bottom {
    display: flex;
    width: 100%;
    max-width: 1400px;
    margin: 45px auto 0;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, .15);
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    color: rgba(255, 255, 255, .62);
    font-size: 13px;
}

.vr-global-footer-bottom a {
    color: rgba(255, 255, 255, .82) !important;
    text-decoration: none;
}

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

@media (max-width: 1050px) {
    .vr-global-footer-inner {
        grid-template-columns: 1.5fr repeat(2, 1fr);
    }

    .vr-footer-brand {
        grid-row: span 2;
    }
}

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

@media (max-width: 991px) {
    body.wp-theme-saas-software-technology
    .primary-navigation
    .vrewards-primary-menu {
        display: block;
        width: 100%;
    }

    body.wp-theme-saas-software-technology
    .primary-navigation
    .vrewards-primary-menu >
    li {
        display: block;
        width: 100%;
    }
}

@media (max-width: 700px) {
    .vr26-problem,
    .vr26-platform,
    .vr26-partners,
    .vr26-contact,
    .vr26-solution,
    .vr26-journey,
    .vr26-results {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }

    .vr26-card-grid,
    .vr26-steps,
    .vr26-portal-grid,
    .vr26-result-grid,
    .vr26-logo-grid {
        margin-top: 30px;
    }

    .vr-global-footer {
        padding: 52px 24px 22px;
    }

    .vr-global-footer-inner {
        grid-template-columns: 1fr 1fr;
        gap: 35px 25px;
    }

    .vr-footer-brand {
        grid-row: auto;
        grid-column: 1 / -1;
    }

    .vr-global-footer-bottom {
        margin-top: 35px;
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .vr-global-footer-inner {
        grid-template-columns: 1fr;
    }

    .vr-footer-brand {
        grid-column: auto;
    }
}

/* END VREWARDS SAAS V5 */

/* VREWARDS V6 START */

:root {
    --vr-link-blue: #1595d3;
    --vr-link-blue-dark: #0877b2;
}

/* Replace the theme's default pink content links. */
.vr26 a:not(.vr26-button):not(.wp-block-button__link),
.vr26 .entry-content a,
.vr26 .vr-portal-card a,
.vr26 .vr26-portal-card a {
    color: var(--vr-link-blue) !important;
    text-decoration-color: rgba(21,149,211,.45);
}

.vr26 a:not(.vr26-button):not(.wp-block-button__link):hover,
.vr26 a:not(.vr26-button):not(.wp-block-button__link):focus,
.vr26 .entry-content a:hover,
.vr26 .entry-content a:focus {
    color: var(--vr-link-blue-dark) !important;
}

/* Retain the intended button colours. */
.vr26 a.vr26-button,
.vr26 a[class*="button"],
.vr26 .wp-block-button__link {
    text-decoration: none;
}

.vr26 a.vr26-button:not(.vr26-button-light),
.vr26 .wp-block-button:not(.is-style-outline) .wp-block-button__link {
    color: #fff !important;
}

/* Professional footer links. */
.vr-global-footer a {
    color: rgba(255,255,255,.84) !important;
    text-decoration: none;
}

.vr-global-footer a:hover,
.vr-global-footer a:focus {
    color: #fff !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Make the footer divider clearly visible. */
.vr-global-footer-bottom,
.vr-global-footer .vr-footer-bottom {
    border-top: 1px solid rgba(255,255,255,.35) !important;
    margin-top: 28px;
    padding-top: 20px;
}

.vr-global-footer hr {
    border: 0;
    border-top: 1px solid rgba(255,255,255,.35) !important;
    opacity: 1;
}

/* VREWARDS V6 END */

/* VREWARDS V7 START */

/* Keep the blue hero button text clearly visible. */
.vr26 .vr26-btn-primary,
.vr26 a.vr26-btn-primary,
.vr26-hero .vr26-btn-primary {
    color: #ffffff !important;
}

.vr26 .vr26-btn-primary:hover,
.vr26 .vr26-btn-primary:focus {
    color: #ffffff !important;
}

/* Centre the Ready to Grow section. */
.vr26 .vr26-cta-grid {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    max-width: 850px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.vr26 .vr26-cta-grid > div:first-child {
    max-width: 720px;
}

.vr26 .vr26-cta-grid .vr26-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0;
}

/* Balance the two Request a Demo cards. */
.vr26 .vr26-contact-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 36px;
}

.vr26 .vr26-contact-grid > div {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-width: 0;
    padding: 38px;
    background: #ffffff;
    border: 1px solid rgba(8, 73, 116, 0.10);
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(8, 73, 116, 0.08);
}

.vr26 .vr26-contact-grid .vr26-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Footer logo sizing. */
.vr-global-footer .vr-footer-brand img {
    display: block;
    width: auto;
    max-width: 150px;
    height: auto;
    margin-bottom: 20px;
}

/* Responsive Request a Demo layout. */
@media (max-width: 782px) {
    .vr26 .vr26-contact-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .vr26 .vr26-contact-grid > div {
        padding: 28px 22px;
    }

    .vr26 .vr26-cta-grid {
        gap: 20px;
    }
}

/* VREWARDS V7 END */

/* VREWARDS V8 HERO BUTTON START */

/*
 * Override the earlier general content-link rule.
 */
html body .vr26 .vr26-hero .vr26-btns a.vr26-btn.vr26-btn-primary,
html body .vr26 .vr26-hero .vr26-btns a.vr26-btn.vr26-btn-primary:link,
html body .vr26 .vr26-hero .vr26-btns a.vr26-btn.vr26-btn-primary:visited,
html body .vr26 .vr26-hero .vr26-btns a.vr26-btn.vr26-btn-primary:hover,
html body .vr26 .vr26-hero .vr26-btns a.vr26-btn.vr26-btn-primary:focus,
html body .vr26 .vr26-hero .vr26-btns a.vr26-btn.vr26-btn-primary:active {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-decoration: none !important;
    opacity: 1 !important;
}

/* VREWARDS V8 HERO BUTTON END */

/* VREWARDS V10 CONTACT START */

/* Keep the full Contact Us section white. */
.vr26 .vr26-contact {
    background: #ffffff !important;
    border-top: 1px solid rgba(8, 73, 116, 0.06);
}

/* Apply the soft blue background only to the two cards. */
.vr26 .vr26-contact-grid > div {
    background:
        radial-gradient(
            circle at 15% 10%,
            rgba(27, 183, 177, 0.07),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            #f6fbff 0%,
            #edf6ff 100%
        ) !important;

    border: 1px solid rgba(21, 149, 211, 0.16) !important;
    box-shadow: 0 18px 45px rgba(8, 73, 116, 0.09) !important;
}

/* Keep the form fields white for clear contrast. */
.vr26 .vr26-contact input:not([type="submit"]),
.vr26 .vr26-contact textarea,
.vr26 .vr26-contact select {
    background: #ffffff !important;
    border-color: rgba(21, 149, 211, 0.25) !important;
}

/* VREWARDS V10 CONTACT END */

/* VREWARDS V11 CTA TITLE START */

/* Improve the Ready to Grow title contrast. */
html body .vr26 .vr26-cta .vr26-eyebrow {
    color: #dff7ff !important;
    -webkit-text-fill-color: #dff7ff !important;
    opacity: 1 !important;
    text-shadow: 0 1px 4px rgba(0, 45, 85, 0.25);
}

/* Retain a visible turquoise decorative line. */
html body .vr26 .vr26-cta .vr26-eyebrow::before,
html body .vr26 .vr26-cta .vr26-eyebrow::after {
    background-color: #39d6cc !important;
    opacity: 1 !important;
}

/* VREWARDS V11 CTA TITLE END */

/* VREWARDS SUPPORTING PAGES V12 START */

.page-id-526 .entry-title,
.page-id-527 .entry-title,
.page-id-528 .entry-title,
.page-id-529 .entry-title,
.page-id-526 .page-title,
.page-id-527 .page-title,
.page-id-528 .page-title,
.page-id-529 .page-title {
    display: none !important;
}

.page;
}

.page-id-526 .container.space-top,
.page-id-527 .container.space-top,
.page-id-528 .container.space-top,
.page-id-529 .container.space-top {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.vrp {
    --vrp-navy: #062f54;
    --vrp-blue: #1595d3;
    --vrp-cyan: #24bbb4;
    --vrp-light: #eef7ff;
    --vrp-text: #52657a;
    color: var(--vrp-text);
    background: #ffffff;
    font-family: inherit;
}

.vrp *,
.vrp *::before,
.vrp *::after {
    box-sizing: border-box;
}

.vrp-shell {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.vrp-hero {
    padding: 95px 0;
    color: #ffffff;
    background:
        radial-gradient(circle at 85% 20%, rgba(49,191,230,.30), transparent 32%),
        linear-gradient(135deg, #052f54 0%, #0879ba 100%);
}

.vrp-hero-inner {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.vrp-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    color: var(--vrp-blue);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.vrp-eyebrow::before {
    width: 32px;
    height: 2px;
    content: "";
    background: var(--vrp-cyan);
}

.vrp-hero .vrp-eyebrow {
    color: #bcefff;
}

.vrp h1,
.vrp h2,
.vrp h3 {
    margin-top: 0;
    color: var(--vrp-navy);
    font-weight: 800;
    line-height: 1.08;
}

.vrp-hero h1 {
    margin-bottom: 24px;
    color: #ffffff;
    font-size: clamp(42px, 6vw, 72px);
}

.vrp-hero p {
    max-width: 760px;
    margin: 0 auto 30px;
    color: rgba(255,255,255,.88);
    font-size: 20px;
    line-height: 1.7;
}

.vrp h2 {
    margin-bottom: 18px;
    font-size: clamp(32px, 4vw, 48px);
}

.vrp h3 {
    margin-bottom: 12px;
    font-size: 22px;
}

.vrp p {
    line-height: 1.75;
}

.vrp-section {
    padding: 78px 0;
}

.vrp-section-light {
    background: linear-gradient(145deg, #f7fbff 0%, var(--vrp-light) 100%);
}

.vrp-center {
    max-width: 820px;
    margin: 0 auto 44px;
    text-align: center;
}

.vrp-center .vrp-eyebrow {
    justify-content: center;
}

.vrp-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.vrp-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vrp-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vrp-card {
    padding: 30px;
    background: #ffffff;
    border: 1px solid rgba(8,73,116,.10);
    border-radius: 18px;
    box-shadow: 0 16px 40px rgba(8,73,116,.08);
}

.vrp-card p:last-child {
    margin-bottom: 0;
}

.vrp-number {
    display: inline-grid;
    width: 44px;
    height: 44px;
    margin-bottom: 20px;
    color: #ffffff;
    background: linear-gradient(135deg, var(--vrp-blue), var(--vrp-cyan));
    border-radius: 13px;
    place-items: center;
    font-weight: 800;
}

.vrp-stat-layout {
    display: grid;
    grid-template-columns: minmax(260px, .8fr) minmax(0, 1.4fr);
    align-items: center;
    gap: 60px;
}

.vrp-stat {
    padding: 42px;
    text-align: center;
    background: linear-gradient(145deg, #062f54, #087fbe);
    border-radius: 24px;
    box-shadow: 0 22px 55px rgba(6,47,84,.18);
}

.vrp-stat strong {
    display: block;
    color: #ffffff;
    font-size: clamp(52px, 7vw, 86px);
    line-height: 1;
}

.vrp-stat span {
    display: block;
    margin-top: 14px;
    color: #ccefff;
    font-size: 18px;
    font-weight: 700;
}

.vrp-btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
}

.vrp a.vrp-btn {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    padding: 13px 25px;
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--vrp-blue), #27aefa);
    border-radius: 999px;
    box-shadow: 0 12px 28px rgba(21,149,211,.25);
    font-weight: 800;
    text-decoration: none;
}

.vrp a.vrp-btn:hover,
.vrp a.vrp-btn:focus {
    color: #ffffff !important;
    transform: translateY(-1px);
}

.vrp a.vrp-btn-light {
    color: var(--vrp-navy) !important;
    background: #ffffff;
}

.vrp-band {
    padding: 68px 0;
    color: #ffffff;
    text-align: center;
    background: linear-gradient(135deg, #07385f, #1595d3);
}

.vrp-band h2 {
    color: #ffffff;
}

.vrp-band p {
    max-width: 720px;
    margin: 0 auto 28px;
    color: rgba(255,255,255,.86);
    font-size: 18px;
}

@media (max-width: 900px) {
    .vrp-grid,
    .vrp-grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vrp-stat-layout {
        grid-template-columns: 1fr;
        gap: 35px;
    }
}

@media (max-width: 600px) {
    .vrp-shell {
        width: min(100% - 30px, 1200px);
    }

    .vrp-hero {
        padding: 70px 0;
    }

    .vrp-section {
        padding: 58px 0;
    }

    .vrp-grid,
    .vrp-grid-2,
    .vrp-grid-3 {
        grid-template-columns: 1fr;
    }

    .vrp-card {
        padding: 25px;
    }
}

/* VREWARDS SUPPORTING PAGES V12 END */

/* VREWARDS SOLUTION ICONS V13 START */

.vrp .vrp-icon {
    display: inline-grid;
    width: 58px;
    height: 58px;
    margin-bottom: 22px;
    color: #ffffff;
    background: linear-gradient(135deg, #1595d3, #24bbb4);
    border-radius: 16px;
    box-shadow: 0 12px 26px rgba(21,149,211,.22);
    place-items: center;
}

.vrp .vrp-icon svg {
    display: block;
    width: 28px;
    height: 28px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.vrp .vrp-card {
    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        border-color 180ms ease;
}

.vrp .vrp-card:hover {
    border-color: rgba(21,149,211,.25);
    box-shadow: 0 22px 48px rgba(8,73,116,.13);
    transform: translateY(-4px);
}

.vrp .vrp-journey-card {
    position: relative;
    overflow: hidden;
}

.vrp .vrp-journey-card::after {
    position: absolute;
    right: -24px;
    bottom: -30px;
    width: 100px;
    height: 100px;
    content: "";
    background: radial-gradient(
        circle,
        rgba(36,187,180,.12),
        transparent 68%
    );
}

.vrp .vrp-step-label {
    display: inline-block;
    margin-bottom: 10px;
    color: #1595d3;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

/* VREWARDS SOLUTION ICONS V13 END */

/* VREWARDS CARD HEADINGS V14 START */

.vrp .vrp-card-heading {
    display: flex;
    align-items: center;
    gap: 17px;
    margin-bottom: 24px;
}

.vrp .vrp-card-heading .vrp-icon {
    flex: 0 0 58px;
    margin: 0;
}

.vrp .vrp-card-heading h3 {
    margin: 0;
    color: #062f54;
    font-size: 25px;
    line-height: 1.15;
}

@media (max-width: 600px) {
    .vrp .vrp-card-heading {
        gap: 14px;
    }

    .vrp .vrp-card-heading h3 {
        font-size: 23px;
    }
}

/* VREWARDS CARD HEADINGS V14 END */

/* VREWARDS DARK CTA TITLES V15 START */

/*
 * Consistent eyebrow titles across all dark hero and CTA sections.
 */
html body .vrp .vrp-band .vrp-eyebrow,
html body .vrp .vrp-hero .vrp-eyebrow {
    color: #dff7ff !important;
    -webkit-text-fill-color: #dff7ff !important;
    opacity: 1 !important;
    text-shadow: 0 1px 4px rgba(0, 45, 85, 0.25);
}

html body .vrp .vrp-band .vrp-eyebrow::before,
html body .vrp .vrp-band .vrp-eyebrow::after,
html body .vrp .vrp-hero .vrp-eyebrow::before,
html body .vrp .vrp-hero .vrp-eyebrow::after {
    background-color: #43ddd2 !important;
    opacity: 1 !important;
}

/* VREWARDS DARK CTA TITLES V15 END */

/* VREWARDS PLATFORM V16 START */

.vrp .vrp-media-card {
    overflow: hidden;
    padding: 0;
}

.vrp .vrp-media-card-image {
    display: flex;
    min-height: 270px;
    align-items: center;
    justify-content: center;
    padding: 25px;
    background: linear-gradient(145deg, #eef8ff, #f8fcff);
    border-bottom: 1px solid rgba(8,73,116,.08);
}

.vrp .vrp-media-card-image img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 230px;
    object-fit: contain;
}

.vrp .vrp-media-card-content {
    padding: 30px;
}

.vrp .vrp-media-card-content .vrp-card-heading {
    margin-bottom: 16px;
}

.vrp .vrp-portal-role {
    display: inline-block;
    margin-bottom: 10px;
    color: #1595d3;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.vrp .vrp-process {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px;
}

.vrp .vrp-process-card {
    position: relative;
    padding-top: 76px;
}

.vrp .vrp-process-number {
    position: absolute;
    top: 24px;
    left: 30px;
    color: #1595d3;
    font-size: 34px;
    font-weight: 900;
    line-height: 1;
}

.vrp .vrp-process-number::after {
    display: inline-block;
    width: 34px;
    height: 2px;
    margin-left: 12px;
    vertical-align: middle;
    content: "";
    background: #24bbb4;
}

.vrp .vrp-platform-summary {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
    align-items: center;
    gap: 55px;
}

.vrp .vrp-benefit-list {
    display: grid;
    gap: 14px;
    margin: 26px 0 0;
    padding: 0;
    list-style: none;
}

.vrp .vrp-benefit-list li {
    position: relative;
    padding: 15px 18px 15px 50px;
    background: #ffffff;
    border: 1px solid rgba(8,73,116,.09);
    border-radius: 12px;
    box-shadow: 0 8px 22px rgba(8,73,116,.05);
}

.vrp .vrp-benefit-list li::before {
    position: absolute;
    top: 15px;
    left: 17px;
    display: grid;
    width: 22px;
    height: 22px;
    color: #ffffff;
    content: "✓";
    background: #24bbb4;
    border-radius: 50%;
    place-items: center;
    font-size: 12px;
    font-weight: 900;
}

@media (max-width: 900px) {
    .vrp .vrp-process,
    .vrp .vrp-platform-summary {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .vrp .vrp-media-card-image {
        min-height: 230px;
    }

    .vrp .vrp-media-card-image img {
        height: 190px;
    }
}

/* VREWARDS PLATFORM V16 END */

/* VREWARDS CONTACT PAGE V17 START */

.vrp .vrp-contact-section {
    background: #ffffff;
}

.vrp .vrp-contact-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 35px;
}

.vrp .vrp-contact-card {
    min-width: 0;
    padding: 42px;
    background:
        radial-gradient(
            circle at 10% 5%,
            rgba(36,187,180,.08),
            transparent 35%
        ),
        linear-gradient(145deg, #f7fbff, #edf6ff);
    border: 1px solid rgba(21,149,211,.15);
    border-radius: 20px;
    box-shadow: 0 18px 45px rgba(8,73,116,.09);
}

.vrp .vrp-contact-card h2 {
    font-size: clamp(32px, 4vw, 47px);
}

.vrp .vrp-contact-details {
    display: grid;
    gap: 16px;
    margin-top: 30px;
}

.vrp .vrp-contact-line {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 16px;
    background: rgba(255,255,255,.90);
    border: 1px solid rgba(8,73,116,.08);
    border-radius: 13px;
}

.vrp .vrp-contact-line .vrp-icon {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    margin: 0;
    border-radius: 12px;
}

.vrp .vrp-contact-line .vrp-icon svg {
    width: 23px;
    height: 23px;
}

.vrp .vrp-contact-line strong {
    display: block;
    margin-bottom: 2px;
    color: #062f54;
}

.vrp .vrp-contact-line a {
    color: #087fbe !important;
    text-decoration: none;
}

.vrp .vrp-contact-line a:hover,
.vrp .vrp-contact-line a:focus {
    color: #05689d !important;
    text-decoration: underline;
}

.vrp .vrp-form-card .wpcf7 {
    height: 100%;
}

.vrp .vrp-form-card form {
    display: grid;
    gap: 4px;
}

.vrp .vrp-form-card p {
    margin: 0 0 17px;
}

.vrp .vrp-form-card label {
    display: block;
    color: #062f54;
    font-weight: 700;
}

.vrp .vrp-form-card input:not([type="submit"]),
.vrp .vrp-form-card textarea,
.vrp .vrp-form-card select {
    width: 100%;
    margin-top: 7px;
    padding: 13px 15px;
    color: #29465f;
    background: #ffffff;
    border: 1px solid rgba(21,149,211,.27);
    border-radius: 10px;
    box-shadow: none;
}

.vrp .vrp-form-card input:not([type="submit"]):focus,
.vrp .vrp-form-card textarea:focus,
.vrp .vrp-form-card select:focus {
    border-color: #1595d3;
    box-shadow: 0 0 0 3px rgba(21,149,211,.12);
    outline: none;
}

.vrp .vrp-form-card textarea {
    min-height: 150px;
    resize: vertical;
}

.vrp .vrp-form-card input[type="submit"] {
    min-height: 50px;
    padding: 13px 25px;
    color: #ffffff !important;
    background: linear-gradient(135deg, #1595d3, #27aefa);
    border: 0;
    border-radius: 999px;
    box-shadow: 0 12px 28px rgba(21,149,211,.25);
    font-weight: 800;
    cursor: pointer;
}

.vrp .vrp-form-card input[type="submit"]:hover {
    background: linear-gradient(135deg, #087fbe, #1595d3);
}

.vrp .wpcf7-spinner {
    vertical-align: middle;
}

.vrp .wpcf7-response-output {
    margin: 15px 0 0 !important;
    padding: 12px 15px !important;
    border-radius: 10px;
}

.vrp .vrp-next-step {
    text-align: center;
}

.vrp .vrp-next-step .vrp-icon {
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 900px) {
    .vrp .vrp-contact-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .vrp .vrp-contact-card {
        padding: 28px 22px;
    }
}

/* VREWARDS CONTACT PAGE V17 END */

/* VREWARDS PUBLISHED PAGES V18 START */

.page-id-331 .entry-title,
.page-id-29 .entry-title,
.page-id-345 .entry-title,
.page-id-187 .entry-title,
.page-id-331 .page-title,
.page-id-29 .page-title,
.page-id-345 .page-title,
.page-id-187 .page-title {
    display: none !important;
}

.page-id-331 .container.space-top,
.page-id-29 .container.space-top,
.page-id-345 .container.space-top,
.page-id-187 .container.space-top {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.page-id-331 .entry-content,
.page-id-29 .entry-content,
.page-id-345 .entry-content,
.page-id-187 .entry-content {
    margin: 0 !important;
}

/* VREWARDS PUBLISHED PAGES V18 END */

/* VREWARDS MARKETING PAGE TITLES V19 START */

/*
 * Hide theme-generated titles on the five redesigned marketing pages.
 * Each page already contains its own properly designed hero heading.
 */
.page-id-487 .entry-title,
.page-id-331 .entry-title,
.page-id-29 .entry-title,
.page-id-345 .entry-title,
.page-id-187 .entry-title,
.page-id-487 .page-title,
.page-id-331 .page-title,
.page-id-29 .page-title,
.page-id-345 .page-title,
.page-id-187 .page-title,
.page-id-487 h1.entry-title,
.page-id-331 h1.entry-title,
.page-id-29 h1.entry-title,
.page-id-345 h1.entry-title,
.page-id-187 h1.entry-title {
    display: none !important;
}

/* Remove the theme container spacing above redesigned content. */
.page-id-487 .container.space-top,
.page-id-331 .container.space-top,
.page-id-29 .container.space-top,
.page-id-345 .container.space-top,
.page-id-187 .container.space-top {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove residual entry-content spacing. */
.page-id-487 .entry-content,
.page-id-331 .entry-content,
.page-id-29 .entry-content,
.page-id-345 .entry-content,
.page-id-187 .entry-content {
    margin: 0 !important;
    padding: 0 !important;
}

/* VREWARDS MARKETING PAGE TITLES V19 END */

/* VREWARDS THEME TITLES V20 START */

/*
 * The SAAS theme outputs the page title as a plain H1 directly
 * inside #main.content-aa. Hide only this theme-generated heading.
 */
.page-id-487 #main.content-aa > h1,
.page-id-331 #main.content-aa > h1,
.page-id-29 #main.content-aa > h1,
.page-id-345 #main.content-aa > h1,
.page-id-187 #main.content-aa > h1 {
    display: none !important;
}

/* Remove the theme's empty title feature box and leftover spacing. */
.page-id-487 #main.content-aa > .feature-box,
.page-id-331 #main.content-aa > .feature-box,
.page-id-29 #main.content-aa > .feature-box,
.page-id-345 #main.content-aa > .feature-box,
.page-id-187 #main.content-aa > .feature-box {
    display: none !important;
}

.page-id-487 #main.content-aa,
.page-id-331 #main.content-aa,
.page-id-29 #main.content-aa,
.page-id-345 #main.content-aa,
.page-id-187 #main.content-aa,
.page-id-487 #main.content-aa > .entry-content,
.page-id-331 #main.content-aa > .entry-content,
.page-id-29 #main.content-aa > .entry-content,
.page-id-345 #main.content-aa > .entry-content,
.page-id-187 #main.content-aa > .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* VREWARDS THEME TITLES V20 END */

/* VREWARDS HERO GAP V21 START */

/*
 * Remove the SAAS theme spacing between the global header
 * and the custom hero on redesigned marketing pages.
 */
body:is(
    .page-id-487,
    .page-id-331,
    .page-id-29,
    .page-id-345,
    .page-id-187
) .container.space-top {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body:is(
    .page-id-487,
    .page-id-331,
    .page-id-29,
    .page-id-345,
    .page-id-187
) .container.space-top > .row,
body:is(
    .page-id-487,
    .page-id-331,
    .page-id-29,
    .page-id-345,
    .page-id-187
) .container.space-top .middle-align,
body:is(
    .page-id-487,
    .page-id-331,
    .page-id-29,
    .page-id-345,
    .page-id-187
) #main.content-aa,
body:is(
    .page-id-487,
    .page-id-331,
    .page-id-29,
    .page-id-345,
    .page-id-187
) #main.content-aa > .entry-content {
    width: 100% !important;
    max-width: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Bootstrap row adds horizontal negative margins; reset them. */
body:is(
    .page-id-487,
    .page-id-331,
    .page-id-29,
    .page-id-345,
    .page-id-187
) .container.space-top > .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* Ensure the first custom page and hero elements start immediately. */
body:is(
    .page-id-487,
    .page-id-331,
    .page-id-29,
    .page-id-345,
    .page-id-187
) #main.content-aa > .entry-content > :first-child,
body:is(
    .page-id-487,
    .page-id-331,
    .page-id-29,
    .page-id-345,
    .page-id-187
) #main.content-aa > .entry-content > :first-child > :first-child {
    margin-top: 0 !important;
}

/* VREWARDS HERO GAP V21 END */