.site-header .logo {
    margin-right: 0;
}

.mortgage-form.your-rate {
    padding: 0 25px 0 !important;
}

.mortgage-form.your-rate .gauge {
    margin-bottom: 35px;
}

/* Counter */

.custom-lock-container-short {
    position: absolute;
    right: 6%;
    top: 330%;
    z-index: 1;
}

.custom-lock-container-short.encrypted-container {
    position: absolute;
    right: 6%;
    top: 23%;
    z-index: 1;
}

.lock-wrapper-short {
    align-items: center;
    background-color: #F8F8F8;
    border-radius: 50%;
    display: flex;
    height: 116px;
    justify-content: center;
    width: 116px;
}

.lock-container-short {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 10px;
}

.lock-container-short .logo-short {
    margin-bottom: 3px;
}

.lock-container-short .clients-number-short {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    margin: 0;
    padding: 0;
    text-align: center;
}

.lock-container-short .clients-number-short span {
    font-size: 16px;
    font-weight: 600;
}

.lock-container-short .lock-text-short {
    color: #000;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    padding: 0 10px;
    text-align: center;
}

.lock-container-short .lock-text-short em {
    color: var(--primary-color);
    font-style: normal;
    font-weight: 400;
}

/* Trustpilot Snippet */
.mortgage-form .trustpilot-snippet {
    position: absolute;
    right: 86px;
    /*top: 60%;*/
    bottom:70px;
    z-index:99;
}

.mortgage-form .trustpilot-snippet .trustpilot {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 14px;
    padding: 14px 0;
    width: 128px;
}

.mortgage-form .trustpilot-snippet .trustpilot .content .tp-widget-wrapper .wrapper-left {
    width: 128px;
}

.mortgage-form .trustpilot-snippet .trustpilot .content .tp-widget-wrapper .wrapper-left .tp-widget-logo {
    width: 85px;
}

.mortgage-form .trustpilot-snippet .trustpilot .content .tp-widget-wrapper .wrapper-left .tp-widget-stars {
    margin-top: 5px;
    width: 125px;
}

.mortgage-form .trustpilot-snippet .trustpilot .content .tp-widget-wrapper .wrapper-left .tp-widget-businessinfo {
    font-size: 10px;
    line-height: 13px;
    margin-bottom: 0;
    margin-top: -14px;
    padding: 0 24px;
}

/* Form */

.mortgage-form.your-rate .row {
    background: #fff !important;
}

.mortgage-form.your-rate .row-short {
    border-radius: 10px;
    margin: 0 auto 10px;
    width: 100%;
    background-color: #f9f9f9;
    border: 1px solid #e5e5e5;
}

.mortgage-form.your-rate .row-short .mortgage-title {
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    padding: 20px 0 0 0;
    text-align: center;
    display: grid;
    grid-column-start: 1;
    grid-column-end: 3
}

.mortgage-form.your-rate .row-short .contact-info-container {
	--auto-grid-min-size: 16rem;
    border-radius: 6px;
    box-sizing: border-box;
    column-gap: 10px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
    margin: 16px auto 0;
    max-width: 900px;
    padding: 0 125px 20px;
    position: relative;
}

.mortgage-form.your-rate .mortgage-form.heading {
    align-items: center;
    justify-content: center;
    padding: 0 25px 0;
}
.mortgage-form.your-rate .mortgage-form.header-wrapper {
	justify-content: space-between;
    padding-bottom: 10px;	
}


.mortgage-form.your-rate .mortgage-form.heading .form-header h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
}

.mortgage-form.your-rate .mortgage-form.header-wrapper .form-header {
	text-align:left;
}
.mortgage-form.your-rate .mortgage-form.heading .form-header p {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 20px;
}

.mortgage-form .field.radio-buttons,
.mortgage-form .field.money,
.mortgage-form .field.date-month.renewal-date {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    margin: 0 auto 40px;
    max-width: 900px;
    padding: 20px 0px 43px;
}

.field.radio-buttons.location .mortgage-form .field.date-month.renewal-date .fields {
    display: flex;
    justify-content: space-between;
    width: 64%;
    margin: 0 auto;
    gap: 10px;
}

.mortgage-form .field.radio-buttons .help-trigger,
.mortgage-form .field.money .help-trigger {
    right: 15%;
    top: 10px;
    left:auto;
}

