#loans-lp {
    --blue: #293889;
    --red: #FC0D1B;
    --yellow: #F7D330;
    --gray: #D9D9D9;
    --black: #101010;
    font-size: 16px;
    color: var(--black);
    /*
    background-position: bottom center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-image: url(../../images/lps/loans/patterned-back.jpg);
    background-image: -webkit-image-set(url("../../images/lps/loans/patterned-back.jpg") 1x, url("../../images/lps/loans/patterned-back@2x.jpg") 2x);
    */
}
#loans-lp h3 {
    font-size: 46px;
    line-height: 56px;
}
#loans-lp h4 {
    font-size: 36px;
    line-height: 52px;
}
#loans-lp ul.red-list li, 
#loans-lp ul.blue-list li {
    position: relative;
}
#loans-lp ul.red-list li:before, 
#loans-lp ul.blue-list li:before {
    content: '';
    display: block;
    height: auto;
    aspect-ratio: 1 / 1;
    position: absolute;
    left: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
#loans-lp ul.red-list li {
    padding-left: 35px;
}
#loans-lp ul.blue-list li {
    padding-left: 31px;
}
#loans-lp ul.red-list li:before {
    width: 25px;
    background-image: url(../../images/lps/loans/checkmark-red.svg);
}
#loans-lp ul.blue-list li:before {
    width: 21px;
    background-image: url(../../images/lps/loans/checkmark-blue.svg);
}
#loans-hero {
    --content-width: 1355px;
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../../images/lps/loans/hero-back.jpg);
    background-image: -webkit-image-set(url("../../images/lps/loans/hero-back.jpg") 1x, url("../../images/lps/loans/hero-back@2x.jpg") 2x);
    padding-bottom: 129px;
    padding-top: 91px;
}
#loans-hero .container {
    column-gap: 52px;
}
#loans-hero .lh-left {
    width: 670px;
}
#loans-hero h1 {
    font-size: 80px;
    line-height: normal;
    margin-bottom: 45px;
}
#loans-hero h2 {
    font-size: 46px;
    line-height: normal;
    margin-bottom: 45px;
}
#loans-hero .lh-left p {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 45px;
}
#loans-hero ul {
    column-gap: 46px;
    row-gap: 30px;
    grid-template-columns: 1.2fr 1fr 1fr;
}
#loans-hero li {
    font-size: 20px;
    line-height: 27px;
    column-gap: 15px;
}
#loans-hero li.last {
    grid-column: span 2;
}
#loans-hero .lh-left .button {
    width: 283px;
    height: 60px;
    margin-top: 45px;
    font-size: 30px;
}
#loans-hero .lh-right {
    flex-grow: 1;
}
#loans-form {
    background-color: #F5F5F5;
    border-radius: 15px;
    padding: 32px 20px;
}
#loans-form form.uni-style{
    width: 100%;
}
#loans-form form.uni-style .form-field textarea {
    height: 116px;
}
#loans-form form.uni-style .form-field .field-textarea label{
    top: 1em;
}
#loans-form form.uni-style .form-field .field-textarea.focused label,
#loans-form form.uni-style .form-field .field-textarea.has-value label{
    margin-top: 0;
}
#loans-hero .lh-right p {
    font-size: 16px;
    line-height: 17px;
    margin-bottom: 21px;
}
#loans-hero .lh-right p.form-text {
    width: 330px;
    font-size: 32px;
    line-height: normal;
    margin-bottom: 10px;
}
#loans-form form.uni-style .button {
    width: 192px;
    height: 40px;
    font-size: 20px;
}
#loans-hero .lh-right p.after-form {
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 23px;
}
.lf-thanks {
    min-height: 528px;
}
#loans-hero .lh-right .lf-thanks p.bold {
    width: 446px;
    font-size: 32px;
    line-height: normal;
    margin-bottom: 7px;
}
#loans-basic {
    --content-width: 100%;
    padding-top: 100px;
    padding-bottom: 92px;
}
#loans-basic .h2 {
    font-size: 46px;
    line-height: 1;
    margin-bottom: 50px;
}
#loans-basic .lb-items {
    column-gap: 75px;
}
#loans-basic .lb-item {
    column-gap: 20px;
}
#loans-basic .lb-item p {
    font-size: 20px;
    line-height: 21px;
}
#loans-patterned {
    padding-top: 60px;
    padding-bottom: 104px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../../images/lps/loans/patterned-back.jpg);
    background-image: -webkit-image-set(url("../../images/lps/loans/patterned-back.jpg") 1x, url("../../images/lps/loans/patterned-back@2x.jpg") 2x);
}
#loans-patterned h3 {
    margin-bottom: 31px;
}
#loans-patterned p {
    width: 1041px;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 1em;
}
#loans-patterned .lp-items {
    margin-top: 70px;
    column-gap: 60px;
    width: 1155px;
}
#loans-patterned .lp-item {
    border-radius: 30px;
    padding: 42px 22px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    flex-basis: calc(33.333% - 40px);
    flex-shrink: 0;
}
#loans-patterned .lp-items button {
    font-size: 32px;
    margin-bottom: 37px;
}
#loans-patterned .lp-items p {
    font-size: 20px;
    width: auto;
}
#steps {
    padding-top: 80px;
    padding-bottom: 78px;
}
#steps .container {
    --content-width: 1194px;
    position: relative;
    z-index: 3;
}

