body {
    background: #f5fcff;
    overflow-y: hidden;
}

.text-color-1 {
    color: #7030a0;
}

.text-color-2 {
    color: #d158c5;
}

/********** LOAN BANNER **********/
.loan-top-slider {
    width: calc(100vw - 8px);
    margin: -45px 0 20px;
    background: #48428e;
    position: relative;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    right: 50%;
    top: 0;
}

.loan-top-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    clear: both;
    padding: 30px 10%;
    background: url('../img/loan/banner-bg-bar.png') bottom repeat-x, url('../img/loan/banner-bg.jpg') calc(50% + -70px) top;
    background-size: auto, cover;
}

.loan-top-banner.banner2 {
    background: url('../img/loan/banner2-bg-bar.png') bottom repeat-x, url('../img/loan/banner2-bg.jpg') calc(50% + -70px) top;
    background-size: auto, cover;
}

.loan-banner-text-fig img {
    display: block;
    margin-top: 17px;
}

.loan-banner-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    width: 400px;
    max-width: 40%;
}

.loan-banner-title {
    color: #b86d76;
    text-align: right;
    font-size: min(max(28px, 2vw), 40px);
}

.loan-banner-text {
    color: #2c2c2c;
    font-size: min(max(16px, 0.85vw), 40px);
    line-height: 1.8;
    text-align: justify;
}

.loan-banner-btn-wrap {
    /* text-align: left; */
}

.loan-banner-btn-wrap.\@mobile {
    display: none;
}

.loan-banner-btn-wrap a {
    display: inline-block;
    color: #17026A;
    text-align: center;
    font-size: clamp(18px, 1vw, 40px);
    font-weight: 900;
    padding: 10px 25px;
    border-radius: 30px;
    background: #de0093;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.25);
    box-shadow: 0 0 4px rgba(0,0,0,.25);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.loan-banner-btn-wrap a:hover {
    color: #de0093;
    background: #fff;
}

.loan-banner-fig {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.msh-slides .loan-banner-fig {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    max-width: 880px;
    text-align: center;
    margin: 0 auto;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: translateX(50px) scale(.9);
    -ms-transform: translateX(50px) scale(.9);
    transform: translateX(50px) scale(.9);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

.msh-slides .active .loan-banner-fig {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.loan-banner-fig img {
    width: 100%;
    min-height: clamp(146px, 20vw, 300px);
    -o-object-fit: contain;
    object-fit: contain;
}

/********** LOAN INTRO **********/
.loan-intro-wrap {
    margin: 40px 0;
}

.loan-intro-title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    gap: 10px;
}

.loan-intro-title {
    font-size: 22px;
}

.tour-balloon-open {
    color: #fff;
    text-align: center;
    font-size: 20px;
    white-space: nowrap;
    padding: 5px 25px;
    margin-right: auto;
    border: 0;
    border-radius: 10px;
    background: #d158c5;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.tour-balloon-open::after {
    content: '\e93d';
    display: inline-block;
    width: 14px;
    height: 14px;
    padding: 2px;
    margin: 0 4px;
    font: 900 7px pacific;
    border-radius: 50%;
    border: 1px solid #fff;
    vertical-align: 4px;
}

.loan-intro-text {
    font-size: 16px;
    text-align: justify;
    line-height: 1.8;
    margin: 15px 0;
}

/********** LOAN STATE **********/
.loan-state-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 30px;
    margin: 40px 0 50px;
    overflow-x: auto;
    overflow-y: hidden;
}

.loan-state-list::-webkit-scrollbar-thumb {
    background: #e8e8e8;
}

.loan-state-list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}

.loan-state-list > li::after {
    content: '\e80e';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 24px;
    height: 24px;
    color: #c4c4c4;
    text-align: center;
    font: 12px/2em pacific;
    margin: 5px auto;
    border-radius: 50%;
    border: 1px solid #c4c4c4;
    font-size: 12px;
}

.loan-state-list > li:not(:first-child)::before {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    content: '';
    display: inline-block;
    width: 8vw;
    min-width: clamp(50px, 15vw, 84px);
    max-width: 200px;
    margin: 0 10px;
    border-top: 1px solid #c4c4c4;
}

.loan-state-list > li > span {
    font-size: clamp(12px, 2vw, 16px);
    white-space: nowrap;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 12px;
    top: 100%;
}

[loan-state=Unregistered] .loan-state-unregister::after,
[loan-status=Registered] .loan-state-unconfirm::after,
[loan-state=Unconfirmed] .loan-state-unconfirm::after,
[loan-state=Confirmed] .loan-state-confirm::after,
[loan-state=Pending] .loan-state-pending::after,
[loan-state=Accepted] .loan-state-accept::after {
    content: '\e80d';
    width: 32px;
    height: 32px;
    color: #fff;
    font-size: 16px;
    border: none;
    background: #d158c5;
}

[loan-status=Registered] .loan-state-unregister::after,
[loan-state=Unconfirmed] .loan-state-unregister::after,
[loan-state=Confirmed] .loan-state-unregister::after,
[loan-state=Confirmed] .loan-state-unconfirm::after,
[loan-state=Pending] .loan-state-unregister::after,
[loan-state=Pending] .loan-state-unregister::after,
[loan-state=Pending] .loan-state-unconfirm::after,
[loan-state=Pending] .loan-state-confirm::after,
[loan-state=Accepted] .loan-state-unregister::after,
[loan-state=Accepted] .loan-state-unconfirm::after,
[loan-state=Accepted] .loan-state-confirm::after,
[loan-state=Accepted] .loan-state-pending::after,
[loan-state=Rejected] .loan-state-unregister::after,
[loan-state=Rejected] .loan-state-unconfirm::after,
[loan-state=Rejected] .loan-state-confirm::after,
.loan-state-accept[is-spent=true]::after {
    content: '\e815';
    width: 32px;
    height: 32px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    border: none;
    background: #52B788;
}

[loan-state=Rejected] .loan-state-pending::after {
    content: '\e90a';
    width: 32px;
    height: 32px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    border: none;
    background: #e5383b;
}

/********** LOAN FIX BAR **********/
.loan-fix-bar-wrap {
    width: 100%;
    color: #fff;
    background: #d158c5;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    right: 0;
}

.loan-fix-bar-wrap .master-wrapper-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    gap: 15px;
}

/********** LOAN STATUS **********/
.loan-status-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
}

.loan-status-wrap>span {
    display: inline-block;
    font-size: 16px;
    padding: 10px 0;
}

.loan-status-point span {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 0 5px;
    vertical-align: middle;
}

[class^=loan-status-ico-] span {
    font-weight: 500;
}

[class^=loan-status-ico-]::before {
    display: inline-block;
    width: 32px;
    font: 24px pacific;
    vertical-align: middle;
}

.loan-status-ico-success {
    display: inline-block;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    background: #52B788;
    position: relative;
}

.loan-status-ico-success img,
.loan-status-ico-fail img {
    width: 25px;
    height: 25px;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    right: 13px;
    top: -10px;
}

.loan-status-ico-fail {
    display: inline-block;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    background: #e5383b;
    position: relative;
}

.loan-status-point img {
    display: inline-block;
    width: 28px;
    vertical-align: middle;
}

.loan-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 15px;
    border-bottom: 1px solid #dce3e5;
}

.loan-landing:not([loan-status=Unregisterd]) .loan-filters {
    border-top: 1px solid #dce3e5;
    border-bottom: 0;
}

.loan-filters>span {
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
}

.loan-filters label {
    letter-spacing: -0.9px;
}

.loan-info-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
    margin-right: auto;
    gap: 10px 36px;
}

.ewallet-balance {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: auto;
    gap: 10px;
}

.ewallet-balance-qty {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
}

.loan-status-point {
    /* margin-right: auto; */
}

.loan-filters-refund {
    font-size: 14px;
}

.loan-filters-refund .msh-dropdown {
    margin: 0 4px 0 0;
}

.loan-filters-refund>span {
    padding: 0;
}

.loan-filters-order {
    font-size: 14px;
}

.loan-filters-order .msh-dropdown {
    margin: 0 4px 0 0;
}

.loan-filters-order::before {
    content: '\e911';
    display: inline-block;
    font: 18px pacific;
    margin: 10px 5px;
    vertical-align: middle;
}

/********** LOAN PLANS **********/
.loan-plans-wrap {
    margin: 50px 0 0;
}

.loan-plans-list {
    --grid-column-count: 3;
    --grid-layout-gap: 30px;
    --grid-item-min-width: 270px;
    --gap-count: calc(var(--grid-column-count) - 1);
    --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
    --grid-item-max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item-min-width), var(--grid-item-max-width)), 1fr));
    grid-gap: 50px var(--grid-layout-gap);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
}

.loan-plans-list .loan-plans-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: 2.5s cubic-bezier(0.7, -0.4, 0.4, 1.4);
    -o-transition: 2.5s cubic-bezier(0.7, -0.4, 0.4, 1.4);
    transition: 2.5s cubic-bezier(0.7, -0.4, 0.4, 1.4);
}

[loan-status=Pending] .loan-plans-list,
[loan-status=Accepted] .loan-plans-list,
[loan-status=Rejected] .loan-plans-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

[loan-status=Pending] .loan-plans-list .loan-plans-item,
[loan-status=Accepted] .loan-plans-list .loan-plans-item,
[loan-status=Rejected] .loan-plans-list .loan-plans-item {
    width: calc(100% / var(--grid-column-count));
    min-width: 270px;
}

