.cardnews-section{background:linear-gradient(55deg,#fbfbfb 0,#ededed 100%);padding:50px 0}
.cardnews-section.skyblue{background:#d4f4f7}
.cardnews-section.white{background:#fff}
.cardnews-section-inner{max-width:80%;margin:40px auto}
.cardnews-section-inner h2{text-align:center;font-weight:bold;font-size:clamp(24px,4vw,32px);padding-bottom:10px}
.cardnews-section-inner p{text-align:center;font-size:18px}
.cardnews-section-inner .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}
.cardnews-section-inner .card{background:#fff;border-radius:0;padding:0;transition:transform .2s ease,box-shadow .2s ease}
.cardnews-section-inner .card .image{text-align:center}
.cardnews-section-inner .card-content{padding:30px}
.cardnews-section-inner .card-content.pad-10{padding:10px}
.cardnews-section-inner .card-content.pad-20{padding:20px}
.cardnews-section-inner .card img{width:100%;margin:0}
.cardnews-section-inner .card h3{font-size:18px;margin-bottom:10px;color:#000;font-weight:bold}
.cardnews-section-inner .card p{font-size:16px;color:#747474;text-align:left;line-height:25px}
.cardnews-section-inner .card .button-area{padding:25px 0;text-align:right}
.cardnews-section-inner .card .button-area.left{text-align:left}
.cardnews-section-inner .card .button-area.center{text-align:center}
.cardnews-section-inner .card .cta{display:inline-block;border:2px solid #000;border-radius:20px;font-size:15px;font-weight:bold;padding:2px 10px}
.cardnews-section-inner .card .cta:hover{background:#000;color:#fff;cursor:pointer}