#particles-js { 
	height:300px!important;
    height: 100%; 
	background:url(../images/banner/services-page-banner.png);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
	z-index:1
} 
#Services .home-banner { 
    z-index: 1;
}
#Services .bannerHading {
    padding-top: 30%; 
}
#Services .bannerHading h2 {
    font: normal normal 300 44px/40px Open Sans; 
	color: #FFFFFF;
}
#Services .bannerHading p {
    font: normal normal normal 22px/40px Open Sans;
	color: #FFFFFF;
	margin:0
}
  #Services .navbar-nav .nav-link {
    font: normal normal 600 18px/20px Open Sans;
    color: #ffffff!important;
}
#Services .header-fixed .navbar-nav .nav-link {
    font: normal normal 600 18px/20px Open Sans;
    color: #434343!important;
}
#Services .navbar-nav .nav-link.active  {
    background: #ffffff 0% 0% no-repeat padding-box; 
    color: #005EB5!important; 
	border-radius:50px
}
#Services .navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover{
    background: transparent 0% 0% no-repeat padding-box; 
    color:#005EB5!important; 
}  
#Services #search {
    background: #ffffff;
}
#Services #search i {
    color: #005EB5;
} 

.services-lp .service h4{
	font-size:24px;
	color:#fff;
	font-family:Open Sans;	
}
.services-lp .service p{
	font-size:16px;line-height:1.5;
	color:#fff;
	font-weight:400;margin-bottom:10px;
font-family:'Open Sans'	
}
.UI-UX-Design-Box{
	background:#fada73;
	border-radius: 10px;
	padding:20px;text-align: left;
 }
.Digital-Marketing-Box{ 
	background: #2193CF 0% 0% no-repeat padding-box;
	border-radius: 10px;
	padding:20px;text-align: left;
 }
.Digital-Marketing-Box{ 
	background: #2193CF 0% 0% no-repeat padding-box;
	border-radius: 10px;
	padding:20px;text-align: left;
 }
.On-Demand-Box{ 
	background: #0EB69C 0% 0% no-repeat padding-box;
	border-radius: 10px;
	padding:20px;text-align: left;
 }
.Tailor-Made-Solutions-Box{
	background: #C6146D 0% 0% no-repeat padding-box;
	border-radius: 10px; 
	padding:20px;text-align: left;
}  
.services-lp .service  img{border-radius:6px}
.services-lp .service .UI-UX-Design-Box h4, .services-lp .service .UI-UX-Design-Box p{
	color:#000
}	
.services-lp .service a{color:#fff; font-family:open sans;padding-top:8px; display:inline-block;
transition: .8s;}
.services-lp .service a:hover{transform: translateY(-4%);transition: .8s;} 
}
.pd0{padding:0}
.testimonial p{
	font: italic normal 300 20px/30px Open Sans;
	letter-spacing: 0px;
	color: #FFFFFF;
}
.testimonial .Name h3{
	font: normal normal bold 40px/46px Open Sans Condensed; 
	color: #FFFFFF; 
}
.testimonial .Name p {
    color: #FFFFFF;
    text-align: left;
    font-style: normal;
    margin-bottom: 0;
}
.testimonial .Name span {
    color: #FFFFFF; 
	font-size:16px;
	font-family:Open Sans
}
.testimonial img{
	border-radius: 50%;
    position: relative;
    /* border: 5px solid #a9e5f0; */
}
.line{
	border-top: 1px solid rgb(207 205 205);
	position:relative	
} 
.line:before{
	content: "";
    position: absolute;
    z-index: -1;
    left: 0px;
    bottom: -5px;
    background: #cfcdcd;
    width: 12px;
    height: 12px;
    border-radius: 50px;
	z-index:9
} 
.line:after{
	content: "";
    position: absolute;
    z-index: -1;
    right: 0px;
    bottom: -5px;
    background: #cfcdcd;
    width: 12px;
    height: 12px;
    border-radius: 50px;
	z-index:9
} 
/* testimonial slider */
.desktop-hidden{display:none!important} 
.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 12px;
    height: 12px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #5197cd;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
    border-radius: 50%;
}
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -2rem;
}
.contact-us h4 {
    font-size: 23px;
    font-family: 'Open Sans';
    color: #414141;
    margin-top: 30px;
    margin-bottom: 0;
}
.form-group .note {
    font: normal normal normal 13px/30px Open Sans;
    letter-spacing: 0px;
    color: #8B8B8B;
}
#message , #service{ 
	padding:0.375rem 0.5rem!important
}