.loan-plans-list .loan-plans-item:hover {
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.loan-plans-item.hide {
    display: none !important;
}

.loan-plans-item.show {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.loan-landing:not([loan-status=Pending]):not([loan-status=Accepted]):not([loan-status=Rejected]) .loan-plans-item:hover {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
}

.loan-plans-card {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 6px;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .25);
    box-shadow: 0 0 4px rgba(0, 0, 0, .25);
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}

.loan-plans-det {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 25px;
    position: relative;
}

.loan-plans-item:hover .loan-plans-card {
    -webkit-box-shadow: 0 0 0 3px #0f4d5c;
    box-shadow: 0 0 0 3px #0f4d5c;
    -webkit-transform: scale(.99);
    -ms-transform: scale(.99);
    transform: scale(.99);
}

[loan-status=Pending] .loan-plans-item .loan-plans-card,
[loan-status=Accepted] .loan-plans-item .loan-plans-card {
    -webkit-box-shadow: 0 0 0 3px #2F8A60;
    box-shadow: 0 0 0 3px #2F8A60;
    -webkit-transform: scale(.99);
    -ms-transform: scale(.99);
    transform: scale(.99);
}

[loan-status=Rejected] .loan-plans-item .loan-plans-card {
    -webkit-box-shadow: 0 0 0 3px #e5383a;
    box-shadow: 0 0 0 3px #e5383a;
    -webkit-transform: scale(.99);
    -ms-transform: scale(.99);
    transform: scale(.99);
}

.loan-plans-banner {
    /* height: 180px; */
    border-radius: 10px 10px 0 0;
    background: #a1c2f5;
}

.loan-plans-banner img {
    display: block;
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.loan-plans-title {
    color: #000;
    font-size: 16px;
    margin-bottom: 25px;
}

[class^=loan-plans-month] {
    color: #fff;
    padding: 4px 10px;
    border-radius: 50px;
    background: #d158c5;
    position: absolute;
    left: 25px;
}

.loan-plans-month\:10 {
    background: #8133CC;
}

.loan-plans-price {
    color: #0f4d5c;
    text-align: center;
    font-size: clamp(45px, 6vw, 60px);
    font-weight: bold;
    line-height: .8;
}

.loan-plans-price-unit {
    color: #000;
    text-align: center;
    font-size: 19px;
    margin-top: 8px;
}

.loan-plans-det-list {
    margin: 15px 0 0;
}

.loan-plans-det-list>li {
    color: rgba(0,0,0,.8);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.8;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.loan-plans-det-list>li:before {
    content: '\e877';
    display: inline-block;
    width: 18px;
    color: rgba(0, 0, 0, .5);
    font: 11px pacific;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

[loan-status=Pending] .loan-plans-det-list>li:before,
[loan-status=Accepted] .loan-plans-det-list>li:before,
.loan-plans-item:hover .loan-plans-det-list>li:before {
    color: #52b788;
}

.loan-plans-btn-wrap {
    text-align: center;
    margin: auto 0 0;
}

.loan-plans-btn {
    width: 250px;
    max-width: 100%;
    color: var(--color-main);
    text-align: center;
    font-weight: 500;
    padding: 14px 20px;
    margin-top: 15px;
    border-radius: 10px;
    border: 2px solid var(--color-main);
    background: #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    cursor: pointer;
}

.loan-plans-item:hover .loan-plans-btn {
    color: var(--color-on-main);
    border-color: var(--color-main);
    background: var(--color-main);
}

.loan-plans-btn.point-inc {
    color: var(--color-alt);
    border-color: var(--color-alt);
    pointer-events: auto;
}

.loan-plans-item:hover .loan-plans-btn.point-inc {
    color: var(--color-on-alt);
    border-color: var(--color-alt);
    background: var(--color-alt);
}

.loan-plans-done-btn {
    width: 250px;
    max-width: 100%;
    color: #fff;
    text-align: center;
    font-weight: 500;
    padding: 14px 20px;
    margin-top: 15px;
    border-radius: 10px;
    border: 2px solid #2F8A60;
    background: #2F8A60;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    cursor: auto;
}

.loan-plans-done-btn::before {
    content: '\e815';
    display: inline-block;
    font: 900 10px pacific;
    vertical-align: middle;
    margin: 0 -8px 0 8px;
}

[loan-status=Rejected] .loan-plans-done-btn {
    border: 2px solid #e5383a;
    background: #e5383a;
}

[loan-status=Rejected] .loan-plans-done-btn::before {
    content: '\e90a';
}

.loan-plans-point-wrap {
    text-align: center;
    padding: 15px;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .25);
    box-shadow: 0 0 4px rgba(0, 0, 0, .25);
}

.loan-plans-point-qty {
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    margin: 0 5px;
    vertical-align: middle;
}

.loan-plans-point-qty small {
    font-size: 16px;
}

.loan-plans-point-icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle;
}

.loan-plans-more-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 480px;
    max-width: 100%;
    color: var(--color-main);
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 20px;
    margin: 20px auto;
    background: -o-linear-gradient(top, #fff 0%, #f1fafe 88%, rgba(217,217,217,0) 88%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(88%, #f1fafe), color-stop(88%, rgba(217,217,217,0)));
    background: linear-gradient(180deg, #fff 0%, #f1fafe 88%, rgba(217,217,217,0) 88%);
}

.loan-plans-more-btn svg {
    display: block;
    width: 16px;
    margin: 8px auto;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.loan-plans-more-btn.loan-show-less svg {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

/********** PLAN PENDING **********/
.loan-plans-pending-wrap {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    padding: 25px;
    border-radius: 10px;
    background: #ffbe0b;
}

.loan-plans-pending-tip {
    position: relative;
    z-index: 1;
}

.loan-plans-pending-tip::before {
    content: '\e93d';
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 2px;
    font: 900 9px pacific;
    border-radius: 50%;
    border: 1px solid #000;
}

.loan-plans-pending-tip div {
    width: 160px;
    color: #fff;
    text-align: initial;
    font-size: 10px;
    font-weight: 200;
    padding: 10px;
    border-radius: 10px;
    background: var(--color-alt2);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: fixed;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: calc(100% + 5px);
    top: 50%;
    opacity: 0;
}

.loan-plans-pending-tip:hover div {
    position: absolute;
    opacity: 1;
}

/********** PLAN ACCEPTED **********/
.loan-plans-accepted-wrap {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    padding: 25px;
    border-radius: 10px;
    background: #2f8a60;
}

.loan-plans-accepted-tip {
    position: relative;
    z-index: 1;
}

.loan-plans-accepted-tip::before {
    content: '\e93d';
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 2px;
    font: 900 9px pacific;
    border-radius: 50%;
    border: 1px solid #fff;
}

.loan-plans-accepted-tip div {
    width: 160px;
    color: #fff;
    text-align: initial;
    font-size: 10px;
    font-weight: 200;
    padding: 10px;
    border-radius: 10px;
    background: var(--color-alt2);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: fixed;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: calc(100% + 5px);
    top: 50%;
    opacity: 0;
}

.loan-plans-accepted-tip:hover div {
    position: absolute;
    opacity: 1;
}

/********** PLAN REJECTED **********/
.loan-plans-rejected-wrap {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    padding: 25px;
    border-radius: 10px;
    background: #e5383a;
}

.loan-plans-rejected-tip {
    position: relative;
    z-index: 1;
}

.loan-plans-rejected-tip::before {
    content: '\e93d';
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 2px;
    font: 900 9px pacific;
    border-radius: 50%;
    border: 1px solid #fff;
}

.loan-plans-rejected-tip div {
    width: 160px;
    color: #fff;
    text-align: initial;
    font-size: 10px;
    font-weight: 200;
    padding: 10px;
    border-radius: 10px;
    background: var(--color-alt2);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: fixed;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: calc(100% + 5px);
    top: 50%;
    opacity: 0;
}

.loan-plans-rejected-tip:hover div {
    position: absolute;
    opacity: 1;
}

/********** LOAN AGREEMENT MODAL **********/
.loan-agree-modal-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 20px;
    background: rgba(0, 0, 0, .5);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    pointer-events: none;
    position: fixed;
    z-index: 99999999;
    opacity: 0;
    right: 0;
    top: 0;
}

.loan-agree-modal-wrap.active {
    opacity: 1;
}

.loan-agree-modal {
    width: 540px;
    max-width: 100%;
    max-height: 100%;
    padding: 25px 40px;
    border-radius: 30px;
    background: #fff;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    overflow: auto;
    opacity: 0;
}

.loan-agree-modal-wrap.active .loan-agree-modal {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
    pointer-events: auto;
    opacity: 1;
}

.loan-agree-modal-close {
    display: block;
    width: 20px;
    margin: 0 auto 0 -15px;
}

.loan-agree-modal-close::before {
    content: '\e90a';
    font: 900 15px pacific;
}

.loan-agree-ask {
    /* display: none; */
    padding: 0 16px;
}

.loan-agree-ask-ico {
    text-align: center;
    margin-bottom: 30px;
}

.loan-agree-ask-title {
    display: block;
    text-align: center;
    font-size: 16px;
    margin: 15px 0;
}

.loan-agree-ask-txt {
    font-size: 12px;
    text-align: justify;
    margin-bottom: 30px;
}

.loan-agree-ask-checkbox-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 10px;
}

#loanAgreeCheckbox {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    background: #2F8A60;
    cursor: pointer;
}

.loan-agree-ask-checkbox-wrap input+label {
    display: inline-block;
    text-align: justify;
    font-size: 12px;
    padding-right: 30px;
    margin-right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.loan-agree-ask-checkbox-wrap input + label::before {
    width: 20px;
    height: 20px;
    top: 4px;
}

.loan-agree-ask-checkbox-wrap input + label::after {
    width: 8px;
    height: 13px;
    margin-top: 4px;
    margin-right: 6px;
    border-width: 0 3px 3px 0;
}

.loan-agree-ask-checkbox-wrap label a {
    color: #007FBC;
    font-weight: 500;
    text-decoration: underline;
}

.loan-agree-ask-btn-wrap {
    text-align: center;
}

.loan-agree-ask-btn {
    width: 300px;
    padding: 15px;
}

.loan-agree-done {
    display: none;
}

.loan-agree-done-fig {
    text-align: center;
    margin-bottom: 30px;
}

.loan-agree-done-title {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

.loan-agree-done-txt {
    text-align: center;
    margin-bottom: 30px;
}

.loan-agree-done-btn-wrap {
    text-align: center;
}

.loan-agree-done-btn {
    width: 300px;
    padding: 15px;
}

/********** BANK APPROVAL **********/
.bank-approval-wrap {
    padding: 50px 0 80px;
    margin-top: 50px;
    position: relative;
    z-index: 1;
}

.bank-approval-wrap::before {
    content: '';
    width: 100vw;
    height: 100%;
    background: #fff;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-shadow: inset 0 0 4px 2px rgb(0 0 0 / 25%);
    box-shadow: inset 0 0 4px 2px rgb(0 0 0 / 25%);
    z-index: -1;
    left: 50%;
    top: 0;
}

.bank-approval-title {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
}

.bank-approval-txt {
    text-align: center;
    font-size: 16px;
    margin-bottom: 38px;
}

.bank-approval-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.bank-approval-form {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    min-width: 55%;
    text-align: center;
    /*     padding: 46px 20px; */
    border-radius: 0 10px 10px 0;
    /* -webkit-box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.25), -4px 0px 4px #DDF5FF; */
    /*     box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.25), -4px 0px 4px #DDF5FF; */
    overflow: auto;
}

.bank-approval-form img {
    height: 143px;
}

.bank-approval-form-txt {
    width: 415px;
    max-width: 100%;
    text-align: justify;
    font-size: 14px;
    padding: 15px 5px 0;
    margin: 0 auto;
}

.bank-approval-form-label {
    display: block;
    width: 420px;
    max-width: 100%;
    text-align: initial;
    font-size: 14px;
    font-weight: 500;
    margin: 0 auto 10px;
}

.bank-approval-form-input-wrap {
    width: 420px;
    max-width: 100%;
    margin: 0 auto;
}

.full-name-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 420px;
    max-width: 100%;
    text-align: right;
    margin: 36px auto 5px;
    gap: 3px 12px;
}

.first-name-wrap,
.last-name-wrap {
    text-align: right;
}

.first-name-wrap {
    width: 140px;
    max-width: 40%;
}

.last-name-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

label[for=firstName],
label[for=lastName],
label[for=nationalCode]{
    display: block;
    color: #000;
    text-align: right;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 4px;
}

.first-name-wrap input,
.last-name-wrap input {
    width: 100%
}

.bank-approval-form input.invalid {
    border: 2px solid #e5383b !important;
}

.first-name-error,
.last-name-error,
.national-code-error {
    width: 100%;
    color: #e5383b;
    text-align: right;
    font-size: 12px;
}

.birthday-input-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 420px;
    max-width: 100%;
    margin: 16px auto;
    border-radius: 10px;
    border: 1px solid #d9d9d9;
}

.bank-approval-form .birthday-input-wrap > input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto;
    height: 20px;
    min-width: 44px;
    text-align: center;
    padding: 0;
    margin: 14px 0;
    border-radius: 0;
    border: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.bank-approval-form .birthday-input-wrap > input:not(:last-of-type) {
    border-left: 1px solid #d9d9d9 !important;
}

.birthday-input-wrap #birthDatePicker {
    font-size: 0;
    border: 0;
    margin: 0;
    background: none;
}

.birthday-input-wrap #birthDatePicker::before {
    content: '\e90e';
    color: var(--color-main);
    font: 24px pacific;
    margin: 0 13px;
}

#bd-main-birthDatePicker {
    bottom: 40px;
    left: 0;
    top: auto !important;
}

#bd-main-birthDatePicker .bd-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
}

#bd-main-birthDatePicker .bd-title .bd-dropdown {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

#bd-main-birthDatePicker .bd-title .bd-dropdown select {
    text-align: center;
    font-size: 12px;
    padding: 0 8px 0 0;
    background: none;
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
}


#bd-main-birthDatePicker .bd-prev,
#bd-main-birthDatePicker .bd-next {
    font-size: 0;
    width: auto;
}

#bd-main-birthDatePicker .bd-prev::before,
#bd-main-birthDatePicker .bd-next::before {
    display: block;
    width: 12px;
    font: bold 12px pacific;
}

#bd-main-birthDatePicker .bd-prev::before { content: '\e80f' }
#bd-main-birthDatePicker .bd-next::before { content: '\e80e' }



.bank-approval-form-input-wrap>input[type=text] {
    width: 100%;
}

