body{
	font-family: 'Open Sans Condensed', sans-serif;
	padding:0;
	margin:0;
	color:#393939
} 
.videoBanner{position:relative}
#myVideo {
	width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0; 
    z-index: -1;
	overflow:auto;
	width:100%
}  
.main-Div { 
    background: rgb(0 0 0 / 20%);
    background: transparent linear-gradient(117deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.5) 66%, rgba(255, 255, 255, 0) 100%) 40% 0% no-repeat padding-box;
   	height:100vh
}
.home-banner{ 
 position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: fit-content;
	z-index:0
} 
.bannerHading {
    padding-top:8%;
    text-align: center;
}
.bannerHading h1{
    text-align: center;
    font: normal normal bold 80px/63px Open Sans Condensed; 
    text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
    text-transform: uppercase; 
    color: #333333;
   /* color: #fff;
    font: normal normal normal 32px/42px Open Sans;
    margin-bottom: 10px;*/
}
.bannerHading h1 span{
	color:#797979
}
.bannerHading h2{
    color: #333333;
    font: normal normal normal 32px/42px Open Sans;
    margin-bottom: 10px;
    /*font: normal normal 600 22px/30px Open Sans;
	letter-spacing: -1px;
	color: #343434;
	margin-top:30px;*/
}

.bannerHading p{
	font: normal normal 600 22px/30px Open Sans;
	letter-spacing: -1px;
	color: #343434;
	margin-top:30px;
} 
.btn-default{
	background: #16A03B 0% 0% no-repeat padding-box;
	border-radius: 4px; 
	text-align: left;
	font: normal normal normal 18px/43px Open Sans;  
	color: #FFFFFF;
	text-transform: uppercase;
	padding:4px 20px;
	transition:.7s;
	border:2px solid #16A03B;
	transform: perspective(1px) translateZ(0);
    /*transform: perspective(1px) translateZ(0);*/
	position: relative;
}  
 
.btn-default::before {
	content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background: #000;
	border-radius: 3px;
   /* -webkit-transform: scale(0);*/
    transform: scale(0);
    /*-webkit-transition-property: transform;*/
    transition-property: transform;
    /*-webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
   /* -webkit-transition-timing-function: ease-out;*/
    transition-timing-function: ease-out;
}  
.btn-default:hover::before {
	/*-webkit-transform: scale(1);*/
    transform: scale(1);
}
.btn-default:hover, .btn-default:focus, .btn-default:active {
    color: white !important;
}
.navbar-dark .navbar-toggler {
    color: rgb(8 8 8 / 50%);
    border-color: rgb(0 0 0 / 10%);
    background: #3c3d3d;
}

.navbar-toggler {
    width: 40px;
    height: 40px;
    line-height: 0;
    background-color: #fff;
    border: 0px solid transparent;
    border-radius: 0.25rem;
    border-radius: 50%;
	z-index:999999;    position: relative;
} 





