.ofig-tabs{
background:#243b7a;
padding:12px 20px;
border-radius:50px;
display:flex;
justify-content:center;
gap:12px;
flex-wrap:wrap;
}

.ofig-tab{
background:#fff!important;
color:#243b7a!important;
border:0!important;
padding:10px 35px!important;
border-radius:30px!important;
font-size:15px!important;
line-height:1.2!important;
font-weight:500!important;
display:block!important;
visibility:visible!important;
opacity:1!important;
}

.ofig-tab.active{
background:#ff6b22!important;
color:#fff!important;
}

.ofig-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:var(--gap);
margin-top:30px;
}

.ofig-item{
height:var(--height);
border:4px solid #243b7a;
border-radius:20px;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
}

.ofig-item img{
width:100%;
height:100%;
object-fit:contain;
}

@media(max-width:900px){
.ofig-grid{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:600px){
.ofig-grid{grid-template-columns:1fr;}
}