/* Start:/bitrix/templates/medlineclinic/custom_style_about.css?17896515549854*/
.baner-about {
  margin-bottom: 110px;
  position: relative; }
  @media (max-width: 997px) {
    .baner-about {
      margin-bottom: 50px; } }
  @media (max-width: 997px) {
    .baner-about .zapblocks_btn {
      position: absolute !important;
      display: inline-block;
      bottom: 36px;
      left: 50%;
      transform: translateX(-50%); } }
  .baner-about .swiper-slide {
    height: auto;
    position: relative; }
  .baner-about__slider {
    overflow: hidden; }
  .baner-about__box {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    max-width: 660px;
    left: 5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 350px; }
    .baner-about__box.inverse .baner-about__title, .baner-about__box.inverse .baner-about__info {
      color: #000; }
    @media (max-width: 997px) {
      .baner-about__box {
        height: 100%;
        width: 100%;
        left: 0;
        padding: 30px 18px 18px 18px;
        box-sizing: border-box;
        justify-content: inherit; } }
  .baner-about .zapblocks_btn {
    margin-top: auto; }
  .baner-about__img.visible-mobile {
    display: none; }
  @media (max-width: 997px) {
    .baner-about__img {
      height: inherit;
      object-fit: cover; }
      .baner-about__img.visible-desctop {
        display: none; }
      .baner-about__img.visible-mobile {
        display: block;
        width: 100%;
        height: auto; } }
  .baner-about__title {
    color: white;
    font-size: 30px;
    font-weight: 700;
    line-height: 120%;
    text-align: left; }
    @media (max-width: 1150px) {
      .baner-about__title {
        font-size: 23px; } }
    @media (max-width: 997px) {
      .baner-about__title {
        font-size: 16px;
        font-weight: 700;
        line-height: 25px;
        margin-bottom: 20px;
        text-align: left; } }
  .baner-about__info {
    color: white;
    margin-top: auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    text-align: left; }
    @media (max-width: 997px) {
      .baner-about__info {
        font-size: 13px;
        font-weight: 400;
        line-height: 120%;
        margin-bottom: 0;
        margin-top: 0; } }
    .baner-about__info ul {
      padding-left: 0;
      margin-top: 20px; }
      .baner-about__info ul li {
        margin-bottom: 5px; }
      @media (max-width: 997px) {
        .baner-about__info ul {
          margin-bottom: 0; } }
      .baner-about__info ul li:before {
        width: 4px;
        height: 4px;
        background: #fff; }

.protocol-about {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  margin-bottom: 110px; }
  @media (max-width: 997px) {
    .protocol-about {
      margin-bottom: 50px;
      gap: 15px; } }
  @media (max-width: 767px) {
    .protocol-about {
      grid-template-columns: 1fr; } }
  .protocol-about__item {
    background: #f8f8f8;
    border-radius: 4px;
    display: flex;
    flex-direction: column; }
  .protocol-about__box {
    margin-top: auto;
    padding: 0 40px 30px 40px; }
    @media (max-width: 997px) {
      .protocol-about__box {
        padding: 0 20px 10px 20px; } }
  .protocol-about__file {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    text-decoration-line: underline; }
    .protocol-about__file a {
      color: #333333 !important; }
    @media (max-width: 767px) {
      .protocol-about__file {
        font-size: 16px; } }
    @media (max-width: 997px) {
      .protocol-about__file {
        color: #333333;
        font-size: 12px;
        font-weight: 400;
        line-height: 15.32px;
        text-align: left;
        text-decoration-line: underline; } }
  .protocol-about__name {
    padding: 20px 40px 20px 40px;
    color: #333333;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-align: left; }
    @media (max-width: 767px) {
      .protocol-about__name {
        font-size: 16px; } }
    @media (max-width: 997px) {
      .protocol-about__name {
        color: #333333;
        font-size: 12px;
        font-weight: 600;
        line-height: 15.32px;
        padding: 10px 20px 30px 20px;
        text-align: left; } }
  .protocol-about__img {
    border-radius: 4px;
    margin: 10px; }
  .protocol-about__box {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 997px) {
      .protocol-about__box {
        flex-direction: column;
        gap: 16px;
        align-items: inherit;
        justify-content: left; } }
  @media (max-width: 767px) {
    .protocol-about .btn.btn-default {
      font-size: 13px; } }

body {
  background: inherit !important; }

@media (max-width: 997px) {
  section.page-top {
    padding-bottom: 27px !important; } }

.protocol-about-title, .switcher-title, .about-article-title, .awards-about__title {
  color: #333333;
  margin-bottom: 40px;
  font-size: 30px;
  font-weight: 700;
  line-height: 44px;
  margin-top: 0;
  text-align: left; }
  @media (max-width: 997px) {
    .protocol-about-title, .switcher-title, .about-article-title, .awards-about__title {
      color: black;
      margin-bottom: 27px;
      font-size: 24px;
      font-weight: 700;
      line-height: 33px;
      letter-spacing: 0px;
      text-align: left; } }

.switcher-title {
  margin-bottom: 0; }

.awards-about {
  margin-bottom: 110px;
  border-radius: 4px;
  position: relative;
  background: #f8f8f8;
  padding: 65px 72px 60px 72px; }
  @media (max-width: 997px) {
    .awards-about {
      padding: 30px 30px 40px 30px; } }
  .awards-about .swiper-slide {
    height: auto; }
  .awards-about__name {
    color: black;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    padding-top: 20px; }
  .awards-about__img {
    width: 100%; }
  @media (max-width: 997px) {
    .awards-about {
      margin-bottom: 50px; } }

.about-article {
  display: grid;
  gap: 22px;
  grid-template-columns: repeat(3, 1fr); }
  @media (max-width: 997px) {
    .about-article {
      grid-template-columns: 1fr;
      gap: 15px; } }
  .about-article__item {
    display: flex;
    flex-direction: column; }
  .about-article__tags-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    margin-bottom: 25px; }
    @media (max-width: 997px) {
      .about-article__tags-box {
        margin-bottom: 20px; } }
  .about-article__tags {
    border-radius: 81.06px;
    height: 31px;
    display: flex;
    align-items: center;
    color: #2c3f23;
    font-size: 14px;
    font-weight: 600;
    line-height: 16.21px;
    text-align: left;
    justify-content: center;
    padding-left: 14px;
    padding-right: 14px;
    background: #e3eae9; }
  .about-article__img {
    border-radius: 4px;
    display: block; }
  .about-article__name {
    color: black;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 600;
    line-height: 24.32px;
    text-align: left; }
    @media (max-width: 997px) {
      .about-article__name {
        margin-bottom: 20px; } }
    @media (max-width: 997px) {
      .about-article__name {
        color: black;
        font-size: 18px;
        font-weight: 600;
        line-height: 20.48px;
        text-align: left; } }
  .about-article .btn {
    margin-top: auto; }
    @media (max-width: 767px) {
      .about-article .btn {
        font-size: 13px; } }

.swiper-btn-next, .swiper-btn-prev {
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  width: 39px;
  height: 39px;
  display: flex;
  transition: background 0.2s ease-in-out;
  top: calc(-15px + 50%);
  flex-direction: column;
  position: absolute;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 3;
  background: white url("data:image/svg+xml;charset=UTF-8,%3csvg width='6.000000' height='10.000000' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdesc%3e Created with Pixso. %3c/desc%3e%3cdefs/%3e%3cpath id='Vector' d='M1 0C1.26 0 1.52 0.1 1.7 0.29L5.7 4.28C5.89 4.46 6 4.72 6 4.98C6 5.25 5.89 5.5 5.7 5.69L1.7 9.7C1.45 9.95 1.08 10.05 0.74 9.96C0.39 9.87 0.12 9.6 0.03 9.25C-0.06 8.91 0.04 8.54 0.29 8.29L3.58 5L0.29 1.7C0.1 1.51 0 1.26 0 0.99C0 0.72 0.11 0.47 0.29 0.28C0.49 0.1 0.74 -0.01 1.01 0L1 0Z' fill='%23333333' fill-opacity='1.000000' fill-rule='nonzero'/%3e%3c/svg%3e") no-repeat center center; }
  .swiper-btn-next:hover, .swiper-btn-prev:hover {
    background: var(--theme-base-color) url("data:image/svg+xml;charset=UTF-8,%3csvg width='6.000000' height='10.000000' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdesc%3e Created with Pixso. %3c/desc%3e%3cdefs/%3e%3cpath id='Vector' d='M1 0C1.26 0 1.52 0.1 1.7 0.29L5.7 4.28C5.89 4.46 6 4.72 6 4.98C6 5.25 5.89 5.5 5.7 5.69L1.7 9.7C1.45 9.95 1.08 10.05 0.74 9.96C0.39 9.87 0.12 9.6 0.03 9.25C-0.06 8.91 0.04 8.54 0.29 8.29L3.58 5L0.29 1.7C0.1 1.51 0 1.26 0 0.99C0 0.72 0.11 0.47 0.29 0.28C0.49 0.1 0.74 -0.01 1.01 0L1 0Z' fill='%23fff' fill-opacity='1.000000' fill-rule='nonzero'/%3e%3c/svg%3e") no-repeat center center; }
  .swiper-btn-next.swiper-button-disabled, .swiper-btn-prev.swiper-button-disabled {
    color: var(--light_basic_text_black);
    cursor: default;
    opacity: 0.6; }

.swiper-btn-next {
  right: -20px; }

.swiper-btn-prev {
  left: -20px;
  transform: rotate(-180deg); }

/*# sourceMappingURL=custom_style_about.css.map */

/* End */
/* /bitrix/templates/medlineclinic/custom_style_about.css?17896515549854 */