body {
	color: #212529;
	margin:0;
	padding:0;
	font-size: 15px;
	font-weight: 400;
	word-spacing: 2px;
	font-family: 'Open Sans', sans-serif;
}
* {
	outline:none;
}
p{
	line-height: 2;
}
small{
	font-weight: 600;
}
a{
	text-decoration: none;
}
header{
	position: relative;
	z-index: 1009;
}
.breadcrumb{
	margin-bottom:0;
}
.navbarnav li a i{
	font-size:28px !important;
}
.navbarnav{
	padding:0;
	margin:0;
	list-style-type:none;
	float:left;
	width:100%;
}
.navbarnav li{
	float:right;
}
.navbarnav li a{
	color:#333333;
}
.sidenav{
  height: auto;
  width: 0;
  position: fixed;
  z-index: 99999;
  top: 0;
  bottom: 0;
  right: 0;
  /* background-color: rgba(0, 0, 0, .2); */
  overflow-x: hidden;
  transition: 0.5s;
}
.sidenav img{
	width: 60px;
    height: 60px;
    object-fit: contain;
}
.sidenav a{
  padding: 6px 8px;
  text-decoration: none;
  font-size: 18px;
  color: #818181;
  display: block;
  transition: 0.3s;
  font-size:20px;
  font-weight:400;
}
.sidenav a:hover{
	color:#4285f4;
}
.iconname:hover i, .iconname:hover p{
	color:#4285f4;
}
.sidenav .closebtn{
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  z-index:1;
}
#main{
  transition: margin-left .5s;
  padding: 20px;
}
@media screen and (max-height: 450px){
	.sidenav a{
		font-size: 20px;
	}
} 
.bannerimg{
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	height: 250px;
	margin-top: 0.75rem;
}
.overlaybanner{
	position:absolute;
	top:175px;
	right:0;
	background-color:rgba(66, 133, 244, 0.65);
	width:435px;
	padding:3rem 2rem;
}
.overlaybanner p{
	font-size:30px;
	color:#ffffff;
	line-height: 56px;
	font-weight:300;
}
.overlaybanner p span{
	font-weight:700;
}
.read-more h5{
	font-size:20px;
	font-weight:600;
}
.box{
	background-color:#4285f4;
	padding:1rem 2rem;
}
.box i{
	font-size:72px;
	color:#ffffff;
}
.box h6{
	font-size:20px;
	color:#ffffff;
	font-weight: 400;
	text-transform:uppercase;
}
.box p{
	font-size:16px;
	color:#ffffff;
	min-height:145px;
	font-weight:300;
}
.lightbox{
	background-color:rgba(66, 133, 244, 0.9);
	padding:1rem 2rem;
}
.lightbox i{
	font-size:72px;
	color:#ffffff;
}
.lightbox h6{
	font-size:20px;
	color:#ffffff;
	text-transform:uppercase;
}
.lightbox p{
	font-size:16px;
	color:#ffffff;
	min-height:145px;
	font-weight:300;
}
/* .aboutus {
	float:left;
	width:100%;
	margin-top:5rem;
} */
.aboutpage{
	padding: 60px 0;
}
.about-box h4{
	color: #212529;
	font-weight: 400;
	margin-top: 0;
	font-size:36px;
}
.about-box span{
	font-size:16px;
}
.about-box p, .about-box li{
	line-height:34px;
	word-spacing: 2px;
}
.aboutinnerimg img{
	margin:0 auto;
	display:block;
}
.head-subhead::after{
	content: '';
	position: absolute;
	width: 225px;
	height: 125px;
	top: -25px;
	border: 10px solid rgba(111,111,111,0.3);
	left: 95px;
}
/* .btnreadmore {
	background-color:transparent !important;
	border:1px solid #4285f4 !important;
	border-radius:0 !important;
	padding: 3px 12px;
	display: inline-block;
	color:#4285f4;
	font-size:12px;
}
.btnreadmore:hover {
	background-color:#4285f4 !important;
	color:#ffffff !important;
}
.btnreadmore:hover span, .btnreadmore:hover i {
	color:#ffffff;
}
.btnreadmore i {
	font-size:20px;
	position:relative;
	top:2px;
	color:#4285f4 ;
} */
.aboutimg{
	display:flex;
	align-items:center;
	justify-content:center;
	vertical-align:center;
	margin-top:15rem;
}
.carousel_slide{
	/* background-color:rgba(255, 255, 255,1);
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	min-height: 100vh; */
}
.carousel_slide .carousel-inner p, .carousel_slide .carousel-inner h5{
	color:#212529;
}
.carousel-inner{
	/* overflow: unset; */
}
.carousel-indicators button{
	background-color: #212529 !important;
    height: 8px !important;
    border-radius: 25px !important;
    border: 0 !important;
}
.carousel_slide .carousel-inner h5{
	font-size:30px;
	font-weight:600;
}
.carousel_slide .carousel-inner img{
	position: relative;
	z-index: 1;
}
.frameworkicon{
	padding:5rem 0;
	float: left;
	width: 100%;
}
.frameworkicon h4{
	text-align:center;
	font-size:42px;
	font-weight:700;
}
.iconlist{
	padding:0;
	margin-top:3rem;
	list-style:none;
}
.iconlist li{
	float:left;
	width:20%;
}
.iconlist li img{
	border:1px solid #dddddd;
	width:100%;
	background-color:rgba(111,111,111,0.1);
}
.footer{
	background-color:#f7f7f9;
	position: relative;
	width:100%;
	padding: 2rem 0 0 0;
	clear: both;
	margin-top: 2rem;
}
.footer p{
	margin-top:0;
	font-weight:300;
}
.footer h4{
	font-weight: 400;
	font-size: 36px;
	color: #444444;
	margin-bottom: 0.8em;
	margin-top:0;
	padding: 0 15px;
	font-family: 'Open Sans', sans-serif;
}
.copyright{
	padding: .6rem;
	background-color:#444444;
}
.copyright p{
	color: #ffffff;
	margin-bottom:0;
}
/* About PAge */