#steps .title {
    font-size: 46px;
    line-height: 51px;
    margin-bottom: 25px;
}

#steps p {
    font-size: 16px;
    line-height: 24px;
}

#steps .step-items .subt {
    font-size: 30px;
    line-height: 1.2;
    margin-top: 19px;
    margin-bottom: 14px;
}

#steps .inner p {
    font-size: 22px;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 50px;
}
#steps .step-items p {
    font-size: 20px;
    line-height: 1.65;
}
#steps .step-items .number {
    font-size: 50px;
    border-radius: 50%;
    color: var(--white);
    background-color: var(--blue);
    height: 85px;
    width: 85px;
    line-height: 85px;
    margin: 0 auto;
    position: relative;
}

#steps .step-items .number::after {
    content: '';
    position: absolute;
    background-image: url('../../images/lps/loans/step-arrow.png');
    background-image: image-set(url('../../images/lps/loans/step-arrow.png') 1x, url('../../images/lps/loans/step-arrow@2x.png') 2x);
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    width: min(314px, 22vw);
    height: 7px;
    top: 55%;
    left: 94px;
    transform: translateY(-50%);
}

#steps .swiper-slide:last-of-type .number:after {
    display: none;
}

#steps .button {
    margin-top: 20px;
    height: 60px;
    width: 283px;
    line-height: 1;
    font-size: 30px;
}

#steps .swiper-button-prev {
    left: 45px;
}

#steps .swiper-button-next {
    right: 45px;
    transform: scale(-1);
}

#steps .swiper-button-next,
#steps .swiper-button-prev {
    background-image: url('../../images/lps/loans/arrow.png');
    background-image: image-set(url('../../images/lps/loans/arrow.png') 1x, url('../../images/lps/loans/arrow@2x.png') 2x);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    top: 23%;
}