/* Experience & Expertise Section Css */
.experience-and-expertise{
	background:url(../images/experience-and-expertise.png);
	background-size:cover;
	position:relative; 
	padding:70px 0
} 
.experience-and-expertise::before{
	content: "";
    position: absolute; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background: #000000ad;
}
.experience-and-expertise h2{
	font: normal normal bold 60px/60px Open Sans Condensed;
	letter-spacing: 0px;
	color: #FFFFFF;
}
.experience-and-expertise .Btn{ 
	font: normal normal 300 24px/40px Open Sans;
	text-align: center;
	border-radius: 100px;
	padding:10px 100px;
	display:inline-block;
	margin-bottom:20px;
	/*-webkit-transform: perspective(1px) translateZ(0);*/
    transform: perspective(1px) translateZ(0);
	position: relative;
	text-decoration:none
}  
.experience-and-expertise .Btn::before {
	content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background: #000;
	color:#fff;
	border-radius: 100px;
    /*-webkit-transform: scale(0);*/
    transform: scale(0);
   /* -webkit-transition-property: transform;*/
    transition-property: transform;
   /* -webkit-transition-duration: 0.5s;*/
    transition-duration: 0.5s;
    /*-webkit-transition-timing-function: ease-out;*/
    transition-timing-function: ease-out;
}  
.experience-and-expertise .Btn:hover::before {
	-webkit-transform: scale(1);
    transform: scale(1);
} 
.experience-and-expertise .Btn:hover, .experience-and-expertise .Btn:focus, .experience-and-expertise .Btn:active {
    color: white !important;
}
.experience-and-expertise .designBtn{
	background: #3941CC 0% 0% no-repeat padding-box;
	color: #FFFFFF;	
}
.experience-and-expertise .solutionsBtn{
	background: #fff 0% 0% no-repeat padding-box;  
	color: #1D1D1D;
	padding:10px 60px; 
}
.experience-and-expertise .workforceBtn{
	background: #FFBC36 0% 0% no-repeat padding-box;   
	color: #1D1D1D; 
}
.experience-and-expertise p{
	font: normal normal normal 28px/42px Open Sans; 
	color: #FFF; 
	margin-top:20px
}
.experience-and-expertise p span{
	font: normal normal 600 28px/42px Open Sans; 
}
.experience-and-expertise a.Services {
	color:#CDCDCD;
	font: normal normal 400 20px/46px Open Sans; 
	text-decoration:none;
	outline:none!important;
	display:inline-block;
    transition: .8s;
} 
.experience-and-expertise a.Services:hover{  
	transform: translateY(-20%);
    transition: .8s; 
}
.experience-and-expertise a.Services  img{
    width: 26px;
    margin-left: 10px;
    vertical-align: middle;
}
/* business-objectives section css */
.business-objectives {
	padding:60px 0 50px
}	
.business-objectives h5{
	font: normal normal normal 28px/40px Open Sans;
	color:#333333
}
.business-objectives h5 span{
	font: normal normal 600 28px/40px Open Sans;
	color:#333333
}
.business-objectives h2{
	font: normal normal bold 60px/60px Open Sans Condensed; 
	color:#000
	
} 
.Objectives .col{
	border: 1px dashed #D0D0D0;
	margin	:0rem!important;
    min-height: 200px;
    align-items: center;
    display: flex;
    justify-content: center;
	min-width:20%
}
.Objectives .col.grayBg{
	background: #E9E9E9 0% 0% no-repeat padding-box;
	border: 1px dashed #D0D0D0;
	border-radius: 0px 4px 0px 0px
}
.Objectives .col p{
	color:#666666;
	font: normal normal 600 20px/33px Open Sans;
	margin-top:10px;
	margin-bottom:0 
}
.IndustryExperience a{ 
	font-size:20px;
    color: #1E85DD;
    font-family: Open Sans;
    transition: .8s; 
	display:inline-block
}
.IndustryExperience a:hover{  
	transform: translateY(-25%);
    transition: .8s; 
}
.IndustryExperience a img{
    width: 26px;
    margin-left: 10px;
    vertical-align: middle;
}
.Objective{
    transition: .8s; 
}
.Objective:hover{
    transition: .8s; 
	transform: translateY(-10%);
}

/* Why Innolytic Solutions? section css */
.Innolytic-Solutions{
	background:url(../images/Innolytic-Solutions.png);
	background-repeat:no-repeat;
	padding:50px 20px; 
	margin-bottom:40px;
	background-size:cover;
	background-attachment:fixed
 } 
.Innolytic-Solutions h2{
	font-size:60px; 
	font-weight:bold;
	color: #FFFFFF;
}
.Innolytic-Solutions p{
	text-align: center;
	font:normal normal 300 26px/38px Open Sans;
	letter-spacing: 0px;
	color: #FFFFFF;
}

.Innolytic-Solutions p span{
	font: normal normal normal 28px/41px Open Sans; 
}
	
.Innolytic-Solutions img {
	position:relative
}
.Innolytic-Solutions .btn-default {
	background: #3941CC 0% 0% no-repeat padding-box;
    border-radius: 40px;
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translate(-50%, -10px);
    font-size: 22px;
    width: max-content;
    font-weight: 400;
    padding: 3px 25px;
    text-transform: capitalize; 
}
.Innolytic-Solutions .btn-default::before{
    border-radius: 40px; 
}
.Innolytic-Solutions .Resources a{
    color: #CDCDCD;
    font: normal normal 400 20px/46px Open Sans;
    text-decoration: none;
    outline: none!important;
    display: inline-block;
    transition: .8s; 
}
.Innolytic-Solutions .Resources a:hover{  
	transform: translateY(-20%);
    transition: .8s; 
}
.Innolytic-Solutions .Resources a img{
    width: 26px;
    margin-left: 10px;
    vertical-align: middle;
} 