.about-us-Txt{
	text-align: left;
    font: normal normal normal 18px/30px Open Sans;
    letter-spacing: 0px;
    color: #444444;
	margin-bottom:30px
} 
.vision-mission {
    background-image: url(../images/About-Us/banner_img.png), linear-gradient(180deg, rgba(34,85,174,1) 0%, rgba(17,65,114,1) 72%, rgba(17,65,114,1) 100%);
    background-size: cover;
    background-position: top;
    padding: 50px 0; 
}
.vision-mission h2{
	font: normal normal 300 40px/68px Open Sans;
	letter-spacing: 0px;
	color: #FFFFFF;
	text-transform: uppercase; 
}
.vision-mission p{
	font: normal normal normal 22px/36px Open Sans;
	letter-spacing: 0px;
	color: #FFFFFF;
	margin-bottom:20px
}





/* Our-Team page css */
.Our-Team h2{
	font: normal normal 600 30px/36px Open Sans;
    letter-spacing: 0px;
    color: #555555;
    text-transform: uppercase;
	text-align:center
} 
.Our-Team .line{
	width: 170px;
	border-top: 1px solid #005eb5;
    position: relative;
	margin:10px auto!important 
} 
.Our-Team .line:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0px;
    bottom: -4px;
    background: #005eb5;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    z-index: 9;
}
.Our-Team .line:after {
    content: "";
    position: absolute;
    z-index: -1;
    right: 0px;
    bottom: -4px;
    background: #005eb5;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    z-index: 9;
}
.Our-Team h4{
	font: normal normal normal 20px/30px Open Sans;
	letter-spacing: 0px;
	color: #555555;
	margin-bottom:0
}
.Our-Team p{
	font: normal normal normal 14px/22px Open Sans;
	letter-spacing: 0px;
	color: #858585;    margin-bottom: 5px;
}
.Our-Team .info p{
	font: normal normal normal 16px/30px Open Sans;
	letter-spacing: 0px;
	color: #222222;
}
/* Solutions page css*/

.left-panel{
	background: #FFFFFF 0% 0% no-repeat padding-box;
border: 2px solid #EAEAEA;
border-radius: 4px;
	padding:30px 16px
}
.left-panel h4{
	text-align: center;
	font: normal normal 600 18px/23px Open Sans;
	letter-spacing: 0px;
	color: #444444;
	text-transform: uppercase;
}
.left-panel img{
	margin-top:15px
}
.left-panel h5{
	text-align: center;
	font: normal normal normal 18px/23px Open Sans;
	letter-spacing: 0px;
	color: #444444;
    padding-top: 25px;
}
.right-panel h4{
	text-align: left;
	font: normal normal bold 30px/34px Open Sans Condensed; 
	color: #414141;
}

.right-panel p{
	text-align: left;
font: normal normal normal 18px/24px Open Sans;
letter-spacing: 0px;
color: #747474;
}
.right-panel ul{
	padding-left:25px
}
.right-panel li {
	text-align: left;
font: normal normal normal 17px/33px Open Sans;
letter-spacing: 0px;
color: #444444;
}
.right-panel .btn-default { 
    font: normal normal normal 16px/32px Open Sans; 
    padding: 4px 30px;
}
.List-Style li{
	position:relative;
	list-style:none
}
.List-Style li:before {
    content: "\f05d ";
    position: absolute;
    z-index: -1;
    left: -25px;
    top: 0;
    color: #0E3FAD; 
    font-family: 'FontAwesome';
}

.borderGray {
    border: 1px solid #DEDEDE;
    border-radius: 2px;
    padding: 8px 15px;
	min-height:60px
}
.borderGray p{
font: normal normal normal 16px/20px Open Sans; 
color: #444444;
display:inline-block;float:left;margin-bottom:0
}

