

/* Start:/ru/product/technology/style.css?17908250922885*/
.technology-banner {
  background: radial-gradient(
    282.73% 129.07% at 71.9% 0%,
    #009ea9 0%,
    #00515e 100%
  );
  position: relative;
  margin-bottom: 50px;
}

.technology-banner__content {
  width: 50%;
  padding: 130px 90px;
}

.technology-banner__content h2 {
  padding-bottom: 32px;
}

.technology-banner__image {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
}

.technology-banner__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
}

@media (max-width: 1200px) {
  .technology-banner__content {
    padding: 90px 50px;
  }
}

@media (max-width: 768px) {
  .technology-banner__inner {
    display: flex;
    flex-direction: column;
    padding: 0 0 335px 0;
  }
  .technology-banner__content {
    width: 100%;
    padding: 70px 17px 0 17px;
    text-align: center;
  }
  .technology-banner__image {
    left: 0;
    bottom: 0;
    top: auto;
    width: 100%;
    height: 335px;
  }
}

.technology {
  max-width: 1320px;
  margin: 0 auto 60px auto;
  background-color: var(--hard-white);
  display: flex;
}

.technology--reverse {
  max-width: 1320px;
  margin: 0 auto 60px auto;
  background-color: var(--hard-white);
  display: flex;
  flex-direction: row-reverse;
}

.technology__body {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  padding: 30px 92px;
}

.technology__title {
  margin-bottom: 12px;
}

.technology__description {
  font-size: 16px;
  line-height: 24px;
}

.technology__description--with-button {
  font-size: 28px;
  line-height: 40px;
  margin-bottom: 24px;
}

.technology__border {
  font-size: 14px;
  line-height: 20px;
  padding: 16px 24px;
  margin: 24px 0;
  border: 1px solid var(--slate);
}

.technology__body-disclamer {
  font-size: 12px;
  line-height: 20px;
}

.technology__button {
  margin-top: 24px;
}

.technology__image {
  width: 50%;
}

.technology__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}

.technology__image--with-disclaimer {
  position: relative;
}
.technology__image--disclaimer {
  position: absolute;
  left: 20px;
  bottom: 20px;
}
@media (max-width: 1120px) {
  .technology__body {
    padding: 30px;
  }
}

@media (max-width: 768px) {
  .technology {
    flex-direction: column;
  }
  .technology--reverse {
    flex-direction: column;
  }
  .technology__body {
    width: 100%;
    padding: 48px 32px;
  }
  .technology__description {
    font-size: 14px;
    line-height: 20px;
  }
  .technology__description--with-button {
    font-size: 20px;
    line-height: 32px;
  }
  .technology__border {
    padding: 16px;
  }
  .technology__body-disclamer {
    font-size: 10px;
    line-height: 12px;
  }
  .technology__image {
    width: 100%;
  }
  .technology__image--text-wrapper span {
    font-size: 12px;
    line-height: 18px;
  }
}

/* End */


/* Start:/local/components/iqos.blocks/news.block/templates/.default/style.css?17760712201226*/
.news-block {
    padding: 64px 0;
    background: var(--grey-light);
    overflow: hidden;
}

.news-block .container {
    display: flex;
    justify-content: space-between;
    gap: 64px;
}

.news-block-title-block h3 {
    text-wrap: nowrap;
}

/* News */
.news-block .news-block-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
}

.news-block .news-block-items-mobile {
    margin-bottom: 40px;
    padding-right: 60px;
}

.news-block .news-block-item {
    max-width: 416px;
    padding: 32px 32px 64px;
    background-color: var(--soft-white);
}

.news-block .news-block-mobile-btn {
    width: fit-content;
    margin: 0 auto;
}

@media (min-width: 901px) {
    .news-block .news-block-mobile-btn {
        display: none;
    }

    .news-block .news-block-items-mobile {
        display: none;
    }
}

@media (max-width: 900px) {
    .news-block .container {
        flex-direction: column;
        gap: 0;
    }

    .news-block-title-block {
        margin-bottom: 52px;
    }

    .news-block-title-block .btn {display: none;}

    .news-block .news-block-items {display: none;}
    .news-block .news-block-item {
        max-width: 100%;
        padding: 32px 24px 64px;
    }

}
/* End */
/* /ru/product/technology/style.css?17908250922885 */
/* /local/components/iqos.blocks/news.block/templates/.default/style.css?17760712201226 */
