:root {
    --column-grid: 4;
}

.grid-container.grid-step-box .card.style-one .card-content .title {
	background-color: var(--primary);
    padding: 35px 50px;
    width: 74%;
    position: relative;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.grid-container.grid-step-box .card.style-one .card-content {
    padding: 0;
	display: block;
    height: 100%;
}

.grid-container.grid-step-box .card.style-one .card-content .content {
    width: 74%;
    float: right;
    border: 2px solid #ffad94;
    padding: 20px 30px;
    margin-top: -40px;
    background: #ffe5dd;
    position: relative;
    border-radius: 30px;
    text-align: left;
	height: calc(100% - 101px);
}

.grid-container.grid-step-box .card.style-one .card-content .title:before {
    content: "";
    border-color: transparent;
    border-style: solid;
    position: absolute;
    background-color: #ffe5dd;
    height: 30px;
    width: 40px;
    right: -25%;
    top: 35%;
}

.grid-container.grid-step-box .card.style-one .card-content .title:after {
    content: '';
    border-color: #ffffff;
    border-style: solid;
    position: absolute;
    top: 0;
    border-width: 30px 30px;
    border-left-color: #ffe5dd;
    right: -46%;
    top: 22%;
}

.grid-container.grid-step-box .grid-item:last-child .card.style-one .card-content .title:before, .grid-container.grid-step-box .grid-item:last-child .card.style-one .card-content .title:after {
    content: unset;
}

.grid-container.grid-step-box .card.style-two .card-content {
    padding: 0;
    display: block;
    height: 100%;
}

.grid-container.grid-step-box .card.style-two .card-content .title {
    height: 100px;
    position: relative;
    background: var(--primary);
    width: calc(100% - 50px);
    padding-left: 50px;
    display: flex;
    align-items: center;
    justify-content:center;
    text-align: center;
}

.grid-container.grid-step-box .card.style-two .card-content .title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 50px solid white;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
}

.grid-container.grid-step-box .card.style-two .card-content .title:before {
  content: "";
  position: absolute;
  right: -50px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 50px solid var(--primary);
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
}

.grid-container.grid-step-box .card.style-two .card-content .content {
	border: 2px solid #f7b9a5;
    margin-top: -25px;
    margin-left: 15px;
    width: calc(100% - 15px);
    position: relative;
    padding: 30px 20px;
    height: calc(100% - 100px);
}

.list-logo img {
    margin-right: 24px;
    margin-bottom: 20px;
}

.how-we-work-template > .bannerEmpty + section {
	padding-top: 10px !important;
}

.section_fin, .section_ekycs, .section_ssl {
    padding-bottom: 20px !important;
    background: rgba(241, 89, 42, 0.1);
}

.section_ekycs .list-logo, .section_ssl .list-logo, .section_fin .list-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.section_fin .list-logo > div {
	max-width: 1140px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
	margin: auto;
}

.how-we-work-template .section-container  {
	padding-bottom: 30px !important;
	padding-top: 30px !important;
}


.how-we-work-template .section-container.pt-0 {
	padding-top: 0px !important;
}

.how-we-work-template .section-container.pb-0 {
	padding-bottom: 0px !important;
}

.section_bipftbf  {
	background-color: var(--primary-light);
}

.section_bipftbf .box-title-primary .title {
    max-width: 700px;
    margin: auto;
}

.section_bipftbf .grid-container {
    --column-grid: 1;
}

.section_bipftbf .grid-container .grid-item {
    margin-bottom: 20px;
}

.section_bipftbf .grid-container .grid-item .card {
    border: 2px solid orange;
    border-radius: 10px;
    width: 600px;
    margin: auto;
}

.section_bipftbf .grid-container .grid-item .card .title {
    position: absolute;
    background: var(--primary);
    width: 160px;
    left: -80px;
    padding: 15px 10px;
    text-align: center;
}

.section_bipftbf .grid-container .grid-item .card .card-content {
    padding: 30px 30px 30px 102px;
    min-height: 130px;
    display: flex;
    align-items: center;
}
    