.loan-get-id-code-wrap input {
    height: 50px;
    border-radius: 10px;
    border: 1px solid #d9d9d9 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.loan-get-id-code-wrap input[readonly] {
    padding-left: 35px;
    border: 1px solid #d9d9d9 !important;
    background: #ececec url("data:image/svg+xml,%3Csvg width='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8642 24C18.4166 24 23.7284 18.6274 23.7284 12C23.7284 5.37258 18.4166 0 11.8642 0C5.31179 0 0 5.37258 0 12C0 18.6274 5.31179 24 11.8642 24Z' fill='%232F8A60'/%3E%3Cpath d='M16.941 6.21294C17.0573 6.08581 17.2189 6.00963 17.3908 6.00085C17.5627 5.99207 17.7312 6.05141 17.8598 6.16604L18.7961 7.03968C18.92 7.15858 18.993 7.32107 18.9995 7.49284C19.0061 7.6646 18.9457 7.83219 18.8313 7.96022L9.77772 17.8048C9.72283 17.8662 9.65563 17.9153 9.5805 17.949C9.50537 17.9826 9.42401 18 9.34172 18C9.25944 18 9.17807 17.9826 9.10295 17.949C9.02782 17.9153 8.96062 17.8662 8.90573 17.8048L4.15949 12.3636C4.04978 12.233 3.99309 12.0658 4.00067 11.8953C4.00826 11.7248 4.07958 11.5633 4.20046 11.4431L5.13098 10.5518C5.19297 10.4939 5.26595 10.4491 5.34557 10.4201C5.42519 10.391 5.50983 10.3783 5.59445 10.3827C5.67908 10.3871 5.76196 10.4085 5.83817 10.4456C5.91439 10.4827 5.98237 10.5348 6.03809 10.5987L9.05203 14.0229C9.08882 14.0642 9.1339 14.0973 9.18433 14.1199C9.23476 14.1426 9.28939 14.1543 9.34465 14.1543C9.39991 14.1543 9.45454 14.1426 9.50497 14.1199C9.5554 14.0973 9.60048 14.0642 9.63727 14.0229L16.941 6.21294Z' fill='white'/%3E%3C/svg%3E%0A");
    background-position: 8px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}

.bank-approval-btn-wrap {
    text-align: center;
}

.bank-approval-btn {
    display: inline-block;
    width: 300px;
    max-width: 100%;
    color: var(--color-on-main);
    padding: 15px 20px;
    border: 0;
    border-radius: 10px;
    background: var(--color-main);
}

.bank-approval-fig {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 400px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    min-width: 270px;
    padding: 40px;
    border-radius: 10px 0 0 10px;
    background: #f5fcff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    z-index: -1;
}

.bank-approval-get-otp-wrap {
    text-align: center;
}

.bank-approval-get-otp-wrap .segmentedInput-parent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    gap: 10px;
    width: 420px;
    max-width: 100%;
    margin: 0 auto;
}

.bank-approval-get-otp-wrap .segmentedInput-parent input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    min-width: auto;
    text-align: center;
    font-size: 18px;
    padding: 10px 0;
}

.bank-approval-otp-num-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    gap: 10px;
    width: 420px;
    max-width: 100%;
    margin: 5px auto 50px;
}

.bank-approval-otp-num {
    color: rgba(0,0,0,.5);
}

.bank-approval-otp-resend {
    display: none;
    font-weight: 500;
}

.bank-approval-otp-resend::after {
    content: '\e80e';
    font: bold 12px pacific;
    margin: 0 4px;
}

.bank-approval-otp-btn {
    display: inline-block;
    width: 300px;
    /* max-width: 100%; */
    color: var(--color-on-main);
    padding: 15px 20px;
    border: 0;
    border-radius: 10px;
    background: var(--color-main);
}

.bank-approval-wait-wrap {
    display: none;
    overflow: auto;
}

.bank-approval-wait-fig {
    text-align: center;
    padding: 40px 10px;
}

.bank-approval-wait-subtxt {
    display: block;
    width: 300px;
    max-width: 100%;
    font-size: 14px;
    margin: 0 auto 30px;
}

.bank-approval-wait-title {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}

.bank-approval-wait-txt {
    text-align: center;
    font-size: 14px;
    padding: 12px 0;
    margin: 0;
}

/********** BANK APPROVED **********/
.bank-approved-wrap {
    display: none;
    text-align: center;
    overflow: auto;
}

.bank-approved-fig img {
    height: 160px;
}

.bank-approved-title {
    color: #52b788;
    text-align: center;
    font-size: 28px;
    font-weight: 500;
}

.bank-approved-txt {
    text-align: center;
    font-size: 14px;
    padding: 12px 0 30px;
}

.bank-approved-btn {
    width: 300px;
}

/********** BANK APPROVED **********/
.bank-reject-wrap {
    display: none;
    text-align: center;
    overflow: auto;
}

.bank-reject-fig img {
    width: 170px;
}

.bank-reject-title {
    text-align: center;
    color: #000;
    font-size: 24px;
}

.bank-rejected-title {
    color: #e5383b;
    font-size: 28px;
    font-weight: 500;
}

.bank-reject-wait-subtxt {
    margin: 0 0 30px;
}

.bank-reject-txt {
    max-width: 360px;
    text-align: justify;
    font-size: 14px;
    padding: 12px 0 30px;
    margin: auto;
}

.bank-reject-btn {
    width: 300px;
}

/********** LOAN SECTION **********/
.page.loan-landing .loan-section {
    clear: both;
    padding: 30px 0 60px;
    text-align: center;
    font-style: normal;
}

.page.loan-landing .loan-section h2 {
    font-weight: 700;
    font-size: 28px;
}

.page.loan-landing .loan-section p {
    font-weight: 400;
    font-size: 16px;
    line-height: 193.52%;
    /* max-width: 630px; */
    margin: 0 auto;
}

/**********LOAN ADVANTAGES **********/
.loan-landing .loan-advantages {
    margin-top: 40px;
}

.page.loan-landing .loan-advantages .loan-advantages-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 25px auto 0;
    width: 90%;
}

.page.loan-landing .loan-advantages .loan-advantages-icons>li {
    width: 31%;
    padding: 25px 1%;
}

.page.loan-landing .loan-advantages .loan-advantages-icons h3 {
    font-weight: 500;
    font-size: clamp(16px, 1.2vw, 20px);
}

.page.loan-landing .loan-advantages .loan-advantages-icons p {
    font-weight: 400;
    font-size: 12px;
    line-height: 19px;
}

.loan-advantages-icons .owl-item img {
    width: 100%;
    height: 110px;
    margin-bottom: 20px;
    -o-object-fit: contain;
    object-fit: contain;
}

/********** LOAN STEPS **********/
.page.loan-landing .loan-steps .loan-steps-list {
    margin: 35px Auto 0;
    max-width: 1270px;
}

/* .page.loan-landing .loan-steps .loan-steps-list .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
} */

.page.loan-landing .loan-steps .loan-steps-list .owl-stage .owl-item {
    padding: 4px;
}


.page.loan-landing .loan-steps .loan-steps-list .owl-stage .loan-item {
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    height: 100%;
    overflow: hidden;
    position: relative;
}

.page.loan-landing .loan-steps .loan-steps-list .owl-stage .loan-item img {
    height: 85px;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 20px 0 10px;
}

.page.loan-landing .loan-steps .loan-steps-list .owl-stage .loan-item h3 {
    margin: 0 15px 0;
   /* font-weight: 900;*/
    font-size: clamp(14px, .9vw, 16px);
    color: #000000;
}

.page.loan-landing .loan-steps .loan-steps-list .owl-stage .loan-item .loan-steps-num {
    position: absolute;
    font-weight: 500;
    font-size: 64px;
    color: #000000;
    opacity: 0.05;
    right: 15px;
    top: 0;
}

.page.loan-landing .loan-steps .loan-steps-list .owl-stage .loan-item p {
    margin: 8px 15px 15px;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    text-align: justify;
}

/********** LOAN VIDEO **********/
.loan-video-intro-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 35px 0;
    position: relative;
    z-index: 1;
    gap: 30px;
}

.loan-video-intro-wrap::before {
    content: '';
    width: calc(100vw - 8px);
    height: 100%;
    background: #fff;
    position: absolute;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    -webkit-box-shadow: inset 0px -3px 4px rgba(0, 0, 0, 0.1), inset 0px 3px 4px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px -3px 4px rgba(0, 0, 0, 0.1), inset 0px 3px 4px rgba(0, 0, 0, 0.1);
    z-index: -1;
    right: 50%;
    top: 0;
}

.loan-video-intro-details {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 270px;
}

.loan-video-intro-title {
    font-size: 18px;
    margin-bottom: 20px;
}

.loan-video-intro-text {
    font-size: 16px;
    text-align: justify;
}

.loan-video-intro-text a {
    color: #007fbc;
    font-weight: 500;
    border-bottom: 1px solid #007fbc;
}

.loan-video-intro-text .text-important {
    color: #e5383b;
}

.loan-video-intro-text ul {
    list-style: decimal;
    line-height: 2em;
    margin-right: 20px;
}

.loan-video-intro-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 270px;
    max-width: 560px;
    text-align: left;
    position: relative;
}

.loan-video-intro-box video:not(:-webkit-full-screen) {
    display: inline-block;
    width: 100%;
    max-height: 300px;
    border-radius: 15px;
    border: 1px solid #e8e8e8;
    background: #f2f2f2;
    cursor: pointer;
    -o-object-fit: cover;
    object-fit: cover;
}

.loan-video-intro-box video:not(:-ms-fullscreen) {
    display: inline-block;
    width: 100%;
    max-height: 300px;
    border-radius: 15px;
    border: 1px solid #e8e8e8;
    background: #f2f2f2;
    cursor: pointer;
    -o-object-fit: cover;
    object-fit: cover;
}

.loan-video-intro-box video:not(:fullscreen) {
    display: inline-block;
    width: 100%;
    max-height: 300px;
    border-radius: 15px;
    border: 1px solid #e8e8e8;
    background: #f2f2f2;
    cursor: pointer;
    -o-object-fit: cover;
    object-fit: cover;
}

.loan-video-placeholder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 16px;
    padding: 32px 0 16px;
    border-radius: 15px;
    background: -o-linear-gradient(#ffffff21 50%, #000000f2);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff21), to(#000000f2));
    background: linear-gradient(#ffffff21 50%, #000000f2);
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}

/********** LOAN POPULAR **********/
.page.loan-landing .loan-popular {
    position: relative;
}

.page.loan-landing .loan-popular::before {
    content: "";
    background: #D9F1FD;
    position: absolute;
    left: 50%;
    top: 0;
    width: calc(100vw - 8px);
    height: 100%;
    z-index: -1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);;
}

/********** LOAN FAQ **********/
.page .loan-section.loan-faq {
    padding-bottom: 0;
}

.loan-faq li a {
    color: #007fbc;
    font-weight: 500;
    border-bottom: 1px solid #007fbc;
}

.page.loan-landing .loan-faq .loan-collapse {
    overflow: visible;
    margin: 40px 0 5px;
}