#steps .swiper-button-next::after,
#steps .swiper-button-prev::after {
    display: none;
}
#loans-faq {
    padding-top: 75px;
    padding-bottom: 67px;
    background-color: #F7F7F7;
}
#loans-faq .container {
    width: 875px;
}
#loans-faq h3 {
    font-size: 36px;
    line-height: 52px;
}
.lf-list {
    margin-top: 48px;
}
.lf-item {
    border-radius: 10px;
    padding: 24px 18px 20px 25px;
}
.lf-item + .lf-item {
    margin-top: 18px;
}
.lf-item .toggle-sign {
    width: 23px;
    height: 23px;
    flex-shrink: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../../images/lps/loans/icon-plus.png);
    background-image: -webkit-image-set(url("../../images/lps/loans/icon-plus.png") 1x, url("../../images/lps/loans/icon-plus@2x.png") 2x);
}
.lf-item.active .toggle-sign {
    background-image: url(../../images/lps/loans/icon-minus.png);
    background-image: -webkit-image-set(url("../../images/lps/loans/icon-minus.png") 1x, url("../../images/lps/loans/icon-minus@2x.png") 2x);
}
.lf-question {
    font-size: 20px;
}
.lf-item.active .lf-question {
}
.lf-item:not(.active) .lf-answer {
    display: none;
}
.lf-answer {
    padding-top: 14px;
    padding-right: 44px;
}
.lf-answer p {
    font-size: 20px;
    line-height: 26px;
}
#loans-solution {
    padding-top: 60px;
    padding-bottom: 53px;
    background-color: #F7F7F7;
}
#loans-solution h3 {
    margin-bottom: 30px;
    line-height: 46px;
}
#loans-solution p {
    width: 1015px;
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 46px;
}
#loans-solution ul {
    width: 720px;
    column-count: 2;
}
#loans-solution li {
    font-size: 20px;
    line-height: 27px;
}
#loans-solution li:before {
    top: 6px;
}
#loans-solution li + li {
    margin-top: 30px;
}
#loans-solution li:nth-child(4) {
    break-after: column;
}
#loans-solution li:nth-child(5) {
    margin-top: 0;
}
#loans-approval {
    --content-width: 1351px;
    padding-top: 108px;
    padding-bottom: 80px;
}
#loans-approval .la-inner {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../../images/lps/loans/yellow-back.jpg);
    background-image: -webkit-image-set(url("../../images/lps/loans/yellow-back.jpg") 1x, url("../../images/lps/loans/yellow-back@2x.jpg") 2x);
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
    padding: 64px 15px 48px;
}
#loans-approval .la-tag {
    font-size: 22px;
    line-height: 32px;
    padding: 15px 25px;
    top: -38px;
    left: -34px;
    border-radius: 31px;
}
#loans-approval h4 {
    margin-bottom: 29px;
}
#loans-approval p {
    width: 660px;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 32px;
}
#loans-approval ul {
    column-gap: 50px;
}
#loans-approval li {
    font-size: 20px;
    line-height: 27px;
}
#loans-approval li:before {
    top: 6px;
}
#loans-approval .button {
    width: 284px;
    height: 60px;
    font-size: 29px;
    margin-top: 39px;
}
#loans-map {
    --content-width: 1245px;
    padding-bottom: 55px;
}
#loans-map .lm-left {
    width: 565px;
    flex-grow: 0;
}
#loans-map .lm-right {
    flex-grow: 0;
}
#loans-map .lm-right iframe{
    max-width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.7921147;
}
#loans-map h4 {
    margin-bottom: 30px;
}
#loans-map p {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 30px;
}
#loans-map ul {
    column-count: 3;
}
#loans-map li {
    font-size: 20px;
    line-height: 27px;
}
#loans-map li + li {
    margin-top: 20px;
}
#loans-map li:nth-child(3),
#loans-map li:nth-child(6) {
    break-after: column;
}
#loans-map li:nth-child(4),
#loans-map li:nth-child(7) {
    margin-top: 0;
}
#loans-rates {
    --content-width: 765px;
    padding-top: 80px;
    padding-bottom: 70px;
}
#loans-rates h4 {
    margin-bottom: 6px;
}
#loans-rates h5 {
    margin-bottom: 23px;
    font-size: 26px;
    line-height: 52px;
}
#loans-rates p {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 28px;
}
#loans-rates p.semibold {
    margin-bottom: 30px;
}
#loans-rates p.bottom-text {
    width: 640px;
    font-size: 16px;
    line-height: 26px;
}
#loans-rates ul {
    width: 645px;
    column-gap: 36px;
    margin-bottom: 30px;
}
#loans-rates li {
    font-size: 20px;
    line-height: 27px;
}
#loans-rates .button {
    width: 283px;
    height: 60px;
    font-size: 30px;
    margin-top: 38px;
}
@media screen and (min-width: 992px) {

    #steps .swiper-button-prev,
    #steps .swiper-button-next {
        display: none;
    }
}

