/*-----------------------banner------------------*/

.banner-home {
	position: relative;
	padding-bottom: 0;
	margin-bottom: 0rem;
	padding-top: 0;
	margin-top: 4rem;
	background:#1d4d2a!important;
}

.banner-home img {
	min-width: 100%;
	width: 100%;
	height: 44rem;
	object-fit: cover;
	object-position: top;
	opacity:0!important;
}

.banner-home-txt h2 {
	color: #fff;
	font-weight: normal;
	margin-bottom: 0.3rem;
}

.banner-home-txt h2 strong {
	font-family: 'Lato', sans-serif;
}

.banner-home-txt p {
	color: #fff;
}

.txt-background {
	width: 30rem;
	height: 7rem;
	background-color: rgb(182, 182, 182);
	opacity: 0.25;
}

.getty {
	position: relative;
	top: -7.6rem;
	left: 1.5rem;
}

.banner-home-txt {
	float: right;
	position: absolute;
	bottom: 0;
	right: 0;
}

.banner-head-txt h1 {
	width: 100%;
	font-size: 5rem;
	font-weight: 300;
	line-height: 0.85;
	font-family: 'Lato', sans-serif;
}

.banner-head-txt h1 span,
.banner-head-txt h1 strong {
	margin-top: -0.5rem;
	font-weight: 600;
}

.banner-head-txt p {
	font-size: 1.02rem;
}

.banner-bank p {
	font-size: 0.9rem;
	font-weight: 600;
	padding-left: 0.5rem;
	position: relative;
	width: 65%;
}

.banner-bank p:before {
	content: "";
	background-image: url(../images/home/count-border.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
/* 	top: 0.2rem;
	width: 21rem;
	height: 5rem;
	left: -0.51rem; */
	top: -0.51rem;
    width: 22rem;
    height: 6rem;
    left: -0.51rem;
}

.banner-head-country.banner-bank p:before {
	background-image: url(../images/home/count-border2.png);
}

.banner-head-bank p::after {
	content: '+';
	font-size: 2.5rem;
	position: absolute;
	top: -2.35rem;
	left: 10rem;
	color: #fff;
	font-weight: 400;
}

.banner-head-country p::after {
	content: '+';
	font-size: 2rem;
	position: absolute;
	top: -1.95rem;
	left: 6.7rem;
	color: #fff;
	font-weight: 400;
}

.banner-bank p span {
	font-size: 5.4rem;
	font-weight: 600;
	line-height: 0.3;
	/* background-color: #104769; */
	padding-right: 0.5rem;
}

.banner-bank {
	position: relative;
	margin-top: 4.5rem;
	margin-bottom: 2.5rem;
}

.bank-border {
	position: absolute;
	top: 0rem;
	width: 22rem;
	height: 4.5rem;
	/* border: 0.2rem solid #fff;*/
}

.banner-head-txt {
	color: #fff;
	position: absolute;
	top: 4rem;
	left: 5.4rem;
}
.banner-slider-sec .right-cnt {
	position: absolute;
	bottom: 7rem;
	right: 0;
	color: #fff;
	width: 27%;
	background-color: #87878761;
	padding: 0.6rem 1rem;
	height: 5.5rem;
	opacity: 0;
}
.banner-slider-sec .right-cnt h3 {
	font-size: 2.2rem;
	margin: 0;
}
.banner-slider-sec  sup {
	font-size: 1rem;
	top: -1rem;
}
.banner-slider-sec .right-cnt p {
	font-size: 1.22rem;
	padding: 0.2rem 0;
}

.slick-dots {
	bottom: 0;
}

.slick-dots li {
	width: 2rem;
	height: 2rem;
	margin: 0 0.2rem;
}

.slick-dots li button {
	width: 2rem;
	height: 2rem;
	padding: 0.5rem;
}

.slick-dots li button:before {
	font-size: 0.95rem;
	line-height: 2rem;
	width: 2rem;
	height: 2rem;
	opacity: 1;
	color: #fff;
}

.slick-dots li button:hover:before {
	color: #ca9c3e;
}

.slick-dots li.slick-active button:before {
	opacity: 1;
	color: #ca9c3e;
}

.slick-slider {
	margin-bottom: 0;
}

.slick-slide {
	position: relative;
}

.vertical-slide .slick-dots {
	position: absolute;
	top: 0%;
	transform: rotate( 90deg);
	right: -24%;
	bottom: 0;
}

.slick-vertical .slick-slide {
	height: 100vh;
}


/*-----------------------corporate-bank

.corporate-bank {
padding-top: 0.3rem;
}

.corporate-bank-list ul {
width: 100%;
}

.corporate-bank-list ul li {
padding-right: 0;
width: 25%;
min-height: 42rem;
position: relative;
}

.corporate-bank-list ul .bg-blue {
background-color: #004A6E;
color: #fff;
}

.corporate-bank-list ul .bg-red {
background-color: #5B0B25;
color: #fff;
}

.corporate-bank-list ul .bg-yellow {
background-color: #D49832;
color: #fff;
}

.corporate-bank-list ul .bg-voilet {
background-color: #600F68;
color: #fff;
}

.corporate-bank-list ul .bg-sky-blue {
background-color: #008FD0;
color: #fff;
}

.corporate-bank-list ul {
display: inline-flex;
}

.corporate-bank-list ul li h2 {
font-size: 2.8rem;
font-weight: 600;
}

.corporate-bank-list ul li p {
font-size: 1.15rem;
font-weight: 500;
}

ul li .li-txt {
width: 74%;
margin: 4.5rem auto;
}

.learn-more a {
color: #fff;
text-decoration: none;
font-size: 1rem;
font-weight: 500;
position: relative;
top: 1.64rem;
left: 1rem;
}

.learn-more img {
width: 8rem;
object-fit: contain;
}

.corporate-bank-img {
position: absolute;
left: 0rem;
bottom: 1rem;
}

.corporate-bank-img-po {
position: absolute;
bottom: 3rem;
}

.corporate-bank-img img {
width: 19.5rem;
object-fit: contain;
}

.corporate-bank-list {
margin-right: -1rem;
}------------------*/
/*-----------------------vertical-tab------------------*/

.vertical-tab {
	padding: 0;
	margin-bottom: 0.3rem;
}

.col-tab-nav {
	z-index: 1;
}

.tab-nav {
	position: relative;
}

.vertical-tab .nav-pills {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	transform: rotate( -90deg);
	position: absolute;
	top: 11.94rem;
	right: -11.5rem;
}

.nav-pills li a {
	font-size: 1.8rem;
	font-weight: 600;
	color: #fff;
}

.nav-stacked>li {
	min-width: 43.3rem;
	margin-bottom: -0.25rem;
}

.nav-pills>li>a {
	border: none;
	border-radius: 0;
}

.index-tab {
	min-height: 43.4rem;
	padding-top: 5rem;
	padding-left: 4.9rem;
	padding-bottom: 5.5rem;
	color: #fff;
}

.ins-tab,
.retail-tab {
	padding-left: 2.6rem;
}

#home {
	background-color: #3299DB;
}

