@import url('https://fonts.googleapis.com/css2?family=Heebo&family=Montserrat:wght@400;500;600;900&display=swap');

body{
	font-family: 'Montserrat', sans-serif;
	opacity: 0;
   	transition: opacity .6s;
}

p{
	font-size: 1rem;
	font-weight: 400;
	color: #343434;
}
p a{
	font-size: 1rem;
	font-weight: 600;
	color: #18C6B9;
}

h2{
	font-size: 2.688rem;
	font-weight: 900;
	color: #276DC1;
	line-height: 3.25rem;
}
h3{
	font-size: 2.625rem;
	font-weight: 700;
	color: #484848;
}
h4{
	font-size: 1.375rem;
	font-weight: 700;
	color: #484848;
}
a{
	text-decoration: none;
}
strong{
	font-weight: 600;
}
.rel{
	position: relative;
}

/*-- main nav --*/
.navbar-light .navbar-nav .nav-link{
	padding: 0;
	color: #484848 !important;
	font-weight: 500;
	font-size: 0.938rem;
	line-height: 1.438rem;
}
.navbar-light .navbar-nav .nav-link a{
	color:#484848;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{
	color:#000 !important;
}
.navbar-light .navbar-nav a:after{
	padding:0 1rem;
	font-weight: 400;
	color: #484848;
	content: '|';
}
.navbar-light .navbar-nav a:last-child:after{
	content: '';
}
.navbar-light .navbar-nav .nav-link.active{
	color: #0063B0 !important;
}
.navbar-toggler{
	background-color: #F5F5F5;
	border-radius: 100%;
	display: flex;
	justify-content: center;
    align-items: center;
	font-size: 0;
	padding: 0;
	border: none;
	width: 2.188rem;
	height: 2.188rem;
}
.grey_blck{
	opacity: .9;
}
/*-- main nav --*/


/*-------*/
.banner h1{
	font-size: 3.75rem;
	line-height: 3.588rem;
	font-weight:900;
	color: #276DC1 !important;
}
.title-head  span.text-primary{
	font-size: 2.188rem !important; 
	font-weight:900;
	color: #276DC1 !important;
	line-height: 2.688rem;
}
.title-head  h1{
	line-height: 2.888rem;
}
.lead{
	font-size: 1rem;
	font-size: 500;
	color: #484848;
}
.title_blck small{
	display: flex;
	margin-bottom: .9rem;
	font-weight: 900;
	font-size: 1.75rem;
	color: #484848;
	line-height: 2.063rem;
}
a.link-cta{
	font-size: 1rem;
	font-weight: 500;
	color: #00AABC;
	text-decoration: none;
}
a:hover.link-cta{
	color:#1A1A1A ;
}
a.link-cta img{fill: red;}


/*-- right arrw --*/
.gg-arrow-right {
    box-sizing: border-box;
    position: relative;
    display: inline-flex;
    transform: scale(var(--ggs,1));
    width: 22px;
    height: 22px;
    top: 5px; 
}
.gg-arrow-right::after,
.gg-arrow-right::before {
    content: "";
    display: inline-flex;
    box-sizing: border-box;
    position: absolute;
    right: 3px
}
.gg-arrow-right::after {
    width: 8px;
    height: 8px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    bottom: 7px
}
.gg-arrow-right::before {
    width: 16px;
    height: 2px;
    bottom: 10px;
    background: currentColor
}
/*-- right arrw --*/
.grey_blck_wrap{
	background-color: #F5F5F5;
}
.light_blue_bg{
	background-color: #F8F9FB;
}

/*-- button styles --*/
.btn{
	border-radius: 2px;
	font-size: 1.688rem;
	font-weight: 500;
}
.btn-primary{
	background-color: #191919;
	border-color: #707070;
}
.btn-primary:hover{
	background-color: #10A1DA;
	border-color: #10A1DA;
}
/*-- button styles --*/