.page.loan-landing .loan-faq .loan-collapse>li {
    position: relative;
    background: #F8F8F9;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    overflow: hidden;
    margin: 10px 0;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    text-align: right;
    height: 80px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.page.loan-landing .loan-faq .loan-collapse>li:nth-child(20) ~* {
    display: none;
}

.loan-faq .ani-scale {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: .5;
}

.page.loan-landing .loan-faq .loan-collapse h3 {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 25px 20px;
    margin: 0;
    height: 80px;
    font-weight: 400;
    font-size: clamp(15px, 4vw, 16px);
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.page.loan-landing .loan-faq .loan-collapse h3 .caret {
    width: 30px;
    height: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: var(--color-alt);
    border-radius: 50%;
    margin-left: 20px;
    color: #fff;
    position: relative;
}

.page.loan-landing .loan-faq .loan-collapse h3 .caret:before,
.page.loan-landing .loan-faq .loan-collapse h3 .caret:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -8px;
    width: 16px;
    height: 2px;
    background: #FFFFFF;
    border-radius: 2px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.page.loan-landing .loan-faq .loan-collapse li h3 .caret:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.page.loan-landing .loan-faq .loan-collapse li.show h3 .caret:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.page.loan-landing .loan-faq .loan-collapse .loan-collapse-container {
    padding: 20px 70px;
    text-align: right;
}

.page.loan-landing .loan-faq .loan-collapse p {
    margin: 0;
    text-align: right;
}

.loan-faq-show-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 480px;
    max-width: 100%;
    color: var(--color-main);
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 20px;
    margin: 20px auto;
    background: -o-linear-gradient(top, #fff 0%, #f1fafe 88%, rgba(217,217,217,0) 88%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(88%, #f1fafe), color-stop(88%, rgba(217,217,217,0)));
    background: linear-gradient(180deg, #fff 0%, #f1fafe 88%, rgba(217,217,217,0) 88%);
}

.loan-faq-show-more svg {
    display: block;
    width: 16px;
    margin: 8px auto;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.loan-faq-show-more.faq-show-less svg {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

/********** LOAN RULES **********/
.page.loan-landing .loan-rules {
    padding-bottom: 20px;
}

.page.loan-landing .loan-rules p {
    margin: 40px 0;
    max-width: 100%;
    text-align: justify;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0;
}

.loan-rules a {
    color: #007fbc;
    border-bottom: 1px solid #007fbc;
}

/********** LOAN RULES MODAL **********/
#loanRules .modal-comp-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%;
    /* overflow: visible; */
}

.loan-rules-modal-title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 15px;
}

.loan-rules-modal-scroll-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 420px;
    padding: 20px 25px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0, .25);
    box-shadow: 0 0 4px rgba(0,0,0, .25);
    position: relative;
    overflow: auto;
}

.loan-rules-modal-scroll-box::-webkit-scrollbar {
    width: 20px;
}

.loan-rules-modal-scroll-box::-webkit-scrollbar-thumb {
    background: #d9d9d9;
    border: 15px solid #fff;
    border-right: 0;
}

.loan-rules-modal-text {
    font-size: 14px;
    line-height: 1.9;
    text-align: justify;
}

.loan-rules-modal-text strong {
    display: inline-block;
    margin-bottom: 10px;
}

.loan-rules-modal-btn-wrap,
.loan-agree-rules-modal-btn-wrap {
    text-align: center;
    margin-top: 15px;
}

/********** OWL CAROUSEL **********/
.page.loan-landing .owl-prev,
.page.loan-landing .owl-next {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 0;
}

.page.loan-landing .owl-prev::before,
.page.loan-landing .owl-next::before {
    content: '\e80f';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    color: #fff;
    text-align: center;
    font: 18px pacific;
    border-radius: 50%;
    background: rgba(0, 0, 0, .15);
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    right: 5px;
    top: 50%;
}

.page.loan-landing .owl-prev.disabled::before,
.page.loan-landing .owl-next.disabled::before {
    display: none;
}

.page.loan-landing .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.page.loan-landing .owl-stage .owl-item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
}

.page.loan-landing .owl-stage:after {
    display: none;
}


.page.loan-landing .owl-next::before {
    content: '\e80e';
    right: auto;
    left: 5px;
}

/********** LOAN PLAS BANNER **********/
.loan-plans-list .loan-plans-item .loan-plans-banner {
    display: block;
    position: relative;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}

.loan-plans-list .loan-plans-item:hover .loan-plans-banner:not([disable]) {
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.loan-plans-list .loan-plans-item .loan-plans-banner img {
    display: none;
}

.loan-plans-list .loan-plans-item .loan-plans-banner i,
.loan-plans-list .loan-plans-item .loan-plans-banner i:before,
.loan-plans-list .loan-plans-item .loan-plans-banner i:after {
    display: block;
    position: absolute;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    padding: 0;
    margin: 0;
}

.loan-plans-list .loan-plans-item:hover .loan-plans-banner:not([disable]) i {
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}

.loan-plans-list .loan-plans-item .loan-plans-banner i:nth-child(1) {
    position: relative;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    width: 100%;
    height: auto;
    content: url('/Themes/pacific/Content/img/loan/plans/plan1-bg.png');
}

/*/////////////////////////////////////////////////////////////////////////////
////////////////////// ANIMATIONS /////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////*/

/*/////////////////////// plan 1: 4-month-1 /////////////////////////////*/
.loan-plans-item[loan-id="1"] .loan-plans-banner i:nth-child(1) {
    content: url('/Themes/pacific/Content/img/loan/plans/plan1-bg.png');
}

.loan-plans-item[loan-id="1"] .loan-plans-banner i:nth-child(2) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan1-stars.png');
    width: 86%;
    height: 89%;
    left: 7%;
    top: 5.5%;
    opacity: 0.1;
}

.loan-plans-item[loan-id="1"]:hover .loan-plans-banner:not([disable]) i:nth-child(2),
.loan-plans-item[selected][loan-id="1"] .loan-plans-banner:not([disable]) i:nth-child(2) {
    opacity: 1;

}

.loan-plans-item[loan-id="1"] .loan-plans-banner i:nth-child(3) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan1-planet.png');
    width: 37%;
    height: 67%;
    left: 31.5%;
    top: 16.5%;
}

.loan-plans-item[loan-id="1"]:hover .loan-plans-banner:not([disable]) i:nth-child(3),
.loan-plans-item[selected][loan-id="1"] .loan-plans-banner:not([disable]) i:nth-child(3) {
    -webkit-transform: scale(1.224);
    -ms-transform: scale(1.224);
    transform: scale(1.224);
}

.loan-plans-item[loan-id="1"] .loan-plans-banner i:nth-child(4) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan1-eyes.png');
    width: 13%;
    height: 35.2%;
    left: 43.5%;
    top: 24.7%;
    -webkit-transform-origin: 50% 110%;
    -ms-transform-origin: 50% 110%;
    transform-origin: 50% 110%;
}

.loan-plans-item[loan-id="1"]:hover .loan-plans-banner:not([disable]) i:nth-child(4),
.loan-plans-item[selected][loan-id="1"] .loan-plans-banner:not([disable]) i:nth-child(4) {
    -webkit-transform: scale(1.36);
    -ms-transform: scale(1.36);
    transform: scale(1.36);
}

.loan-plans-item[loan-id="1"] .loan-plans-banner i:nth-child(5) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan1-mouth.png');
    width: 5%;
    height: 7%;
    left: 47.5%;
    top: 56.5%;
}

.loan-plans-item[loan-id="1"]:hover .loan-plans-banner:not([disable]) i:nth-child(5),
.loan-plans-item[selected][loan-id="1"] .loan-plans-banner:not([disable]) i:nth-child(5) {
    -webkit-transform: scale(1.82);
    -ms-transform: scale(1.82);
    transform: scale(1.82);
}

.loan-plans-item[loan-id="1"] .loan-plans-banner i:nth-child(6) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan1-face-bug.png');
    width: 9.4%;
    height: 15.8%;
    left: 35.8%;
    top: 26.4%;
}

.loan-plans-item[loan-id="1"]:hover .loan-plans-banner:not([disable]) i:nth-child(6),
.loan-plans-item[selected][loan-id="1"] .loan-plans-banner:not([disable]) i:nth-child(6) {
    opacity: 0;
}

.loan-plans-item[loan-id="1"] .loan-plans-banner i:nth-child(7) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan1-top-stars.png');
    width: 13.2%;
    height: 22.9%;
    left: 30.3%;
    top: 17%;
    -webkit-transform-origin: 100% 110%;
    -ms-transform-origin: 100% 110%;
    transform-origin: 100% 110%;
}

.loan-plans-item[loan-id="1"]:hover .loan-plans-banner:not([disable]) i:nth-child(7),
.loan-plans-item[selected][loan-id="1"] .loan-plans-banner:not([disable]) i:nth-child(7) {
    -webkit-transform: scale(2) translate(-20%);
    -ms-transform: scale(2) translate(-20%);
    transform: scale(2) translate(-20%);
}

.loan-plans-item[loan-id="1"] .loan-plans-banner i:nth-child(8) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan1-bottom-stars.png');
    width: 19.4%;
    height: 28.3%;
    left: 53.8%;
    top: 70%;
}

.loan-plans-item[loan-id="1"]:hover .loan-plans-banner:not([disable]) i:nth-child(8),
.loan-plans-item[selected][loan-id="1"] .loan-plans-banner:not([disable]) i:nth-child(8) {
    left: 69.1%;
    opacity: 0;
}

/*/////////////////////// plan 2: 4-month-2 /////////////////////////////*/
.loan-plans-item[loan-id="2"] .loan-plans-banner i:nth-child(1) {
    content: url('/Themes/pacific/Content/img/loan/plans/plan2-bg.png');
}

.loan-plans-item[loan-id="2"] .loan-plans-banner i:nth-child(2) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan2-bg-planets.png');
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
}

.loan-plans-item[loan-id="2"]:hover .loan-plans-banner:not([disable]) i:nth-child(2),
.loan-plans-item[selected][loan-id="2"] .loan-plans-banner:not([disable]) i:nth-child(2) {
    -webkit-filter: blur(5px);
    filter: blur(5px);

}

.loan-plans-item[loan-id="2"] .loan-plans-banner i:nth-child(3) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan2-planet.png');
    width: 42.3%;
    height: 73%;
    left: 27.6%;
    top: 11%;
}

.loan-plans-item[loan-id="2"]:hover .loan-plans-banner:not([disable]) i:nth-child(3),
.loan-plans-item[selected][loan-id="2"] .loan-plans-banner:not([disable]) i:nth-child(3) {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-filter: brightness(110%);
    filter: brightness(110%);
}

.loan-plans-item[loan-id="2"] .loan-plans-banner i:nth-child(4) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan2-planet-poll.png');
    width: 41.4%;
    height: 71.7%;
    left: 29.3%;
    top: 14.7%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.loan-plans-item[loan-id="2"]:hover .loan-plans-banner:not([disable]) i:nth-child(4),
.loan-plans-item[selected][loan-id="2"] .loan-plans-banner:not([disable]) i:nth-child(4) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

.loan-plans-item[loan-id="2"] .loan-plans-banner i:nth-child(5) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan2-mouth.png');
    width: 4.1%;
    height: 5.2%;
    left: 48.3%;
    top: 54.8%;
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scale(0.588);
    -ms-transform: scale(0.588);
    transform: scale(0.588);
}

.loan-plans-item[loan-id="2"]:hover .loan-plans-banner:not([disable]) i:nth-child(5),
.loan-plans-item[selected][loan-id="2"] .loan-plans-banner:not([disable]) i:nth-child(5) {
    -webkit-transform: scale(1.0001) translateY(50%);
    -ms-transform: scale(1.0001) translateY(50%);
    transform: scale(1.0001) translateY(50%);
}

.loan-plans-item[loan-id="2"] .loan-plans-banner i:nth-child(6) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan2-bottom-cloud.png');
    width: 14.4%;
    height: 19.4%;
    left: 65.0%;
    top: 62.9%;
}

.loan-plans-item[loan-id="2"] .loan-plans-banner i:nth-child(7) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan2-top-cloud.png');
    width: 19.4%;
    height: 38.8%;
    left: 15.8%;
    top: 4.1%;
}

.loan-plans-item[loan-id="2"]:hover .loan-plans-banner:not([disable]) i:nth-child(7),
.loan-plans-item[selected][loan-id="2"] .loan-plans-banner:not([disable]) i:nth-child(7) {
    -webkit-transform: scale(1.42);
    -ms-transform: scale(1.42);
    transform: scale(1.42);
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    top: -35.2%;
}

/*/////////////////////// plan 3: 4-month-3 /////////////////////////////*/
.loan-plans-item[loan-id="3"] .loan-plans-banner i:nth-child(1) {
    content: url('/Themes/pacific/Content/img/loan/plans/plan3-bg.png');
}

.loan-plans-item[loan-id="3"] .loan-plans-banner i:nth-child(2) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan3-behind-planets.png');
    width: 76.5%;
    height: 68.2%;
    left: 13.2%;
    top: 27%;
    -webkit-transform-origin: 0 -100%;
    -ms-transform-origin: 0 -100%;
    transform-origin: 0 -100%;
}

.loan-plans-item[loan-id="3"]:hover .loan-plans-banner:not([disable]) i:nth-child(2),
.loan-plans-item[selected][loan-id="3"] .loan-plans-banner:not([disable]) i:nth-child(2) {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;

}

.loan-plans-item[loan-id="3"] .loan-plans-banner i:nth-child(3) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan3-mashr-right.png');
    width: 5%;
    height: 8.2%;
    left: 64.4%;
    top: 61.7%;
    -webkit-transform-origin: -100% 50%;
    -ms-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
}

.loan-plans-item[loan-id="3"]:hover .loan-plans-banner:not([disable]) i:nth-child(3),
.loan-plans-item[selected][loan-id="3"] .loan-plans-banner:not([disable]) i:nth-child(3) {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
}