.innerhead h1{
	font-size:36px;
	font-weight:500;
	text-transform: uppercase;
}
.whatwedo{
	padding:3rem 0;
}
.whatwedo h4{
	font-size:32px;
	color:#111;
	text-align:center;
	font-weight:400;
}
.bgscreen, .bgscreen1, .bgscreen2, .bgscreen3, .bgscreen4{
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	height:180px;
}
.bgscreenmain{
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	height:225px;
}
.bgscreen img{
	width: 178px;
	text-align: center;
	margin: 0 auto;
	position: relative;
	top: 20px;
	left: 50px;
}
.bgscreen1 img{
	width: 150px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: 23px;
    left: 65px;
}
.bgscreenmain img{
	width: 200px;
	text-align: center;
	margin: 0 auto;
	position: relative; 
	top: 28px;
	left: 70px;
}
.bgscreen2 img{
	width: 150px;
	text-align: center;
	margin: 0 auto;
	position: relative;
	top: 27px;
	left: 64px;
}
.bgscreen3 img{
	width: 150px;
	text-align: center;
	margin: 0 auto;
	position: relative;
	top: 23px;
	left: 65px;
}
.whatwedo i,.whatwedo em{
	font-size:62px;
	color:#4285f4;
}
.training-box:hover a,.whatwedo:hover a{
	text-decoration:none;
}
.whatwedo p{
	font-size:18px;
	color:#333333;
	font-weight:300;
}
/* About PAge */