.borderGray h4{
font: normal normal bold 28px/32px Open Sans; 
color: #0E3FAD;
display:inline-block;float:right;margin-bottom:0
}
.borderGray  h4 i{
	color: #989898;
    font-size: 20px;
    margin-right: 10px; 
}
 .right-panel h5{
	font: normal normal 600 18px/24px Open Sans;
letter-spacing: 0px;
color: #747474;
	
}



#Services .mainBanner .bannerHading {
    padding-top: 25%;
} 






/* Tailor Made Solutions page css */
.pd0{padding:0px}
.Development-left-panel h4{ 
	font: normal normal bold 28px/36px Open Sans Condensed; 
	color: #414141; 
} 
.Development-left-panel{
	position: relative;
    z-index: 9;
}
.Development-left-panel img{ 
    border: 1px solid #2EA7E7;
    border-radius: 8px;
    margin-top: 10px;
}
.Development-right-panel {
	background: #F4F4F4 0% 0% no-repeat padding-box;
	border-radius: 6px 0px 0px 0px;
	border-bottom:3px solid #2EA7E7;
	padding:30px;
	margin-left: -40px;
} 
.Development-right-panel p{
	font: normal normal normal 16px/28px Open Sans;
	letter-spacing: 0px;
	color: #414141;
}
.Development-right-panel li{
	font: normal normal normal 16px/28px Open Sans;
	letter-spacing: 0px;
	color: #414141;
	margin-bottom: 6px;
}

.WebsiteDevelopment .Development-right-panel {
	border-bottom: 3px solid #0FBFA4;
}

.WebsiteDevelopment .Development-left-panel img{ 
    border: 1px solid #0FBFA4;
}
.MobileApplicationDevelopment .Development-right-panel {
	border-bottom: 3px solid #C6146D;
	margin-left: 0px;
	padding-right: 50px;
} 
.MobileApplicationDevelopment .Development-left-panel{  
	margin-left: -40px;
	margin-right: 40px;
	text-align: right;
}

.MobileApplicationDevelopment .Development-left-panel img{ 
    border: 1px solid #C6146D;
}
/* Digital Marketing page css */

.DigitalMarketing p{
	font: normal normal normal 16px/32px Open Sans;
	letter-spacing: 0px;
	color: #414141;
	margin-bottom:20px
}


/* breadcrumbMenu css */
.breadcrumbMenu{
	box-shadow: 0px 2px 2px #0000001C;
}
.breadcrumbMenu .breadcrumb{
	padding:5px;
	background:#fff;
	margin-bottom:0
}
.breadcrumbMenu .breadcrumb-item a{
	font: normal normal normal 20px/40px Open Sans;  
}
.breadcrumbMenu .breadcrumb-item.active{
	font: normal normal normal 16px/40px Open Sans; 
	color: #2E2E2E;
}


/* UI-UX-Design */
.UI-UX-Design p{
	font: normal normal normal 18px/35px Open Sans; 
	color: #000000;
}
.UI-UX-Design p span{
	font: normal normal 600 18px/35px Open Sans; 
	color: #000000;
}
.our-approach{
	margin-top:3rem
}
.our-approach h2{
	font: normal normal 600 30px/48px Open Sans;
	letter-spacing: 0px;
	color: #555555;
	text-transform: uppercase;
	margin-bottom:0
}
.our-approach .line {
    border-top: 2px solid #005EB5;
    position: relative;
    width: 300px;
	margin-top:0rem
}
.our-approach .line:before { 
    background: #005EB5; 
} 
.our-approach .line:after {
    background: #005EB5; 
} 
.eq-heightDiv{
	  display: table;
      width: 100%;
}

.eq-heightDiv .col-lg-3 { 
	display: table-cell;
}

.UserResearch{
	background: #E7912E 0% 0% no-repeat padding-box;
	border-radius: 6px;
	padding:30px 20px;
}
.UI-UX-Design .UserResearch h4{
	font: normal normal normal 24px/34px Open Sans; 
	color: #FFFFFF;
}
.UI-UX-Design .UserResearch p{
    font: normal normal normal 18px/28px Open Sans;
	color: #FFFFFF;
	margin-bottom:20px
}

