.ocera-steps{
	background:rgb(6,13,26);
	color:#fff;
	padding:80px 60px;
	text-align:center;
}
.ocera-steps__head{margin-bottom:60px;}
.ocera-steps__tag{
	display:block;
	color:rgb(201,168,76);
	font-size:12px;
	letter-spacing:2px;
	margin-bottom:14px;
}
.ocera-steps__head h2{font-size:38px;margin:0;}
.ocera-steps__head h2 em{
	color:rgb(201,168,76);
	font-style:italic;
	font-family:Georgia,serif;
}

.ocera-steps__row{
	max-width:1300px;
	margin:0 auto;
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:20px;
	position:relative;
}
.ocera-steps__item{position:relative;padding-top:60px;}
.ocera-steps__num{
	position:absolute;
	top:0;left:50%;
	transform:translateX(-50%);
	width:50px;height:50px;
	border:1px solid rgb(201,168,76);
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:rgb(201,168,76);
	font-weight:700;
	font-size:14px;
	background:rgb(6,13,26);
	z-index:1;
}
.ocera-steps__item::before{
	content:"";
	position:absolute;
	top:25px;left:-50%;
	width:100%;
	height:1px;
	background:rgba(201,168,76,.3);
	z-index:0;
}
.ocera-steps__item:first-child::before{display:none;}

.ocera-steps__item h3{font-size:16px;margin:0 0 10px;}
.ocera-steps__item p{
	font-size:13px;
	line-height:1.6;
	color:#9a9eab;
	max-width:220px;
	margin:0 auto;
}

@media (max-width:768px){
	.ocera-steps{padding:50px 20px;}
	.ocera-steps__row{grid-template-columns:1fr 1fr;gap:40px 20px;}
	.ocera-steps__item::before{display:none;}
	.ocera-steps__item p{max-width:none;}
}