/*-- digital map --*/
.modal-header .btn-close{
	margin: -5.5rem -0.5rem -0.5rem auto;
}
.digt_exp{
	width: 13%;
  	height: 5%;
  	/*background: red;*/
  	position: absolute;
  	left: 13%;
  	top: 5%;
}
.qa_services{
	width: 13%;
  	height: 5%;
  	/*background: blue;*/
  	position: absolute;
  	left: 7%;
  	top: 46%;
}
.cloud_trans{
	width: 15%;
  	height: 5%;
  	/*background: yellow;*/
  	position: absolute;
  	right: 6%;
  	top: 45%;
}
.dwbi{
	width: 13%;
  	height: 5%;
  	/*background: green;*/
  	position: absolute;
  	left: 10%;
  	bottom: 10.5%;
}
/*----*/
.d_popup .modal-dialog{
	max-width: 580px;
}
.d_popup .modal-header{
	background-color: #B2DFFF;
	padding:4rem 1.5rem 3rem;
	position: relative;
}
.d_popup .modal-title{
	font-size: 2.313rem;
	line-height: 1.2;
	font-weight: 100;
	color: #3F6BB2;
	z-index: 3;
}
.d_popup .modal-body{
	color: #3E3E3E;
	font-size: 1rem;
	font-weight: 100;
	line-height: 1.7;
	padding: 1.5rem 1.5rem;
}
.d_popup .modal-header .btn-close{
	margin: 0;
	position: absolute;
	right: 0.313rem;
	top: 0.688rem;
	z-index: 2;
	color: #000;
	opacity: 0.8;
}
.dpop_img{
	position: absolute;
	right: 0.913rem;
	bottom: 0.188rem;
	z-index: 1;
}
#dwbi .modal-header{
	padding:5rem 1.5rem 5rem;
}
/*-- digital map --*/

/*-- Sticky Nav --*/
.nav_wrap nav{
	background-color: #fff;
	box-shadow: 0px 3px 6px 0px rgba(237,245,255,1);
	-webkit-box-shadow: 0px 3px 6px 0px rgba(237,245,255,1);
	-moz-box-shadow: 0px 3px 6px 0px rgba(237,245,255,1);
}

.nav_wrap .navbar .nav-link{
	color: #484848;
}
.nav_wrap .navbar .nav-item a:after{
	color: #D6D6D6;
	content: '|';
	padding:0  2rem;
}
.nav_wrap .navbar .nav-item:last-child a:after {
	content: '';
	padding: 0;
}
.nav_wrap .navbar .nav-link:hover{
	color: #10A1DA;
}
/*-- Sticky Nav --*/
.link-more{
	margin-bottom: 1rem;
	display: inline-flex;
}
.link-more::after{
	padding: 0 0 0 2px;
	content: '-';
}
.link-more.collapsed::after{
	padding: 0 0 0 2px;
	content: '+';
}
 
/*-- Carousel Wrap --*/
.carousel_wrap{
	background-color: #1783B5;
	/*min-height: 29.375rem;*/
}
.carousel_wrap h3{
	color: #fff;
	text-align: center;
	font-weight: 600;
}
/*-- slick slider --*/
.title_txt{
	font-size: 1..13rem;
	font-weight: 600;
	color: #fff;
	line-height: 1.163rem;
}
.center_01.slider , .center_02.slider{
    width: 90%;
    margin: 0 auto;
}

.center_01 .slick-slide{
  margin: 0px 20px;
  text-align: center;
}

.center_01 .slick-slide img {
  /*width: 100%;
  height: 100%;*/
  margin:0 auto 1rem ;
  padding: 0 !important;
}

.center_01 .slick-prev:before,
.center_01 .slick-next:before {
 /* color: black;*/
}
.center_01 .slick-prev, .center_01 .slick-next{
	top: 40%;
}

.center_01 .slick-slide , .center_02 .slick-slide  {
  transition: all ease-in-out .3s;
  opacity: 1;
}

.center_01 .slick-active {
  opacity: 1;
}

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


.center_02 .slick-prev, .center_02 .slick-next{
	/*top: 40%;*/
}

.center_02 .slick-prev:before, .center_02 .slick-next:before{
	color: #000;
}
.center_02 .slick-slide{
  	margin: 0px 20px;
 }