/* Training */
.trainingpage, .traininginnerpage{
	padding:1rem 0 2rem 0;
}
.trainingpage h4{
	font-size:36px;
	color: #212529;
	font-weight:700;
	text-align:center;
}
.coursecontent small{
	color: #fc0074;
	display: block;
	margin-bottom: 5px;
	font-weight: 600;
}
.training-box{
	padding-top: 1rem;
	overflow: hidden;
	border-radius: 20px;
	margin-bottom: 30px;
	background-color: #ffffff;
	border: 1px solid #F3F3F3;
    box-shadow: 0px 15px 30px rgb(61 90 125 / 8%);
}
.courseimg{
	background-position:center;
	background-repeat:no-repeat;
	background-size: contain;
	height:200px;
}
.coursecontent h3{
	font-size: 20px;
	font-weight: 600;
	color: #4285f4;
	margin-bottom: 5px;
}
.coursecontent h3 a{
	color: #4285f4;
}
.coursecontent{
	padding:1rem;
}
.courseimg span{
	background-color: #ffa500;
	padding: 0.5rem;
	color: #fff;
	position: relative;
	top: 12%;
	font-size: 14px;
    padding-right: 1rem;
	border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.traininginnerpage h4{
	font-size:36px;
	text-align:left;
	font-weight:600;
}
.traininginnerpage span{
	font-size:20px;
}
.traininginnerpage p{
	font-size:18px;
	line-height:28px;
}
.trainingtakeaway h5{
	font-weight:600;
	font-size:24px;
}
.trainingtakeaway ul li{
	font-size:20px;
	line-height:32px;
}
.btnprevious{
	background-color:#4285f4;
	border-radius:0;
	padding:0.5rem 1.5rem;
	width:125px;
	color:#ffffff;
}
/* Training */

/* Contact Us */
.contactpage{
	padding: 4rem 0 0;
}
.contactpage h4{
	font-size:32px;
	font-weight:400;
}
.formgroup form{
	width:100%;
}
.formgroup h2{
	font-size:28px;
	color: #444;
}
.contactpage h1{
	font-size:36px;
	color: #444;
}
.form-control{
    border-radius: 8px;
	padding: .75rem 0.75rem;
}
.form-control:focus{
	box-shadow: 0 0 0 0 rgba(0,123,255,0);
}
label{
	color: #212529;
	font-weight: normal !important;
}
/* Contact Us */
/* Our Work */
.workpage{
	padding:3rem 0 1rem 0;
}
.workpage h1{
	font-size:36px;
	text-align:center;
	font-weight:500;
}
.workpage p{
    word-spacing: 2px;
}
.workportfolio{
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:275px;
	position:relative;
	cursor:pointer;
	filter: grayscale(1);
	transition: .3s linear;
	border-radius: 5px;
}
.workportfolio:hover{
	filter: grayscale(0);
}
.porfoliobox::before{
	content:'';
	position:absolute;
	background-color:rgba(0, 0, 0, 0.7);
	width:100%;
	height:100%;
	left:0;
	right:0;
	bottom:0;
	border-radius: 5px;
}
.workportfolio:hover .porfoliobox::before{
	background-color:rgb(70 136 245 / 40%);
}
.porfoliobox h3{
	font-size: 18px;
    font-weight: 600;
	margin-bottom: 0;
	color: #fff;
	float: left;
	width: 100%;
	text-align: center;
	position: absolute;
	z-index: 1009;
	top:45% ;
	padding: 15px;
	text-transform: uppercase;
}
/* Service */
.servicepage{
	padding:3rem 0 0 0;
}
.servicepage h1{
	font-size:36px;
	font-weight:500;
}
.servicepage p{
    word-spacing: 2px;
}
.service-icon{
	background-color:#f1f1f1;
	box-shadow:0 0 8px #d1d1d1;
	border-radius:5px;
	padding:1rem;
	float:left;
	min-height:370px;
	width:100%;
}
.service-icon .icon-box{
	text-align:center;
	margin:0 auto;
	background-color:#4285f4;
	width:100px;
	height:100px;
	margin-top:-70px;
	box-shadow:0 0 8px #d1d1d1;
	border-radius:4px;
}
.service-icon:hover .icon-box{
	transform:rotate(45deg);
	transition: all .3s cubic-bezier(0, 0, .58, 1);
}
.service-icon .icon-box:hover i{
	transform:none;
} 
.service-icon .icon-box i {
	padding:2rem 1.5rem;
	font-size:36px;
	color:#ffffff;
}

.service-icon .icon-box:hover em{
	transform:none;
} 
.service-icon .icon-box em{
	padding:2rem 1.5rem;
	font-size:36px;
	color:#ffffff;
}
.icon-text ul{
	padding:0;
	margin:0;
	list-style:none;
}
.icon-text ul li{
	text-align:center;
	line-height:36px;
	font-size:14px;
}
.icon-text h4{
	font-size:18px;
	font-weight:600;
}
/* Service */

/* Career */
.careerpage{
	padding: 5rem 0 0 0;
}
.careerpage p{
	line-height: 34px;
    word-spacing: 2px;
}
.career-card .career-box{
	padding:1rem;
}
.site-icon{
	overflow: hidden;
	/* border: 1px solid #F3F3F3; */
	border-radius: 50px;
    /* box-shadow: 0px 15px 30px rgb(61 90 125 / 8%); */
}
.site-icon img{
	width:60px;
}
.careerpage h4{
	font-size: 24px;
    color: #212529;
    font-weight: 600;
}
.careerpage small{
	display: block;
	margin-bottom: 5px;
}
.jobdescp p{
	line-height: 25px;
}
.career-box .jobdescp p{
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.joblocation cite{
	font-size:14px;
	font-style:normal;
}
.careerpage h1{
	font-size:36px;
	margin-bottom:1rem;
	font-weight:500;
}
.career_head{
    /* padding: 3rem 0; */
	margin-bottom: 2rem;
}
.career_head small{
	color: #fc0074;
	font-weight: 600;
	text-transform: uppercase;
}
.careerpage img{
	margin:0 auto;
	display:block;
	text-align:center;
}
.careerapply{
	/* width:100%;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd; */
}
.whenposted span{
	padding: 0.75rem 0;
	font-size: 13px;
	float: left;
	width: 100%;
}
.applycareer{
	padding:0 !important;
}
.btnapply, .applycareer .btnapply:hover{
	width:100%;
	border-radius:0;
	padding:0.60rem;
	background-color:rgba(66, 133, 244, 1);
	color:#ffffff !important;
}
.btnapply{
	width:100%;
	border-radius:0;
	padding:0.60rem;
	background-color:rgba(66, 133, 244, 1);
	color:#ffffff !important;
	transition: .7s;
}
.btnapply:hover{
	width:100%;
	border-radius:0;
	padding:0.60rem;
	background-color:#212529;
	color:#ffffff !important;
}
.heading h2{
	text-transform: uppercase;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 0.3rem;
}
.applyonlinecareer{
	padding:0.5rem;
}
.applyonlinecareer a.btnapply, .applyonlinecareer a.btnapply:hover {
	width:100%;
	border-radius:0;
	padding:0.60rem;
	background-color:rgba(66, 133, 244, 1);
	color:#ffffff
}
.jobdescp p strong{
	font-weight:600;
}
.fileupload {
	padding:0 !important;
}
.applyonlinehead p{
	font-size:20px;
	font-weight:600;
	text-align:center;
	text-transform: uppercase;
}
/* Career */
.cookiesbox{
	background-color:#f1f1f1;
	padding:1rem 1.5rem;
	margin:0 !important;
	border-radius:0 !important;
}
#navbar{
    background-color: transparent;
	box-shadow:none;
	position:fixed;
	top:0;
}
.Navbar-header{
	background-color: rgba(255, 255, 255, 0.9) !important;
	box-shadow:none!important;
	position:fixed!important;
	top:0!important;
	z-index:1099;
}
.main_items .nav-link{
	padding-left: 2rem;
	font-size: 25px;
}
.main_items li:first-child .nav-link{
	padding-left: 0;
}
.abt-us strong{
    font-weight: 600;
}
.testimonial-heading{
	margin-bottom: 2rem;
}
.testimonial-heading h3{
	font-size: 36px;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	position: relative;
}
.testimonial-heading h3::after{
	content: attr(data-design);
	color: transparent;
    -webkit-text-stroke: 1px #ddd;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    left: -2%;
    top: -23%;
    z-index: -1;
    opacity: .5;
}
#testimonial .carousel-item img{
	width:100px;
	margin:0 auto;
	text-align:center;
	border:5px solid #4285f4;
	border-radius:100%;
}
.testimonial-description{
	word-spacing: 2px;
	min-height: 150px;
}
.owl-stage .owl-item:nth-child(odd) .testimonial_card{
	bottom: -30px;
}
.owl-stage .owl-item:nth-child(odd) .testimonial_card{
	top: 20;
}
.owl-item.active.center .testimonial_card{
	bottom: 30px;
}
.testimonialname li{
	float:left;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	float: left;
	padding:0 2rem;
	font-size:18px;
}
.testimonialname p{
	margin-bottom: 0;
	line-height: normal;
	/* text-align: center; */
}
.testimonialname p span{
	color:#eb7260;
}
.testimonialname p cite{
	color:#4285f4;
	font-style:normal;
}
.emoji{
	width:20px !important;
	border:none !important;
}
#indicatorscaro li{
	border-bottom:1px solid transparent;
	border-top:1px solid transparent;
	background-color:#eb7260;
}
#indicatorscaro{
	bottom:-40px;
}
.headpanel h1{
	font-size: 36px;
	font-weight: 500;
}
.headpanel h2{
	font-size: 25px;
    font-weight: 500;
}
.headpanel h3{
	font-size: 1rem;
	font-weight: 400;
}
.inner_post_head{
	font-size:28px;
	font-weight:500;
}
.jobdescp h2, .job-description h2{
	font-size:16px;
	font-weight: 600;
}
.jobdescp h3, .job-description h3{
	color: #212529;
	font-size:16px;
	font-weight: 600;
}
.jobdescp p, .job-description p{
	margin-top:.75rem;
}
.career-box h3{

    font-size: 17px;
    font-weight: 600;
}
.career-box a{
	color: #212529;
}
.career-box i{
	color: #fc0074;
}
.trainingpage .mb-5{
	margin-bottom:0 !important;
}
.cc_container{
	background:rgba(255,255,255,0.8) !important;
	border: none !important;
}
.cc_container .cc_btn:hover, .cc_container .cc_btn:active, .cc_container .cc_btn, .cc_container .cc_btn:visited{
	background-color:#ccc !important;
}
.cc_message{
	color:#000000 !important;
}
/* Contact */
.sidecontact .sidenavcontact{
  height: 100%;
  width: 0;
  position: fixed;
    z-index: 99999;
  top: 0;
  right: 0;
  background-color: #ffffff;
  overflow-x: hidden;
  transition: 0.5s;
}