.SolutionsBox{
	position:relative
} 

.SolutionsBox .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #005eb5;
  border-radius:6px
} 
.SolutionsBox:hover .overlay {
  opacity: 1;
} 
.SolutionsBox .text {
    color: white;
    font: normal normal 400 15px/22px Open Sans;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    padding: 15px 
}




/* Collaborate section css */
.Collaborate{
	background:url(../images/collaborate-section-bg-img.png);
	background-repeat:no-repeat;
	padding:50px 20px;
	background-size:cover
 }
.Collaborate h2{
	font: normal normal bold 50px/60px Open Sans Condensed;
	letter-spacing: 0px;
	color: #FFFFFF;
	text-shadow: 3px 2px 0px #00000029;
	margin-bottom:30px
}
.Collaborate .collaborate-img{
    border-radius: 50%;
    padding: 10px 13px;
    background: #fff;
}
.Collaborate a {
    color: #CDCDCD;
    font: normal normal 400 20px/36px Open Sans;
    text-decoration: none;
    outline: none!important;
    display: inline-block;
    transition: .8s; 
}
.Collaborate a:hover{  
	transform: translateY(-20%);
    transition: .8s; 
}
.Collaborate a img{
    width: 26px;
    margin-left: 10px;
    vertical-align: middle;
}
/* Footer css */
footer{
	background:url(../images/footer-img.svg);
	background-repeat:no-repeat;
	background-position:right bottom
}
.form-control, #service {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0.375rem 0.75rem;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.5;
    color: #666666; 
    border: 1px solid #E2E2E2; 
    border-radius: 4px;
	outline:none;
	font: normal normal normal 18px/24px Open Sans;

}
#img{
	padding: 10px;
    border: 1px dashed;
    border: 1px dashed #C7C7C7;
    width: 100%;
    font: normal normal normal 14px/30px Open Sans;
    letter-spacing: 0px;
    color: #858585;
}
 
.formStyle .btn-default {
    padding: 7px 20px;
    width: 100%;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 20px; 
}
.footer-title{
	font-size:30px;
	font-weight:800;
	color: #333333;
}
.Get-in-touch h2{
	font: normal normal bold 50px/44px Open Sans Condensed; 
	color: #333333;
}
.Get-in-touch h4{
	font: normal normal 300 24px/24px Open Sans;
	letter-spacing: 0px;
	color: #333333;
}
.Get-in-touch p{
	font: normal normal normal 18px/34px Open Sans;
	color:#666666 
}
.call-us h4, .Write-to-us h4{
	font: normal normal 800 30px/40px Open Sans Condensed; 
	color: #001138;
	margin-bottom:0
} 
.call-us ul, .Write-to-us ul{
	list-style:none;
	padding-left:0
}
.call-us li, .Write-to-us li{
	font: normal normal normal 20px/30px Open Sans;
	display:inline-block;
	margin-right:20px;
	color:#393939
}
.call-us li span{
	font-size:16px; 
	margin: 0 10px;
}
.Write-to-us li a{ 
	margin-right:20px;
	color:#393939; 
	transition:.7s
}
.Write-to-us li a:hover{ 
	color:#005eb5; 
	transition:.7s
}
.footer-link li{
	display:inline-block;
}
.footer-link li:not(:last-child) {
	margin-right:20px
}
.footer-link li a{
	font: normal normal 500 18px/30px Open Sans; 
	color: #393939;
	transition:.7s
}
.footer-link li a:hover{ 
	color:#005eb5;
	text-decoration: none;
	transition:.7s
}
.social-media{
	padding:0
}
.social-media li{
	display:inline-block;	
}
.social-media li:not(:last-child) {
	margin-right:6px
}
.social-media li a {
    width: 34px;
    display: block;
    background: #393939;
    text-align: center;
    color: #fff;
    padding: 5px;
    font-size: 16px;
    height: auto;
    line-height: 1.2;
}
.copyright{
	font: normal normal normal 17px/34px Open Sans;
	color:#666666
} 
.scroll-top {
    width: 2.8rem;
    height: 2.6rem;
    background: #3941cc;
    color: #ffffff;
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 99;
    border: none;
    border-radius: 0.3rem;
    display: none;
    transition: 0.5s ease;
	border:none;
	outline:none!important
	
} 
.CRMsolutions .Objectives.px-5 {
    padding-left: 2rem!important;
    padding-right: 2rem!important;
}
.pt20{padding-top:12.5px}	


