/* текст с классом point1 */
.point1 .tn-atom {
  color: transparent; /* убираем обычную заливку */
  -webkit-text-stroke: 1px #FD6900; /* обводка 1px */
  text-stroke: 1px #FD6900;

}

.border .tn-atom {
  box-sizing: border-box;
  position: relative;

  border-radius: 32px;
  border: 1px solid transparent;

  /* фон внутри + градиентная обводка */
  background:
    /* внутренний фон карточки */
    linear-gradient(258deg, #382111 0%, #1B0808 100.39%) padding-box,
    /* градиентная рамка */
    linear-gradient(
      90deg,
      rgba(255, 186, 137, 0.4) 0%,
      rgba(152, 124, 99, 0) 100%
    ) border-box;
}

/* полупрозрачный вариант карточки */
.border40 .tn-atom {
  box-sizing: border-box;
  position: relative;

  border-radius: 32px;
  border: 1px solid transparent;

  /* фон внутри + градиентная рамка, всё с alpha 0.4 */
  background:
    /* внутренний фон */
    linear-gradient(
      258deg,
      rgba(56, 33, 17, 0.4) 0%,   /* #382111 с 40% */
      rgba(27, 8, 8, 0.4) 100.39% /* #1B0808 с 40% */
    ) padding-box,
    /* градиентная обводка */
    linear-gradient(
      90deg,
      rgba(255, 186, 137, 0.4) 0%, /* #FFBA89, 40% */
      rgba(152, 124, 99, 0) 100%   /* #987C63, 0% */
    ) border-box;
}

.link-orange-hover a:hover {
    color: #FC6901 !important;
  }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/


  /* Базовое состояние всех вкладок (НЕактивные) */
  #rec1563905411 .tab-blender.tn-elem .tn-atom,
  #rec1563905411 .tab-figma.tn-elem .tn-atom,
  #rec1563905411 .tab-photoshop.tn-elem .tn-atom,
  #rec1563905411 .tab-after.tn-elem .tn-atom {
    border-radius: 16px 16px 0 0 !important;
    color: #FFF !important;

    font-family: Inter, sans-serif !important;
    font-size: var(--1, 18px) !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 120% !important; /* 21.6px */

    opacity: 0.35 !important;

    background: transparent !important;
    border-top: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
    border-left: 1px solid transparent !important;

    transition: opacity 0.15s ease, background 0.15s ease, border-color 0.15s ease;
  }

  /* Ховер по НЕактивной вкладке */
  #rec1563905411 .tab-blender.tn-elem .tn-atom:hover,
  #rec1563905411 .tab-figma.tn-elem .tn-atom:hover,
  #rec1563905411 .tab-photoshop.tn-elem .tn-atom:hover,
  #rec1563905411 .tab-after.tn-elem .tn-atom:hover {
    border-radius: 16px 16px 0 0 !important;
    color: #FFF !important;

    font-family: Inter, sans-serif !important;
    font-size: var(--1, 18px) !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 120% !important;

    opacity: 1 !important;
  }

  /* Активная вкладка (класс v-active-zero-slide-button висит на tn-elem) */
  #rec1563905411 .tab-blender.tn-elem.v-active-zero-slide-button .tn-atom,
  #rec1563905411 .tab-figma.tn-elem.v-active-zero-slide-button .tn-atom,
  #rec1563905411 .tab-photoshop.tn-elem.v-active-zero-slide-button .tn-atom,
  #rec1563905411 .tab-after.tn-elem.v-active-zero-slide-button .tn-atom {
    border-radius: 16px 16px 0 0 !important;
    border-top: 1px solid #FFF !important;
    border-right: 1px solid #FFF !important;
    border-left: 1px solid #FFF !important;
    background: #0F0900 !important;

    color: #FFF !important;

    font-family: Inter, sans-serif !important;
    font-size: var(--1, 18px) !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 120% !important;

    opacity: 1 !important;
  }



/* Заменяем recYOUR_ID на ID вашего блока, например #rec73829102 */
##rec1530652031 .t-container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

##rec1530652031 .t-col {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important; /* Убираем поведение колонки */
}

/* Дополнительная страховка для самого слайдера */
##rec1530652031 .t-compare__img {
   width: 100vw !important; /* Растягиваем картинку на ширину окна */
   max-width: 100% !important;
}