.mt-100{margin-top: 100px!important;}
.mt-50{margin-top: 50px!important;}
.mt-30{margin-top: 30px!important;}
.mt-20{margin-top: 20px!important;}
.flex-row{display: flex;}
.ml-10{margin-left: 10px!important;}

* p{line-height: 25px!important}

.about-sec .align-items-center{display: flex;align-items: center;}
.about-sec{padding: 100px 0 0;}
.about-sec h1{
	font-size: 37px;
    font-weight: 900;
    margin: 0 0 10px 0;
}
.about-sec p{
	font-size: 15px;
    font-weight: 400;
    color: #A1A1A1;
    line-height: 1.4;
    margin: 20px 0 0px 0;
}
.about-sec .inner-box{
	background-color: #f36e38;
	width: 220px;
	height: 220px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0px 20px;
}
.about-sec .bg-blue{background-color: #533284!important;}
.about-sec .inner-box h2{
	color: #533284;
	font-weight:900;
	font-size: 30px;
	margin-top: 15px;
}
.about-sec .inner-box h2 span{color: #fff;}
.about-sec .inner-box h6{
	font-size: 16px;
	color: #fff;
	line-height: 25px!important;
	text-align: center;
	margin-top: 10px;
	font-weight: bolder;
}
.about-sec .about-img{width: 100%}
.contact-banner{
	background-image: url('../images/cta_bg.jpg');
	background-position: center;
	background-size: cover;
	min-height: 400px;
}
.contact-banner .inner-contents{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 200px 0px;
}
.contact-banner .inner-contents h1{
	color: #fff;
	font-size: 45px;
	font-weight: bolder;
}
.contact-sec{padding: 100px 0px;}
.contact-sec h1{
	color: #533284;
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 50px;
}
.form-group{margin: 50px 0px 30px;}
.contact-sec input{
	border: none;
	background-color: transparent;
	border-bottom: 1px solid #999;
	padding: 0px;
	color: #495057;
	font-weight: 500;
	transition: .3s ease-in-out;
	color: #533284	
}
.contact-sec input:focus{
	border: none;
	border-bottom: 1px solid #533284;
	padding: 0px 0px 20px;
	font-size: 14px;
}
.contact-sec input::placeholder,.contact-sec textarea::placeholder{
	color: #533284;
}
.contact-sec label{
	margin: 0px 0px 40px;
	color: #999;
	opacity: .9;
	font-family: 'Open Sans', sans-serif;
}
.contact-sec textarea{
	min-height: 150px;
	width: 100%;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #999;
	padding: 0px;
	font-weight: 500;
	color: #533284
}
.contact-sec .inner-bg{
	background-color: #585fab;
	height: 643px;
	padding: 50px 50px;
	display: flex;
	flex-direction: column;
	
	justify-content: center;
}
.contact-sec .inner-bg h2{
	color: #fff;
	font-size: 24px;
}
.contact-sec .inner-bg p{
	padding: 20px 0px;
	color: #fff;
	font-size: 14px;
	line-height: 28px!important;
	opacity: .7;
}
.contact-sec .address{
	margin-top: 30px;
}
.contact-sec .address h3{
	color: #fff;
	display: flex;
	line-height: 28px;
	font-size:14px;
}
.contact-sec .address h3 span{
	opacity: .7;
}
.contact-sec .address i{
	color: #fff;
	margin-right: 15px;
	font-size: 24px;
}
.contact-sec button{
	background-color:  #585fab;
	border-radius: none;
	color: #fff;
	padding: 20px 35px;
	border: 1px solid #585fab;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	letter-spacing: 2px;
	transition: .3s ease-in-out;
	font-weight: 500;
}
.contact-sec button:hover{
	background-color: transparent;
	color: #585fab;
}
.contact-sec .social-icons{
	margin-top: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contact-sec .social-icons i{
	margin: 0px 12px;
	font-size: 30px;
	color: #fff;
	transition: .3s ease-in-out;
	cursor: pointer;
}
.contact-sec .social-icons i:hover{
	opacity: .6;
}

.about-banner{
	background-image: url('../images/banner-2.jpg');
	background-position: center;
	background-size: cover;
	min-height: 400px;
}
.about-banner .inner-contents{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 200px 0px;
}
.about-banner .inner-contents h1{
	color: #fff;
	font-size: 45px;
	font-weight: bolder;
	text-align: center;
	line-height: 55px;
}
.about-sec1 .inner-contents{

}
.about-sec1 h1{
	font-size: 35px;
    font-weight: 600;
    margin: 0 0 10px 0;
}
.about-sec1 p{
	font-size: 15px;
    font-weight: 400;
    color: #A1A1A1;
    line-height: 1.4;
    margin: 20px 0 0px 0;
}
.about-sec2 .inner-contents h1{
	font-size: 35px;
    font-weight: 600;
    margin: 0 0 20px 0;
    color: #585fab;
    line-height: 45px;
}
.about-sec2 .inner-contents h6{
	padding:20px 0px 0px;
	font-weight: 500;
	font-size: 15px;
	color: #333;
	display: flex;
	line-height: 26px;

}
.about-sec2 .inner-contents p{
	font-size: 15px;
    font-weight: 400;
    color: #A1A1A1;
    line-height: 1.4;
    margin-bottom: 10px;
}
.about-sec2 .inner-contents i{
	font-size: 20px;
	margin-right: 10px;
	color: #585fab;
    
}

.line-text span{
	font-size: 35px; 
	background-color: #fff; 
	padding: 0 10px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	line-height: 45px;
}
.line-text{
	width: 100%;
	height: 20px; 
	border-bottom: 1px solid black; 
	text-align: center
}
.about-sec3 .img-box{
	overflow: hidden;
	width: 400px;
	height: 400px;
	border-radius: 50%;
}
.about-sec3 .flex-row{
	align-items: center;
	margin-top: 100px;
}
.about-sec3 .inner-contents h6{
	color: #333;
	margin-bottom: 15px;
	font-weight: 600;
}
.about-sec3 .inner-contents p{
	font-size: 15px;
    font-weight: 400;
    color: #A1A1A1;
    line-height: 1.4;
    margin-bottom: 10px;
}
.about-sec3 .client-section{
	background-color:#fff!important;
	margin: 75px 0px 100px!important;
}

.service-sec1 h6{
	font-size: 22px;
	font-weight: 600;
	color: #585fab;
	display: flex;
	align-items: center;
}
.service-sec1 h6 i{
	font-size: 28px;
	margin-right: 10px;

}
.service-sec1 h1{
	font-size: 35px;
	font-weight: 800;
	color: #585fab; 
	line-height: 45px;
	margin-top: 20px;
}
.service-sec1 h1 span{
	font-weight: 500;
}
.service-sec1 p{
	font-size: 15px;
    font-weight: 400;
    color: #A1A1A1;
    line-height: 1.4;
    margin: 20px 0 0px 0;
}
.service-sec1 .inner-box{
	width: 100%;
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
	min-height: 300px;
	margin-top: 100px;
}

.service-sec1 .inner-box p{font-size: 14px;text-align: center;font-weight: 600;color: #555;padding: 40px 20px 0px;}
.service-sec1 .round{
	width: 100px;
	height: 100px;
	background-color: #585fab;
	margin: auto;
	border-radius: 50%;
	display: flex;
	align-items: center;
	position: relative;
	top: 30px;
	
}
.service-sec1 h4{
	padding: 20px 0px 0px;
    font-weight: 500;
    font-size: 15px;
    color: #333;
    display: flex;
    line-height: 26px;
}
.service-sec1 h4 i{
	font-size: 20px;
    margin-right: 10px;
    color: #585fab;
}
.read-more{
	margin: 25px 0px 10px;
	color: #fff;
	background-color: #585fab;
	padding: 12px 30px;
	border: 1px solid #585fab;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	transition: .3s ease-in-out;
	margin-bottom: 30px;
}
.read-more:hover{
	background: transparent;
	color: #585fab;
}
.service-sec2 {
	background: #F9F9F9;
	padding: 100px 0px;
}
.service-sec2 .inner-contents h1{
	font-size: 24px;
	font-weight: 800;
	color: #585fab; 
	line-height: 35px;
	margin-top: 20px;
}
.service-sec2 .inner-contents p{
	font-size: 15px;
    font-weight: 400;
    color: #A1A1A1;
    line-height: 1.4;
    margin: 20px 0 0px 0;
}
.service-sec2 .flex-row{align-items: center;}
.bg-white{background: #fff!important;}
.f-black{color: #333!important;}




 
 .logoContainer{
	width:140px;
	height:151px;
	
	
	padding: 11px 10px 21px 10px;
	text-align: center;
	line-height: 120px;
}
.logoContainer img{
	max-width:100%;
}
.fileContainer{
	background:#585fab;/* you can give it background img as well or any style you want*/
	width: 202px;
	height: 31px;
	overflow:hidden;
	position:relative;
	font-size:14px;
	text-align: center;
	line-height: 31px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	
	cursor: pointer !important;
}
.fileContainer span{
	overflow:hidden;
	display:block;
	white-space:nowrap;
	text-overflow:ellipsis;
	cursor: pointer;
}
.fileContainer input[type="file"]{
	opacity:0;
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	left: 0;
	top: 0;
	position: absolute;
	cursor: pointer;
}

.footer .social-icons{
	margin-top: 50px;

}
.footer  .social-icons i{
	margin: 0px 12px;
	font-size: 30px;
	color: #585fab;
	transition: .3s ease-in-out;
	cursor: pointer;
}
.footer  .social-icons i:hover{
	opacity: .6;
}

/***** Fixed Call buttons ****/
.call-buttons{position: absolute;top: 40%!important;}
.fixedwhatsapp {
	position: fixed;
	right: -160px;
	z-index: 999;
	width: 210px;
	height: 50px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	overflow: hidden;
	background: transparent;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .5s ease-in-out;
	margin-top:50px!important;
}
.fixedwhatsapp a {
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	font-weight: 600;
	letter-spacing: .6px;
	text-decoration: none!important;
	color: #fff;
	margin: 0;
	padding: 0;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
.fixedwhatsapp a span{
	width: 50px;
	height: 50px;
	float: left;
	background: #4fc4cf;
	font-size: 25px;
	margin: 0 0px 0 0;
	text-align: center;
	line-height: 45px;
	color: #fff;
	
}
.fixedwhatsapp a p{
	color: #fff;
	font-size: 14px;
	padding-left: 10px;

}
.fixedwhatsapp a i{
	font-size: 26px;
	position: relative;
	top: 4px;
	left: 1px;
}
.fixedwhatsapp a svg {
	color: #fff;
	-webkit-animation: flipInY 1.25s infinite;
	-moz-animation: flipInY 1.25s infinite;
	-ms-animation: flipInY 1.25s infinite;
	animation: flipInY 1.25s infinite;
}
.fixedwhatsapp:hover {
	right: 0;
	background: #4fc4cf;
}
.fixedcall{
	
	position: fixed;
	right: -160px;
	z-index: 999;
	width: 210px;
	height: 50px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	overflow: hidden;
	background: transparent;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .5s ease-in-out;
}
.fixedcall a{
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	font-weight: 600;
	letter-spacing: .6px;
	text-decoration: none!important;
	color: #fff;
	margin: 0;
	padding: 0;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
.fixedcall a span{
	width: 50px;
	height: 50px;
	float: left;
	background:#5c70b6;
	font-size: 25px;
	margin: 0 0px 0 0;
	text-align: center;
	line-height: 45px;
	color: #fff;
	}
.fixedcall a p{
    color: #fff;
	font-size: 14px;
		padding-left: 10px;
}
.fixedcall a i{
	font-size: 24px;
	position: relative;
	top: 5px;
	left: 1px;
}
.fixedcall a svg{
	color: #fff;
	-webkit-animation: flipInY 1.25s infinite;
	-moz-animation: flipInY 1.25s infinite;
	-ms-animation: flipInY 1.25s infinite;
	animation: flipInY 1.25s infinite;
}

.fixedcall:hover {
	right: 0;
	background: #5c70b6;
}

.fixeddownload{
	margin-top:100px!important;
	position: fixed;
	right: -160px;
	z-index: 999;
	width: 210px;
	height: 50px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	overflow: hidden;
	background: transparent;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .5s ease-in-out;
}
.fixeddownload a{
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	font-weight: 600;
	letter-spacing: .6px;
	text-decoration: none!important;
	color: #fff;
	margin: 0;
	padding: 0;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
.fixeddownload a span{
	width: 50px;
	height: 50px;
	float: left;
	background: #5c70b6;
	font-size: 25px;
	margin: 0 0px 0 0;
	text-align: center;
	line-height: 45px;
	color: #fff;

	
}
.fixeddownload a p{
    color: #fff;
	font-size: 12px;
	padding-left: 0px;
}
.fixeddownload a i{
	font-size: 22px;
	position: relative;
	top: 3px;
	left: 1px;
}
.fixeddownload a svg{
	color: #fff;
	-webkit-animation: flipInY 1.25s infinite;
	-moz-animation: flipInY 1.25s infinite;
	-ms-animation: flipInY 1.25s infinite;
	animation: flipInY 1.25s infinite;
}

.fixeddownload:hover {
	right: 0;
	background: #5c70b6;
}

/***** Fixed Call buttons  End****/

.split-features, .split-features2{
	display: flex;
	align-items: center;
	justify-content: center;
}
.img-5{width: 55%!important}
.img-6{width: 70%!important}




@media (max-width: 1199.98px){
	
}

@media (max-width: 991.98px){
	
	.app .hero-content{padding: 20px 0px!important}
	.hero-section .mob{margin-top: 50px;width: 80%;}
	.about-sec .align-items-center{display: block;}
	.about-sec .about-img{margin-top: 100px;}
	.img-1{width: 40%!important;}
	.img-5{width: 40%!important}
	.img-6{width: 80%!important}
	.hidden-md{display: none;}
	.second {padding: 40px;}
	.about-sec3 .flex-row{display: block;margin-top: 50px;}
	.about-sec3 .img-box{margin:50px auto;}
	.service-sec2 .flex-row{flex-wrap: wrap;}
	
	.flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}
  .service-sec2 .m-1{width: 50%;margin: auto;margin-bottom: 20px;}
  .service-sec2 .m-2{width: 60%;margin: auto;margin-bottom: 20px;}
  .service-sec2 .m-3{width: 50%;margin: auto;margin-bottom: 20px;}
  .service-sec2 .m-4{width: 60%;margin: auto;margin-bottom: 20px;}
  .service-sec1 .inner-box{width: 80%;margin:50px auto;min-height: auto!important;padding: 0px 0px 20px;}
  .split-features2
  	{-webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
	}
   .split-features{display: block;}

	}

@media (max-width: 767.98px){

	.img-1{width: 50%!important;}
	.second {padding: 20px;}
	.feature-sub {padding: 100px 0 100px 0;}
	.about-sec3 .img-box{width: 300px;height: 300px;}
	
	 .service-sec1 h1, .service-sec1 p{text-align: center;}
	 .service-sec1 h6{justify-content: center;}
	 .service-sec2 .inner-contents h1{text-align: center;}
	 .service-sec2 .inner-contents p{text-align: center;}
	 .form .hero-content h1 {text-align: center;}
	 .form .hero-content p{text-align: center;}
	 .form .hero-content{display: flex;align-items: center;flex-direction: column;}
	 .form .sub-form {padding: 10px 0px 0px;}
	 .about-sec h1,.about-sec p{text-align: center;}
	 .about-sec .flex-row{justify-content: center;}
	 .split-content h1 {padding-top: 30px;line-height: 47px;}
}

@media (max-width: 567.98px){
	.about-sec .flex-row{flex-wrap: wrap;align-items: center;justify-content: center;margin: 50px 0px;}
	.about-sec .ml-10{margin:15px 0px ;}
	.img-1{display: none;}
	.img-5{width: 70%!important}
	.img-6{width: 70%!important}
	.app-features{padding: 50px 0px 50px 0px;}
	.about-banner .inner-contents {padding: 200px 0px 100px!important;}
	.cta-sub {padding-top: 100px;padding-bottom: 100px;}
	.review-section{padding: 100px 0 100px 0;}
	.service-sec1 .inner-box{width: 70%;}
	.mt-100{margin-top: 50px!important;}
	.service-sec2 {padding: 50px 0px;}
	.service-sec2 .m-1{width: 60%;}
    .service-sec2 .m-2{width: 70%;}
  	.service-sec2 .m-3{width: 60%;}
  	.service-sec2 .m-4{width: 70%;}
  	.fixeddownload a span, .fixedcall a span, .fixedwhatsapp a span{opacity: .8!important;}
  	.fixeddownload a span:hover,.fixedcall a span:hover,.fixedwhatsapp a span:hover{opacity: 1!important;}
  	.about-banner .inner-contents h1{padding: 0px 0px 20px;font-size: 30px;line-height: 40px;}
}

@media (max-width: 450px){
	.service-sec1 .inner-box{width: 80%;}
	.form .sub-form {padding: 10px 0px 0px;}
}


@media (max-width: 380px){
	.about-sec3 .img-box{width: 250px;height: 250px;}
	.service-sec1 .inner-box{width: 90%;}
	
}