@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
body{font-family: 'Poppins', sans-serif;color: #717171;overflow-x:hidden;}
.f-weight-300{font-weight: 300 !important;}
.f-weight-400{font-weight: 400 !important;}
.f-weight-500{font-weight: 500 !important;}
.f-weight-600{font-weight: 600 !important;}
.f-14{font-size: 14px !important;}
.f-12{font-size: 12px !important;}
.f-48{font-size: 42px !important}
.text-blue-clr{color: #254680;}
.text-sec{color: #1dbfe8 !important;}
.head-text{color: #254680;position: relative;}
/* .head-text::before, .head-text::after{content: '';position: absolute;left: 0;bottom: -10px;width: 150px;height: 1px;background: #254680;left: 50%;transform: translateX(-50%);} */
/* .head-text::after{height: 8px;width: 8px;transform: rotate(45deg);bottom: -14px;} */
/* .skill-service .head-text::after, .skill-service .head-text::before{background: #ffffff;} */
.logo{width: 150px;}
.h-100vh{height: 100vh;}
.w-100p{width: 100px;}
.section{padding-top: 60px;padding-bottom: 60px;}
.btn{
	    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 46px;
    font-weight: 500;
    padding: 0 24px;
    text-align: center;
    text-transform: capitalize;
    color: #290075;
    min-width: 160px;
    max-width: 100%;
    border: none;
    box-sizing: border-box;
    transition: all 0.5s;
    position: relative;
    z-index: 2;
	border-radius: 50px;
	background-image: linear-gradient(to right, #04aeef 0%, #d5e31c 100%);
	box-shadow: none;
	}
.btn:hover, btn.active, btn:active, btn:focus{background-image: linear-gradient(to right,#d5e31c 0%, #04aeef 100%);color: #290075;border-color: linear-gradient(to right, #254680 0%,  #1dbfe8 100%);box-shadow: none;}
/* font sizes*/

/* Particle */
.head-banner-img{max-width: 950px;}
.banner-content{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.banner-content .carousel-indicators{margin: 0 !important;position: absolute;left: 0;justify-content: start;bottom: -50px;}
.navigation{position: absolute;left: 0;right: 0;top: 0;z-index: 9;padding: 12px;}
.navigation .nav-item .nav-link{color: #ffffff !important;padding-right: 1em;padding-left: 1em;font-size: 13px;text-transform: uppercase;}
.dropdown-toggle::after{content: none;}
.navigation.fixed .nav-item .nav-link{color: #717171 !important;}
.navigation.fixed .color-logo{display: block;}
.navigation.fixed .white-logo, .color-logo{display: none;}
.navbar-toggler{border: none;}
.navbar-toggler:focus{outline: none;}
.navigation .navbar-toggler-icon{background: url(../images/menu-toggle.svg) no-repeat;width: 22px;height: 22px;background-size: cover;}
.navigation.fixed .navbar-toggler-icon{background: url(../images/menu-toggle-clr.svg) no-repeat;width: 22px;height: 22px;background-size: cover;}
.navigation.fixed .nav-item.active .nav-link, .navigation .nav-item .nav-link:hover, .navigation .nav-item.active .nav-link{color: #1dbfe8 !important;}
.custom-dropdown{border: none;background: #264681 !important;border-radius: 0;box-shadow: 0 1px 25px rgba(0,0,0,0.1)}
.custom-dropdown .dropdown-item{color: #ffffff !important;padding: .5rem 1.5rem;font-size: 13px;}
.custom-dropdown .dropdown-item:hover{color: #1dbfe8 !important;background: transparent;}
.fixed {position: fixed;top:0; left:0;width: 100%;background: #ffffff;z-index: 9;box-shadow: 0 1px 10px rgba(55, 125, 255, 0.2);transition: 0.3s;}
.custom-dropdown a:hover{color: #377dff;}
/* .our-values{background: url(../images/value-bg.png) no-repeat;background-size:cover;} */
.skill-service{background: url(../images/skill-bg.jpg) no-repeat;background-size: cover;background-position: center;background-attachment: fixed;position: relative;z-index: 1;}


.skill-service .skill-cont{height: 180px;overflow:hidden;transition: 0.3s all;}
.skill-service .media-body{;}
.skill-service::before{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(37, 70, 128, 0.8);content: '';z-index: -1;}
.skill-list-icon{width: 90px;height: 90px;}
.footer-list a{display: block;padding: 4px 0;font-size: 14px;text-decoration: none;color: #717171;}
.footer-list a:hover{color: #377dff;}
.copyright{font-size: 12px;text-align:center;margin-top: 2em;border-top: 1px solid #efefef;}
.social a{font-family: FontAwesome;text-decoration: none;font-size: 16px;margin-right: 15px;}
.fa-facebook{color: #3b5998;}
.fa-twitter{color: #1da1f2;}
.fa-linkedin{color: #0274b3;}
.fa-google-plus{color: #cd4839;}
.fas{font-family: FontAwesome;color: #717171;}
address{font-size: 14px;}
.spotlight ul{list-style: none;}
.spotlight ul li{width: 20%;text-align: center;}

.sub-banner{background: url(../images/apps-banner.jpg);height: 400px;background-size: cover;position: relative;}
.sub-banner.it-training{background: url(../images/it-training.jpg);background-position: center;background-size: cover;}
.sub-banner.contact{background: url(../images/contact-us.jpg);background-position: center;background-size: cover;}
.sub-banner.cloud-computing{background: url(../images/cloud-computing-bg.png);background-position: 70% 40%;background-size: cover;}
.sub-banner.data-warehouse{background: url(../images/warehouse-bg.jpg);background-position: 50% 30%;background-size: cover;}
.sub-banner.about{background: url(../images/about-bg.jpg);background-position: top;background-size: cover;}
.sub-banner.clients{background: url(../images/staff-aug.jpg);background-position: center;background-size: cover;}
.sub-banner.bi{background: url(../images/erp-bg.jpg);background-position: 70% 40%;background-size: cover;}
.sub-banner.iot{background: url(../images/iot-bg.jpg);background-position: 70% 0%;background-size: cover;}
.sub-banner.erp{background: url(../images/erp-bg1.jpg);background-position: center;background-size: cover;}
.sub-banner.staff-aug{background: url(../images/it-staff-bg.jpg);background-position: 0% 40%;background-size: cover;}
.sub-banner.carriers{background: url(../images/carriers-bg.jpg);background-position: 0% 40%;background-size: cover;}
.sub-banner::before{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(38, 70, 129, 0.8);}
.sub-banner-head{position: relative;top: 50%;transform: translateY(-50%);}

/* Quick links */
.quick-links ul li{padding: 0.5em 0;}
.quick-links ul li:first-child{border-top: none;}
.quick-links ul li:hover a{color: #1dbfe8 !important;}
.quick-links ul li.active{background: none; border-color: #dddddd;}
.quick-links ul li a{display: flex;font-size: 14px;text-decoration: none !important;color: #717171;}
.quick-links ul li.active a, .quick-links ul li:hover a{color: #1dbfe8; border: none;}

/* Clients */
.clients-box .block{float: left;
    width: 144px;
    padding: 14px;
    min-height: 110px;
    border: 1px #f2f2f2 solid;
    box-sizing: border-box;
    display: flex;
}
img{-webkit-user-drag: none;}
.why img{width: 150px;}
.clients-logo .border{transition: 0.3s ease;}
.clients-logo .border:hover{box-shadow: 0 0 40px rgba(0,0,0,0.2);}
/* contact */
.custom-group .form-control{box-shadow: none;padding: 10px;}
.custom-group .form-control:not(:placeholder-shown) ~ label{position: absolute;top: 13px;transition: 0.3s ease;pointer-events: none;left: 15px;}
.custom-group .form-control:focus ~ label, .custom-group .form-control:valid ~ label{top: -9px;font-size: 12px;color: #1dbfe8;background: #ffffff;padding: 0 4px;}
.custom-group .form-control ~ label ~ .focus-line{content: '';position: absolute;bottom: 0;width: 0%;height: 2px;background: #1dbfe8;left: 50%;right: 0;transition: 0.3s ease;}
.custom-group .form-control:focus ~ label ~ .focus-line{left: 0;right: 0;width: 100%;}

/* Staff Aug */
.hightlights{list-style: none;}
.hightlights li{display: flex;align-items: start;margin-bottom: 1em;}
.hightlights li img{margin-top: 4px;}

.request-conslt{background-color: rgba(29, 191, 232, 0.5);display: inline-block;padding: 1.5em 3em;}
.request-conslt a{text-decoration: none;}

/* carriers */
.job-seeker{background: #1dbfe8;}
.back-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    cursor: pointer;

	color:#ffffff;
	background:#254680;width: 50px;height: 50px;text-align: center;line-height: 50px;border-radius: 50%;z-index: 9;box-shadow: 0 0 5px #1dbfe8;
    transition: 0.5s ease;}
.back-to-top:hover{box-shadow: 0 0 25px #1dbfe8;}
@media (max-width: 767px){
	.fixed{padding: 10px 15px;}
	.navbar-toggler{padding: 0;}
	header::before{content: none;}
	.navbar-collapse{background: #ffffff;}
	.navbar-collapse .nav-link{color: #717171;}
	.navigation .nav-item .nav-link{color: #717171 !important;}
	.head-banner-img{max-width: 100%;}
	.f-48{font-size: 28px !important}
	
}
@media (min-width: 768px){
	
}
@media (max-width: 991px){
	.skill-list-icon{margin: 16px auto !important;}
	.skill-service .media{display: block;text-align: center;}
	.head-banner-img{max-width: 80%;margin: 0 auto 16px;display: block;}
	#particles-js{height: auto;}
}
@media (min-width: 992px){
	.quick-links{position:sticky;top: 100px;}
	.skill-service .media .btn{visibility: hidden;transform: translateY(50px);}
	.skill-service .media:hover .btn{visibility: visible;transform: translateY(0px);}
	.skill-service .media{height: 235px;overflow:hidden}
	.skill-service .media:hover .skill-cont{height: 130px;}
	.head-banner-img{max-width: 490px;}
}
@media (min-width: 1240px){
	.head-banner-img{max-width: 600px;}
}
@media (min-width: 1366px){
	.head-banner-img{max-width: 650px;}
}
@media (min-width: 1920px){
	.head-banner-img{max-width: 950px;}
}