@media screen and (max-width: 1199px) {
    #loans-hero .lh-left {
        max-width: 50%;
    }
    #loans-hero h1 {
        font-size: 53px;
        line-height: 1;
        margin-bottom: 25px;
    }
    #loans-hero h2 {
        font-size: 26px;
        line-height: normal;
        margin-bottom: 35px;
    }
    #loans-hero .lh-left p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 37px;
    }
    #loans-hero ul {
        row-gap: 23px;
        justify-content: center;
    }
    #loans-hero li {
        font-size: 16px;
        line-height: 21px;
        column-gap: 10px;
    }
    #loans-hero li img {
        width: 35px;
    }
}
@media screen and (max-width: 991px) {
    #loans-hero {
        padding-top: 41px;
    }
    #loans-hero .container {
        flex-direction: column;
        row-gap: 40px;
    }
    #loans-hero .lh-left {
        max-width: 100%;
        width: 100%;
    }
    #loans-hero h1,
    #loans-hero p,
    #loans-hero h2 {
        text-align: center;
    }
    #loans-hero h1 span {
        display: block;
    }
    #loans-hero .lh-left .button {
        width: 160px;
        height: 40px;
        font-size: 20px;
        margin: 46px auto 0;
    }
    #loans-basic .lb-items {
        flex-wrap: wrap;
        row-gap: 26px;
        column-gap: 10px;
    }
    #loans-basic .lb-item {
        column-gap: 13px;
    }
    #loans-basic .lb-item p {
        line-height: 24px;
    }
    #loans-basic .lb-icon {
        width: 27px;
    }
    #loans-patterned .lp-items {
        flex-direction: column;
        row-gap: 20px;
    }
    #steps .number::after {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    #loans-hero {
        padding-bottom: 97px;
        position: relative;
    }
    #loans-hero ul {
        display: grid;
        grid-template-columns: 0.9fr 1fr;
        column-gap: 25px;
    }
    #loans-hero li:nth-child(1){
        order: 1;
    }
    #loans-hero li:nth-child(2){
        order: 3;
    }
    #loans-hero li:nth-child(3){
        order: 5;
    }
    #loans-hero li:nth-child(4){
        order: 2;
    }
    #loans-hero li:nth-child(5){
        order: 4;
        grid-row: span 2;
        grid-column: auto;
        align-self: start;
    }
    #loans-hero ul br {
        display: none;
    }
    #loans-hero .show-loans-form {
        margin-top: 22px;
    }
    #loans-hero .lh-right {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        min-height: 100%;
        z-index: 1;
    }
    #loans-hero .active .lh-right {
        display: flex;
    }
    #loans-form {
        border-radius: 0;
        width: 100%;
        padding-top: 45px;
    }
    #loans-form .close-icon {
        top: 31px;
        right: 18px;
    }
    #loans-hero .lh-right p {
        font-size: 15px;
        line-height: 1;
    }
    #loans-hero .lh-right p.form-text {
        font-size: 25px;
        margin-bottom: 10px;
    }
    #loans-hero .lh-right p.after-form {
        font-size: 18px;
        line-height: 28px;
    }
    #loans-lp h3,
    #loans-lp h4 {
        font-size: 32px;
        line-height: 42px;
    }
    #loans-basic {
        padding-top: 39px;
        padding-bottom: 66px;
    }
    #loans-basic .h2 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 27px;
    }
    #loans-basic .lb-items {
        flex-direction: column;
    }
    #loans-patterned {
        padding-top: 50px;
        padding-bottom: 75px;
    }
    #loans-patterned p {
        font-size: 20px;
        line-height: 30px;
    }
    #loans-patterned .lp-items {
        margin-top: 43px;
    }
    #loans-patterned .lp-item {
        padding-top: 21px;
        padding-bottom: 21px;
    }
    #loans-patterned .lp-items button {
        margin-bottom: 0;
        cursor: pointer;
        font-size: 25px;
        color: var(--black);
    }
    #loans-patterned .lp-items button .toggle-arrow{
        width: 15px;
        height: 8px;
        right: 0;
        top: 11px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(../../images/lps/loans/arrow-up.png);
        background-image: -webkit-image-set(url("../../images/lps/loans/arrow-up.png") 1x, url("../../images/lps/loans/arrow-up@2x.png") 2x);
    }
    #loans-patterned .lp-items .active button .toggle-arrow {
        background-image: url(../../images/lps/loans/arrow-down.png);
        background-image: -webkit-image-set(url("../../images/lps/loans/arrow-down.png") 1x, url("../../images/lps/loans/arrow-down@2x.png") 2x);
    }
    #loans-patterned .lp-items p {
        margin-top: 25px;
        display: none;
    }
    #loans-patterned .lp-items .active p {
        display: block;
    }
    #loans-solution {
        padding-top: 52px;
        padding-bottom: 53px;
    }
    #loans-solution h3 {
        margin-bottom: 39px;
    }
    #loans-solution h3 span {
        display: block;
    }
    #loans-solution p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 50px;
    }
    #loans-solution ul {
        column-count: 1;
    }
    #loans-solution li:nth-child(4) {
        break-after: avoid;
    }
    #loans-solution li:nth-child(5) {
        margin-top: 30px;
    }
    #loans-approval {
        padding-top: 77px;
        padding-bottom: 99px;
    }
    #loans-approval .la-inner {
        border-top-right-radius: 20px;
        padding-top: 91px;
        padding-bottom: 63px;
    }
    #loans-approval .la-tag {
        font-size: 17px;
        line-height: 25px;
        top: -18px;
        left: -36px;
        padding-left: 41px;
        max-width: calc(100% + 36px);
    }
    #loans-approval h4 {
        margin-bottom: 34px;
    }
    #loans-approval p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 23px;
    }
    #loans-approval ul {
        flex-direction: column;
        row-gap: 30px;
    }
    #loans-approval .button {
        width: 190px;
        height: 40px;
        font-size: 20px;
        margin-top: 33px;
    }
    #loans-map .container {
        flex-direction: column-reverse;
        row-gap: 74px;
    }
    #loans-map .lm-left {
        max-width: 100%;
    }
    #loans-map h4 {
        text-align: center;
        margin-bottom: 44px;
    }
    #loans-map h4 span {
        display: block;
    }
    #loans-map p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 41px;
        text-align: center;
    }
    #loans-map ul {
        display: grid;
        grid-template-columns: 1.2fr 1fr;
        column-gap: 20px;
    }
    #loans-map li:nth-child(3), 
    #loans-map li:nth-child(6) {
        break-after: avoid;
    }
    #loans-map li + li,
    #loans-map li:nth-child(4),
    #loans-map li:nth-child(7) {
        margin-top: 18px;
    }
    #loans-map li:nth-child(2) {
        margin-top: 0;
    }
    #loans-faq {
        padding-top: 39px;
        padding-bottom: 56px;
    }
    .lf-list {
        margin-top: 20px;
    }
    .lf-item {
        padding: 25px 15px;
    }
    .lf-item + .lf-item {
        margin-top: 20px;
    }
    .lf-question {
        font-size: 18px;
        color: var(--black);
    }
    .lf-answer p {
        font-size: 16px;
    }
    #loans-rates {
        padding-top: 58px;
        padding-bottom: 76px;
    }
    #loans-rates h4 {
        margin-bottom: 16px;
    }
    #loans-rates p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 40px;
        text-align: center;
    }
    #loans-rates p.semibold {
        margin-bottom: 20px;
    }
    #loans-rates h5 {
        font-size: 26px;
        line-height: normal;
        margin-bottom: 37px;
    }
    #loans-rates ul {
        flex-direction: column;
        row-gap: 30px;
    }
    #loans-rates p.bottom-text {
        font-size: 18px;
    }
    #loans-rates .button {
        width: 190px;
        height: 40px;
        font-size: 20px;
        margin-top: 33px;
    }
}