.section_wcc .box-title-primary {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.section_wcc .card .card-content .title {
    color: var(--primary);
    margin-bottom: 24px;
    padding-right: 24px;
    min-height: 50px;
   
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    align-content: center;
}

.section_wcc .grid-container .grid-item {
	text-align: justify;
}

.section_wcc .card .card-image img {
    height: 69px;
}

.section_wcc .grid-container .grid-item {
    margin-bottom: 40px;
}

.section_fds {
	--column-grid: 3;
	background-color: var(--primary-light);
}

.section-contact .box-get-start > p {
    max-width: 429px;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
}

.section-contact .box-get-start > h4 {
    text-align: left;
}

.how-we-work-template .section-container.section-contact {
    padding-bottom: 50px !important;
}

.section_fds .grid-item {
    margin-bottom: 50px;
}

.section-contact .voice-customer {
    margin-top: 45px;
	margin-left: -20px;
    margin-right: -20px;
}

.section-contact .voice-customer .card-content .content {
    align-content: center;
}

.section-contact .voice-customer .card-image img {
    height: 40px;
    width: auto;
}

.section-contact .voice-customer .card-image {
    margin-bottom: 10px;
	margin-top: 20px;
}

.section-contact .voice-customer .slider-nav {
    margin-top: 40px;
	margin-bottom: 2px;
}

.section-contact .voice-customer .customSlider .slide-logo {
    height: 53px;
    display: flex;
    padding: 8px 5px;
    border: 1px solid #EDEDED;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.section-contact .voice-customer .customSlider .slide-logo img {
    max-height: 36px;
    width: auto
}

.section-contact .customSlider .slider-nav .slick-list .slick-track .slick-slide.slick-current {
    border: 1px solid #F1592A;
    box-sizing: border-box;
}

.section-contact .form-contact-parent .description-head {
    font-size: 15px;
    margin-bottom: 20px;
    color: #474747;
}

.section-contact .form-contact.grid-container {
    --column-grid: 2;
}

.section-contact .form-contact .form-group .btn.btn-primary {
    padding: 13px 47px;
    height: 49px;
    border-color: var(--primary);
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
}

.section-contact .form-container:before {
	    content: "";
    display: block;
    border-left: 1px solid #C1C1C1;
    position: absolute;
    height: calc(100% + 15px);
    width: calc(100% + 60px);
    left: -45px;
    border-bottom-left-radius: 43px;
    overflow: initial;
    -webkit-box-shadow: 0 13px 6px -10px #c1c1c1;
    -moz-box-shadow: 0 13px 6px -10px #C1C1C1;
    box-shadow: 0 13px 6px -10px #c1c1c1;
    border-left: 1px solid #C1C1C1;
	z-index: -1;
}

.section-contact .form-container {
    position: relative;
}

.section-contact .form-contact .form-group {
    margin-bottom: 25px;
}

.section-contact .form-container > div {
	z-index: 2;
	position: relative;
}

.form-contact .box-submit-btn .form-group {
    position: relative;
}

.form-contact .box-submit-btn .form-group .ajax-loader {
    position: absolute;
    top: 26%;
}

.how-we-work-template .customSlider .grid-container .grid-item:first-child {
    flex-basis: calc(100% - var(--spacing-box));
    display: flex;
    align-items: center;
}

.how-we-work-template .customSlider .grid-container .grid-item:last-child {
    flex-basis: calc(100% - var(--spacing-box));
}

.hww-page.section-blog {
	--column-grid: 4 !important;
}

.section_iycfp {
	--column-grid: 3;
}

.section_iycfp .box-title-primary {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.section_iycfp .card .card-content .title {
    color: var(--primary);
    margin-bottom: 10px;
    min-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    align-content: center;
}

.section_iycfp .card .card-image img {
    height: 69px;
}

.section_iycfp .grid-container .grid-item {
    margin-bottom: 30px;
}

.section_iycfp .card {
    display: flex;
    position: relative;
    height: 100%;
    flex-wrap: wrap;
}

.section_iycfp .card-image.text-center {
    width: 100%;
    margin: 0 auto;
}

.section_iycfp .card .card-content.has-button-more {
	height: calc(100% - 69px);
}

.how-we-work-template .section-ssp .card .card-content .content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.section-container.section_conp_hww .button-link {
	margin-bottom: 0;
}

.section-grfnm .box-title-primary .content {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.section_integrate .list-integrate {
	display: flex;
    flex-wrap: wrap;
}

.section_integrate .list-integrate .list-items .title-list-items {
	font-size: 22px;
	font-weight: 600;
}

.section_etsod_hww .custom-short-des {
    max-width: 350px;
    border: 4px solid var(--primary);
    border-radius: 20px;
    margin: auto;
    position: relative;
    padding: 15px 30px  15px 55px;
}

.section_etsod_hww .custom-short-des i {
    width: 70px;
    height: 70px;
    background-size: contain !important;
    position: absolute;
    left: -37px;
    top: calc(50% - 34px);
    border: 5px solid #ffffff;
}

.section_etsod_hww .custom-short-des span {
    text-align: justify;
    display: inline-block;
	font-size: 17px;
}

.section_etsod_hww .list-items {
    margin-top: 35px;
}

.section_cmfs_hww .box-title-primary h2 {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}

.section_cmfs_hww .box-title-primary .content {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.section_cmfs_hww .custom-short-des {
    max-width: 400px;
    margin: auto;
}

.section_cmfs_hww .custom-short-des > span {
    text-align: justify;
    display: inline-block;
    font-size: 17px;
}

@media (max-width: 1200px) {
	.grid-container.grid-step-box .card.style-one .card-content .title {
		padding: 10px 20px;
	}
	
	.grid-container.grid-step-box .card.style-one .card-content .title:before {
		right: -29%;
	}
	
	.grid-container.grid-step-box .card.style-one .card-content .title:after {
		right: -50%;
	}
	
	.section_fds.section-container {
		--column-grid: 2;
		padding-bottom: 0 !important;
	}
	
	.section_fds .card .card-content.has-button-more .btn {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		max-width: 182px;
	}
	
	.section-bfp .grid-container {
		--column-grid: 2;
	}
	
	.section-bfp .grid-container .grid-item {
		margin-bottom: 20px;
	}
	
	.grid-container.grid-step-box .card.style-two .card-content .content {
		font-size: 14px;
		width: calc(100% - 40px);
		height: calc(100% - 50px);
	}
	
	.grid-container.grid-step-box .card.style-two .card-content .title {
		height: 50px;
		width: calc(100% - 25px);
		padding-left: 25px;
	}
	
	.grid-container.grid-step-box .card.style-two .card-content .title:before {
		right: -25px;
		border-left: 25px solid var(--primary);
		border-top: 25px solid transparent;
		border-bottom: 25px solid transparent;
	}
	
	.grid-container.grid-step-box .card.style-two .card-content .title:after {
		border-left: 25px solid white;
		border-top: 25px solid transparent;
		border-bottom: 25px solid transparent;
	}
}


@media (max-width: 991px) {
	.grid-container.grid-step-box .card.style-one .card-content .title {
    	padding: 10px 5px;
		font-size: 16px;
	}
	
	.grid-container.grid-step-box .card.style-one .card-content .title:before {
		height: 20px;
		width: 30px;
	}
	
	.grid-container.grid-step-box .card.style-one .card-content .title:after {
		right: -46%;
		border-width: 18px 19px;
		top: 28%;
	}
	
	.grid-container.grid-step-box .card.style-one .card-content .content {
		width: 80%;
		padding: 20px 15px;
		margin-top: -31px;
		height: calc(100% - 111px);
		font-size: 14px;
	}
	
	.section_bipftbf .grid-container .grid-item .card {
		width: calc(100% - 80px);
		margin-left: auto;
		margin-right: 0;
	}
	
	.section_wcc.section-container {
		--column-grid: 2;
		padding-bottom: 0 !important;
	}
	
	.section_wcc .card .card-content .title {
		margin-bottom: 10px;
		min-height: 45px;
	}
	
	.section-contact .voice-customer .card-content .content {
		font-size: 16px;
	}
	
	.section-contact .box-get-start {
		margin-bottom: 30px;
	}
	
	.section-contact .form-container:before {
		content: unset;
	}
	
	.how-we-work-template .section-container.section-contact {
		padding-bottom: 0 !important;
	}
	
	.hww-page.section-blog, .section-ssp {
		--column-grid: 2 !important;
		padding-bottom: 0 !important;
	}
	
	.hww-page.section-blog .grid-item, .section-ssp .grid-item {
		margin-bottom: 25px;
	}
	
	.section_iycfp {
		--column-grid: 2;
	}
	
	.section_integrate .list-integrate .list-items .title-list-items {
		font-size: 20px;
	}
}


@media (max-width: 767px) {
	.grid-container.grid-step-box .grid-item {
		--column-grid: 1;
		margin-bottom: 20px;
	}
	
	.grid-container.grid-step-box .card.style-one .card-content .title {
    	font-size: 16px;
    	width: 144px;
    	height: 70px;
 }
	
	.grid-container.grid-step-box .card.style-one .card-content .title:before {
		content: unset;
	}
	
	.grid-container.grid-step-box .card.style-one .card-content .title:after {
		content: unset;
	}
	
	.grid-container.grid-step-box .card.style-one .card-content:before {
		content: "";
		height: calc(100% - 84px);
		width: 15px;
		left: 63px;
		top: 84px;
		border-color: transparent;
		border-style: solid;
		position: absolute;
		background-color: #ffe5dd;
	}
	
	.grid-container.grid-step-box .card.style-one .card-content:after {
		content: '';
		border-style: solid;
		position: absolute;
		border-width: 14px 18px;
		left: 52px;
		bottom: -21px;
		width: 23px;
		border-color: transparent;
		border-top-color: #ffe5dd;
	}
	
	.grid-container.grid-step-box .grid-item:last-child .card.style-one .card-content:before, .grid-container.grid-step-box .grid-item:last-child .card.style-one .card-content:after {
		content: unset;
	}
	
	.grid-container.grid-step-box .card.style-one .card-content .content {
		width: calc(100% - 120px);
		padding: 20px 15px;
		margin-top: -40px;
		height: auto;
		font-size: 14px;
	}
	
	.section_bipftbf .grid-container .grid-item .card .card-content {
		padding: 20px 15px 20px 96px;
	}
	
	.grid-container.grid-step-box .card.style-two .card-content .content {
		min-height: auto;
		width: calc(100% - 40px);
	}
	
	.section-bfp .grid-container .grid-item {
		--column-grid: 2;
	}
	
	.grid-container.grid-step-box .card.style-two .card-content .content {
		height: auto;
	}
	
	.section_onfc .box-testimonial {
		margin-top: 20px;
	}
}

@media (max-width: 600px) {
	.section_fds.section-container {
		--column-grid: 1;
	}
	
	.section_fds.section-container .card .card-content .title {
		margin-bottom: 0px !important;
		min-height: auto;
		margin-top: 0;
	}
	
	.section-contact .form-contact.grid-container {
		--column-grid: 1;
	}
	
	.section_wcc .grid-container .grid-item {
		margin-bottom: 20px;
	}
	
	.customSlider .grid-container .grid-item {
		--column-grid: 1;
	}
	
	.voice-customer .card {
		margin: 0px;
		padding-top: 20px;
		padding-bottom: 48px;
		padding-left: 30px;
		padding-right: 30px;
		text-align: center;
		background: #FFFBF6;
	}
	
	.section-contact .box-get-start > h4 {
		text-align: center;
	}
	
	.section-contact .box-get-start > p {
		font-size: 16px;
		text-align: left;
		max-width: 100%;
	}
	
	.section_wcc.section-container {
		--column-grid: 1;
	}
	
	.section_wcc.section-container .card .card-content .title {
		margin-bottom: 10px;
		min-height: auto;
	}
	
	.section_iycfp {
		--column-grid: 1;
	}
	
	.section_iycfp .card-image.text-center, .section_iycfp.section-container .card .card-content .title {
		text-align: center;
	}
	
	.section_iycfp.section-container .card .card-content .title {
		margin-bottom: 10px;
	}
	
	.section_iycfp .grid-container .grid-item {
		margin-bottom: 20px;
	}
	
	.section-bfp .grid-container .grid-item {
		--column-grid: 1;
	}
	
	.section-contact .box-get-start {
		text-align: center;
	}
	
	.section-ssp {
		--column-grid: 1 !important;
	}
	
	.section_onfc .box-testimonial .card .card-image img {
		height: 40px;
		width: auto;
	}
}

@media (max-width: 425px) { 
	.grid-container.grid-step-box .card.style-one .card-content .title {
		font-size: 14px;
	}
	
	.grid-container.grid-step-box .card.style-one .card-content:before {
		left: 11px;
	}
	
	.grid-container.grid-step-box .card.style-one .card-content:after {
		left: 0;
	}
	
	.grid-container.grid-step-box .card.style-one .card-content .content {
		font-size: 12px;
		width: calc(100% - 48px);
		margin-top: -24px;
	}
	
	.section_bipftbf .grid-container .grid-item .card {
    	width: 100%;
	}
	
	.section_bipftbf .grid-container .grid-item .card .card-content {
		padding: 40px 15px 20px 25px;
	}
	
	.section_bipftbf .grid-container .grid-item .card .title {
		margin: 0 auto;
		left: 0;
		right: 0;
		top: -28px;
		z-index: 9;
	}

	.section_bipftbf .grid-container .grid-item {
		margin-bottom: 50px;
	}

	.section_bipftbf .grid-container .grid-item:first-child {
		margin-top: 26px;
	}

	.section_bipftbf .grid-container .grid-item:last-child {
		margin-bottom: 0;
	}
	
	.section_ekycs .list-logo {
		flex-wrap: wrap;
	}
	
	.hww-page.section-blog {
		--column-grid: 1 !important;
	}
	
	.section_fds .card .card-content.has-button-more .btn {
		font-size: 12px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	.how-we-work-template .section_ssl {
		padding-bottom: 10px !important;
	}
	
	.section_etsod_hww .custom-short-des {
		padding: 15px 20px 15px 30px;
	}
	
	.section_etsod_hww .custom-short-des i {
		width: 50px;
		height: 50px;
		left: -28px;
		top: calc(50% - 25px);
	}
}

/*start Company choose us */
.section_wcc_new {
	background: rgba(238, 242, 246, 1);
}
.section_wcc_new .grid-item-new {
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
	box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
	border-radius: 8px;
	padding: 24px
}
/*end Company choose us */

/*start fintech development service */
.section_fds .grid-container-fds {
	flex-direction: column;
	width: 48%;
}
.section_fds .grid-container-fds .grid-item-new {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}

.section_fds .grid-item-new .card-new{
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 4px 40px 0px rgba(241, 89, 42, 0.08);
	border: 1px solid rgba(241, 89, 42, 1);
	border-radius: 8px;
	padding: 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.section_fds .grid-item-new .card-new .card-new-box{
		display: flex;

	width: 93%;
	flex-direction: column;
}
.section_fds .grid-item-new .card-new .card-image{
	width: 100%;
}
.section_fds .grid-item-new .card-new .card-content{
	width: 100%;
	
}
.section_fds .grid-item-new .card-new  #headingOne{
	width: 3%;
}
@media screen and (min-width: 200px) and (max-width: 500px){
	.section_fds .grid-container-fds {
		width: 100%;
	}
}
/*end fintech development service */


/*start Make our fintech */

.how-we-work-template .section_iycfp.pb-0 .grid-item-new {
	padding: 4px
}
.how-we-work-template .section_iycfp.pb-0 .card-new {
	display: flex;
    position: relative;
    height: 100%;
    flex-wrap: wrap;
	justify-content: center;
	box-shadow: 0px 0px 12px 0px rgba(241, 89, 42, 0.16);
	padding: 15px;

}
.how-we-work-template .section_iycfp.pb-0 .card-new .title {
	text-align: center;
}
.how-we-work-template .section_iycfp.pb-0 .card-new .card-content {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}
.how-we-work-template .section_iycfp.pb-0 .card-new .content {
	text-align: center;
}

.how-we-work-template .section_iycfp.pb-0 .card-new .btn_consulting {
	margin-top: 20px;
	color: rgba(241, 89, 42, 1);
	font-weight: 600;
}

/*end Make our fintech */


/* start BUILD A NEW NEOBANK PRODUCT */
.how-we-work-template .section-container.pb-0 .list-items-new-neobank {
	display: flex;
	justify-content: space-around;
}

.how-we-work-template .section_conp_hww {
	background: rgba(254, 238, 234, 1);
}

.how-we-work-template .section-container.pb-0 .box-challenge-neobank-project {
	display: flex;
	justify-content: space-around;
}
.how-we-work-template .section-container.pb-0 .box-challenge-neobank-project .content-build-neobank .items .item-new {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 30px;
}

.how-we-work-template .section-container.pb-0 .box-challenge-neobank-project .img-build-neobank {
	display: flex;
	align-items: center;
	transform: scale(1.3);
}

.how-we-work-template .section_conp_hww.pb-0 ul.items li i{
	width: 30px;
    height: 30px;
    display: inline-block;
    background-size: contain !important;
    margin-right: 15px;
}

.how-we-work-template .section_onfc {
	background: rgba(254, 238, 234, 1);

}
.how-we-work-template .section_onfc .card-new-our-neobank {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.how-we-work-template .section_onfc .card-new-our-neobank .card-content-new{
	max-width: 820px;
	margin-top: 20px;
}
.how-we-work-template .section_onfc .card-new-our-neobank .card-content-new h4 a{
	color: #000;
	font-weight: 600;
}
.how-we-work-template .section_onfc .card-new-our-neobank .card-content-new h4 a span{
	color: #8BC541;
	font-weight: 600;
	

}

@media screen and (min-width: 0px) and (max-width: 500px){
    .how-we-work-template .section-container.pb-0 .list-items-new-neobank {
		flex-direction: column;
	}
	.how-we-work-template .section-container.pb-0 .box-challenge-neobank-project {
	    flex-direction: column;
	}
	.how-we-work-template .section-container.pb-0 .box-challenge-neobank-project .img-build-neobank {

	transform: scale(1);
}
}
/*end BUILD A NEW NEOBANK PRODUCT */


/* start integrate-mobile-app*/
.how-we-work-template .section_integrate {
	background: rgba(254, 238, 234, 1);

}
.how-we-work-template .section_integrate .list-items-new-integrate {
	background: #fff;
	padding: 20px;
	height: 100%;
}
.how-we-work-template .section_integrate .list-items-new-integrate .list-items-check li span  {
	font-size: 16px;
}
.how-we-work-template .section_integrate .list-items-new-integrate .list-items-check li i  {
	font-size: 16px;
}
.how-we-work-template .section_integrate .list-items-new-integrate .title-list-items  {
	font-size: 16px;
	position: relative;
}
.how-we-work-template .section_integrate .list-items-new-integrate .title-list-items::after  {
	content: "";
	border: 1px solid rgba(241, 89, 42, 1);
	position: absolute;
	bottom: -47%;
	left: 0;
	width: 100%;
}

@media screen and (min-width: 300px) and (max-width: 500px){
    .how-we-work-template .section_integrate .list-items {
		margin-top: 20px;
		margin-left: 20px;
		margin-right: 20px;
	}
}
@media screen and (min-width: 600px) and (max-width: 990px){
    .how-we-work-template .section_integrate .list-items {
		margin-top: 20px;
		
	}
}
/*end integrate-mobile-app */


/*start upgrate-new-functio-for-current-digital-bank  */
.section_iycfp .grid-container-iycfp {
	flex-direction: column;
	width: 100%;
}
.section_iycfp .grid-container-iycfp .grid-item-new {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}

.section_iycfp .grid-item-new .card-new{
	border: 1px solid rgba(241, 89, 42, 1);
	border-radius: 8px;
	padding: 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.section_iycfp .grid-item-new .card-new .card-new-box{
	display: flex;
	align-items: center;
	width: 93%;
	flex-direction: column;
}
.section_iycfp .grid-item-new .card-new .card-image{
	width: 100%;
}
.section_iycfp .grid-item-new .card-new .card-content{
	width: 100%;
}
.section_iycfp .grid-item-new .card-new  #headingOne{
	width: 3%;
}
.how-we-work-template .section_iycfp.pb-0 .grid-container-iycfp .card-new .card-content {
	display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
}
.section_iycfp .icon-arrow {
	cursor: pointer;
}
.section_iycfp .btn-consulting {
	padding: 10px 20px;
    display: inline-block;
    margin-top: 4px;
    border-radius: 4px;
}
.section_iycfp .box-improve-neobank {
	display: flex;
	align-items: center;
	padding: 30px 0px;
}
@media screen and (min-width: 200px) and (max-width: 500px){
	.section_iycfp .grid-container-iycfp {
		width: 100%;
	}
	.section_iycfp .box-improve-neobank {
		flex-direction: column;
		margin: 0px 5px;
	}
}


/* end upgrate-new-functio-for-current-digital-bank */

/*start upgrate-new-functio-for-current-digital-bank  */

.how-we-work-template .section-container.pb-0 .box-clear-roadmap {
	display: flex;
	align-items: center;
	margin: 60px 0px;
}
.how-we-work-template .section-container.pb-0 .box-clear-roadmap {
	display: flex;
	align-items: center;
}
.how-we-work-template .section-container.pb-0 .content-clear-roadmap {
	width: 70%;
}
.how-we-work-template .section-container.pb-0 .content-clear-roadmap h2 {
	margin-bottom: 36px;
	font-size: 24px;
	color: rgba(241, 89, 42, 1);

}

.how-we-work-template .section-container.pb-0 .img-clear-roadmap {
	width: 30%;
	
}
@media screen and (min-width: 200px) and (max-width: 500px){
	.how-we-work-template .section-container.pb-0 .box-clear-roadmap {
		flex-direction: column;
	}
	.how-we-work-template .section-container.pb-0 .img-clear-roadmap {
		transform: scale(1.5);
		margin-top: 60px;
	}
}
/* end upgrate-new-functio-for-current-digital-bank */


/*start digitalize-our-current-operating-system  */
.section_conp_hww .list-items-new-why-digitalize {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.section_conp_hww .list-items-new-why-digitalize .img-why-digitalize {
	width: 38%;
	margin-right: 50px;
}
.section_conp_hww .list-items-new-why-digitalize .content-why-digitalize {
	width: 60%;
}
.section_conp_hww .list-items-new-why-digitalize .list-items-why-digitalize ul {
	display: inline-block;
    text-align: left;
    max-width: 560px;
    margin-bottom: 0px;
}
.section_conp_hww .list-items-new-why-digitalize .list-items-why-digitalize li {
	display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.section_conp_hww .list-items-new-why-digitalize .list-items-why-digitalize i {
	width: 50px;
	height: 50px;
	margin-right: 20px;
}
@media screen and (min-width: 200px) and (max-width: 400px){
	.section_conp_hww .list-items-new-why-digitalize {
		flex-direction: column;
	}
	.section_conp_hww .list-items-new-why-digitalize .img-why-digitalize {
		width: 100%;
		margin-right: 0px;
	}
	.section_conp_hww .list-items-new-why-digitalize .content-why-digitalize {
		width: 100%;
		margin-top: 20px;
	}
	.section_conp_hww .list-items-new-why-digitalize .list-items-why-digitalize i {
		width: 130px;
		height: 50px;
		margin-right: 0px;
	}
}
@media screen and (min-width: 400px) and (max-width: 500px){
	.section_conp_hww .list-items-new-why-digitalize {
		flex-direction: column;
	}
	.section_conp_hww .list-items-new-why-digitalize .img-why-digitalize {
		width: 100%;
		margin-right: 0px;
	}
	.section_conp_hww .list-items-new-why-digitalize .content-why-digitalize {
		width: 100%;
		margin-top: 20px;
	}
	.section_conp_hww .list-items-new-why-digitalize .list-items-why-digitalize i {
		width: 73px;
		height: 50px;
		margin-right: 0px;
	}
}
/* end digitalize-our-current-operating-system */


/*Start integrate-multiple-operating-software-platforms */

.section_cmfs_hww .box-minimize-labor-cost  {
    display: flex;
}

.section_cmfs_hww .box-minimize-labor-cost .content-minimize-labor-cost .list-items {
	margin-top: 20px;
}
.section_cmfs_hww .box-minimize-labor-cost .content-minimize-labor-cost .list-items .item {
	padding: 15px 0px;
}
.section_cmfs_hww .box-minimize-labor-cost .content-minimize-labor-cost .list-items .item img {
	margin-right: 15px;
}
.section_cmfs_hww .box-minimize-labor-cost .content-minimize-labor-cost {
	width: 60%;
}
.section_cmfs_hww .box-minimize-labor-cost .img-minimize-labor-cost {
	width: 40%;
}
@media screen and (min-width: 200px) and (max-width: 500px){
	.section_cmfs_hww .box-minimize-labor-cost {
		flex-direction: column;
		padding: 10px;
	}
	
	.section_cmfs_hww .box-minimize-labor-cost .content-minimize-labor-cost {
		width: 100%;
	}
	.section_cmfs_hww .box-minimize-labor-cost .img-minimize-labor-cost {
		width: 100%;
		margin-top: 20px;
	}
}
/*End integrated-platform-with-partners-fintech-platform/ */



/* Start manage-and-report-data-more-effectively */

.img-new {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.content1 {
	position: relative;
}
.title1 {
	position: absolute;
	top: 50%;
	left: 56%;
	transform: translateX(-50%) translateY(-50%);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	text-align: center;
	width: 47%;
}
.content2 {
	position: relative;
	left: -18%;
}
.title2 {
	position: absolute;
	top: 48%;
	left: 57%;
	transform: translateX(-50%) translateY(-50%);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	text-align: center;
	width: 50%;
}
.content3 {
	position: relative;
}
.title3 {
	position: absolute;
	top: 49%;
	left: 60%;
	transform: translateX(-50%) translateY(-50%);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	text-align: center;
	width: 50%;
}
.content-simplify-center {
	position: relative;
}
.content-simplify-center img{
	transform: scale(1.05);
    border-radius: 198px;
    box-shadow: rgb(0 0 0 / 20%) -63px 43px 30px -12px;
}
.title-simplify-center {
	position: absolute;
    top: 51%;
    left: 51%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 23px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    width: 82%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.title-simplify-center img {
	width: 56px;
	height: 56px;
	margin-bottom: 24px;
}
.content4 {
	position: relative;
}
.title4 {
	position: absolute;
	top: 50%;
	left: 62%;
	transform: translateX(-50%) translateY(-50%);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	text-align: center;
	width: 43%;
}
.content5 {
	position: relative;
	left: 19%;
}
.title5 {
	position: absolute;
	top: 48%;
	left: 65%;
	transform: translateX(-50%) translateY(-50%);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	text-align: center;
	width: 40%;
}
.content6 {
	position: relative;
}
.title6 {
	position: absolute;
	top: 50%;
	left: 63%;
	transform: translateX(-50%) translateY(-50%);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	text-align: center;
	width: 50%;
}

@media screen and (min-width: 0px) and (max-width: 375px){
	.content-simplify-center img {
		transform: scale(1.2)
	}
	.title-simplify-center img {
		width: 20px;
		height: 20px;
		margin-bottom: 3px;
	}
	.title-simplify-center {
		font-size: 7px;
		line-height: 8px;
		width: 100%;
	}

	.title1 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		font-size: 5px;
		font-weight: 600;
		line-height: 7px;
	}
	.title2 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
    	font-size: 5px;
		font-weight: 600;
		line-height: 7px;
	}
	.title3 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		font-size: 5px;
		font-weight: 600;
		line-height: 7px;
	}
	.title4 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		font-size: 5px;
		font-weight: 600;
	    line-height: 7px;
	}
	.title5 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		font-size: 5px;
		font-weight: 600;
		line-height: 7px;
	}
	.title6 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		font-size: 5px;
		font-weight: 600;
		line-height: 7px;
	}
	
}


@media screen and (min-width: 375px) and (max-width: 500px){
	.content-simplify-center img {
		transform: scale(1.2)
	}
	.title-simplify-center img {
		width: 40px;
		height: 40px;
		margin-bottom: 7px;
	}
	.title-simplify-center {
		font-size: 9px;
		line-height: 13px;
	}

	.title1 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		font-size: 9px;
		font-weight: 600;
		line-height: 12px;
	}
	.title2 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		font-size: 9px;
		font-weight: 600;
		line-height: 12px;
	}
	.title3 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		font-size: 9px;
		font-weight: 600;
		line-height: 12px;
	}
	.title4 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		font-size: 9px;
		font-weight: 600;
		line-height: 12px;
	}
	.title5 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		font-size: 9px;
		font-weight: 600;
		line-height: 12px;
	}
	.title6 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		font-size: 9px;
		font-weight: 600;
		line-height: 12px;
	}
	
}

