.act-section {
padding: 56px 0 48px;
}
.act-inner {
padding: 36px 40px;
background: #fff;
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
} .act-head {
margin-bottom: 28px;
text-align: center;
}
.act-eyebrow {
display: inline-block;
font-size: 11px;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--color-primary, #203c85);
margin-bottom: 8px;
}
.act-title {
font-size: clamp(22px, 3vw, 30px);
font-weight: 700;
color: #1a1a2e;
margin: 0 0 8px;
line-height: 1.25;
}
.act-desc {
font-size: 15px;
color: #555;
margin: 0;
line-height: 1.5;
} .act-widget {
min-height: 280px;
} @media (max-width: 768px) {
.act-inner {
padding: 28px 24px;
}
}
@media (max-width: 640px) {
.act-section {
padding: 32px 16px 24px;
}
.act-inner {
padding: 24px 18px;
border-radius: 12px;
}
.act-title {
font-size: 20px;
}
}