.mortgage-form .field.radio-buttons.purchase-info .options {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 70px;
    justify-content: center;
}

.mortgage-form .field.radio-buttons.credit-score .options {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 48%;
}

.mortgage-form .field.radio-buttons.credit-score .options li {
    flex: 0 0 47%;
    margin-bottom: 16px;
}

.mortgage-form .field.radio-buttons.lives-at-property .options {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: center;
    width: 50%;
    margin: 0 auto;
    overflow: inherit;
}

.mortgage-form .field.radio-buttons.lives-at-property .options li {
    flex: 0 0 47%;
    margin-bottom: 16px;
}

.mortgage-form .field.radio-buttons>label,
.mortgage-form .field.money>label,
.mortgage-form .date-month.renewal-date>label {
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: 400;
    padding: 10px 10px 30px 10px;
    position: relative;
    text-align: center;
    transition: all 0.3s;
}

.mortgage-form .field.radio-buttons.purchase-info .options li {
    height: 140px;
    transition: background-color 0.3s ease, color 0.3s ease;
    width: 140px;
}

.mortgage-form .field.radio-buttons.purchase-info .options li label {
    align-items: center;
    background: transparent;
    border: none;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
    gap: 10px;
    height: 100%;
    justify-content: center;
    line-height: normal;
    padding: 0px 13px;
}

.mortgage-form .field.radio-buttons.purchase-info .options li:hover,
.mortgage-form .field.radio-buttons.purchase-info .options li input:checked+label {
    background-color: var(--primary-color);
    color: #fff;
}

.mortgage-form .field.radio-buttons.purchase-info .options li svg path {
    transition: fill 0.3s ease;
}

.mortgage-form .field.radio-buttons.purchase-info .options li:hover svg #pathOne,
.mortgage-form .field.radio-buttons.purchase-info .options li:hover svg #pathThree,
.mortgage-form .field.radio-buttons.purchase-info .options li:hover svg #pathFour,
.mortgage-form .field.radio-buttons.purchase-info .options li input:checked+label svg #pathOne,
.mortgage-form .field.radio-buttons.purchase-info .options li input:checked+label svg #pathThree,
.mortgage-form .field.radio-buttons.purchase-info .options li input:checked+label svg #pathFour {
    fill: #fff;
}

.mortgage-form .field.radio-buttons.purchase-info .options li:hover svg #pathTwo,
.mortgage-form .field.radio-buttons.purchase-info .options li:hover svg #pathFive,
.mortgage-form .field.radio-buttons.purchase-info .options li:hover svg #pathSix,
.mortgage-form .field.radio-buttons.purchase-info .options li input:checked+label svg #pathTwo,
.mortgage-form .field.radio-buttons.purchase-info .options li input:checked+label svg #pathFive,
.mortgage-form .field.radio-buttons.purchase-info .options li input:checked+label svg #pathSix {
    fill: var(--primary-color);
}

.mortgage-form .field.radio-buttons.location .options {
    margin: 0 auto;
    width: 70%;
    display: flex;
    align-items: center;
    gap: 0;
    flex-wrap: wrap;
}

.mortgage-form .field.radio-buttons.location .options li {
    flex: 0 0 31%;
    margin-bottom: 16px;
}

.mortgage-form .field.radio-buttons.property-type .options,
.mortgage-form .field.radio-buttons.rate-type .options,
.mortgage-form .field.radio-buttons.rate-term .options,
.mortgage-form .field.radio-buttons.employment-info .options {
    margin: 0 auto;
    max-width: 32%;
}

.mortgage-form .field.radio-buttons.property-type .options li:not(:last-child),
.mortgage-form .field.radio-buttons.rate-type .options li:not(:last-child),
.mortgage-form .field.radio-buttons.rate-term .options li:not(:last-child),
.mortgage-form .field.radio-buttons.employment-info .options li:not(:last-child) {
    margin: 0 auto 16px;
}

.mortgage-form .field.money .input.double-input,
.mortgage-form .field.money .range-input {
    margin: 0 auto;
    max-width: 65%;
    position: relative;
}

.mortgage-form .field.money .range-input input[type="range"] {
    margin-top: 30px;
    width: 100%;
    position:relative;
    z-index:1;
}