@media screen and (min-width: 501px) and (max-width: 600px){
	.content-simplify-center img {
		transform: scale(1.2)
	}
	.title-simplify-center img {
		width: 40px;
		height: 40px;
		margin-bottom: 7px;
	}
	.title-simplify-center {
		font-size: 9px;
		line-height: 13px;
	}

	.title1 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		font-size: 9px;
		font-weight: 600;
		line-height: 12px;
	}
	.title2 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		font-size: 9px;
		font-weight: 600;
		line-height: 12px;
	}
	.title3 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		font-size: 9px;
		font-weight: 600;
		line-height: 12px;
	}
	.title4 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		font-size: 9px;
		font-weight: 600;
		line-height: 12px;
	}
	.title5 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		font-size: 9px;
		font-weight: 600;
		line-height: 12px;
	}
	.title6 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		font-size: 9px;
		font-weight: 600;
		line-height: 12px;
	}
	
}

@media screen and (min-width: 601px) and (max-width: 900px){
	.content-simplify-center img {
		transform: scale(1.2)
	}
	.title-simplify-center img {
		width: 40px;
		height: 40px;
		margin-bottom: 7px;
	}
	.title-simplify-center {
		font-size: 13px;
		line-height: 20px;
	}

	.title1 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		font-size: 13px;
		font-weight: 600;
		line-height: 20px;
	}
	.title2 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		font-size: 13px;
		font-weight: 600;
		line-height: 20px;
	}
	.title3 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		font-size: 13px;
		font-weight: 600;
		line-height: 20px;
	}
	.title4 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		font-size: 13px;
		font-weight: 600;
		line-height: 20px;
	}
	.title5 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		font-size: 13px;
		font-weight: 600;
		line-height: 20px;
	}
	.title6 {
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		font-size: 13px;
		font-weight: 600;
		line-height: 20px;
	}
	
}