.loan-plans-item[loan-id="3"] .loan-plans-banner i:nth-child(4) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan3-hair-back.png');
    width: 10.8%;
    height: 18.8%;
    left: 49.1%;
    top: 17.6%;
}

.loan-plans-item[loan-id="3"] .loan-plans-banner i:nth-child(5) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan3-planet.png');
    width: 33.5%;
    height: 69.4%;
    left: 33.25%;
    top: 20.5%;
    -webkit-transform-origin: 50% 90%;
    -ms-transform-origin: 50% 90%;
    transform-origin: 50% 90%;
}

.loan-plans-item[loan-id="3"]:hover .loan-plans-banner:not([disable]) i:nth-child(5),
.loan-plans-item[selected][loan-id="3"] .loan-plans-banner:not([disable]) i:nth-child(5) {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
}

.loan-plans-item[loan-id="3"] .loan-plans-banner i:nth-child(6) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan3-mashr-top.png');
    width: 22.6%;
    height: 40%;
    left: 33.2%;
    top: 9.4%;
    -webkit-transform-origin: 80% 100%;
    -ms-transform-origin: 80% 100%;
    transform-origin: 80% 100%;
}

.loan-plans-item[loan-id="3"]:hover .loan-plans-banner:not([disable]) i:nth-child(6),
.loan-plans-item[selected][loan-id="3"] .loan-plans-banner:not([disable]) i:nth-child(6) {
    -webkit-transform: scale(1.25) translateY(-25%);
    -ms-transform: scale(1.25) translateY(-25%);
    transform: scale(1.25) translateY(-25%);
}

.loan-plans-item[loan-id="3"] .loan-plans-banner i:nth-child(7) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan3-hair.png');
    width: 27%;
    height: 31.7%;
    left: 44%;
    top: 10%;
    -webkit-transform: scale(0.8) translate(-6%, 45%);
    -ms-transform: scale(0.8) translate(-6%, 45%);
    transform: scale(0.8) translate(-6%, 45%);
    -webkit-filter: contrast(50%);
    filter: contrast(50%);
}

.loan-plans-item[loan-id="3"]:hover .loan-plans-banner:not([disable]) i:nth-child(7),
.loan-plans-item[selected][loan-id="3"] .loan-plans-banner:not([disable]) i:nth-child(7) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
    -webkit-filter: contrast(100%);
    filter: contrast(100%);
}

.loan-plans-item[loan-id="3"] .loan-plans-banner i:nth-child(8) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan3-eye.png');
    width: 6.17%;
    height: 12.3%;
    left: 39.1%;
    top: 34.1%;
    -webkit-transform: scale(0.6) translate(100%, 140%) rotate(22deg);
    -ms-transform: scale(0.6) translate(100%, 140%) rotate(22deg);
    transform: scale(0.6) translate(100%, 140%) rotate(22deg);
}

.loan-plans-item[loan-id="3"]:hover .loan-plans-banner:not([disable]) i:nth-child(8),
.loan-plans-item[selected][loan-id="3"] .loan-plans-banner:not([disable]) i:nth-child(8) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

.loan-plans-item[loan-id="3"] .loan-plans-banner i:nth-child(9) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan3-churuk.png');
    width: 25.6%;
    height: 14.7%;
    left: 37.2%;
    top: 43.5%;
    -webkit-transform: scale(0.6) translate(0%, 85%);
    -ms-transform: scale(0.6) translate(0%, 85%);
    transform: scale(0.6) translate(0%, 85%);
}

.loan-plans-item[loan-id="3"]:hover .loan-plans-banner:not([disable]) i:nth-child(9),
.loan-plans-item[selected][loan-id="3"] .loan-plans-banner:not([disable]) i:nth-child(9) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

.loan-plans-item[loan-id="3"] .loan-plans-banner i:nth-child(10) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan3-lip.png');
    width: 3.8%;
    height: 5.8%;
    left: 48.1%;
    top: 61.1%;
}

.loan-plans-item[loan-id="3"]:hover .loan-plans-banner:not([disable]) i:nth-child(10),
.loan-plans-item[selected][loan-id="3"] .loan-plans-banner:not([disable]) i:nth-child(10) {
    -webkit-transform: scale(0.90, 1) translateY(-100%);
    -ms-transform: scale(0.90, 1) translateY(-100%);
    transform: scale(0.90, 1) translateY(-100%);
}

/*/////////////////////// plan 4: 4-month-4 /////////////////////////////*/
.loan-plans-item[loan-id="4"] .loan-plans-banner i:nth-child(1) {
    content: url('/Themes/pacific/Content/img/loan/plans/plan7-bg.png');
}

.loan-plans-item[loan-id="4"] .loan-plans-banner i:nth-child(2) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan7-bg-planet.png');
    width: 6.76%;
    height: 12.95%;
    left: 24.4%;
    top: 74.7%;
    opacity: 0;
    -webkit-transform: scale(0.85) translateY(50%);
    -ms-transform: scale(0.85) translateY(50%);
    transform: scale(0.85) translateY(50%);
}

.loan-plans-item[loan-id="4"]:hover .loan-plans-banner:not([disable]) i:nth-child(2),
.loan-plans-item[selected][loan-id="4"] .loan-plans-banner:not([disable]) i:nth-child(2) {
    opacity: 1;
    -webkit-transform: scale(1.0001) translateY(0%);
    -ms-transform: scale(1.0001) translateY(0%);
    transform: scale(1.0001) translateY(0%);
}

.loan-plans-item[loan-id="4"] .loan-plans-banner i:nth-child(3),
.loan-plans-item[loan-id="4"] .loan-plans-banner i:nth-child(4) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan7-planet.png');
    width: 40%;
    height: 78.2%;
    left: 30%;
    top: 10.9%;
    -webkit-transform: scale(0.865);
    -ms-transform: scale(0.865);
    transform: scale(0.865);
}

.loan-plans-item[loan-id="4"]:hover .loan-plans-banner:not([disable]) i:nth-child(3),
.loan-plans-item[selected][loan-id="4"] .loan-plans-banner:not([disable]) i:nth-child(3),
.loan-plans-item[loan-id="4"]:hover .loan-plans-banner:not([disable]) i:nth-child(4),
.loan-plans-item[selected][loan-id="4"] .loan-plans-banner:not([disable]) i:nth-child(4) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

.loan-plans-item[loan-id="4"] .loan-plans-banner i:nth-child(4) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan7-planet-lines.png');
    opacity: 0;
}

.loan-plans-item[loan-id="4"]:hover .loan-plans-banner:not([disable]) i:nth-child(4),
.loan-plans-item[selected][loan-id="4"] .loan-plans-banner:not([disable]) i:nth-child(4) {
    opacity: 1;
}

.loan-plans-item[loan-id="4"] .loan-plans-banner i:nth-child(5) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan7-hands.png');
    width: 57.4%;
    height: 39.4%;
    left: 21.3%;
    top: 30%;
    -webkit-transform: scale(0.883);
    -ms-transform: scale(0.883);
    transform: scale(0.883);
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

.loan-plans-item[loan-id="4"]:hover .loan-plans-banner:not([disable]) i:nth-child(5),
.loan-plans-item[selected][loan-id="4"] .loan-plans-banner:not([disable]) i:nth-child(5) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
    -webkit-filter: blur(0px);
    filter: blur(0px);
}

.loan-plans-item[loan-id="4"] .loan-plans-banner i:nth-child(6) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan7-lip.png');
    width: 5.88%;
    height: 9.4%;
    left: 47.8%;
    top: 56.0%;
    -webkit-transform: scale(0.375);
    -ms-transform: scale(0.375);
    transform: scale(0.375);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

.loan-plans-item[loan-id="4"]:hover .loan-plans-banner:not([disable]) i:nth-child(6),
.loan-plans-item[selected][loan-id="4"] .loan-plans-banner:not([disable]) i:nth-child(6) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

.loan-plans-item[loan-id="4"] .loan-plans-banner i:nth-child(7) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan7-hat.png');
    width: 21.2%;
    height: 37.6%;
    left: 25.8%;
    top: -7.6%;
    -webkit-transform: rotate(12deg) scale(0.692) translate(52%, -3%);
    -ms-transform: rotate(12deg) scale(0.692) translate(52%, -3%);
    transform: rotate(12deg) scale(0.692) translate(52%, -3%);
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.loan-plans-item[loan-id="4"]:hover .loan-plans-banner:not([disable]) i:nth-child(7),
.loan-plans-item[selected][loan-id="4"] .loan-plans-banner:not([disable]) i:nth-child(7) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

/*/////////////////////// plan 5: 4-month-5 /////////////////////////////*/
.loan-plans-item[loan-id="5"] .loan-plans-banner i:nth-child(1) {
    content: url('/Themes/pacific/Content/img/loan/plans/plan8-bg.png');
}

.loan-plans-item[loan-id="5"] .loan-plans-banner i:nth-child(2) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan8-planet.png');
    width: 69.4%;
    height: 88.82%;
    left: 15.0%;
    top: 2.9%;
    -webkit-transform: scale(0.648);
    -ms-transform: scale(0.648);
    transform: scale(0.648);
}

.loan-plans-item[loan-id="5"]:hover .loan-plans-banner:not([disable]) i:nth-child(2),
.loan-plans-item[selected][loan-id="5"] .loan-plans-banner:not([disable]) i:nth-child(2) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

.loan-plans-item[loan-id="5"] .loan-plans-banner i:nth-child(3) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan8-eyes.png');
    width: 31.17%;
    height: 40.58%;
    left: 34.43%;
    top: 24.1%;
    -webkit-transform: scale(0.422) translateY(10%);
    -ms-transform: scale(0.422) translateY(10%);
    transform: scale(0.422) translateY(10%);
}

.loan-plans-item[loan-id="5"]:hover .loan-plans-banner:not([disable]) i:nth-child(3),
.loan-plans-item[selected][loan-id="5"] .loan-plans-banner:not([disable]) i:nth-child(3) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

.loan-plans-item[loan-id="5"] .loan-plans-banner i:nth-child(4) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan8-glass.png');
    width: 30.3%;
    height: 25.9%;
    left: 34.85%;
    top: 37.6%;
    -webkit-transform: scale(0.560) translateY(-10%);
    -ms-transform: scale(0.560) translateY(-10%);
    transform: scale(0.560) translateY(-10%);
}

.loan-plans-item[loan-id="5"]:hover .loan-plans-banner:not([disable]) i:nth-child(4),
.loan-plans-item[selected][loan-id="5"] .loan-plans-banner:not([disable]) i:nth-child(4) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

.loan-plans-item[loan-id="5"] .loan-plans-banner i:nth-child(5) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan8-flair.png');
    width: 28.5%;
    height: 15.9%;
    left: 35.75%;
    top: 41.8%;
    -webkit-transform: scale(0.393);
    -ms-transform: scale(0.393);
    transform: scale(0.393);
    opacity: 0;
}

.loan-plans-item[loan-id="5"]:hover .loan-plans-banner:not([disable]) i:nth-child(5),
.loan-plans-item[selected][loan-id="5"] .loan-plans-banner:not([disable]) i:nth-child(5) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
    opacity: 1;
}

.loan-plans-item[loan-id="5"] .loan-plans-banner i:nth-child(6) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan8-stars.png');
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    -webkit-transform: scale(0.941);
    -ms-transform: scale(0.941);
    transform: scale(0.941);
    -webkit-filter: blur(2.5px);
    filter: blur(2.5px);
}

.loan-plans-item[loan-id="5"]:hover .loan-plans-banner:not([disable]) i:nth-child(6),
.loan-plans-item[selected][loan-id="5"] .loan-plans-banner:not([disable]) i:nth-child(6) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
    -webkit-filter: blur(0px);
    filter: blur(0px);
}

/*/////////////////////// plan 6: 4-month-6 /////////////////////////////*/
.loan-plans-item[loan-id="6"] .loan-plans-banner i:nth-child(1) {
    content: url('/Themes/pacific/Content/img/loan/plans/plan9-bg.png');
}

.loan-plans-item[loan-id="6"] .loan-plans-banner i:nth-child(2) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan9-bg-planet.png');
    width: 65%;
    height: 60.6%;
    left: 21.2%;
    top: 23.5%;
}

