.clr {
	clear: both;
}



ul {
	padding: 0;
	margin: 0;
}


a {
	text-decoration: none !important;
	color: #000;
}



a:hover {

	color: #333;

}





body {

	background: #fff;

	color: #4B4B4B;

	//font-family: 'Roboto', sans-serif;

	font-family: 'helveticanowdisplay_regularRg';

	font-size: 16px;

	line-height: 24px;

	letter-spacing: 0.01rem;

}

p {

	color: #4B4B4B;

	font-size: 18px;

	line-height: 30px;

	font-family: 'helveticanowdisplay_regularRg';

}



h1 {

	font-family: 'helvetica_now_displaybold';

	font-weight: bold;

	color: #222;

	font-size: 60px;

	letter-spacing: -2px;

}



h2 {

	font-weight: bold;

	color: #0E1E59;

	font-size: 48px;

	font-family: 'helvetica_now_displaybold';



}

h3 {

	font-weight: bold;

	font-size: 40px;

	font-family: 'helvetica_now_displaybold';

}



h4 {

	font-size: 21px;

	color: #000;

	font-weight: bold;

	font-family: 'helvetica_now_displaybold';

}





h5 {

	font-size: 18px;

	color: #4B4B4B;

	line-height: 24px;

	font-weight: 400;

	font-family: 'helveticanowdisplay_regularRg'

}

.container-fluid {

	max-width: 1440px;

}

.btn-outline-primary {

	//background-color:#094979 !important;

	border-color: #094979 !important;

	color: #094979 !important;

}

.bg-primary {

	background-color: #0E1E59 !important;

}

.text-primary {

	color: #094979 !important;

}

.btn-primary {

	background-color: #0E1E59 !important;

	border-color: #0E1E59 !important;

}

.btn-danger {

	background-color: #ED1E26 !important;

}

.btn-danger:hover {

	border-color: #ED1E26 !important;

}

.btn-request {

	padding: 10px 15px !important;

	font-size: 16px !important;

	//font-weight:500;

	border-radius: 8px !important;

	transition: none !important;

	font-family: 'helvetica_now_displaymedium';

}

