.features-cards{h2[data-v-af55447b] {text-align: center; color: #101828; font-size: 24px; font-weight: 400; @media screen and (max-width: 991px) {font-size: 19px;}} .subtitle[data-v-af55447b] {text-align: center; text-transform: uppercase; color: #6A7282; font-size: 14px;} .features {&[data-v-af55447b] {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; margin-top: 40px;} @media screen and (max-width: 991px) {&[data-v-af55447b] {grid-template-columns: repeat(1,minmax(0,1fr));}} .feature {&[data-v-af55447b] {border-radius: 16px; border: 1px solid #E5E7EB; background: #FFF; padding: 15px;} .top {&[data-v-af55447b] {display: flex; align-items: center; gap: 15px;} .icon-container {&[data-v-af55447b] {display: flex; align-items: center; justify-content: center; border-radius: 14px; background: rgba(16,24,40,.5); width: 48px; min-width: 48px; height: 48px; min-height: 48px;} img[data-v-af55447b] {}} h4[data-v-af55447b] {margin-bottom: 0; color: #101828; font-size: 20px; font-weight: 400;}} p[data-v-af55447b] {color: #4A5565; font-size: 16px; font-weight: 300; margin-top: 10px; margin-bottom: 0;}}}}.features-cards[data-v-af55447b]{font-family:Lexend,sans-serif;padding:60px 0}@media screen and (max-width: 991px){.features-cards[data-v-af55447b]{padding:30px 0}}