.loan-plans-item[loan-id="6"]:hover .loan-plans-banner:not([disable]) i:nth-child(2),
.loan-plans-item[selected][loan-id="6"] .loan-plans-banner:not([disable]) i:nth-child(2) {
    -webkit-transform: scale(1.18);
    -ms-transform: scale(1.18);
    transform: scale(1.18);
    -webkit-filter: blur(7.5px);
    filter: blur(7.5px);
}

.loan-plans-item[loan-id="6"] .loan-plans-banner i:nth-child(3) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan9-clouds.png');
    width: 64.1%;
    height: 52.4%;
    left: 20.6%;
    top: 23.5%;
    -webkit-transform: scale(0.757);
    -ms-transform: scale(0.757);
    transform: scale(0.757);
    opacity: 0.3;
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

.loan-plans-item[loan-id="6"]:hover .loan-plans-banner:not([disable]) i:nth-child(3),
.loan-plans-item[selected][loan-id="6"] .loan-plans-banner:not([disable]) i:nth-child(3) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px);
}

.loan-plans-item[loan-id="6"] .loan-plans-banner i:nth-child(4) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan9-planet.png');
    width: 41.2%;
    height: 77.6%;
    left: 29.4%;
    top: 9.4%;
    -webkit-transform: scale(0.78);
    -ms-transform: scale(0.78);
    transform: scale(0.78);
}

.loan-plans-item[loan-id="6"]:hover .loan-plans-banner:not([disable]) i:nth-child(4),
.loan-plans-item[selected][loan-id="6"] .loan-plans-banner:not([disable]) i:nth-child(4) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

.loan-plans-item[loan-id="6"] .loan-plans-banner i:nth-child(5) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan9-eyebrow.png');
    width: 17.9%;
    height: 11.2%;
    left: 41.3%;
    top: 37.0%;
    -webkit-transform: scale(0.71) translateY(40%);
    -ms-transform: scale(0.71) translateY(40%);
    transform: scale(0.71) translateY(40%);
}

.loan-plans-item[loan-id="6"]:hover .loan-plans-banner:not([disable]) i:nth-child(5),
.loan-plans-item[selected][loan-id="6"] .loan-plans-banner:not([disable]) i:nth-child(5) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

.loan-plans-item[loan-id="6"] .loan-plans-banner i:nth-child(7) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan9-hat.png');
    width: 25.9%;
    height: 47.0%;
    left: 42.6%;
    top: -7.3%;
    -webkit-transform: scale(0.700) rotate(-11deg) translate(-12%, 37%);
    -ms-transform: scale(0.700) rotate(-11deg) translate(-12%, 37%);
    transform: scale(0.700) rotate(-11deg) translate(-12%, 37%);
}

.loan-plans-item[loan-id="6"]:hover .loan-plans-banner:not([disable]) i:nth-child(7),
.loan-plans-item[selected][loan-id="6"] .loan-plans-banner:not([disable]) i:nth-child(7) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

/*/////////////////////// plan 7: 4-month-7 /////////////////////////////*/
.loan-plans-item[loan-id="7"] .loan-plans-banner i:nth-child(1) {
    content: url('/Themes/pacific/Content/img/loan/plans/plan10-bg.png');
}


.loan-plans-item[loan-id="7"] .loan-plans-banner i:nth-child(2) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan10-bg-planets.png');
    width: 82%;
    height: 74.1%;
    left: 12.0%;
    top: 16.5%;
}

.loan-plans-item[loan-id="7"]:hover .loan-plans-banner:not([disable]) i:nth-child(2),
.loan-plans-item[selected][loan-id="7"] .loan-plans-banner:not([disable]) i:nth-child(2) {
    -webkit-transform: scale(0.776);
    -ms-transform: scale(0.776);
    transform: scale(0.776);
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.loan-plans-item[loan-id="7"] .loan-plans-banner i:nth-child(3) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan10-planet.png');
    width: 40%;
    height: 80%;
    left: 30%;
    top: 8.2%;
    -webkit-transform: scale(0.825);
    -ms-transform: scale(0.825);
    transform: scale(0.825);
}

.loan-plans-item[loan-id="7"]:hover .loan-plans-banner:not([disable]) i:nth-child(3),
.loan-plans-item[selected][loan-id="7"] .loan-plans-banner:not([disable]) i:nth-child(3) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}


.loan-plans-item[loan-id="7"] .loan-plans-banner i:nth-child(4) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan10-hat.png');
    width: 22.4%;
    height: 45.9%;
    left: 54.1%;
    top: -7%;
    -webkit-transform: scale(0.685) rotate(-6.1deg) translate(-22%, 30%);
    -ms-transform: scale(0.685) rotate(-6.1deg) translate(-22%, 30%);
    transform: scale(0.685) rotate(-6.1deg) translate(-22%, 30%);
}

.loan-plans-item[loan-id="7"]:hover .loan-plans-banner:not([disable]) i:nth-child(4),
.loan-plans-item[selected][loan-id="7"] .loan-plans-banner:not([disable]) i:nth-child(4) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

.loan-plans-item[loan-id="7"] .loan-plans-banner i:nth-child(5) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan10-glasses.png');
    width: 30%;
    height: 30%;
    left: 35%;
    top: 32.9%;
    -webkit-transform: scale(0.825) translateY(-50%);
    -ms-transform: scale(0.825) translateY(-50%);
    transform: scale(0.825) translateY(-50%);
}

.loan-plans-item[loan-id="7"]:hover .loan-plans-banner:not([disable]) i:nth-child(5),
.loan-plans-item[selected][loan-id="7"] .loan-plans-banner:not([disable]) i:nth-child(5) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

/*/////////////////////// plan 8: 10-month-1 /////////////////////////////*/
.loan-plans-item[loan-id="8"] .loan-plans-banner i:nth-child(1) {
    content: url('/Themes/pacific/Content/img/loan/plans/plan4-bg.png');
}

.loan-plans-item[loan-id="8"] .loan-plans-banner i:nth-child(2) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan4-stars.png');
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    opacity: 0;
}

.loan-plans-item[loan-id="8"]:hover .loan-plans-banner:not([disable]) i:nth-child(2),
.loan-plans-item[selected][loan-id="8"] .loan-plans-banner:not([disable]) i:nth-child(2) {
    opacity: 1;
}

.loan-plans-item[loan-id="8"] .loan-plans-banner i:nth-child(3) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan4-planet.png');
    width: 36.2%;
    height: 72.9%;
    left: 31.9%;
    top: 15.3%;
}

.loan-plans-item[loan-id="8"]:hover .loan-plans-banner:not([disable]) i:nth-child(3),
.loan-plans-item[selected][loan-id="8"] .loan-plans-banner:not([disable]) i:nth-child(3) {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
}


@-webkit-keyframes loan-plans-item-plan4-blink {
    0% { opacity: 0; }
    80% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes loan-plans-item-plan4-blink {
    0% { opacity: 0; }
    80% { opacity: 0; }
    100% { opacity: 1; }
}

.loan-plans-item[loan-id="8"] .loan-plans-banner i:nth-child(4) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan4-eye.png');
    width: 4.4%;
    height: 8.8%;
    left: 43.5%;
    top: 48.2%;
    -webkit-transform: scale(1.0001) translateX(10%);
    -ms-transform: scale(1.0001) translateX(10%);
    transform: scale(1.0001) translateX(10%);
}

.loan-plans-item[loan-id="8"]:hover .loan-plans-banner:not([disable]) i:nth-child(4),
.loan-plans-item[selected][loan-id="8"] .loan-plans-banner:not([disable]) i:nth-child(4) {
    -webkit-transform: scale(1.45);
    -ms-transform: scale(1.45);
    transform: scale(1.45);
    -webkit-animation: loan-plans-item-plan4-blink 0.3s ease-in-out 0.7s;
    animation: loan-plans-item-plan4-blink 0.3s ease-in-out 0.7s;
}


.loan-plans-item[loan-id="8"] .loan-plans-banner i:nth-child(5) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan4-eye.png');
    width: 4.4%;
    height: 8.8%;
    left: 52.1%;
    top: 48.2%;
    -webkit-transform: scale(1.0001) translateX(-10%);
    -ms-transform: scale(1.0001) translateX(-10%);
    transform: scale(1.0001) translateX(-10%);
}

.loan-plans-item[loan-id="8"]:hover .loan-plans-banner:not([disable]) i:nth-child(5),
.loan-plans-item[selected][loan-id="8"] .loan-plans-banner:not([disable]) i:nth-child(5) {
    -webkit-transform: scale(1.45);
    -ms-transform: scale(1.45);
    transform: scale(1.45);
}

.loan-plans-item[loan-id="8"] .loan-plans-banner i:nth-child(6) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan4-lip.png');
    width: 9.4%;
    height: 7.6%;
    left: 45.3%;
    top: 59.4%;
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scale(0.466);
    -ms-transform: scale(0.466);
    transform: scale(0.466);
}

.loan-plans-item[loan-id="8"]:hover .loan-plans-banner:not([disable]) i:nth-child(6),
.loan-plans-item[selected][loan-id="8"] .loan-plans-banner:not([disable]) i:nth-child(6) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

/*/////////////////////// plan 9: 10-month-2 /////////////////////////////*/
.loan-plans-item[loan-id="9"] .loan-plans-banner i:nth-child(1) {
    content: url('/Themes/pacific/Content/img/loan/plans/plan5-bg.png');
}

.loan-plans-item[loan-id="9"] .loan-plans-banner i:nth-child(2) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan5-behind-planets.png');
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
}

.loan-plans-item[loan-id="9"]:hover .loan-plans-banner:not([disable]) i:nth-child(2),
.loan-plans-item[selected][loan-id="9"] .loan-plans-banner:not([disable]) i:nth-child(2) {
    opacity: 0;
}

.loan-plans-item[loan-id="9"] .loan-plans-banner i:nth-child(3) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan5-planet.png');
    width: 48.3%;
    height: 100%;
    left: 25.85%;
    top: 0%;
    -webkit-transform: scale(0.794);
    -ms-transform: scale(0.794);
    transform: scale(0.794);
    /* -webkit-filter: contrast(80%) saturate(80%);
    filter: contrast(80%) saturate(80%); */
}

.loan-plans-item[loan-id="9"]:hover .loan-plans-banner:not([disable]) i:nth-child(3),
.loan-plans-item[selected][loan-id="9"] .loan-plans-banner:not([disable]) i:nth-child(3) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
    /* -webkit-filter: none;
    filter: none; */
}

.loan-plans-item[loan-id="9"] .loan-plans-banner i:nth-child(4) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan5-flowers.png');
    width: 48.3%;
    height: 100%;
    left: 25.85%;
    top: 0%;
    -webkit-transform: scale(0.794);
    -ms-transform: scale(0.794);
    transform: scale(0.794);
    opacity: 0;
}

.loan-plans-item[loan-id="9"]:hover .loan-plans-banner:not([disable]) i:nth-child(4),
.loan-plans-item[selected][loan-id="9"] .loan-plans-banner:not([disable]) i:nth-child(4) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
    opacity: 1;
}

.loan-plans-item[loan-id="9"] .loan-plans-banner i:nth-child(5) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan5-eye.png');
    width: 6.17%;
    height: 11.76%;
    left: 41.6%;
    top: 45.3%;
    -webkit-transform: scale(0.63) translateX(20%);
    -ms-transform: scale(0.63) translateX(20%);
    transform: scale(0.63) translateX(20%);
    -webkit-transform-origin: 80% 50%;
    -ms-transform-origin: 80% 50%;
    transform-origin: 80% 50%;
}

.loan-plans-item[loan-id="9"]:hover .loan-plans-banner:not([disable]) i:nth-child(5),
.loan-plans-item[selected][loan-id="9"] .loan-plans-banner:not([disable]) i:nth-child(5) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

.loan-plans-item[loan-id="9"] .loan-plans-banner i:nth-child(6) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan5-eye-closed.png');
    width: 6.17%;
    height: 11.76%;
    left: 52.2%;
    top: 45.3%;
    -webkit-transform: scale(0.63) translateX(-20%);
    -ms-transform: scale(0.63) translateX(-20%);
    transform: scale(0.63) translateX(-20%);
    -webkit-transform-origin: 20% 50%;
    -ms-transform-origin: 20% 50%;
    transform-origin: 20% 50%;
}

.loan-plans-item[loan-id="9"]:hover .loan-plans-banner:not([disable]) i:nth-child(6),
.loan-plans-item[selected][loan-id="9"] .loan-plans-banner:not([disable]) i:nth-child(6) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

