
.az-oemm-section{
padding:60px 20px;
font-family:Arial,Helvetica,sans-serif;
}

.az-oemm-container{
max-width:1180px;
margin:auto;
}

/* Heading */

.az-oemm-heading{
max-width:900px;
margin-bottom:50px;
}

.az-oemm-eyebrow{
display:inline-block;
margin-bottom:12px;
font-size:13px;
font-weight:800;
letter-spacing:2px;
text-transform:uppercase;
color:#198da8;
}

.az-oemm-heading h2{
margin:0 0 16px;
font-size:clamp(30px,4vw,48px);
font-weight:800;
line-height:1.15;
color:#101820;
}

.az-oemm-heading p{
margin:0;
font-size:16px;
line-height:1.8;
color:#5f6b76;
}

/* Layout */

.az-oemm-layout{
display:grid;
grid-template-columns:36% 64%;
gap:30px;
margin-bottom:35px;
}

/* Left */

.az-oemm-overview{
padding:35px;
border-radius:24px;
background:linear-gradient(145deg,#101820,#22313f);
color:#fff;
}

.az-oemm-badge{
display:inline-block;
padding:10px 18px;
background:#198da8;
border-radius:30px;
font-size:12px;
font-weight:700;
margin-bottom:20px;
}

.az-oemm-overview h3{
margin:0 0 18px;
font-size:28px;
font-weight:800;
}

.az-oemm-overview p{
margin:0 0 16px;
font-size:15px;
line-height:1.8;
color:rgba(255,255,255,.88);
}

/* Grid */

.az-oemm-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:22px;
}

.az-oemm-card{
padding:26px;
background:#fff;
border-radius:22px;
border:1px solid rgba(16,24,32,.08);
box-shadow:0 14px 28px rgba(16,24,32,.08);
transition:.3s;
}

.az-oemm-card:hover{
transform:translateY(-6px) scale(1.015);
border-color:rgba(25,141,168,.25);
box-shadow:0 24px 50px rgba(16,24,32,.12);
}

.az-oemm-no{
width:42px;
height:42px;
border-radius:14px;
background:#198da8;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:13px;
font-weight:800;
margin-bottom:16px;
}

.az-oemm-card h4{
margin:0 0 10px;
font-size:18px;
font-weight:800;
color:#101820;
}

.az-oemm-card p{
margin:0;
font-size:14px;
line-height:1.7;
color:#5f6b76;
}

/* Highlight */

.az-oemm-highlight{
padding:35px;
border-radius:24px;
background:linear-gradient(135deg,#f3fafc,#ffffff);
border:1px solid rgba(16,24,32,.08);
}

.az-oemm-highlight h3{
margin:0 0 15px;
font-size:28px;
font-weight:800;
color:#101820;
}

.az-oemm-highlight p{
margin:0 0 22px;
font-size:15px;
line-height:1.8;
color:#5f6b76;
}

.az-oemm-tags{
display:flex;
flex-wrap:wrap;
gap:12px;
}

.az-oemm-tags span{
padding:10px 14px;
border-radius:999px;
background:rgba(25,141,168,.08);
border:1px solid rgba(25,141,168,.16);
font-size:13px;
font-weight:700;
color:#315b65;
}

/* Responsive */

@media(max-width:1024px){

.az-oemm-layout{
grid-template-columns:1fr;
}

}

@media(max-width:768px){

.az-oemm-grid{
grid-template-columns:1fr;
}

.az-oemm-section{
padding:40px 16px;
}

.az-oemm-overview,
.az-oemm-highlight{
padding:26px;
border-radius:20px;
}

.az-oemm-card{
padding:24px;
border-radius:20px;
}

}