.navbar-default:hover .navbar-nav>.active:not(:hover) > a {
  border-top-color: transparent;
}
@media(max-width: 1280px){
	.bannerHading h1 { ;
    font: normal normal bold 80px/90px Open Sans Condensed; 
}
footer { 
    background-size: 50%;
}
}
@media(max-width:1024px){
	.SolutionsBox .text {
    color: white;
    font: normal normal 400 12px/18px Open Sans;
}
}
@media(max-width: 991px){
.Objectives .col{ 
	min-width:33%
} 
.bannerHading h2 { 
    font-size: 32px 
}
.Solutions{text-align:center}
 
.Collaborate h2 {
    font: normal normal bold 24px/30px Open Sans Condensed; 
    margin-bottom: 20px;
}
.Collaborate .collaborate-img { 
    width: 100px;
}

.Collaborate a { 
    font: normal normal 400 16px/20px Open Sans; 
}
.Collaborate a img {
    width: 20px; 
}
.Innolytic-Solutions .Solutions{
	justify-content: center;
}
.Innolytic-Solutions .btn-default { 
    font-size: 18px; 
    padding: 0px 25px; 
}
#particles-js {
    height: 240px!important;

}.UI-UX-Design-Box { 
    padding: 28px 20px; 
}
.pt20 {
    padding-top:0px;
}
.CRMsolutions .Objectives.px-5 {
    padding-left: 1rem!important;
    padding-right: 1rem!important;
}
}
	
@media(max-width: 767px){
.CRMsolutions .Objectives.px-5 {
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important;
}	
.bannerHading h2 { 
    font: normal normal normal 15px/20px Open Sans; 
}
.bannerHading h1 { 
    font: normal normal bold 34px/26px Open Sans Condensed; 
}
.bannerHading p {
    font: normal normal 600 16px/20px Open Sans;
	margin-top:20px;
	margin-bottom:5px
}
.btn-default { 
    font: normal normal normal 14px/28px Open Sans;

}
.SolutionsBox .text {
    color: white;
    font: normal normal 400 14px/20px Open Sans;
}
#particles-js {
    height: 175px!important;

}
.Objectives .col{ 
	min-width:33%
}
.experience-and-expertise h2, .business-objectives h2, .Innolytic-Solutions h2{
	font-size:40px;
	line-height:1.2
}
.px-3{
	padding-left:0!important;
	padding-right:0!important;
}
.Get-in-touch{margin-top:0!important}
.Innolytic-Solutions {padding:30px 0;margin-bottom:20px }
.px-5 { 
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important;
} 
.grayBg{
	display:none!important
}  
.business-objectives {
    padding: 25px 0 20px;
}
.mt-5.Solutions{margin-top:.5rem!important}
.Innolytic-Solutions .btn-default { 
    font-size: 16px; 
    padding: 6px 18px;
}
.Collaborate {
    padding: 15px 15px;
    background-size: cover;
    margin: 0 -15px;
    background-position: center;
}
.Collaborate h2 {
    font: normal normal bold 20px/26px Open Sans Condensed;margin-bottom:15px
}  
.Collaborate .collaborate-img{width:100px}
.Collaborate a{font:normal normal 400 16px/40px Open Sans;    margin-top: 0!important;}
.Collaborate a img{width: 18px;margin-left: 6px;}
.footer-title {
    font-size: 24px; 
}
.form-control, #service { 
    height: 44px; 
    font: normal normal normal 15px/24px Open Sans;
}
.formStyle .btn-default {
    padding: 8px 20px; 
    font-size: 18px;
    margin-top: 0!important;
}  
.Get-in-touch h2 {
    font: normal normal bold 30px/40px Open Sans Condensed;
    color: #333333;
    padding-top: 0!important;
}
.Get-in-touch h4 {
    font: normal normal 300 20px/20px Open Sans; 
}
.Get-in-touch p {
    font: normal normal normal 16px/24px Open Sans; 
}
.call-us h4, .Write-to-us h4 {
    font: normal normal 800 22px/30px Open Sans Condensed; 
}
.call-us li, .Write-to-us li {
    font: normal normal normal 15px/24px Open Sans; 
    margin-right: 5px; 
}
.call-us li span {
    font-size: 16px;
    margin: 0 5px;
}
}  
@media(max-width: 420px){  
.experience-and-expertise { 
    padding: 20px 0;
}
.Objective img{ 
    width: 60px;
    height: 56px;
    object-fit: contain;
} 
.experience-and-expertise h2, .business-objectives h2, .Innolytic-Solutions h2{
	font-size:30px;
	line-height:1.2
}
.Objectives .col p {
    color: #666666;
    font: normal normal 600 14px/33px Open Sans;
    margin-top: 0px; 
}
.experience-and-expertise .Btn {
    font-size:16px; 
    padding: 1px 30px;
	margin-bottom:12px
}
.designBtn.mt-5{
	margin-top:1rem!important
}
.experience-and-expertise .solutionsBtn{
	padding: 1px 15px;
}
.mt-4.Services{margin-top: 0rem!important;}
.experience-and-expertise a.Services, .IndustryExperience a,.Innolytic-Solutions .Resources a{font:normal normal 400 16px/40px Open Sans}
.experience-and-expertise .Research-Txt{display:none}
.experience-and-expertise a.Services img, .IndustryExperience a img, .Innolytic-Solutions .Resources a img {
    width: 18px;
    margin-left: 6px;
}
.main-Div, #myVideo{
	height:40vh
}
.home-banner{
	height:100%
}
.business-objectives h5, .business-objectives h5 span{
	font-size:18px;line-height:1.5
}
.Objectives.mt-5{margin-top: 1rem!important;}
.Objectives .col {
    min-width: 33%;
    min-height: 130px;
}
.IndustryExperience  .mb-5{margin-bottom: 0.5rem!important}
.IndustryExperience .mt-4{margin-top: 0.5rem!important;} 
.Innolytic-Solutions p,.Innolytic-Solutions p span {
    text-align: center;
    font: normal normal 300 18px/30px Open Sans;
}
.Resources .mt-3{margin-top: 0rem!important;}
.bannerHading {
    padding-top: 2%; 
}
footer{    background-size: 100%;}
footer.pt-5{padding-top:0!important}
footer.pb-3{
    padding-bottom: 7rem!important;
}
.footerMenu{padding-top:0!important}
.footer-link li a {
    font: normal normal 500 16px/16px Open Sans; 
}
.px-3 {
    padding-left: 0!important;
    padding-right: 0!important;
}

}      