input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    background: linear-gradient(to right, var(--slider-color) var(--value), #f1f1f1 var(--value));
    border-radius: 6px;
    height: 5px;
    margin: 0;
    outline: none;
    padding: 0;
    transition: background .2s;
    width: 100%;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    -webkit-transition: background .15s ease-in-out;
    appearance: none;
    background: #fff;
    border: var(--slider-color) 5px solid;
    border-radius: 50%;
    cursor: pointer;
    height: 16px;
    transition: background .15s ease-in-out;
    width: 16px;
    margin-top:-15px;
}

input[type="range"]::-moz-range-thumb {
    -webkit-transition: background .15s ease-in-out;
    background: #fff;
    border: 0;
    border: var(--slider-color) 5px solid;
    border-radius: 50%;
    cursor: pointer;
    height: 16px;
    transition: background .15s ease-in-out;
    width: 16px;
}
input[type="range"][class="no-ticks"]::-webkit-slider-thumb {
	margin-top:0px;
}
#percentage {
    left: calc(var(--value) - 10px);
    position: absolute;
    top: 45px;
    transform: translateX(-50%);
}

input::-moz-focus-inner,
input::-moz-focus-outer {
    border: 0;
}

.mortgage-form.your-rate .flow-container {
    align-items: center;
    display: flex;
    gap: 40px;
    justify-content: center;
    margin: 0 auto;
}

.call-to-action {
    background-color: var(--primary-color);
    border: 1px solid transparent;
    border-radius: 24px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: inherit;
    font-size: 1em;
    font-weight: 600;
    line-height: 46px;
    max-width: 193px;
    padding: 0 24px;
    text-align: center;
    transition: background-color .3s, color .3s;
    width: 100%;
}

.mortgage-form .actions .call-to-action.disabled,
.mortgage-form .actions .call-to-action.prevent {
    background-color: #cdcece;
    color: #fff;
    cursor: not-allowed;
}

.mortgage-form .error {
    max-width: 65%;
    margin: 9px auto 0 !important;
}

.hidden {
    display: none;
}

.back {
    color: var(--primary-color);
    font-weight: bold;
    padding-left: 20px;
    position: relative;
    text-decoration: none;
    transition: color 0.3s;
}

.back::before {
    border: solid var(--primary-color);
    border-width: 0 3px 3px 0;
    content: "";
    display: inline-block;
    left: 0;
    padding: 4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transform: translateY(-50%) rotate(135deg);
    transition: border-color 0.3s;
}

.back:hover {
    color: #000;
}

.back:hover::before {
    border-color: #000;
}

.mortgage-form.your-rate .actions {
    display: flex;
    flex-direction: column;
    margin: 20px auto 0;
    max-width: 900px;
}

.mortgage-form .field.date-month.renewal-date .help-trigger {
    right: 18%;
}

.date-month .fields {
    display: flex;
    justify-content: space-between;
    width: 64%;
    margin: 0 auto;
    gap: 10px;
}

/* Disable buttons */
.disabled {
    background-color: #cdcece;
    color: #fff;
    cursor: not-allowed;
}

/* Errors */
.field.money.cost.has-error .error {
    display: block;
    margin: 2px auto;
}

/* Media Queries */

@media screen and (max-width:1025px) {
    .custom-lock-container-short.encrypted-container {
        right: -2%;
    }

    .custom-lock-container-short {
        right: 0%;
    }

    .mortgage-form .trustpilot-snippet {
        right: 0;
    }
}