.btn-request:hover {

	background: linear-gradient(270deg, #094979 -2.6%, #4391CC 102.6%) !important;

	border-color: linear-gradient(270deg, #094979 -2.6%, #4391CC 102.6%) !important;

	color: #fff !important;

}

/*@font-face {

    font-family: 'proxima_novaregular';

    src: url('../fonts/proximanova-regular.woff2') format('woff2'),

        url('../fonts/proximanova-regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}*/





@font-face {

	font-family: 'helvetica_now_displaybold';

	src: url('../fonts/helveticanowdisplay-bold.woff2') format('woff2'),

		url('../fonts/helveticanowdisplay-bold.woff') format('woff');

	font-weight: 700;

	//font-style: normal;



}









@font-face {

	font-family: 'helveticanowdisplay_regularRg';

	src: url('../fonts/helveticanowdisplay-regular.woff2') format('woff2'),

		url('../fonts/helveticanowdisplay-regular.woff') format('woff');

	font-weight: 400;

	//font-style: normal;



}

@font-face {

	font-family: 'helvetica_now_displaymedium';

	src: url('../fonts/helveticanowdisplay-medium.woff2') format('woff2'),

		url('../fonts/helveticanowdisplay-medium.woff') format('woff');

	font-weight: normal;

	font-style: normal;



}



@font-face {

	font-family: 'helveticanowtext_regularRg';

	src: url('../fonts/helveticanowtext-regular.woff2') format('woff2'),

		url('../fonts/helveticanowtext-regular.woff') format('woff');

	font-weight: 400;

	font-style: normal;



}





.banner-section {

	background: url(../images/banner-bg.png) 50% 100% no-repeat;	
	background-size: cover;

	height: 750px;

	display: flex;

	/* align-items: center; */

	justify-content: center;

	padding-top: 60px;

	margin-bottom: 50px;

}

.navbar-brand {

	margin-right: 2rem;

}

.navbar-brand img {

	width: 120px;

}

.navbar-light {

	background: #fff;

	z-index: 99;

}

.navbar-light .navbar-nav .nav-link {

	color: #4A4A4A;

	padding: 5px 20px;

	font-size: 18px;

	font-family: 'helveticanowtext_regularRg';

}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {

	color: #094979;

}

.btn {

	font-size: 0.9rem;

	padding: .375rem .95rem;

	border-radius: 5px;

}

.form-control {

	background-color: #ffffff;

	border: 2px solid #EAEAEA;

	border-radius: 8px;

	color: #5F6973;

	font-size: 14px;

	height: 50px;

	margin-bottom: 20px;

	padding: 0 15px;

}

.navbar-light.active {

	position: fixed;

	width: 100%;

	background: #fff;

	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);

	z-index: 99;
	top:0;

}

.big-btn {

	min-width: 200px;

	height: 50px;

	padding: 16px;

	border-radius: 6px !important;

	line-height: 18px;

	font-size: 18px;

	font-family: 'helvetica_now_displaymedium';

}

.btext {

	background: url(../images/text-bg.png) 50% 0 no-repeat;

	background-size: contain;

	padding: 34px;

}

.banner-text {

	background: url(../images/box-gredint.png) 50% 50% no-repeat;

}

.banner-text h1 {

	line-height: 91px;

	font-size: 60px;

	letter-spacing: -2px;

}

.rbox {

	margin: 50px 0;

	display: flex;

	align-items: center;

	justify-content: center;

	flex-direction: column;

}

.rbox h5 {

	text-transform: uppercase;

	letter-spacing: 0.3em;

	color: #4391CC;

	font-size: 18px;



}

.rbox h1 {

	background: url(../images/line.png) 50% 90% no-repeat;

	background-size: contain;

	letter-spacing: 0;

}



.consultsection {

	background: url(../images/dot1.png) 2% 5% no-repeat, url(../images/dot2.png) 100% 95% no-repeat, url(../images/box-gredint.png) 0% 120% no-repeat;

	padding: 100px 0;

	background-color: #f6f6f6;

}



.vtextbox h5 {

	color: #4391CC;

	letter-spacing: 0.3rem;

	font-size: 18px;

}

.vtextbox h2 {

	line-height: 64px;

}

.vtextbox p {

	font-size: 18px;

	line-height: 39px;

	color: #4B4B4B;
	text-align: justify;

}

.spk {

	display: inline-flex;

	align-items: center;

	flex-direction: column;

	color: #4391CC;

	position: relative;

	padding: 10px 20px;

	//background: url('../images/headerline.png');	

}

.spk:before {

	content: url("../images/arrow1.png");

	position: absolute;

	left: 0;

	top: -28px;

}

.spk:after {

	content: url("../images/arrow2.png");

	position: absolute;

	right: 0;

	top: -28px;

}

.prefered {

	background: url(../images/gradient-left.png) 0 100% no-repeat, url(../images/gradient-right.png) 100% 0 no-repeat;

	padding: 150px 0;

}

.video-box {

	background: url(../images/video-frem.png) 0 0 no-repeat;

	background-size: contain;

	padding: 50px 50px 50px 10px;

	position: relative;

}

video[poster] {

	height: 100%;

	width: 100%;

	object-fit: fill;

}

.expertise {

	background: url(../images/gradient-left.png) 0 -20% no-repeat, url(../images/gradient-right.png) 100% 125% no-repeat;

	padding: 150px 0 100px 0;

}

.text-prime2 {

	color: #4391CC;

}

.expbox {

	padding: 10px 20px;

}

.expbox p {

	font-size: 17px;

	color: #4B4B4B;

	line-height: 32px;

}

.expbox img {

	height: 130px;

}

.servicesection {

	padding: 100px 0;

}

.servicesection .preheader {

	margin-bottom: 100px;

}

.mainservicesection .vtextbox p {

	font-size: 18px;

}

.scrbox {

	background: linear-gradient(330.81deg, #09497A -2.33%, #4391CC 114.53%);

	border-radius: 29.6463px;

	text-align: center;

	padding: 15px;

	//width:270px;

	height: 265px;

	display: flex;

	align-items: center;

	justify-content: end;

	flex-direction: column;

}

.scrbox h4 {

	font-size: 24px;

}

.scrbox img {

	-webkit-animation: float 6s ease-in-out infinite;

	animation: float 6s ease-in-out infinite;

}

@keyframes float {

	0% {

		//box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);

		transform: translatey(0px);

	}

	50% {

		//box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);

		transform: translatey(-20px);

	}

	100% {

		//box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);

		transform: translatey(0px);

	}

}



.fb-none:after,
.fb-none:before {

	display: none;

}

.whoweare {

	padding: 100px 0;

}

.whowebox {

	margin-bottom: 40px;

}

.whowebox h4 {

	font-size: 24px;

}

.whowebox p {

	font-size: 18px;

	line-height: 34px;

}

.bussection {

	background: url(../images/dot2.png) 100% 95% no-repeat, url(../images/box-gredint.png) 60% 100% no-repeat;

	background-color: rgba(0, 0, 0, 0);

	padding: 100px 0;

	background-color: #f6f6f6;

}

.callbacksection {

	padding: 100px 0;

	background: url(../images/aboutleftbg.png) 0 0 no-repeat, url(../images/gradient-right.png) 100% 100% no-repeat;

}

.teamsection {

	background: url(../images/teambg.png) 100% 60% no-repeat;

}

/*=============== footer css =========== */



footer {

	background: #094979;

}

.fbottom {

	background: #003863;

	padding: 15px 0;

	font-size: 20px;

}

.ftext {

	font-size: 18px;

}

.footernav {

	display: block;

}

.footernav .nav-item {

	display: block;

	text-align: center;

}

.footernav .nav-link {

	color: #fff;

	font-size: 16px;

	margin: 15px 10px;

}

.culturesection h1 {

	font-size: 60px;

}



/*=============== about us css =========== */

.banner-about {

	height: 600px;

	display: flex;

	align-items: center;

	background: url(../images/aboutleftbg.png) 0 0 no-repeat, url(../images/gradient-right.png) 100% 0 no-repeat;

	position: relative;

}

.banner-about p {

	font-size: 20px;

	color: #4B4B4B;

	line-height: 40px;

	margin: 30px 0;

}

.abouttop {

	position: absolute;

	right: 0;

	top: 0;

	width: 350px;

}

.aboutbottom {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 250px;

}

.processbox {

	white-space: nowrap;

	display: flex;

	flex-wrap: nowrap;

	width: 100%;

	margin: 0 !important;

	justify-content: flex-start !important;

	scrollbar-width: none;

	//padding-left: 10%;

	//-ms-touch-action: pan-Y;

	//touch-action: manipulation;

	//overflow-x: scroll;

	//-webkit-overflow-scrolling: touch;

	//cursor: grab;

}

.processbox:hover {

	scrollbar-width: thin;

}

.process {

	padding: 100px 0;

}

.vbtn {

	position: absolute;

	width: calc(100% - 60px);

	height: calc(100% - 100px);

	display: flex;

	align-items: center;

	justify-content: center;
	z-index:999;
opacity:0;
}

.video-box:hover .vbtn {
opacity:1;	
	}

.pagination {
  text-align: center;
  padding: 15px;
  align-items: center;
  justify-content: center;
}

.pagination li a,.pagination li span {
background: #f5f5f5;
border-radius: 5px;
padding: 10px 15px;
margin: 5px 3px;	
	}
.pagination li.active span {
background:#094979;
color:#fff;	
	}


























@media only screen and (min-width:320px) and (max-width:768px) {

	h1 {

		font-size: 40px;

	}

	.scrbox {

		margin-bottom: 65px;

	}

	.expertise {

		padding-bottom: 0;

	}

	.banner-about {

		height: auto;

	}

	.banner-text h1 {

		line-height: 55px;

		font-size: 40px;

	}

	.spk img {

		width: 50%;

		display: none;

	}

	.spk {

		padding: 10px;

	}

	.spk::before {

		left: -6px;

		top: -16px;

	}

	.spk::after {

		right: -4px;

		top: -16px;

	}

	.prefered {

		padding: 100px 0;

	}

	.video-box {

		padding: 10% 4%;

	}

}



@media only screen and (min-width:768px) and (max-width:991px) {

	h1 {

		font-size: 35px;

	}

	.scrbox {

		margin-bottom: 65px;

	}



}

@media (min-width:1200px) {

	.scrbox {

		width: 270px;

	}

}