.card-section-inner{margin:40px auto;padding:0 20px}
.card-section-inner h2{text-align:center;font-weight:bold;font-size:clamp(24px,4vw,32px)}
.card-section-inner .cards{max-width:1400px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:20px auto}
.card-section-inner .cards .card{background:#fff;border-radius:12px;padding:30px;transition:transform .2s ease,box-shadow .2s ease}
.card-section-inner .cards .card .image{text-align:center}
.card-section-inner .cards .card img{max-width:100%;height:auto;margin:10px auto}
.card-section-inner .cards .card h3{font-size:clamp(18px,3vw,22px);margin-bottom:10px;color:#000;font-weight:bold}
.card-section-inner .cards .card p{font-size:clamp(14px,2vw,16px);color:#000;text-align:left;line-height:1.6}
.card-section-inner .cards .card .button-area{padding:15px 0}
.card-section-inner .cards .card .cta{display:inline-block;border:2px solid #000;border-radius:20px;font-size:clamp(13px,2vw,15px);font-weight:bold;padding:8px 16px;transition:all .3s ease}
.card-section-inner .cards .card .cta:hover{background:#000;color:#fff;cursor:pointer}
.card-section-inner .cards .card.card-left{text-align:left}
.card-section-inner .cards .card.card-left h3,.card-section-inner .cards .card.card-left p{text-align:left}
.card-section-inner .cards .card.card-center{text-align:center}
.card-section-inner .cards .card.card-center h3,.card-section-inner .cards .card.card-center p{text-align:center}
.card-section-inner.card-blue{background:#f2f7fa;padding:40px 0}
.card-section-inner.card-blue .card{background:0}
.card-section-inner .cards.banners{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}
@media(max-width:768px){.card-section-inner{max-width:95%;margin:30px auto;padding:0 15px}
.card-section-inner .cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:30px}
.card-section-inner .cards .card{padding:24px}
.card-section-inner .cards .card .button-area{padding:12px 0}
}
@media(max-width:480px){.card-section-inner{max-width:100%;margin:20px auto;padding:0 10px}
.card-section-inner .cards .cards{grid-template-columns:1fr;gap:16px;margin-top:24px}
.card-section-inner .cards .card{padding:20px}
.card-section-inner .cards .card .cta{padding:6px 14px}
}