@charset "UTF-8";
.content .row{
	margin-left: 0;
	margin-right: 0;
}
.layer1{
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
  	height: 300px;
  	width: 100%;
  	background-color: #fff;
  	border-radius: 10px;
 	 box-sizing: border-box;
}

.layer1 .layer1-text{
	position: absolute;
	top: 50%;
	left: 5%;
	width: 90%;
	transform: translate(0,-50%);
}

.layer1 .layer1-title{
	font-family: Commissioner;
	font-size: 25px;
	font-weight: 600;
	letter-spacing: -0.5px;
	text-align: left;
	color: #07C160;
	margin-bottom: 20px;
	font-style: italic;
	
}

.layer1 p{
	color: #000000;
}

.layer1 .layer1-p1{
	font-family: Commissioner;
	font-size: 16px;
	margin-bottom: 20px;
}

.layer2{
	margin-top: 20px;
	margin-bottom: 20px;
	height: 160px;
}


.layer2 .layer2-c,.layer2 .layer2-t{
	display: inline-block;
}

.layer2 .layer2-circle{
	border-radius: 100%;
	background-color: #07C160;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
}

.layer2 .c1{
	width: 30px;
	height: 30px;
	margin-top: 25px;
}

.layer2 .c2{
	width: 40px;
	height: 40px;
	margin-top: 20px;
}

.layer2 .c3{
	width: 60px;
	height: 60px;
	margin-top: 10px;
}

.layer2 .layer2-year{
	font-family: Commissioner;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: -0.5px;
	text-align: left;
	margin-bottom: 20px;
	font-style: italic;
	border-bottom: 2px solid #07C160;
	line-height: 40px;
}

.layer2 .layer2-t{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.layer2 .t1{
	padding-left: 20px;
}
.layer2 .t2{
	padding-left: 30px;
}
.layer2 .t3{
	padding-left: 50px;
}
.layer2 .t3{
	padding-left: 60px;
}

.layer2 .layer2-t p{
	padding-left: 10px;
}

.layer2 .layer2-title{
	font-weight: bold;
	font-size: 10px;
}

.layer2 .layer2-3-arrow{
	width: 8px;
	height: 8px;
	border-top: 2px solid #07C160;
	border-right: 2px solid #07C160;
	transform: rotate(45deg);
	display: inline-block;
	position: absolute;
  right: 0;
  top: 37px;
}

.layer3 .layer3-title{
	text-transform: uppercase;
	font-style: italic;
}

.layer3 .grey{
	color: #040C084D;
}

.tese>p{
	font-family: Commissioner;
font-size: 15px;
font-weight: 600;
margin-top:20px;
margin-bottom: 20px;
letter-spacing: 0.5px;
text-align: left;
}

.tese>p>span{
	color:rgba(7, 193, 96, 1);
	font-style: italic;
}

.tese-flex{
	display: flex;
	margin-bottom: 10px;
}

.tese-flex:last-child{
	margin-bottom: 0px;
}

.tese-flex .flex4{
	width: 50%;
	background-color: #ffffff;
	margin-right: 15px;
	padding: 10px;
	border-radius: 10px;
}

.tese-flex .flex4:last-child{
	margin-right: 0px;
}

.flex4 img{
	height: 35px;
}

.flex4 p:nth-child(2){
	font-family: Commissioner;
font-size: 15px;
font-style: italic;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.25px;
text-align: left;
color: rgba(7, 193, 96, 1);
}



.layer4{
	margin:20px 0;
	position: relative;
}

.layer4 img{
	width: 100%;
}

.layer4 p{
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	height: 20px;
	line-height: 20px;
}

.layer4 .layer4-1{
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translate(0,-50%);
}

.layer4 .layer4-2{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.layer4 .layer4-3{
	position: absolute;
	top: 50%;
	right: 12%;
	transform: translate(0,-50%);
}

.layer4 .layer4-num{
	font-size:15px;
	font-style: italic;
	margin-bottom: 0;
}

.layer4 .layer4-t{
	font-size: 12px;
}

.layer4 .num1{
	color: #0C1815;	
}

.layer5 img{
	width: 100%;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.layer1 .layer1-text{
		width: 80%;
	}
	.layer1 .layer1-title{
		font-size: 25px;
	}
	.layer2{
		height: 120px;
	}
	.layer2 .layer2-year{
		font-size: 25px;	
	}
	.layer2 .layer2-title{
		font-size: 16px;
	}
	.layer2 .layer2-t p{
		padding-left: 20px;
	}
	.tese-flex .flex4{
		width: 25%;
	}
}
@media (min-width: 992px) {
	
	.layer4 p{
		height: 40px;
		line-height: 40px;
	}
	.layer4 .layer4-num{
		font-size:35px;
	}
	
	.layer4 .layer4-t{
		font-size: 30px;
	}
}