.Prototype{
	background: #2EA7E7 0% 0% no-repeat padding-box;
	border-radius: 6px;
	padding:30px 20px;display: table-cell;
}
.UI-UX-Design .Prototype h4{
	font: normal normal normal 24px/34px Open Sans; 
	color: #FFFFFF;
}
.UI-UX-Design .Prototype p{
    font: normal normal normal 18px/28px Open Sans;
	color: #FFFFFF;
	margin-bottom:20px
}
.Modernization{
	background: #C6146D 0% 0% no-repeat padding-box;
	border-radius: 6px;
	padding:30px 20px
}
.UI-UX-Design .Modernization h4{
	font: normal normal normal 24px/34px Open Sans; 
	color: #FFFFFF;
}
.UI-UX-Design .Modernization p{
    font: normal normal normal 18px/28px Open Sans;
	color: #FFFFFF;
	margin-bottom:20px
}
.Consulting{
	background: #0FBFA4  0% 0% no-repeat padding-box;
	border-radius: 6px;
	padding:30px 20px
}
.UI-UX-Design .Consulting h4{
	font: normal normal normal 24px/34px Open Sans; 
	color: #FFFFFF;
}
.UI-UX-Design .Consulting p{
    font: normal normal normal 18px/28px Open Sans;
	color: #FFFFFF;
	margin-bottom:20px
}

.bannerTxt{
	position: absolute;
    left: 50%;
    transform: translate(-50%, -10px);
    bottom: 15%;
    width: 100%;
} 
.our-approach h4{
	font: normal normal bold 30px/34px Open Sans Condensed;
letter-spacing: 0px;
color: #444444;
}


.UI-UX-Design .benefits p{
    font: normal normal normal 16px/28px Open Sans;
	color: #FFFFFF;
	margin-bottom:20px
}


.UI-UX-Design .benefits .Prototype , .UI-UX-Design .benefits .Modernization, .UI-UX-Design .benefits .Consulting {
	position:relative;
	padding:30px
}
.UI-UX-Design .benefits .Prototype .icons{
	background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    padding-top: 10px; 
    position: absolute;
    top: -22px;
    right: 30px;
    border: 2px solid #2ea7e7;
}

.UI-UX-Design .benefits .Prototype .icons img{
	width:14px
}
.UI-UX-Design .benefits .Modernization .icons{
	background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    padding-top: 10px; 
    position: absolute;
    top: -22px;
    right: 30px;
    border: 2px solid #c6146d;
}
.UI-UX-Design .benefits .Modernization .icons img{
	width:34px
}
.UI-UX-Design .benefits .Consulting .icons{
	background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    padding-top: 8px; 
    position: absolute;
    top: -22px;
    right: 30px;
    border: 2px solid #0FBFA2;
}
.UI-UX-Design .benefits .Consulting .icons img{
	width:24px
}

.benefitsDiv .our-approach {
    margin-top: 2rem;
}




.table-bordered td {
    border: 1px solid #D7E4FE;
    font: normal normal 500 17px/24px Open Sans;
    color: #000000;
    height: 70px!important;
    vertical-align: middle;
}
.table-bordered td span {
    font: normal normal normal 12px Open Sans;
    color: #848484;
    margin-top: 0px;
    display: block;
}
tr:nth-child(even) {background: #fff}
tr:nth-child(odd) {background: #F3F7FF}

/* read More */

.moretext, .moretext2 , .moretext3 , .moretext4 {
  display: none;
}
.moreless-button, .moreless-button2{
	color:#fff
}
.moreless-button:hover, .moreless-button2:hover{
	color:#fff
}

@media(max-width: 1123px){ 
.UI-UX-Design .benefits .Prototype, .UI-UX-Design .benefits .Modernization, .UI-UX-Design .benefits .Consulting {
    position: relative;
    padding: 20px;
}
}
@media(max-width: 991px){ 
.Innolytic-Solutions h2 {

    font-size: 46px;
    margin-bottom:20px
}
.Collaborate h2 {
    font: normal normal bold 30px/36px Open Sans Condensed; 
}
.Collaborate .collaborate-img{width:120px}
#Services .navbar-nav .nav-link {
    font: normal normal 400 18px/24px Open Sans;
    color: #ffffff!important;
}
#Services .navbar-nav .nav-link.active  {
    background: transparent!important; 
    color: #fff!important; 
	border-radius:50px
}
#Services .navbar-nav .active .nav-link, #Services .navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover{
	background:transparent;
    color: #ffffff!important;
}
.services-lp .service h4 {
font-size: 22px;}
.navbar { 
    z-index: 99;
}
.testimonial{text-align:center!important}

