.strt {
   padding-top: 100px;
   padding-bottom: 100px;
}

.strt-flex {
   display: flex;
   justify-content: space-between;
   position: relative;
}

.strt-left {
   width: 310px;
   margin-right: 60px;
   min-width: 310px;
   position: relative;
   top: 0px;
   left: 0px;
   display: flex;
   flex-direction: column;
}

.strt-left.bottom {
   justify-content: flex-end;
}

.strt-left-conteiner {
   position: static;
   top: 150px;
   left: 0px;
   width: 310px;
}

.strt-left-conteiner.fixed {
   position: fixed;
}

.strt-right {
   width: 1px;
   flex-grow: 2;
}

.strt-block {
   margin-bottom: 100px;
}

.strt-block:last-child {
   margin-bottom: 0px;
}

.strt-tab {
   color: #888;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: 130%;
   padding-left: 17px;
   border-left: 4px solid #F9FAFB;
   transition: 0.25s;
   padding-top: 13px;
   padding-bottom: 13px;
   cursor: pointer;
}
.strt-tab.active {
   border-color: #FFF337;
   color: #111;
}

.strt-title {
   color: #111;
   font-size: 36px;
   font-style: normal;
   font-weight: 500;
   margin-bottom: 24px;
   line-height: 130%;
}

.strt-title * {
   color: #111;
   font-size: 36px;
   font-style: normal;
   font-weight: 500;
   line-height: 130%;
}

.strt-text {
   color: #888;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 26px;
   margin-bottom: 40px;
}

.strt-text li {
   margin-bottom: 20px;
   position: relative;
   padding-left: 25px;
   list-style-type: none;
}

.strt-text li:before {
   content: '';
   display: block;
   position: absolute;
   top: 12px;
   left: 6px;
   width: 4px;
   height: 4px;
   background: #888;
}

@media screen and (max-width: 992px) {
   .strt {
      padding-top: 60px;
      padding-bottom: 60px;
   }
   .strt-right {
      padding-top: 91px;
   }
   .strt-flex {
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }

   .strt-right {
      width: 100%;
   }

   .strt-title {
      font-size: 32px;
      font-style: normal;
      font-weight: 500;
      line-height: 130%;
      margin-bottom: 32px;
   }

   .strt-title * {
      font-size: 32px;
      font-style: normal;
      font-weight: 500;
      line-height: 130%;
   }
   .strt-left {
      width: 100%;
      margin-right: 0px;
      min-width: 1px;
      margin-bottom: 54px;
   }
   .strt-left-conteiner {
      width: calc(100% + 20px);
      margin-left: 0px;
      position: absolute;
      top: 0px;

      left: -20px;
      padding-left: 20px;
   }
   .strt-tab {
      border-left: none;
      border-bottom: 3px solid #F9FAFB !important;
      padding-left: 16px;
      padding-right: 16px;
      color: #888 !important;
   }
   .strt-tab.slick-active {
      color: #111 !important;
      border-color: #FFF337 !important;
   }
   .strt .slick-prev {
      left: 0px;
      width: 24px;
      height: 24px;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDE4TDkgMTJMMTUgNiIgc3Ryb2tlPSIjODg4ODg4IiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
   }
   .strt .slick-prev:before {
      display: none;
   }
   .strt .slick-next {
      display: none;
   }
   .strt .slick-next:before {
      display: none;
   }
   .strt-tab {
      max-width: 260px;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      text-align: center;
      line-height: 130%; 
   }
   .strt-left-conteiner {
      top: 0px;
      z-index: 9999;
      background: #ffffff;
   }
}