#profile {
	background-color: #64056B;
}

#messages {
	background-color: #2DB4A9;
}

#solution {
	background-color: #CCA838;
}

#governance {
	background-color: #D1576B;
}

.index-tab h2 {
	font-size: 6rem;
	font-weight: 600;
	margin-bottom: 0.2rem;
	position: relative;
	z-index: 999;
}
.tab-content .index-tab h2 {
	font-size: 5rem;
}
.index-tab p {
	font-size: 1.13rem;
	font-weight: 600;
	margin-bottom: 1rem;
	position: relative;
	z-index: 999;
}
.tab-content .index-tab p{
	font-size: 1.02rem;
}

.tab-learn-more a {
	color: #fff;
	text-decoration: none;
	font-size: 1rem;
	font-weight: 500;
	padding-left: 0.8rem;
	padding-right: 0.8rem;
	position: relative;
}

.tab-learn-more a:hover {
	color: #000;
}

.corp-tab .tab-learn-more a:hover {
	color: #fff;
}

.tab-learn-more a::before {
	content: '';
	background-image: url(../images/border_img.png);
	background-size: 9rem 3.4rem;
	display: inline-block;
	background-repeat: no-repeat;
	width: 9rem;
	height: 3.4rem;
	position: absolute;
	top: -1.07rem;
	left: -0.6rem;
}

.tab-learn-more img {
	width: 7rem;
	object-fit: contain;
	position: relative;
	left: -6.3rem;
}

.cnt-txt-left {
	margin: 2rem 0 2.5rem;
	line-height: 1.1;
}

.cnt-txt-right {
	margin: 2rem 0 2.5rem;
	line-height: 1.1;
}

.cnt-txt-left h3,
.cnt-txt-right h3 {
	font-size: 2.1rem;
	font-weight: 600;
	margin-top: -1.1rem;
	line-height: 1.15;
	position: relative;
	z-index: 999;
}
.cnt-font-left h3,
.cnt-fn-right h3 {
	font-size: 1.8rem;
}
.cnt-txt-left a, .cnt-txt-right a{
	color: #fff;
}
.corp-tab img {
	position: absolute;
	top: 6.5rem;
	right: 21rem;
	width: 49rem;
	height: 20rem;
	object-fit: contain;
}

.corp-tab img,
.treasury-tab img,
.gover-tab img {
	position: absolute;
	top: -5.5rem;
	right: 20rem;
	width: 56rem;
	height: 28rem;
	object-fit: contain;
}

