.row-left__icon {
  width: 48px;
  height: 48px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.teasers__left-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.block_teasers-first {
	--mb: 16px;
  margin: var(--mb) 0;
}

.block_teasers-first-mb_40 {
  --mb: 40px;
  margin-bottom: var(--mb);
}

.block_teasers-first-mb_24 {
  --mb: clamp(20px,2vw,24px);
  margin-bottom: var(--mb);
}

.block_teasers-second {}

.block_teasers-second .caption {
  line-height: clamp(26px, 2vw , 28px)
}

.block_teasers-third {
  margin-top: 12px;
}

.block_teasers-third-mt_40 {
  margin-top: 40px;
}

.block_teasers-third-mt_24 {
  margin-top: 24px;
}

.row-center__icon-teasers-40px{
  width: 40px;
  height: 40px;
}

@media (max-width: 767px) {
  .block_teasers-first {
    margin-bottom: 15px;
  }

  .block_teasers-third {
    margin-top: 15px;
  }
}

.row-center__subheading-teasers {
  font-size: clamp(16px, 2vw, 18px);
}

.row-center__text {
  font-size: 15px;
  line-height: 24px;
}

.left_position-teasers {
  display: flex;
  justify-content: left;
  text-align: left;
}

.center_position-teasers {
  display: flex;
  justify-content: center;
  text-align: center;
  color: var(--text-color);
}

.right_position-teasers {
  display: flex;
  justify-content: right;
  text-align: right;
}


.row-teasers__col {
  flex: 1 1 33.333%;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-radius: 16px;
}

@media (max-width: 767px) {
  .row-teasers__col {
    padding: 0;
    flex: none;
    max-width: 400px;
    align-self: center;
  }
}

.white_color-teasers {
  background: #ffffff;
}

.grey_color-teasers {
  background: #f4f6f9;
}

.dark-blue_color-teasers {
  background: #3c3c58;
}

.trasparent_color-teasers {
  background: none;
}

.white_color-text {
  color: #ffffff;
}

.black_color-text:not(.medium-text) {
  color: #333338;
}

.grey_color-text {
  color: #b2b8c6;
}

.white_color-icon_background {
  background: #ffffff;
  /* padding: 12px; */
  border-radius: 20px;
}

/* .grey_color-icon_background{
  background: #f4f6f9;
} */

.dark-blue_color-icon_background {
  background: #3c3c58;
  padding: 12px;
  border-radius: 20px;
}

.teasers-info{
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 24px;
}



.block__subtitle-teasers{
  margin: 0;
  font-size: 16px;
  line-height: 26px;
  color: #555558;
  text-align: start;
  max-width: 660px;
}

@media screen and (max-width: 993px){
  .teasers-info{
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .block__subtitle-teasers{
    text-align: center;
    max-width: none;
  }
}

.teasers_title-left {
  text-align: left;
  font-size: 28px;
  /* max-width: 800px; */
}

.teasers_title-center {
  text-align: center;
  /* font-size: clamp(24px, 2vw , 28px) */
  /* max-width: 800px; */
}

.teasers_title-right {
  text-align: right;
  font-size: 28px;
  /* max-width: 800px; */
}


@media (max-width: 820px) {
  .values .values--4-cols {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* @media (max-width:768px) {
  .teasers_title-center, .teasers_title-left, .teasers_title-right   {
   text-align: center;
  }
}
@media (max-width: 576px) {
  .teasers_title-center, .teasers_title-left, .teasers_title-right   {
    text-align: left;
   }
} */

.teaser-list__link {
  margin-top: 48px;
  transition: 0.3s ease;
  color: var(--brand-blue);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}

.teaser-list__link:hover {
  color: var(--base-color);
}

.caption {
  font-weight: 600;
  font-size: clamp(1rem, 2vw,1.125rem);
  line-height: var(--h4-blog-lh);
  color: var(--title-color);
}

.caption.h1{
font-weight: 600;
font-size: 44px;
line-height: 54px;
}

@media (max-width: 425px) {
  .trasparent_color-teasers:not(:last-of-type){
    margin-bottom: var(--offset-4);
  }
}