@media(max-width: 320px){  
.bannerHading h2 { 
    font: normal normal normal 12px/12px Open Sans; 
}
.bannerHading h1 { 
    font: normal normal bold 28px/21px Open Sans Condensed; 
}
.bannerHading p {
    font: normal normal 600 14px/20px Open Sans;
	margin-top:0px;
	margin-bottom:5px
}
.btn-default { 
    font: normal normal normal 12px/26px Open Sans;
}
.bannerHading {
    padding-top: 5%;
    text-align: center;
}
}
 
@media (min-width: 1300px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1280px;
}
}
/*my seo-pg*/
.icon-img{
    background: #F0F2F4;
width: 110px;
height: 110px;
border-radius: 50%;
margin: 10px auto 20px auto;
text-align: center;
line-height: 110px;
}
.bg-gr{
    background-color: #e6e6e6;
padding: 20px;
margin:05px;
height: 98%;
box-shadow: 0 10px 12px 7px rgb(249, 249, 249);
}
.bg-gr p{text-align:justify;}
.mg-t20{
    margin-top:20px;
}
/*why us*/
/* > Process Styles */
.process-wrap {
  width: 50%;
  margin: 100px auto;
}
.process-main {
    width: 100%;
    min-width: 320px;
    display: flex;
}
.col-3 {
  width: 25%;
  position: relative;
}
.col-3:first-child .process-step:before {
    content: '1';
}
.col-3:nth-child(2) .process-step:before{
    content: '2';
}
.col-3:nth-child(3) .process-step:before {
    content: '3';
}
.col-3:last-child .process-step:before{
    content: '4';
}
.process-main .col-3:not(:first-child):before{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    top: 17.5px;
    left: calc(-50% + 20px);
    right: 0;
    background: #ebebeb;
    border: 2px #ebebeb solid;
   -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
     transition: .4s;
}
.process-step-cont {
    font-family: sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: space-between;
}
.process-step {
    border: 5px #ebebeb solid;
    border-radius: 100%;
    line-height: 0;
    background: #959595;
    text-align: center;
    align-items: center;
    justify-content: center;
    align-self: center;
    display: flex;
    color: #fff;
    width: 35px;
    height: 35px;
    font-weight: 700;
    margin-bottom: 7px;
    z-index: 4;
    cursor: pointer;
}
.process-label {
    color: #959595;
    font-weight: 600;
     width: 100%;
     text-align: center;
}
.process-dots {
    width: 10px; 
    height: 10px;
    border-radius: 50%;
    background-color: #ebebeb;
    cursor: pointer;
}
.process-dot-cont {
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    width: 60%; 
    padding-top: 5px;
}
.active-step1 .col-3:first-child .process-step,
.active-step1 .col-3:first-child .process-dots:first-child,
.active-step1-mini2 .col-3:first-child .process-step,
.active-step1-mini2 .col-3:first-child .process-dots:nth-child(-n+2),
.active-step1-mini3 .col-3:first-child .process-step,
.active-step1-mini3 .col-3:first-child .process-dots:nth-child(-n+3),
.active-step1-mini4 .col-3:first-child .process-step,
.active-step1-mini4 .col-3:first-child .process-dots:nth-child(-n+4)
{
    background-color: #f89828;
}
.active-step1-mini2 .col-3:first-child .process-dots:first-child,
.active-step1-mini3 .col-3:first-child .process-dots:nth-child(-n+2),
.active-step1-mini4 .col-3:first-child .process-dots:nth-child(-n+3)
 {
    background-color: #fbcb93;
}
.active-step1 .col-3:first-child .process-label,
.active-step1-mini3 .col-3:first-child .process-label,
.active-step1-mini2 .col-3:first-child .process-label,
.active-step1-mini4 .col-3:first-child .process-label{
    color: #f89828;
}
.active-step2 .col-3:first-child,
.active-step3 .col-3:nth-child(-n+2),
.active-step4 .col-3:nth-child(-n+3){
    opacity: 0.5;
   /*pointer-events: none;*/
}
.active-step2 .col-3:first-child .process-step:before,
.active-step3 .col-3:nth-child(-n+2) .process-step:before,
.active-step4 .col-3:nth-child(-n+3) .process-step:before{
    content: '\2713';
    padding: 7px;
}
.active-step2 .col-3:nth-child(-n+2) .process-step,
.active-step2 .col-3:nth-child(-n+2) .process-dots,
.active-step3 .col-3:nth-child(-n+3) .process-step,
.active-step3 .col-3:nth-child(-n+3) .process-dots,
.active-step4 .col-3:nth-child(-n+4) .process-step,
.active-step4 .col-3:nth-child(-n+4) .process-dots {
    background-color: #f89828;
}
.active-step2 .col-3:nth-child(-n+2) .process-label,
.active-step3 .col-3:nth-child(-n+3) .process-label,
.active-step4 .col-3:nth-child(-n+4) .process-label{
    color: #f89828;
}
.active-step2 .col-3:nth-child(-n+2):before,
.active-step3 .col-3:nth-child(-n+3):before,
.active-step4 .col-3:nth-child(-n+4):before{
    background: #f89828 !important;
}
@media screen and (max-width: 640px) {
  .process-main {
    flex-wrap: wrap;
  }
  .col-3 {
    width: 50%;
  }
  .process-main .col-3:nth-of-type(3):not(:first-child):before {
    top: -19.5px;
    left: calc(-50% + 145px);
    transform: rotate(150deg);
  }
}
/*mob app pg*/
.why-choose-list {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-right: -30px;
}

