/* =========================================================
   AG BODY SHOP — VEHICLE ASSESSMENT
========================================================= */


/* =========================================================
   01 — ROOT / LOCAL VARIABLES
========================================================= */

.s6-assessment {

    --s6-yellow:
        var(--color-yellow, #e7b900);

    --s6-yellow-hover:
        var(--color-yellow-hover, #f2c600);

    --s6-text:
        #181b1f;

    --s6-muted:
        rgba(24, 27, 31, .62);

    --s6-light-line:
        rgba(18, 22, 26, .13);

    position:
        relative;

    width:
        100%;

    overflow:
        hidden;

    padding:

        clamp(54px, 6vw, 88px)

        clamp(22px, 5vw, 92px)

        clamp(58px, 6.5vw, 94px);

    color:
        var(--s6-text);

    background:

        radial-gradient(
            circle at 10% 13%,
            rgba(231, 185, 0, .105),
            transparent 27%
        ),

        linear-gradient(
            135deg,
            #f5f3ee 0%,
            #ebe8e1 53%,
            #dfdcd5 100%
        );

    font-family:
        var(
            --font-body,
            "AvenirWeb",
            "Avenir",
            Arial,
            sans-serif
        );
}


.s6-assessment,
.s6-assessment *,
.s6-assessment *::before,
.s6-assessment *::after {

    box-sizing:
        border-box;
}


.s6-assessment h2,
.s6-assessment p {

    margin:
        0;

    padding:
        0;
}


.s6-assessment a {

    color:
        inherit;

    text-decoration:
        none;
}


.s6-assessment button,
.s6-assessment input,
.s6-assessment select,
.s6-assessment textarea {

    font:
        inherit;
}


.s6-assessment::before {

    content:
        "AG";

    position:
        absolute;

    left:
        -30px;

    bottom:
        -90px;

    color:
        rgba(18, 22, 26, .023);

    font-family:
        var(--font-body);

    font-size:
        clamp(240px, 29vw, 490px);

    font-weight:
        800;

    line-height:
        .75;

    pointer-events:
        none;

    user-select:
        none;
}


/* =========================================================
   02 — CONTENT SHELL
========================================================= */

.s6-assessment .s6-shell {

    position:
        relative;

    z-index:
        2;

    width:
        min(1450px, 100%);

    margin:
        0 auto;
}


/* =========================================================
   03 — ASSESSMENT PANEL
========================================================= */

.s6-assessment-panel {

    position:
        relative;

    overflow:
        visible;

    scroll-margin-top:
        104px;

    padding:
        clamp(31px, 3.5vw, 50px);

    background:

        linear-gradient(
            145deg,
            rgba(255, 255, 255, .92),
            rgba(250, 249, 246, .80)
        );

    border:

        1px solid
        rgba(18, 22, 26, .095);

    box-shadow:

        0 28px 72px
        rgba(20, 24, 28, .09);
}


.s6-assessment-panel::before {

    content:
        "";

    position:
        absolute;

    left:
        0;

    top:
        0;

    width:
        100%;

    height:
        3px;

    background:

        linear-gradient(
            90deg,
            var(--s6-yellow),
            rgba(231, 185, 0, .30),
            transparent 82%
        );
}


/* =========================================================
   04 — ASSESSMENT HEADER
========================================================= */

.s6-assessment-header {

    padding-bottom:
        clamp(24px, 2.7vw, 36px);

    display:
        grid;

    grid-template-columns:

        minmax(260px, .72fr)
        minmax(340px, 1.28fr);

    align-items:
        end;

    gap:
        clamp(28px, 4vw, 68px);

    border-bottom:

        1px solid
        var(--s6-light-line);
}


.s6-form-title {

    color:
        var(--s6-text);

    font-family:
        var(--font-body);

    font-size:
        clamp(28px, 2.1vw, 37px);

    font-weight:
        700;

    line-height:
        1.16;

    letter-spacing:
        -.45px;
}


.s6-form-description {

    max-width:
        700px;

    color:
        var(--s6-muted);

    font-family:
        var(--font-body);

    font-size:
        clamp(14px, .95vw, 16px);

    font-weight:
        400;

    line-height:
        1.68;
}


.s6-required-note {

    margin-top:
        8px;

    color:
        rgba(24, 27, 31, .53);

    font-family:
        var(--font-body);

    font-size:
        12px;

    line-height:
        1.5;
}


.s6-required {

    color:
        #987900;

    font-weight:
        800;
}


/* =========================================================
   05 — FORM GRID
========================================================= */

.s6-form {

    margin-top:
        clamp(30px, 3vw, 42px);
}


.s6-form-grid {

    display:
        grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap:
        28px 30px;
}


.s6-field {

    min-width:
        0;
}


.s6-field-span-2 {

    grid-column:
        span 2;
}


.s6-field-full {

    grid-column:
        1 / -1;
}


.s6-label-line {

    position:
        relative;

    min-height:
        22px;

    margin-bottom:
        7px;

    display:
        flex;

    align-items:
        center;

    gap:
        8px;
}


.s6-label-line label,
.s6-upload-label {

    color:
        rgba(24, 27, 31, .77);

    font-family:
        var(--font-body);

    font-size:
        13px;

    font-weight:
        600;

    line-height:
        1.35;
}


/* =========================================================
   06 — INPUTS
========================================================= */

.s6-input,
.s6-select,
.s6-textarea {

    width:
        100%;

    border:
        0;

    border-bottom:

        1px solid
        rgba(18, 22, 26, .21);

    border-radius:
        0;

    outline:
        0;

    color:
        var(--s6-text);

    background:
        transparent;

    font-family:
        var(--font-body);

    font-size:
        15px;

    font-weight:
        400;

    transition:
        border-color .22s ease;
}


.s6-input,
.s6-select {

    min-height:
        52px;

    padding:
        9px 0;
}


.s6-select {

    cursor:
        pointer;
}


.s6-textarea {

    min-height:
        98px;

    padding:
        13px 0;

    line-height:
        1.58;

    resize:
        vertical;
}


.s6-input::placeholder,
.s6-textarea::placeholder {

    color:
        rgba(24, 27, 31, .37);
}


.s6-input:focus,
.s6-select:focus,
.s6-textarea:focus {

    border-color:
        #a98500;
}


.s6-input:invalid:not(:placeholder-shown),
.s6-textarea:invalid:not(:placeholder-shown) {

    border-color:
        rgba(165, 42, 42, .52);
}


/* =========================================================
   07 — HELP TOOLTIPS
========================================================= */

.s6-help {

    position:
        relative;

    width:
        20px;

    height:
        20px;

    flex:
        0 0 20px;

    padding:
        0;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        rgba(24, 27, 31, .59);

    background:
        transparent;

    border:

        1px solid
        rgba(24, 27, 31, .23);

    border-radius:
        50%;

    font-family:
        Arial, sans-serif !important;

    font-size:
        10px;

    font-weight:
        700;

    cursor:
        help;
}


.s6-tooltip {

    position:
        absolute;

    z-index:
        50;

    left:
        50%;

    bottom:
        calc(100% + 11px);

    width:
        max-content;

    max-width:
        235px;

    padding:
        10px 12px;

    opacity:
        0;

    visibility:
        hidden;

    transform:
        translate(-50%, 6px);

    color:
        #ffffff;

    background:
        #111417;

    box-shadow:

        0 13px 30px
        rgba(0, 0, 0, .19);

    font-family:
        var(--font-body);

    font-size:
        12px;

    font-weight:
        400;

    line-height:
        1.5;

    text-align:
        left;

    pointer-events:
        none;

    transition:

        opacity .2s ease,
        visibility .2s ease,
        transform .2s ease;
}


.s6-help:hover .s6-tooltip,
.s6-help:focus-visible .s6-tooltip,
.s6-help.is-open .s6-tooltip {

    opacity:
        1;

    visibility:
        visible;

    transform:
        translate(-50%, 0);
}


/* =========================================================
   08 — FILE UPLOAD
========================================================= */

.s6-file-input {

    position:
        absolute;

    width:
        1px;

    height:
        1px;

    overflow:
        hidden;

    clip:
        rect(0 0 0 0);

    clip-path:
        inset(50%);

    white-space:
        nowrap;
}


.s6-upload-compact {

    min-height:
        52px;

    padding:
        7px 0;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        18px;

    border-bottom:

        1px solid
        rgba(18, 22, 26, .21);

    cursor:
        pointer;

    transition:
        border-color .22s ease;
}


.s6-upload-compact:hover {

    border-color:
        #a98500;
}


.s6-upload-copy {

    min-width:
        0;

    display:
        grid;

    gap:
        3px;
}


.s6-upload-title {

    color:
        var(--s6-text);

    font-family:
        var(--font-body);

    font-size:
        14px;

    font-weight:
        600;

    line-height:
        1.35;
}


.s6-upload-note {

    color:
        rgba(24, 27, 31, .49);

    font-family:
        var(--font-body);

    font-size:
        12px;

    line-height:
        1.45;
}


.s6-upload-icon {

    width:
        36px;

    height:
        36px;

    flex:
        0 0 36px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--s6-text);

    border:

        1px solid
        rgba(24, 27, 31, .16);

    border-radius:
        50%;
}


.s6-upload-icon svg {

    width:
        17px;

    height:
        17px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.6;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


.s6-file-status {

    margin-top:
        7px;

    color:
        rgba(24, 27, 31, .55);

    font-family:
        var(--font-body);

    font-size:
        12px;

    line-height:
        1.45;
}


.s6-file-status.is-error {

    color:
        #8d2929;
}


/* =========================================================
   09 — CONSENT
========================================================= */

.s6-consent {

    min-height:
        56px;

    display:
        grid;

    grid-template-columns:
        19px minmax(0, 1fr);

    align-items:
        center;

    gap:
        11px;
}


.s6-consent input {

    width:
        17px;

    height:
        17px;

    margin:
        0;

    accent-color:
        var(--s6-yellow);
}


.s6-consent label {

    color:
        rgba(24, 27, 31, .60);

    font-family:
        var(--font-body);

    font-size:
        12.5px;

    line-height:
        1.58;
}


.s6-consent a {

    color:
        var(--s6-text);

    border-bottom:

        1px solid
        rgba(169, 133, 0, .48);
}


/* =========================================================
   10 — SUBMIT BUTTON
========================================================= */

.s6-submit {

    width:
        100%;

    min-height:
        56px;

    padding:
        0 22px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    color:
        #111416;

    background:
        var(--s6-yellow);

    border:
        1px solid
        var(--s6-yellow);

    font-family:
        var(--font-body);

    font-size:
        12px;

    font-weight:
        800;

    line-height:
        1;

    letter-spacing:
        1.1px;

    text-transform:
        uppercase;

    cursor:
        pointer;

    transition:

        color .24s ease,
        background .24s ease,
        border-color .24s ease;
}


.s6-submit svg {

    width:
        28px;

    height:
        15px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.5;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

    transition:
        transform .24s ease;
}


.s6-submit:hover {

    color:
        #ffffff;

    background:
        #111416;

    border-color:
        #111416;
}


.s6-submit:hover svg {

    transform:
        translateX(6px);
}


/* =========================================================
   11 — FORM MESSAGE
========================================================= */

.s6-form-message {

    display:
        none;

    margin-top:
        2px;

    padding:
        12px 14px;

    color:
        #36582a;

    background:
        rgba(79, 128, 54, .09);

    border:

        1px solid
        rgba(79, 128, 54, .21);

    font-family:
        var(--font-body);

    font-size:
        13px;

    line-height:
        1.5;
}


.s6-form-message.is-visible {

    display:
        block;
}

/* =========================================================
   12 — SAFE ENTRANCE ANIMATION
========================================================= */

.s6-assessment .s6-animate {
    opacity: 1;
    transform: none;
}


.js .s6-assessment.s6-js-ready .s6-animate {
    opacity: 0;
    transform: translateY(18px);

    transition:
        opacity .65s ease,
        transform .65s ease;
}


.js .s6-assessment.s6-js-ready .s6-animate.is-visible {
    opacity: 1;
    transform: none;
}

/* =========================================================
   13 — FORMINATOR INTEGRATION
========================================================= */

.s6-assessment .s6-shell {
    width: min(1320px, 100%);
}


.s6-forminator-wrap {
    width: min(1120px, 100%);

    margin:
        clamp(32px, 3vw, 44px)
        auto
        0;
}


.s6-forminator-wrap .forminator-ui.forminator-custom-form {
    width: 100% !important;

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

    color: var(--s6-text) !important;
    background: transparent !important;

    font-family:
        var(
            --font-body,
            "AvenirWeb",
            "Avenir",
            Arial,
            sans-serif
        ) !important;
}


/* =========================================================
   14 — ROWS AND COLUMNS
========================================================= */

.s6-forminator-wrap .forminator-row {
    margin-right: -11px !important;
    margin-bottom: 24px !important;
    margin-left: -11px !important;
}


.s6-forminator-wrap .forminator-row:last-child {
    margin-bottom: 0 !important;
}


.s6-forminator-wrap .forminator-col {
    min-width: 0 !important;

    padding-right: 11px !important;
    padding-left: 11px !important;
}


.s6-forminator-wrap .forminator-field {
    width: 100% !important;

    margin: 0 !important;
}


/* =========================================================
   15 — LABELS
========================================================= */

.s6-forminator-wrap .forminator-label,
.s6-forminator-wrap .forminator-legend {
    display: block !important;

    margin: 0 0 8px !important;

    color: rgba(24, 27, 31, .82) !important;

    font-family: var(--font-body) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;

    letter-spacing: .04px !important;
}


.s6-forminator-wrap .forminator-required {
    color: #9a7900 !important;

    font-weight: 800 !important;
}


.s6-forminator-wrap .forminator-description {
    margin: 7px 0 0 !important;

    color: rgba(24, 27, 31, .52) !important;

    font-family: var(--font-body) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}


/* =========================================================
   16 — TEXT INPUTS
========================================================= */

.s6-forminator-wrap .forminator-input,
.s6-forminator-wrap input[type="text"],
.s6-forminator-wrap input[type="email"],
.s6-forminator-wrap input[type="tel"],
.s6-forminator-wrap input[type="number"],
.s6-forminator-wrap input[type="url"],
.s6-forminator-wrap .forminator-textarea,
.s6-forminator-wrap textarea {
    width: 100% !important;

    margin: 0 !important;

    border:
        1px solid
        rgba(18, 22, 26, .16) !important;

    border-radius: 0 !important;

    outline: 0 !important;

    color: var(--s6-text) !important;
    background: rgba(255, 255, 255, .76) !important;

    box-shadow: none !important;

    font-family: var(--font-body) !important;
    font-size: 14px !important;
    font-weight: 400 !important;

    transition:
        border-color .2s ease,
        background-color .2s ease,
        box-shadow .2s ease !important;
}


.s6-forminator-wrap .forminator-input,
.s6-forminator-wrap input[type="text"],
.s6-forminator-wrap input[type="email"],
.s6-forminator-wrap input[type="tel"],
.s6-forminator-wrap input[type="number"],
.s6-forminator-wrap input[type="url"] {
    min-height: 52px !important;

    padding: 0 16px !important;
}


.s6-forminator-wrap .forminator-textarea,
.s6-forminator-wrap textarea {
    min-height: 132px !important;

    padding: 15px 16px !important;

    line-height: 1.6 !important;

    resize: vertical !important;
}


.s6-forminator-wrap input::placeholder,
.s6-forminator-wrap textarea::placeholder {
    color: rgba(24, 27, 31, .36) !important;

    opacity: 1 !important;
}


.s6-forminator-wrap .forminator-input:hover,
.s6-forminator-wrap input:hover,
.s6-forminator-wrap textarea:hover {
    border-color: rgba(18, 22, 26, .32) !important;
}


.s6-forminator-wrap .forminator-input:focus,
.s6-forminator-wrap input:focus,
.s6-forminator-wrap textarea:focus {
    border-color: #a98500 !important;

    background: #ffffff !important;

    box-shadow:
        0 0 0 3px
        rgba(231, 185, 0, .11) !important;
}


/* =========================================================
   17 — SELECT
========================================================= */

.s6-forminator-wrap select,
.s6-forminator-wrap .forminator-select {
    width: 100% !important;

    min-height: 52px !important;

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

    appearance: none !important;
    -webkit-appearance: none !important;

    border:
        1px solid
        rgba(18, 22, 26, .16) !important;

    border-radius: 0 !important;

    color: var(--s6-text) !important;

    background-color:
        rgba(255, 255, 255, .76) !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1.5 7 7.5 13 1.5' fill='none' stroke='%23181b1f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: right 17px center !important;
    background-size: 12px auto !important;

    box-shadow: none !important;

    font-family: var(--font-body) !important;
    font-size: 14px !important;

    cursor: pointer !important;
}


.s6-forminator-wrap select:hover,
.s6-forminator-wrap .forminator-select:hover {
    border-color: rgba(18, 22, 26, .32) !important;
}


.s6-forminator-wrap select:focus,
.s6-forminator-wrap .forminator-select:focus {
    border-color: #a98500 !important;

    background-color: #ffffff !important;

    box-shadow:
        0 0 0 3px
        rgba(231, 185, 0, .11) !important;
}


/* Select2 */

.s6-forminator-wrap .select2-container {
    width: 100% !important;
}


.s6-forminator-wrap
.select2-container
.select2-selection--single {
    min-height: 52px !important;

    display: flex !important;

    align-items: center !important;

    border:
        1px solid
        rgba(18, 22, 26, .16) !important;

    border-radius: 0 !important;

    background:
        rgba(255, 255, 255, .76) !important;

    box-shadow: none !important;
}


.s6-forminator-wrap
.select2-selection__rendered {
    width: 100% !important;

    padding:
        0
        46px
        0
        16px !important;

    color: var(--s6-text) !important;

    font-family: var(--font-body) !important;
    font-size: 14px !important;
    line-height: 50px !important;
}


.s6-forminator-wrap
.select2-selection__arrow {
    top: 50% !important;
    right: 15px !important;

    transform: translateY(-50%) !important;
}


/* =========================================================
   18 — INTERNATIONAL PHONE
========================================================= */

.s6-forminator-wrap .iti {
    display: block !important;

    width: 100% !important;
}


.s6-forminator-wrap .iti input,
.s6-forminator-wrap .iti input[type="tel"],
.s6-forminator-wrap .iti .iti__tel-input {
    width: 100% !important;

    padding-right: 16px !important;
    padding-left: 116px !important;

    direction: ltr !important;
    text-align: left !important;
}


.s6-forminator-wrap .iti__country-container,
.s6-forminator-wrap .iti__flag-container {
    left: 0 !important;

    height: 100% !important;
}


.s6-forminator-wrap .iti__selected-country,
.s6-forminator-wrap .iti__selected-flag {
    min-width: 102px !important;
    height: 100% !important;

    padding:
        0
        12px !important;

    border: 0 !important;
    border-right:
        1px solid
        rgba(18, 22, 26, .12) !important;

    background: transparent !important;
}


.s6-forminator-wrap .iti__selected-dial-code {
    margin-left: 8px !important;

    color: rgba(24, 27, 31, .68) !important;

    font-size: 13px !important;
}


/* =========================================================
   19 — FILE UPLOAD
========================================================= */

.s6-forminator-wrap .forminator-multi-upload,
.s6-forminator-wrap .forminator-file-upload {
    width: 100% !important;

    min-height: 118px !important;

    padding: 20px !important;

    display: flex !important;

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

    border:
        1px dashed
        rgba(18, 22, 26, .25) !important;

    border-radius: 0 !important;

    background:
        rgba(255, 255, 255, .48) !important;

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


.s6-forminator-wrap .forminator-multi-upload:hover,
.s6-forminator-wrap .forminator-file-upload:hover {
    border-color: #a98500 !important;

    background:
        rgba(255, 255, 255, .84) !important;
}


/* Native file fallback */

.s6-forminator-wrap input[type="file"] {
    width: 100% !important;

    min-height: 112px !important;

    padding: 34px 20px !important;

    border:
        1px dashed
        rgba(18, 22, 26, .25) !important;

    border-radius: 0 !important;

    color: rgba(24, 27, 31, .58) !important;

    background:
        rgba(255, 255, 255, .48) !important;

    font-family: var(--font-body) !important;
    font-size: 13px !important;

    cursor: pointer !important;
}


.s6-forminator-wrap
input[type="file"]::file-selector-button {
    min-height: 40px;

    margin-right: 13px;
    padding: 0 17px;

    border:
        1px solid
        #111416;

    border-radius: 0;

    color: #ffffff;
    background: #111416;

    font-family: var(--font-body);
    font-size: 11px;
    font-weight: 800;

    letter-spacing: .7px;
    text-transform: uppercase;

    cursor: pointer;

    transition:
        color .2s ease,
        background-color .2s ease,
        border-color .2s ease;
}


.s6-forminator-wrap
input[type="file"]::file-selector-button:hover {
    color: #111416;
    background: var(--s6-yellow);

    border-color: var(--s6-yellow);
}


.s6-forminator-wrap .forminator-button-upload {
    min-height: 40px !important;

    padding: 0 17px !important;

    border:
        1px solid
        #111416 !important;

    border-radius: 0 !important;

    color: #ffffff !important;
    background: #111416 !important;

    box-shadow: none !important;

    font-family: var(--font-body) !important;
    font-size: 11px !important;
    font-weight: 800 !important;

    letter-spacing: .7px !important;
    text-transform: uppercase !important;
}


/* =========================================================
   20 — CONSENT
========================================================= */

.s6-forminator-wrap
.forminator-field-consent
>
.forminator-label,
.s6-forminator-wrap
.forminator-field-consent
>
.forminator-legend {
    display: none !important;
}


.s6-forminator-wrap .forminator-checkbox {
    position: relative !important;

    display: grid !important;

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

    align-items: start !important;

    gap: 11px !important;

    margin: 0 !important;

    color: rgba(24, 27, 31, .64) !important;

    font-family: var(--font-body) !important;
    font-size: 12.5px !important;
    line-height: 1.6 !important;

    cursor: pointer !important;
}


.s6-forminator-wrap
.forminator-checkbox
input[type="checkbox"] {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    opacity: 0 !important;

    pointer-events: none !important;
}


.s6-forminator-wrap .forminator-checkbox-box {
    position: relative !important;

    width: 19px !important;
    height: 19px !important;

    margin-top: 1px !important;

    border:
        1px solid
        rgba(24, 27, 31, .30) !important;

    border-radius: 0 !important;

    background: #ffffff !important;

    box-shadow: none !important;
}


.s6-forminator-wrap
.forminator-checkbox
input:checked
+
.forminator-checkbox-box {
    border-color: var(--s6-yellow) !important;

    background: var(--s6-yellow) !important;
}


.s6-forminator-wrap
.forminator-checkbox
input:checked
+
.forminator-checkbox-box::after {
    content: "";

    position: absolute;

    left: 6px;
    top: 2px;

    width: 5px;
    height: 10px;

    border:
        solid
        #111416;

    border-width:
        0
        2px
        2px
        0;

    transform: rotate(45deg);
}


.s6-forminator-wrap .forminator-checkbox-label {
    color: inherit !important;
}


.s6-forminator-wrap .forminator-checkbox-label a {
    color: var(--s6-text) !important;

    border-bottom:
        1px solid
        rgba(169, 133, 0, .48);
}


/* =========================================================
   21 — SUBMIT BUTTON
========================================================= */

.s6-forminator-wrap .forminator-button-submit {
    width: 100% !important;

    min-height: 58px !important;

    padding: 0 22px !important;

    display: flex !important;

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

    gap: 20px !important;

    border:
        1px solid
        var(--s6-yellow) !important;

    border-radius: 0 !important;

    color: #111416 !important;
    background: var(--s6-yellow) !important;

    box-shadow: none !important;

    font-family: var(--font-body) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    letter-spacing: 1.05px !important;
    text-transform: uppercase !important;

    cursor: pointer !important;

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


.s6-forminator-wrap .forminator-button-submit::after {
    content: "→";

    font-family: Arial, sans-serif;

    font-size: 21px;
    font-weight: 400;
    line-height: 1;

    transition: transform .22s ease;
}


.s6-forminator-wrap .forminator-button-submit:hover,
.s6-forminator-wrap .forminator-button-submit:focus-visible {
    color: #ffffff !important;
    background: #111416 !important;

    border-color: #111416 !important;
}


.s6-forminator-wrap
.forminator-button-submit:hover::after {
    transform: translateX(6px);
}


/* =========================================================
   22 — RESPONSE MESSAGES
========================================================= */

.s6-forminator-wrap
.forminator-response-message:empty,
.s6-forminator-wrap
.forminator-response-message:not(.forminator-show) {
    display: none !important;

    min-height: 0 !important;

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

    border: 0 !important;

    box-shadow: none !important;
}


.s6-forminator-wrap
.forminator-response-message.forminator-show {
    width: 100% !important;

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

    border-radius: 0 !important;

    font-family: var(--font-body) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;

    box-shadow:
        0 14px 34px
        rgba(20, 24, 28, .08) !important;
}


.s6-forminator-wrap
.forminator-response-message.forminator-success {
    color: #ffffff !important;
    background: #111416 !important;

    border:
        1px solid
        #111416 !important;

    border-left:
        4px solid
        var(--s6-yellow) !important;
}


.s6-forminator-wrap
.forminator-response-message.forminator-error {
    color: #762d24 !important;
    background: #fff8f6 !important;

    border:
        1px solid
        rgba(163, 55, 43, .25) !important;

    border-left:
        4px solid
        #a63b2f !important;
}


.s6-forminator-wrap
.forminator-response-message p {
    margin: 0 !important;

    color: inherit !important;

    font: inherit !important;
}


/* =========================================================
   23 — FIELD ERRORS
========================================================= */

.s6-forminator-wrap .forminator-error-message {
    display: block !important;

    margin: 7px 0 0 !important;

    color: #90372d !important;

    font-family: var(--font-body) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
}


.s6-forminator-wrap
.forminator-has_error
.forminator-input,
.s6-forminator-wrap
.forminator-has_error
input,
.s6-forminator-wrap
.forminator-has_error
textarea,
.s6-forminator-wrap
.forminator-has_error
select {
    border-color:
        rgba(168, 59, 46, .66) !important;

    background: #fffafa !important;

    box-shadow:
        0 0 0 3px
        rgba(168, 59, 46, .07) !important;
}


/* =========================================================
   24 — HIDE ADMIN EDIT LINK
========================================================= */

.s6-forminator-wrap .forminator-edit-module,
.s6-forminator-wrap .forminator-edit-module-link,
.s6-forminator-wrap a[href*="forminator-cform-wizard"] {
    display: none !important;
}


/* =========================================================
   25 — ACCESSIBILITY
========================================================= */

.s6-forminator-wrap button:focus-visible,
.s6-forminator-wrap input:focus-visible,
.s6-forminator-wrap textarea:focus-visible,
.s6-forminator-wrap select:focus-visible {
    outline:
        2px solid
        rgba(169, 133, 0, .66) !important;

    outline-offset: 3px !important;
}


/* =========================================================
   26 — TABLET
========================================================= */

@media (max-width: 980px) {

    .s6-assessment-header {
        grid-template-columns: 1fr;

        align-items: start;

        gap: 15px;
    }


    .s6-forminator-wrap {
        width: min(820px, 100%);
    }

}


/* =========================================================
   27 — MOBILE
========================================================= */

@media (max-width: 760px) {

    .s6-assessment {
        padding:
            48px
            18px
            54px;
    }


    .s6-assessment-panel {
        padding:
            28px
            20px
            30px;
    }


    .s6-forminator-wrap {
        width: 100%;
    }


    .s6-forminator-wrap .forminator-row {
        margin-right: 0 !important;
        margin-bottom: 19px !important;
        margin-left: 0 !important;
    }


    .s6-forminator-wrap .forminator-col {
        width: 100% !important;

        padding-right: 0 !important;
        padding-left: 0 !important;
    }


    .s6-forminator-wrap .iti input,
    .s6-forminator-wrap .iti input[type="tel"] {
        padding-left: 108px !important;
    }


    .s6-forminator-wrap input[type="file"] {
        padding:
            24px
            15px !important;
    }


    .s6-forminator-wrap
    input[type="file"]::file-selector-button {
        display: block;

        margin:
            0
            0
            12px;
    }

}


/* =========================================================
   28 — REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .s6-assessment *,
    .s6-assessment *::before,
    .s6-assessment *::after {
        scroll-behavior: auto !important;

        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }

}