





.page-template-page-about-us h2 {
	color: #312D51;
}


.page-template-page-about-us .main-header {
	position: relative;
}



/* Section - Intro */

#st-intro h2 {
	max-width: 480px;
}

#st-intro .img-intro {
	display: flex;
}

#st-intro .img-intro img {
	margin: auto;
}


#st-intro .col_1 p {
	margin-bottom: 2.35em;
}


@media (max-width: 767px) {
	#st-intro .col_1 {
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
		padding: 80px 5%;
	}	
	#st-intro .col_2 {
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;		
	}
}


@media (min-width: 768px) {
	#st-intro .col_1 {
		padding-right: 5%;
	}	
	#st-intro .col_2 {
		padding-left: 5%;
	}
	#st-intro .img-intro img {
		max-width: 450px;
		border-radius: 30px;
	}	
	#st-intro .row {
		align-items: center;
	}
}




/* Container */

@media (max-width: 767px) {
	#st-intro .default-container {
		padding: 0;
		width: 100%;
		max-width: none;
	} 
}

@media (min-width: 768px) {
	#st-intro .default-container {
		padding: 80px 0;
	}
}






/* Section - Features */

#st-features .info {
	text-align: center;
	border-radius: 2.5px;
	transition: all ease-in-out .3s;
}

/* Hover */

@media (max-width: 991px) {
	#st-features .info:nth-child(1) {
		border-right: 1px solid rgba(0,0,0,.1);
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
	#st-features .info:nth-child(2) {
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
	#st-features .info:nth-child(3) {
		border-right: 1px solid rgba(0,0,0,.1);
	}
	#st-features .info:nth-child(4) {
	
	}
}


@media (min-width: 992px) {
	#st-features .info:hover {
		background: #fff;
		border-radius: 20px;
		box-shadow: 0px 20px 40px rgba(0,0,0,.1);
	}
}









#st-features .info .icon {
	display: flex;
}

#st-features .info .icon img {
	margin: auto;
}



@media (max-width: 575px) {
	#st-features .info {
		padding: 35px 5%;
	}
	#st-features .info .icon img {
		max-width: 70px;
	}
}


@media (min-width: 576px) and (max-width: 767px) {
	#st-features .info {
		padding: 40px 5%;
	}
	#st-features .info .icon img {
		max-width: 80px;
	}
}


@media (min-width: 768px) and (max-width: 991px) {
	#st-features .info {
		padding: 50px 5%;
	}
	#st-features .info .icon img {
		max-width: 90px;
	}
}


@media (min-width: 992px) {
	#st-features .info {
		padding: 60px 5%;
	}
	#st-features .info .icon img {
		max-width: 100px;
	}
}






/** Info Spacing **/

@media (max-width: 767px) {
	#st-features .info .icon {
		margin-bottom: 30px;
	}
	#st-features .info h2 {
		margin-bottom: 15px;
	}
}


@media (min-width: 768px) and (max-width: 991px) {
	#st-features .info .icon {
		margin-bottom: 35px;
	}
	#st-features .info h2 {
		margin-bottom: 20px;
	}
}


@media (min-width: 992px) {
	#st-features .info .icon {
		margin-bottom: 40px;
	}
	#st-features .info h2 {
		margin-bottom: 25px;
	}
}



/* Container */

#st-features .default-container {
	padding-top: 20px;
}



@media (max-width: 576px) {
	#st-features .default-container {
		width: 100%;
		max-width: none;
	}
}











/* Section - Team */

#st-team {
	background: #312D51;
}


#st-team .heading h2 {
	color: #fff;
}

#st-team .heading p {
	color: #707097;
}

#st-team .member {
	transition: all ease-in-out .3s;
	border-radius: 20px;
	margin-bottom: 30px;
}


@media (max-width: 576px) {
	#st-team .member .dscr {
		width: 80%;
		margin: auto;
	}
}


@media (max-width: 991px) {
	#st-team .member {
		background: rgba(0,0,0,.1);	
	}
}


@media (min-width: 992px) {
	#st-team .member:hover {
		background: rgba(0,0,0,.1);		
	}
	#st-team .member:hover .name {
		color: #34C4F3;
	}
}







/* Bootstrap Row with 3 Columns */


@media (max-width: 575px) {
	#st-team .members-row .member:last-child {
		margin-bottom: 0;
	}	
}


@media (min-width: 576px) and (max-width: 991px) {
	#st-team .members-row .member {
		width: 47.5%;
		margin-right: 5%;
	}
	#st-team .members-row .member:nth-child(2n) {
		margin-right: 0;
	}	
}