.iconname:hover i, .iconname:hover p{
	color:#4285f4;
}
.sidecontact .sidenavcontact .closebtn{
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
}
.contacticon{
	margin-top:3rem;
}
.contacticon img{
	width:125px;
	margin-bottom:1rem;
}
.mainContactpage form .form-control{
	margin:1.5rem 0 2rem 0;
	border-radius:0;
	border:none;
	height:45px;
	border-bottom:1px solid #000000;
}
.mainContactpage form p{
	margin:1rem 0;
	text-align:left;
	font-size:20px;
}
.mainContactpage form .form-control::placeholder{
	font-size:20px;
	font-weight:300;
}
.btnprimary, .btnprimary:hover, .btnprimary:active, .btnprimary:focus{
	float:left;
	font-size: 16px;
	border-radius:0;
	text-transform:uppercase;
	font-weight:300;
	padding: 8px 16px;
	background-color: #4285f4;
	color:#ffffff;
}
 /* Contact */
 
 /* Search */
 .sidesearch .sidenavsearch{
  height: 125px;
  width: 0;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  background-color: rgba(0,0,0,0.8);
  overflow-x: hidden;
  transition: 0.5s;
}

.iconname:hover i, .iconname:hover p{
	color:#4285f4;
}
.sidesearch .sidenavsearch .closebtn{
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
}
.searchbar{
	padding:0 2rem;
}
.searchbar .form-control{
	margin:2rem 0 2rem 0;
	border-radius:0;
	border:none;
	height:45px;
	background-color:transparent;
	border-bottom:1px solid #999;
	font-size:30px;
	color:#999;
}
.searchbar .form-control::placeholder{
	font-size:30px;
	font-weight:300;
	color:#999;
}
/* Search */
.help-block-error{
 color:#8B0000;
 text-align:left !important;
}

