.feature-card {
  border-radius: 16px;
  padding: 20px 24px;
  position: relative;
  overflow: hidden; }

.dark .feature-card {
  background-color: var(--bg-primary); }

.light .feature-card {
  background-color: var(--bg-primary); }

@media (min-width: 768px) {
  .feature-card--medium-padding {
    padding: 28px 32px; } }

.feature-card__title {
  font: normal 450 20px/24px "TT Norms Pro", sans-serif; }

.dark .feature-card__title {
  color: var(--text-primary); }

.light .feature-card__title {
  color: var(--text-primary); }

@media (min-width: 0px) and (max-width: 767px) {
  .feature-card__title {
    font: normal 450 17px/22px "TT Norms Pro", sans-serif; } }

.feature-card__title--large {
  font: normal 450 28px/32px "TT Norms Pro", sans-serif;
  margin-bottom: 12px; }

@media (min-width: 768px) and (max-width: 1023px) {
  .feature-card__title--large {
    font: normal 450 22px/26px "TT Norms Pro", sans-serif; } }

@media (min-width: 0px) and (max-width: 767px) {
  .feature-card__title--large {
    font: normal 450 20px/24px "TT Norms Pro", sans-serif;
    margin-bottom: 8px; } }

.feature-card__text {
  font: normal 400 17px/22px "TT Norms Pro", sans-serif; }

.dark .feature-card__text {
  color: var(--text-secondary-high); }

.light .feature-card__text {
  color: var(--text-secondary-high); }

.feature-card__subtext {
  font: normal 400 14px/18px "TT Norms Pro", sans-serif; }

.dark .feature-card__subtext {
  color: var(--text-secondary); }

.light .feature-card__subtext {
  color: var(--text-secondary); }

.feature-card__icon {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 64px;
  height: 64px; }

@media (min-width: 768px) and (max-width: 1023px) {
  .feature-card__icon {
    width: 56px;
    height: 56px; } }

@media (min-width: 0px) and (max-width: 767px) {
  .feature-card__icon {
    width: 50px;
    height: 50px; } }

.feature-card__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.feature-card__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px; }

.feature-card__list li {
  position: relative;
  padding-left: 14px; }

.feature-card__list li:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0px;
  border-radius: 50px;
  width: 6px;
  height: 6px;
  background: linear-gradient(236.41deg, #EF5B75 -7.24%, #F80732 62.58%); }

.feature-card__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.feature-card__img-wrap {
  position: absolute; }

.feature-card__img-wrap img {
  width: 100%; }