@media screen and (max-width: 567px) {
    #loans-hero {
        background-image: url(../../images/lps/loans/hero-back-m.jpg);
        background-image: -webkit-image-set(url("../../images/lps/loans/hero-back-m.jpg") 1x, url("../../images/lps/loans/hero-back-m@2x.jpg") 2x);
    }
    #steps {
        padding-top: 63px;
        padding-bottom: 65px;
    }

    #steps .inner {
        margin-top: 0;
    }

    #steps .title {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 9px;
        margin-top: 0;
        text-transform: capitalize;
    }

    #steps p {
        font-size: 16px;
        line-height: 24px;
        margin: 10px auto 0 auto;
    }
    #steps .inner p {
        font-size: 20px;
        line-height: 30px;
    }

    #steps p br {
        display: none;
    }

    #steps .number {
        margin-bottom: 29px;
    }

    #steps .swiper {
        margin-top: 43px;
    }

    #steps .desc {
        font-size: 14px;
        line-height: 19px;
    }
    #steps .step-items p {
        font-size: 16px;
        line-height: 28px;
        margin-top: 0;
    }
    #steps .step-items .subt {
        font-size: 20px;
        line-height: normal;
        margin-bottom: 20px;
        margin-top: 28px;
    }

    #steps .swiper-cont {
        padding: 0 23px;
    }

    #steps .button {
        width: 190px;
        height: 40px;
        font-size: 20px;
    }

    #steps .swiper-button-next,
    #steps .swiper-button-prev {
        width: 35px;
        height: 35px;
        top: 46px;
    }

    #steps .swiper-button-next {
        right: 0;
    }

    #steps .swiper-button-prev {
        left: 0;
    }
}