@media screen and (max-width: 769px) {
    .mortgage-form.your-rate .row-short {
        width: inherit;
    }

    .mortgage-form .field.radio-buttons.credit-score .options {
        display: flex;        
    }
    .mortgage-form .field.first-name, .mortgage-form .field.last-name {
		display:grid;
		grid-column-start:1;
		grid-column-end:3;
	}
    .mortgage-form .field.radio-buttons.location .options li {
    	flex: 0 0 48%;
    }

	.icon[title]:hover::after {
		right:0 !important;
		transform: translateX(20%) !important;
	}
    .custom-lock-container-short {
        right: -3.5%;
        top: 230%;
    }

    .mortgage-form .field.radio-buttons.property-type .options li::last-child {
        margin: 0 auto 16px;
    }

    .mortgage-form .field.radio-buttons.property-type .options,
    .mortgage-form .field.radio-buttons.rate-type .options,
    .mortgage-form .field.radio-buttons.rate-term .options,
    .mortgage-form .field.radio-buttons.employment-info .options,
    .mortgage-form .field.money .input.double-input,
    .mortgage-form .field.money .range-input {
        max-width: 65%;
    }

	.mortgage-form.heading .counter, .lock-wrapper .lock-text {
		width:100% !important;
		max-width:100%;
	}
	
	.mortgage-form .field.radio-buttons.purchase-info .options li input:checked+label {
        width: 100%;
    }

    .mortgage-form .field.radio-buttons.lives-at-property {
        width: 100%;
    }

    .mortgage-form .field.radio-buttons.lives-at-property .options {
        width: 64%;
        gap: 10px;
        flex-wrap: wrap;
    }

    .mortgage-form .field.radio-buttons.lives-at-property .options li {
        margin-bottom: 8px;
        flex: 0 0 43%;
    }

    .mortgage-form .field.radio-buttons.credit-score .options {
        max-width: 54%;
    }

    .mortgage-form .field.radio-buttons.credit-score .options li {
        margin-bottom: 8px;
    }

    .mortgage-form .field.radio-buttons .help-trigger,
    .mortgage-form .field.money .help-trigger,
    .mortgage-form .field.date-month.renewal-date .help-trigger {
        right: 15%;
    }

    .mortgage-form .field.radio-buttons>label,
    .mortgage-form .field.money>label {
        font-size: 18px;
        line-height: normal;
        padding: 10px 90px 20px 90px;
    }

    .mortgage-form .field.radio-buttons.purchase-info .options {
        display: flex;
        flex-direction: column;
        gap: 20px;
        height: 100%;
        width: 84%;
    }

    .mortgage-form .field.radio-buttons.purchase-info .options li {
        align-items: center;
        border-radius: 10px;
        display: flex;
        height: 80px;
        justify-content: center;
        transition: background-color 0.3s ease, color 0.3s ease;
        width: 60%;
    }

    .mortgage-form .field.radio-buttons.purchase-info .options li label {
        align-items: center;
        background: transparent;
        border: none;
        display: flex;
        flex-direction: row;
        font-size: 16px;
        font-weight: 400;
        gap: 10px;
        justify-content: center;
        line-height: normal;
        padding: 0px 13px;
        width:100%;
    }

    .custom-lock-container-short {
        margin: 0 auto;
        position: relative;
        right: 0;
        width: 50%;
    }

    .custom-lock-container-short .lock-wrapper-short {
        border-radius: 5px;
        height: 28px;
        width: 100%;
    }

    .lock-container-short .lock-text-short {
        padding: 0;
    }

    .custom-lock-container-short .lock-wrapper-short .lock-container-short {
        flex-direction: row;
        gap: 10px;
        justify-content: flex-start;
        margin: 0 16px;
        width: 100%;
    }

    .custom-lock-container-short .lock-wrapper-short .lock-container-short .clients-number-short {
        padding: 0 10px;
    }

    .custom-lock-container-short.encrypted-container {
        position: relative;
        right: 0;
        width: 50%;
    }
    .mortgage-form.your-rate .row-short {
        width: 100%;
        padding:10px;
    }

    .mortgage-form.your-rate .row-short .contact-info-container {
        grid-template-columns: 1fr;
        padding: 30px 120px 20px;
    }

    .lock-container-short .logo-short {
        height: 15px !important;
        margin-bottom: 0 !important;
        width: 15px !important;
    }

    .mortgage-form .trustpilot-snippet {
        margin: 14px auto;
        margin-bottom: 20px;
        position: relative;
        width: 50%;
        bottom:0;
    }

    .mortgage-form .trustpilot-snippet .trustpilot {
        padding: 2px 0;
        width: 100%;
    }

    .mortgage-form .trustpilot-snippet .trustpilot .content .tp-widget-wrapper .wrapper-left {
        align-items: center;
        display: flex;
        justify-content: space-evenly;
        width: 100%;
    }

    .mortgage-form .trustpilot-snippet .trustpilot .content .tp-widget-wrapper .wrapper-left .tp-widget-logo {
        margin: 0;
        width: 75px;
    }

    .mortgage-form .trustpilot-snippet .trustpilot .content .tp-widget-wrapper .wrapper-left .tp-widget-stars {
        margin: 5px 0 0 0;
    }

    .mortgage-form.trustpilot-snippet .trustpilot .content .tp-widget-wrapper .wrapper-left .tp-widget-stars .tp-stars div svg {
        height: 87% !important;
        top: 2px !important;
    }

    .mortgage-form .trustpilot-snippet .trustpilot .content .tp-widget-wrapper .wrapper-left .tp-widget-businessinfo {
        font-size: 10px;
        margin: 0;
        max-width: 100%;
        padding: 0 2px;
    }

    .mortgage-form.your-rate .actions {
        padding: 0;
    }

    .mortgage-form.your-rate .actions .disclaimer {
        margin: 0 !important;
    }

    .form-footer {
        padding-top: 60px !important;
    }

    .mortgage-form .error {
        margin: 9px auto 0 !important;
    }
}