/* Media Query */
@media only screen and (max-width: 667px){
	.iconlist li{
		width:50%;
	}
	.about-box{
		padding:0;
	}
	.aboutimg{
		margin-top:1rem;
	}
	.overlaybanner{
		display:none;
	}
	.navbarnav li a i{
		font-size: 16px !important;
	}
	.searchbar{
		padding:0;
	}
	.searchbar .form-control{
		font-size:20px;
	}
	.searchbar .form-control::placeholder{
		font-size:20px;
	}
	.sidenav img{
		margin-top: 3rem !important;
	}
	.testimonialname{
		width:100%;
	}
	.bgscreen, .bgscreen1, .bgscreen2, .bgscreen3, .bgscreen4, .bgscreenmain{
		height: 165px;
	}
	.bgscreen img{
		width: 200px;
	}
	.bgscreen1 img{
		width: 166px;
	}
	.bgscreenmain img{
		width: 165px;
		top:15px;
	}
	.bgscreen2 img, .bgscreen3 img{
		width: 165px;
	}
	.whatwedo .pt-4, .whatwedo .mt-4, .whatwedo .pt-5, .whatwedo .mt-5, .whatwedo .mb-5{
		padding-top:0 !important;
		margin-top:0 !important;
		margin-bottom:0 !important;
	}
	.applyonlinejob{
		padding: 0;
	}
	.whatwedo em{
		display:none;
	}
	.whatwedo p{
		margin-bottom:1rem;
	}
	#contact-form-{
		padding-bottom: 2rem;
	}
}
@media (min-width:414px) and (max-width: 666px){
	.bgscreen, .bgscreen1, .bgscreen2, .bgscreen3, .bgscreen4, .bgscreenmain{
		height: 190px;
	}
	.bgscreen img{
		width: 225px;
		left: auto;
		margin: 0 auto;
		display: block;
		top: 25px;
	}
	.bgscreen1 img{
		width: 190px;
		left: auto;
		margin: 0 auto;
		display: block;
		top:16px;
	}
	.bgscreenmain img{
		width: 190px;
		top: 17px;
		left: auto;
		margin: 0 auto;
		display: block;
	}
	.bgscreen2 img, .bgscreen3 img{
		width: 193px;
		left: auto;
		margin: 0 auto;
		display: block;
		top: 15px;
	}
}
@media (min-width:320px) and (max-width: 374px){
	.bgscreen, .bgscreen1, .bgscreen2, .bgscreen3, .bgscreen4, .bgscreenmain{
		height: 135px;
	}
	.bgscreen img{
		width: 160px;
		left: auto;
		margin: 0 auto;
		display: block;
		top: 17px;
	}
	.bgscreen1 img{
		width: 135px;
		left: auto;
		margin: 0 auto;
		display: block;
		top:12px;
	}
	.bgscreenmain img{
		width: 135px;
		top: 12px;
		left: auto;
		margin: 0 auto;
		display: block;
	}
	.bgscreen2 img, .bgscreen3 img{
		width: 137px;
		left: auto;
		margin: 0 auto;
		display: block;
		top: 11px;
	}
}
@media (min-width:768px) and (max-width: 1024px){
	.overlaybanner{
		display:none;  
	}
	.bannerimg{
		height: 355px;
	}
	.main-feature .box, .main-feature .lightbox{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.bgscreen img{
		width: 200px;
		left: auto;
		margin: 0 auto;
		display: block;
		top: 17px;
	}
	.bgscreen1 img{
		width: 166px;
		left: auto;
		margin: 0 auto;
		display: block;
		top: 20px;
	}
	.bgscreenmain img{
		width: 160px;
		top: 45px;
		left: auto;
		margin: 0 auto;
		display: block;
	}
	.bgscreen2 img, .bgscreen3 img{
		width: 163px;
		left: auto;
		margin: 0 auto;
		display: block;
		top: 22px;
	}
}
@media (min-width:667px) and (max-width: 767px){
	.bgscreen, .bgscreen1, .bgscreen2, .bgscreen3, .bgscreen4, .bgscreenmain{
		height: 250px;
	}
	.bgscreen img{
		width: 300px;
		left: auto;
		margin: 0 auto;
		display: block;
		top: 33px;
	}
	.bgscreen1 img{
		width: 250px;
		left: auto;
		margin: 0 auto;
		display: block;
		top:22px;
	}
	.bgscreenmain img{
		width: 255px;
		top: 17px;
		left: auto;
		margin: 0 auto;
		display: block;
	}
	.bgscreen2 img, .bgscreen3 img{
		width: 193px;
		left: auto;
		margin: 0 auto;
		display: block;
		top: 15px;
	}
}
@media (min-width:736px) and (max-width: 1024px){
	.bannerimg{
		height:350px;
	}
	.overlaybanner{
		visibility:hidden;
	}
}
/* Media Query */
#cmhome-image{
	float:left;
	margin-bottom:6px;
}