@media screen and (min-width: 901px) and (max-width: 1050px){
	.content-simplify-center img {
		transform: scale(1.2)
	}
	.title-simplify-center img {
		width: 40px;
		height: 40px;
		margin-bottom: 15px;
	}
	.title-simplify-center {
		font-size: 16px;
		line-height: 20px;
	}

	.title1 {
		font-size: 16px;
		font-weight: 600;
		line-height: 20px;
	}
	.title2 {
		font-size: 16px;
		font-weight: 600;
		line-height: 20px;
	}
	.title3 {
		font-size: 16px;
		font-weight: 600;
		line-height: 20px;
	}
	.title4 {
		font-size: 16px;
		font-weight: 600;
		line-height: 20px;
	}
	.title5 {
		font-size: 16px;
		font-weight: 600;
		line-height: 20px;
	}
	.title6 {
		font-size: 16px;
		font-weight: 600;
		line-height: 20px;
	}
	
}

/*End manage-and-report-data-more-effectively */


.section-contact .grid-container {
    cursor: grab;
}

@media screen and (min-width: 0px) and (max-width: 500px){
    .section_fds .grid-item-new .card-new .card-image-for-fintech{
    	width: 20%;
    }
}
@media screen and (min-width: 500px){
    .section_fds .grid-item-new .card-new .card-image-for-fintech{
    	width: 9%;
    }
}