@media (min-width: 992px) {
	#st-team .members-row .member {
		width: 32%;
		margin-right: 2%;
	}
	#st-team .members-row .member:nth-child(3n) {
		margin-right: 0;
	}	
}








#st-team .member .photo {
	display: flex;
}

#st-team .member .photo img {
	margin: auto;
	border-radius: 320px;
}

#st-team .member .name {
	font-weight: 600;
	color: #fff;
	text-align: center;
	transition: all ease-in-out .3s;
}

#st-team .member .job-title {
	color: #707097;
	text-align: center;
	display: block;
	font-family: SVN-Gilroy;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 3px;
	text-transform: uppercase;
}

#st-team .member .dscr {
	text-align: center;
}



@media (max-width: 575px) {
	#st-team  .member {
		padding: 40px 5%;
	}
	#st-team .member .photo{
		margin-bottom: 15px;
	}
	#st-team .member .photo img {
		max-width: 100px;
	}
	#st-team .member .job-title {
		margin-bottom: 10px;
	}
}


@media (min-width: 576px) and (max-width: 767px) {
	#st-team  .member {
		padding: 40px 5%;
	}
	#st-team .member .photo {
		margin-bottom: 20px;
	}
	#st-team .member .photo img {
		max-width: 120px;
	}
	#st-team .member .job-title {
		margin-bottom: 15px;
	}
}


@media (min-width: 768px) and (max-width: 991px) {
	#st-team  .member {
		padding: 50px 5%;
	}
	#st-team .member .photo {
		margin-bottom: 25px;
	}
	#st-team .member .photo img {
		max-width: 140px;
	}
	#st-team .member .job-title {
		margin-bottom: 20px;
	}
}


@media (min-width: 992px) {
	#st-team  .member {
		padding: 60px 5%;
	}
	#st-team .member .photo{
		margin-bottom: 30px;
	}
	#st-team .member .photo img {
		max-width: 160px;
	}
	#st-team .member .job-title {
		margin-bottom: 25px;
	}
}






@media (max-width: 575px) {
	#st-team .default-container {
		padding: 50px 0;
	} 
}


@media (min-width: 576px) and (max-width: 767px) {
	#st-team .default-container {
		padding: 70px 0;
	}
}


@media (min-width: 768px) and (max-width: 991px) {
	#st-team .default-container {
		padding: 90px 0;
	} 
}


@media (min-width: 992px) and (max-width: 1199px) {
	#st-team .default-container {
		padding-bottom: 110px;
	}
}


@media (min-width: 1200px) and (max-width: 1399px) {
	#st-team .default-container {
		padding-bottom: 130px;
	}
}


@media (min-width: 1400px) {
	#st-team .default-container {
		padding-bottom: 150px;
	}
}




/* Section About */

.h-divider {
    background-image: linear-gradient(-45deg, #00B1FF, #05E8C2);
    margin-bottom: 20px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
	.h-divider {
		width: 75px;
		height: 9px;
	}
}

@media (max-width: 575px) {
	.h-divider {
		width: 50px;
		height: 5px;
	}
}



/* Section Exp */

#st-exp .heading h2 {
	font-weight: 700;
	color: #312D51;
}


#st-exp .exp {
	transition: all ease-in-out .3s;
}


@media (max-width: 991px) {
	#st-exp .exp {
		padding: 50px 5%;
	}
}


@media (min-width: 992px) {
	#st-exp .exp:hover {
		background: #fff;
		box-shadow: 0px 20px 40px rgba(0,0,0,.1);
	}

}












#st-exp .exp h4 {
	font-weight: 700;
	color: #312D51;
	text-align: center;
}

#st-exp .exp .feature-img {
	max-width: 200px;
	margin: auto;
	margin-bottom: 40px;
}






@media (max-width: 575px) {
	#st-exp .exp {
		padding: 40px 5%;
	}
}


@media (min-width: 576px) and (max-width: 767px) {
	#st-exp .exp {
		padding: 40px 5%;
	}
}


@media (min-width: 768px) and (max-width: 991px) {
	#st-exp .exp {
		padding: 50px 5%;
	}
}


@media (min-width: 992px) {
	#st-exp .exp {
		padding: 60px 2.5%;
	}

}


















#st-cnp {
	background: #F5F4FF;
}

#st-cnp .heading h2 {
	font-weight: 700;
	margin-bottom: 0;
}


#st-cnp .logo-item img {
	border-radius: 10px;
	transition: all ease-in-out .3s;
	mix-blend-mode: multiply;
}

#st-cnp .logo-item:hover img {
	box-shadow: 0px 10px 20px rgba(0,0,0,.1);
}
