@media screen and (max-width:550px) {
    .custom-lock-container-short {
        width: 100%;
    }

    .custom-lock-container-short.encrypted-container {
        width: 100%;
    }

    .mortgage-form .trustpilot-snippet {
        width: 100%;
    }

    .mortgage-form .field.radio-buttons.purchase-info .options li {
        width: 100%;
    }

    .mortgage-form .field.radio-buttons.location .options {
        width: 84%;
    }

    .mortgage-form .field.radio-buttons.property-type .options,
    .mortgage-form .field.radio-buttons.rate-type .options,
    .mortgage-form .field.radio-buttons.rate-term .options,
    .mortgage-form .field.radio-buttons.employment-info .options,
    .mortgage-form .field.money .input.double-input,
    .mortgage-form .field.money .range-input {
        max-width: 84%;
    }

    .mortgage-form .field.date-month.renewal-date .fields {
        flex-wrap: wrap;
        width: 84%;
    }

    .mortgage-form .field.radio-buttons .help-trigger,
    .mortgage-form .field.money .help-trigger,
    .mortgage-form .field.date-month.renewal-date .help-trigger {
        right: 8%;
    }

    .mortgage-form .field.radio-buttons>label,
    .mortgage-form .field.money>label,
    .mortgage-form .date-month.renewal-date>label {
        cursor: pointer;
        display: block;
        font-size: 20px;
        font-weight: 400;
        padding: 10px 70px 12px 70px;
        position: relative;
        text-align: center;
        transition: all .3s;
        line-height: normal;
    }

    .mortgage-form .field.radio-buttons.credit-score .options {
        max-width: 90%;
    }

    .mortgage-form .field.radio-buttons.lives-at-property .options {
        width: 90%;
    }

    .mortgage-form.your-rate .row-short .contact-info-container {
        grid-template-columns: 1fr;
        padding: 0 20px 20px;
        margin-top: 0;
    }
    .mortgage-form.your-rate .row-short .mortgage-title {
        padding:0;
    }

    .mortgage-form .error {
        width: 84%;
        margin: 9px auto 0 !important;
    }    
}

@media screen and (max-width: 376px) {

    .lock-container-short .clients-number-short span {
        font-size: 14px;
    }

    .mortgage-form.your-rate .mortgage-form.heading {
        padding: 0;
    }

    .mortgage-form .field.radio-buttons>label,
    .mortgage-form .field.money>label,
    .mortgage-form .date-month.renewal-date>label {
        padding: 10px 50px 12px 50px;
    }

    .custom-lock-container-short .lock-wrapper-short .lock-container-short {
        margin: 0 10px;
    }

    .mortgage-form .field.radio-buttons.purchase-info .options li label {
        font-size: 14px;
    }

    .mortgage-form .field.radio-buttons.purchase-info .options li label svg {
        height: 40px;
        width: 40px;
    }

    .custom-lock-container-short .lock-wrapper-short .lock-container-short .clients-number-short {
        padding: 0;
    }

    .mortgage-form .field.radio-buttons.location .options li {
        flex: 0 0 100%;
    }
}

