/*-------------------------------------------------------
[Table of contents]

1. Header
	+ logo
	+ top navigation
	+ search
	
2. Content
	+ feature sections
	+ page title
	+ parallax backgrounds
	+ video backgrounds
	
3. Sidebar
	+ site search
	+ tabs
	+ portfolio widgets
	+ advertisements

3. Typography
	+ lists
	+ buttons
	+ styled boxes
	+ dropcaps
	+ highlight colors
	+ tables
	+ pricing tables
	+ framed boxes
	+ pagination
	
4. Footer
	+ copyrights
	+ google map
	
--------------------------------------------------------*/


/*----------------------------------------------------
	SITE MAIN STRUCTURE
------------------------------------------------------*/

.site_wrapper {
	width: 100%;
	margin: 0 auto 0 auto;
}
.container_full {
	width: 100%;
	float: left;
	margin: auto;
}
.container_fhstyle {
	width: 97.2%;
	margin: 0 auto;
}
.container_fhstyle2 {
	width: 100%;
	margin: 0 auto;
}

.container {
	width: 1170px;
	margin: auto;
}

.content_fullwidth {
	float: left;
	width: 100%;
	padding: 120px 0px 0px 0px;
}

.content_fullwidth.less {
	padding: 0px 0px 0px 0px;
}
.content_fullwidth.less2 {
	padding: 100px 0px 0px 0px;
}

.content_left {
	float: left;
	width: 71%;
	padding: 0px 0px 0px 0px;
}
.left_sidebar {
	float: left;
	width: 25%;
	padding: 0px 0px 0px 0px;
}
.content_right {
	float: right;
	width: 71%;
	padding: 0px 0px 0px 0px;
}
.right_sidebar {
	float: right;
	width: 25%;
	padding: 0px 0px 0px 0px;
}
.content_halfsite {
	float: left;
	width: 47.5%;
	margin-right: 5%;
	padding: 0px 0px 0px 0px;
}
.content_halfsite.last {
	margin-right: 0;
}


/* columns */
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive {
	position: relative;
	margin-right: 4%;
	float: left;
}
.one_full {
	width: 100%;
}
.one_half {
	width: 48%;
}
.one_third {
	width: 30.650%;
}
.one_fourth {
	width: 22%;
}
.one_fifth {
	width: 16.800%;
}
.two_third {
	width: 65.350%;
}
.three_fourth {
	width: 74%;
}
.onecol_forty {
	width: 40%;
}
.onecol_sixty {
	width: 56%;
}
.onecol_thirtyfive {
	width: 35%;
}

/* Less Space Bitween Columns */
.one_half_less, .one_third_less, .one_fourth_less, .two_third_less, .three_fourth_less, .one_fifth_less, .onecol_forty_less, .onecol_sixty_less, .onecol_thirtyfive_less {
	position: relative;
	margin-right: 2%;
	float: left;
}
.one_full_less {
	width: 100%;
}
.one_half_less {
	width: 49%;
}
.one_third_less {
	width: 32%;
}
.one_fourth_less {
	width: 23.500%;
}
.one_fifth_less {
	width: 18.400%;
}
.two_third_less {
	width: 66%;
}
.three_fourth_less {
	width: 74.500%;
}
.onecol_forty_less {
	width: 40%;
}
.onecol_sixty_less {
	width: 58%;
}
.onecol_thirtyfive_less {
	width: 36.250%;
}

.last {
	margin-right: 0 !important;
	clear: right;
}


/*---------------------------------------------------
	HEADER
------------------------------------------------------*/

/* Logo */
#logo {
	float:left;
	display:block;
	width:100%;
	min-height: 55px;
	margin-top:0px;
	position: relative;
	text-indent:-999em;
	background:url(../images/logo.png) no-repeat left top;	
}



/* header area adinationals */
.logo {
	float:left;
	width:25%;
	margin-top:5px;
}


.menu_main {
	float: left;
	width: 75%;
	z-index: 9999;
	margin-top: 12px;
}


.mstslider {
	width:100%;
	float:left;
}

.header-menu{
	width:100%;
	float:left;
	background:#fff;
	border-radius:10px;
	padding:10px 15px;
}
.slidermar {
	float:left;
	margin-top:0px;
}

.text-layer{
	clip-path:polygon(0 0, 70% 0, 100% 100%, 0% 100%);
	width:60%;
	height:100%;
    overflow:hidden;
	background:rgb(7, 124, 180, 0.5);
	padding: 50px;
	position: absolute;
	content: "";
	left:0px;
	top:0px;
	z-index:9;
}





/* top navigations */
.top_nav {
	float:left;
	width:100%;
	background: #edeeee;
	border-bottom: 1px solid #f9f9f9;
	font-size: 15px;
	color: #000;
	font-family: 'Roboto', sans-serif;
}
.top_nav .left {
	float: left;
	width: 50%;
	padding:7px 0px;
}
.top_nav .left ul li{
	float: left;
	list-style: none; padding-right: 50px;
}
.top_nav .left i {
	color: #000;
}
.top_nav .left a {
	color: #000;
	font-weight: 400;
}
.top_nav .left a:hover {
	color: #999;
	transition: all 0.3s ease;
}
.top_nav .right {
	float: left;
	width: 50%;
	text-align: right;
}
.top_nav ul.topsocial {
	float: right;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	padding: 5px 0px;
}
.top_nav .topsocial li {
	float: left;
	padding: 0px;
	margin: 0px 14px 0px 0px;
}
.top_nav .topsocial li a {
	float: left;
	color: #000;
	font-size: 15px;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	transition: all 0.3s ease;
	margin-right: 0px;
}

.top_nav .topsocial li a i{
	float: left;
	color: #000;
	background: #dddddd; 
	width: 26px;
	height: 26px; line-height: 26px;
	border-radius: 50%
}

.top_nav .topsocial li a:hover {
	color: #999;
}

.tpbut {
	float: right;
	color: #c3c3c3;
	margin-left: 0px;
	padding: 7px 18px;
	border-right: 1px solid #f3f3f3;
	border-left: 1px solid #f3f3f3;
	transition: all 0.3s ease;
}
.tpbut:hover, .tpbut.active {
	color: #999;
	background: #f9f9f9;
}
.tpbut.two {
	border-right: 1px solid #f3f3f3;
	border-left: none;
}