.why-choose-list li.actioner h5 {
    font-size: 22px;
}

.why-choose-list li.actioner {
    background-color: #0E2A55!important;
}

.why-choose-list li.actioner h4,
.why-choose-list li.actioner h5,
.why-choose-list li.actioner p {
    color: #fff
}

.why-choose-list li {
    width: calc(25% - 30px);
    margin: 15px;
    background-color: #EEF4F2;
    padding: 30px;
    border-radius: 15px;
    margin-top: 60px;
    transition: .5s
}

.why-choose-list li.actioner:hover {
    background: url(/wp-content/uploads/2019/06/mobile-app-dev-service-allurive-bg.png)!important;
    background-color: #0e2a55!important;
    box-shadow: 0 19px 62px 4px rgba(179, 179, 179, .26)!important;
}

.why-choose-list li:hover {
    box-shadow: 0 19px 62px 4px rgba(179, 179, 179, 0.26);
    background-color: #fff
}

.why-choose-list li img {
    height: 160px;
    margin-bottom: 15px;
    display: block;
  margin-left: auto;
  margin-right: auto;
}

.why-choose-list li h4 {
    font-size: 26px;
    font-weight: 900;
    line-height: 1.3;
    margin: 0px;
}

.why-choose-list li h5 {
    font-size: 26px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0px;
    margin-top: 2px;
    margin-bottom: 15px;
}

