body{
	color:#000;
	font-family:'Montserrat', sans-serif;
	font-size:14px;
}
::selection{
	color:#000;
	background:#f47832;
}
span.highlight{
	font-weight:600;
}
.btn-px-primary{
	background-image:linear-gradient(
		90deg,
		rgb(49, 40, 169) 0%,
		rgb(103, 17, 152) 100%
	);
	padding:8px 24px;
	color:#fff;
	border-radius:50px;
	letter-spacing:2px;
	text-transform:uppercase;
	opacity:0.9;
}
.btn-px-primary:hover, .btn-px-primary:focus{
		text-decoration:none;
		color:#fff;
		opacity:1;
	}
header .header-wrapper{
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-justify-content:space-between;
		    -ms-flex-pack:justify;
		        justify-content:space-between;
		padding:35px;
		margin-bottom:50px;
	}
@media screen and (max-width: 499px){
header .header-wrapper{
			margin-bottom:0
	}
		}
header .header-wrapper .brand{
			width:180px;
			display:block;
		}
@media screen and (max-width: 499px){
header .header-wrapper .brand{
				width:140px
		}
			}
@media screen and (max-width: 499px){
header .header-wrapper .header-nav{
				display:none
		}
			}
header .header-wrapper nav ul{
				list-style:none;
				padding:0;
				margin:0;
			}
header .header-wrapper nav ul li{
					line-height:44px;
				}
header .header-wrapper nav ul li a{
						padding:12px 24px;
						border-radius:30px;
						border:1px solid #f05451;
						color:#000;
					}
header .header-wrapper nav ul li a:hover, header .header-wrapper nav ul li a:active{
							text-decoration:none;
						}
.mb-120{
	margin-bottom:120px !important;
}
.section__heading{
	font-size:88px;
	font-weight:700;
	color:#626262;
	opacity:0.3;
}
@media screen and (max-width: 499px){
.section__heading{
		font-size:40px
}
	}
.hero{
	padding-bottom:110px;
}
@media screen and (max-width: 499px){
.hero{
		padding-bottom:40px
}
	}
.hero__title{
		font-size:48px;
		font-weight:600;
	}
@media screen and (max-width: 499px){
.hero__title{
			font-size:28px;
			font-weight:600;
			margin-bottom:18px
	}
		}
.hero__desc{
		font-size:16px;
		font-weight:400;
		line-height:1.8;
	}
@media screen and (max-width: 499px){
.hero__desc{
			line-height:1.6;
			font-size:13px;
			margin-bottom:36px
	}
		}
.hero__cta{
		display:block;
		width:312px;
		height:60px;
		line-height:40px;
		text-align:center;
		font-size:18px;
		font-weight:600;
		transition:all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-justify-content:center;
		    -ms-flex-pack:center;
		        justify-content:center;
		-webkit-align-items:center;
		    -ms-flex-align:center;
		        align-items:center;
	}
@media screen and (max-width: 499px){
.hero__cta{
			width:100%;
			height:54px;
			line-height:40px;
			text-align:center;
			font-size:14px
	}
		}
@media screen and (min-width: 500){
.hero__column-right{
			padding-left:42px
	}
		}
@media screen and (max-width: 499px){
.hero__column-right{
			padding-left:35px;
			padding-right:35px
	}
		}
@media screen and (max-width: 499px){
.hero__img{
			max-width:300px;
			padding-bottom:32px
	}
		}
.services{
	background-color:#f4f5f9;
	padding-top:0px;
	padding-bottom:60px;
}
@media screen and (max-width: 499px){
.services .container{
      padding-left:35px;
      padding-right:35px
  }
    }
@media screen and (max-width: 499px){
.services{
		padding-top:40px;
		padding-bottom:40px
}
	}
.services .section__heading{
		margin-bottom:36px;
	}
@media screen and (max-width: 499px){
.services .section__heading{
		margin-bottom:24px
	}
	}
.services__card{
		margin-bottom:32px;
	}
.services__card-top{
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		padding:32px 60px;

		position:relative;
	}
.services__card-top img{
			z-index:2;
			max-width:100px;
			max-height:100px;
		}
.services__card-top:before, .services__card-top:after{
			content:'';
			left:0;
			right:0;
			bottom:0;
			top:0;
			width:100%;
			position:absolute;
		}
