/* текст с классом 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;
  }

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


 /* Неактивные вкладки */
.uc-programtabs .tab-blender.tn-elem .tn-atom,
.uc-programtabs .tab-figma.tn-elem .tn-atom,
.uc-programtabs .tab-photoshop.tn-elem .tn-atom,
.uc-programtabs .tab-after.tn-elem .tn-atom {
    border-radius: 16px 16px 0 0 !important;
    color: #FFF !important;

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

    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;
}

/* Наведение на неактивную вкладку */
.uc-programtabs .tab-blender.tn-elem:not(.v-active-zero-slide-button) .tn-atom:hover,
.uc-programtabs .tab-figma.tn-elem:not(.v-active-zero-slide-button) .tn-atom:hover,
.uc-programtabs .tab-photoshop.tn-elem:not(.v-active-zero-slide-button) .tn-atom:hover,
.uc-programtabs .tab-after.tn-elem:not(.v-active-zero-slide-button) .tn-atom:hover {
    color: #FFF !important;
    opacity: 1 !important;
}

/* Активная вкладка */
.uc-programtabs .tab-blender.tn-elem.v-active-zero-slide-button .tn-atom,
.uc-programtabs .tab-figma.tn-elem.v-active-zero-slide-button .tn-atom,
.uc-programtabs .tab-photoshop.tn-elem.v-active-zero-slide-button .tn-atom,
.uc-programtabs .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;
    opacity: 1 !important;

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


 /* блок слайдер сравнение рабочих столов*/
.uc-designdesktop .t-container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.uc-designdesktop .t-col {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}

.uc-designdesktop .t-compare__img {
    width: 100vw !important;
    max-width: 100% !important;
}