.top_section {
	float: left;
	width: 100%;
	height: 138px;
	background: #000;
}
.top_section .left {
	float: left;
	width: 40%;
}
.top_section .right {
	float: left;
	width: 60%;
	margin-top: 27px;
	text-align: right;
	color: #fff;
	font-size: 13px;
}
.top_section .right a {
	color: #fff;
	font-size: 13px;
	transition: all 0.3s ease;
}
.top_section .right a:hover {
	color: #ccc;
}
.top_section .right i {
	color: #999;
	margin-left: 22px;
}
.top_section ul.topsocial {
	float: right;
	padding: 0px;
	margin: 0px 0px 0px 20px;
}
.top_section .topsocial li {
	float: left;
	padding: 0px;
	margin: 0px 5px 0px 0px;
}
.top_section .topsocial li a {
	float: left;
	color: #fff;
	font-size: 11px;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	transition: all 0.3s ease;
	margin: 0;
	background: #333;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	line-height: 20px;
}
.top_section .topsocial li a:hover {
	background: #999;
}
.top_section .topsocial li a i {
	color: #fff;
	margin: 0;
}

.menu_rlinks {
	float: right;
	width: 16%;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.3px;
	font-weight: 300;
}
.menu_rlinks .mrbut {
	float: right;
	color: #ccc;
	margin-left: 0px;
	padding: 18px 22px 17px 22px;
	border-right: 1px solid #707070;
	border-left: 1px solid #707070;
	transition: all 0.3s ease;
}
.menu_rlinks .mrbut:hover {
	color: #fff;
	background: #727272;
}
.menu_rlinks .mrbut.two {
	border-right: 1px solid #707070;
	border-left: none;
}


/*----------------------------------------------------
   home SECTIONS
------------------------------------------------------*/
.home-section1{
	width: 100%;
	float: left;
	position: relative;
	margin-top: -30px;
}
.home-section1 .item{
	width: 23.5%;
	float: left;
	margin-right: 2%;
	box-shadow: 5px 10px 25px rgb(120 120 120 / 10%);
	padding: 20px;
	padding-top: 0px;
	transition: all 0.3s ease-in-out;

}
.home-section1 .item:nth-child(4n){margin-right: 0px;}

