.section-cards{margin-top:clamp(100px, 15.6vw, 160px)}.section-title{display:flex;align-items:center;justify-content:space-between}.cards{display:grid;gap:30px;margin-top:95px;justify-content:center}.card{border-radius:10px;background:var(--color-primary);box-shadow:7px 7px 10px 0 rgb(0 0 0 / .25);padding:25px 23px;display:flex;flex-direction:column;align-items:center;row-gap:20px;position:relative}.card::before{content:"";content:attr(data-index);background:var(--color-primary);color:#FFF;text-align:center;font-family:Nunito;font-size:32px;font-weight:900;width:50px;height:50px;border-radius:50px;display:grid;place-content:center;position:absolute;left:-23px;top:-25px}.card:nth-child(4n+1)::before{background:#58CC02}.card:nth-child(4n+2)::before{background:#ff7600}.card:nth-child(4n+3)::before{background:#16B9AA}.card:nth-child(4n+4)::before{background:#FDDB3B}.card-image-link{display:block;max-width:360px;width:100%}.card-image{border-radius:10px;width:100%;height:210px;object-fit:cover}.card-title{color:var(--color-white);text-align:center;font-family:Nunito,"sans-serif";font-style:normal;font-weight:900;line-height:normal;font-size:clamp(1.75rem, 3.2vw, 2rem)}.card-title-link,.card-title-link:hover{color:var(--color-white)}.card-button{width:221.57px;height:52px;margin-top:auto}.title-blog{font-family:'Nunito';font-size:32px;font-weight:800;text-align:center}@media screen and (min-width:603px){.cards{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));max-width:1390px;}}