.why-choose-list li p {
    font-size: 15px;
    line-height: 1.4;
    margin: 0px;
}

.dark-love {
    background-color: #0A0E15;
}

.list-addon {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-right: -30px;
}

.list-addon li {
    width: calc(33.333% - 30px);
    position: relative;
    padding: 30px;
    padding-left: 115px;
    background-color: #0F1520;
    margin: 15px;
    border: 4px;
    transition: .5s;
    border: 2px solid transparent;
}

.list-addon li:hover {
    border: 2px solid #1BA37E;
    background-color: transparent
}

.list-addon li img {
    position: absolute;
    height: 60px;
    left: 30px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.list-addon li h4 {
    font-size: 30px;
    font-weight: 900;
    line-height: 1.4;
    color: #fff;
    margin: 0px;
}

.list-addon li p {
    font-size: 15px;
    line-height: 1.3;
    color: #fff;
    margin: 0px;
}

.process-state li {
    width: calc(20% - 30px);
    position: relative;
    background-color: transparent;
    box-shadow: none!important;
    padding: 0px;
}

.process-state li img {
    height: 125px;
    margin-bottom: 80px;
}

.process-state li h5 {
    font-size: 21px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 25px;
}

.process-state li p {
    padding-left: 20px;
    position: relative;
    margin-top: 15px;
}

.process-state li i {
    position: absolute;
    font-style: normal;
    font-size: 120px;
    font-weight: 900;
    opacity: .04;
    left: 0px;
    top: 165px;
    line-height: 1;
}

.process-state li p:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    background-color: #1BA37E;
    left: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    border-radius: 50%;
}

.process-state li:before {
    content: "";
    width: 45%;
    height: 1px;
    border: 1px dashed #1ba37e;
    position: absolute;
    left: 65%;
    top: 63px;
}

.process-state li:nth-last-child(1):before {
    display: none
}

.process-state li:nth-last-child(1):after {
    display: none
}

.process-state li:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    top: 47px;
    position: absolute;
    left: 80%;
    font-size: 25px;
    background-color: #1ba27e;
    color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    border-radius: 50%;
}

.dark-love-beck {
    background-image: url(https://cdn-wp.code-brew.com/wp-content/uploads/2019/06/blackbg.png);
    background-size: cover;
    background-position: center bottom;
    position: relative
}

.list-service li {
    background-color: transparent;
    width: calc(16.666% - 30px);
    padding: 15px;
    text-align: center;
    margin-top: 50px;
}

.list-service li img {
    position: static;
    height: 70px;
}

.list-service li h4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 15px;
}

.cta-common {}

.common-btn-cta {
    font-size: 20px;
    font-weight: bold;
    line-height: 46px;
    text-align: center;
    color: #fff;
    display: inline-block;
    border: 2px solid #fff;
    padding: 10px 60px;
    margin-top: 20px;
    border-radius: 8px;
    transition: .5s;
}

.common-btn-cta:hover,
.fold-text p a:hover,
.last-green-cta a:hover {
    background-color: #fff;
    color: #000;
    cursor: pointer
}
@media(max-width:600px) {
    .why-choose-list li,
    .list-addon li,
    .grid-images-block li {
        width: 100%!important;
        margin: 0px;
        margin-top: 40px;
    }
    .why-choose-list,
    .process-state,
    .list-addon,
    .grid-images-block {
        margin: 0px!important;
    }
    .grid-images-block li h4 {
        font-size: 20px;
    }
    .grid-images-block li h4 br {
        display: none
    }
}