.center_02 .slick-slide img {
	margin:0 auto ;
	padding: 0 !important;
}

/*-- slick slider --*/



/*-- Career page --*/
#opportunities title{
	margin-top: 1rem;
	color: #000;
	display: flex;
	justify-content: center;
}
.blockquote p{
	font-size: 2.688rem;
	font-weight: 600;
	color: #484848;
	line-height: 3.563rem;
}
.blockquote-footer::before{
	content: '';
}
.blockquote-footer{
	font-size:0.875rem;
	color:#262626;
	font-weight: 700;
}
h3.card-title {
	font-family: arial, sans-serif;
}
.card-body{
	background-color: #F7F7FD;
	padding: 2rem;
}
#testimonials .card{
	border-radius: 0 ;
}
#testimonials .border-primary {
	border: none !important;
}
.testi-foot{
	color: #262626;	
}
.testi-foot span{
	font-size: 0.875rem;
	font-weight: 700 !important;
}
.testi-foot cite{
	font-size: 0.813rem;
	font-weight: 200;
	font-style: normal;
}	
/*-- Career page --*/


/*-- Contact us page --*/
.contact_blck_wrap .form-label {
	font-size: 0.9375rem;
	color: #484848;
}
.contact_blck_wrap  .form-control{
	padding: 0.699rem 0.85rem;
	border: 0.0625rem solid #D5DCE3;
	border-radius: 0.25rem;
	font-size: 0.875rem;
	color: #8792A1;
	resize: none;
}
.contact_blck_wrap .lift {
	padding: 0.699rem 0.85rem;
	background-color: #18C6B9;
	border-color: #18C6B9;
	border-radius: 0.3125rem;
	font-size: 0.875rem;
}
.contact_blck_wrap .lift:hover{
	background-color: #11a99d;
}
.light_grey_bg{
	background-color: #FAFAFA;
}
h3.blue_title {
	margin-bottom: 2rem;
	color: #1657B2;
	font-size: 2.6875rem;
	font-weight: 600;
}
.cntry{
	display: inline-flex;
	margin-bottom: 1.6rem;
	font-size: 1.375rem;
	font-weight: 600;
	color: #484848
}
.contact_blck_wrap address{
	font-size: 1.125rem;
	color: #484848;
}
.map_link{
	background: url('./img/map-loc.svg') left center;
	font-size: 1.375rem;
	color: #484848;
	text-decoration: none;
}
:hover.map_link{
	color: #10A1DA;
}
.social_icons{
	align-items: center;
}

.social_icons a{
	display: inline-flex;
	align-items: center;
}
/*-- Contact us page --*/

/*-- footer --*/
footer h6{
	margin-bottom: 1.5rem;
	font-size: 1.063rem;
	font-weight: 500;
	color: #1657B2;
}

footer p{
	font-size: 0.938rem;
	line-height: 2;
}
.list-unstyled a{
	font-size: 0.938rem;
	color: #484848;
}
.list-unstyled a:hover{
	color: #1783B5;
}
.list-social-item a img{
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	border-radius: 50%;
}

.copyright{
	padding-top: 1.5rem;
	font-size: 0.875rem;
	font-weight: 300;
	color: #7E7E7E;
	border-top: 1px solid #E0E0E0;
}





/*--- media queries ---*/
@media (max-width: 767px) {

	.navbar-collapse .navbar-nav a{
		padding: 1rem .5rem !important;
		border-bottom: 1px solid #ccc;
	}
	.navbar-collapse .navbar-nav a:after{
		content: '';
	}

}


@media (max-width: 576px) {
	  .order-sm-0 {
	    order: 0 !important;
	  }

	  .order-sm-1 {
	    order: 1 !important;
	  }

	  .order-sm-2 {
	    order: 2 !important;
	  }

	  .order-sm-3 {
	    order: 3 !important;
	  }

	  .order-sm-4 {
	    order: 4 !important;
	  }

	  .order-sm-5 {
	    order: 5 !important;
	  }

 }