.elementor-216 .elementor-element.elementor-element-8698c8e{--display:flex;--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-216 .elementor-element.elementor-element-2f30510{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-2f30510 *//* =========================================================
   RE:ALIGN FULL PAGE CSS FIXED
   ========================================================= */

/* ---------- GLOBAL ---------- */

html,
body {
    background: #EEF7FF !important;
    color: #052941 !important;
    overflow-x: hidden !important;
    max-width: 100% !important;
}

/* IMPORTANT FIX FOR ELEMENTOR HIDING LOWER SECTIONS */

body,
.elementor,
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget,
.elementor-widget-container,
#survey-screen,
.form-wrapper {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
}

/* ---------- MAIN BACKGROUNDS ---------- */

body,
#survey-screen,
.results-screen {
    background: #EEF7FF !important;
    color: #052941 !important;
}

/* ---------- REMOVE DARK THEMES ---------- */

.hero,
.form-wrapper,
.sentiment-section,
.progress-bar-wrap,
.results-screen,
nav {
    background: transparent !important;
}

/* ---------- NAV ---------- */

nav,
header {
    background: rgba(255,255,255,0.92) !important;
    border-bottom: 1px solid rgba(5,41,65,0.08) !important;
    backdrop-filter: blur(12px);
}

.nav-logo,
.dimension-title,
.optional-title,
.results-level,
.question-text,
.hero h1,
.logo {
    color: #052941 !important;
}

.nav-tag,
.hero p,
.dimension-subtitle,
.optional-desc,
.submit-note,
.progress-text,
.box-desc,
.results-desc,
.header-tag {
    color: #4A7AA5 !important;
}

/* ---------- HERO ---------- */

.hero::before {
    background:
    radial-gradient(
        circle,
        rgba(74,122,165,0.12) 0%,
        rgba(74,122,165,0.04) 45%,
        transparent 75%
    ) !important;
}

.hero-eyebrow,
.hero-eyebrow span,
.nav-logo span,
.nav-tag {
    color: #4A7AA5 !important;
}

/* ---------- ORANGE ACCENTS ---------- */

.logo span,
.hero-eyebrow::before,
.dimension-icon,
.submit-btn:hover,
a {
    color: #FF8318 !important;
}

/* ---------- CARDS ---------- */

.dimension-block,
.optional-section,
.sentiment-box,
.dim-result-card,
.privacy-banner,
.anon-confirm,
.benchmark-section {
    background: #FFFFFF !important;

    border: 1px solid rgba(5,41,65,0.08) !important;

    box-shadow:
        0 10px 35px rgba(5,41,65,0.05) !important;

    border-radius: 18px !important;

    position: relative !important;
    z-index: 2 !important;

    overflow: visible !important;
}

/* ---------- FORCE LOWER SECTIONS VISIBLE ---------- */

.benchmark-section,
.optional-section,
.submit-section,
.contact-fields {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ---------- PRIVACY ---------- */

.privacy-banner,
.anon-confirm {
    color: #4A7AA5 !important;
}

/* ---------- SENTIMENT ---------- */

.sentiment-box .box-title {
    color: #052941 !important;
}

.sentiment-label {
    color: #4A7AA5 !important;
}

/* ---------- LIKERT BUTTONS ---------- */

.likert-btn {
    background: #F6FBFF !important;

    border: 1px solid rgba(74,122,165,0.14) !important;

    color: #4A7AA5 !important;

    transition: all 0.2s ease !important;
}

.likert-btn:hover {
    background: rgba(74,122,165,0.08) !important;

    border-color: rgba(74,122,165,0.25) !important;

    color: #052941 !important;
}

.likert-btn.selected {
    background: #052941 !important;

    border-color: #052941 !important;

    color: #FFFFFF !important;

    box-shadow:
        0 12px 28px rgba(5,41,65,0.18) !important;
}

/* ---------- SUBMIT BUTTON ---------- */

.submit-btn {
    background: #052941 !important;

    color: #FFFFFF !important;

    border: none !important;

    box-shadow:
        0 14px 34px rgba(5,41,65,0.18) !important;

    transition: all 0.2s ease !important;
}

.submit-btn:hover {
    background: #063655 !important;
}

/* ---------- INPUTS ---------- */

.field-group input,
.contact-fields input,
.benchmark-fields input,
.select-field {
    background: #FFFFFF !important;

    border: 1px solid rgba(74,122,165,0.16) !important;

    color: #052941 !important;
}

.field-group input::placeholder,
.contact-fields input::placeholder,
.benchmark-fields input::placeholder {
    color: #7E9AB4 !important;
}

.field-group input:focus,
.contact-fields input:focus,
.benchmark-fields input:focus,
.select-field:focus {
    border-color: #4A7AA5 !important;
    outline: none !important;
}

/* ---------- CHECKBOX ---------- */

.checkbox-row label {
    color: #052941 !important;
    opacity: 1 !important;
}

.checkbox-row {
    color: #052941 !important;
}

.checkbox-row input[type="checkbox"] {
    accent-color: #052941 !important;
}

/* ---------- DROPDOWNS ---------- */

.select-field option {
    color: #052941 !important;
}

/* ---------- PROGRESS ---------- */

.progress-track {
    background: rgba(74,122,165,0.12) !important;
}

.progress-fill {
    background: linear-gradient(
        90deg,
        #052941,
        #4A7AA5
    ) !important;
}

/* ---------- RESULTS ---------- */

.results-score {
    color: #052941 !important;
    text-shadow: none !important;
}

/* ---------- REMOVE DARK TEXT SHADOWS ---------- */

.hero,
.hero *,
.dimension-block *,
.optional-section *,
.results-screen * {
    text-shadow: none !important;
}

/* ---------- SVG ---------- */

svg path {
    stroke: #4A7AA5 !important;
}

/* ---------- INLINE ELEMENTS ---------- */

span,
p,
div,
label {
    border-color: inherit;
}

/* ---------- SAFARI + IOS FIX ---------- */

.dimension-block,
.optional-section,
.benchmark-section,
.sentiment-box {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

/* ---------- MOBILE ---------- */

@media (max-width: 768px) {

    html,
    body {
        overflow-x: hidden !important;
        width: 100% !important;
    }

    body {
        background: #EEF7FF !important;
    }

    .hero,
    .form-wrapper,
    .sentiment-section,
    .progress-bar-wrap,
    .results-screen {
        padding-left: 20px !important;
        padding-right: 20px !important;
        overflow-x: hidden !important;
    }

    .dimension-block,
    .optional-section,
    .benchmark-section,
    .sentiment-box {
        width: 100% !important;
        max-width: 100% !important;
    }

    .submit-btn {
        width: 100%;
    }

    .likert-scale {
        width: 100%;
        gap: 6px !important;
    }

    .likert-btn {
        font-size: 11px !important;
        padding: 8px 2px !important;
    }

    .field-group,
    .dropdown-row {
        flex-direction: column !important;
    }
}
/* =========================================================
   FIX GAP BETWEEN NAME + ORGANISATION
   ========================================================= */

.field-group {
    display: flex !important;
    gap: 16px !important;
    width: 100% !important;
}

.field-group input {
    flex: 1 !important;
    min-width: 0 !important;
}

/* MOBILE STACK */

@media (max-width: 768px) {

    .field-group {
        flex-direction: column !important;
        gap: 12px !important;
    }
}

/* =========================================================
   FIX RE:ALIGN LOGO COLOUR
   ========================================================= */

.logo span,
.nav-logo span {
    color: #4A7AA5 !important;
}

/* REMOVE OLD ORANGE/RED */

.logo,
.nav-logo {
    color: #052941 !important;
}
/* FORCE DESKTOP NAME + ORGANISATION INLINE */

@media (min-width: 769px) {

    .field-group {
        display: flex !important;
        flex-direction: row !important;
        gap: 16px !important;
    }

    .field-group input {
        width: 50% !important;
    }
}
/* GAP BETWEEN ORGANISATION ROW AND EMAIL FIELD */

.contact-fields {
    gap: 14px !important;
}

.field-group {
    margin-bottom: 14px !important;
}/* End custom CSS */