@media(max-width:991px) {
    .fold-form {
        background-color: rgba(255, 255, 255, .2);
        padding: 30px;
        max-width: 350px;
        margin: 50px auto;
        width: 90%;
    }
    .list-addon,
    .why-choose-list,
    .industies-list,
    .grid-images-block {
        justify-content: center;
    }
    .process-state li {
        width: calc(50% - 30px);
        text-align: center;
    }
    .process-state li p:before {
        display: none
    }
    .process-state li img {
        height: 85px;
        margin-bottom: 40px;
    }
    .process-state li i {
        margin: auto;
        left: 0px;
        right: 0px;
        top: 85px;
        font-size: 45px;
    }
    .process-state li h5 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .common-heading-section {
        text-align: center;
    }
    .common-section-all {
        padding: 40px 0px;
    }
    .why-choose-list {
        justify-content: center;
    }
    .common-heading-section p {
        font-size: 20px;
    }
    .common-heading-section h4 {
        font-size: 26px;
    }
    .list-addon li {
        width: calc(50% - 30px);
    }
    .why-choose-list li {
        width: calc(50% - 30px);
        text-align: center;
    }
    .list-service li {
        background-color: transparent;
        width: calc(50% - 30px);
    }
    .grid-images-block li {
        width: calc(50% - 30px)!important;
    }
    .list-faq {
        margin: 0px!important;
    }
    .cta-common .common-heading-section h4 {
        font-size: 22px;
    }
    .full-page-banner .row {
        padding: 0px 15px;
        height: auto;
    }
    .fold-images {
        width: 100%;
    }
    .fold-text {
        width: 100%;
        order: 2;
        text-align: center
    }
    .inner-images-fold img {
        visibility: hidden;
        position: absolute;
        left: 0px;
        right: 0px;
        margin: auto;
    }
    .inner-images-fold {
        height: 280px;
        position: relative;
        transform: scale(.5);
        top: 0;
    }
    .full-page-banner {
        background-position: center center;
        padding-bottom: 40px;
    }
    .fold-text h1 {
        font-size: 30px;
        font-weight: 900;
        line-height: 1.3;
    }
    .fold-text p a {
        font-size: 18px;
        padding: 14px 20px;
    }
    .process-state li p {
        padding-left: 0px;
    }
    .dark-love-beck {
        background-color: #000;
        background-image: none;
    }
    .margin-neg {
        margin-top: 0px;
    }
    .common-btn-cta {
        display: inline-block;
        font-size: 18px;
        line-height: 1.3;
        padding: 10px 20px;
    }
    .list-faq li {
        width: 100%!important;
        margin: 0px!important;
        margin-top: 40px!important;
        padding-left: 95px
    }
    .portfolio-sec img {
        padding: 15px;
    }
    .testi-list span {
        text-align: center;
        padding: 30px!important;
        padding-top: 60px!important;
    }
    .testi-list span i {
        position: static;
        display: block;
        margin-bottom: 10px;
    }
    .testimonila-section {
        background-color: #eef4f2;
        margin-bottom: 00px;
    }
    .last-green-cta i {
        display: none
    }
    .last-green-cta .container {
        padding: 15px;
        text-align: center;
    }
    .last-green-cta a {
        font-size: 18px;
        padding: 10px 40px;
        float: none;
        margin-bottom: 40px;
    }
    .why-choose-list li h5 {
        font-size: 20px;
    }
    .why-choose-list li h4 {
        font-size: 22px;
    }
    .testi-list span img {
        left: 0px;
        right: 0px;
        margin: auto;
    }
    .list-faq li:hover p {
        max-height: 500px;
    }
    .industies-list li {
        width: 100%;
        padding: 0px;
    }
    .industies-list li span {
        width: calc(50% - 20px);
        float: left;
        margin: 10px;
    }
    .testi-heading {
        margin-top: 0px;
    }
    .process-state li a {
        display: inline-block;
        background-color: #1aa37e;
        color: #fff;
        margin-top: 20px;
        font-size: 14px;
        font-weight: 600;
        padding: 6px 11px;
        border-radius: 4px;
        transition: .5s;
        cursor: pointer
    }
}

.center{
    text-align:center;
}
.bggr1 {
  background-color:#bfead899;
  padding: 20px;
  margin: 05px;
  height: 95%;
}
.bggr2 {
  background-color:#bfead899;
  padding: 20px;
  margin: 05px;
  height: 87%;
}
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #d5e4f3;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #58d982;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
/*top banner pg tailor-made*/
#particles-js { 
    background: url(images/banner/tailor-made-solutions-bg.svg);
    background-size: cover; 
	width:100%
} 


h2.contra {
    padding-bottom: 20px;
}