@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700&display=swap');

/* 
1.General 
2.Header
3.Home Banner
4.What Why How
5.Proven and Trusted
6.Trust, Stability and Predictability
7.Trusts Per Second
8.Payment Transformation
9.Testimony
10.RS Payments University
11.Insights
12.Get In Touch
13.Footer
14.Cookies
15.Media query
*/

/* 1.General  */
body{
	/* font-family: 'Rubik', sans-serif; */
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
}

ul, li{
	list-style: none;
}

a, a:hover{
	text-decoration: none !important;
}

.font-size-20{
	font-size: 20px;
}

.custom-button,
.get-in-touch a.custom-button,
.get-in-touch button.btn{
	font-size: 16px;
	padding: 18px 25px;
	color: #fff;
  background-color: #5aa1e3!important;
	border: none;
}

.custom-button:hover,
.get-in-touch a.custom-button:hover,
.get-in-touch button.btn:hover{
	color: #f7f7f7;
  background-color: #4092df!important;
}

h1.title{
	font-size: 48px;
	line-height: 52px;
	color: #0e2b5c;
	margin-bottom: 32px;
}

:focus{
	outline: none;
}

/* 2.Header */
#layout-wide{
	width: 100%;
  max-width: 100%;
}

#site-header {
	background-color: #0175b7 !important;
}

