body{
	font-size: 16px;
	background-color: white;
	margin: 0;
	padding: 0;
}

div{
	display: flex;
	flex-direction: column;
	align-items: center;
}

img{
	margin: 0;
	padding: 0;
	border: 0px;
}

ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

li{
	flex: 1;
}

.header{
	padding: 1.2rem;
	height: 2rem;
	flex-direction: row;
	justify-content: flex-start;
    align-items: center;
}

.logo{
	width: 5rem;
	margin-right: 1rem;
	font-size: 1.2rem;
	color: #2E53E4;
}

.top_menu{
	flex-grow: 1;
}

.menu_ul{
	display: flex; 
	flex-direction: row; 
	justify-content: center;
	align-items: center; 
	width: 20rem;
	margin: 0 auto;
}

.menu_active{
	text-decoration: underline;
	color: #2E53E4;
}

.banner{
	width: 100%;
	padding: 0;
	background-color: #2E53E4;
	display: flex;
	flex-direction: column;
	text-align:center;
	justify-content: center;
	font-size: 3rem;
}
.banner>p{
	color: white;
	margin-bottom: 1rem;
}
.banner>img{
	width: 45rem;
	height: 26rem;
}

.sub-title{
	font-size: 1rem;
	margin-top: 0;
}


.content-row{
	flex-direction: column;
}

.content-title{
	width: 100%;
	color: black;
	font-size: 2rem;
	font-weight: 600;
	margin: 3rem;
	padding-left: 2rem;
	box-sizing: border-box;
	flex-direction: row;
	align-items: flex-end;
}

.service-content{
	width: 73.8125rem;
	height: 17.625rem;
	background: url(../images/18.png) no-repeat center;
	flex-direction: row;
	justify-content: center;
}

.service-content>div{
	flex: 1;
	height: 17.625rem;
}

.service-text{
	position:relative;
	top: -3.5rem;
	font-size: 0.85rem;
}

.case{
	background-color: #F0F0F0;
	margin-top: 3rem;
	padding-bottom: 3rem;
	
}
.blue{
	color: #2E53E4;
}
.case-content{
	flex-direction: row;
	justify-content: space-around;
}

.case-content>div{
	/* flex: 1; */
	height: 20rem;
	margin: 0 2rem;
}

.case-left{
	width: 30rem;
	height: 20rem;
	background: url(../images/2.png) no-repeat center;
	background-size: contain;
}

.case-right{
	width: 40rem;
	height: 20rem;
	background: url(../images/3.png) no-repeat center;
	background-size: contain;
}

.case-text{
	background-color: #9A9A9A;
	width: 100%;
	height: 3rem;
	line-height: 3rem;
}

.case-left-width{
	width: 30rem;
	color: #fff;
	font-weight: 800;
}

.case-right-width{
	width: 40rem;
	color: #fff;
	font-weight: 800;
}

.case-bottom{
	flex-direction: row;
    justify-content: space-between;
	padding: .5rem;
    box-sizing: border-box;
	color: #fff;
	font-weight: 600;
	border-top: 1px solid #fff;
}

.case-bottom > div{
	flex-direction: row;
}

.icon-brand{
	width: 1.5rem;
	height: 1.5rem;
	margin-right: .4rem;
}

.client-content{
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 1.5rem 3rem;
}

.client-content > img{
	margin: .8rem 3rem;
}

.about{
	background-color: #F0F0F0;
}

.about-content{
	flex-direction: row;
	box-sizing: border-box;
    padding: .5rem 5rem;
	align-items: flex-start;
	justify-content: flex-start;
}

.about-text-area{
	/* padding: 10rem; */
	align-items: flex-start;
	margin-left: 3rem;
	color: #6C6C6C;
	font-size: 1rem;
	line-height: 2rem;
}

.name-text{
	font-size: 1.5rem;;
	text-align: left;
}

.footer{
	background-color: #0F40F5;
	color: #fff;
}

.contact-left{
	align-items: flex-start;
}

.contact-left > p{
	margin: .2rem 0;
}

.address-text{
	margin-top: 2rem !important;
}

.follow-us{
	flex-direction: row;
	padding: 1rem 2rem;
	box-sizing: border-box;
	align-items: flex-end;
}

.follow-us > div {
	margin: 2rem;
}

.icon-box{
	border: 1px solid #fff;
	border-radius: 100%;
	padding: .3rem;
	margin-top: 1rem;
}