.ocera-footer{
	background:var(--ocera-bg);
	color:var(--ocera-white);
	padding:60px 40px 30px;
}
.ocera-footer__top{
	max-width:1400px;
	margin:0 auto;
	display:grid;
	grid-template-columns:1.8fr 1fr 1fr 1fr 1fr auto;
	gap:30px;
}
.ocera-footer__logo{height:60px;width:auto;margin-bottom:14px;}
.ocera-footer__brand p{font-size:14px;line-height:1.6;color:#c9ccd6;}

.ocera-footer h4{
	color:var(--ocera-gold);
	font-size:13px;
	letter-spacing:1px;
	text-transform:uppercase;
	margin:0 0 16px;
}
.ocera-footer__col ul li{margin-bottom:12px;}
.ocera-footer__col a{font-size:14px;color:var(--ocera-white);}
.ocera-footer__col a:hover{color:var(--ocera-gold);}

.ocera-footer__social{
	display:flex;
	flex-direction:column;
	gap:20px;
	align-items:flex-end;
}
.ocera-footer__social a{
	width:40px;height:40px;
	display:flex;align-items:center;justify-content:center;
	background:transparent;
	border:1px solid rgba(255,255,255,.25);
	border-radius:10px;
}
.ocera-footer__social img{width:25px;height:25px;}

.ocera-footer__bottom{
	max-width:1400px;
	margin:40px auto 0;
	padding-top:20px;
	border-top:1px solid rgba(255,255,255,.1);
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:12px;
	font-size:13px;
	color:#9a9eab;
}
.ocera-footer__legal{display:flex;gap:20px;}

@media (max-width:768px){
	.ocera-footer__top{grid-template-columns:1fr 1fr;}
	.ocera-footer__brand{grid-column:1 / -1;}
	.ocera-footer__social{grid-column:1 / -1;flex-direction:row;}
	.ocera-footer{padding:40px 20px 20px;}
}