body[data-pagetype=public-page] #main,
body[data-pagetype=public-page] #wrapper.main-page { background: none; }
.main-page #main { overflow: visible; z-index: 10; }
.multi-lang-drop .dropdown-toggle { padding: 10px 0 9px 14px; border-radius: 0; }
.logo a { padding-left: 0; }
.hero-block #header { position: relative; display: block; height: auto; box-shadow: none; }
/*.hero-block #header .navbar { border: none; padding: 55px 0; }*/
.hero-block #header:after { display: none; }
.hero-block .hero-block-bg:before { content: ''; position: absolute; left: 50%; top: 50%; width: 420px; height: 420px; background: url(../../../../cstatic/b1ad94af-b418-0bf4-6251-a267fd34b45c/credit-hero-bg.svg) no-repeat; pointer-events: none; transform: translate(-50%, -50px); }
.hero-block #header { margin: 0 0 73px; }
.hero-block #header .navbar { border-width: 0; }
.navbar-expand-lg .navbar-nav .nav-item.sign-in .nav-link { color: #F97C00; }
@media(max-width:991px) {
	.hero-block #header:after { display: none; }
}
.hero-block .hero-block-bg { top: 0; left: 0; width: 100%; height: 100%; position: absolute; }
.hero-block { color: #848689; height: 1%; z-index: 8; position: relative; display: table-header-group }
.hero-block .frame { position: relative }
.hero-block .hero-holder { position: relative; padding: 0 0 30px }
.hero-block .row { position: relative }
.hero-block h1 { margin: 0 0 24px; font-weight: 500; max-width: 580px; font-size: 4.571428571428571em; line-height: 1.234375; color: transparent;
	-webkit-background-clip: text; letter-spacing: -1.28px;
	background-image: linear-gradient(90deg, #081A66 39%, #F97C00 58.66%);
	background-size: 200% auto;
	animation: gradientAnimation 3s ease-in-out reverse, solidColorTransition 0.5s ease 3s forwards;}
	@keyframes gradientAnimation {
		0% { background-position: -100%; }
		100% { background-position: 100%; }
	}
	@keyframes solidColorTransition {
		0% { color: transparent; }
		100% { color: #081A66; background-image: transparent; }
	}	
.hero-block h1 .sub-heading { color: transparent; vertical-align: top; background-clip: text; display: block; -webkit-background-clip: text; background-image: linear-gradient(to right, #081A66, #F97C00); }
.hero-block h2 { font-size: 1.714285714285714em; line-height: 1.333333333333333; color: #081A66; font-weight: 400; margin: 0 0 24px; }
.hero-block p { margin: 0 0 40px; max-width: 550px; font-size: 1.285714285714286em; line-height: 1.555555555555556; color: #081A66; font-weight: 400 }
.body-loaded .hero-block .hero-textbox { padding-bottom: 0; padding-top: 0; position: relative; }
.hero-block .media { align-items: center; max-width: 450px; }
.hero-block .media .thumbnail-img { position: relative; width: 160px; flex-shrink: 0; }
.hero-block .media .thumbnail-img > img { max-width: 100%; height: auto; display: block; }
.hero-block .btn-media { position: absolute; left: 50%; top: 50%; border-width: 0; margin: -18px 0 0 -18px; outline: solid 4px rgba(255, 255, 255, 0.6); border-radius: 100%; width: 36px; height: 36px; background: #0D227F; display: flex; align-items: center; justify-content: center; }
.hero-block .btn-media:where(:hover, :focus, :active) { background: #1E37A8; }
.hero-block .media .ico { width: 8px; height: 8px; background: url(../../../../cstatic/bc5a1d45-9547-9bc1-c065-ec7fd879ae0d/credit-playIcon.svg) no-repeat 50% 50%; display: block; }
.hero-block .media .media-info { flex-grow: 1; padding: 0 0 0 28px; }
.hero-block h3 { font-size: 1.428571428571429em; line-height: 1.1; font-weight: 600; color: #0D227F; margin: 0 0 8px; }
.hero-block .media-info p { color: #0D227F; margin: 0; font-size: 1.142857142857143em; line-height: 1.25; }

.form-login { z-index: 3; max-width: 462px; margin: 0 0 0 auto; position: relative; }
.form-login .alert.alert-danger { padding-left: 50px; margin-top: -15px }
.form-login .alert.alert-danger br { display: none }
.form-login .form-area { padding: 37px 40px 40px; box-shadow: 0px 20px 80px -10px #A6C2E440; border-radius: 24px; margin: 0 0 0 -8px; }
@media(max-width:767px) {
	.form-login:before { display: none; }
	.hero-block .hero-block-bg { background-size: cover; }
}
.form-login .form-logo { font-size: 1.928571428571429em; line-height: 1.45833; margin: 0 0 21px; font-weight: 600; letter-spacing: -0.0125rem; }
.form-login .form-group { margin: 0 0 21px }
.form-login .field-holder { min-height: 70px; margin: 0 0 16px }
.form-login .field { position: relative }
.form-login .field label { color: #000823; font-size: 1em; line-height: 1.428571428571429; }
.field-readonly-holder .label-slide label, .label-slide label.top-auto { transform: translate(0,0) scale(1); transform-origin: 0 0; }

/*.form-login .field.field-focused label{color:#999;font-size:.85714em;line-height:20px}*/
.form-login .field .ico { top: 50%; left: 21px; color: #d7d9e0; font-size: 24px; line-height: 1; position: absolute; margin: -12px 0 0; pointer-events: none }
.form-login .field .ico~.form-control { padding-left: 56px }
.form-login .field .link { right: 0; top: 100%; font-weight: 400; position: absolute; margin: 6px 0 0; font-size: 1em; line-height: 1.428571428571429; color: #081A66; }
.form-login .field .link:where(:hover, :focus, :active) { color: var(--ch32-brand); text-decoration: underline; }
.form-login .field .link~.form-control { padding-right: 70px }
.form-login label { font-weight: 400; font-size: 0.75rem; line-height: 20px }
.form-login .form-control { height: 40px; color: #222; border-width: 0 0 2px; font-size: 1.14286em; line-height: 1.5 }
.form-login .form-control::-webkit-input-placeholder { color: #999 }
.form-login .form-control::-moz-placeholder { opacity: 1; color: #999 }
.form-login .form-control:-moz-placeholder { color: #999 }
.form-login .form-control:-ms-input-placeholder { color: #999 }
.form-login .form-control.placeholder { color: #999 }
.form-login .remember { margin: 24px 0 0; }
.form-login .error-field .link { color: #ce6262 }
.form-login .error-field .form-control { border-color: #ce6262 }
.form-login [data-type=submit] { width: 100%; display: block; margin: 16px 0 0; font-weight: 400; min-height: 46px; padding: 10px; position: relative; border-color: #69be28; font-size: 16px; line-height: 1.5; background: #69be28; font-weight: 500; border-radius: .38rem; }
.form-login .btn-default[data-type=submit]{font-size: 20px; font-weight: 600;}
.form-login .btn.btn-orange:hover{ background: #ffffff !important; border-color: #1434CB !important; color: #1434CB !important;}
.form-login [data-type=submit]:hover, .form-login [data-type=submit]:focus { background: #467f1b }
.form-login .btn-default[data-type=submit]:hover, .form-login .btn-default[data-type=submit]:focus { color: #fff !important }
.form-login [data-type=submit].btn-orange { margin-top: 15px; border-radius: 4px }
.form-login [data-type=submit]:hover, .form-login [data-type=submit]:focus { color: #fff !important }
.form-login [data-type=submit] .ico { top: 50%; right: 21px; font-size: 12px; margin: -6px 0 0; position: absolute }
.form-login .form-footer { overflow: hidden; position: relative; margin: 50px -48px -49px; border-radius: 0 0 15px 15px; border-top: solid 1px #e5e5e5 }
.form-login h3 { margin: 0; font-size: 1.058823529411765em }
.form-login h3 a { display: block; font-weight: 400; color: #999; padding: 26px 120px 32px 47px }
.form-login h3 a:hover, .form-login h3 a:focus { text-decoration: none; color: #737373 }
.form-login h3 a:focus, .form-login h3 a:hover { background: #f1f1f1 }
.form-login h3 img[aria-hidden] { top: 50%; right: 45px; margin: -20px 0 0; position: absolute }
.form-login .heading { color: #69be28; display: block; margin: 0 0 8px; font-weight: 500; font-size: 1.42857em; line-height: 1.2 }
.form-login .remember label { margin: 0; font-size: 12px; line-height: 1.46154; color: #1B223A; }
.form-login [class*=icheckbox] { top: 0; vertical-align: middle }
.form-login.credit:before { left: 50%; content: ''; z-index: -2; bottom: -131px; position: absolute; width: 596px; height: 596px; margin: 0 0 0 -298px; background: url(../../../../cstatic/61b9a734-1434-4ba9-bb64-528c4c32f8cb/circle1.png) }
.form-login.credit .form-area { border-radius: 15px }
.form-login .captcha-area { margin: 0 0 30px }
.form-login [class*="icheckbox"] { border-width: 1px; }
.form-login [class*="icheckbox"]:not(.hover, .focus, .checked) { border-color: #A1A3AE; }
.go-to-next-section { display: none }

/* next-card-section */
.next-card-section { margin: 86px 0 60px; }
.next-card-section .container { max-width: 1350px; }
.next-card-section .holder {  border-radius: 24px; position: relative; background: #041145; display: flex; align-items: center; padding: 134px 90px; color: #fff; }
.next-card-section .holder:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background: url(../../../../cstatic/36e7c39d-a751-4630-9fec-ff45ac00de85/credit-next-card-bg.svg) no-repeat 50% 50%;}
.next-card-section .holder > * { position: relative; z-index: 2; }
.next-card-section .card-holder { width: 42.14%; margin: 0; }
.next-card-section .sub-holder { max-width: 480px; position: relative; }
.next-card-section .card-img { margin: 0; }
.next-card-section .card-img img { max-width: 100%; height: auto; display: block; }
.next-card-section .card-type { min-width: 144px; text-align: center; padding: 11px; right: -32px; top: 21px; max-width: 170px; white-space: normal; overflow: hidden; text-overflow: ellipsis;  position: absolute; background: #fff; color: #041145; font-size: 1.117142857142857em; line-height: 1.342710997442455; font-weight: 500;text-transform: capitalize; border-radius: 1.466875rem; }
.next-card-section .reward-points { background: #FFF7EE; border-radius: 0.61125rem; padding: 1.4225rem 1.466875rem 1.42375rem 1.104375rem; text-align: left; position: absolute; left: 52px; bottom: -45px; color: #041145; min-width: 170px; max-width: 180px; }
.next-card-section .number { display: block; font-size: 2.2rem; line-height: 1.221590909090909; font-weight: 400; }
.next-card-section .title { display: block; font-size: 1em; line-height: normal; color: #3A3D5A; letter-spacing: 0.025rem; }
.next-card-section .textbox { max-width: 510px; margin: 0 0 0 145px; }
.next-card-section .textbox-holder { padding: 0 0 23px; }
.next-card-section h2 { font-size: 3.428571428571429em; line-height: 1.166666666666667; margin: 0 0 27px; font-weight: 600; max-width: 80%; }
.next-card-section .full-stop { color: #F97C00; }
.next-card-section p { font-size: 1.285714285714286em; line-height: 1.533333333333333; margin: 0 0 29px; }
.next-card-section .link-more { display: inline-flex; align-items: center; color: #fff; font-size: 1.285714285714286em; line-height: 1.25; text-decoration: none; }
.next-card-section .link-more .ico { margin: 0 0 0 16px; display: inline-block; width: 1.777777777777778em; height: 1.777777777777778em; background: url(../../../../cstatic/61b63595-b89e-4959-b39b-c1114887e272/credit-circled-arrow.svg) no-repeat 50% 50%; background-size: contain; background-repeat: no-repeat; background-position: center; }
/* .next-card-section .link-more:where(:hover, :focus, :active) .text { text-decoration: underline; } */
.next-card-section .link-more:where(:hover, :focus, :active) .ico { background-image: url(../../../../cstatic/526657ae-9a80-4e51-84c9-9c12a605b676/credit-circled-arrow-H.svg); }

/* features-section */
.features-section { padding: 63px 0; }
.features-section .section-head { text-align: center; margin: 0 auto 72px; max-width: 624px; }
.features-section h2 { color: #F97C00; font-size: 16px; line-height: normal; margin: 0 0 18px; }
.features-section h3 { font-size: 3.428571428571429em; line-height: 1.166666666666667; margin: 0; font-weight: 500; color: transparent;
	display: block; -webkit-background-clip: text;	background-size: 200% auto;	transition: color 0.5s ease-in-out;background-image: linear-gradient(90deg, #081A66  23%, #F97C00 40.66%); }
.features-section.section-active h3 { animation: gradientSlide 3s ease-in-out forwards, colorChange 0.5s ease 3s forwards; }	
@keyframes gradientSlide {
	0% { background-position: 100%; }
	100% { background-position: -100%; }
}
@keyframes colorChange {
	0% { color: transparent; }
	100% { color: #081A66; background-image: transparent; }
}
.features-section h3 .sub-title { display: block; background-clip: text; color: transparent; display: block; -webkit-background-clip: text; background-image: linear-gradient(to right, #5263AA 70%, #F97C00 100%); }
.features-section .holder { max-width: 1140px; margin: 0 auto; }
.features-section .holder .row { margin-left: -12px; margin-right: -12px; }
.features-section .holder [class*="col-"] { padding-right: 12px; padding-left: 12px; margin: 0 0 24px; }
.features-section .holder [class*="col-"]:where(:nth-child(1), :nth-child(2), :nth-child(5)) .content-info { margin: 0 0 -54px; }
.features-section .box-inner { height: 100%; display: flex; justify-content: space-between; flex-direction: column; padding: 46px 40px 54px 43px; background: #F4FAFF; border-radius: 24px; overflow: hidden; }
.features-section .sub-head { margin: 0 0 40px; }
.features-section h4 { font-size: 2em; line-height: 1.214285714285714; margin: 0 0 21px; color: #041145; font-weight: 500; }
.features-section .sub-head p { color: #000823; margin: 0; font-size: 1.142857142857143em; line-height: 1.25; flex-shrink: 0; }
.features-section .content-info { margin: 0 0 -40px; position: relative; }
.features-section .img-area { max-width: 375px; margin: 0 auto; overflow: hidden; }
.features-section .img-area.img-2 img { margin: 5px 0 -5px; }
.features-section .img-area img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
.features-section .img-area.img-3 { overflow: hidden; }
.features-section .img-blocker { position: absolute; top: -36px; right: 30px; z-index: 2; pointer-events: none; }
.features-section .img-area.img-3 img { margin: 0 0 -6px; }
.features-section .holder [class*="col-"]:nth-child(3) .content-info { margin: 0 0 -54px; }
.features-section .holder [class*="col-"]:nth-child(4) .content-info { margin: 0 auto -54px; max-width: 375px; }
.features-section .holder [class*="col-"]:nth-child(5) .sub-head p { max-width: 80%; }
.features-section .list-types { margin: 27px auto -17px; max-width: 375px; text-align: center; overflow: hidden; }
.features-section .list-types li { padding: 31px 24px; background: #fff; border-radius: 8px; }
.features-section .list-types li + li { margin: 16px 0 0; }
.features-section .list-types .ico { display: block; margin: 0 0 8px; }
.features-section .list-types .ico img { max-width: 100%; display: block; margin: 0 auto; }
.features-section .list-types .text { font-size: 1.285714285714286em; line-height: 1.555555555555556; color: #121521; display: block; font-weight: 700; }
.features-section .images-set { margin: 53px -41px -19px; overflow: hidden; display: flex; justify-content: space-between; gap: 32px; }
.features-section .img-left { width: 375px; margin: 0 0 0 -41px; }
.features-section .img-right { width: 280px; margin: 0 -87px 0 0; }
.features-section .images-set img { display: block; width: 100%; height: auto; max-width: none; }
.features-section .list-cards { margin: 0 auto -21px; max-width: 375px; }
.features-section .list-cards li { padding: 30px 24px; background: #fff; border-radius: 8px; display: flex; align-items: center; box-shadow: 0 4px 8px #C7E2FF99; }
.features-section .list-cards li + li { margin: 10px 0 0; }
.features-section .list-cards img { flex-shrink: 0; width: 36px; }
.features-section .list-cards .text { flex-grow: 1; padding: 0 0 0 18px; font-size: 1.285714285714286em; line-height: 1.555555555555556; font-weight: 700; color: #121521; }

/* .benefits-section */
.benefits-section { background: none !important; padding: 32px 0; }
.benefits-section .container { max-width: 1350px; }
.benefits-section .holder { padding: 178px 90px 151px; border-radius: 24px; position: relative; color: #fff; background: linear-gradient(0deg, #000823, #000823), radial-gradient(110.92% 43.97% at 69.54% 41.02%, rgba(20, 52, 203, 0.2) 0%, rgba(0, 8, 35, 0.2) 100%); }
.benefits-section .holder:before { top: 0; left: 0; width: 100%; content: ''; height: 100%; position: absolute; pointer-events: none; background: url(../../../../cstatic/d092e63a-0710-4469-9421-85a4a4719028/credit-order-card-bg.svg) no-repeat 50% 100%; border-radius: 30px; }
.benefits-section .holder > * { position: relative; z-index: 2; }
.benefits-section .card-img-holder { position: absolute; top: 0; right: 38px; }
.benefits-section .card-img-holder img { max-width: 100%; height: auto; display: block; }
.benefits-section .section-head { text-align: center; margin: 0 auto 80px; max-width: 640px; }
.main-page .benefits-section h2 { color: #fff; font-size: 1.5em; line-height: normal; margin: 0 0 16px; font-weight: 400; }
.benefits-section .section-head h3 { font-size: 3.428571428571429em; line-height: 1.166666666666667; margin: 0; font-weight: 500; }
.benefits-section .holder .row { marginleft: -12px; margin-right: -12px; }
.benefits-section .holder [class*="col-"] { padding-right: 12px; padding-left: 12px; margin: 0 0 24px; }
.benefits-section .box { padding: 40px; border-radius: 16px; background: #fff; box-shadow: 0px 4px 12px 0px #A6C2E41A; backdrop-filter: blur(20px); min-height: 100%; }
.benefits-section .ico { display: flex; justify-content: flex-end; margin: 0 0 16px; }
.benefits-section .ico img { max-width: 100%; height: auto; margin: 0 0 0 auto; }
.benefits-section .box h3 { font-size: 1.714285714285714em; line-height: 1.166666666666667; margin: 0 0 16px; color: #1B223A; }
.benefits-section .box p { font-size: 1.142857142857143em; line-height: 1.25; margin: 0; color: #000823; }

/* bank-with-us */
.bank-with-us { padding: 141px 0 0; }
.bank-with-us .row-holder { display: flex; align-items: center; }
.bank-with-us .col-content { width: 50%; padding: 20px 0 0; }
.bank-with-us .col-mobile-img { width: 50%; }
.bank-with-us .col-mobile-img img { max-width: 100%; height: auto; display: block; }
.bank-with-us .box { max-width: 461px; margin: 0 11px 0 auto; }
.bank-with-us h2 { font-size: 4.928571428571429em; line-height: 1; margin: 0 0 32px; color: #1B223A; font-weight: 500; letter-spacing: 0.075rem; }
.bank-with-us p { font-size: 1.428571428571429em; line-height: 1.3; color: #1B223A; margin: 0 0 48px; }
.bank-with-us .list-logos { display: flex; align-items: flex-start; flex-wrap: wrap; margin: -1px 0 1px; }
.bank-with-us .list-logos li { margin: 0 18px 18px 0; }
.bank-with-us .list-logos a { width: 182px; height: 65px; display: flex; align-items: center; justify-content: center; border: solid #041145 1px; border-radius: 8px; background: #fff; }
.bank-with-us .list-logos a:where(:hover, :focus, :active) { background: #f1f1f1; opacity: 1; }
.bank-with-us .list-logos a img { max-width: 100%; height: auto; display: block; }
.bank-with-us .list-logos li:nth-child(2) a { min-width: 162px; }
.bank-with-us .img-holder { margin: 0 0 0 13px; }
.bank-with-us .img-holder img { max-width: 100%; height: auto; display: block; }

@media (max-width:767px) {
	.form-login .form-area { padding: 30px 30px 60px }
}
@media (max-width:991px) {
	.logo { max-width: 192px; }
	.hero-block #header .navbar { padding: 20px 0; }
	.hero-block #header { margin: 0 0 65px; }
	.hero-block { text-align: center }
	.hero-block .frame { padding: 0 0 110px; }
	.hero-block .hero-block-bg::before { transform: translate(-20%, -62px); }
	.hero-block h2 { font-size: 1.714285714285714em; line-height: 1.333333333333333; margin: 0 0 24px; }
	.hero-block h1 { max-width: 484px; margin: 0 auto 24px; font-size: 4.571428571428571em; line-height: 1.0625; }
	.hero-block p { margin: 0 auto 40px; max-width: 454px; }
	.hero-block .media { margin: 0 auto 40px; }
	.hero-block .media .media-info { text-align: left; }
	.form-login { margin: 0 auto -60px; text-align: left }
	.form-login .form-area { margin: 0;}
	.nav-active .navbar-collapse { padding: 0 !important }
	.next-card-section { margin: 31px 0 60px; }
	.next-card-section .holder { flex-direction: column; padding: 0 127px 64px; }
	.next-card-section .card-holder { width: 100%; padding: 0 0 101px; }
	.next-card-section .sub-holder { margin: 64px auto 0; left: 0; }
	.next-card-section .textbox { margin: 0; max-width: none; width: 100%; }
	.next-card-section .textbox-holder { padding: 0; max-width: 484px; margin: 0 auto; }
	.next-card-section p { 	letter-spacing: 0.0375rem; }
	.features-section h2 { ,animation: 0 0 21px; }
	.features-section .holder [class*="col-"]:where(:nth-child(1), :nth-child(2)) .sub-head { margin: 0 auto 63px; }
	.features-section .holder [class*="col-"]:where(:nth-child(1), :nth-child(2)) .content-info { margin: 0 0 -55px; }
	.features-section .holder [class*="col-"] { max-width: 100%; flex: 0 0 100%; }
	.features-section .holder [class*="col-"]:nth-child(5) .sub-head p { max-width: none; }
	.features-section .holder [class*="col-"]:nth-child(4) .sub-head { max-width: 400px; margin: 0 auto 92px; }
	.features-section .holder [class*="col-"]:nth-child(5) .content-info { margin: 0 0 -59px; }
	.features-section .holder [class*="col-"]:nth-child(6) .sub-head { margin: 0 0 67px; }
	.features-section .box-inner { text-align: center; }
	.features-section .images-set { margin: 72px -15px 0; }
	.features-section .img-left { width: 375px; margin: 0; }
	.features-section .img-right { width: 280px; margin: 0; }
	.benefits-section .card-img-holder { right: 114px; }
	.benefits-section .holder { padding: 255px 24px 42px; }
	.benefits-section .holder [class*="col-"] { max-width: 50%; flex: 0 0 50%; }
	.benefits-section .section-head { margin: 0 auto 39px; }
	.benefits-section .box { padding: 40px 24px; }
	.bank-with-us { padding: 68px 0 0; }
	.bank-with-us .row-holder { flex-direction: column; }
	.bank-with-us .col-content { width: auto; text-align: center; padding: 20px 0 60px; }
	.bank-with-us .box { margin: 0 auto; }
	.bank-with-us .img-holder { width: 483px; margin: 0 57px 0 0; }
	.bank-with-us .col-mobile-img { width: auto; }
	.bank-with-us .list-logos{ justify-content: center;}
	.bank-with-us .list-logos a { width: 192px; }
	.bank-with-us .list-logos li:last-child{ margin-right: 0;}
}
@media (max-width: 767px) {
	.hero-block .hero-block-bg::before {display: none; }
	.hero-block h1 { font-size: 3.428571428571429em; line-height: 1.208333333333333; margin: 0 auto 22px; max-width: 90%; }
	.form-login .form-area { padding: 40px; }
	.form-login .form-logo { font-size: 1.72em; }
	.hero-block .frame { padding: 0 0 70px; }
	.next-card-section .holder{padding: 0 64px 64px;}
	.next-card-section { margin: 31px 0 5px; }
	.next-card-section .card-holder { padding: 0 0 73px; }
	.next-card-section .sub-holder { margin: 64px auto 0; max-width: 299px; left: 0; }
	.next-card-section .card-type { font-size: 0.8171428571428571em; line-height: 1.486013986013986; padding: 7px; min-width: 105px; right: -12px; top: 13px;}
	.next-card-section .reward-points { padding: 14px; min-width: 124px; left: 23px; bottom: -35px;}
	.next-card-section .number { font-size: 1.767142857142857em; line-height: 1.222222222222222; margin: 0 0 3px; }
	.next-card-section h2{ max-width: 100%;}
	.next-card-section .title { font-size: 0.7142857142857143em; line-height: 1.43; }

	.features-section h3 { font-size: 2.857142857142857em; line-height: 1.25; letter-spacing: -0.8px;}
	.bank-with-us { padding: 13px 0 0; }
	.bank-with-us h2 { font-size: 3.428571428571429em; line-height: 1.041666666666667; }
	.bank-with-us .list-logos { justify-content: center; padding: 0 0 0 8px; }
	.bank-with-us .list-logos li { margin: 0 8px 18px 0; }
	.bank-with-us .list-logos a { width: 135px; height: 60px; padding: 0 8px; }
	.bank-with-us .list-logos li:nth-child(2) a { min-width: inherit; width: 127px; height: 60px; }
	.bank-with-us .col-content { padding: 20px 0 21px; }
	.bank-with-us .img-holder { width: auto; margin: 0 22px 0 -27px; }
}
@media (max-width: 540px) {
	.logo { max-width: 144px; }
	.hero-block .media { max-width: 250px; flex-direction: column; margin: 0 auto 31px; }
	.hero-block .media .media-info { padding: 0; text-align: center; }
	.hero-block .media .thumbnail-img { margin: 0 auto 21px; }
	.features-section { padding: 63px 0 1px; }
	.features-section .img-blocker { top: 25px; right: 27px; }
	.features-section .box-inner { padding: 32px 24px; }
	.features-section h4 { margin: 0 0 15px; }
	.features-section .holder [class*="col-"]:nth-child(4) .sub-head,
	.features-section .holder [class*="col-"]:where(:nth-child(1), :nth-child(2)) .sub-head,
	.features-section .sub-head { max-width: none; margin: 0 0 32px; text-align: left; }
	.features-section .img-area { max-width: 100%; }
	.features-section .img-area img { margin: 0; width: 100%;}
	/* .features-section .holder [class*="col-"]:where(:nth-child(1)) .img-area.img-1 { margin: 0 -20px -16px; }
	.features-section .holder [class*="col-"]:where(:nth-child(2)) .img-area.img-2 { margin: 0 0 0 -6px; }
	.features-section .holder [class*="col-"]:where(:nth-child(4)) .img-area.img-3 { margin: 0 0 0 -46px; } */
	.features-section .list-types { max-width: 100%; }
	.features-section .img-left { width: 239px; }
	.features-section .img-right { width: 178px; margin: 0 -116px 0 0; }	
	.features-section .list-cards { max-width: none; margin: 0 -18px -18px 0; }
	.features-section .list-cards li { padding: 25px 21px; }
	.features-section .list-cards img { width: 30px; }
	.features-section .list-cards .text { padding: 0 0 0 15px; text-align: left; font-size: 1.071428571428571em; line-height: 1.533333333333333; }
	.features-section .holder [class*="col-"] { margin: 0 0 32px; }
	.features-section .holder [class*="col-"]:where(:nth-child(1), :nth-child(2)) .sub-head,
	.features-section .sub-head { margin: 0 0 27px; }
	.features-section .holder [class*="col-"]:where(:nth-child(1), :nth-child(2)) .content-info { margin: 0 -16px -32px; }
	.features-section .holder [class*="col-"]:nth-child(3) .content-info { margin: 0 -8px -26px -8px;}
	.features-section .holder [class*="col-"]:nth-child(4) .content-info { margin: 17px -8px -4px; max-width: calc(100% + 16px); }
	.features-section .holder [class*="col-"]:nth-child(5) .content-info { margin: 34px -16px -32px -16px; }
	.features-section .holder [class*="col-"]:nth-child(6) .content-info { margin: 0 -8px -20px -8px; }
	.features-section .list-cards{ margin: 0;}
	.features-section .list-types { margin: 0; }
	.features-section .list-types li { padding: 27px 24px; }
	.features-section .list-types li + li { margin: 13px 0 0; }
	.features-section .list-types .ico { width: 32px; margin: 0 auto 5px; }
	.features-section .list-types .text { font-size: 1.071428571428571; line-height: 1.533333333333333; }	
	.features-section .img-area.img-3 img { margin: 0; }	
	.features-section .images-set { margin: 0; gap: 21px; }
	.features-section .holder [class*="col-"]:nth-child(6) .sub-head { margin: 0 0 32px; }

	.benefits-section .holder { overflow: hidden; padding: 223px 24px 42px; }
	.benefits-section .card-img-holder { width: 345px; right: -32px; top: -8px; }
	.main-page .benefits-section h2 { font-size: 1.571428571428571em; margin: 0 0 15px; }
	.benefits-section .section-head h3 { font-size: 2.571428571428571em; line-height: 1.21; }
	.benefits-section .holder [class*="col-"] { max-width: 100%; flex: 0 0 100%; }
	.benefits-section .box { padding: 33px 24px; }

	.next-card-section .holder { padding: 0 24px 64px; }

	
}

.box svg { transition: transform 0.3s ease; }
.box svg path { stroke-dasharray: 500; stroke-dashoffset: 0; fill: none; }
.box.box-0:hover svg path { animation: boxAanimation 3s ease forwards infinite; }
@keyframes boxAanimation {
	0% { stroke-dashoffset: 0; }
	50% { stroke-dashoffset: 500; }
	100% { stroke-dashoffset: 0; }
}
.box.box-1:hover svg path { animation: boxBanimation 3s ease forwards infinite; }
@keyframes boxBanimation {
	0% { stroke-dashoffset: 0; }
	50% { stroke-dashoffset: 500; }
	100% { stroke-dashoffset: 0; }
}
.box.box-2:hover svg path { animation: boxCanimation 3s ease forwards infinite; }
@keyframes boxCanimation {
	0% { stroke-dashoffset: 0; }
	50% { stroke-dashoffset: 500; }
	100% { stroke-dashoffset: 0; }
}

.box.box-3 svg path { stroke-dasharray: 200; stroke-dashoffset: 0; transition: stroke 0.3s ease; }
.box.box-3:hover svg path { animation: drawPath 2s ease forwards infinite; }
@keyframes drawPath {
	0% { stroke-dashoffset: 0; }
	50% { stroke-dashoffset: 200; }
	100% { stroke-dashoffset: 0; }
}
.box.box-4:hover svg path { animation: boxEanimation 3s ease forwards infinite; }
@keyframes boxEanimation {
	0% { stroke-dashoffset: 0; }
	50% { stroke-dashoffset: 500; }
	100% { stroke-dashoffset: 0; }
}
.box.box-5:hover svg path,
.box.box-6:hover svg path,
.box.box-7:hover svg path { animation: boxFanimation 3s ease forwards infinite; }
@keyframes boxFanimation {
	0% { stroke-dashoffset: 0; }
	50% { stroke-dashoffset: 500; }
	100% { stroke-dashoffset: 0; }
}