@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');
/*
font-family: 'Poppins', sans-serif;
font-family: 'Roboto', sans-serif;
*/
body { color: #242424; font-size: 15px; line-height: 1.6; overflow-x: hidden;font-family: 'Roboto', sans-serif; padding:0 0 0 0;  }
.l { float: left; }
.r { float: right; }
.c { clear: both; }

.MarginTop40{
 margin-top:40px;
}
.container {
    width: 1440px;
}
.wrapper { background: #fff; }
.header { z-index: 99; background: #fff;width:100%; position:relative; border-bottom: solid 1px #c4d6e9; height: 85px;top: 0; }
.header.fixedHeader {position: fixed; }
.header .logo img { z-index: 1; margin: 0px 0; position: relative; }
.header .logo {  width: 200px;    vertical-align: middle;    display: inline-block;    padding: 5px 0 0 0;}
.header > .container {  margin-bottom: -40px; z-index:3; /*background:#FFF;*/}
.equal, .equal > div[class*='col-'] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex: 1 0 auto; }
.header .navbar-nav > li > a { bottom: -2px; position: relative; padding: 10px 24px 26px 24px; }
.header .navbar-toggle { border-color: #d1211e; }
.header .navbar-toggle .fa { color: #fff; font-size: 19px; }
.header .navbar-toggle, .header .navbar-toggle:hover, .header .navbar-toggle:focus { background: #d1211e; padding: 6px 10px 4px; }
.header .navbar-toggle:hover { background: #d1211e !important; }
.header .navbar-nav > li > a { color: #000000; font-size: 16px; font-weight: 500;  }
.header .navbar-nav > .active > a { color: #72c02c; }
.header.no-topbar .navbar-toggle { margin-top: 25px; }
.header .navbar-nav { position: relative; }
.header .navbar-nav > li > a, .header .navbar-nav > li > a:focus { border-bottom: solid 2px transparent; }
.header .navbar-nav > li > a:hover, .header .navbar-nav > .active > a { position: relative;  }
.header .navbar-nav > li > a, .header .navbar-nav > li > a:hover, .header .navbar-nav > li > a:focus, .header .navbar-nav > .active > a, .header .navbar-nav > .active > a:hover, .header .navbar-nav > .active > a:focus { background: none; }
.header .navbar-nav > .open > a, .header .navbar-nav > .open > a:hover, .header .navbar-nav > .open > a:focus { color: #d1211e; }
.header .navbar-nav > li:hover > a { color: #d1211e; }
.header .dropdown-menu { padding: 0;  }
.header .dropdown-menu .active > a, .header .dropdown-menu li > a:hover { color: #000000; filter: none !important; background: #eee !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.header .dropdown-menu li > a:focus { background: none; filter: none !important; }
.header .navbar-nav .search-open { width: 330px; }
.header .dropdown-submenu { position: relative; }
.header .dropdown > a:after, .header .dropdown-submenu > a:after { display:none }
.header .dropdown > a:after { top: 9px; right: 15px; content: inherit; }
.header .dropdown-submenu > .dropdown-menu { top: 3px; left: 100%; margin-top: -5px; margin-left: 0px; }
.header .dropdown-submenu > .dropdown-menu.submenu-left { left: -100%; }
.header .dropdown-submenu:hover > .dropdown-menu { display: block; }
.header .dropdown-submenu.pull-left { float: none; }
.header .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; }
.header .dropdown-menu li [class^="fa-"], .header .dropdown-menu li [class*=" fa-"] { left: -3px; width: 1.25em; margin-right: 1px; position: relative; text-align: center; display: inline-block; }
.header .dropdown-menu li [class^="fa-"].fa-lg, .header .dropdown-menu li [class*=" fa-"].fa-lg { width: 1.5625em; }
.header .nav > li > .search { color: #aaa; cursor: pointer; min-width: 35px; font-size: 15px; text-align: center; padding: 20px 0 18px; display: inline-block;  }
.header .nav > li > .search:hover { color: #72c02c; border-bottom-color: #72c02c; }
.header .nav .search-open { right: 0; top: 42px; display: none; padding: 14px; position: absolute; background: #f2f2f2; }
.header .nav .search-open form { margin: 0; }
.header .nav .search-open form .btn-u { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -o-border-radius: 0px; padding: 6px 12px 6px; }
.header .mega-menu .nav, .header .mega-menu .dropup, .header .mega-menu .dropdown, .header .mega-menu .collapse { position: static; }
.header .mega-menu .navbar-inner, .header .mega-menu .container { position: relative; }
.header .mega-menu .dropdown-menu {width:100%;  }
.header .mega-menu .dropdown-menu > li { display: block; }
.header .mega-menu .dropdown-submenu .dropdown-menu { left: 100%; }
.header .mega-menu .nav.pull-right .dropdown-menu { right: 0; }
.header .mega-menu .mega-menu-content {
*zoom:1; padding: 4px 15px; }
.header .mega-menu .mega-menu-content:before, .header .mega-menu .mega-menu-content:after { content: ""; display: table; line-height: 0; }
.header .mega-menu .mega-menu-content:after { clear: both; }
.header .mega-menu .nav > li > .dropdown-menu:after, .header .mega-menu .nav > li > .dropdown-menu:before { display: none; }
.header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { left: 0; right: 0; overflow: hidden; }

.header .mega-menu .dropdown.mega-menu-left .dropdown-menu { left: auto; overflow: hidden; }
.header .mega-menu .dropdown.mega-menu-right .dropdown-menu, .header .mega-menu .dropdown.mega-menu-two-col-right .dropdown-menu { right: 0; overflow: hidden; }
.header .mega-menu .equal-height-list h3 { font-size: 13px; font-weight: 600; padding: 0 10px 0 13px; text-transform: uppercase; color: #333; }
.search_button i.fa-search { background: url(../images/search_button.png) 8px 10px no-repeat !important; }
.navbar-toggle .fa-bars { width: 20px; height: 20px; display: inline-block; background: url(../images/menu_icon.png) -5px -4px no-repeat; }
.navbar-collapse.in { overflow: inherit !important; }

img { max-width: 100%; }



.main_form .radio, .main_form .checkbox { margin-bottom: 11px; margin-top: 11px; padding-left: 27px; font-size: 13px; line-height: 21px; color: #404040; cursor: pointer; position: relative; display: inline-block; font-weight: normal; }
.main_form .radio input, .main_form .checkbox input { position: absolute; left: -9999px; margin-left: -20px; }
.main_form .radio input:checked + i, .main_form .checkbox input:checked + i, .main_form .toggle input:checked + i { border-color: #999; width: 17px; height: 17px; border-width: 1px; -ms-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -webkit-transition: border-color 0.3s; position: absolute; top: 2px; left: 0; display: block; outline: none; border-style: solid; background: #fff; }
.main_form .checkbox input + i:after { content: '\f00c'; top: -1px; left: -1px; width: 15px; height: 15px; font: normal 12px/16px FontAwesome; text-align: center; -webkit-transition: opacity 0.1s; position: absolute; opacity: 0; color: #999; }
.main_form .radio input:checked + i:after, .main_form .checkbox input:checked + i:after { opacity: 1; }
.main_form .checkbox input + i:after { top: 2px; left: 0; font: normal 10px FontAwesome; }
.main_form .radio:hover i, .main_form .checkbox:hover i, .main_form .toggle:hover i, .main_form .ui-slider-handle:hover { border-color: #999; }
.main_form .radio i, .main_form .checkbox i { width: 17px; height: 17px; border-width: 1px; border-color: #bbb; }
.main_form .radio i, .main_form .checkbox i { position: absolute; top: 2px; left: 0; display: block; outline: none; border-style: solid; background: #fff; }
.main_form .checkbox > [type="checkbox"]:focus + i, .main_form .checkbox > [type="checkbox"]:not(:checked):focus + i { border: 1px solid #72c02c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(129, 183, 76, 0.6); }
.countrycode { font-size: 15px; }
.captch_code { background: #CCC; text-align: center; padding: 10px; letter-spacing: 6px; }
/*---------------------New Style Start-----------------*/

.ContactButton{
 background:#d1211e;
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color:#FFF;
}

.header .navbar-nav > li.ContactButton a{
color:#FFF;
padding-bottom: 10px;
}
.header .navbar-nav > li a.nav-primary-item:before{
 background: #d1211e;
    border-radius: 1.5px;
    bottom: -2px;
    content: '';
    height: 3px;
    left: 0em;
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: visibility 0s linear .13s,-webkit-transform .4s cubic-bezier(.19,1,.22,1) .13s;
    transition: visibility 0s linear .13s,-webkit-transform .4s cubic-bezier(.19,1,.22,1) .13s;
    transition: transform .4s cubic-bezier(.19,1,.22,1) .13s,visibility 0s linear .13s;
    transition: transform .4s cubic-bezier(.19,1,.22,1) .13s,visibility 0s linear .13s,-webkit-transform .4s cubic-bezier(.19,1,.22,1) .13s;
    width: calc(100% + 0em);
    z-index: 2;
    
}
.header .navbar-nav > li:hover a.nav-primary-item:before{

     -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: center;
    transform-origin: center;
    visibility: visible;
    content:'';
}
/*--------------New Style Start 22-10-23---------------------*/
.WhoWeAreSection{
	padding: 40px 0;
	background:#fff;
}
h2.N_Headings2Center{
font-family: 'Poppins', sans-serif;
font-size:18px;
font-weight:600;
text-align:center;
color:#c50004;
}
h2.N_Headings2Center span{
	display:block;
	font-size:36px;
font-weight:600;
color:#0e1133;
padding:5px 0 10px;
}
h2.N_Headings2Center:after{
    background: radial-gradient(50% 151250% at 50% -100%,#d80000 0,hsla(0,0%,100%,0) 100%);
    display: inline-block;
    height: 2px;
    position: relative;
    width: 170px;
	margin:10px auto 20px;
	content:'';
	display:block;
}
h2.N_Headings2Left{
font-family: 'Poppins', sans-serif;
font-size:18px;
font-weight:600;
text-align:left;
color:#c50004;
margin:0;
}
h2.N_Headings2Left span{
	display:block;
	font-size:36px;
font-weight:600;
color:#0e1133;
padding:5px 0 10px;
}
h2.N_Headings2Left:after{
    background:#d80000 ;
    display: inline-block;
    height: 2px;
    position: relative;
    width: 120px;
	margin:10px 0 20px;
	content:'';
	display:block;
}
.N_NormalTextPB20{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	padding:0 0 20px;
	margin:0;
	color:#0e1133;
	line-height: 30px;
}
.EmpoweringNationSection{
	background:#950f0c;
	padding:30px 0;
}
.EmpoweringNationSection h2{
	display: block;
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    padding: 0px 0 10px;
}
.EmpoweringNationSection p{
	display: block;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    padding: 0px 0 10px;
}
.EmpoweringNationSection a.JoinUsButton{
	display: inline-block;
    font-size: 18px;
    font-weight: normal;
    color: #950f0c;
    padding: 8px 30px;
	background:#fff;
	margin:30px 0 0; 
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.OurServicesSection{
	padding:40px 0;
}
.ServicesBox{
	    background: #fff;
    border-radius: 6px;
    box-shadow: 0 5px 40px 0 rgba(0,41,57,.15);
    padding:10px 15px;
    text-align: left;
    position: relative;
    z-index: 2;
    margin: 25px 20px;
	overflow:hidden;
}
.ServicesBox h4{
font-family: 'Roboto', sans-serif;
font-size:24px;
color:#0e1133;
padding:20px 5px;
margin:0;
font-weight:700;
text-align:left;
display:block;
}
.ServicesBox h4 a{
color:#0e1133;
text-decoration:none;
}
.ViewAllGalleryButton{
	    background: #d1211e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
	font-family: 'Roboto', sans-serif;
font-size:16px;
font-weight:500;
padding:8px 20px;
display:inline-block;
margin:20px 0 10px 0;
}
.ViewAllGalleryButton:hover{
	    background: #0e1133;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
text-decoration:none;
padding:8px 20px;
display:inline-block;
}
blockquote{
	border-left: 5px solid #d1211e;
	background:#f2f2f2;
}
.ProductBox{
	background: #fff;
    border-radius: 6px;
    box-shadow: 0 5px 40px 0 rgba(0, 21, 37, .15);
    padding: 10px 20px 10px;
    text-align: left;
    z-index: 2;
    margin: 15px 20px;
    overflow: hidden;
	width:100%;
	min-height:690px;
}
.ProductBox h3{
	font-size:22px;
	font-weight:bold;
	padding:10px 0 10px 0;
	margin:0;
	line-height:30px;
}
.ProductBox .imgbox{
	font-weight:bold;
	padding:0px 0 10px 0;
	margin:0;
}
.ProductBox p{
	font-size:16px;
	line-height:30px;
	padding:0 0 10px 0;
	margin:0;
}
.ProductBox .BuynowButton{
    background: #d1211e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
	text-decoration: none;
    padding: 8px 20px;
    display: inline-block;
    margin: 5px 0 10px 0;
}
.ProductBox .BuynowButton:hover, .ProductBox .BuynowButton:active{
background: #0e1133;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
    text-decoration: none;
    padding: 8px 20px;
    display: inline-block;
}
.MRB10{
	margin:0 10px 10px 0;
}
.modal-title{
	font-size:22px;
	font-weight:600;
	color:#000;
}
.modal-header{
	position:relative;
}
.modal-header .close {
    margin-top: -2px;
	position:absolute;
	top:15px;
	right:15px;
	opacity:1;	
}
.modal-header .close span{
font-size: 36px;
color:#d1211e;
opacity:1;
}


















.WhoWeAreBoxSection{
	position:relative;
	padding:20px 20px;
	z-index:1;
	margin:0 10px;
}
.WhoWeAreBoxSection:after{
	width:100%;
	display:block;
	height:100px;
	position:absolute;
	top:0;
	content:'';
	left:0;
	z-index:1;
	border-radius: 10px;
}
.WhoWeAreBoxSection1:after{
background: #dafedb;
}
.WhoWeAreBoxSection2:after{
background: #fedaf4;
}
.WhoWeAreBoxSection3:after{
background: #ddf4fd;
}
.WhoWeAreBoxSection4:after{
background: #fdead3;
}
.WhoWeAreSection  .WhoWeAreBox{
	background: #fff;
    border-radius: 6px;
    box-shadow: 0 30px 40px 0 rgba(0,41,57,.1);
    padding: 15px 10px;
    text-align: center;
	position:relative;
	z-index:2;
}
.WhoWeAreSection  .WhoWeAreBox i{
	width:64px;
	height:64px;
	display:block;
	margin:0px auto;
	background-image:url(../images/n-sprite.png);
	background-repeat:no-repeat;
}
.WhoWeAreSection  .WhoWeAreBox i.GlobleClient{
	background-position:-65px 0;
}
.WhoWeAreSection  .WhoWeAreBox i.SuccessProject{
	background-position:-130px 0;
}
.WhoWeAreSection  .WhoWeAreBox i.ClientSatisfaction{
	background-position:-195px 0;
}
.WhoWeAreSection  .WhoWeAreBox i.TechExpertsTeam{
	background-position:0 0;
}
.WhoWeAreSection  .WhoWeAreBox p.Number{
	font-family: 'Poppins', sans-serif;
font-size:28px;
color:#0e1133;
padding:10px 0;
text-align:center;
font-weight:700;
    padding: 0;
    margin: 0;
}
.WhoWeAreSection  .WhoWeAreBox p.NumberText{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	padding:0;
	margin:0;
	font-weight:300;
	color:#505056;
}
.WhyNovasoftSection{
	padding:40px 0;
	background:#f8f9fb;
}
.WhyNovasoftSection .WhyNovasoftBox{
	background: #fff;
    border-radius: 6px;
    box-shadow: 0 30px 40px 0 rgba(0,41,57,.1);
    padding: 30px 20px 30px 120px;
    text-align: left;
    position: relative;
    z-index: 2;
	margin:25px 20px;
}
.WhyNovasoftSection .WhyNovasoftBox h3{
	font-family: 'Roboto', sans-serif;
	font-size:26px;
	font-weight:500;
	color:#0e1133;
	padding:0 0 10px 0;
	margin:0;
}
.WhyNovasoftSection .WhyNovasoftBox .WhyNovasoftBoxText{
font-family: 'Roboto', sans-serif;
	font-size:16px;
	padding:0;
	margin:0;
	font-weight:normal;
	color:#505056;
}
.WhyNovasoftSection .WhyNovasoftBox i{
	width:67px;
	height:67px;
	display:block;
	position:absolute;
	top:38px;
	left:25px;
	background-image:url(../images/n-sprite.png);
	background-repeat:no-repeat;
}
.WhyNovasoftSection .WhyNovasoftBox i.CustomizeSolution{
	background-position:-299px -1px;
}
.WhyNovasoftSection .WhyNovasoftBox i.CustomerSupport{
	background-position:-368px -1px;
}
.WhyNovasoftSection .WhyNovasoftBox i.LatestTechnologies{
	background-position:-435px -1px;
}

.WorkPortfolioSection{
	padding:40px 0;
	background:#f2f2f2;
}
.WorkPortfolioSection .PortfolioBox{
	background: #fff;
    border-radius: 6px;
    box-shadow: 0 5px 40px 0 rgba(0,41,57,.15);
    padding:4px;
    text-align: left;
    position: relative;
    z-index: 2;
    margin: 10px 0;
	overflow:hidden;
}
.ViewAllPortfolioButton{
	    background: #d1211e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
	font-family: 'Roboto', sans-serif;
font-size:18px;
font-weight:500;
padding:10px 25px;
display:inline-block;
}
.ViewAllPortfolioButton:hover{
	    background: #0e1133;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
	font-family: 'Roboto', sans-serif;
font-size:18px;
font-weight:500;
text-decoration:none;
padding:10px 25px;
display:inline-block;
}
/*--------------Footer Start---------------------*/
.Footer_Section{
 background:#333333;
 padding:20px 0;
}
.FooterLink{
}
.FooterLink a{
	display:inline-block;
	padding:0 20px;
	color:#fff;
	text-decoration:none;
}
.FooterLink a:hover{
	display:inline-block;
	padding:0 20px;
	color:#d1211e;
	text-decoration:none;
}

.FooterSocialSection{
	border-top: 1px solid #585858;
	border-bottom: 1px solid #585858;
	padding: 10px 5px 8px;
	margin: 15px 0 0 0;
}
.FooterSocialSection a.FooterPhone{
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	color: #fff;
	padding: 3px 0 0 32px;
	text-decoration: none;
	position: relative;
	margin: 0 10px;
	display: inline-block;
}
.FooterSocialSection a.FooterPhone:after{
	width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    content: '';
    background: url(../images/sprite.png) -148px -427px no-repeat;
}
.FooterSocialSection a.FooterEmail{
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	color: #fff;
	padding: 3px 0 0 32px;
	text-decoration: none;
	position: relative;
	margin: 0 10px;
	display: inline-block;
}
.FooterSocialSection a.FooterEmail:after{
	width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    content: '';
    background: url(../images/sprite.png) -187px -427px no-repeat;
}
.FooterSocialSection .FooterSocialList{
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: right;
}
.FooterSocialSection .FooterSocialList li{
	padding: 0;
	margin: 0 5px;
	list-style: none;
	display: inline-block;
}
.FooterSocialSection .FooterSocialList li a{
	background-image: url("../images/sprite.png");
	background-repeat: no-repeat;
	width: 26px;
	height: 26px;
	display: inline-block;
	
}
.FooterSocialSection .FooterSocialList li a.Facebook{
	background-position: -8px -428px;
}
.FooterSocialSection .FooterSocialList li a.Twitter{
	background-position: -48px -428px;
}
.FooterSocialSection .FooterSocialList li a.Linkdin{
	background-position: -96px -428px;
}
.CopyRightSection{
	padding: 10px 0;
	text-align: center;
	color: #999999;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}
.CopyRightSection a{
	color: #fff;
	text-decoration: none;
	padding: 0 5px;
	display: inline-block;
}
.CopyRightSection a:hover{
	color: #fff;
	text-decoration: underline;
	padding: 0 5px;
	display: inline-block;
}
/*---------------------About Us Start-----------------*/
.InnerBannerSection{
	background:#a50e0c;
	padding:40px 0 40px;
}
.InnerBannerSection h1{
	font-family: 'Poppins', sans-serif;
	font-size:48px;
	color:#fff;
	font-weight:600;
	padding:0 0px 10px 0;
	margin:0;
}
ol.breadcrumb{
	padding:0;
	margin:0;
	background:none;
}
ol.breadcrumb li a{
font-family: 'Poppins', sans-serif;
font-size:16px;
color:#fff;
text-decoration:none;
padding: 0 5px;
}
.breadcrumb-item+.breadcrumb-item:before {
    color: #fff;
    content: "/";
    display: inline-block;
    padding-right: 0.5rem;
}
.AboutUsBannerSection{
background: #fff;

	padding: 40px 0 50px;
}
.AboutUsBannerSection .AboutUsBannerLeft{
	padding: 35px 0 0 0;
}
.AboutUsBannerSection .AboutUsBannerLeft h2{
	font-family: 'Poppins', sans-serif;
	font-size: 36px;
	color: #333;
	padding: 0 0 25px 0;
	margin: 0;
	line-height: 46px;
	font-weight: 700;
}
.AboutUsBannerSection .AboutUsBannerLeft h2 span{
	font-family: 'Poppins', sans-serif;
	font-size: 26px;
	color: #d1211e;
	padding: 10px 0 0px 0;
	margin: 0;
	line-height: 36px;
	font-weight: 700;
	display:block;
}
.AboutUsBannerSection .AboutUsBannerLeft h1 span{
color:#d1211e;
}
.AboutUsBannerSection .AboutUsBannerLeft p{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #333;
	padding: 0 0 15px 0;
	margin: 0;
	font-weight: normal;
}
.AboutUsBannerSection .AboutUsBannerRight{
	background: url("../images/about-us-slider-bg.png") bottom center no-repeat;
	width: 100%;
	background-size: 100% auto;
}
.AboutBannerSlide{
	width: 533px !important;
	height: 508px;
	background: url("../images/about-right-image-bg.png") center center no-repeat;
	background-size: cover;
	margin: 0 auto !important;
}
.AboutVisionSection{
	position: relative;
}
.AboutVisionSection:after{
	width: 70%;
	display: block;
	background:  #d35308;
	height: 100%;
	content: '';
	position: absolute;
    top: 0;
    left: 0;
}
.VisionMissionSection{
padding: 30px 0;	
	position: relative;
	z-index: 9;
}
.VisionMissionSection h2{
font-family: 'Poppins', sans-serif;
    font-size: 30px;
    color: #fff;
    padding: 0;
    margin: 0 0 15px;
    font-weight: 600;
}
.VisionMissionSection h2:after{
	height: 1px;
	display: block;
	background: #c7e3f1;
	margin: 10px 0;
	content: '';
	width: 100px;
}
.VisionMissionSection p{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #fff;
	padding: 0 0 15px;
	margin: 0;
	line-height:24px;
	font-weight: normal;
}
.AboutValuesBox{
	background: #fff;
	border: 1px solid #d35308;
	padding: 20px;
	position: relative;
	z-index: 9;
	width: 100%;
}
.AboutValuesBox h2{
	font-family: 'Poppins', sans-serif;
    font-size: 30px;
    padding: 0;
    margin: 0 0 15px;
    font-weight: 600;
	color: #333;

}
.AboutValuesBox h2:after{
	height: 1px;
	display: block;
	background: #d35308;
	margin: 10px 0;
	content: '';
	width: 100px;
}
.CoreValueBox{
	    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0px 40px 0 rgba(0,41,57,.1);
    padding: 30px 20px 30px 20px;
    text-align: left;
    position: relative;
    z-index: 2;
    margin: 15px 0px;
	min-height:180px;
}
.CoreValueBox h3{
	font-family: 'Roboto', sans-serif;
	font-size:22px;
	font-weight:600;
	color:#0e1133;
	padding:0 0 10px 0;
	margin:0;
}
.CoreValueBox p{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight:400;
	color:#0e1133;
	padding:0 0 10px 0;
	margin:0;
}
.CoreValueBox i{
	width:64px;
	height:64px;
	display:block;
	position:absolute;
	top:-30px;
	left:20px;
}
.ServicesSection{
	padding:40px 0;
}
.ServicesSection .ServicesContent{
	padding:20px 0 0 20px;
}
.ServicesSection .ServicesContent h2{
	font-family: 'Poppins', sans-serif;
	font-size:28px;
	color:#0e1133;
	padding:0 0 0px;
	margin:0;
	line-height:30px;
	font-weight:600;
}
.ServicesSection .ServicesContent h2:after{
	width:80px;
	height:2px;
	display:block;
	overflow:hidden;
	background:#c20004;
	margin:20px 0 20px;
	content:'';
}
.ServicesSection2{
	padding:40px 0;
}
.ServicesSection2 .ServicesContent2{
	padding:20px 0 0 20px;
}
.ServicesSection2 .ServicesContent2 h2{
	font-family: 'Poppins', sans-serif;
	font-size:28px;
	color:#0e1133;
	padding:0 0 0px;
	margin:0;
	line-height:30px;
	font-weight:600;
}
.ServicesSection2 .ServicesContent2 h2:after{
	width:80px;
	height:2px;
	display:block;
	overflow:hidden;
	background:#c20004;
	margin:20px 0 20px;
	content:'';
}
.LetsConnectsection{
	padding:40px 0;
	background:#f2f2f2;
}
.GetFreeTrialAccess_input {
    border: 1px solid #b7b7b7;
    height: 42px;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    color: #666;
    width: 100%;
    margin: 0 0 20px 0;
    outline: none;
}
.GetFreeTrialAccess_textarea {
    border: 1px solid #b7b7b7;
    height: 142px;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    color: #666;
    width: 100%;
    margin: 0 0 20px 0;
    outline: none;
}
.GetFreeTrialAccess_submit {
    background: #d1211e;
    outline: none;
    border: 4px solid #fdbdbc;
    padding: 13px 20px;
    display: block;
    width: 172px;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 0 0 20px;
    font-size: 18px;
    color: #FFF;
    font-weight: 600;
}
.SliderTitle{
font-weight:bold; line-height: 45px; font-size:45px; color:#fff; top:150px !important; display:block; width:100%;
font-family: 'Poppins', sans-serif;
}
.SliderButton{
	top:250px !important; display:block; width:100%;
font-family: 'Roboto', sans-serif;
}
.SliderButton a{
    background: #d1211e;
	padding:12px 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
	font-size:16px;
	font-weight:400;
	text-decoration:none;
}
.SliderButton a:hover{
    background: #FFF;
	padding:12px 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #d1211e;
	font-size:16px;
	font-weight:400;
	text-decoration:none;
}
.TestimonialsSection{
	padding:40px 0;
	background:#fff;
}
.TestimonialsSection .TestimonialsBox{
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0px 40px 0 rgba(0,41,57,.1);
    padding: 25px 30px 25px 30px;
    text-align: left;
    position: relative;
    z-index: 2;
    margin: 15px 20px;
}
.TestimonialsSection .TestimonialsBox .TestimonialTitleSection{
	position:relative;
	padding: 0px 0px 20px 100px;
}
.TestimonialsSection .TestimonialsBox .TestimonialTitleSection i{
	position:absolute;
	width:72px;
	height:72px;
	 border-radius: 72px;
	 overflow:hidden;
	 top:0;
	 left:0;
	 display:block;
}
.TestimonialsSection .TestimonialsBox .TestimonialTitleSection h4{
	font-family: 'Poppins', sans-serif;
	font-size:26px;
	color:#000;
	padding:10px 0 0px 0;
	margin:0;
	font-weight:600;
}
p.TestimonialText{
		font-family: 'Roboto', sans-serif;
	font-size:17px;
	color:#4f4f4f;
	padding:0px 0 5px 0;
	margin:0;
	font-weight:normal;
}
.TestimonialsSection .TestimonialsBox .TestimonialTitleSection p.TestimonialDisegnation{
		font-family: 'Roboto', sans-serif;
	font-size:18px;
	color:#4f4f4f;
	padding:0px 0 5px 0;
	margin:0;
	font-weight:normal;
}
.OurWorkSection{
	padding:40px 0;
	background:#fff;
}
.OurWorkSection .OurWorkBox{
	    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0px 40px 0 rgba(0,41,57,.2);
    padding: 5px;
    text-align: left;
    position: relative;
    z-index: 2;
    margin: 15px 0px;
}
.ContactSection{
	padding:40px 0;
	background:#fff;
}
.LetsConnectBox{
background: #fff;
    border-radius: 6px;
    box-shadow: 0 0px 40px 0 rgba(0,41,57,.2);
    padding: 20px 30px;
    text-align: left;
    position: relative;
    z-index: 2;
    margin: 15px 0px;
	width:100%;
}
.ContactBox{
    padding: 20px;
    text-align: left;
    position: relative;
    z-index: 2;
    margin: 15px 0px;
	width:100%;
}
.ContactBox i{
	width:64px;
	height:64px;
	margin:0 0 10px 20px;
	display:block;
	background-image:url(../images/n-sprite.png);
	background-repeat:no-repeat; 
}
.ContactBox i.Phone{
	background-position: -731px -6px;
}
.ContactBox i.email{
	background-position: -731px -6px;
}
.ContactBox i.address{
	background-position: -731px -6px;
}
p.ContactText{
			font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:#4f4f4f;
	padding:0px 0 15px 0;
	margin:0;
	font-weight:normal;
	text-align:left;
}
.ContactBox h4{
	font-family: 'Poppins', sans-serif;
	font-size:22px;
	color:#d1211e;
	padding:10px 0 20px 0;
	margin:0;
	font-weight:600;
	text-align:left;
}
.ConstructionSoftwareBannerSection{
	background:url(../images/construction-software-banner-bg.jpg) center center no-repeat;
	background-size:cover;	
    padding: 80px 0 80px;
	position:relative;
}
.ConstructionSoftwareBannerSection:after{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	background-color: rgba(0, 0, 0, 0.5);
	content:'';
}
.ConstructionSoftwareBannerSection h1{
		font-family: 'Poppins', sans-serif;
	font-size:52px;
	font-weight:700;
	color:#fff;
	text-align:center;
	z-index:99;
	position:relative;
	padding:20px 0;
}
.ConstructionSoftwareBannerSection h3{
	font-family: 'Poppins', sans-serif;
	font-size:26px;
	color:#fff;
	text-align:center;
	padding:0;
	margin:0;
	z-index:99;
	position:relative;
}
.ConstructionSoftwareBannerSection p{
		font-family: 'Poppins', sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#fff;
	text-align:center;
	z-index:99;
	position:relative;
	width:900px;
	margin:0 auto;
}
.ConstructionSoftwareBannerSection a.ViewDemo{
		font-family: 'Poppins', sans-serif;
	font-size:16px;
	font-weight:normal;
	font-weight:500;
	color:#000;
	background:#fff;
	display:inline-block;
	text-align:center;
	z-index:99;
	position:relative;
	margin:20px auto;
	padding:10px 25px;
	    border-radius: 5px;
	
}
.ConstructionSoftwareBannerSection a.ViewDemo:hover{
		font-family: 'Poppins', sans-serif;
	font-size:16px;
	font-weight:normal;
	font-weight:500;
	color:#fff;
	text-decoration:none;
	background:#d1211e;
	display:inline-block;
	text-align:center;
	z-index:99;
	position:relative;
	margin:20px auto;
	padding:10px 25px;
	    border-radius: 5px;
	
}
.ConstructionSoftwareIntro{
    padding: 40px 0;
    background: #fff;
}
.ConstructionSoftwareIntro .ConstructionSoftwareLeft h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    color: #333;
    padding: 0 0 25px 0;
    margin: 0;
    line-height: 46px;
    font-weight: normal;
}
.ConstructionSoftwareIntro .ConstructionSoftwareLeft h2 span{
    font-weight:800;
}
.ConstructionSoftwareIntro blockquote{
	background:#f2f2f2;
	padding:30px 50px;
	    background-image: url(../images/quate-left.png),url(../images/quate-right.png);
    background-repeat: no-repeat;
    background-position: left 0px top 0px, right 0px bottom 0px;
    margin: 1em 0;
}
.ConstructionSoftwareIntro blockquote p{
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #333;
    padding: 10px 0 10px 0;
	font-style:italic;
    margin: 0;
    line-height: 26px;
    font-weight: normal;
}
.ConstructionSoftwareIntro blockquote p.clientname{
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #333;
    padding: 10px 0 10px 0;
	font-style:normal;
	font-weight:700;
    margin: 0;
    line-height: 28px;
}
.EnterpriseSolutionBox {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0px 40px 0 rgba(0,41,57,.1);
    padding: 60px 20px 30px 20px;
    text-align: left;
    position: relative;
    z-index: 2;
    margin: 15px 0px;
    min-height: 180px;
}
.EnterpriseSolutionBox i {
    width: 78px;
    height: 78px;
    display: block;
    position: absolute;
    top: -30px;
    left: 20px;
	background: #fff;
    border-radius: 6px;
    box-shadow: 0 0px 40px 0 rgba(0,41,57,.1);
	padding:5px;
}
.EnterpriseSolutionBox i:after {
	content:'';
	background-image:url(../images/n-sprite.png);
	width: 64px;
    height: 64px;
	display:block;
	margin:0 auto;
	background-repeat:no-repeat;
}
.EnterpriseSolutionBox i.RealEstateDevelopers:after {
	background-position:-826px -5px;
}
.EnterpriseSolutionBox i.Contractors:after {
	background-position:-898px -5px;
}
.EnterpriseSolutionBox i.Builders:after {
	background-position:-974px -5px;
}
.EnterpriseSolutionBox i.InfrastructureDevelopers:after {
	background-position:-1054px -5px;
}
.EnterpriseSolutionBox h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #0e1133;
    padding: 0 0 10px 0;
    margin: 0;
}
.EnterpriseSolutionBox p {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #0e1133;
    padding: 0 0 10px 0;
    margin: 0;
}
.NovaERPSection{
	background:#333333;
	padding:40px 0;
}
.NovaERPBox {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0px 40px 0 rgba(0,41,57,.1);
    padding: 30px 25px 30px 25px;
    text-align: left;
    position: relative;
    z-index: 2;
    margin: 15px 5px;
    min-height: 180px;
}
.NovaERPBox h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #0e1133;
    padding: 0 0 10px 0;
    margin: 0;
}
.NovaERPBox p {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #0e1133;
    padding: 0 0 10px 0;
    margin: 0;
}
h2.N_Headings2CenterWhite {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #fff;
}
h2.N_Headings2CenterWhite span {
    display: block;
    font-size: 36px;
    font-weight: 600;
    color: #fff;
    padding: 5px 0 10px;
}
h2.N_Headings2CenterWhite:after {
    background: radial-gradient(50% 151250% at 50% -100%,#fff 0,hsla(0,0%,100%,0) 100%);
    display: inline-block;
    height: 2px;
    position: relative;
    width: 170px;
    margin: 10px auto 20px;
    content: '';
    display: block;
}
.ControlsonSection{
	padding:40px 0;
}
.RealBuilderSoftwareSection{
	padding:40px 0;
	background:#f2f2f2;
}
ul.ListStyleTrue_1{
 padding:0;
 margin:0;
}
ul.ListStyleTrue_1 li{
 padding:5px 0 5px 26px;
 margin:0;
 background:url(../images/true-gray-icon.png) 1px 10px no-repeat;
 list-style:none;
 font-size:16px;
}
ul.ListStyleTrue_1 li ul.ListStyleTrue_1_sub{
 padding:4px 0 0 0;
 margin:0;
}
ul.ListStyleTrue_1 li ul.ListStyleTrue_1_sub li{
 padding:5px 0 5px 26px;
 margin:0;
 background: url(../images/arow-list-1.png) 1px 10px no-repeat;
 list-style:none;
 font-size:16px;
}
ul.TrueList1{
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.TrueList1 li{
	padding: 9px 0 9px 30px;
	margin: 0;
	list-style: none;
	font-family: 'Poppins', sans-serif;
	color: #333333;	
	font-size: 18px;
	font-weight: 600;
	position: relative;
}
ul.TrueList1 li:after{
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 13px;
	left: 0;
	background: url("../images/n-sprite.png") -4px -154px no-repeat;
	content: '';
}
.ConstructionSoftwareFeatureSection{
	padding:40px 0;
	background:#fff;
}
.SoftwareFeatureBox {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0px 40px 0 rgba(0,41,57,.1);
    padding: 15px 20px 20px 20px;
    text-align: left;
    position: relative;
    z-index: 2;
    margin: 15px 0px;
    min-height: 180px;
}
.SoftwareFeatureBox i {
    width: 78px;
    height: 78px;
    display: block;
    padding: 0px 0 10px;
}
.SoftwareFeatureBox i:after {
    content: '';
    background-image: url(../images/n-sprite.png);
    width: 72px;
    height: 72px;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
}
.SoftwareFeatureBox i.ConstructionExecution:after {
    background-position: -290px -90px;
}
.SoftwareFeatureBox i.ProcurementPurchase:after {
   background-position: -216px -90px;
}
.SoftwareFeatureBox i.InventoryStore:after {
    background-position: -144px -90px;
}
.SoftwareFeatureBox i.MachineMaintenance:after {
    background-position: -69px -90px;
}
.SoftwareFeatureBox i.PayrollManagement:after {
    background-position: -362px -90px;
}
.SoftwareFeatureBox i.FinancialAccounting:after {
   background-position: -436px -90px;
}
.SoftwareFeatureBox h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #0e1133;
    padding: 0 0 10px 0;
    margin: 0;
}
.SoftwareFeatureBox p {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #0e1133;
    padding: 0 0 10px 0;
    margin: 0;
}
/*---------------------About Us End-----------------*/
/*--------------Footer End---------------------*/
/*--------------New Style End 22-10-23---------------------*/

/*--------------New Style Start---------------------*/


.WhoWeAreTechnologyList{
	padding: 20px 0 25px 0;
}
.WhoWeAreTechnologyList ul{
	padding: 0px 0 0 0;
	margin: 0;
	text-align: center;
}
.WhoWeAreTechnologyList ul li{
	padding: 10px 30px;
	margin: 0 20px;
	width: 160px;
	display: inline-block;
	border: 1px solid #c7e3f1;
}
.WhoWeAreTechnologyList ul li i{
	width: 82px;
	height: 82px;
	display: block;
	margin: 0 auto;
	background-image: url("../images/sprite.png");
	background-repeat: no-repeat;
}
.WhoWeAreTechnologyList ul li i.WhoWeAreTechnologyList_Cloud {
	background-position: -60px 2px;
}
.WhoWeAreTechnologyList ul li i.WhoWeAreTechnologyList_Web   {
	background-position: -155px 2px;
}
.WhoWeAreTechnologyList ul li i.WhoWeAreTechnologyList_Mobile  {
	background-position: -252px 0px;
}
.WhoWeAreTechnologyList ul li i.WhoWeAreTechnologyList_UX   {
	background-position: -339px 0px;
}
.WhoWeAreTechnologyList ul li i.WhoWeAreTechnologyList_BI  {
	background-position: -435px 0px;
}
.WhoWeAreTechnologyList ul li h5  {
	font-family: 'Poppins', sans-serif;
	color: #141a66;	
	padding: 15px 0 10px;
	text-align: center;
	font-weight: normal;
	margin: 0;
	font-size: 17px;
}
.WhatWeDoSection{
	padding: 20px 0px;
	background: #c7e3f1;
}
.WhatWeDoSection .WhatWeDoSectionContent{
	padding: 80px 0 0 0;
} 

.WhatWeDoSection .WhatWeDoSectionList{
	width: 100%;
}
.WhatWeDoSection .WhatWeDoSectionList ul{
		position: relative;
    padding: 0px 0;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
	margin: 0;
}
.WhatWeDoSection .WhatWeDoSectionList ul li{
	padding: 0px;
	margin: 0;
	background: #fff;
	margin: 1px;
	list-style: none;
	text-align: center;
	position: relative;
	    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.WhatWeDoSection .WhatWeDoSectionList ul li:after{
	width: 100%;
	height: 100%;
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.WhatWeDoSection .WhatWeDoSectionList ul li:hover:after{
	width: 100%;
	height: 100%;
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 1;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.WhatWeDoSection .WhatWeDoSectionList ul li:hover{
	    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	background: #006699;
		
}

.WhatWeDoSection .WhatWeDoSectionList ul li a{
	padding: 20px 20px;
	margin: 0;
	width: 100%;
	height: 100%;
	display: block;
	line-height: 22px;
	z-index: 2;
	position: relative;
}
.WhatWeDoSection .WhatWeDoSectionList ul li a:hover{
	text-decoration: none;
}
.WhatWeDoSection .WhatWeDoSectionList ul li a i{
	padding: 0;
	margin: 0px auto 10px;
	width: 75px;
	height: 75px;
	display: block;
	background-image: url("../images/sprite.png");
	background-repeat: no-repeat;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.WhatWeDoSection .WhatWeDoSectionList ul li a:hover i{
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.WhatWeDoSection .WhatWeDoSectionList ul li a i.ProductSolutionDevelopment{
	background-position: -0px -589px;
}
.WhatWeDoSection .WhatWeDoSectionList ul li a:hover i.ProductSolutionDevelopment{
	background-position: -0px -666px;
}
.WhatWeDoSection .WhatWeDoSectionList ul li a i.EnterpriseDigitalTransformation{
	background-position: -78px -589px;
}
.WhatWeDoSection .WhatWeDoSectionList ul li a:hover i.EnterpriseDigitalTransformation{
	background-position: -78px -666px;
}
.WhatWeDoSection .WhatWeDoSectionList ul li a i.StartupEngagement{
	background-position: -155px -589px;
}
.WhatWeDoSection .WhatWeDoSectionList ul li a:hover i.StartupEngagement{
	background-position: -155px -666px;
}
.WhatWeDoSection .WhatWeDoSectionList ul li a i.StaffAugmentation{
	background-position: -232px -589px;
}
.WhatWeDoSection .WhatWeDoSectionList ul li a:hover i.StaffAugmentation{
	background-position: -232px -666px;
}
.WhatWeDoSection .WhatWeDoSectionList ul li a i.SystemIntegration{
	background-position: -309px -589px;
}
.WhatWeDoSection .WhatWeDoSectionList ul li a:hover i.SystemIntegration{
	background-position: -309px -666px;
}
.WhatWeDoSection .WhatWeDoSectionList ul li a i.CloudComputing{
	background-position: -386px -589px;
}
.WhatWeDoSection .WhatWeDoSectionList ul li a:hover i.CloudComputing{
	background-position: -386px -666px;
}

.WhatWeDoSection .WhatWeDoSectionList ul li a .WhatWeDoBoxTitle{
	font-family: 'Poppins', sans-serif;
	color: #333333;	
	padding: 15px 0 0px;
	text-align: center;
	font-weight: normal;
	margin: 0;
	text-align: center;
	font-weight: 700;
	display: block;
	font-size: 20px;
}
.WhatWeDoSection .WhatWeDoSectionList ul li a .WhatWeDoBoxTitle, .WhatWeDoSection .WhatWeDoSectionList ul li a .WhatWeDoBoxDescription{
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.WhatWeDoSection .WhatWeDoSectionList ul li a:hover .WhatWeDoBoxTitle, .WhatWeDoSection .WhatWeDoSectionList ul li a:hover .WhatWeDoBoxDescription{
	color: #fff;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.WhatWeDoSection .WhatWeDoSectionList ul li a .WhatWeDoBoxDescription{
	color: #333333;	
	padding: 15px 0 0px;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-weight: normal;
	margin: 0;
	text-align: center;
	font-weight: normal;
	display: block;
	font-size: 15px;
}

.WhatWeDoSection .WhatWeDoSectionList ul li a span{
font-family: 'Poppins', sans-serif;
	color: #141a66;	
	padding: 5px 0 10px;
	text-align: center;
	font-weight: 600;
	margin: 0;
	font-size: 16px;
}
.CoreServicesOfferingsSection{
	background: #f3f7fe;
	padding: 30px;
}
.CoreServicesOfferingsSection .CoreServicesOfferingsContent{
	padding: 70px 0 0 0;
}
.CoreServicesOfferingsSection .CoreServicesOfferingsContent h2{
	font-family: 'Poppins', sans-serif;
	color: #141a66;	
	padding: 5px 0 20px;
	text-align: left;
	font-weight: 800;
	margin: 0;
	font-size: 40px;
}

.IndustryPresenceSection{
	padding: 40px 0;
}
.IndustryPresenceSection h2{
	padding: 0 0 20px;
	margin: 0;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	color: #141a66;	
	font-size: 40px;
	font-weight: 800;
}
.IndustryPresenceSection h2:after{
	width: 100px;
	height: 1px;
	display: block;
	margin: 20px auto 0;
	background: #cccccc;
	content: '';
}
.IndustryPresenceSection .IndustryPresenceList{
	
}
.IndustryPresenceSection .IndustryPresenceList ul{
	padding: 0;
	margin: 0;
	text-align: center;
}
.IndustryPresenceSection .IndustryPresenceList ul li{
	padding: 10px;
	margin: 8px 7px;
	text-align: center;
	width: 182px;
	height: 155px;
	display: inline-block;
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
}
.IndustryPresenceSection .IndustryPresenceList ul li i{
width: 80px;
	height: 80px;
	display: block;
	margin: 5px auto;
	background-image: url("../images/sprite.png");
	background-repeat: no-repeat;
}
.IndustryPresenceSection .IndustryPresenceList ul li i.IndustryPresence_OilGas, .IndustriesServedList ul li i.IndustryPresence_OilGas{
	background-position: 0 -163px;
}
.IndustryPresenceSection .IndustryPresenceList ul li i.IndustryPresence_Pharmaceuticals, .IndustriesServedList ul li i.IndustryPresence_Pharmaceuticals{
	background-position: -80px -163px;
}
.IndustryPresenceSection .IndustryPresenceList ul li i.IndustryPresence_Construction, .IndustriesServedList ul li i.IndustryPresence_Construction{
	background-position: -160px -163px;
}
.IndustryPresenceSection .IndustryPresenceList ul li i.IndustryPresence_Automotive, .IndustriesServedList ul li i.IndustryPresence_Automotive{
	background-position: -243px -163px;
}
.IndustryPresenceSection .IndustryPresenceList ul li i.IndustryPresence_Aeronautics, .IndustriesServedList ul li i.IndustryPresence_Aeronautics{
	background-position: -324px -163px;
}
.IndustryPresenceSection .IndustryPresenceList ul li i.IndustryPresence_Chemical, .IndustriesServedList ul li i.IndustryPresence_Chemical{
	background-position: -405px -163px;
}
.IndustryPresenceSection .IndustryPresenceList ul li i.IndustryPresence_Telecom, .IndustriesServedList ul li i.IndustryPresence_Telecom{
	background-position: -486px -163px;
}
.IndustryPresenceSection .IndustryPresenceList ul li i.IndustryPresence_FMCG, .IndustriesServedList ul li i.IndustryPresence_FMCG{
	background-position: -1053px -163px;
}
.IndustryPresenceSection .IndustryPresenceList ul li i.IndustryPresence_TerminalsPorts, .IndustriesServedList ul li i.IndustryPresence_TerminalsPorts{
	background-position: -566px -163px;
}
.IndustryPresenceSection .IndustryPresenceList ul li i.IndustryPresence_Shipping,  .IndustriesServedList ul li i.IndustryPresence_Shipping{
	background-position: -648px -163px;
}
.IndustryPresenceSection .IndustryPresenceList ul li i.IndustryPresence_PowerEnergy, .IndustriesServedList ul li i.IndustryPresence_PowerEnergy{
	background-position: -729px -163px;
}
.IndustryPresenceSection .IndustryPresenceList ul li i.IndustryPresence_Cement, .IndustriesServedList ul li i.IndustryPresence_Cement{
	background-position: -810px -163px;
}
.IndustryPresenceSection .IndustryPresenceList ul li i.IndustryPresence_Infrastructure, .IndustriesServedList ul li i.IndustryPresence_Infrastructure {
	background-position: -891px -163px;
}
.IndustryPresenceSection .IndustryPresenceList ul li i.IndustryPresence_HeavyEngineering, .IndustriesServedList ul li i.IndustryPresence_HeavyEngineering  {
	background-position: -972px -163px;
}
.IndustryPresenceSection .IndustryPresenceList ul li i.IndustryPresence_Manufacturing, .IndustriesServedList ul li i.IndustryPresence_Manufacturing {
	background-position: -1437px -158px;
}
.IndustryPresenceSection .IndustryPresenceList ul li i.IndustryPresence_Finance, .IndustriesServedList ul li i.IndustryPresence_Finance {
	background-position: -1536px -158px;
}
.IndustryPresenceSection .IndustryPresenceList ul li i.IndustryPresence_Insurance, .IndustriesServedList ul li i.IndustryPresence_Insurance {
	background-position: -1625px -158px;
}
.IndustryPresenceSection .IndustryPresenceList ul li i.IndustryPresence_Education, .IndustriesServedList ul li i.IndustryPresence_Education {
	background-position: -1710px -158px;
}
.IndustryPresenceSection .IndustryPresenceList ul li i.IndustryPresence_Logistics, .IndustriesServedList ul li i.IndustryPresence_Logistics {
	background-position: -1803px -158px;
}
.IndustryPresenceSection .IndustryPresenceList ul li i.IndustryPresence_Agritech, .IndustriesServedList ul li i.IndustryPresence_Agritech {
	background-position: -1897px -158px;
}

.IndustryPresenceSection .IndustryPresenceList ul li p{
	padding: 10px 0 10px;
	margin: 0;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	color: #333;	
	font-size: 17px;
	font-weight: 400;
}
.CustomersSection{
	padding: 40px 0;
}
.IndustryPresenceSection h2{
	padding: 0 0 20px;
	margin: 0;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	color: #141a66;	
	font-size: 40px;
	font-weight: 800;
}
.IndustryPresenceSection h2:after{
	width: 100px;
	height: 1px;
	display: block;
	margin: 20px auto 0;
	background: #cccccc;
	content: '';
}
.CustomerSection{
	padding: 40px 40px;
	background: #f2f2f2;
}
.CustomerSection h2{
    padding: 0 0 20px;
    margin: 0;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: #333;
    font-size: 40px;
    font-weight: 800;
}
.CustomerSection h2:after{
	width: 100px;
    height: 1px;
    display: block;
    margin: 20px auto 0;
    background: #006699;
    content: '';
}
.CustomerSection .CustomerLogoList{
	
}
.CustomerSection .CustomerLogoList ul{
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.CustomerSection .CustomerLogoList ul{
    padding: 0;
    margin: 0;
    width: 100%;
    
    /*grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: 1fr;*/
	list-style: none;
}
.CustomerSection .CustomerLogoList ul li{
margin: 10px;
	display: inline-block;

}
.CustomerSection .CustomerLogoList ul li:hover{

}
.CustomerSection .CustomerLogoList ul li img{
-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.CustomerSection .CustomerLogoList ul li:hover img{
	 
		 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.SuccessStoriesSection{
	padding: 40px 0;
	background: #006699;
}
.SuccessStoriesSection h2{
    padding: 0 0 20px;
    margin: 0;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-size: 40px;
    font-weight: 800;
}
.SuccessStoriesSection h2:after{
	width: 100px;
    height: 1px;
    display: block;
    margin: 20px auto 0;
    background: #effaff;
    content: '';
}
.SuccessStoriesSection .SuccessStoriesBox{
	background: #fff;
}
.SuccessStoriesSection .SuccessStoriesBox img{
	width: 100%;
}
.SuccessStoriesSection .SuccessStoriesBox .SuccessStoriesBoxContent {
padding: 15px 15px 20px;
}
.SuccessStoriesSection .SuccessStoriesBox .SuccessStoriesBoxContent h3{
	padding: 0 0 10px;
    margin: 0;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: #333;
    font-size: 22px;
    font-weight: 800;
	text-align: left;
}
.SuccessStoriesSection .SuccessStoriesBox .SuccessStoriesBoxContent h3:after{
	width: 100px;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 14px 0 5px 0;
	background: #c7e3f1;
	content: '';
}
.SuccessStoriesSection .SuccessStoriesBox .SuccessStoriesBoxContent p {
	    font-family: 'Roboto', sans-serif;
	font-size: 16px;
	margin: 0px;
	padding: 0 0 15px 0;
	color: #666666;
}
.SuccessStoriesSection .SuccessStoriesBox .SuccessStoriesBoxContent a.ReadStoryButton {
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	margin: 0px;
	padding: 8px 35px 8px 15px;
	color: #006699;
	display: inline-block;
	border: 1px solid #006699;
	position: relative;
	line-height: 24px;
	    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.SuccessStoriesSection .SuccessStoriesBox .SuccessStoriesBoxContent a.ReadStoryButton:after {
    width: 15px;
    height: 12px;
    display: block;
    position: absolute;
    top: 14px;
    right: 12px;
    content: '';
    background: url(../images/sprite.png) -36px -8px no-repeat;
	    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.SuccessStoriesSection .SuccessStoriesBox .SuccessStoriesBoxContent a.ReadStoryButton:hover {
	color: #fff;
	background: #006699;
	text-decoration: none;
	    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.SuccessStoriesSection .SuccessStoriesBox .SuccessStoriesBoxContent a.ReadStoryButton:hover:after {

    content: '';
    background: url(../images/sprite.png) -36px -18px no-repeat;
	    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.ReadOurBlogSection{
	background: #ecf2fb;
	padding: 40px 0;
}
.ReadOurBlogSection h2{
	color: #141a66;
	font-weight: 800;
	font-size: 40px;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0;
}
.ReadOurBlogSection h2:after{
	width: 100px;
	height: 1px;
	display: block;
	content: '';
	margin: 15px auto 15px;
	background: #d1d2d3;
}
.ReadOurBlogSection .BlogBox{
	background: #fff;
	box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
}
.ReadOurBlogSection .BlogBox .BlogImg{
	position: relative;
}
.ReadOurBlogSection .BlogBox .BlogImg img{
	width: 100%;
}
.ReadOurBlogSection .BlogBox .BlogImg .BlogCategory{
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 15px;
	color: #fff;
	background: #006699;
	display: inline-block;
	padding: 5px 10px;
}
.ReadOurBlogSection .BlogBox .BlogContent{
	padding: 15px 20px 30px;
}
.ReadOurBlogSection .BlogBox .BlogContent h3{
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	color: #000000;
	padding: 0;
	margin: 0;
	line-height: 26px;
}
.ReadOurBlogSection .BlogBox .BlogContent h3 a{
	color: #000000;
	text-decoration: none;
}
.ReadOurBlogSection .BlogBox .BlogContent h3 a:hover{
	color: #d1211e;
	text-decoration: none;
}
.ReadOurBlogSection .BlogBox .BlogContent .BlogDate{
font-size: 14px;
	color: #999999;
	font-family: 'Roboto', sans-serif;
	padding: 0 0 20px 0;
	margin: 0;
	
}
.ReadOurBlogSection .BlogBox .BlogContent .BlogShortDesc{
font-size: 15px;
	color: #666666;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	margin: 0;
	line-height: 25px;
	
}
.ExploreOurGenomeSection{
	padding: 40px 0;
	text-align: center;
}
.ExploreOurGenomeSection .ExploreOurGenomeContent{
	padding: 40px 80px;
	text-align: center;
	 background: #1f47c3;
	    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background: url("../images/Explore-our-genome-bg.jpg") center center no-repeat;
	background-size: cover;
	position: relative;
}
.ExploreOurGenomeSection .ExploreOurGenomeContent:after{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(0, 0, 0, 0.6);
	content: '';
}
.ExploreOurGenomeSection h2{
	color: #fff;
    font-weight: 700;
    font-size: 40px;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0;
	position: relative;
	z-index: 2;
}
.ExploreOurGenomeSection h2:after{
width: 100px;
    height: 1px;
    display: block;
    content: '';
    margin: 15px auto 15px;
    background: #d1d2d3;
	position: relative;
	z-index: 2;
}
.ExploreOurGenomeSection p{
font-family: 'Poppins', sans-serif;
	 font-size: 16px;
	text-align: center;
	padding: 0 0 20px 0;
	margin: 0;
	line-height: 25px;
	color: #fff;
	position: relative;
	z-index: 2;
}
.KnowMoreButton{
	font-family: 'Poppins', sans-serif;
    font-size: 15px;
    margin: 0px;
    padding: 8px 35px 8px 15px;
    color: #fff;
    display: inline-block;
    border: 1px solid #fff;
    position: relative;
    line-height: 24px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
	position: relative;
	z-index: 2;
}
.KnowMoreButton:after{
	width: 15px;
    height: 12px;
    display: inline-block;
    position: absolute;
    top: 14px;
    right: 12px;
    content: '';
	background: url(../images/sprite.png) -36px -18px no-repeat;
   z-index: 2;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.KnowMoreButton:hover {
    color: #141a66;
    background: #fff;
    text-decoration: none;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.KnowMoreButton:hover:after {
    content: '';
     background: url(../images/sprite.png) -36px -8px no-repeat;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
/*--------------New Style End---------------------*/

p.Normal_text_16_PB_20{
 font-size:16px;
 color:#282828;
 padding:0 0 20px 0;
 margin:0;
 line-height:26px;
}

.relative{
 position:relative;
}
/*---------------------New Style End-----------------*/

/*---------------------Custome Software Development Start-----------------*/
.CustomeSoftwareBanner{
	background: url("../images/custome-software-banner-bg.jpg") center center no-repeat;
	padding: 30px 0;
	border-bottom: 1px solid #bad6ef;
	background-size: cover;
}
.CustomeSoftwareBanner h1{
	font-size: 40px;
	padding: 10px 0 10px 0;
	margin: 0;
	font-weight: 800;
	color: #333;
	text-align: center;
}
.CustomeSoftwareBanner h3{
	font-size: 26px;
	padding: 10px 0 25px 0;
	margin: 0;
	font-weight: 300;
	color: #006699;
		text-align: center;
}
.CustomeSoftwareSection1{
	padding: 30px 0;
}
.CustomeSoftwareSection1Right{
	padding: 20px 0 0 0;
}
.CustomeSoftwareSection1 h2, h2.Heading2 {
	font-size: 32px;
	font-family: 'Poppins', sans-serif;
	color: #333;
	font-weight: 700;
	line-height: 44px;
	padding: 10px 0 25px 0;
	margin: 0;
}
ul.ListTrueNormal{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #333333;
	padding: 0;
	margin: 0;
}
ul.ListTrueNormal li{
	font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 25px;
    font-weight: normal;
    text-align: left;
    margin: 0;
    padding: 6px 0 10px 25px;
    position: relative;
	list-style: none;
}
ul.ListTrueNormal li:after{
width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 8px;
	left: 0;
	content: '';
	background: url("../images/sprite.png") -5px -109px no-repeat;
}

.CustomeSoftwareSection2{
	background: #effaff;
	padding: 30px 0;
}
p.RobotoNormalPB20{
	font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 25px;
    font-weight: normal;
    text-align: left;
    margin: 0;
    padding: 0px 0 20px 0px;
    position: relative;
}
p.RobotoNormalPB10{
	font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 25px;
    font-weight: normal;
    text-align: left;
    margin: 0;
    padding: 0px 0 10px 0px;
    position: relative;
}
p.RobotoNormal15PB10{
	font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 24px;
    font-weight: normal;
    text-align: left;
    margin: 0;
    padding: 0px 0 10px 0px;
    position: relative;
}
.CustomeSoftwareSection2 ul{
	padding: 0;
	margin: 0;
}
.CustomeSoftwareSection2 .CustomeSoftwareSection2Right ul li{
	padding: 20px;
	margin: 10px 5px 20px ;
	background: #fff;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(93 119 165 / 35%);
    -moz-box-shadow: 0px 0px 10px 0px rgba(93,119,165,0.35);
    box-shadow: 0px 0px 10px 0px rgb(93 119 165 / 35%);
	display: block;
}
.CustomeSoftwareSection2 .CustomeSoftwareSection2Right ul li i.YearsExpertise{
	width: 100px;
	height: 87px;
	display: block;
	margin: 0 auto;
	background: url("../images/custome-software-sprite.png") 4px 0px no-repeat;
}
.CustomeSoftwareSection2 .CustomeSoftwareSection2Right ul li i.HundredPlushEmployee{
	width: 100px;
	height: 81px;
	display: block;
	margin: 0 auto;
	background: url("../images/custome-software-sprite.png") -95px -3px no-repeat;
}
.CustomeSoftwareSection2 .CustomeSoftwareSection2Right ul li h5{
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	color: #666666;
	padding: 10px 0 0;
	margin: 0;
	font-weight: 600;
	text-align: center;
}
h2.Heading2Center{
	font-size: 34px;
	color: #333;
	padding: 10px 0;
	margin: 0;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
	text-align: center;
}
h2.Heading2Center:after{
background: #4791b5;
	height: 1px;
	overflow: hidden;
	width: 130px;
	margin: 15px auto;
	display: block;
	content: '';
}
.CustomSoftwareDevelopmentservices_Section{
	padding: 30px 0;
}
.text-center{
	text-align: center !important;
}
.CustomSoftwareDevelopmentservices_Section ul.CustomSoftwareDevelopmentservices_List{
	padding: 0;
	margin: 0;
}
.CustomSoftwareDevelopmentservices_Section ul.CustomSoftwareDevelopmentservices_List li{
	padding: 15px 0 12px 80px;
	margin: 0;
	list-style: none;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	position: relative;
	min-height: 80px;
	color: #666666;
}
.CustomSoftwareDevelopmentservices_Section ul.CustomSoftwareDevelopmentservices_List li span{
	font-weight: 700;
	color: #333;
}
.CustomSoftwareDevelopmentservices_Section ul.CustomSoftwareDevelopmentservices_List li:after{
	width: 66px;
	height: 66px;
	display: block;
	position: absolute;
	top: 12px;
	left: 0;
	background-image: url("../images/custome-software-sprite.png");
	background-repeat: no-repeat;
	content: '';
}
.CustomSoftwareDevelopmentservices_Section ul.CustomSoftwareDevelopmentservices_List li.CustomizedWebDevelopment:after{
background-position: -2px -102px ;
}
.CustomSoftwareDevelopmentservices_Section ul.CustomSoftwareDevelopmentservices_List li.ApplicationImplementationAndDeployment:after{
background-position: -76px -115px ;
}
.CustomSoftwareDevelopmentservices_Section ul.CustomSoftwareDevelopmentservices_List li.APIDevelopment:after{
background-position: -152px -103px ;
}
.CustomSoftwareDevelopmentservices_Section ul.CustomSoftwareDevelopmentservices_List li.SystemIntegration:after{
background-position: -219px -103px ;
}
.CustomSoftwareDevelopmentservices_Section ul.CustomSoftwareDevelopmentservices_List li.CustomizedMobileApplicationDevelopment:after{
background-position: -294px -103px ;
}
.CustomSoftwareDevelopmentservices_Section ul.CustomSoftwareDevelopmentservices_List li.ApplicationMaintenance:after{
background-position: -368px -112px ;
}
.CustomSoftwareDevelopmentservices_Section ul.CustomSoftwareDevelopmentservices_List li.APIIntegration:after{
background-position: -439px -104px ;
}
.CustomSoftwareDevelopmentservices_Section ul.CustomSoftwareDevelopmentservices_List li.ETLAndBIServices:after{
background-position: -512px -112px ;
}
.CustomSoftwareDevelopmentservices_Section ul.CustomSoftwareDevelopmentservices_List li.UXUIDesign:after{
background-position: -587px -110px ;
}
.CustomSoftwareDevelopmentservices_Section ul.CustomSoftwareDevelopmentservices_List li.QualityAssuranceTesting:after{
background-position: -660px -102px ;
}
.CustomSoftwareDevelopmentservices_Section ul.CustomSoftwareDevelopmentservices_List li.DataMigrationAndUpgrades:after{
background-position: -734px -110px ;
}
.CustomSoftwareDevelopmentservices_Section ul.CustomSoftwareDevelopmentservices_List li.SLASupportServices:after{
background-position: -806px -107px ;
	    top: 10px;
}
.CustomSoftwareDevelopmentservices_Section ul.CustomSoftwareDevelopmentservices_List li.DataBackupAndDisasterRecoveryServices:after{
background-position: -879px -110px ;
}
.Methodology_Section{
	background: #effaff;
	padding: 30px 0;
}
.Technologies_Section{
	padding: 30px 0;
}
.SoftwareWeDevelop_Section{
	padding: 30px 0;
	background: #effaff;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList{
	padding: 0;
	margin: 0;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li{
	padding: 0;
	margin: 10px 0;
	display: table;
	font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 23px;
    font-weight: normal;
    text-align: left;
    position: relative;
    list-style: none;
	min-height: 55px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li span{
	padding: 0 0 0 58px;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li span:after{
	width: 52px;
	height: 50px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("../images/custome-software-sprite.png");
	background-repeat: no-repeat;
	content: '';
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.BusinessprocessAutomation span:after{
	background-position: -2px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.OperationsManagement span:after{
	background-position: -57px -189px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.HumanResourceManagement span:after{
	background-position: -111px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.Businessintelligence span:after{
	background-position: -165px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.ProjectTaskManagement span:after{
	background-position: -218px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.HRandTalentManagement span:after{
	background-position: -274px -189px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.SalesMarketingAutomation span:after{
	background-position: -328px -190px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.TimeAttendancePayrollManagement span:after{
	background-position: -380px -190px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.RiskAssessment span:after{
	background-position: -434px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.RiskManagementSystem span:after{
	background-position: -488px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.ComplianceManagement span:after{
	background-position: -542px -189px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.DocumentManagement span:after{
	background-position: -595px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.KnowledgeManagement span:after{
	background-position: -651px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.IntranetPortals span:after{
	background-position: -703px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.CommunityPortals span:after{
	background-position: -758px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.InsuranceSurvey span:after{
	background-position: -814px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.LearningCompetencyDevelopmentManagement span:after{
	background-position: -866px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.AudienceResponseSystem span:after{
	background-position: -918px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.InvoicingAndBilling span:after{
	background-position: -974px -188px;
}

.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.QualityInspectionSystem span:after{
	background-position: -1027px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.CashManagement span:after{
	background-position: -1082px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.InvestmentPortfolioManagement span:after{
	background-position: -1135px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.AutomatedAlgorithmicStockTrading span:after{
	background-position: -1188px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.StockMarketSimulator span:after{
	background-position: -1243px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.VehicleAuctionsPlatform span:after{
	background-position: -1298px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.ServiceManagementSystem span:after{
	background-position: -1352px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.SparePartsManagementSystem span:after{
	background-position: -1406px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.InventoryManagementSoftware span:after{
	background-position: -1460px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.SimulationsUsingVensimModel span:after{
	background-position: -1515px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.EmergencyResponse span:after{
	background-position: -1565px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.TrainingAssessmentKiosks span:after{
	background-position: -1622px -189px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.VisitorManagementSystem span:after{
	background-position: -1677px -189px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.ContractorManagementSystem span:after{
	background-position: -1730px -188px;
}
.SoftwareWeDevelop_Section ul.SoftwareWeDevelopList li.SupportTicketManagement span:after{
	background-position: -1783px -189px;
}
.EnquiryButton, .EnquiryButton:focus {
    font-size: 16px;
    margin: 0px;
	text-transform: uppercase;
    padding: 8px 45px 8px 20px;
    color: #fff;
	background: #006699;
    display: inline-block;
    border: 1px solid #006699;
    position: relative;
	text-decoration: none;
    line-height: 24px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.EnquiryButton:hover {
	background: #fff;
	color: #006699;
	text-decoration: none;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.EnquiryButton:hover:after {
    background: url(../images/sprite.png) -36px -8px no-repeat;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.EnquiryButton:after {
    width: 15px;
    height: 12px;
    display: inline-block;
    position: absolute;
    top: 13px;
    right: 18px;
    content: '';
    background: url(../images/sprite.png) -36px -18px no-repeat;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
/*---------------------Custome Software Development End-----------------*/
/*---------------------Web Application Development Start-----------------*/
.WebApplicationDevelopmentBanner{
	background: url("../images/web-application-banner-bg.jpg") center center no-repeat;
	background-size: cover;
	padding: 30px 0 0 0;
	border-bottom: 1px solid #c7e3f1;
}
h1.Heading1Center{
	font-size: 40px;
    padding: 10px 0 20px 0;
    margin: 0;
    font-weight: 800;
    color: #333;
    text-align: center;
}
h1.Heading1Left{
	font-size: 40px;
    padding: 10px 0 20px 0;
    margin: 0;
    font-weight: 800;
    color: #333;
    text-align: left;
}
.WebApplicationDevelopmentSection1{
	padding: 80px 0 30px;
}
.WebApplicationDevelopmentSection1 .WebApplicationDevelopmentSection1Box{
	    padding: 20px;
	margin: 10px 0;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(93 119 165 / 35%);
    -moz-box-shadow: 0px 0px 10px 0px rgba(93,119,165,0.35);
    box-shadow: 0px 0px 10px 0px rgb(93 119 165 / 35%);
    display: block;
}
.WebApplicationDevelopmentSection1 .WebApplicationDevelopmentSection1Box i{
	width: 80px;
	height: 80px;
	display: block;
	margin: -60px auto 20px;
	background-image: url("../images/sprite.png");
	background-repeat: no-repeat;
	background-color: #006699;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.WebApplicationDevelopmentSection1 .WebApplicationDevelopmentSection1Box h3{
	font-size: 24px;
	color: #333;
	padding: 0 0 10px 0;
	margin: 0;
	text-align: center;
	    font-family: 'Poppins', sans-serif;
	font-weight: 700;
}
.WebApplicationDevelopmentSection1 .WebApplicationDevelopmentSection1Box h3:after{
	width: 100px;
	height: 1px;
	content:'';
	margin: 15px auto 10px;
	display: block;
	background: #c7e3f1;
}
.WebApplicationDevelopmentSection1 .WebApplicationDevelopmentSection1Box p{
	font-size: 15px;
	color: #333;
	text-align: center;
	line-height: 25px;
}
.WebApplicationDevelopmentSection1 .WebApplicationDevelopmentSection1Box i.OrganizationLevelApplications_i{
	background-position: -1143px -162px;
}
.WebApplicationDevelopmentSection1 .WebApplicationDevelopmentSection1Box i.DepartmentLevelApplications_i{
	background-position: -1236px -162px;
}
.WebApplicationDevelopmentSection1 .WebApplicationDevelopmentSection1Box i.BusinessFunctionalApplications_i{
	background-position: -1335px -165px;
}
.WebApplicationDevelopmentSection2{
	padding: 30px 0;
	background: #c7e3f1;
}
.WebApplicationDevelopmentSection2{
	padding: 30px 0;
	background: #c7e3f1;
}
.WebApplication_slider{
}
.WebApplication_slider h3.RecentWorks_heading3{
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 28px;
	color: #333333;
	padding: 10px 0 20px 0;
	margin: 0;
}
.WebApplication_slider .WebApplication_sliderLeft img{
	border: 1px solid #fff;
}
.WebApplicationDevelopmentSection3{
	padding: 30px 0 30px;
}
.LetsDiscuss{
	    -webkit-box-shadow: 0px 0px 10px 0px rgb(93 119 165 / 35%);
    -moz-box-shadow: 0px 0px 10px 0px rgba(93,119,165,0.35);
    box-shadow: 0px 0px 10px 0px rgb(93 119 165 / 35%);
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	text-align: center;
	padding: 20px;
}
/*---------------------Web Application Development End-----------------*/
/*---------------------Mobile Application Development Start-----------------*/
.MobileApplicationSection1{
	padding: 30px 0 0;
}
.LetsDiscussSection{
	padding: 30px 0;
	background: #effaff;
}
.WhiteBox{
	padding: 20px 20px 10px;
	background: #fff;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(93 119 165 / 35%);
    -moz-box-shadow: 0px 0px 10px 0px rgba(93,119,165,0.35);
    box-shadow: 0px 0px 10px 0px rgb(93 119 165 / 35%);
	width: 100%;
	display: block;
	margin: 10px 0;
}
.WhiteBox h4.Heading4Text{
	font-size: 20px;
    color: #006699;
    padding: 0 0 10px 0;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}
h4.Heading4TextBlackCenter{
	font-size: 20px;
    color: #333;
    padding: 0 0 10px 0;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}
ul.BorderListWhiteInline{
	padding: 0;
	margin: 0 -5px;
	list-style: none;
}
ul.BorderListWhiteInline li{
	padding: 5px 20px;
	display: inline-block;
	margin: 5px;
	border: 1px solid #c7e3f1;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	list-style: none;
	font-size: 16px;
	color: #333333;
	nt-family: 'Roboto', sans-serif;
}
h3.Heading3BorderB{
	font-size: 24px;
	font-weight: 700;
	color: #333;
	font-family: 'Poppins', sans-serif;
	padding: 0 0 10px 0;
	margin: 0;
}
h3.Heading3BorderB:after{
	width: 100px;
	height: 1px;
	display: block;
	background: #4791b5;
	margin: 15px 0 5px;
	content: '';
}
.ProcessofMobileAppDevelopmentSection{
	padding: 30px 0;
}
.Acordian{
	padding: 0;
	margin: 0;
	width: 100%;
}
.Acordian ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.Acordian ul li{
	padding: 0;
	margin: 15px 0;
	list-style: none;
	border: 1px solid #c7e3f1;
	border-left: 5px solid #c7e3f1;
	position: relative;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.Acordian ul li a{
	padding: 0;
	list-style: none;
	font-size: 18px;
	font-weight: 500;
	color: #333333;
	padding: 10px 20px;
	position: relative;
	display: block;
	text-decoration: none;
}
.Acordian ul li a.collapsed:after{
-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	display: block;
	content: '';
	position: absolute;
	top: 10px;
	right: 15px;
	width: 25px;
	height: 25px;
	background: url("../images/sprite.png") -254px -447px no-repeat #4791b5;
}
.Acordian ul li a:after{
-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	display: block;
	content: '';
	position: absolute;
	top: 10px;
	right: 15px;
	width: 25px;
	height: 25px;
	background: url("../images/sprite.png") -254px -426px no-repeat #4791b5;
}
.Acordian ul li .AcordianContent{
	padding: 10px 20px;
}
.Acordian ul li .collapse {
    display: none;
}
.Acordian ul li .collapse.in {
    display: block;
}
.Acordian ul li ul.ListTrueNormal li {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 25px;
    font-weight: normal;
    text-align: left;
    margin: 0;
	border: none;
    padding: 6px 0 10px 25px;
    position: relative;
    list-style: none;
}
.WhytoEngagewithUsSection{
	background: #effaff;
	padding: 30px 0;
}
.WhytoEngagewithUsSection{
	background: #effaff;
	padding: 30px 0;
}
h3.Heading3 {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    font-family: 'Poppins', sans-serif;
    padding: 5px 0 10px 0;
    margin: 0;
	line-height: 30px;
}
.MobileAppList{
	
}
.MobileAppList ul{
	padding: 0;
	margin: 0 -10px;
}
.MobileAppList ul li{
	padding: 0;
	width: 150px;
	margin: 10px 5px;
	display: inline-block;
	list-style: none;
}
/*---------------------Mobile Application Development End-----------------*/
/*---------------------UX/UI Design Start-----------------*/
.UxUiDesignBanner{
	background: url(../images/ux-ui-design/ux-ui-design-banner-bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 0px 0 0 0;
    border-bottom: 1px solid #c7e3f1;
}
.OurUXUIDesignServicesSection{
	padding: 30px 0;
}
.OurUXUIDesignServicesSection ul.UXUIDesignServicesList {
	padding: 0;
	margin: 0;
	list-style: none;
}
.OurUXUIDesignServicesSection ul.UXUIDesignServicesList li{
	padding: 10px 10px 10px 125px;
	margin: 10px 0;
	position: relative;
	list-style: none;
}
.OurUXUIDesignServicesSection ul.UXUIDesignServicesList li h4{
	font-size: 20px;
	color: #333;
	padding: 5px 0 10px 0;
	margin: 0;
	font-weight: 700;
}
.OurUXUIDesignServicesSection ul.UXUIDesignServicesList li i{
	width: 102px;
	height: 92px;
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	background-color: #fff;
	background-image:url("../images/ux-ui-design/ux-ui-design-icon.png");
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(93 119 165 / 35%);
    -moz-box-shadow: 0px 0px 10px 0px rgba(93,119,165,0.35);
}
.OurUXUIDesignServicesSection ul.UXUIDesignServicesList li i.ResponsiveDesignDevelopment{
	background-position: -3px -2px;
	background-repeat: no-repeat;
}
.OurUXUIDesignServicesSection ul.UXUIDesignServicesList li i.MobileAppDesign{
	background-position: -107px -2px;
	background-repeat: no-repeat;
}
.OurUXUIDesignServicesSection ul.UXUIDesignServicesList li i.DesignPrototypingDevelopment{
	background-position: -208px -4px;
	background-repeat: no-repeat;
}
.OurUXUIDesignServicesSection ul.UXUIDesignServicesList li i.PSDtoHTMLDevelopment{
	background-position: -315px -3px;
	background-repeat: no-repeat;
}
.UxUIDesignOurProcessSection{
	padding: 30px 0;
	background: #effaff;
}
.BlueBorderBox{
	border: 1px solid #414854;
	padding: 20px 20px 10px 20px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin: 15px 0;
}
.BlueBorderBox h4{
	font-size: 20px;
	color: #333;
	padding: 0 0 10px 0;
	margin: 0;
	    font-family: 'Poppins', sans-serif;
	font-weight: 600;
}
.WhytoEngagewithUsSectionWhite{
	    background: #fff;
    padding: 30px 0 40px;
}
/*---------------------UX/UI Design End-----------------*/
/*---------------------Startup-Consulting Start-----------------*/
.StartupConsultingBanner{
	background: #e6f0fb;
	padding: 30px 0 10px;
}	
.StartupConsultingTechnologyPartnerforStartups{
	background: #effaff;
	padding: 30px 0;
	margin: 0;
}
.BlueBorderBoxWithIcon{
	margin: 50px 0 0 0;
	background: #effaff;
	text-align: center;
	    border: 1px solid #414854;
	padding: 20px;
	    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.BlueBorderBoxWithIcon i{
	width: 86px;
	height: 76px;
	display: block;
	background-color: #effaff;
	margin: -60px auto 0;
	background-image: url("../images/Startup-Consulting/Startup-Consulting-icons.png");
	background-repeat: no-repeat;
}
.BlueBorderBoxWithIcon i.TheExpertTeamIcon{
	background-position: -6px -2px;
}
.BlueBorderBoxWithIcon i.InSyncwiththeMarketIcon{
	background-position: -104px -2px;
}
.BlueBorderBoxWithIcon i.Userfriendly{
	background-position: -199px -2px;
}
.BlueBorderBoxWithIcon i.AgileDevelopmentIcon{
	background-position: -297px -2px;
}
.SuccessStoriesSectionWhite{
	padding: 30px 0;
}
.SuccessStoriesSectionBlue{
	padding: 30px 0;
}
ul.SuccessStoriesList {
    display: flex;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
	padding: 0;
	margin: 0;
}
ul.SuccessStoriesList li {
	padding: 10px;
	margin: 0px;
	list-style: none;
}
ul.SuccessStoriesList li .SuccessStoriesBox {
padding: 8px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(93 119 165 / 35%);
    -moz-box-shadow: 0px 0px 10px 0px rgba(93,119,165,0.35);
    box-shadow: 0px 0px 10px 0px rgb(93 119 165 / 35%);
	list-style: none;
	height: 100%;
}
ul.SuccessStoriesList li .ClientLogoBox{
	height: 150px;
	width: 100%;
	display: block;
	background: #e7f2f7;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	position: relative;
}

ul.SuccessStoriesList li .ClientLogoBox img {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
ul.SuccessStoriesList li p.CompanyName{
padding: 10px 0px 0;
	font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 24px;
    font-weight: normal;
    text-align: left;
	color: #666666;
    margin: 0;
}
.SuccessStoriesContent{
	padding: 5px 5px 20px;
}
ul.SuccessStoriesList li h3.ProjectName{
	padding: 0px 0px 20px;
	font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    text-align: left;
	color: #333333;
    margin: 0;
}
ul.SuccessStoriesList li a.ViewSuccessStoryLink{
	padding: 5px 17px 7px 0;
	font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 24px;
	color: #006699;
    margin: 0;
	border: 1px solid #fff;
	border-bottom: 1px solid #0e9fd9;
	position: relative;
	    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
ul.SuccessStoriesList li a.ViewSuccessStoryLink:hover{
	padding: 5px 28px 7px 10px;
	font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 24px;
	color: #006699;
	text-decoration: none;
    margin: 0;
	border: 1px solid #0e9fd9;
	position: relative;
	    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
ul.SuccessStoriesList li a.ViewSuccessStoryLink:after{
    width: 12px;
    height: 10px;
    display: block;
    background: url(../images/sprite.png) -39px -38px no-repeat;
	content: '';
	top: 10px;
	right: 0px;
	position: absolute;
	    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
ul.SuccessStoriesList li a.ViewSuccessStoryLink:hover:after{
    width: 12px;
    height: 10px;
    display: block;
	content: '';
	top: 10px;
	right: 10px;
	position: absolute;
	    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
/*---------------------Startup-Consulting End-----------------*/
/*---------------------Enterprise Application Development Start-----------------*/
.EnterpriseApplicationDevelopmentBanner{
	background: #e6f0fb;
	padding: 10px 0;
}
.EnterpriseApplicationDevelopmentBanner .EnterpriseApplicationDevelopmentBannerContent{
	width: 100%;
	vertical-align: middle;
	  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.EnterpriseApplicationDevelopmentSection2{
	padding: 30px 0;
}
.EnterpriseApplicationDevelopmentServicesBox{
	padding: 15px 20px 10px;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(93 119 165 / 35%);
    -moz-box-shadow: 0px 0px 10px 0px rgba(93,119,165,0.35);
    box-shadow: 0px 0px 10px 0px rgb(93 119 165 / 35%);
    width: 100%;
    display: block;
    margin: 10px 0;
}
ul.EnterpriseApplicationDevelopmentServicesList {
	padding: 0;
	margin: 0;
}
ul.EnterpriseApplicationDevelopmentServicesList li{
	padding: 0 0 0 85px;
	margin: 10px 0 20px;
	list-style: none;
	position: relative;
}
ul.EnterpriseApplicationDevelopmentServicesList li i{
	width: 72px;
	height: 72px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("../images/enterprise-application/enterprise-application-development-icon.png");
	background-repeat: no-repeat;
}
ul.EnterpriseApplicationDevelopmentServicesList li i.WebApplicationDevelopmentIcon{
background-position: -7px 0;	
}
ul.EnterpriseApplicationDevelopmentServicesList li i.MobileApplicationDevelopmentIcon{
background-position: -110px -2px;	
}
ul.EnterpriseApplicationDevelopmentServicesList li i.IntegrationsIcon{
background-position: -205px 0;	
}
.IndustriesServedSectionBlue{
	background: #effaff;
	padding: 30px 0;
}
.IndustriesServedList{
	text-align: center;
}
.IndustriesServedList ul {
    padding: 0;
    margin: 0;
    text-align: center;
}
.IndustriesServedList ul li {
    padding: 10px;
    margin: 8px 7px;
    text-align: center;
    width: 182px;
    height: 155px;
    display: inline-block;
    box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
	background: #fff;
}
.IndustriesServedList ul li p {
    padding: 10px 0 10px;
    margin: 0;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    color: #333;
    font-size: 17px;
    font-weight: 400;
}
.IndustriesServedList ul li  i {
    width: 80px;
    height: 80px;
    display: block;
    margin: 5px auto;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
}

.IndustriesServedList ul li i.IndustryPresence_OilGas {
    background-position: 0 -163px;
}
.EnterpriseApplicationDevelopmentMethodologySection{
	padding: 30px 0;
}
.V_AlignMiddle {
  height: 100%;
  width: 100%;
  position: relative;
}
.V_AlignMiddle .V_AlignMiddleContent {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.RightTeamforEnterpriseApplicationDevelopmentSection{
	background: #effaff;
    padding: 40px 0;
}
.RightTeamforEnterpriseApplicationDevelopmentSection .HowWeEngageWithYou{
	border-left: 1px solid #006699;
	padding: 0 0 0 30px;
	
}
/*---------------------Enterprise Application Development End-----------------*/















/*------------------Footer Start---------------*/




/*------------------Cloud Strategy End---------------*/
/*------------------Sharepoint Page Start---------------*/

/*-----------------Tab-------------*/
.r-tabs { position: relative; }
.sharepointPage_Tab {  margin-top:-35px; }
.r-tabs .r-tabs-nav { background: #FFF; margin: 0; padding: 0; display: table; width: 100%; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4); }
.r-tabs .r-tabs-nav .r-tabs-tab { position: relative; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 23px; display: table-cell; border-right: 1px solid #ccc; }
.r-tabs .r-tabs-nav .r-tabs-anchor { padding: 10px 12px; display: inline-block; text-decoration: none; color: #fff; color: #000000; }
.r-tabs .r-tabs-nav .r-tabs-state-active { background-color: #2fb1ff }
.r-tabs .r-tabs-nav .r-tabs-state-disabled { opacity: 0.5; }
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { color: #FFFFFF; }
.r-tabs .r-tabs-panel { margin-bottom: 3px; }
.r-tabs .r-tabs-accordion-title .r-tabs-anchor { display: block; padding: 10px; background-color: #009cf1; color: #fff; font-weight: bold; text-decoration: none; margin-bottom: 3px; }
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled { opacity: 0.5; }
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color: #fff; color: #0f6f91; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 0; }
.r-tabs-accordion-title { border-bottom: 1px solid #CCC; }
.r-tabs .r-tabs-tab { display: inline-block; margin: 0; list-style: none; }
.r-tabs .r-tabs-panel { padding: 15px; display: none; }
.r-tabs .r-tabs-accordion-title { display: none; }
.r-tabs .r-tabs-panel.r-tabs-state-active { display: block; }
.r-tabs-nav li a i { width: 42px; height: 42px; display: inline-block; position: absolute; left: 21px; top: 14px; }
.SharepointConsulting, .SharepointDevelopment, .SharepointMigration, .SharepointIntegration { padding: 12px 25px 12px 60px; }
.SharepointConsulting i { background-position: -312px -67px; }
.r-tabs-state-active.SharepointConsulting i { background-position: -312px -123px; }
.SharepointDevelopment i { background-position: -375px -67px; }
.r-tabs-state-active.SharepointDevelopment i { background-position: -375px -123px; }
.SharepointMigration i { background-position: -433px -67px; }
.r-tabs-state-active.SharepointMigration i {background-position: -433px -123px; }
.SharepointIntegration i { background-position: -492px -66px; }
.r-tabs-state-active.SharepointIntegration i { background-position: -492px -122px; }
li.r-tabs-state-active::after { content: ''; width: 19px; height: 11px; margin: 0 auto; background: url(../images/aws-sprite.png) -427px -188px no-repeat; position: absolute; left: 46%; bottom: -10px; }
.AWS_tab_img { margin-top: 20px; }
.r-tabs_content { padding: 30px 0 0 0; }
.r-tabs .TabHeading2{
 font-size:36px;
 color:#000;
 padding:0 0 5px 0;
 margin:0;
 font-weight:bold;
}
.r-tabs .SharepointConsulting_tab_content h3, .SharepointDevelopment_tab_content h3, .r-tabs .SharePointMigration_tab_content h3, .r-tabs .SharePointIntegration_tab_content h3{
font-size:24px;
color:#010101;
font-weight:300;
padding:10px 0 20px 0;
margin:0;
}

/*-----------------Tab-------------*/


/*------------------Sharepoint Page End---------------*/
/*------------------Web Design Services Page Start---------------*/

/*------------------Contact Us Page End---------------*/

.sprite{
 background-image:url(../images/sprite.png);
}
.GetInTouch_Button_div {
    position: fixed;
    bottom: 105px;
    left: 0;
    height: auto;
    z-index: 16;
    padding: 0;
}
.GetInTouch {
    width: 52px;
    height: 190px;
    display: block;
    background: url(../images/sprite.png) -1059px -531px no-repeat;
    z-index: 9;
}


.button-group:after {
  content: '';
  display: block;
  clear: both;
}

/*-----------Case Study Page End------------*/


/*------------Career Page Start---------------*/


























.header .navbar-collapse {float: right; width:960px; padding:25px 0 0px 0;}
.fa-search { background: url(../images/search_icon.png) center center no-repeat #f7f7f7; }
.fa-times { background: url(../images/search_close_icon.png) center center no-repeat #f2f2f2; }
.header .navbar-toggle { margin-top: -10px; clear: both; }
@media (min-width:3200px) {
.container {
    width: 1200px;
}
}
@media (max-width:1200px) {
.header .logo {
    width: 188px;
    vertical-align: middle;
    display: inline-block;
}
.header .navbar-collapse {float: right; width:auto; padding:12px 0 0 0;}
.header > .container { display: table; margin-bottom: -20px; }
.header .navbar-nav { float: right; }
.header .navbar-nav > li > a { bottom: -2px; position: relative;    padding: 10px 12px 18px 12px; }
.header .navbar-nav > li > a {
    color: #000000;
    font-size: 15px;
}

.grid-item {
    width: 33%;
    float:left;
    position:inherit !important;
    top:inherit;
    left:inherit;
}


}



@media (max-width:991px) {

.D_none_991{
 display:none;
}

 body{
	 padding-top:0;
 }
.header {
    z-index: 100;
    background: #fff;
    position: relative;
    width: 100%;
    border-bottom: solid 1px #c4d6e9;
    height: 64px;
    top: 0;
}
.header .logo {
    width: 218px;
    vertical-align: middle;
    display: inline-block;
}
.equal, .equal > div[class*='col-'] { display: block !important; }
.header .navbar-header { float: none; }
.header .navbar-toggle { display: block; z-index: 99;margin: 10px 0 0 0; }
.header .navbar-collapse.collapse { display: none !important; width:100%}
.header .navbar-collapse.collapse.in { display: block !important; width:100%;z-index: 999;
    position: relative; }
.header .navbar-collapse.collapse.in ul.nav.navbar-nav{
	background:#FFF;
	min-height:100px;
	width:100%;
	-webkit-box-shadow: 0px 1px 9px 0px rgba(93,119,165,0.35);
    -moz-box-shadow: 0px 1px 9px 0px rgba(93,119,165,0.35);
    box-shadow: 0px 1px 9px 0px rgba(93,119,165,0.35);
}
.header .mega-menu .nav, .header .mega-menu .dropup, .header .mega-menu .dropdown, .header .mega-menu .collapse, .header .mega-menu .collapsing{
position: static;
background:#FFF;
    position: relative;
	    height: inherit;
		 width:100%;
border-bottom:1px solid #ccc;
}
.header .navbar-collapse.collapse.in ul.nav.navbar-nav li.dropdown ul.dropdown-menu{
	position:inherit;
	display: none;
}
.header .navbar-collapse.collapse.in ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu{
	position:inherit;
	display: block;
	opacity: 1;
	    -webkit-transform: translateY(0);
    transform: translateY(0);
	z-index:5;
	top:0;
	float:none;
	border-bottom: 1px solid #d1211e;
}
.navbar-nav>li.dropdown {
    float: none;
}
.header .navbar-collapse {
    float: none;
    width: 100%;
    padding: 4px 0 0 0;
}
.header .container {
    width: 100%;
	    padding-right: 10px;
    padding-left: 10px;
}

.header .navbar-nav > li > a {
    bottom: -2px;
    position: relative;
    padding: 15px 16px 18px 16px;
	    font-size: 18px;
    font-weight: 500;
}

.header .navbar-nav > li.ContactButton > a {
    bottom: -2px;
    position: relative;
    padding: 12px 16px 16px 16px;
}
.header .navbar-nav > li.ContactButton {
    float:none;
	display:inline-block;
	    margin:5px 15px;
}
.header .navbar-nav > li.search_button{
	float:none;
}
.header .nav .search-open {
    right: 0;
    top: 0;
	width:100%;
    display: none;
    padding: 14px;
    position: relative;
    background: #f2f2f2;
	display:block !important;
}
.header .nav > li > .search {
	display:none;
}
.header .nav > li.search_button{
	padding:0;
}
.header .navbar-nav > li.dropdown > a.dropdown-toggle:after{
	content:'';
width: 30px;
    height: 30px;
	display:block;
	position:absolute;
	top:10px;
	right:10px;
	    background: url(../images/sprite.png) -560px -85px no-repeat #d1211e;
		-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.header .navbar-nav > li.dropdown.open > a.dropdown-toggle:after{
	content:'';
width: 30px;
    height: 30px;
	display:block;
	position:absolute;
	top:10px;
	right:10px;
	    background: url(../images/sprite.png) -560px -112px no-repeat #d1211e;
}
.header .navbar-nav > li a.nav-primary-item:before {

    content: '';
    height: 2px;

}

/*---2-12-19--*/
.r-tabs .r-tabs-nav {
    display: none !important;
}
.r-tabs .r-tabs-accordion-title {
    display: block;
}
.sharepointPage_Tab {
    margin-top: 35px;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    background-color: #00a1f1;
    color: #FFFFFF;
    border-top: none;
    border-right: none;
    border-left: none;
	font-size:22px;
	font-weight:normal;
	padding: 10px 15px;
    margin-bottom: 0;
	border: 1px solid #ccc;
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    display: block;
    padding: 10px 15px;
    background-color: #009cf1;
    color: #fff;
	font-size:22px;
	font-weight:normal;
    text-decoration: none;
    margin-bottom: 3px;
}
.r-tabs_content.r-tabs-panel.r-tabs-state-active{
	background:#ebf1fd;
	padding:10px 15px;
	border: 1px solid #CCC; 
	border-top: none;
}
.r-tabs-accordion-title {
    border-bottom: none; 
	margin-top:10px;
}
.CaseProfile_Box h3 {
    font-size: 22px;
    color: #000;
    padding: 17px 14px;
    margin: 0;
    font-weight: 500;
	border-top:1px solid #ccc;
	text-align:center;
}
.r-tabs-accordion-title a{
	position:relative;
}
.r-tabs-accordion-title.r-tabs-state-active a:after {
    width: 28px;
    height: 28px;
    border: 1px solid #FFF;
    display: block;
    position: absolute;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    top: 12px;
    right: 15px;
    background: url(../images/sprite.png) -562px -114px no-repeat;
    content: '';
}
.r-tabs-accordion-title a:after{
    width: 28px;
    height: 28px;
    border: 1px solid #FFF;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    display: block;
    position: absolute;
    top: 12px;
    right: 15px;
    background: url(../images/sprite.png) -562px -87px no-repeat;
    content: '';
}

}
/*-----------Mega Menu Start---------*/
.header .mega-menu .equal-height-list h3 a { font-size: 13px; font-weight: 600; padding: 0 !important; margin: 0 !important; text-transform: uppercase; color: #333; }
.header .mega-menu .equal-height-list h3 a:hover { text-decoration: underline; color: #333; }
.custom-nav-ul-li li { padding: 5px 10px 5px 15px; color: #666; }

/*-----------Mega Menu End---------*/
@media (max-width:768px) {
 body{
	 padding-top:0;
 }
.header {
    z-index: 100;
    background: #fff;
    position: relative;
    width: 100%;
    border-bottom: solid 1px #c4d6e9;
    height: 64px;
    top: 0;
}
.header .logo {
    width: 218px;
    vertical-align: middle;
    display: inline-block;
}
.equal, .equal > div[class*='col-'] { display: block !important; }
.header .navbar-header { float: none; }
.header .navbar-toggle { display: block; z-index: 99;margin: 10px 0 0 0; }
.header .navbar-collapse.collapse { display: none !important; width:100%}
.header .navbar-collapse.collapse.in { display: block !important; width:100%;z-index: 999;
    position: relative; }
.header .navbar-collapse.collapse.in ul.nav.navbar-nav{
	background:#FFF;
	min-height:100px;
	width:100%;
	    -webkit-box-shadow: 0px 1px 9px 0px rgba(93,119,165,0.35);
    -moz-box-shadow: 0px 1px 9px 0px rgba(93,119,165,0.35);
    box-shadow: 0px 1px 9px 0px rgba(93,119,165,0.35);
	}
.header .mega-menu .nav, .header .mega-menu .dropup, .header .mega-menu .dropdown, .header .mega-menu .collapse, .header .mega-menu .collapsing{
position: static;
background:#FFF;
    position: relative;
	    height: inherit;
		 width:100%;
		 border-bottom:1px solid #ccc;
		 
}
.header .navbar-collapse.collapse.in ul.nav.navbar-nav li.dropdown ul.dropdown-menu{
	position:inherit;
	display: none;
}
.header .navbar-collapse.collapse.in ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu{
	position:inherit;
	display: block;
	opacity: 1;
	    -webkit-transform: translateY(0);
    transform: translateY(0);
	z-index:5;
	top:0;
	float:none;
	border-bottom: 1px solid #d1211e;
}
.navbar-nav>li.dropdown {
    float: none;
}
.header .navbar-collapse {
    float: none;
    width: 100%;
    padding: 4px 0 0 0;
}
.header .container {
    width: 100%;
	    padding-right: 10px;
    padding-left: 10px;
}


.header .navbar-nav > li > a {
    bottom: -2px;
    position: relative;
    padding: 15px 16px 18px 16px;
	    font-size: 18px;
    font-weight: 500;
}

.header .navbar-nav > li.ContactButton > a {
    bottom: -2px;
    position: relative;
    padding: 12px 16px 16px 16px;
}
.header .navbar-nav > li.ContactButton {
    float:none;
	display:inline-block;
	    margin:5px 15px;
}
.header .navbar-nav > li.search_button{
	float:none;
}
.header .nav .search-open {
    right: 0;
    top: 0;
	width:100%;
    display: none;
    padding: 14px;
    position: relative;
    background: #f2f2f2;
	display:block !important;
}
.header .nav > li > .search {
	display:none;
}
.header .nav > li.search_button{
	padding:0;
}


.header .navbar-nav > li.dropdown > a.dropdown-toggle:after{
	content:'';
width: 30px;
    height: 30px;
	display:block;
	position:absolute;
	top:10px;
	right:10px;
	    background: url(../images/sprite.png) -560px -85px no-repeat #d1211e;
		-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.header .navbar-nav > li.dropdown.open > a.dropdown-toggle:after{
	content:'';
width: 30px;
    height: 30px;
	display:block;
	position:absolute;
	top:10px;
	right:10px;
	    background: url(../images/sprite.png) -560px -112px no-repeat #d1211e;
}
.header .navbar-nav > li a.nav-primary-item:before {

    content: '';
    height: 2px;

}

.navbar-nav {
   margin: 0px -15px;
}
.grid-item {
    width: 50%;
}

}


@media (min-width:992px) {
.header .navbar-nav { float: right; }
.header.no-topbar .navbar-nav { padding-top: 36px; }
.header .nav > li > .search { bottom: -4px; position: relative; }
.header .mega-menu .mega-menu-content.content-two-col { min-width: 596px; }
.header .mega-menu .mega-menu-content.content-three-col { min-width: 864px; }
.header .mega-menu .equal-height { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.header .mega-menu .equal-height-in { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.header .mega-menu .big-screen-space { margin-bottom: 20px; }
.header .mega-menu .equal-height-in { padding: 0 0; border-left: 1px solid #eee; }
.header .mega-menu .equal-height-in:first-child { border-left: none; margin-left: -1px; }
.header .mega-menu .equal-height-list { width: 100%; }
.header .mega-menu .equal-height-list li a { display: block; margin-bottom: 1px; position: relative; border-bottom: none; padding: 5px 10px 5px 15px; }
.header .mega-menu .equal-height-list a:hover { text-decoration: none; }
.header .mega-menu .mega-menu-content li a { padding: 5px 10px 5px 30px; }
.header .mega-menu .mega-menu-content li a:after { top: 7px; left: 15px; font-size: 11px; content: "\f105"; position: absolute; font-weight: normal; display: inline-block; font-family: FontAwesome; }
.header .mega-menu .disable-icons li a { padding: 5px 10px 5px 15px; }
.header .mega-menu .disable-icons li a:after { display: none; }

}

@media (min-width: 992px) {
.header .navbar-nav > li.dropdown:hover > .dropdown-menu { display: block; }
}


@media (max-width: 600px) {
.fancybox-nav span { visibility: visible !important; }
.grid-item {
    width: 100%;
}
.grid>.grid-item:nth-of-type(n) {
    clear: none;
}
.grid>.grid-item:nth-of-type(1n+1) {
    clear: both;
}

}