.home-section1 h3{
	color: #000;
	font-size:18px;
	line-height: 35px;
    font-family: 'Poppins', cursive;
	font-weight: 600;
	margin-bottom: 0px; 
}
.home-section1 .img-item{
	width: 70px;
	height: 70px;	
	border-radius: 50%;
	background: linear-gradient(to right, #0b74ae , #25a9e0);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	
	position: relative;
	margin-bottom: 10px;
}
.home-section1 .img-item-box{
	background: #fff;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.home-section1 .img-item img{
	background: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;	
}

.home-section1 p{
	color: #000;
	font-size: 15px;
	line-height: 30px;
    font-family: 'Poppins', cursive;
	font-weight: 400; 
}
.home-section1 .item:hover{
    transform: translate3d(0,-10px,0);
    
}


/* home-about section  */
.home-about {
	float: left;
	width: 100%;
	padding: 80px 0px; 
	position: relative;
}
.about-left{width: 46%; float: left; margin-right: 8%}

.about-right{width: 46%; float: right;position: relative; }

.about-right img{width: 100%;height: auto;border-radius: 3px;}

.home-about h5{font-size: 18px; color: #000; font-family: 'Poppins', sans-serif; margin-bottom: 10px;}

.home-about h1{font-size: 38px; color: #25a9e0; font-family: 'Poppins', cursive; margin-bottom: 20px; font-weight: 600;}

.home-about h2{font-size: 34px; color: #25a9e0; font-family: 'Poppins', cursive; margin-bottom: 25px; font-weight: 600;}

.home-about p{font-size: 15px; color: #000; font-family: 'Poppins', sans-serif; margin-top: 25px; line-height: 28px;padding-bottom: 35px;}

.home-about h6{font-size: 20px; color: #000; font-family: 'Poppins', sans-serif; margin-bottom: 20px; font-weight: 500;
border-left: 3px solid #25a9e0; padding-left: 20px; line-height: 31px; margin-bottom: 0px;}

.home-about .more-information{
	font-size: 16px; 
	color: #fff;
 	font-family: 'Poppins', sans-serif;  
 	line-height: 28px;
  	background: linear-gradient(to right, #0b74ae , #25a9e0); 
  	padding: 12px 25px; 
  	border-radius: 25px;
  	transition: all 0.5s ease-in-out;  	
  }
.home-about .more-information:hover{
	background: #333;
}
.about-right:before{
	position: absolute;
	content: "";
	height:280px;
	width:400px;
	right:-70px;
	bottom: -60px;
	background: url(../images/bg-about.png) no-repeat  right;	
	background-attachment: scroll;
	z-index: -1;
}

/*** 
=============================================
    technolgy Style1 Area Css
=============================================
***/
.sec-title {
    position: relative;
    display: block;
    margin-top: -3px;
    padding-bottom: 50px;
}

.sec-title.center .sub-title {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec-title .sub-title {
    position: relative;
    display: block;
    padding-bottom: 13px;
}

.sec-title .sub-title h6 {
    position: relative;
    display: flex;
    align-items: center;
    color: #0b74ae;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;    
    font-family: poppins,sans-serif;
}
.sec-title .sub-title h2 {
    position: relative;
    display: flex;
    align-items: center;
    color: #0b74ae;
    font-size: 30px;
    line-height: 1.2em;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0; 
    font-family: poppins,sans-serif;   
}

.sec-title .sub-title .border-left {
    position: relative;
    display: block;
    width: 30px;
    height: 3px;
    background: #0b74ae;
    margin-right: 10px;
    border-left: none !important;
}

.sec-title .sub-title .border-right {
    position: relative;
    display: block;
    width: 30px;
    height: 3px;
    background: #0b74ae;
    margin-left: 10px;
    border-right: none !important;
}

.sec-title h2 {
    font-size: 48px;
    line-height: 1.2em;
    font-weight: 600;
    text-transform: none;
    text-align: center;
    font-family: poppins,sans-serif;
}
.sec-title h4 {
    font-size: 20px;
    line-height: 1.2em;
    font-weight: 600;
    text-transform: none;
    text-align: center;
    font-family: poppins,sans-serif;
}
.sec-title p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #000;
    text-transform: none;
    text-align: center;
    font-family: poppins,sans-serif;
}
/*=======-------------==========*/
.technolgy-section {
   width: 100%;
   float: left;  
   margin-top: 40px;
   /*  background-color: #F4F6FA;   */ 
  }
  .technolgy-title{
	width: 100%;
	float: left;
}
.technolgy-title .left{
	width: 50%;
    float: left;
}
.technolgy-title .right{
	width: 50%;
    float: left;
}
.technolgy-title h3 {
     font-size: 22px;
    color: #25a9e0;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 13px; 
    font-family:'Poppins',sans-serif;
    
}
.technolgy-title h2 {
    font-size: 32px;
    color: #000;
    line-height: 32px;
    font-weight: 600; 
    margin-bottom: 20px;  
    font-family:'Poppins',sans-serif;
    
}
.technolgy-title p {
	font-size: 16px;
	color: #000;
	line-height: 30px;
    font-family:'Poppins',sans-serif; 
    margin-bottom: 20px; 
}
.technolgy-boxes{
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;	
}

.technolgy-item  {
	width: 30.5%;
	float: left;	
	margin-right: 4%;
   transition: all 0.3s ease-in-out;
   margin-top: 20px;
   margin-bottom: 20px;
}
.technolgy-item:nth-child(3n+3) {margin-right: 0px;}

.technolgy-item img {
	width: 100%;
	height: auto;
	margin-bottom: -6px;
	border-radius: 5px;
	transition: all 0.3s ease-in;
}
.technolgy-item h4 {
    font-size: 19px;
    color: #000;
    line-height: 32px;
    font-weight: 500; 
    margin-bottom: 3px;  
    font-family:'Poppins',sans-serif;

}
.technolgy-item p {
	font-size: 14px;
	color: #000;
	line-height: 28px;
    font-family:'Poppins',sans-serif; 
}
.technolgy-item .thumb {
	width: 100%;
	float: left;
   transition: all 0.55s ease-in;
   margin-top: 20px;
   overflow: hidden;
    position: relative;
    margin-bottom: 12px
}
.technolgy-item .thumb:before {
  content: "";
  position: absolute;
  transition: all 0.55s ease-in;
  transform: skewX(45deg);
  height: 100%;
  width: 100%;
  top: 0;
  left: 170%;
  opacity: 0;
  background-size: 220% 150%;
  background: rgba(37 169 224/ 0.5);
  z-index: 1;
}
 .technolgy-item:hover .thumb::before {
	opacity: 1;
    left: -170%;
    transition: all 0.55s ease-in;
}
  .technolgy-item:hover .thumb  img {
        transform: scale(1.1, 1.1);
  }
     
/*=======-------------==========*/
.service-section {
   width: 100%;
   float: left; 
   margin-top: 80px;  
   background-image: url(../images/service-bg.png) ;     
  }

.service-section .layer-sec {
    width: 100%;
    float: left;
    padding: 80px 0px;
    background-color: rgb(37 169 224 /3%);
}
.service-item{
	width: 23.5%;
	float: left;
	margin-right: 2%;
	box-shadow: 5px 10px 25px rgb(120 120 120 / 10%);
	padding:0px 20px;
	background: #fff;	
	margin-bottom: 30px;
}

.service-item .icon {
    position: relative;
    display: block;
    height: 75px;
    z-index: 2;
    width: 100%;
    text-align: center;
    padding: 15px;
    transition: all 0.3s ease-in-out;
}

.service-item .icon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    border-top: 75px solid rgba(28, 28, 39, 3%);
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    z-index: -1;
}

.service-item .icon img{
	width: 45px;
	height: auto;
}
.service-item .details{
	padding: 20px 10px;
	width: 100%;
	float: left;
}
.service-item .details h4 {   
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    font-family:'Poppins',sans-serif;
    text-align: center;
    margin-bottom: 0px;
}
/*=========================================*/
.contact-bacground-sec{
	width: 100%;
	float: left;
	background: url(../images/background-contact.jpg) no-repeat center;
	background-size:cover;
	padding: 80px 0px;
}
.contact-bacground-sec .content-box{
	width: 50%;
	float: left;
}
.contact-bacground-sec h3 {   
    color: #2ec9f0;
    font-size: 26px;
    line-height: 36px;
    font-weight: 600;
    text-transform: none;
    font-family:'Poppins',sans-serif;
    text-align: left;
    letter-spacing: 0.5px;
}

.contact-bacground-sec p {   
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    font-weight: 400;
    text-transform: none;
    font-family:'Poppins',sans-serif;
    text-align: left;
    margin-bottom: 10px;
}
.contact-bacground-sec h5 {   
    color: #2ec9f0;
    font-size: 30px;
    line-height: 54px;
    font-weight: 600;
    text-transform: none;
    font-family:'Poppins',sans-serif;
    text-align: left;
    margin-bottom: 36px;
}
.contact-bacground-sec a {   
    color: #fff;
    font-size: 16px;
    padding: 10px 30px;
    font-weight: 500;
    text-transform: none;
    font-family:'Poppins',sans-serif;
    text-align: left;
    margin-bottom: 0px;
    border: 1px solid #0941ac;
    background: #0941ac;
    transition: all 0.3s ease-in-out;
}
.contact-bacground-sec a:hover { 
	background: transparent;
}

/*==================staffing-sec=========================*/
.staffing-sec{
	width: 100%;
	float: left;
	margin-top:90px;
	margin-bottom: 80px;
}
.staffing-box{
	width: 100%;
	float: left;
}
.staffing-box .left-item{
	width: 25%;
	float: left;
	margin-right: 5%;
}
.staffing-box .mid-item{
	width: 40%;
	float: left;
	margin-right: 5%;
	text-align: center;
}
.staffing-box .right-item{
	width: 25%;
	float: left;
	margin-right: 0%;
}
.staffing-box h4{
	color: #0979b2;
    font-size: 21px;
    line-height: 30px;
    font-weight: 600;
    text-transform: none;
    font-family:'Poppins',sans-serif;
    text-align: left;
}
.staffing-box p{
	color: #000;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    text-transform: none;
    font-family:'Poppins',sans-serif;
    text-align: left;
}

.staffing-box h3{
	color: #000;
    font-size: 26px;
    line-height: 38px;
    font-weight: 600;
    text-transform: none;
    font-family:'Poppins',sans-serif;
    text-align: left;
}
.staffing-box .button-box{
	width: 100%;
	float: left;
	margin-top: 30px;
}
.staffing-box a {   
    color: #fff;
    font-size: 16px;
    padding: 10px 30px;
    border-radius: 30px;
    font-weight: 500;
    text-transform: none;
    font-family:'Poppins',sans-serif;
    text-align: left;
    margin-bottom: 0px;
    border: 1px solid #25a9e0;
    background: #25a9e0;
    transition: all 0.3s ease-in-out;
}
.staffing-box a:hover { 
	background: transparent;
	color: #25a9e0;
}




/*---------------------------------------------------
 scroll up 
------------------------------------------------------*/

.scrollup{
    width:40px;
    height:40px;
    opacity:1;
    position:fixed;
    bottom:22px;
    right:20px;
    display:none;
    text-indent:-9999px;
    background: url(../images/scroll-top-arrow.png) no-repeat left top;
	z-index: 9001;
}



/*----------------------------------------------------
 FOOTER STYLES
------------------------------------------------------*/

.footer {
	float: left;
	width: 100%;
	padding: 60px 0px 55px 0px;
	background: #191919;
	color: #f9f9f9;
    letter-spacing: 0.3px;
	border-top: 0px solid #26262b;
	font-family: 'Poppins', sans-serif;
}
.footer h4 {
	font-size: 18px;
	font-family: 'Poppins', sans-serif;
	color: #25a9e0;
	font-weight: 500;
}
.footer-logo{margin-top: -15px;}

/* Address */
ul.faddress {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.faddress li {
	padding: 2px 0px;
	margin: 0px;
	padding-left: 25px;
	position: relative;
	color: #f9f9f9;
	transition: all 0.3s ease;
	margin-bottom: 10px;
	line-height: 24px;
}
.faddress li a {
	color: #f9f9f9;
	transition: all 0.3s ease;
	font-size: 15px;	
}
.faddress li  i{ color: #fff;float: left;margin-left: -25px;font-size: 1.3em;padding-top:3px;}

.faddress li:hover {
	color: #25a9e0;
}

.faddress li a:hover {
	color: #25a9e0;
}
.faddress li:hover i { color: #25a9e0;}

/* quick links */
.qlinks {
	float: left;
	width: 100%;
}
.qlinks ul {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 5px 0px 0px 0px;
}
.qlinks li {
	padding: 4px 0px;
	margin: 0px;
	padding-left: 20px;
}
.qlinks li a {
	color: #f9f9f9;
	transition: all 0.3s ease;
	font-size: 14px;	
	line-height: 27px;
}
.qlinks li a:hover {
	color: #25a9e0;
}
.qlinks li a i {
	margin-right: 3px;
	color: #fff;
	font-size: 15px;
	margin-left: -14px;
}
.qlinks li a:hover i { color: #25a9e0;}


 .footer-top-bg{
    background-image: linear-gradient(to right, #532f7b,#773c5e,#964846,#d1611b,#f67603,#fd9f0a,#fdc930,#fadf4f,#a7bd44,#3e832a,#0e671e);
    width: 100%;
    height: 10px;
 }
 .footer-1{
 	width: 25%; 
 	float: left;
 	margin-right:3%;
 }
 .footer-2{
 	width: 22%; 
 	float: left;
 	margin-right: 3%;
 }
.footer-3{
 	width: 24%; 
 	float: left;
 	margin-right: 3%;
 }
  .footer-4{
 	width: 20%; 
 	float: left;
 	margin-right: 0%;
 }

/* footer social links */
.footer-social-links{
	width: 100%;
	float: left;
	margin-top: 0px;
}
ul.footer_social_links {
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
.footer_social_links li {
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 7px;
}
.footer_social_links li a i{
	width: 35px;
	height: 35px;
	padding: 4px;
	text-align: center;
	border-radius: 50%;
	vertical-align: middle;
	background-color:transparent;
	transition: all 0.3s ease-in;
	border: 1px solid #25a9e0;
   	color: #25a9e0;
   	font-size: 18px;
  	line-height: 27px;
  	position: relative;
  }
.footer_social_links li a i:hover {
	color: linear-gradient(to left, #0978b1, #25a9e0);
	background: transparent;
	 border: 1px solid #fff;
/*  border-image-slice: 1;*/
  /*border-radius: 50% !important;*/
/*  border-image-source: linear-gradient(to left, #0978b1, #25a9e0);
  background: linear-gradient(to right, #0978b1 0%, #25a9e0 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
	
}

/* copyrights */
.copyright_info {
	float: left;
	padding: 20px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	color: #fff;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	background: #282727;
	border-top: 0px solid #424247;
	font-family: 'Poppins', sans-serif;
}
.copyright_info a{color: #25a9e0;font-size: 14px;}

.copyright_info a:hover{color: #fff;}



/*=================page
=======================================*/
.page-banner{
	width:100%;
	float:left;
	background:url(../images/page-banner.jpg) no-repeat center;
	background-size: cover;
	padding: 75px 0px;
}
.pagebanner-text{
	margin-top: 100px;
	text-align: center;
}
.pagebanner-text h1{
	font-size: 32px;
    font-weight: 600;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0px;
    line-height: 15px;
    padding-top: 15px;
}
.innar-page{
	width: 100%;
	float: left;
	margin-top: 80px;
}
.innar-page p{
	font-size: 15px;
	line-height: 30px;
	font-family: 'Poppins', sans-serif;
	color: #000;
	font-weight: 400;
	text-align: justify;
	padding-bottom: 15px;
}
.innar-page .img-responsive{
	width: 100%;
	height: auto;
}
.about-page{
	margin-bottom: 80px;
}
.aboutage-left{
	width: 50%;
	float: left;
	margin-right: 5%;
}
.aboutpage-right{
	width: 45%;
	float: left;
	padding-top: 25px;
}
.about-page p{
	position:relative;
	padding-left: 18px;
}
.about-page p:before{
	position:absolute;
	content:"\f0da";
	font-family:fontawesome;
	color:#25a9e0;
	left: 0px;
	font-size:16px;
}
.about-page p:last-child{ padding-bottom: 0px}

.about-page h3{
	font-size: 24px;
	line-height: 30px;
	font-family: 'Poppins', sans-serif;
	color: #000;
	font-weight: 600;
	padding-bottom: 5px;
}
.aboutpage-right img{
	/*box-shadow: 5px 5px 17px 0px rgb(0 0 0 / 20%);*/
	/*border: 3px solid #ddd;	*/
	background: transparent;
	border-radius:  10px;
}
.about-sec2{
	width: 100%;
	float: left;
	margin-top: 60px;
	/*display: flex;*/
}
.about-sec2-item{
	width: 100%;
	float: left;	
		box-shadow: 7px 7px 18px 0px rgb(0 0 0/20%);
		padding: 30px 30px;
		border-radius: 30px;
		margin-bottom: 40px;
}
.about-sec2-item:last-child{margin-bottom: 0px;}

.about-sec2 .item-top{ 
	width: 25%;
	float: left;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
 }
.item-top img{float: left;margin-right: 25px;}

.item-top h3{
	font-size: 22px;
	line-height: 30px;
	font-family: 'Poppins', sans-serif;
	color: #0978b1;
	font-weight: 600;
	margin-bottom: 0px;
}
.about-sec2 .item-content{
	width: 75%;
	float: left;
}
.about-page [id]{
	scroll-margin-top:7em;
}
/*=======tech==========*/
.technology-page{
	margin-bottom: 80px;
}
.technology-page [id]{
	scroll-margin-top:7em;
}
.techpage-sec1{
	width: 100%;
	float: left;
}
.techpage-sec1 .techpage-left{
	width: 60%;
	float: left;	
	margin-right: 5%;
}
.techpage-sec1 .techpage-right{
	width:35%;
	float: left;
	padding-top: 50px;	
}

.technology-page h3 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom:  15px;
    color: #0a77b1;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;  
 }
 .technology-page h4{
	font-size: 18px;
    line-height: 32px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 600;
    margin-bottom: 25px;
    position: relative;
}
.technology-page h4:before{
 	position: absolute;
 	content: "";
 	left: 0px;
 	top: 100%;
 	width: 50px;
 	height: 3px;
 	background: #25a9e0;
 }
.techpage-sec1 li{
    font-size:15px;
    line-height:30px;
    font-family: 'Poppins', sans-serif;
    color:#000;
    font-weight:400;
    text-align:left;    
    width:48%;
    margin-right:2%;
    float:left;
    border:1px solid #ddd;
    padding:5px 20px;
    margin-bottom:10px;
    border-left:2px solid #25a9e0;
    position:relative;
}
.techpage-sec1 li:before{
	position: absolute;
 	content: "\f0da";
 	left:0px;
 	font-family: fontawesome;
 	font-size: 13px;
 	color: #25a9e0;
 }
.technology-page img{width: 100%; height: auto;}

.techpage-sec2{
	width: 100%;
	float: left;
	margin-top: 50px;	
}
.techpage-sec2 .techpage-left{
	width:35%;
	float: left;
	margin-right: 5%;
	padding-top: 10px;		
}
.techpage-sec2 .techpage-right{
	width: 60%;
	float: left;	
}
.techpage-sec2 li{
    font-size: 15px;
    line-height: 30px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 500;
    text-align: justify;    
   /* width: 100%;*/
    margin-right: 2%;
    float: left;
    border: 1px solid #ddd;
    padding: 6px 20px;
    margin-bottom: 10px;
    border-left: 2px solid #25a9e0;
    position: relative;
}
.techpage-sec2 li:before{
	position: absolute;
 	content: "\f0da";
 	left:0px;
 	font-family: fontawesome;
 	font-size: 13px;
 	color: #25a9e0;

 }
.techpage-sec3{
	width: 100%;
	float: left;
	margin-top: 65px;	
}
.techpage-sec3 .techpage-left{
	width:55%;
	float: left;
	margin-right: 5%;	
}
.techpage-sec3 .techpage-right{
	width: 40%;
	float: left;
	background: rgb(0 0 0/0.06);
	padding: 20px 30px;	
	margin-top: 40px;
}

.techpage-sec3 li{
	font-size: 15px;
    line-height: 28px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 450;
    text-align: justify;
    padding-left:  20px;
    margin-bottom: 15px;
    position: relative;
    letter-spacing: 0.3px;
}
.techpage-sec3 li:before{
	position:absolute;
	content:"\f0da";
	font-family:fontawesome;
	color:#25a9e0;
	left: 0px;
	font-size:16px;
}

/*======servics===================*/

.services-page{
	margin-bottom: 80px;
}
.services-page{
	width: 100%;
	float: left;
}
.services-page .services-left{
	width: 55%;
	float: left;
	margin-right: 5%;
}
.services-page .services-right{
	width: 40%;
	float: left;	
}
.services-page .services-right img{border-radius: 25px 0px 25px 0px;}

.services-page h3{
	font-size: 26px;
	line-height: 30px;
	font-family: 'Poppins', sans-serif;
	color: #1f4a8c;
	font-weight: 600;
	margin-bottom: 20px;
}
.services-page h4{
	font-size: 19px;
	line-height: 30px;
	font-family: 'Poppins', sans-serif;
	color: #000;
	font-weight: 600;
	margin-bottom: 20px;
}

.services-page h5{
	font-size: 16px;
	line-height: 30px;
	font-family: 'Poppins', sans-serif;
	color: #000;
	font-weight: 500;
	border-left: 3px solid #25a9e0;
	padding-left: 15px;
	margin-top: 10px;
}
.services-page .before-li li{
	position: relative;
    padding-left: 18px;
    font-size: 15px;
    line-height: 30px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 400;
    text-align: justify;
    margin-bottom: 10px;
    width: 28.333%;
    float: left;
    margin-right: 5%;
    box-shadow: 3px 3px 6px 0px rgb(0 0 0 / 20%);
    padding: 11px 29px;
    border-radius: 5px 0px;
    margin-bottom: 20px;
        font-weight: 500;
}
.services-page .before-li {margin-top:30px;}

.services-page .before-li li:before{
	position:absolute;
	content:"\f0da";
	font-family:fontawesome;
	color:#d1effb;
	left: 0px;	
	font-size:35px;
}
.services-page .before-li li:after{
	position:absolute;
	content:"\f0d9";
	font-family:fontawesome;
	color:#d1effb;
	right: 0px;
	font-size:35px;
}
.services-page .before-li li:last-child{ margin-bottom: 0px}

.services-page .one_full h4{
	font-size: 19px;
	margin-bottom: 10px;
	margin-top: 15px;
}
.services-page .one_full h3{font-size: 24px;}

.services-page .one_full i{color: #25a9e0; margin-right: 5px;}

.services-sec2 {
	width: 100%;
	float: left;
	margin-top: 40px;
}

.services-sec2  li{
	position: relative;
    padding-left: 25px;
    font-size: 15px;
    line-height: 30px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 400;
    text-align: justify;
    margin-bottom: 10px; 
}

.services-sec2 li:before{
		position:absolute;
	content:"\f006";
	font-family:fontawesome;
	color:#0185bc;
	font-weight:700;
	left: 0px;	
	font-size:14px;
}

.services-sec2 .item{
	width: 33.333%;
	float: left;
	margin-right: 0%;
	margin-bottom: 30px;
}
.services-sec2 .item img{
	width: 40px;
	/*float: left;
	margin-right: 10px;*/
}
.services-sec2 .item h6{
	font-size: 15px;
	line-height: 28px;
	font-family: 'Poppins', sans-serif;
	color: #000;
	font-weight: 500;
	border-left: 3px solid #25a9e0;
	padding-left: 15px;
	margin-top: 0px;
	text-align: left;
	display: block;
}

.security-sec1{
	width: 100%;
	float: left;
	background: #f8f8f8;
	padding:40px 30px;
	margin-top: 30px;
}

.security-sec1 .left{
	width: 68%;
	float: left;
	margin-right: 2%;	
}
.security-sec1 .right{
	width: 30%;
	float: left;
}
.security-sec1 li{
	position: relative;
    padding-left: 18px;
    font-size: 15px;
    line-height: 30px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 400;
    text-align: justify;
    margin-bottom: 10px; 
    width: 48%;
    float: left;
    margin-right: 2%;
}
.security-sec1 li:before{
	position:absolute;
	content:"\f0da";
	font-family:fontawesome;
	color:#0185bc;
	left: 0px;	
	font-size:15px;
}
.arrowbefore-li {
	margin-top: 25px;
	width: 100%;
	float: left;
}
.arrowbefore-li li{
	position: relative;
    padding-left: 18px;
    font-size: 15px;
    line-height: 30px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 400;
    text-align: justify;
    margin-bottom: 10px; 
    width: 48%;
    float: left;
    margin-right: 2%;
}
.arrowbefore-li li:before{
	position:absolute;
	content:"\f0da";
	font-family:fontawesome;
	color:#0185bc;
	left: 0px;	
	font-size:15px;
}
.human-resource{
	width: 100%;
	float: left;
	background: #f8f8f8;
	padding:40px 30px;
	margin-top: 30px;
}

.human-resource .left{
	width: 40%;
	float: left;
	margin-right: 5%;	
}
.human-resource .right{
	width:55%;
	float: left;
}
.benefits-sec{
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
}
.benefits-box{
	width:48%;
	float: left;
	margin-right: 4%;
	border: 1px solid #ddd;
	padding: 20px 20px 10px;
	margin-top: 20px;
	margin-bottom: 20px;	
}
.benefits-box:nth-child(even){margin-right: 0px;}

 .imageicon{
    width: 100%;
    float: left;
    position: relative;
    display: flex;
    align-items: center;
}
.imageicon:before{
	width: 50px;
	height: 50px;
	background: #eaf5f9;
	text-align: center;
	border-radius: 10px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
	position: absolute;
	content: "";
	left: -8px;
	top: -10px;
	z-index: -1;
}
.imageicon img{ width: 50px;
	float: left;	
	margin-right: 30px;
}


.how-sec {width: 100%; float: left;}

.how-sec-title{
	text-align: center; 
	/*border: 1px solid #ddd;
	padding: 10px 20px;*/
	border-radius: 20px;
	position: relative;	
	margin-top: 30px;
	margin-bottom: 50px;
}
.how-sec-title h4{
	text-align: center; 
	border: 1px solid #ddd;
	padding: 10px 20px;
	border-radius: 20px;
	display: inline-block;
	background: #fff;
	margin-bottom: 0px;
}
.how-sec-title:before{
	width: 100%;
	height: 1px;
	background: #ddd;
	left: 0px;
	top: 50%;
	position: absolute;
	content: "";
	z-index: -1;
}
.how-sec ul{
	display: flex;
	justify-content: center;
}
.how-sec li{
	position: relative;
    width: 31.333%;
    float: left;
    margin-right: 3%;
    box-shadow: 3px 3px 6px 0px rgb(0 0 0 / 20%);
    padding: 15px 30px;
    border-radius: 5px ; 
     text-align: center;     
}
.how-sec li p{  text-align: center; padding-bottom: 5px; }

.how-sec li:before{
	width: 1px;
	height: 75px;
	background: #ddd;
	left: 50%;
	bottom: 100%;
	position: absolute;
	content: "";
	z-index: -1;
}
.how-sec li:after {
	width: 15px;
    height: 15px;
    background: #fff;
    left: 48%;
    bottom: 98%;
    position: absolute;
    border: 3px solid #25a9e0;
    content: "";
    z-index: -1;
    border-radius: 50%;
    margin: 0 auto;
}
.services-page h6{
	font-size: 18px;
	line-height: 30px;
	font-family: 'Poppins', sans-serif;
	color: #195796;
	font-weight: 600;
	/*border-bottom:  3px solid #25a9e0;
	padding-bottom:  5px;*/
	margin-top: 10px;
	text-align: center;
	display: inline-block;
}
/*======contact========================*/
.contact-page{margin-bottom: 100px;}

.contact-page .form-sec{
	width:100%;
	float:left;
	display: flex;
	flex-wrap: wrap;
}
.contact-page .form-sec  .left-box{
	width: 50%;
	float: left;
	margin-right: 0%;	
	background-image:  url(../images/contact-address1.jpg) ;	
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}
.contact-page .form-sec  .left-box-layer{
	background-color:  rgb(50 50 50/85%);
	padding: 20px;	
	width: 100%;
	float: left;	
	height: 100%;
}
.contact-page .form-sec .address-block{
	border:2px solid #25a9e0;
	padding:40px 35px;
	width: 100%;
	float: left;
}
.contact-page .form-sec .right-box{
	width:50%;
	float: left;
	padding: 30px 50px;
	background:#e3edfb7a;
}
.contact-page .form-sec h4{
	line-height: 30px;
	font-family: 'Poppins', sans-serif;
	font-size: 22px;
	color: #000;
	padding-left: 10px;
	margin-bottom: 15px;
}
.contact-page .form-control { height: 40px; border-radius: 30px;padding: 6px 20px;}

.contact-page textarea{height: 80px !important;}

.contact-page .submit{
	padding: 8px 30px;
	border-radius: 20px;
	/*background: #195796;*/
	border:0;
	text-align: center;
	font-size: 15px;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	margin-top: 15px;
background: linear-gradient(to right, #0b74ae , #25a9e0); 
  	transition: all 0.5s ease-in-out;  	
  }
.contact-page .submit:hover{
	background: #333;
}
.address-item{
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.address-item:last-child{ margin-bottom:  0px;}

.address-item .icon{
	width:10%;
	float:left;
	margin-right:5%;
}
.address-item .icon i{
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:50%;
	border:2px dotted #25a9e0;
	color:#25a9e0;
	text-align: center;
	    font-size: 18px;
}
.address-item .details{
	width:85%;
	float:left;
}
.address-item .details p{
	text-align:left;
	color: #f9f9f9;
	font-size: 16px;
	letter-spacing: 0.3px;
}
.address-item .details a{ color:#f9f9f9;}

.address-item .details h4{
	line-height: 24px;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 600;
	color: #25a9e0;
	margin-bottom: 10px;
	padding-left: 0px;
}
.contact-page [id]{
	scroll-margin-top:7em;
}

/*==============career-page======================*/
.career-page{
	margin-bottom: 80px;
}
.career-page h4{
	line-height: 24px;
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #000;
	margin-bottom: 10px;
}
/*================sap-overview==================================*/
.sap-overview{
	margin-bottom: 60px;

}
.sap-overview h2{
	font-family: 'Poppins', sans-serif;
	font-size: 28px;
	font-weight: 500;
	color: #25a9e0;
	border-left: 3px solid #25a9e0;
    padding-left: 20px;
    background: #f7f8f8;
    padding: 20px;
    display: inline-block; 
}
.sap-overviewblock h3{
	line-height: 24px;
	font-family: 'Poppins', sans-serif;
	font-size: 22px;
	font-weight: 500;
	color: #000;
	margin-bottom: 15px;
	margin-top: 20px;
}
.sap-overviewblock .left{
	width: 60%;
	float: left;
	margin-right: 5%;
}
.sap-overviewblock .right{
	width: 35%;
	float: left;
}
.sap-overviewblock .right img{width: 90%;}

.sap-overview-sec2{
	width: 100%;
	float: left;
	margin-top: 40px;
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
}
.sap-overview-box {
	position: relative;
	width: 22.75%;
	float: left;
	margin-right: 3%;
	box-shadow: 2px 2px 5px 2px rgb(0 0 0 / 20%)
}
.sap-overview-box .first-text{padding: 30px 20px; text-align: center;}

.sap-overview-box .first-text h4{
  font-size:20px;
  font-weight:600;
  color:#0a76b0;
  line-height: 30px;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 20px;
}
.sap-overview-box .first-text p{
   text-align: center;
   padding-bottom: 0px !important;
}

.sap-overview-content {
	overflow: hidden;
 	opacity:0;
  	transition:0.8s;  
 	padding:20px 20px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;   
    position: absolute;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.sap-overview-content:before { 
  content: "";
  position: absolute;
  transition: all 0.55s ease-in;  
  height: 150%;
  width: 150%;
  top: 0;
  right: 0px;
  left: 170%;
  opacity: 0;
  background-size: 220% 220%;
  background:rgba(10,118,176,1);  
 }
.sap-overview-content p {
  font-size:17px;
  font-weight:500;
  color:#fff;
  text-align: center;
  font-family: 'Poppins', sans-serif; 
  position: relative;
  padding-bottom: 20px;

}
.sap-overview-content a {
  background-color:#fff;
  color:#0a76b0;
  font-size:17px;
  padding: 10px 20px;
  font-family: 'Poppins', sans-serif;
  position: relative;
  font-weight: 500;
}
.sap-overview-box:hover > .sap-overview-content {
    opacity:1;
   }
.sap-overview-box:hover .sap-overview-content::before {
	opacity: 1;
    left: 0%;
    transition: all 0.55s ease-in;
}

/*===========*/
.sap-staffing-solutions{
		margin-bottom: 80px;
}
.sap-staffing-block{
	width: 100%;
	float: left;
	margin-top: 30px;
}
.sap-staffing-box {
	position: relative;
	width: 31.333%;
	float: left;
	margin-right: 3%;
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2);
}
.sap-staffing-box .first-text{padding: 30px 20px; text-align: center;}

.sap-staffing-box .first-text h4{
  font-size:24px;
  font-weight:600;
  color:#0a76b0;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 20px;
}
.sap-staffing-box .first-text p{
  text-align: center;
  padding-bottom: 0px !important;
}

.sap-staffing-content {
	overflow: hidden;
 	opacity:0;
  	transition:0.8s;  
 	padding:20px 20px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;   
    position: absolute;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.sap-staffing-content:before { 
  content: "";
  position: absolute;
  transition: all 0.55s ease-in;  
  height: 150%;
  width: 150%;
  top: 0;
  right: 0px;
  left: 170%;
  opacity: 0;
  background-size: 220% 220%;
  background:rgba(10,118,176,1);  
 }
.sap-staffing-content p {
  font-size:17px;
  font-weight:500;
  color:#fff;
  text-align: center;
  font-family: 'Poppins', sans-serif; 
  position: relative;
  padding-bottom: 20px;

}
.sap-staffing-content a {
  background-color:#fff;
  color:#0a76b0;
  font-size:17px;
  padding: 10px 20px;
  font-family: 'Poppins', sans-serif;
  position: relative;
  font-weight: 500;
}
.sap-staffing-box:hover > .sap-staffing-content {
    opacity:1;
   }
.sap-staffing-box:hover .sap-staffing-content::before {
	opacity: 1;
    left: 0%;
    transition: all 0.55s ease-in;
}
/*=============*/

	
.sapstaffing-block{
	width: 100%;
	float: left;
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 70px;
}
.sapstaffing-item{
	width: 22.75%;
	float: left;
	margin-right: 3%;
	border: 1px solid #eee;
	text-align: center;
}
.sapstaffing-item1{
	width: 31.333%;
	float: left;
	margin-right: 3%;
	border: 1px solid #eee;
	text-align: center;
	margin-bottom: 70px;
}
.sapstaffing-block h4{
	font-size:18px;
  font-weight:600;
  color:#0a76b0;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 10px;
  line-height:30px;
}
.sapstaffing-block p{text-align:center;padding-bottom: 0px !important;}

.sapstaffing-icon{position: relative; margin-top: -20px;}

.sapstaffing-icon:before {
    width: 60px;
    height: 60px;
    background: rgba(10,118,176,0.1);  
    text-align: center;
    border-radius: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: absolute;
    content: "";
    left: 36%;
    top: 0px;
    z-index: -1;
}
.sapstaffing-block .details{
	padding: 20px 20px;
}
/*==============*/
.saps-4hana-block{
	width: 100%;
	float: left;
	margin-top:30px;
	margin-bottom: 70px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.saps-4hana-block .left{
	width:47%;
	float:left;
	margin-right:6%;
	box-shadow: 0px 0px 13px 0px rgb(0 0 0 /0.2);
	padding: 30px 30px;
	background: #f9f9f9;
}

.saps-4hana-block .right{
	width:47%;
	float:left;
	margin-right:0%;
	box-shadow: 0px 0px 13px 0px rgb(0 0 0 /0.2);
	padding: 30px 30px;
	background: #fff;
}
.saps-4hana-block h4{
	font-size:20px;
  font-weight:600;
  color:#0a76b0;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 20px;
  line-height:30px;
}
.saps-4hana-block ul{margin: 0px;
padding: 0px;}

.saps-4hana-block  .left li{
    font-size: 15px;
    line-height: 30px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 400;
    text-align: justify;
    padding-bottom: 10px;   
    position: relative;
    padding-left: 15px;
}
.saps-4hana-block .right li{
    font-size: 15px;
    line-height: 30px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 400;
    text-align: justify;
    padding-bottom: 10px;
    width: 50%;
    float: left;
    position: relative;
    padding-left: 15px;
}
.saps-4hana-block li:before{
	position:absolute;
	content:"\f0da";
	font-family:fontawesome;
	left:0px;
	top:0px;
	color: #333;
}

/*============================================*/
[role=button] {
    cursor: pointer;
}

.mobile-li-projects{display: none !important}

.desktop-li-projects{
    display: block!important;
}
#show,#content{display:none;}
#show:checked~#content{display:block;}
#show:checked~#more{display:none;}

#show1,#content1{display:none;}
#show1:checked~#content1{display:block;}
#show1:checked~#more1{display:none;}

#show2,#content2{display:none;}
#show2:checked~#content2{display:block;}
#show2:checked~#more2{display:none;}

#show3,#content3{display:none;}
#show3:checked~#content3{display:block;}
#show3:checked~#more3{display:none;}

/*===========*/


#show:checked~#content label{ 
	color: #1B75BB !important;
    border-bottom: 3px solid #1B75BB!important;
    font-family: 'poppins', sans-serif;
    width: 100%;}

#show1:checked~#content1 label{ 
	color: #1B75BB !important;
    border-bottom: 3px solid #1B75BB!important;
    font-family: 'poppins', sans-serif;
    width: 100%;}

#show2:checked~#content2 label{ 
	color: #1B75BB !important;
    border-bottom: 3px solid #1B75BB!important;
    font-family: 'poppins', sans-serif;
    width: 100%;}

#show3:checked~#content3 label{ 
	color: #1B75BB !important;
    border-bottom: 3px solid #1B75BB!important;
    font-family: 'poppins', sans-serif;
    width: 100%;}

/*=====*/
.mobile-li-projects label{
	color: #999;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'poppins', sans-serif;
    padding: 10px 24px;    width: 100%;
}

 .mobile-li-projects .dropdown-menu li a{  
  font-size: 14px;
    font-weight: 400;
     padding: 10px 24px !important;    
}

.mobile-li-projects  .active {
   color: #1B75BB !important;
}
.mobile-li-projects  ul ul{padding-left:15px !important;}

.mobile-li-projects  ul ul a{color: #f7f7f7;position: relative; font-family: 'poppins', sans-serif;}

.mobile-li-projects  ul ul a:before{
	color: #25a9e0;
	position: absolute;
	content: "\f0da";
	font-family: fontawesome;
	left: 5px;
	font-size: 9px;
	padding-top: 5px;
}