.site-header .header-brand {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.site-header-classic.header-shadow {
	-webkit-box-shadow: rgb(0 0 0 / 12%) 0 10px 60px;
	-moz-box-shadow: rgba(0, 0, 0, 0.12) 0 10px 60px;
	-ms-box-shadow: rgba(0, 0, 0, 0.12) 0 10px 60px;
	-o-box-shadow: rgba(0, 0, 0, 0.12) 0 10px 60px;
	box-shadow: rgb(0 0 0 / 12%) 0 10px 60px;
}

.logo.logoDefault {
	width: 154px;
	height: auto;
}

.navigator{
	flex-grow: 1;
}

.menu-primary{
	display: flex;
	margin-bottom: 0;
	float: right;
}

.menu-primary li{
	text-align: center;
	display: inline-block !important;
	width: auto;
	margin: 0 17px;
	position: relative;
}

.menu-primary li a,
.search-box a{
	color: #fff;
}

.search-box a{
	padding-left: 20px;
}

.sub-menu{
	text-align: left;
	position: absolute;
	min-width: 250px;
	left: 50%;
	top: 100%;
	z-index: 2;
	padding: 20px 0;
	display: none\9;
	visibility: hidden;
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-opacity: 0;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	filter: alpha(opacity=0);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 19px 1px rgb(0 0 0 / 9%);
	-moz-box-shadow: 0 5px 19px 1px rgba(0, 0, 0, 0.09);
	-ms-box-shadow: 0 5px 19px 1px rgba(0, 0, 0, 0.09);
	-o-box-shadow: 0 5px 19px 1px rgba(0, 0, 0, 0.09);
	box-shadow: 0 5px 19px 1px rgb(0 0 0 / 9%);
	-webkit-transform: translateX(-50%) translateY(10px);
	transform: translateX(-50%) translateY(10px);
}

.navigator .menu-primary li:hover > .sub-menu{
	display: block;
	visibility: visible;
	-webkit-opacity: 1;
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter: alpha(opacity=100);
	-webkit-transform: translateX(-50%) translateY(-10px);
	transform: translateX(-50%) translateY(-10px);
}

.site-header-classic .navigator .menu-primary li .sub-menu li a{white-space: nowrap;
	padding: 5px 40px;
	color: inherit;
	font-size: 15px;
	text-transform: none;
	letter-spacing: 0;
}

.navbar-nav li{
	font-family: 'Rubik', sans-serif;
}

.navbar-nav li a{
	font-weight: 400;
}

/* 3.Home Banner */
.home-banner .owl-nav .owl-prev {
	position: absolute;
	left: 20px;
	top: 50%;
	cursor: pointer;
	background: rgba(0,0,0,0.5)!important;
	width: 40px;
	height: 40px;
	position: absolute;
	display: block;
	z-index: 1000;
	border-radius: 50%;
}

.home-banner .owl-nav .owl-prev:hover,
.home-banner .owl-nav .owl-next:hover{
	background-color: #000000!important;
}

.home-banner .owl-nav .owl-prev::before{
	content: '\f053';
	font-family: FontAwesome;
	font-size: 18px;
	color:#fff;
	line-height: 40px;
  text-align: center;
}

.home-banner .owl-nav .owl-prev span{
	display: none;
}

.home-banner .owl-nav .owl-prev:focus,
.home-banner .owl-nav .owl-next:focus{
	outline: none;
}

.home-banner .owl-nav .owl-next {
	position: absolute;
	right: 20px;
	top: 50%;
	cursor: pointer;
	background: rgba(0,0,0,0.5)!important;
	width: 40px;
	height: 40px;
	display: block;
	z-index: 1000;
	border-radius: 50%;
}

.home-banner .owl-nav .owl-next::after{
	content: '\f054';
	font-family: FontAwesome;
	font-size: 18px;
	color:#fff;
	line-height: 40px;
  text-align: center;
}

.home-banner .owl-nav .owl-next span{
	display: none;
}

.home-banner .caption{
	position: absolute;
	top: 30%;
	left: 0;
	width: 100%;
	color:#fff
}

.home-banner .caption h4{
	font-size: 46px;
	font-weight	:300;
	/* width:480px; */
	width:810px;
	color:#fff
}

.home-banner .caption h4.bannerCaptionUp{
	transform: translateY(-30px);
}

.home-banner .caption h4 span{
	display: block;
	font-weight:500;
}


/* 4.What Why How */
.what-why-how-box{
	text-align: center;
}

.what-why-how-thumb{
	margin-bottom: 10px;
}

.what-why-how-box h4{
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	color:#0e2b5c;
}

.what-why-how-box p{
	margin-bottom: 0;
	font-size: 17px;
}

/* 5.Proven and Trusted */
.proven-trusted-banner .owl-nav {
	text-align: center;
	position: absolute;
	right: 0;
	top: -80px;
}

.proven-trusted-banner .owl-nav .owl-prev, 
.proven-trusted-banner .owl-nav .owl-next {
	text-indent: -9999px;
	height: 50px;
	width: 50px;
	display: inline-block;
	position: relative;
	color: #c7cfda;
}

.proven-trusted-banner .owl-nav .owl-prev,
.proven-trusted-banner .owl-nav .owl-next{
	-webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.proven-trusted-banner .owl-nav .owl-prev:before, 
.proven-trusted-banner .owl-nav .owl-next:before {
	content: "\f0da";
	font-family: "fontAwesome";
	font-size: 28px;
	font-weight: normal;
	text-indent: 0;
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	color: #c7cfda;
}

.proven-trusted-banner .owl-nav .owl-prev:before {
	content: "\f0d9";
}

.proven-trusted-banner .owl-nav .owl-prev:after, 
.proven-trusted-banner .owl-nav .owl-next:after {
	width: 12px;
	height: 7px;
	background: #c7cfda;
	content: "";
	position: absolute;
	top: 50%;
	left: 12px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
}

.proven-trusted-banner .owl-nav .owl-prev:after {
	left: auto;
	right: 12px;
}

.proven-trusted-banner .owl-nav .owl-prev:focus, 
.proven-trusted-banner .owl-nav .owl-next:focus{
	outline: none;
}

.proven-trusted-banner .owl-prev:hover:after, 
.proven-trusted-banner .owl-next:hover:after {
	width: 22px;
}

.proven-trusted-banner .owl-prev:hover:before, 
.proven-trusted-banner .owl-next:hover:before {
	margin-left: 10px;
}

.proven-trusted-banner .owl-prev:hover:before {
	margin-left: -10px;
}

.proven-trusted-banner .owl-nav:after {
	content: "";
	position: absolute;
	left: 50%;
	height: 16px;
	width: 0;
	top: 50%;
	margin-top: -8px;
	border-right: 1px solid;
	-webkit-opacity: 0.3;
	-khtml-opacity: 0.3;
	-moz-opacity: 0.3;
	opacity: 0.3;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	filter: alpha(opacity=30);
}

.proven-trusted-banner .owl-dots {
	text-align: center;
	margin-top: 50px;
	height: 6px;
}

.proven-trusted-banner .owl-dots .owl-dot:focus{
	outline: none;
}

.proven-trusted-banner .owl-dots .owl-dot:first-child {
	margin-left: 0;
}

.proven-trusted-banner .owl-dots .owl-dot {
	display: inline-block;
	margin: 0 10px;
	width: 60px;
	height: 6px;
	background: rgba(0, 0, 0, 0.1);
	text-align: center;
	text-indent: -9999px;
	vertical-align: top;
	position: relative;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}

.proven-trusted-banner .owl-dots .owl-dot.active{
	background-color: #467cfc;
}

/* 6.Trust, Stability and Predictability */
.trust-box{
	text-align: center;
}

.trust-box .trust-thumb{
	margin: 0 auto;
	margin-bottom: 30px;
}

.trust-box p{
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
	margin-bottom: 0;
}

/* 7.Trusts Per Second */
.trust-per-second h1{
	color: #0e2b5c;
	margin-bottom: 10px!important;
}

.trust-per-second h4{
	font-size: 30px;
	line-height: 30px;
	color:#627792;
	margin-bottom: 50px;
}

.trust-per-second h5{
	font-size: 30px;
	color: #0a0a0a;
	font-weight: 600;
}

/* 8.Payment Transformation */
.payment-transformation{
	background: url(../images/new-bg.jpg) no-repeat 0 0;
	background-size: contain;
	padding-top: 140px !important;
  padding-bottom: 0px !important;
}

.payment-transformation-box{
	background-color: #8bd9d5;
	padding: 50px;
}

.payment-transformation-box h1 {
	font-size: 48px!important;
	line-height: 52px;
	color: #0e2b5c;
	margin-bottom: 32px;
}

.payment-transformation-box p{
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 30px;
	color: #000;
}

.payment-transformation-box h4{
	font-size: 30px;
	line-height: 40px;
	font-weight: 300;
	margin-bottom: 64px;
	color: #0e2b5c;
}

.payment-transformation-inner-box{
	background: #b1e6e3;
	position: relative;
	padding: 12px;
	border: 1px solid #5eb8cb;
	min-height: 275px;
	color: #627792;
}

.equal-height .payment-transformation-inner-box{
	height: 100%;
}

.payment-transformation-inner-content{
	margin-top: -50px;
}

.payment-transformation-inner-content p{
	margin-bottom: 0;
	color: #000;
}

.payment-transformation-inner-content .thumb-icon{
	background-color: #fff;
	width:76px;
	height: 76px;
	border-radius: 50%;
	text-align: center;
	line-height: 76px;
	border:1px solid #5eb8cb;
}

.payment-transformation-inner-content .thumb-icon img{
	width: 50px;
	height: 50px;
}

.payment-transformation{
	background-size: cover;
	padding-top: 90px !important;
}

.payment-transformation-box{
	bottom: -50px;
	position: relative;
}

/* 9.Testimony */
.testimony h1{
	font-size: 44px!important;
	line-height: 52px;
	color: #0e2b5c;
}

.testimony-box{
	padding: 20px ;
	background: #f3f6f9 ;
	border-radius: 5px;
}

.testimony-box h4{
	font-size: 30px;
	line-height: 36px;
	color: #0074b6;
	text-align: left;
	font-weight: 400;
}

.testimony-box p{
	font-size: 20px;
	line-height: 30px;
	color: #627792;
}

.equal-height .testimony-box{
	height: 100%;
}


/* 10.RS Payments University */
.payments-university{
	background: url(../images/paralax-copy3.jpg) 0 0 no-repeat;
	background-size: cover;
	width: 100%;
	/* height: 500px; */
	padding: 50px 0;
	color: #fff;
}

.payments-university h1,
.payments-university h4{
	color: #fff;
}

.payments-university h4{
	font-weight: 300;
}

.payment-university-box{
	border:3px solid #fff;
	padding: 30px 15px;
	background-color: rgba(0,61,96,0.52) !important;
}

.equal-height .payment-university-box{
	height: 100%;
}

.payment-university-box .thumb-icon{
	margin-bottom: 30px;
}

.payment-university-box h4{
	font-size: 30px;
	margin-bottom: 30px;
}

.payment-university-box p{
	font-size: 20px;
	line-height: 30px;
}

/* 11.Insights */
.insights h3{
	color: #0e2b5c;
	font-size: 1.875rem;
	line-height: 1.2em;
}

.insights h6{
	font-size: 10px;
	color: #627792;
	text-align: center;
	text-transform: uppercase;
  letter-spacing: 4px;
	font-weight: 600;
	margin-bottom: 60px;
}

.insights-box{
	position: relative;
	background: #ffffff;
	-webkit-box-shadow: 0 5px 35px rgb(0 0 0 / 10%);
	-moz-box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 35px rgb(0 0 0 / 10%);
}

.blog-post .post-thumb img{
	filter: grayscale(100);
	opacity: .8;
	transition: all 0.2s ease-in-out 0s;
	overflow: hidden;
	object-fit: cover;
}

.blog-post {
	overflow: hidden;
}

.insights-box .blog-post a{
    text-decoration: none !important;
}

.blog-post::before{
	content: "";
	width: 0;
	right: 0;
	height: 5px;
	bottom: 0;
	background: #467cfc;
	position: absolute;
	-webkit-transition: width 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	-moz-transition: width 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	-ms-transition: width 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	-o-transition: width 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	transition: width 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}

.blog-post:hover::before{
	width: 100%;
	left: 0;
	right: auto;
	background-color: #467cfc;
}

.blog-post:hover .post-thumb img{
	filter: grayscale(0);
	transform: scale(1.1);
	opacity: 1;
}

.equal-height .insights-box{
	height: 100%;
}

.post-wrap{
	padding: 20px 10% 30px 10%;
}

.post-date{
	margin-bottom: 6px;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
}

.post-title {
	font-size: 1.125rem;
	line-height: 1.3;
	margin: 0 0 20px 0;
	color: #0e2b5c;
}

.post-content{
	font-size: 15px;
	color: #627792;
	min-height: 96px;
}

.insights-box .blog-post h2.post-title{
	-webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
	min-height: 71px;
}


/* 12.Get In Touch */
.sec-pad{
	padding: 80px 0 50px 0;
}
.sec-pad.contactus{
	padding: 50px 0 50px 0;
}
section.digital-assets{
	padding: 0;
}
.sec-pad.our-values{
	padding: 50px 0 0px 0;
}

.sec-pad h1{
	font-size:3rem;
	font-weight: 600;
}

.sec-pad h1{
	margin-bottom: 32px;
}

/* 13.Footer */
.site-footer {
	position: relative;
}

.site-footer .footer-widgets {
	position: relative;
	color: #fff;
}

.footer-widgets {
	background-color: #1e1c1c !important; padding: 80px 0 50px 0;
}

.social-footer{
	display: flex;
	margin: 30px 0;
	padding-left: 0;
}

.social-footer li{
	margin-right: 12px;
}

.social-footer li a{
	color: #fff;
	opacity: .3;
	transition: .4s all;
}

.social-footer li a:hover{
	opacity: 1;
}

.social-footer li a i{
	font-size: 28px;
}

.extra_menu a{
	color: #fff;
	font-size: 10px;
}

.footer-widgets h3{
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	margin-bottom: 12px;
	color: #fff;
}

.footer-widgets h3+p,
.footer-widgets h3+p+p{
	color: #627792;
}

.site-footer .footer-copyright.footer-copyright-center {
	text-align: center;
}

.site-footer .footer-copyright {
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	border-right: 0px none #000000;
	border-bottom: 0px none #000000;
	border-left: 0px none #000000;
	background-color: rgb(30 28 28);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.footer-copyright p{
	font-size: 15px;
	text-align: center;
	color: #627792;
	margin-bottom: 0;
}


/* 14. Cookies */
.cookiealert{
	background-color: #000;
	color:#fff;
}

.cookiealert a[data-target="#cookiesModal"] {
	text-decoration: underline!important;
}

.cookiealert {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0!important;
	z-index: 999;
	opacity: 0;
	border-radius: 0;
	transform: translateY(100%);
	transition: all 500ms ease-out;
	padding: 6px 25px;
}

.cookiealert.show {
	opacity: 1;
	transform: translateY(0%);
	transition-delay: 500ms;
}

.cookiealert .acceptcookies {
	margin-left: 10px;
	vertical-align: baseline;
	padding: 2px 20px;
	top: 0;
	position: relative;
	font-size: 15px;
	display: inline-block;
	transition: all .2s ease-in-out;
	cursor: pointer;
	margin-right: 6px;
	overflow: hidden;
	border: none;
	border-radius: 3px;
}

.cookiealert .acceptcookies:before {
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all .2s;
}

#closeCookieConsent {
	display: block;
	cursor: pointer;
	padding: 2px;
	font-weight: 700;
	position: absolute;
	right: 8px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.float-button{
	position: fixed;
	top: 250px;
	right: 0px;
	transform: translateX(94px)rotate(-90deg);
	z-index: 1;
}

.modal-open .float-button{
	margin-right: 20px;
}

.opposite-image img{
	height: 400px;
	object-fit: cover;
}

/* 15.Media query */

@media (min-width:768px){

}

@media (min-width:992px){

}

@media (min-width:1024px){

}

@media (min-width:1199px){

}

@media (min-width:1441px){
	.payment-transformation{
		background-size: cover;
		padding-top: 90px !important;
	}

	.payment-transformation-box{
		bottom: -50px;
    position: relative;
	}
}

@media (max-width:575px){
	.insights-box .blog-post h2.post-title{
		min-height: inherit;
	}

	.payment-transformation{
		padding-top: 50px !important;
	}

	.modal-open .float-button{
		margin-right: 0px;
	}

	#myFloat h4.modal-title{
		font-size: 20px;
	}
}