@media(min-width: 576px){
	.iconname{
		width: 50%;
    	display: inline-table;
	}
}
@media only screen and (max-width: 734px){
	.bannerimg{
		margin: 3rem 0;
	}
}
@media   (max-width: 768px){
	.bgscreen, .bgscreen1, .bgscreen2, .bgscreen3, .bgscreen4, .bgscreenmain{
		height: 163px !important;
	}
	.bgscreen1 img{
		width: 145px !important;
	}
	.bgscreenmain img{
    	top: 15px ;
	}
	.bgscreen2 img, .bgscreen3 img{
    	top: 15px ;
	}
}
@media (max-width: 1024px){
/*.bgscreen, .bgscreen1, .bgscreen2, .bgscreen3, .bgscreen4, .bgscreenmain {
		height: 220px;
	}*/
	/*.bgscreen2 img, .bgscreen3 img{
		top: 22px;
	}*/
}
/* features */
.features{
	padding: 130px 15px 60px;
}
.feature-card{
	background-color: #ffffff;
	box-shadow: 0px 15px 30px rgb(61 90 125 / 8%);
    border-radius: 20px;
    padding: 18px;
    text-align: center;
    margin-bottom: 30px;
    border: 1px solid #F3F3F3;
    transition: .3s linear;
	position: relative;
	cursor: pointer;
}
.feature-icon{
	margin: 0 auto 10px;
}
.feature-icon img{
	width: 90px;
}
.feature-content h3{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 12px;
    transition: .3s ease-in-out; 
}
.feature-content p{
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
.features .col-lg-3.col-md-6:nth-child(odd) .feature-card{
	bottom: 1.5rem;
}
.features .col-lg-3.col-md-6:nth-child(even) .feature-card{
	top: 1.5rem;
}
.feature-card:hover .feature-icon img{
	animation: mover 1s infinite alternate;
}
@keyframes mover {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-6px);
	}
}
.feature-card:hover .feature-content h3{
	color: #4285f4;
}
.aboutus{
	padding: 60px 15px;
}
.about_img{
	width: 70%;
	margin: auto;
	animation: mover 1.5s infinite alternate;
}
.about-content small{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	color: #fc0074;
	display: block;
	margin-bottom: 2rem;
}
.about-content h3{
	text-transform: uppercase;
	font-size: 36px;
	font-weight: 500;
	color: #212529;
	margin-bottom: .3rem;
}
.about-content p{
	margin-bottom: 1rem;
}
.btn_primary_icon{
	display: flex;
	align-items: center;
	font-weight: 400;
	width: fit-content;
	font-size: 1rem;
	padding: 0;
	border: 0 !important;
}
.btn_primary_icon img{
	background-color: #3297fa;
	width: 45px;
	height: 45px;
	border-radius: 50px;
	padding: 10px;
	margin-right: 8px;
}
.highlights{
	width: 100%; 
	 min-height: 92vh;
    display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: column;
	background-image: url('../img/banner-top.jpg');
	background-size: cover;
	/* background-position: bottom left; */
	position: relative;
	z-index: 1;
	padding: 80px 20px; 
}
.highlights h1{
	animation: mover 1.5s infinite alternate;
	font-size: 4.5vw;
	font-weight: 900;
	text-transform: uppercase;
	width: fit-content; 
	color: #fff;
	position: relative;
	margin-left: auto;
	padding-right: 20px;
	margin-bottom: 0;
}
.highlights h1 span{
	color: #fc0074;
}
.highlights h1::after{
	content: "";
    background-color: #444444;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: -21px;
    z-index: -1;
    transform: skewX(25deg);
}
.highlights h1::before{
	content: "";
    background-color: #444444;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    z-index: -1;
    bottom: 0;
}
.highlights h2{
	font-size: 1.20vw;
	font-weight: 400;
	text-align: right;
	color: #212529;
}
.highlights strong{
	/* color: #fc0074; */
	font-weight: 900;
	text-transform: uppercase;
	border-bottom: 3px dotted #fc0074;
}
.move-box{
    position: relative
}
.move-box img{
    position: absolute;
    top: 0;
    left: 0;
	right: 0;
    width: 90%;
    height: 100%;
	margin: auto;
	display: block;
}
.move-box img:first-child{
    position: unset
}
.move-1{
    -webkit-animation: move1 5s infinite;
    animation: move1 5s infinite
}
.move-2{
    -webkit-animation: move2 5s infinite;
    animation: move2 5s infinite
}
.move-3{
    -webkit-animation: move3 5s infinite;
    animation: move3 5s infinite
}
.move-4{
    -webkit-animation: move4 5s infinite;
    animation: move4 5s infinite
}
@-webkit-keyframes move4{
    0%{
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px)
    }
    50%{
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
    to{
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px)
    }
}
@keyframes move4{
    0%{
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    50%{
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
    to{
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}
@-webkit-keyframes move1{
    0%{
        -webkit-transform: rotate(-1deg) translate(-2px, -2px);
        transform: rotate(-1deg) translate(-2px, -2px)
	}
    50%{
        -webkit-transform: rotate(1deg) translate(2px, 2px);
        transform: rotate(1deg) translate(2px, 2px)
    }
    to{
        -webkit-transform: rotate(-1deg) translate(-2px, -2px);
        transform: rotate(-1deg) translate(-2px, -2px)
    }
}
@keyframes move1{
    0%{
        -webkit-transform: rotate(-1deg) translate(-2px, -2px);
        transform: rotate(-1deg) translate(-2px, -2px)
    }
    50%{
        -webkit-transform: rotate(1deg) translate(2px, 2px);
        transform: rotate(1deg) translate(2px, 2px)
    }
    to{
        -webkit-transform: rotate(-1deg) translate(-2px, -2px);
        transform: rotate(-1deg) translate(-2px, -2px)
    }
}
@-webkit-keyframes move2{
    0%{
        -webkit-transform: rotate(1deg) translate(2px, 2px);
        transform: rotate(1deg) translate(2px, 2px)
    }
    50%{
        -webkit-transform: rotate(-1deg) translate(-2px, -2px);
        transform: rotate(-1deg) translate(-2px, -2px)
    }
    to{
        -webkit-transform: rotate(1deg) translate(2px, 2px);
        transform: rotate(1deg) translate(2px, 2px)
    }
}
@keyframes move2{
    0%{
        -webkit-transform: rotate(1deg) translate(2px, 2px);
        transform: rotate(1deg) translate(2px, 2px)
    }
    50%{
        -webkit-transform: rotate(-1deg) translate(-2px, -2px);
        transform: rotate(-1deg) translate(-2px, -2px)
    }
    to{
        -webkit-transform: rotate(1deg) translate(2px, 2px);
        transform: rotate(1deg) translate(2px, 2px)
    }
}
@-webkit-keyframes move3{
    0%{
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    20%{
        -webkit-transform: translate(5px);
        transform: translate(5px)
    }
    40%{
        -webkit-transform: translate(5px, 5px);
        transform: translate(5px, 5px)
    }
    65%{
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

    65%{
        -webkit-transform: translate(5px);
        transform: translate(5px)
    }
    to{
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}
@keyframes move3{
    0%{
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    20%{
        -webkit-transform: translate(5px);
        transform: translate(5px)
    }
    40%{
        -webkit-transform: translate(5px, 5px);
        transform: translate(5px, 5px)
    }
    65%{
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
    65%{
        -webkit-transform: translate(5px);
        transform: translate(5px)
    }
    to{
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}
.best_clients h4{
	font-size: 36px; 
	font-weight: 500;
	letter-spacing: 0.1em;
	margin-bottom: 1rem;
	text-transform: uppercase;
}
.best_clients span{
	color: #4285f4;
}
.best_clients p{
	margin-bottom: 2rem;
}
.carousel_slide{
	/* padding: 60px 0; */
}
.section-tech{
	padding: 60px 0;
}
.info-section{
	padding: 60px 20px;
}
.info_content{
	/* padding: 60px 60px 0; */
}
.info_content p{
	/* padding: 60px; */
}
.info_content h3{
	font-size: 36px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 1.5rem;
}
.info_content h3 span{
	color: #4285f4;
}
.info_img{
	width: 70%;
	margin: auto;
	position: relative;
	z-index: -2;
}
.info_img img{
	height: 370px;
	width: 100%;
	object-fit: contain;
}
.info_img::after{
	content: "";
    position: absolute;
    background-image: url('../img/effect.svg');
    width: 500px;
    height: 500px;
    right: -80px; 
    bottom: 0;
    background-repeat: no-repeat;
}
.tech-expert{
	box-shadow: 0px 15px 30px -15px rgb(61 90 125 / 8%);
    border-radius: 20px;
    padding: 20px;
	overflow: hidden;
	position: relative;
    border: 1px solid #F3F3F3;
}
.tech-expert::after{
	content: "";
    background-image: linear-gradient(to right, #ffffff00 0, #ffffff 80%);
    position: absolute;
    top: 0;
    right: 0;
    width: 160px;
    height: 100%;
}
.tech-expert::before{
	content: "";
    background-image: linear-gradient(to left, #ffffff00 0, #ffffff 80%);
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    height: 100%;
	z-index: 1;
}
.tech-expert img{
	object-fit: contain;
    margin: 0 auto;
    display: block;
    width: 100%;
    height: 46px;
}
.carousel-item{
	padding: 3.5% 0;
}
.mover-1{
	animation: moveSlideshow 10s linear infinite;
    animation-play-state: running;
    will-change: transform;
    animation-direction: normal;
	transform: translateX(0%);
}
.mover_images div{
    width: 110px;
}
.tech-expert:hover .mover-1{
	animation-play-state: paused;
}
.mover-1 .tech-slideshow{
    transform: translateX(-43%);
}
@keyframes moveSlideshow{ 
	0%{
		transform: translateX(0%);
	}
	100%{
		transform: translateX(-110%);
	}
}
.marquee_track{
	white-space: nowrap;
	will-change: transform;
	animation: marquee 35s linear infinite;
}
/* @keyframes marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
} */
.inner_banner{
	padding: 60px 0 0;	
}
.inner_banner img{
	/* max-height: 400px;
    margin: auto;
    display: block; */
	margin: auto;
    display: block;
    width: 550px;
    object-fit: contain;
}
.creative_solution{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 40vh;
	/* background-color: #ddd; */
	background-image: url('../img/pattern-bg.svg');
	background-attachment: fixed;
	box-shadow: inset 0 0 73px -44px #e0e0e0;
}
.creative_content h2{
	font-size: 2.5vw;
    font-weight: 700;
}
.creative_number h3{
	font-size: 4.5vw;
    font-weight: 700;
	margin: 0;
    background: url('../img/exp.jpg') no-repeat;
    background-size: 200px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
}
.creative_year p{
    margin: 0;
	font-size: 1.5vw;
    line-height: 1.2;
}
.creative_number{
	margin-right: 8px;
}
.Contact img{
	height: 350px;
}
.Services img{
	width: 650px;
	display: none;
}
.heading_contact h1{
	text-align: center;
    font-size: 5vw;
    font-weight: bold;
    text-transform: uppercase;
	position: relative;
}
.heading_contact{
	margin-bottom: 1rem;
}
.heading_contact h1::after{
	content: "CONTACT US";
    color: transparent;
    -webkit-text-stroke: 1px #ddd;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    left: -2%;
    top: -23%;
    z-index: -1;
    opacity: .5;
}
.frame_card{
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 20px;
	border: 1px solid #F3F3F3;
	box-shadow: 0px 15px 30px rgb(61 90 125 / 8%);
}
.job-img{
	animation: mover 1s infinite alternate;
}
.career-card{
	overflow: hidden;
	border-radius: 20px;
	background-color: #ffffff;
    border: 1px solid #F3F3F3;
	transition: .9s;
    box-shadow: 0px 15px 30px rgb(61 90 125 / 8%);
}
.career-card:hover{
	box-shadow: inset 0px 15px 30px rgb(67 133 244 / 8%);
}
.heading-timeline h1{
	text-transform: uppercase;
    font-size: 36px;
    font-weight: 500;
    color: #212529;
	text-align: center;
    margin-bottom: 2.5rem;
}
.timeline-section{
	padding: 100px 0;
	/* min-height: 100vh;
	background-image: url('../img/grid-box.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center; */
}
.timeline-section img{
	max-height: 90vh;
	margin: 0 auto;
	display: block;
	object-fit: contain;
}
.service-card{
	border-radius: 20px;
	position: relative;
    cursor: pointer;
	transition: .3s linear;
	border: 1px solid #F3F3F3;
	overflow: hidden;
	margin-bottom: 2rem;
    box-shadow: 0px 15px 30px rgb(61 90 125 / 8%);
}
.service-card h3{
	font-size: 20px;
    font-weight: 600;
	text-align: center;
	transition: .3s ease-in-out;
}
.service-card img{
	width: 100px;
    object-fit: contain;
    margin: 0 auto 1rem;
    display: block;
}
.front_design{
	padding: 1.5rem 18px;
	background-color: #ffffff;
	transition: .5s linear;
	opacity: 1;
}
.back_design{
	padding: 18px;
	background-color: #212529;
	color: #fff;
	transition: .5s linear;
	visibility: hidden;
	opacity: 0;
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.back_design li{
    line-height: 2;
}
.service-card:hover .front_design{
	visibility: hidden;
	opacity: 0;
	transform: scale(0);
}
.service-card:hover .back_design{
	visibility: visible;
	opacity: 1;
	transform: scale(1);
}
.form-group{
	margin-bottom: 1rem;
}
.offcanvas-backdrop.show{
	opacity: 0;
}
.offcanvas{
	border: 0 !important;
	margin: 1rem 1rem 1rem 0;
	/* height: 100% !important; */
	transform: translateX(110%) !important;
	/* background-image: linear-gradient(to bottom, #212529 80%, #fc0074 200%); */
	/* background-color: #000000; */
	border-radius: 12px;
	background-color: rgba(0, 0, 0, .85);
	/* background-color: rgba(255, 255, 255, .95); */
	box-shadow: 0px 0 30px rgb(61 90 125 / 8%);
}
.offcanvas.show{
    transition: 500ms ease-in-out;
    z-index: 12345;
    overflow: hidden;
}
.offcanvas.showing{
    transition: 500ms ease-in-out;
    z-index: 12345;
}
.offcanvas.hiding{
    transition: 500ms ease-in-out;
}
.offcanvas-backdrop{
    /* transition: 1.2s ease-in-out; */
    z-index: 1234;
}
.offcanvas.show:not(.hiding), .offcanvas.showing{
    transform: none !important;
}
.btn_close{
    opacity: 1 !important;
	font-size: 20px;
	filter: invert(1);
}
.menulist{
	margin-bottom: 0;
}
.menulist li{
	margin-bottom: .75rem;
}
.menulist a{
	color: #ffffff;
    font-size: 20px;
    font-weight: bold;
	position: relative;
	/* transition: .3s linear; */
    text-transform: uppercase;
	padding: 10px 0;
}
.menulist a::before{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 0;
    max-width: 0;
	white-space: pre;
	padding: 8.9px 0 2px;
    border-bottom: 2px solid #fc0074;
    color: #fc0074;
    content: attr(data-hover);
    -webkit-transition: max-width 0.5s;
    -moz-transition: max-width 0.5s;
    transition: max-width 0.5s;
}
.menulist a:hover::before{
    max-width: 100%;
}
.menulist a:hover{
	color: #fc0074;
	transition-delay: .4s;
}
.offcanvas-body{
	padding: 0 2rem;
}
.social_media img{
	width: 45px;
	object-fit: contain;
}
.apply_form{
	background-color: #ffffff;
	box-shadow: 0px 15px 30px rgb(61 90 125 / 8%);
    border-radius: 20px;
    padding: 1rem;
    border: 1px solid #F3F3F3;
}
.apply-career-box a{
    color: #212529;
}
.apply-career-box i {
    color: #fc0074;
}
.btn-file{
	padding: .75rem 0.75rem;
	border-radius: 0;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color: #212529;
	border-color: #212529;
}
.btn-file:hover, .btn-file:focus, .btn-file:active{
	background-color: #3297fa;
	border-color: #3297fa;
}
.btn-file i{
	color: #ffffff;
}
#jobs-verifycode-image{
	margin-bottom: 0.5rem;
    margin-left: revert;
    margin-right: auto;
}
.btn_primary{
	background-color: #3297fa;
    border-color: #3297fa;
    color: #ffffff;
	font-size: 15px;
    padding: 9px 1.5rem;
    border-radius: 25px;
	transition: .3s linear;
}
.btn_primary:hover, .btn_primary:focus, .btn_primary:active{
	background-color: #212529;
    border-color: #212529;
    color: #ffffff;
}
.call_i{
	margin-right: .5rem;
	transform: rotate(90deg);
}
#contactmessage-verifycode-image{
	display: block;
}
.trainingpage h2{
	font-size: 12px;
	color: #fc0074;
	font-weight: 600;
}
.workpage h2{
	font-size: 12px;
	font-weight: 600;
	color: #fc0074;
	text-align: center;
}
.servicepage h2{
	font-size: 1rem;
}
.careerpage h1{
	font-size: 36px;
	font-weight: 500;
	text-transform: uppercase;
}
.testimonial_card{
	background-color: #ffffff;
    box-shadow: 0px 15px 30px rgb(61 90 125 / 8%);
    border-radius: 20px;
    padding: 18px;
    margin-bottom: 2rem;
    border: 1px solid #F3F3F3;
	position: relative;
	transition: all 2s ease 0s;
	bottom: 0;
	overflow: hidden;
}
.testimonial_card::before{
	content: "";
    background-image: url(/img/quote.svg);
    width: 70px;
    height: 70px;
    left: 0px;
    top: -10px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: .04;
    transform: rotate(180deg);
}
.testimonial_card::after{
	content: "";
    background-image: url(/img/quote.svg);
    width: 70px;
    height: 70px;
    right: 0px;
    bottom: -10px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: .04;
}
.testi_user_img img{
	width: 50px !important;
	margin-right: 12px;
}
.testimonial .owl-stage-outer{
	padding: 2rem 0;
}
.inner_banner.Privacy img{
	height: 250px;
	object-fit: contain;
}
.inner_banner.Terms img{
	height: 250px;
	object-fit: contain;
	margin-bottom: 1rem;
}
@media screen and (max-width: 991px){
	.highlights{
		min-height: 40vh;
	}
}
@media screen and (max-width: 479px){
	.highlights{
		min-height: 40vh;
	}
	.highlights h2{
		font-size: 2.2vw;
	}
	.features{
		padding: 70px 15px 60px;
	}
	.about-content h3{
		font-size: 7vw;
	}
	.info_content h3{
		font-size: 7vw;
	}
	.best_clients h4{
		font-size: 7vw;
	}
}
@media only screen and (max-width: 768px){
	.feature-card{
		position: static;
	}
	.info_img img{
		height: auto;
	}
	.info_img::after{
		display: none;
	}
	.heading_contact h1{
		font-size: 7vw;
	}
	.navbar-brand img{
		width: 45vw;
	}
	.main_items .nav-link{
		padding-left: 1rem;
		font-size: 20px;
	}
	.aboutus{
		padding: 0px 15px 60px;
	}
	.offcanvas{
		margin: 0;
		border-radius: 0;
	}
	.carousel-indicators{
		bottom: -35px;
	}
	.footer h4{
		font-size: 7vw;
	}
	.creative_content h2{
		font-size: 7vw;
	}
	.creative_number h3{
		font-size: 12vw;
	}
	.creative_year p{
		font-size: 3.5vw;
	}
	.heading-timeline h1{
		font-size: 20px;
	}
}