/* Start:/local/templates/felt/src/pages/technologies/dist/app.bundle.css?17485157443163*/
.technologies {
  color: var(--White);
  background: var(--Dark-blue, #06106F);
  margin-bottom: -100px; }
  @media (max-width: 767px) {
    .technologies {
      margin-bottom: -18px; } }

.technologies-banner {
  min-height: 100vh;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  position: relative;
  padding: 12% 60px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .technologies-banner::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 400px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(6, 16, 111, 0)), to(#06106F));
    background: -o-linear-gradient(top, rgba(6, 16, 111, 0) 0%, #06106F 100%);
    background: linear-gradient(180deg, rgba(6, 16, 111, 0) 0%, #06106F 100%);
    z-index: 1; }
  .technologies-banner * {
    position: relative; }
  @media (max-width: 1023px) {
    .technologies-banner {
      padding-top: 100px;
      gap: 25px; } }
  @media (max-width: 767px) {
    .technologies-banner {
      padding: 100px 24px 0; } }
  .technologies-banner__background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/images/technologies-bg.webp) lightgray top center/cover no-repeat;
    mix-blend-mode: soft-light; }
  .technologies-banner__descktop-title {
    position: relative;
    z-index: 2;
    max-width: 75%;
    margin: 0 auto; }
    @media (max-width: 1023px) {
      .technologies-banner__descktop-title {
        display: none; } }
  .technologies-banner__mobile-title {
    position: relative;
    z-index: 2;
    max-width: 95%; }
    @media (min-width: 1024px) {
      .technologies-banner__mobile-title {
        display: none; } }
  .technologies-banner__video {
    position: relative;
    bottom: 60px;
    width: 500px;
    height: 720px;
    border-radius: var(--Big, 16px);
    overflow: hidden;
    -o-object-fit: cover;
       object-fit: cover; }
    @media (max-width: 1279px) {
      .technologies-banner__video {
        bottom: 40px; } }
    @media (max-width: 1023px) {
      .technologies-banner__video {
        width: 350px;
        height: 504px;
        border-radius: 14px;
        bottom: 0; } }
    @media (max-width: 767px) {
      .technologies-banner__video {
        border-radius: var(--Medium, 12px);
        width: 240px;
        height: 346px; } }
  .technologies-banner__text {
    position: relative;
    z-index: 2;
    max-width: 955px;
    margin: 0 auto;
    margin-top: 32px;
    text-align: center; }
    @media (max-width: 1279px) {
      .technologies-banner__text {
        margin-top: 0; } }
    @media (max-width: 767px) {
      .technologies-banner__text {
        text-align: left; } }
  .technologies-banner .button {
    position: relative; }

/* End */


/* Start:/local/templates/felt/components/bitrix/news.list/technologies/dist/app.bundle.css?1730043763458*/
.technologies-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: 40px;
  padding: 100px 0; }
  @media (max-width: 1279px) {
    .technologies-list {
      padding: 60px 0;
      gap: 33px; } }
  @media (max-width: 767px) {
    .technologies-list {
      padding: 35px 0 50px;
      gap: 24px; } }

/* End */


/* Start:/local/templates/felt/components/bitrix/catalog.item/technology/dist/app.bundle.css?17485157443873*/
.technologies-item {
  position: relative;
  overflow: hidden;
  position: relative;
  padding: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: var(--Big, 16px);
  color: var(--White);
  background: #0A143F; }
  @media (max-width: 1023px) {
    .technologies-item {
      display: block;
      padding: 0; } }
  .technologies-item__content {
    position: relative;
    z-index: 2; }
    @media (max-width: 1023px) {
      .technologies-item__content {
        padding: 50px 50px 0; } }
    @media (max-width: 767px) {
      .technologies-item__content {
        padding: 30px 24px 16px; } }
  .technologies-item__image {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 70%;
    background: lightgray left / cover no-repeat;
    mix-blend-mode: lighten; }
    @media (max-width: 1023px) {
      .technologies-item__image {
        position: relative;
        width: 100%;
        height: auto;
        padding-top: 60%;
        background-position: bottom right; } }
    @media (max-width: 767px) {
      .technologies-item__image {
        padding-top: 65%;
        background-size: 115%; } }
    .technologies-item__image::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 400px;
      height: 100%;
      background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(70%, #0A143F), to(#0A143F));
      background: -o-linear-gradient(right, transparent 0%, #0A143F 70%, #0A143F 100%);
      background: linear-gradient(270deg, transparent 0%, #0A143F 70%, #0A143F 100%); }
      @media (max-width: 1023px) {
        .technologies-item__image::before {
          width: 100%;
          height: 40px;
          background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#0A143F));
          background: -o-linear-gradient(bottom, transparent 0%, #0A143F 100%);
          background: linear-gradient(0deg, transparent 0%, #0A143F 100%); } }
      @media (max-width: 767px) {
        .technologies-item__image::before {
          height: 30px; } }
  .technologies-item__title {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 16px; }
    @media (max-width: 1599px) {
      .technologies-item__title {
        font-size: 68px; } }
    @media (max-width: 767px) {
      .technologies-item__title {
        font-size: 40px;
        letter-spacing: 0.4px;
        gap: 10px; }
        .technologies-item__title svg {
          width: 47px;
          height: 12px; } }
    @media (max-width: 767px) {
      .technologies-item__title br {
        display: none; } }
  .technologies-item__text {
    max-width: 680px;
    padding: 80px 60px 50px;
    margin-bottom: 30px; }
    @media (max-width: 1599px) {
      .technologies-item__text {
        max-width: 580px;
        padding: 50px;
        margin-bottom: 0; } }
    @media (max-width: 1279px) {
      .technologies-item__text {
        max-width: 480px; } }
    @media (max-width: 1023px) {
      .technologies-item__text {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        max-width: 100%;
        padding: 24px 0; } }
    .technologies-item__text p {
      margin-top: 20px;
      margin-bottom: 20px; }
      @media (max-width: 767px) {
        .technologies-item__text p {
          margin-top: 10px;
          margin-bottom: 10px; } }

/* End */
/* /local/templates/felt/src/pages/technologies/dist/app.bundle.css?17485157443163 */
/* /local/templates/felt/components/bitrix/news.list/technologies/dist/app.bundle.css?1730043763458 */
/* /local/templates/felt/components/bitrix/catalog.item/technology/dist/app.bundle.css?17485157443873 */