.card_colorline {
  width: 100%;
  /* min-height: 262px; */
  height: 100%;
  border-left: 4px solid var(--blue400);
}
.card_colorline .h3,
.cards_plain .card .h3 {
  font-size: 24px;
}
.card_colorline p,
.cards_plain .card p {
  font-size: 20px;
}

.cards_plain {
  gap: 32px;
}

.card_colorline.card_accent {
  background-color: var(--green50);
  border-left: 4px solid var(--green900);
}

.widecontent {
  padding-left: var(--indent_xs);
  overflow: hidden;
}

.bslider_smallcard {
  width: 100%;
  position: relative;
}

.banner_1 {
  /* padding-bottom: 157px; */
  padding-bottom: 55%;
  background-size: contain;
  background-image: url('i/bg-banner-1-mobile.png');
}

.mixedgrid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
.mixedgrid__block {
  display: flex;
  flex-direction: column;
  gap: 16px;
  order: 10;
}
.mixedgrid__image {
  order: 100;
}
.mixedgrid__image img {
  width: 100%;
}
.mixedgrid_1 .mixedgrid__head {
  order: 1;
}

.width_limited {
  max-width: 776px;
  margin-left: 0;
  margin-right: 0;
}

/* base.css */
.txt_medium {
  font-size: 14px;
}
.txt_small_medium {
  font-size: 14px;
}

/* bprc.css */
.bprc_shadow-safe {
  padding-bottom: 64px;
  margin-bottom: -64px;
  padding-left: 64px;
  margin-left: -64px;
  padding-right: 64px;
  margin-right: -64px;
}
.bprc__item.bprc__item_border {
  padding: 32px 24px;
}

@media (max-width: 575px) { 
  .h1_big_xs {
    font-size: 48px;
  }
}

@media (min-width: 576px) and (max-width: 991px) { 
  .top-promo {
    /* margin-right: var(--negindent_sm); */
    grid-template-columns: 1fr 40%;
  }
  .top-promo__image {
    overflow: hidden;
  }
  .top-promo__image img {
    object-position: 20px top;
  }
  .cards_pic.cards_1,
  .cards_pic.cards_4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 991px) { 
  .mixedgrid_1 .mixedgrid__image {
    margin-top: 8px;
  }
}

@media (min-width: 576px) {
  .card_colorline {
    width: 372px;
    min-height: 232px;
  }
  .widecontent {
    padding-left: var(--indent_sm);
  }
  .banner_1 {
    /* padding-bottom: 420px; */
    padding-bottom: 65%;
    background-image: url('i/bg-banner-1-tablet.png');
  }
  .mixedgrid_1 {
    grid-template-columns: 1fr 1fr;
  }
  .mixedgrid_1 .mixedgrid__image {
    grid-column: span 2;
  }

  /* base.css */
  .txt_medium {
    font-size: 16px;
  }
  .txt_small_medium {
    font-size: 18px;
  }
  .button_large {
    height: 60px;
    font-size: 24px;
  }
}

@media (max-width: 991px) {
  .btxt_display .btxt__title {
    text-align: left;
  }
}

@media (min-width: 992px) { 
  .card_colorline {
    width: 372px;
  }
  .widecontent {
    width: 100%;
    padding-left: 0;
  }
  .bslider_smallcard .bslider__list {
    /* margin-left: calc(50vw - 590px); */
    margin-left: calc(50vw - 598px);
    overflow: visible !important;
  }
  .bslider_smallcard .slick-list {
    overflow: visible !important;
  }
  .mixedgrid_1 {
    gap: 32px 48px;
  }
  .mixedgrid_1 .mixedgrid__image {
    grid-column: span 1;
    grid-column-start: 1;
    grid-row-start: 2;
    grid-row-end: 4;
  }
  .cards_pic.cards_4 .card {
    min-height: 544px;
  }

  .bprc_col3.bprc_col3_slim {
    margin-left: var(--negindent_sm);
    padding-left: var(--indent_sm);
    margin-right: var(--negindent_sm);
    padding-right: var(--indent_sm);
  }
  
}

@media (min-width: 1200px) { 
  .banner_1 {
    padding: 48px;
    padding-right: 576px;
    background-image: url('i/bg-banner-1-desktop.png');
  }
}