.text_cards{margin:120px 0}@media screen and (max-width: 1024px){.text_cards{margin:80px 0}}.text_cards__header{margin-bottom:64px}.text_cards .cards_container{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:20px;width:100%;transition:.3s}@media screen and (max-width: 1024px)and (min-width: 768px){.text_cards .cards_container{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 767px){.text_cards .cards_container{grid-template-columns:1fr}}.text_cards .text_card{position:relative;overflow:hidden;padding:24px;border-radius:16px;display:flex;flex-direction:column;background:linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01));backdrop-filter:blur(3px) saturate(250%);-webkit-backdrop-filter:blur(3px) saturate(250%);border:1px solid rgba(47,173,167,.3);box-shadow:0 20px 80px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.3);transition:.3s}.text_cards .text_card:hover{backdrop-filter:blur(130px) saturate(250%)}.text_cards .text_card::before{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--x) var(--y), rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.12) 20%, transparent 40%);opacity:0;transition:opacity .2s ease;pointer-events:none}.text_cards .text_card::after{content:"";position:absolute;inset:0;background:radial-gradient(500px circle at var(--x) var(--y), rgba(255, 200, 0, 0.25), transparent 45%);mix-blend-mode:screen;opacity:0;transition:opacity .25s ease;pointer-events:none}.text_cards .text_card__icon{margin-bottom:24px;width:48px;height:48px;padding:12px;display:flex;justify-content:center;align-items:center;border:1px solid rgba(73,167,163,.2);border-radius:12px}.text_cards .text_card__icon svg path{stroke:#ff9f1c}.text_cards .text_card__icon img{width:22px;height:22px}.text_cards .text_card__title{margin-bottom:16px;font-weight:600;font-size:18px;line-height:25px;letter-spacing:-0.36px;color:#49a7a3}.text_cards .text_and_image__description{font-size:18px;line-height:29px;color:#f2f2f2}.text_cards .text_and_image__button{margin-top:32px}@media screen and (max-width: 1024px){.text_cards .text_and_image__image{margin:32px auto 0}}@media screen and (max-width: 767px){.text_cards .text_and_image__image{max-width:300px}}/*# sourceMappingURL=block-text-cards.css.map */
