@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Expanded:wght@100;200;300;400;500;600;700;800;900&family=Gabarito:wght@400..900&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Semi+Expanded:wght@100;200;300;400;500;600;700;800;900&family=Encode+Sans:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

        body {
            font-family: 'Encode Sans Expanded';
            margin: 0;
            overflow-x: hidden;
            padding: 0;
        }
        input:-webkit-autofill,
        input:-webkit-autofill:hover,
        input:-webkit-autofill:focus,
        textarea:-webkit-autofill,
        select:-webkit-autofill {
            -webkit-box-shadow: 0 0 0 1000px #fff inset;
            box-shadow: 0 0 0 1000px #fff inset;
            -webkit-text-fill-color: #000;
            background-color: #fff;
            /* fallback */
            transition: background-color 9999s ease-in-out 0s;
        }


        button.secondary {
            border-color: #03428E !important;
            color: #03428E !important;
            background: white !important;
padding:8px 20px;
border-radius: 35px;
border: 2px solid var(--Primary-Blue-Main-500, #03428E);

color: var(--Primary-Blue-Main-500, #03428E);
text-align: center;

/* Button/Regular */
font-family: "Encode Sans Expanded";
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px; /* 142.857% */
        }

        .input-hovered-label {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
        }

        .input-hovered-label>span {
            position: absolute;
            text-wrap: nowrap;
            left: 8px;
            pointer-events: none;
            top: 25%;
            font-family: "Encode Sans Semi Expanded";
            font-weight: 400;
            font-style: SemiExpanded Regular;
            font-size: 14px;
            leading-trim: NONE;
            line-height: 20px;
            letter-spacing: 0%;
            transition: 0.3s ease-in-out;
            z-index: -1;
            background-color: #FFFFFF;

            max-width: calc(100% - 12px);
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .input-hovered-label>input,
        .dealer-search-container input {
            font-family: "Encode Sans Semi Expanded";
            border: none;
            outline: none;
            width: 100%;
            background: transparent !important;
            padding: 12px;
            border: 2px solid #B9BCC3;
            border-radius: 8px;
        }


.dealer-search-container input{
border:none;
padding:0px;
}

        .input-hovered-label>input:not([type="range"]):not(:active):not(:focus):hover,
        .range-selector:hover,.input-wrapper:hover{
            background: rgba(0, 0, 0, 0.04) !important;
        }
.input-wrapper svg{
fill:#71737A;
}
.input-wrapper:hover svg{
            fill: #3a3b3f;
}


        .input-hovered-label input:active,
        .dealer-search-container input:active,
        .dealer-search-container input:focus,
        .input-hovered-label input:focus {
            border-color: #00B6A5;
        }

        .input-hovered-label>input:required + span:after {
            content: "*";
            color: #D92112;
            font-family: "Encode Sans Expanded";
            font-weight: 600;
            font-style: Expanded SemiBold;
            font-size: 12px;
            leading-trim: NONE;
            line-height: 16px;
            letter-spacing: 0px;
        }

        .input-hovered-label input:focus+span,
        .input-hovered-label input:active+span {
            top: -0.6rem;
            font-size: 12px;
            z-index: 1;
        }

        .input-hovered-label input:not(:focus)::placeholder {
            color: transparent;
        }


        .input-hovered-label input:not(:placeholder-shown)+span {
            top: -0.6rem;
            font-size: 12px;
            z-index: 1;
        }


        .input-container {
            display: inline-flex;
            gap: 24px;
        }

        .input-containervdp {
            padding-top: 3px;
            align-self: center;
        }

        .form-section {
padding:0px;
            display: flex;
            gap: 24px;
            flex-direction: column;
            padding-top: 37px;
            border: none;
            border-top: 1px solid #B9BCC3;
        }

        .form-sectionvdp {
            display: flex;
            gap: 24px;
            padding-top: 37px;
            border-top: 1px solid #B9BCC3;
        }

        .form-section div {
            width: 100%;
            box-sizing: border-box;
        }

        .v-flex {
            display: flex;
            flex-direction: column;
            gap: 24px;
        }


        label[for="headline"] {
            font-family: 'ENCODE SANS EXPANDED';
            font-weight: 600;
            font-style: Expanded SemiBold;
            font-size: 28px;
            leading-trim: NONE;
            line-height: 32px;
            letter-spacing: 0px;
            color: #03428E;
            display: flex;
            gap: 4px;
            align-items: baseline;
        }



        .count {
            color: #009E8F;
        }


        .half-container {
            max-width: calc(50% - 12px);
        }



        .input-hovered-label select {
            width: 100%;
            padding: 12px;
            border-radius: 8px;
            border: 1.5px solid #B9BCC3;
        }


        .input-hovered-label select:active,
        .input-hovered-label select:focus {
            border-color: #00B6A5;
        }






        .range-selector {
            display: flex;
            flex-direction: column;
            padding: 18px 14px;
            border-radius: 12px;
            border: 2px solid #B9BCC3;
        }

        .range-selector:focus-within {
            border-color: #00B6A5;
        }

        .range-selector>input {
            padding: 0px !important;
        }

        .range-selector>div {
            display: flex;
            justify-content: space-between;
        }

        .required::after {
            content: "*";
            color: #E42313;
        }

        .min-max {
            font-family: "Encode Sans Expanded";
            font-weight: 400;
            font-style: Expanded Regular;
            font-size: 12px;
            leading-trim: NONE;
            line-height: 16px;
            letter-spacing: 0px;
            color: #222939;
            margin-top: 15px;
        }

        input[type="range"] {
            -webkit-appearance: none;
            appearance: none;
            height: 4px;
            background: #B9BCC3;
            outline: none;
            border-radius: 5px;
            margin-top: 18px;
        }

        input[type="range"]::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 33px;
            height: 33px;
            background: #03428E;
            cursor: pointer;
            border-radius: 50%;
        }

        input[type="range"]::-moz-range-thumb {
            width: 33px;
            height: 33px;
            background: #03428E;
            cursor: pointer;
            border-radius: 50%;
            border: none;
        }

        .range-selector>div:first-child {
            font-family: "Encode Sans Expanded";
            font-weight: 600;
            font-style: SemiBold;
            font-size: 14px;
            leading-trim: NONE;
            line-height: 20px;
            letter-spacing: 0%;
            text-align: start;
            vertical-align: middle;
            color: #222939;

            white-space: nowrap;
        }


        .input-container.join {
            gap: 0px;
        }

        .input-container.join>label:first-child * {
            border-bottom-right-radius: 0px;
            border-top-right-radius: 0px;
        }

        .input-container.join>label:last-child * {
            border-bottom-left-radius: 0px;
            border-top-left-radius: 0px;
        }

        .another-income {
            display: flex;
            flex-direction: column;
            flex: 1;
            justify-content: space-between;
        }

        .another-income>div {
            display: flex;
            text-wrap: nowrap;
            justify-content: space-between;
            gap: 12px;
            align-items: center;
        }


        .another-income>div>span:first-child {

            font-family: "Encode Sans Semi Expanded";
            font-weight: 400;
            font-style: SemiExpanded Regular;
            font-size: 16px;
            leading-trim: NONE;
            line-height: 24px;
            letter-spacing: 0%;
            text-decoration: underline;
            text-decoration-style: solid;
            text-decoration-offset: 0%;
            text-decoration-thickness: 0%;
            color: #03428E;
        }

        .another-income>div>span:last-child {
            font-family: "Encode Sans Expanded";
            font-weight: 700;
            font-style: Expanded Bold;
            font-size: 10px;
            leading-trim: NONE;
            line-height: 11px;
            letter-spacing: 0px;
            color: #03428E;

            display: flex;
            align-items: center;
            justify-content: center;
            gap: 4px;
        }


        .estimated-gross-income-container {
            gap: 8px;
            background-color: #F2F3F5;
            border-radius: 12px;
            justify-content: space-between !important;
            align-items: center !important;
            padding: 10px 36px;

        }


        .another-income .estimated-gross-income-container>span:first-child {
            font-family: "Encode Sans Semi Expanded";
            font-weight: 500;
            font-style: SemiExpanded Bold;
            font-size: 14px;
            leading-trim: NONE;
            line-height: 20px;
            letter-spacing: 0%;
            text-align: center;
            color: #222939;
            text-decoration: none;
        }

        .another-income .estimated-gross-income-container>span:last-child {
            font-family: "Encode Sans Semi Expanded";
            font-weight: 700;
            font-style: SemiExpanded Bold;
            font-size: 14px;
            leading-trim: NONE;
            line-height: 20px;
            letter-spacing: 0%;
            text-align: center;
            color: #000000;
        }


        .tooltip-container {
            cursor: pointer;
            position: relative;
        }


        .tooltip-container:hover .tooltip-info {
            opacity: 1;
            z-index: 999;
        }


        .tooltip-info {
            opacity: 0;
            position: absolute;
            background-color: #002A68;
            position: absolute;
            border-radius: 8px;
            left: 10px;
            transform: translateX(-58%) translateY(-110%);
            top: 0px;
            text-wrap: wrap;
            color: white;
            padding: 8px 12px;
            min-width: 50ch;
            transition: 0.3s ease-in-out;
            z-index: -50;


            font-family: "Encode Sans Expanded";
            font-weight: 500;
            font-style: Expanded Bold;
            font-size: 12px;
            leading-trim: NONE;
            line-height: 16px;
            letter-spacing: 0px;

        }



        .tooltip-info::after {
            content: "";
            position: absolute;
            bottom: -10px;
            left: 56%;
            border-width: 10px 10px 0 10px;
            border-style: solid;
            border-color: #002A68 transparent transparent transparent;
        }

        .tooltip-info b {
            font-weight: 700;
        }

        .radio-group {
            display: flex;
            justify-content: space-evenly;
            align-items: center;
        }

        .radio-groupvdp {
            display: flex;
            align-items: center;
        }

        .radio-btn{
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 8px;

            font-family: "Encode Sans Semi Expanded";
            font-weight: 400;
            font-style: SemiExpanded Regular;
            font-size: 14px;
            leading-trim: NONE;
            line-height: 20px;
            letter-spacing: 0%;

        }

        label[for="radiovdp"] {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 8px;
            font-family: "Encode Sans Semi Expanded";
            font-weight: 400;
            font-style: SemiExpanded Regular;
            font-size: 14px;
            leading-trim: NONE;
            line-height: 20px;
            letter-spacing: 0%;
        }

        label[for="radiovdp"] {
            padding-left: 48px;
        }


        input[type="radio"] {
            appearance: none;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            border: 2px solid #86898F;
            position: relative;
            cursor: pointer;
            display: flex;
            margin: 0px;
        }

        /* when checked, add inner circle with white border */
        input[type="radio"]:checked {
            background-color: #ffffff;
            border-color: #006E6A;
            ;
        }

        input[type="radio"]:checked::after {
            content: "";
            position: absolute;
            inset: 0px;
            width: 100%;
            /* inner circle size */
            height: 100%;
            transform: scale(0.8);
            align-self: center;
            justify-self: center;
            background: #00B6A5;
            border-radius: 50%;

        }


        .custom-select {

            position: relative;
            border: 2px solid #B9BCC3;
            border-radius: 8px;
            width: 100%;
            padding: 8.5px 10px;
            cursor: pointer;
        }

        .custom-select-default {
            text-wrap: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: calc(100% - 14px);
            padding-left: 0px !important;
        }

        .custom-select-default::after {
            content: "";
            position: absolute;
            right: 4px;
            top: calc(50% - 2px);

            width: 10px;
            height: 7px;

            background-image: url("data:image/svg+xml;utf8,<svg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'><path%20d='M5.167%206.375L0%201.229L1.229%200L5.167%203.938L9.105%200L10.334%201.229L5.167%206.375Z'%20fill='%23222939'/></svg>");
            background-repeat: no-repeat;
            background-size: contain;
            z-index: 8;
        }


        .custom-select-options {
margin:0px;
                        list-style: none;
            padding: 0px;

            box-sizing: border-box;
            top: calc(1rem + 32px);
            gap: 2px;
            flex-direction: column;
            display: none;
            left: 0px;
            background-color: white;
            width: 100%;
            position: absolute;
            z-index: 10;

            border: 1.5px solid #B9BCC3;
            border-radius: 8px !important;
            box-shadow: 2px 2px 2px #2229391A;
            transition: 0.3s ease-in;
            overflow: auto;
            max-height: 350px;
        }

        .custom-option,
        .custom-select-default {
            text-align: start;
            font-family: 'Encode Sans Semi Expanded';
            font-weight: 400;
            font-style: SemiExpanded Regular;
            font-size: 14px;
            leading-trim: NONE;
            line-height: 20px;
            letter-spacing: 0%;
            color: #222939;
            padding: 4px 12px;
            width: auto !important;
        }

        .custom-select.open .custom-select-options {
            display: flex;
        }

        .custom-option.open {
            height: fit-content;
            display: block;
        }

        .custom-option.highlight {
            border: 2px solid #00B6A5;
            background: #00b6a436;
            border-radius: 8px;
        }

        .custom-select.open {
            border-color: #00B6A5;
        }



        .co-buyer-container {
            display: flex;
            gap: 8px;
            align-items: center;
            justify-content: center;
        }

        .co-buyer-container>span:first-child {
            font-family: "Encode Sans Expanded";
            font-weight: 700;
            font-style: Expanded Bold;
            font-size: 12px;
            leading-trim: NONE;
            line-height: 16px;
            letter-spacing: 0px;
            text-align: center;
            color: #006E6A;
        }

        .addCoBuyer-cta {
            width: fit-content;
            height: fit-content;
            text-wrap: nowrap;
            border: 2px solid #00B6A5;
            cursor: pointer;
            color: #006E6A;
            display: flex;
            gap: 8px;
            background: transparent;
            padding: 8px 20px;
            border-radius: 35px;
            transition: 0.3s ease-in-out;
        }


        .addCoBuyer-cta:hover {
            background-color: #006e6a31;
        }


        .add-co-buyer {
            width: fit-content !important;
        }

        .show-on-mobile {
            display: none;
        }


        .section-heading {
            display: flex;
            justify-content: space-between;

        }

        .hide {
            display: none !important;
        }

#add-another-income{
color: var(--Primary-Blue-Main-500, #03428E);

/* Body/Large/Regular */
font-family: "Encode Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}

        #add-another-income,#removeOtherIncome {
            cursor: pointer;
border:none;
border-radius:0;
margin:0px;
padding:0px;
background:none;
        }



        .form-toggle-buttons {
            display: flex;
            overflow: hidden;
            border-radius: 50px;
            border: 1px solid #B9BCC3;
            width: fit-content !important;
            background-color: #F2F3F5;
        }

        .form-toggle-button {
            border-radius: 50px;
            border: 1px solid transparent;
            outline: none;
            background: none;
            font-family: 'ENCODE SANS EXPANDED';
            font-weight: 700;
            font-style: Expanded Bold;
            font-size: 12px;
            leading-trim: NONE;
            line-height: 16px;
            letter-spacing: 0px;
            text-align: center;
            padding: 8px 32px;
            vertical-align: middle;
            color: #71737A;
        }

        .form-toggle-button.btn-active {
            color: white;
            background-color: #006E6A;
            border-color: white;
        }

        .form-toggle-container {
            display: flex;
            gap: 12px;
align-items:center;
        }

        .remove-form-btn {

            display: flex;
            gap: 4px;
            justify-content: center;
            align-items: center;
            width: fit-content !important;
            color: #E42313;
            font-family: 'ENCODE SANS EXPANDED';
            font-weight: 600;
            font-style: Expanded SemiBold;
            font-size: 9px;
            leading-trim: NONE;
            line-height: 28px;
            letter-spacing: 0px;
            text-align: center;
            vertical-align: middle;

        }

        .remove-form-btn {
            cursor: pointer;
        }

        .remove-form-btn svg {
            height: 16px !important;
        }


        .remove-form-confirmation {
            display: flex;
            gap: 12px;
            align-items: center;
            justify-content: center;
            width: fit-content !important;
            text-wrap: nowrap;
            font-family: 'ENCODE SANS EXPANDED';
            font-weight: 600;
            font-style: Expanded SemiBold;
            font-size: 13px;
            leading-trim: NONE;

            letter-spacing: 0px;
            text-align: center;
            vertical-align: middle;

        }

        .remove-form-cta-container {
            display: flex;
            gap: 8px;
        }

        .remove-form-confirmation .remove-form-cta-btn:first-child {
            color: #009E8F;
        }

        .remove-form-confirmation .remove-form-cta-btn:last-child {
            color: #E42313;
        }

        .remove-form-cta-btn svg {
            width: 25px !important;
            height: 25px !important;
        }
.remove-form-btn,.remove-form-cta-btn{
border:none;            
padding:0px;
margin:0px;
background:transparent;
}
        
.remove-form-cta-btn {

            display: flex;
            flex-direction: column;
            gap: 2px;
            font-family: "Encode Sans Expanded";
            font-weight: 600;
            font-style: Expanded SemiBold;
            font-size: 9px;
            leading-trim: NONE;
            letter-spacing: 0px;
            text-align: center;
            vertical-align: middle;
        }


        .semi-span {
            max-width: 24%;
        }


        input[type="checkbox"] {
            appearance: none;
            -webkit-appearance: none;
            min-width: 20px;
            width: 20px;
            height: 20px;
            border: 2px solid #86898F;
            background: transparent;
            border-radius: 4px;
            cursor: pointer;
            position: relative;
            display: inline-block;
            transition: 0.15s ease;
        }

        input[type="checkbox"]::after {
            content: "";
            position: absolute;
            width: 4px;
            height: 11px;
            border: solid white;
            border-width: 0 3px 3px 0;
            top: 0px;
            left: 5px;
            transform: rotate(45deg) scale(0.7);
            opacity: 0;
            transition: 0.15s ease;
        }

        input[type="checkbox"]:checked {
            background: #009E8F;
            border-color: #006E6A;
        }

        input[type="checkbox"]:checked::after {
            opacity: 1;
            transform: rotate(45deg) scale(1);
        }

        .same-as-buyer {
            font-family: "Encode Sans Semi Expanded";
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            font-weight: 700;
            font-style: SemiExpanded Bold;
            font-size: 14px;
            leading-trim: NONE;
            line-height: 20px;
            letter-spacing: 0%;
            color: #222939
        }


        input[type="range"].max-range::-webkit-slider-thumb {
            background: #00B6A5;
        }

        input[type="range"].max-range::-moz-range-thumb {
            background: #00B6A5;
        }

        .section-headline {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            flex-wrap: wrap;
        }

        .show-on-tablet {
            display: none;
        }

        .dealer-search-container {
            max-width: 50%;
            display: flex;
            align-items: center;
            justify-content: end;
            gap: 24px;
        }

        .dealer-search-container button {
            background-color: #03428E;
            color: white;
        }

        .dealer-search-container button:hover,.select-dealer-btn:hover,.primary-btn:hover {
            border-color: #03428E;
            color: #03428E;
            background-color: #dfedf8;
        }
.controller-button:not(:disabled):hover{
   border-color: #03428E;
            color: #03428E;
background-color:#dfedf8 !important;}


.controller-button:not(:disabled):active{
background-color:white !important;}

.controller-button:disabled{
background-color:#b3c6dd !important;
opacity:1 !important;
border-color:#b3c6dd !important;
}

.controller-button:disabled svg{
color:white;
}

        .custom-select:focus-visible {
            outline: 2px solid #00B6A5;
            border-radius: 4px;
        }


        .field-empty {
            border-color: #D92112;
        }




        .input.field-empty::after {
            content: "";
            position: absolute;
            top: 42px;
            left: 4px;

            padding-left: 18px;
            background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'>\
<path d='M6.00001 9.06135C6.18367 9.06135 6.33918 9.00013 6.46652 8.87769C6.59435 8.75524 6.65827 8.59704 6.65827 8.40309C6.65827 8.21943 6.59435 8.06368 6.46652 7.93585C6.33918 7.80851 6.18367 7.74483 6.00001 7.74483C5.81634 7.74483 5.66084 7.80851 5.53349 7.93585C5.40566 8.06368 5.34175 8.21943 5.34175 8.40309C5.34175 8.58676 5.40566 8.74226 5.53349 8.86961C5.66084 8.99744 5.81634 9.06135 6.00001 9.06135ZM5.35717 6.73467H6.64284V2.98494H5.35717V6.73467ZM6.00001 12C5.17326 12 4.39525 11.8443 3.66598 11.5328C2.93621 11.2218 2.29852 10.7932 1.75291 10.2471C1.20681 9.70149 0.778255 9.0638 0.467247 8.33403C0.155749 7.60476 0 6.82675 0 6.00001C0 5.16347 0.155749 4.38301 0.467247 3.65863C0.778255 2.93376 1.20681 2.29852 1.75291 1.75291C2.29852 1.20681 2.93621 0.778255 3.66598 0.467247C4.39525 0.155749 5.17326 0 6.00001 0C6.83654 0 7.61725 0.155749 8.34212 0.467247C9.0665 0.778255 9.70149 1.20681 10.2471 1.75291C10.7932 2.29852 11.2218 2.93621 11.5328 3.66598C11.8443 4.39525 12 5.17326 12 6.00001C12 6.82675 11.8443 7.60476 11.5328 8.33403C11.2218 9.0638 10.7932 9.70149 10.2471 10.2471C9.70149 10.7932 9.0638 11.2218 8.33403 11.5328C7.60476 11.8443 6.82675 12 6.00001 12Z' fill='%23D92112'/>\
</svg>");

            background-repeat: no-repeat;
            background-position: left center;
        }

        .custom-select.field-empty::after,
        .range-selector.field-empty::after {
            content: "This field is required";
            position: absolute;
            top: 42px;
            left: 4px;

            padding-left: 18px;
            /* space for icon */
            background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'>\
<path d='M6.00001 9.06135C6.18367 9.06135 6.33918 9.00013 6.46652 8.87769C6.59435 8.75524 6.65827 8.59704 6.65827 8.40309C6.65827 8.21943 6.59435 8.06368 6.46652 7.93585C6.33918 7.80851 6.18367 7.74483 6.00001 7.74483C5.81634 7.74483 5.66084 7.80851 5.53349 7.93585C5.40566 8.06368 5.34175 8.21943 5.34175 8.40309C5.34175 8.58676 5.40566 8.74226 5.53349 8.86961C5.66084 8.99744 5.81634 9.06135 6.00001 9.06135ZM5.35717 6.73467H6.64284V2.98494H5.35717V6.73467ZM6.00001 12C5.17326 12 4.39525 11.8443 3.66598 11.5328C2.93621 11.2218 2.29852 10.7932 1.75291 10.2471C1.20681 9.70149 0.778255 9.0638 0.467247 8.33403C0.155749 7.60476 0 6.82675 0 6.00001C0 5.16347 0.155749 4.38301 0.467247 3.65863C0.778255 2.93376 1.20681 2.29852 1.75291 1.75291C2.29852 1.20681 2.93621 0.778255 3.66598 0.467247C4.39525 0.155749 5.17326 0 6.00001 0C6.83654 0 7.61725 0.155749 8.34212 0.467247C9.0665 0.778255 9.70149 1.20681 10.2471 1.75291C10.7932 2.29852 11.2218 2.93621 11.5328 3.66598C11.8443 4.39525 12 5.17326 12 6.00001C12 6.82675 11.8443 7.60476 11.5328 8.33403C11.2218 9.0638 10.7932 9.70149 10.2471 10.2471C9.70149 10.7932 9.0638 11.2218 8.33403 11.5328C7.60476 11.8443 6.82675 12 6.00001 12Z' fill='%23D92112'/>\
</svg>");
            background-repeat: no-repeat;
            background-position: left center;

            color: #D92112;
            font-family: "Encode Sans";
            font-size: 12px;
            line-height: 16px;
            white-space: nowrap;
        }

        .range-selector.field-empty::after {
            top: 100%;
        }

        #cta-button:hover {
            background-color: #03428e29 !important;
        }

        .disable {
            position: relative;
            cursor: not-allowed;
            pointer-events: none;
            opacity: 0.3;
        }

        /* invisible layer that eats clicks */
        .disable::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 1;
        }

#submit-section-tc.disable{
pointer-events:auto;
}

        /* .disable:hover::after {
            content: "Complete all required fields to enable.";
            position: absolute;

            top: 50%;
            /* move to middle */
            left: 0;
            /* show beside element */
            transform: translateY(-50%);

            margin-left: 8px;

            background: #002A68;
            color: var(--White, #FFF);
            padding: 8px 12px;
            border-radius: 8px;

            max-width: 16ch;
            text-wrap: wrap;
            text-align: start;

            z-index: 10;

            font-feature-settings: 'liga' off, 'clig' off;
            font-family: "Encode Sans Expanded";
            font-size: 13px;
            font-weight: 400;
            line-height: 20px;
        } */

        .form-section.disable::after {
            left: 50%;
            transform: translateX(50%) translateY(-100%);
        }

        .no-results-found-container {
            color: var(--Anthracite-600, #222939);

            /* Body/Large/Regular */
            font-family: "Encode Sans";
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            text-align: center;
        }

        .no-results-found-container b {
            color: var(--Primary-Blue-Main-500, #03428E);
            text-align: center;
            font-family: "Encode Sans";
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 24px;
            /* 150% */
        }
.swipe-to-right {
                transform: translateX(-96%) translateY(-110%);
            }

.swipe-to-right::after{
left:94%;
}
        @media (max-width:769px) {

            .form-section.disable::after,
             {
                left: 0%;
                transform: translateX(50%);
            }

            .tooltip-info {
                transform: translateX(-47%) translateY(-110%);
            }

            .tooltip-info::after {
                left: 44.5%;
            }
        }


        @media(max-width: 1241px) {

            .swipe-to-right {
                transform: translateX(-94%) translateY(-110%);
            }

            .swipe-to-right::after {
                left: 90.5%;
            }
        }


        @media (min-width: 769px) and (max-width: 1024px) {



            .another-income>div {
                justify-content: start;
            }

            .hide-on-tablet {
                display: none;
            }

            .estimated-gross-income-container {
                padding: 13px 42px;
                flex-direction: row;
                justify-content: space-between !important;
                width: auto !important;
            }

            .show-on-tablet {
                display: flex;
            }
        }

        @media(max-width:1024px) {
            .another-income {
                gap: 24px;
            }
        }

        .custom-select {
            padding: 6.5px 10px !important;
        }

        @media(max-width:768px) {

            .tooltip-info {
                min-width: 90vw;
            }

            .show-on-tablet {
                display: none;
            }

            .semi-span {
                max-width: 100%;
            }

            .another-income>div {
                justify-content: start;
            }

            .estimated-gross-income-container {
                padding: 12px 0px;
                justify-content: center !important;
                flex-direction: column;

            }

            .section-heading {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .input-container {
                flex-direction: column;

            }



            .half-container {

                max-width: none;
            }


            .n-responsive {
                flex-direction: row;
            }

            .hide-on-mobile {
                display: none;
            }

            .show-on-mobile {
                display: flex;
            }

            .stylingblock-content-wrapper {
                text-align: center;
            }

            .form-sectionvdp {
                display: inline-grid;
                width: 100%;
            }

            .input-containervdp {
                place-self: center;
            }

            label[for="radiovdp"] {
                padding-right: 39px;
            }

            label[for="headline"] {
                font-family: 'ENCODE SANS EXPANDED';
                font-weight: 600;
                font-style: Expanded SemiBold;
                font-size: 20px;
                leading-trim: NONE;
                letter-spacing: 0px;
                text-align: center;
                display: flex;
                gap: 14px;
            }


            .input-container.join {
                flex-direction: row;
            }

            .v-flex.reverse {
                flex-direction: column-reverse;
            }

        }