.testimonial .Name p{text-align:center!important}
.Name {
	margin-bottom: 40px;
text-align: center;
padding-left: 0!important;
}
.profile{
    padding-left: 0!important;}
.mobview-hidden, .line{display:none!important}	
.desktop-hidden{display:block!important}	
.eq-heightDiv{
	  display: flex;
      width: auto;
}

.eq-heightDiv .col-lg-3 { 
	margin-bottom:30px;    
	display: block;
} .Development-left-panel {
    position: relative;
    z-index: 1;
}
}

@media(max-width:767px){  
.ImageBox{min-height:260px!important}
.navbar-brand img {width: 140px;}
#particles-js {height: 175px!important}
#Services .bannerHading h2 {font: normal normal 300 22px/40px Open Sans;margin-top: 30px}
#Services .home-banner {height: 199px}
#Services .bannerHading p{display:none} 
.contact-us h4 {
    font-size: 18px;
	line-height:1.5
}
.form-group .note {
    font: normal normal normal 10px/20px Open Sans; 
}
.Collaborate {  
    padding: 20px 10px;
    background-size: cover;
    background-position: center; 
}
.Collaborate h2 {
    font: normal normal bold 22px/30px Open Sans Condensed; 
    margin-bottom: 10px;
}
.Collaborate .collaborate-img { 
    width: 100px;
}
.Collaborate a { 
    font: normal normal 400 14px/10px Open Sans; 
    margin-top: 10px!important;
}
.testimonial p {
    font: italic normal 400 17px/25px Open Sans; 
}
.testimonial .SliderInfo .Name h3 {
    font: normal normal bold 26px/30px Open Sans Condensed;
    margin-bottom:10px
}
.testimonial .SliderInfo .Name p {
    font: normal normal 400 14px/14px Open Sans;
    color: #FFFFFF; 
}
.testimonial .Name span {
    color: #FFFFFF;
    font-size: 14px;
    font-family: Open Sans;
}
.Innolytic-Solutions h2 {
    font-size:30px;
    margin-bottom:10px
}
body,html{overflow-x:hidden}
.about-us-Txt { 
    font: normal normal normal 16px/26px Open Sans; 
	margin-bottom:30px
}
.Our-Team .line { 
    display: block!important;
}
.vision-mission { 
    padding: 30px 0;
}
.vision-mission h2{
	font:normal normal 300 28px/48px Open Sans; 
}
.vision-mission p{
    font: normal normal normal 16px/26px Open Sans; 
}
.left-panel img{display:none}
.right-panel h4 { 
    font: normal normal bold 24px/34px Open Sans Condensed; 
}
.right-panel li { 
    font: normal normal normal 16px/32px Open Sans; 
}
.left-panel h5 {
    padding-top: 0px;
}
.WebsiteDevelopment .pl-5 , .WebApplication .pl-5{
	padding-left:1rem!important
}
.Development-right-panel{
	margin-left:0;
	padding:15px!important
}
.Development-right-panel .List-Style{
	padding-left:0.5rem;
}
.MobileApplicationDevelopment .Development-left-panel {
    margin-left: 0px;
    margin-right: 0px;
    text-align: left;
}
.eq-heightDiv{
	  display: table;
      width: auto;
}

.eq-heightDiv .col-lg-3 { 
	margin-bottom:30px;    
	display: block;
} 
.Our-Team .info p { 
    text-align: center;
}
.our-approach h4 {
    font: normal normal bold 24px/34px Open Sans Condensed; 
}
}