.loan-plans-item[loan-id="9"] .loan-plans-banner i:nth-child(7) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan5-lip.png');
    width: 7%;
    height: 7.6%;
    left: 46.5%;
    top: 56.5%;
    -webkit-transform: scale(0.592);
    -ms-transform: scale(0.592);
    transform: scale(0.592);
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

.loan-plans-item[loan-id="9"]:hover .loan-plans-banner:not([disable]) i:nth-child(7),
.loan-plans-item[selected][loan-id="9"] .loan-plans-banner:not([disable]) i:nth-child(7) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

/*/////////////////////// plan 10: 10-month-3r /////////////////////////////*/
.loan-plans-item[loan-id="10"] .loan-plans-banner i:nth-child(1) {
    content: url('/Themes/pacific/Content/img/loan/plans/plan6-bg.png');
}

.loan-plans-item[loan-id="10"] .loan-plans-banner i:nth-child(2) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan6-stars.png');
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    opacity: 0;
    -webkit-transform: scale(0.658);
    -ms-transform: scale(0.658);
    transform: scale(0.658);
}

.loan-plans-item[loan-id="10"]:hover .loan-plans-banner:not([disable]) i:nth-child(2),
.loan-plans-item[selected][loan-id="10"] .loan-plans-banner:not([disable]) i:nth-child(2) {
    opacity: 1;
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

.loan-plans-item[loan-id="10"] .loan-plans-banner i:nth-child(3) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan6-planet.png');
    width: 48.3%;
    height: 100%;
    left: 25.85%;
    top: 0%;
    -webkit-transform: scale(0.794);
    -ms-transform: scale(0.794);
    transform: scale(0.794);
    /* -webkit-filter: contrast(80%) saturate(80%);
    filter: contrast(80%) saturate(80%); */
}

.loan-plans-item[loan-id="10"]:hover .loan-plans-banner:not([disable]) i:nth-child(3),
.loan-plans-item[selected][loan-id="10"] .loan-plans-banner:not([disable]) i:nth-child(3) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
    /* -webkit-filter: none;
    filter: none; */
}

.loan-plans-item[loan-id="10"] .loan-plans-banner i:nth-child(4) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan6-lip.png');
    width: 17.35%;
    height: 15.9%;
    left: 41.33%;
    top: 49.4%;
    -webkit-transform: scale(0.6) translateY(-10%);
    -ms-transform: scale(0.6) translateY(-10%);
    transform: scale(0.6) translateY(-10%);
    -webkit-transform-origin: 50% 20%;
    -ms-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
}

.loan-plans-item[loan-id="10"]:hover .loan-plans-banner:not([disable]) i:nth-child(4),
.loan-plans-item[selected][loan-id="10"] .loan-plans-banner:not([disable]) i:nth-child(4) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

.loan-plans-item[loan-id="10"] .loan-plans-banner i:nth-child(5),
.loan-plans-item[loan-id="10"] .loan-plans-banner i:nth-child(6) {
    width: 7.65%;
    height: 15.3%;
    left: 41.6%;
    top: 38.8%;
    -webkit-transform: scale(0.725);
    -ms-transform: scale(0.725);
    transform: scale(0.725);
}

.loan-plans-item[loan-id="10"]:hover .loan-plans-banner:not([disable]) i:nth-child(5),
.loan-plans-item[selected][loan-id="10"] .loan-plans-banner:not([disable]) i:nth-child(5),
.loan-plans-item[loan-id="10"]:hover .loan-plans-banner:not([disable]) i:nth-child(6),
.loan-plans-item[selected][loan-id="10"] .loan-plans-banner:not([disable]) i:nth-child(6) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

.loan-plans-item[loan-id="10"] .loan-plans-banner i:nth-child(5):before,
.loan-plans-item[loan-id="10"] .loan-plans-banner i:nth-child(6):before {
    content: "";
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan6-eye.png');
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0.817);
    -ms-transform: scale(0.817);
    transform: scale(0.817);
}

.loan-plans-item[loan-id="10"]:hover .loan-plans-banner:not([disable]) i:nth-child(7),
.loan-plans-item[loan-id="10"]:hover .loan-plans-banner:not([disable]) i:nth-child(5):before,
.loan-plans-item[loan-id="10"]:hover .loan-plans-banner:not([disable]) i:nth-child(6):before,
.loan-plans-item[selected][loan-id="10"] .loan-plans-banner:not([disable]) i:nth-child(7),
.loan-plans-item[selected][loan-id="10"] .loan-plans-banner:not([disable]) i:nth-child(5):before,
.loan-plans-item[selected][loan-id="10"] .loan-plans-banner:not([disable]) i:nth-child(6):before {
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
    -webkit-transition-timing-function: cubic-bezier(.32, .11, .28, 1.83);
    -o-transition-timing-function: cubic-bezier(.32, .11, .28, 1.83);
    transition-timing-function: cubic-bezier(.32, .11, .28, 1.83);
}

.loan-plans-item[loan-id="10"] .loan-plans-banner i:nth-child(6) {
    left: 50.75%;
}

.loan-plans-item[loan-id="10"] .loan-plans-banner i:nth-child(7) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan6-dog.png');
    width: 33.2%;
    height: 47.6%;
    left: 35.0%;
    top: -10%;
    -webkit-transform: scale(0.530);
    -ms-transform: scale(0.530);
    transform: scale(0.530);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
}

.loan-plans-item[loan-id="10"]:hover .loan-plans-banner:not([disable]) i:nth-child(7),
.loan-plans-item[selected][loan-id="10"] .loan-plans-banner:not([disable]) i:nth-child(7) {
    opacity: 1;
}

/*/////////////////////// plan 11: 10-month-4 /////////////////////////////*/
.loan-plans-item[loan-id="11"] .loan-plans-banner i:nth-child(1) {
    content: url('/Themes/pacific/Content/img/loan/plans/plan11-bg.png');
}


.loan-plans-item[loan-id="11"] .loan-plans-banner i:nth-child(2) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan11-stars.png');
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
}

.loan-plans-item[loan-id="11"]:hover .loan-plans-banner:not([disable]) i:nth-child(2),
.loan-plans-item[selected][loan-id="11"] .loan-plans-banner:not([disable]) i:nth-child(2) {
    opacity: 0;
}

.loan-plans-item[loan-id="11"] .loan-plans-banner i:nth-child(3) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan11-cloud1.png');
    width: 12.9%;
    height: 17.9%;
    left: 11.8%;
    top: 54.4%;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transform: scale(1.0001) translateY(100%);
    -ms-transform: scale(1.0001) translateY(100%);
    transform: scale(1.0001) translateY(100%);
}

.loan-plans-item[loan-id="11"]:hover .loan-plans-banner:not([disable]) i:nth-child(3),
.loan-plans-item[selected][loan-id="11"] .loan-plans-banner:not([disable]) i:nth-child(3) {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

.loan-plans-item[loan-id="11"] .loan-plans-banner i:nth-child(4) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan11-cloud1.png');
    width: 12.9%;
    height: 17.9%;
    left: 79.1%;
    top: 25%;
    -webkit-transform: scale(0.682) translateY(-20px);
    -ms-transform: scale(0.682) translateY(-20px);
    transform: scale(0.682) translateY(-20px);
}

.loan-plans-item[loan-id="11"]:hover .loan-plans-banner:not([disable]) i:nth-child(4),
.loan-plans-item[selected][loan-id="11"] .loan-plans-banner:not([disable]) i:nth-child(4) {
    -webkit-transform: scale(0.682);
    -ms-transform: scale(0.682);
    transform: scale(0.682);
}

.loan-plans-item[loan-id="11"] .loan-plans-banner i:nth-child(5) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan11-cloud2.png');
    width: 9.7%;
    height: 12.5%;
    left: 73.5%;
    top: 66.7%;
    opacity: 1;
}

.loan-plans-item[loan-id="11"]:hover .loan-plans-banner:not([disable]) i:nth-child(5),
.loan-plans-item[selected][loan-id="11"] .loan-plans-banner:not([disable]) i:nth-child(5) {
    -webkit-transform: scale(1.0001) translate(100%, -100%);
    -ms-transform: scale(1.0001) translate(100%, -100%);
    transform: scale(1.0001) translate(100%, -100%);
    opacity: 0;
}

.loan-plans-item[loan-id="11"] .loan-plans-banner i:nth-child(6) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan11-planet.png');
    width: 49.4%;
    height: 100%;
    left: 25.3%;
    top: 0%;
    -webkit-transform: scale(0.878);
    -ms-transform: scale(0.878);
    transform: scale(0.878);
}

.loan-plans-item[loan-id="11"]:hover .loan-plans-banner:not([disable]) i:nth-child(6),
.loan-plans-item[selected][loan-id="11"] .loan-plans-banner:not([disable]) i:nth-child(6) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

.loan-plans-item[loan-id="11"] .loan-plans-banner i:nth-child(7) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan11-flower.png');
    width: 19.4%;
    height: 39.3%;
    left: 24.6%;
    top: 5.8%;
    -webkit-transform: scale(0.787);
    -ms-transform: scale(0.787);
    transform: scale(0.787);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
}

.loan-plans-item[loan-id="11"]:hover .loan-plans-banner:not([disable]) i:nth-child(7),
.loan-plans-item[selected][loan-id="11"] .loan-plans-banner:not([disable]) i:nth-child(7) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
    opacity: 1;
}

.loan-plans-item[loan-id="11"] .loan-plans-banner i:nth-child(8) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan11-mouth.png');
    width: 18.5%;
    height: 22.6%;
    left: 40.9%;
    top: 47.0%;
    -webkit-transform: scale(0.458) translateY(-40%);
    -ms-transform: scale(0.458) translateY(-40%);
    transform: scale(0.458) translateY(-40%);
}

.loan-plans-item[loan-id="11"]:hover .loan-plans-banner:not([disable]) i:nth-child(8),
.loan-plans-item[selected][loan-id="11"] .loan-plans-banner:not([disable]) i:nth-child(8) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

.loan-plans-item[loan-id="11"] .loan-plans-banner i:nth-child(9),
.loan-plans-item[loan-id="11"] .loan-plans-banner i:nth-child(10) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan11-eye.png');
    width: 7.4%;
    height: 15.5%;
    left: 42.3%;
    top: 38.7%;
    -webkit-transform: scale(0.567) translateX(20%);
    -ms-transform: scale(0.567) translateX(20%);
    transform: scale(0.567) translateX(20%);
}

.loan-plans-item[loan-id="11"]:hover .loan-plans-banner:not([disable]) i:nth-child(9),
.loan-plans-item[loan-id="11"]:hover .loan-plans-banner:not([disable]) i:nth-child(10),
.loan-plans-item[selected][loan-id="11"] .loan-plans-banner:not([disable]) i:nth-child(9),
.loan-plans-item[selected][loan-id="11"] .loan-plans-banner:not([disable]) i:nth-child(10) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

.loan-plans-item[loan-id="11"] .loan-plans-banner i:nth-child(10) {
    left: auto;
    right: 42.3%;
    -webkit-transform: scale(0.567) translateX(-20%);
    -ms-transform: scale(0.567) translateX(-20%);
    transform: scale(0.567) translateX(-20%);
}