.retail-tab img,
.ins-tab img {
	position: absolute;
	top: -10rem;
	left: -6.3rem;
	width: 68rem;
	height: 35rem;
	object-fit: contain;
}

.ins-tab img {
	position: absolute;
	top: -5rem;
	left: -15.3rem;
	width: 68rem;
	height: 31rem;
	object-fit: contain;
}

.cnt-head-right h2,
.cnt-head-right p,
.cnt-head-right .tab-learn-more {
	text-align: right;
	position: relative;
	z-index: 999;
	right: 27rem;
}

.cnt-right {
	float: right;
	text-align: right;
	position: relative;
	z-index: 999;
	right: -19rem;
}

.cnt-head-left p:nth-child(1),
.cnt-head-right P:nth-child(1) {
	font-size: 0.68rem;
	margin: -2rem auto;
	font-weight: 600;
}

.nav>li>a {
	position: relative;
	display: block;
	padding: 0.75rem 1rem;
}
/*--------------------------------------media query---------------------------------*/

@media (max-width: 1024px) {
	.banner-head-txt h1 {
		font-size: 4rem;
	}
	.banner-head-txt {
		left: 3.5rem;
	}
	.banner-head-txt br {
		display: block;
	}
	.banner-home-txt {
		bottom: 4.7rem;
	}
	.txt-background {
		width: 24rem;
	}
	.getty {
		top: -7.9rem;
	}
	.vertical-tab .nav-pills {
		top: 11.8rem;
		right: -11.4rem;
	}
	.index-tab {
		min-height: 43.4rem;
	}
.banner-bank p {
    width: 68%;
}
}
/*-----------------media query-991px----------------*/

@media (max-width: 991px) {
	.getty {
		top: -7.5rem;
	}
	.banner-slider-sec .right-cnt {
		width: 35%;;
	}
	.banner-slider-sec .right-cnt h3 {
		font-size: 2rem;
	}
	.vertical-tab .nav-pills {
		padding-left: 0;
		margin-bottom: 0;
		transform: none;
		position: static
	}
	.nav-pills li a {
		padding-left: 2rem;
	}
	.tab-pane {
		min-height: 35rem;
		padding-top: 3rem;
		padding-left: 2.5rem;
		padding-bottom: 2rem;
	}
	.corp-tab img,
	.treasury-tab img,
	.gover-tab img {
		position: static;
	}
	.retail-tab img {
		position: static;
	}
	.ins-tab img {
		position: relative;
		left: -8rem;
		top: 1rem;
	}
	br {
		display: none;
	}
	.cnt-head-right h2,
	.cnt-head-right p,
	.cnt-head-right .tab-learn-more {
		text-align: right;
		position: relative;
		z-index: 999;
		right: 2rem;
	}
	.cnt-right {
		float: right;
		text-align: right;
		position: relative;
		z-index: 999;
		right: 2rem;
	}
}
/*-----------------media query-767px----------------*/

@media (max-width: 767px) {
	.banner-home-txt {
		position: absolute;
		bottom: 0;
		text-align: center;
	}
	.banner-home img {
		height: 100%;
	}
	.banner-slider-sec .right-cnt {
		bottom: 5rem;
		width: 67%;
		padding: 0.4rem 1rem;
		height: 4.5rem;
	}
	.banner-slider-sec .right-cnt h3 {
		font-size: 1.8rem;
	}
	.banner-slider-sec sup {
		font-size: 1rem;
		top: -0.6rem;
	}
	.banner-slider-sec .right-cnt p {
		font-size: 1rem;
	}
.banner-bank p {
    width: 90%;
}
	.tab-pane h2 {
		font-size: 4rem;
	}
	.casestudy,
	.whitepaper {
		width: 94%;
	}
	.tab-pane p {
		width: 97%;
	}
	.tab-pane {
		min-height: 35rem;
		padding-top: 3rem;
		padding-left: 2rem;
		padding-bottom: 2rem;
	}
	.corp-tab img,
	.treasury-tab img,
	.gover-tab img,
	.retail-tab img,
	.ins-tab img {
		position: static;
		width: 100%;
		height: auto;
		object-fit: contain;
	}
}
@media(max-width:320px){
	.banner-slider-sec .right-cnt{
		display: none;
	}
.banner-bank p {
    width: 90%;
}
}

.banner-slider-sec .right-cnt h3,
.banner-slider-sec .right-cnt p {
	opacity: 0;
}
.connect-us.btn{
	color: #000;
	border: 0.15rem solid #aeb0b2;
	background: #fff;
	border-color: #000;
	transition: 0.3s ease;
}
.connect-us.btn:hover{
	background: #000;
	color: #fff!important;
	border-color: transparent!important;
}