.services__card-top:after{
			bottom:40%;
			background-image:linear-gradient(
				180deg,
				rgba(255, 255, 255, 0.06) 0%,
				rgba(255, 255, 255, 0.18) 100%
			);
		}
.services__card-top:before{
			background-size:cover;
			opacity:0.92;
			border-top-left-radius:20px;
			border-top-right-radius:20px;
		}
.services__card-top-design:before{
				background:linear-gradient(90deg, rgb(167, 51, 192) 0%, rgb(231, 29, 130) 100%);
			}
.services__card-top-dev:before{
				background:linear-gradient(90deg, #f4505f 0%, #eb2e89 100%);
			}
.services__card-top-ds:before{
				background:linear-gradient(90deg, rgb(244, 152, 78) 0%, rgb(243, 70, 78) 100%);
			}
.services__card-bottom{
		background-color:#fff;
		box-shadow:0px 9px 47.4px 12.6px rgba(0, 0, 0, 0.05);
		padding:32px 40px 48px 40px;
		border-bottom-left-radius:20px;
		border-bottom-right-radius:20px;
	}
@media screen and (max-width: 499px){
.services__card-bottom{
			padding:32px
	}
		}
.services__card-title{
		font-size:36px;
		margin-bottom:20px;
		font-weight:600;
	}
@media screen and (max-width: 499px){
.services__card-title{
			font-size:32px;
			margin-bottom:16px
	}
		}
.services__card-desc{
		font-size:14px;
		line-height:1.7;
	}
@media screen and (max-width: 499px){
.services__card-desc{
			font-size:13px
	}
		}
.top-clients{
	background-color:#f4f5f9;
    padding-top:24px;
    padding-bottom:62px;
}
@media screen and (max-width: 499px){
.top-clients .container{
      padding-left:35px;
      padding-right:35px
  }
    }
@media screen and (min-width: 500px){
		.top-clients .container{
			width:1000px;
		}
	}
@media screen and (max-width: 499px){
.top-clients{
		padding-top:24px;
		padding-bottom:0px
}
	}
.top-clients hr{
		display:none;
	}
@media screen and (max-width: 499px){
.top-clients hr{
			margin-bottom:0;
			display:block;
			margin-top:24px
	}
		}
.top-clients .client__logo--ht{
			padding:12px;
			padding-left:15px;
		}
.top-clients .client__logo--tata{
			padding-right:15px;
		}
.top-clients .client__logo--adp{
			padding-left:50px;
			margin-left:-20px;
		}
.clientel{
	padding-top:80px;
	padding-bottom:120px;
}
@media screen and (max-width: 499px){
.clientel .container{
      padding-left:35px;
      padding-right:35px
  }
    }
@media screen and (max-width: 499px){
.clientel{
		padding-top:40px;
		padding-bottom:40px
}
	}
.clientel .section__heading{
		margin-bottom:110px;
	}
@media screen and (max-width: 499px){
.clientel .section__heading{
			margin-bottom:24px
	}
		}
.client__logo{
	padding:12px 24px;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-justify-content:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-align-items:center;
	    -ms-flex-align:center;
	        align-items:center;
}
@media screen and (max-width: 499px){
.client__logo{
		padding:16px 24px;
}

	}
.client__logo--smaller{
		padding-left:46px;
		margin-left:-20px;
	}
@media screen and (max-width: 499px){
.client__logo--smaller{
			padding-left:26px;
			margin-left:-10px
	}
		}
.team{
	padding-top:120px;
	padding-bottom:120px;
}
.team__img{
		max-width:90%;
		margin-top:20px;
		margin-bottom:24px;
	}
@media screen and (max-width: 499px){
.team .section__heading{
			margin-left:28px;
			margin-bottom:24px
	}
		}
.team__desc{
		font-size:34px;
		font-weight:600;
		height:100%;
		padding-left:60px;
		padding-right:64px;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-justify-content:center;
		    -ms-flex-pack:center;
		        justify-content:center;
		-webkit-align-items:center;
		    -ms-flex-align:center;
		        align-items:center;
	}
@media screen and (max-width: 499px){
.team__desc{
			font-size:18px;
			height:100%;
			padding-left:12px;
			padding-right:12px;
			margin-bottom:32px
	}
		}
@media screen and (max-width: 499px){
.team{
		padding-top:60px;
		padding-bottom:40px
}
	}
.portfolio{
	background:#f4f5f9;
}
@media screen and (max-width: 499px){
.portfolio .container{
      padding-left:35px;
      padding-right:35px
  }
    }
.portfolio .section__heading{
		padding-top:16px;
		padding-bottom:16px;
	}
@media screen and (max-width: 499px){
.portfolio .section__heading{
			padding-top:20px;
			padding-bottom:24px
	}
		}
.potfolio-section{
	position:relative;
	padding-top:70px;
}
@media screen and (max-width: 499px){
.potfolio-section .container{
      padding-left:35px;
      padding-right:35px
  }
    }
@media screen and (max-width: 499px){
.potfolio-section{
		padding-top:40px
}
	}
.potfolio-section .section__heading{
		color:#fff;
		margin-bottom:36px;
	}
@media screen and (max-width: 499px){
.potfolio-section .section__heading{
			margin-bottom:24px
	}
		}
.potfolio-section .porfolio-icon{
		position:absolute;
		left:-40px;
		bottom:0;
		max-width:200px;
	}
.potfolio-section .porfolio-icon--right{
			left:auto;
			right:20px;
			bottom:20px;
		}
.potfolio-section .portfolio-card{
		background-color:#fff;
		border-radius:20px;
		padding:0px 30px 16px;
		min-height:300px;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-flex-direction:column;
		    -ms-flex-direction:column;
		        flex-direction:column;
		-webkit-justify-content:space-between;
		    -ms-flex-pack:justify;
		        justify-content:space-between;
		margin-bottom:24px;
		box-shadow:0px 12px 66.36px 17.64px rgba(0, 0, 0, 0.05);
	}
@media screen and (max-width: 499px){
.potfolio-section .portfolio-card{
			max-width:300px;
			margin-left:auto;
			margin-right:auto
	}
		}
.potfolio-section .pc__title{
		font-size:20px;
		font-weight:600;
	}
.potfolio-section .pc__desc{
		font-size:12px;
		font-weight:400;
		text-transform:uppercase;
	}
.potfolio-section.portfolio-ds .pc__img img{
				max-width:110px;
				margin-top:60px;
			}
.potfolio-section .pc__img{
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-justify-content:center;
		    -ms-flex-pack:center;
		        justify-content:center;
		-webkit-align-items:center;
		    -ms-flex-align:center;
		        align-items:center;
	}
.potfolio-section .pc__img img{
			max-height:160px;
			margin-top:50px;
		}
.potfolio-section .pc__img--rm img{
				margin-top:46px;
				max-width:105px;
			}
.potfolio-section .pc__img--ac img{
				margin-top:66px;
				max-width:120px;
			}
.potfolio-section .pc__img--kt img{
				margin-top:40px;
				max-height:180px;
				max-width:200px;
			}
.potfolio-section .pc__img--rk img{
				margin-top:-1px;
				max-height:200px;
			}
.portfolio-design{
	background:linear-gradient(90deg, rgb(167, 51, 192) 0%, rgb(231, 29, 130) 100%);
	background-size:cover;
}
.portfolio-dev{
	background:linear-gradient(90deg, #f4505f 0%, #eb2e89 100%);
	background-size:cover;
}
.portfolio-ds{
	background:linear-gradient(90deg, rgb(244, 152, 78) 0%, rgb(243, 70, 78) 100%);
	background-size:cover;
}
.contact{
	background-color:#f4f5f9;
	padding-top:120px;
	padding-bottom:250px;
}
@media screen and (max-width: 499px){
.contact .container{
      padding-left:35px;
      padding-right:35px
  }
    }
@media screen and (max-width: 499px){
.contact{
		padding-top:40px;
		padding-bottom:260px
}
	}
.contact__card{
		margin-top:40px;
		background-color:rgb(255, 255, 255);
		box-shadow:0px 12px 66.36px 17.64px rgba(0, 0, 0, 0.05);
		padding:48px 60px 32px;
		border-radius:20px;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-justify-content:center;
		    -ms-flex-pack:center;
		        justify-content:center;
		-webkit-align-items:center;
		    -ms-flex-align:center;
		        align-items:center;
	}
@media screen and (max-width: 499px){
.contact__card{
			margin-top:24px;
			padding:24px
	}
		}
.contact__card form{
			display:block;
			width:100%;
		}
.contact__card form .form-inline{
				-webkit-align-items:baseline;
				    -ms-flex-align:baseline;
				        align-items:baseline;
			}
.contact__card form .form-inline input, .contact__card form .form-inline textarea{
					-webkit-flex:4;
					    -ms-flex:4;
					        flex:4;
					font-weight:normal;
					font-weight:100;
				}
.contact__card form .form-inline input:focus, .contact__card form .form-inline textarea:focus{
						outline:none;
						box-shadow:none;
						border:1px solid #f05450;
						transition:all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
					}
.contact__card form .form-inline input{
					height:40px;
				}
@media screen and (max-width: 499px){
.contact__card form .form-inline input{
						width:100%;
						margin-left:0
				}
					}
.contact__card form .form-inline label{
					-webkit-flex:1;
					    -ms-flex:1;
					        flex:1;
					-webkit-justify-content:flex-end;
					    -ms-flex-pack:end;
					        justify-content:flex-end;
					font-weight:600;
				}
@media screen and (max-width: 499px){
.contact__card form .form-inline label{
						width:100%
				}
					}
.contact__card form .form-inline textarea{
					height:100px;
					resize:none;
				}
@media screen and (max-width: 499px){
.contact__card form .form-inline textarea{
						width:100%;
						margin-left:0
				}
					}
.contact__card form .form-group{
				position:relative;
				-webkit-justify-content:space-around;
				    -ms-flex-pack:distribute;
				        justify-content:space-around;
			}
@media screen and (max-width: 499px){
.contact__card form .form-group{
					-webkit-flex-direction:column;
					    -ms-flex-direction:column;
					        flex-direction:column
			}
				}
.contact__card form .form-group--submit{
					display:-webkit-flex;
					display:-ms-flexbox;
					display:flex;
					-webkit-justify-content:center;
					    -ms-flex-pack:center;
					        justify-content:center;
					-webkit-align-items:center;
					    -ms-flex-align:center;
					        align-items:center;
				}
.contact__card form .form-control{
				width:70%;
				margin-left:28px;
				border-radius:10px;
			}
.contact__card form .form-control::-webkit-input-placeholder{
					opacity:0.6;
				}
.contact__card form .form-control:-ms-input-placeholder{
					opacity:0.6;
				}
.contact__card form .form-control::-ms-input-placeholder{
					opacity:0.6;
				}
.contact__card form .form-control::placeholder{
					opacity:0.6;
				}
.contact__card form .btn-form-submit{
				position:absolute;
				top:18px;
				width:312px;
				height:60px;
				line-height:40px;
				text-align:center;
				font-size:18px;
				font-weight:600;
				transition:all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
				display:-webkit-flex;
				display:-ms-flexbox;
				display:flex;
				-webkit-justify-content:center;
				    -ms-flex-pack:center;
				        justify-content:center;
				-webkit-align-items:center;
				    -ms-flex-align:center;
				        align-items:center;
			}
@media screen and (max-width: 499px){
.contact__card form .btn-form-submit{
					width:100%;
					height:54px;
					line-height:40px;
					text-align:center;
					font-size:14px;
					top:10px
			}
				}
.footer{
	margin-top:-120px;
	background:url(/static/imgs/footer.svg) no-repeat 0 0;
	background-size:cover;
	padding-bottom:180px;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-justify-content:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-align-items:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-flex-direction:column;
	    -ms-flex-direction:column;
	        flex-direction:column;
}
@media screen and (max-width: 499px){
.footer .container{
      padding-left:35px;
      padding-right:35px
  }
    }
@media screen and (max-width: 499px){
.footer{
		margin-top:-150px;
		background:url(/static/imgs/footer.svg) no-repeat 0px 27px;
		background-size:cover;
		padding-bottom:80px
}
	}
.footer__card{
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-justify-content:center;
		    -ms-flex-pack:center;
		        justify-content:center;
		-webkit-align-items:center;
		    -ms-flex-align:center;
		        align-items:center;
		border-radius:30px;
		background-color:rgb(255, 255, 255);
		box-shadow:0px 9px 47.4px 12.6px rgba(0, 0, 0, 0.05);
		height:226px;
	}
.footer__connect{
		text-align:center;
		margin-top:12px;
	}
.footer__connect a{
			margin-top:16px;
			text-align:center;
		}