.loan-plans-item[loan-id="11"]:hover .loan-plans-banner:not([disable]) i:nth-child(10),
.loan-plans-item[selected][loan-id="11"] .loan-plans-banner:not([disable]) i:nth-child(10) {
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.loan-plans-item[loan-id="11"] .loan-plans-banner i:nth-child(11) {
    background-image: url('/Themes/pacific/Content/img/loan/plans/plan11-apollo.png');
    width: 17.9%;
    height: 30.7%;
    left: 70.6%;
    top: 77.4%;
    -webkit-transform-origin: 120% 30%;
    -ms-transform-origin: 120% 30%;
    transform-origin: 120% 30%;
    -webkit-transform: scale(0.465);
    -ms-transform: scale(0.465);
    transform: scale(0.465);
}

.loan-plans-item[loan-id="11"]:hover .loan-plans-banner:not([disable]) i:nth-child(11),
.loan-plans-item[selected][loan-id="11"] .loan-plans-banner:not([disable]) i:nth-child(11) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

/*/////////////////////// plan 12: 10-month-5 /////////////////////////////*/
.loan-plans-item[loan-id="12"] .loan-plans-banner i:nth-child(1) {
    content: url('/Themes/pacific/Content/img/loan/plans/plan12-back.png');
}

.loan-plans-item[loan-id="12"] .loan-plans-banner i:nth-child(2) {
    width: 100%;
    height: 100%;
    content: url('/Themes/pacific/Content/img/loan/plans/plan12-stars.png');
    right: 0;
    top: 0;
    opacity: 0;
}

.loan-plans-item[loan-id="12"]:hover .loan-plans-banner:not([disable]) i:nth-child(2),
.loan-plans-item[selected][loan-id="12"] .loan-plans-banner:not([disable]) i:nth-child(2) {
    opacity: 1;
}

.loan-plans-item[loan-id="12"] .loan-plans-banner i:nth-child(3) {
    content: url('/Themes/pacific/Content/img/loan/plans/plan12-flower.png');
    width: 7%;
    height: 12.5%;
    left: 34.5%;
    top: 25%;
    opacity: 0;
}

.loan-plans-item[loan-id="12"]:hover .loan-plans-banner:not([disable]) i:nth-child(3),
.loan-plans-item[selected][loan-id="12"] .loan-plans-banner:not([disable]) i:nth-child(3) {
    width: 20%;
    height: 24.5%;
    left: 28.5%;
    top: 6%;
    opacity: 1;
}

.loan-plans-item[loan-id="12"] .loan-plans-banner i:nth-child(4) {
    width: 100%;
    height: 100%;
    content: url('/Themes/pacific/Content/img/loan/plans/plan12-hollow&stars.png');
    left: 0;
    top: 0;
}

.loan-plans-item[loan-id="12"] .loan-plans-banner i:nth-child(5) {
    content: url('/Themes/pacific/Content/img/loan/plans/plan12-planet.png');
    width: 48.3%;
    height: 100%;
    left: 25.85%;
    top: 0%;
    -webkit-transform: scale(0.794);
    -ms-transform: scale(0.794);
    transform: scale(0.794);
}

.loan-plans-item[loan-id="12"]:hover .loan-plans-banner:not([disable]) i:nth-child(5),
.loan-plans-item[selected][loan-id="12"] .loan-plans-banner:not([disable]) i:nth-child(5) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

.loan-plans-item[loan-id="12"] .loan-plans-banner i:nth-child(6) {
    content: url('/Themes/pacific/Content/img/loan/plans/plan12-right-eye.png');
    width: 3.5%;
    height: 6.5%;
    left: 53.4%;
    top: 48%;
}

.loan-plans-item[loan-id="12"]:hover .loan-plans-banner:not([disable]) i:nth-child(6),
.loan-plans-item[selected][loan-id="12"] .loan-plans-banner:not([disable]) i:nth-child(6) {
    left: 52.0%;
    -webkit-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
}

.loan-plans-item[loan-id="12"] .loan-plans-banner i:nth-child(7) {
    content: url('/Themes/pacific/Content/img/loan/plans/plan12-left-eye.png');
    width: 3.5%;
    height: 6.5%;
    left: 42.5%;
    top: 48%;
}

.loan-plans-item[loan-id="12"]:hover .loan-plans-banner:not([disable]) i:nth-child(7),
.loan-plans-item[selected][loan-id="12"] .loan-plans-banner:not([disable]) i:nth-child(7) {
    left: 43.5%;
    -webkit-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
}

.loan-plans-item[loan-id="12"] .loan-plans-banner i:nth-child(8) {
    content: url('/Themes/pacific/Content/img/loan/plans/plan12-stones.png');
    width: 15%;
    height: 22.5%;
    left: 48.5%;
    top: 66.7%;
    opacity: 0;
}

.loan-plans-item[loan-id="12"]:hover .loan-plans-banner:not([disable]) i:nth-child(8),
.loan-plans-item[selected][loan-id="12"] .loan-plans-banner:not([disable]) i:nth-child(8) {
    width: 27%;
    height: 36%;
    left: 40.5%;
    top: 62.7%;
    opacity: 1
}

/*/////////////////////// plan 13: 10-month-6 /////////////////////////////*/
.loan-plans-item[loan-id="13"] .loan-plans-banner i:nth-child(1) {
    content: url('/Themes/pacific/Content/img/loan/plans/plan13-bg.png');
}

.loan-plans-item[loan-id="13"] .loan-plans-banner i:nth-child(2) {
    width: 100%;
    height: 100%;
    content: url('/Themes/pacific/Content/img/loan/plans/plan13-stars.png');
    right: 0;
    top: 0;
    opacity: 0;
}

.loan-plans-item[loan-id="13"]:hover .loan-plans-banner:not([disable]) i:nth-child(2),
.loan-plans-item[selected][loan-id="13"] .loan-plans-banner:not([disable]) i:nth-child(2) {
    opacity: 1;
}

.loan-plans-item[loan-id="13"] .loan-plans-banner i:nth-child(3) {
    content: url('/Themes/pacific/Content/img/loan/plans/plan13-back-star.png');
    width: 8.8%;
    height: 18%;
    left: 10.5%;
    top: 15%;
    opacity: 0;
}

.loan-plans-item[loan-id="13"]:hover .loan-plans-banner:not([disable]) i:nth-child(3),
.loan-plans-item[selected][loan-id="13"] .loan-plans-banner:not([disable]) i:nth-child(3) {
    top: 30%;
    opacity: 1;
}

.loan-plans-item[loan-id="13"] .loan-plans-banner i:nth-child(4) {
    width: 100%;
    height: 100%;
    content: url('/Themes/pacific/Content/img/loan/plans/plan13-hollow&stars.png');
    left: 0;
    top: 0;
}

.loan-plans-item[loan-id="13"] .loan-plans-banner i:nth-child(5) {
    content: url('/Themes/pacific/Content/img/loan/plans/plan13-planet.png');
    width: 48.3%;
    height: 100%;
    left: 25.85%;
    top: 0%;
    -webkit-transform: scale(0.794);
    -ms-transform: scale(0.794);
    transform: scale(0.794);
}

.loan-plans-item[loan-id="13"]:hover .loan-plans-banner:not([disable]) i:nth-child(5),
.loan-plans-item[selected][loan-id="13"] .loan-plans-banner:not([disable]) i:nth-child(5) {
    -webkit-transform: scale(1.0001);
    -ms-transform: scale(1.0001);
    transform: scale(1.0001);
}

.loan-plans-item[loan-id="13"] .loan-plans-banner i:nth-child(6) {
    content: url('/Themes/pacific/Content/img/loan/plans/plan13-front-star.png');
    width: 6%;
    height: 14%;
    left: 61%;
    top: 52%;
    opacity: 0;
}

.loan-plans-item[loan-id="13"]:hover .loan-plans-banner:not([disable]) i:nth-child(6),
.loan-plans-item[selected][loan-id="13"] .loan-plans-banner:not([disable]) i:nth-child(6) {
    width: 11%;
    height: 25%;
    left: 64%;
    top: 51%;
    opacity: 1;
}

.loan-plans-item[loan-id="13"] .loan-plans-banner i:nth-child(7) {
    content: url('/Themes/pacific/Content/img/loan/plans/plan13-saturn.png');
    width: 10%;
    height: 16%;
    left: 37%;
    top: 13%;
}

.loan-plans-item[loan-id="13"]:hover .loan-plans-banner:not([disable]) i:nth-child(7),
.loan-plans-item[selected][loan-id="13"] .loan-plans-banner:not([disable]) i:nth-child(7) {
    width: 15%;
    height: 25%;
    left: 32%;
    top: 3%;
}

.loan-plans-item[loan-id="13"] .loan-plans-banner i:nth-child(8) {
    content: url('/Themes/pacific/Content/img/loan/plans/plan13-lip.png');
    width: 7%;
    height: 8%;
    left: 47%;
    top: 57%;
}

.loan-plans-item[loan-id="13"]:hover .loan-plans-banner:not([disable]) i:nth-child(8),
.loan-plans-item[selected][loan-id="13"] .loan-plans-banner:not([disable]) i:nth-child(8) {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    top: 63%;
}

/********** LOAN INFO TOUR STEPS BALOON **********/
.tour-steps-wrap {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    position: fixed;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    pointer-events: none;
    z-index: 999999999;
    opacity: 0;
    left: 0;
    top: 0;
}

.tour-steps-wrap.active {
    pointer-events: auto;
    opacity: 1;
}

.tour-steps-close::before {
    content: '\e90a';
    display: block;
    font: bold 12px pacific;
    position: absolute;
    z-index: 10;
    left: 15px;
    top: 15px;
}

.tour-steps-wrap .master-wrapper-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.tour-steps-baloon {
    -ms-flex-item-align: baseline;
    align-self: baseline;
    width: 300px;
    max-width: 100%;
    color: #fff;
    padding: 15px;
    margin-top: 15px;
    border-radius: 15px;
    background: #d158c5;
    position: relative;
}

.tour-steps-baloon.tsb-center {
    margin: 15px auto 0;
}

.tour-steps-baloon.tsb-left {
    margin-right: auto;
}

.tour-steps-baloon.tsb-bottom {
    margin-top: auto;
    margin-bottom: 80px;
}

.tour-steps-baloon::after {
    content: '';
    display: inline-block;
    border: 7px solid transparent;
    border-top-color: #d158c5;
    position: absolute;
    right: 20px;
    top: 100%;
}

.tour-steps-baloon.tsb-left::after {
    right: auto;
    left: 20px;
}

.tour-steps-baloon.tsb-center::after {
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    right: 50%;
}

.tour-steps-list {
    position: relative;
}

.tour-steps-list-item {
    margin-bottom: 10px;
}

.tour-steps-list-item:not(.active) {
    pointer-events: none;
    position: absolute;
    opacity: 0;
    top: 0;
}

.tour-steps-item-title {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}

.tour-steps-item-text {
    font-size: 14px;
    font-weight: 400;
}

.tour-steps-nav-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tour-steps-bullets-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 5px auto;
    gap: 7px;
}

.tour-steps-bullet a {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: rgba(255,255,255,.3);
    cursor: default;
}

.tour-steps-bullet.active a {
    background: #fff;    
}

/********** MEDIA QUERYS **********/
@media (hover: none) and (pointer: coarse) {
    .loan-top-slider,
    .loan-video-intro-wrap::before,
    .page.loan-landing .loan-popular::before {
        width: 100vw;
    }
}

@media screen and (max-width: 960px) {
    .loan-landing[loan-status=Unregistered] .loan-top-banner,
    .loan-landing[loan-status=Unconfirmed] .loan-top-banner {
        background-size: 100% 180px, cover !important;
    }
    
    .loan-top-banner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .loan-banner-details {
        width: 100%;
        max-width: none;
    }

    .loan-video-intro-details {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;    
    }
}

@media screen and (max-width: 768px) {
    .page.loan-landing .loan-advantages .loan-advantages-icons>li {
        width: 100%;
    }

    .page.loan-landing .loan-faq .loan-collapse .loan-collapse-container {
        padding: 20px 20px;
        text-align: justify;
    }

    .loan-top-slider .msh-slider-nav {
        display: none;
    }
}

@media (max-width: 650px) {
    .bank-approval-fig {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .loan-state-list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media (max-width: 540px) {
    .loan-banner-btn-wrap {
        display: none;
    }

    .loan-banner-btn-wrap.\@mobile {
        display: block;
    }
    
    .loan-banner-btn-wrap a {
        width: 100%;
    }

    .loan-banner-fig img {
        width: calc(100% + 124px);
        padding: 0;
    }

    .loan-fix-bar-btn {
        display: block;
        width: 100%;
    }

    .loan-banner-text-fig img {
        margin-right: auto;
        margin-left: auto;
    }

    .loan-fix-bar-text {
        display: none;
    }
}

@media (max-width: 500px) {
    .loan-filters-order::before {
        display: none;
    }
}

@media (max-width: 400px) {
    .tour-balloon-open {
        font-size: 0;
        padding: 11px 8px;
    }
}

@media (max-height: 780px) {
    .bank-approval-form > img,
    .bank-approval-wait-fig img,
    .bank-approved-fig img,
    .bank-reject-fig img,
    .loan-agree-ask-ico img {
        max-height: 124px;
    }
}