@media screen and (max-width: 321px) {
    .mortgage-form.your-rate {
        padding: 10px 10px 0 !important;
    }

    .mortgage-form .field.radio-buttons.purchase-info .options li label {
        font-size: 12px;
    }

    .mortgage-form .field.radio-buttons.purchase-info .options li label svg {
        height: 30px;
        width: 30px;
    }

    .custom-lock-container-short .lock-wrapper-short .lock-container-short .clients-number-short {
        font-size: 14px;
    }

    .mortgage-form input[type="text"],
    .mortgage-form input[type="tel"],
    .mortgage-form input[type="email"],
    .mortgage-form select {
        font-size: 14px !important;
    }

    .mortgage-form .trustpilot-snippet .trustpilot .content .tp-widget-wrapper .wrapper-left .tp-widget-logo {
        width: 60px;
    }

    .mortgage-form .trustpilot-snippet .trustpilot .content .tp-widget-wrapper .wrapper-left .tp-widget-stars {
        width: 100px;
    }

    .mortgage-form .trustpilot-snippet .trustpilot .content .tp-widget-wrapper .wrapper-left .tp-widget-businessinfo {
        font-size: 8px;
    }
}

/*** Slider ticks ***/
 .range__input {
  width: 100%;
  -webkit-appearance: none;
}
.range__input::-webkit-slider-runnable-track {
  background: #ccc;
}
.range__input::-moz-range-thumb {
  background: #ccc;
}
.range__input::-ms-track {
  background: transparent;
}
.range__input::-ms-fill-lower {
  background: #e1e1e1;
  border-radius: 10px;
}
.range__input::-ms-fill-upper {
  background: #eee;
}
.range__list {
  display: flex;
  justify-content: space-between;
  height: auto;
  width:100%;
  overflow: hidden;
  padding-top: 16px;
  font-size:0.75rem;
  margin-top:-5px;
}

.range__opt {
	position:relative;
	cursor:pointer;
	width:30px;
    color: var(--slider-color);
    font-weight: bold;
}

.range__list.mortgage_cost .range__opt:nth-child(2){
	position: absolute;
  	left: 12%;
  	transform: translateX(-50%); 
}
.range__list.mortgage_cost .range__opt:last-child{
	position: absolute;
  	right: 0;
}
.range__list.mortgage_cost .range__opt:nth-child(3){
	position: absolute;
  	left: 28%;
  	transform: translateX(-50%); 
}
.range__list.mortgage_cost .range__opt:nth-child(5){
	position: absolute;
  	left: 75%;
  	transform: translateX(-50%); 
}

.range__list.mortgage_cost .range__opt.middle-child{
	position: absolute;
  	left: 50%;
  	transform: translateX(-50%); 
}
.range__list .range__opt:not(:first-child):before {
  content: "";
  display: block;
  width: 1px;
  height: 6px;
 /* margin-left: 3px; */
  position: absolute;
  left: 35%;
  top: -15px;
  text-indent: 0;
  background: var(--slider-color);
  border: none;
}
.range__list .range__opt:last-child:before {
	left:55%;
}
.range__list .range__opt:last-child {
	margin-left:-10px;
	transform: translateX(-10px);
	--webkit-transform: translateX(-10px);
	-moz-transform: translateX(-10px);
}

.mortgage-form .field.postalCode, .mortgage-form .field.phone, .mortgage-form .field.email {
	display:grid;
	grid-column-start:1;
	grid-column-end:3;
}
.mortgage-form.your-rate .actions {
	margin-left:0;
	max-width:100%;
}
.mortgage-wrapper .mortgage-form.your-rate .actions .disclaimer, .mortgage-wrapper .mortgage-form.your-rate .actions .consent-full-text {
	margin-left:0;
}

.icon[title]:hover::after {
    right: 50%;
    transform: translateX(80%);
}
.lock-container-short .info-icon {
	background:var(--primary-color);
    color: var(--color-white);
    border: 1px solid transparent;
    border-radius: 50%;
    padding: 0 4px;
    font-size: 0.525rem;
    font-weight: 900;
    margin-bottom:5px;
}
.mortgage-form #mortgage-total-notice {
    width:65%;
    margin:auto;
}

/* mobile only design */
@media screen and (max-width: 550px) {
    .js .site-header {
        padding:20px 16px 10px 20px;
    }
    .mortgage-form.your-rate .mortgage-form.heading .form-header h2 {
        padding:0;
        font-size: 24px
    }
    .mortgage-form.your-rate .mortgage-form.heading .form-header p {
        font-size:18px;
        margin-bottom:10px;
    }
    .mortgage-form.your-rate .gauge {
        margin-bottom: 20px;
    }
    .mortgage-form .field.radio-buttons.purchase-info .options li {
        height: 70px;
    }
}