.testl {
   padding-top: 100px;
   padding-bottom: 100px;
   background: #F9FAFB;
}
.testl-title {
   color: #111111;
   font-size: 36px;
   font-style: normal;
   font-weight: 500;
   line-height: 130%;
   margin-bottom: 78px;
   text-align: center;
}
.testl-item {
   padding-left: 0px;
   padding-right: 0px;
}
.testl-item-text {
   color: #111111;
   text-align: center;
   font-size: 24px;
   font-style: normal;
   font-weight: 400;
   line-height: 160%; 
   margin-bottom: 33px;
   width: 1008px;
   max-width: calc(100% - 140px);
   margin-left: auto;
   margin-right: auto;
}
.testl-item-btns {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
}
.testl-btn-play {
   display: flex;
   align-items: center;
   justify-content: center;
   color: #111111 !important;
   font-size: 16px;
   font-style: normal;
   font-weight: 500 !important;
   line-height: 140%; 
   margin-left: 20px;
   margin-right: 20px;
   text-decoration: none !important;
}
.testl-btn-play:before {
   content:'';
   display: block;
   margin-right: 8px;
   width: 24px;
   min-width: 24px;
   height: 24px;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjUgMTJMNi41IDRWMjBMMTkuNSAxMloiIGZpbGw9IiMxMTExMTEiLz4KPC9zdmc+Cg==");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   position: relative;
}
.testl-btn-read {
   display: flex;
   align-items: center;
   color: #111111 !important;
   font-size: 16px;
   font-style: normal;
   font-weight: 500 !important; 
   line-height: 140%; 
   text-decoration: none !important;
   margin-left: 20px;
   margin-right: 20px;
}
.testl-btn-read:after {
   content:'';
   display: block;
   width: 24px;
   height: 24px;
   margin-left: 8px;
   min-width: 24px;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNSA2TDE1LjUgMTJMOS41IDE4IiBzdHJva2U9IiMxMTExMTEiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K");
}
.testl-slide-2 {
   width: 68px;
   height: 68px;
   margin-left: 16px;
   margin-right: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.testl-slide-2-wrap-image {
   width: 68px;
   position: relative;
   margin-bottom: 24px;
}
.testl-slide-2-wrap-image:after {
   content:'';
   display: block;
   padding-top: 100%;
}
.testl-slide-2-wrap-image img {
   display: block;
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center top;
   border-radius: 100%;
}
.testl-slide-2-name {
   color: #888888;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 140%; 
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   display: flex;
   justify-content: center;
   text-align: center;
   flex-direction: column;
}
.testl-slide-2-name p {
   display: flex;
   justify-content: center;
   align-items: center;
}
.testl-slide-2-name strong {
   color: #111111;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 140%; 
   margin-right: 0px;
   margin-right: 0px;
   margin-right: 10px;
}
@media screen and (min-width: 992px) {
   .testl-slick-2 .slick-track {
      display: flex;
      justify-content: center;
      width: 100% !important;
      transform: none !important;
   }   
   .testl-slick-2 .slick-list {
      overflow: visible;
   }
}

.testl-slick-1 {
   margin-bottom: 45px;
}
.testl-slick-1 .slick-prev, .testl-slick-1 .slick-next {
   width: 60px;
   height: 60px;
   border-radius: 100%;
   background-color: #111111;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDZMOSAxMkwxNSAxOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=") !important;
   background-position: center;
   background-repeat: no-repeat;
   background-size: 24px;
}
.testl-slick-1 .slick-prev:before, .testl-slick-1 .slick-next:before {
   display: none;
}
.testl-slick-1 .slick-prev {
   left: -33px;
}
.testl-slick-1 .slick-next {
   transform: translateY(-50%) rotate(180deg);
   right: -33px;
}
.testl-slide-2-wrap-image {
   position: relative;
}
.testl-slide-2-anim-round {
   /* display: none; */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 85px;
   height: 85px;
}

.testl-slide-2-name {
   display: none;
}

.active  .testl-slide-2-name {
   display: flex;
}
.testl-slide-2-anim-round svg circle {
   opacity: 0;
   animation: none;
}

.testl-wiith-no-arrow .testl-slick-1-btn-next{
   display: none !important;
}
.testl-wiith-no-arrow .testl-slick-1-btn-prev {
   display: none !important;
}

@-webkit-keyframes moveLine {
   0% {
      stroke-dashoffset: 340px;
   }
 
   100% {
     stroke-dashoffset: 0px;
   }
 }
 .testl-slide-2 {
   opacity: 0.7;
   transition: 0.25s;
 }
.testl-slide-2.active {
   opacity: 1;
}
.active .testl-slide-2-anim-round svg circle {
   opacity: 1;
   stroke-dashoffset: 340px;
   animation: moveLine 39s linear 0s 1 normal forwards;
}
.testl-slick-1-btn-prev {
   display: none;
}
.testl-slick-1-btn-next {
   display: none;
}
.testl-item-btns {
   margin-left: -20px;
   margin-right: -20px;
   width: calc(100% + 40px);
   max-width: calc(100% + 40px);
}

.testl-3-bottom-name {
   display: flex;
   justify-content: center;
}
.testl-3-bottom-item {
   display: none;
}
.testl-3-bottom-item.active {
   display: block;
}

@media screen and (max-width: 1100px) {
   .testl-slick-1 .slick-prev {
      left: 0px;
   }
   .testl-slick-1 .slick-next {
      right: 0px;
   }
}
@media screen and (max-width: 992px) {
   .testl-item {
      padding-left: 0px;
      padding-right: 0px;
   }
   .testl-slick-1 .slick-prev, .testl-slick-1 .slick-next {
      width: 32px;
      height: 32px;
      background-size: 13px;
   }
   .testl-click-2-wrapper {
      position: relative;
      padding-left: 32px;
      padding-right: 32px;
      width: 350px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
   }
   .testl-slick-1-btn-prev {
      display: flex;
      width: 32px;
      height: 32px;
      cursor: pointer;
      border-radius: 100%;
      background-color: #111111;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDZMOSAxMkwxNSAxOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=") !important;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 13px;
      position: absolute;
      top: 50%;
      left: 0px;
      transform: translateY(-50%);
   }
   .testl-slick-1-btn-next {
      display: flex;
      width: 32px;
      height: 32px;
      cursor: pointer;
      border-radius: 100%;
      background-color: #111111;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDZMOSAxMkwxNSAxOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=") !important;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 13px;
      position: absolute;
      top: 50%;
      right: 0px;
      transform: translateY(-50%) rotate(180deg);
   }
   .testl {
      padding-top: 60px;
      padding-bottom: 60px;
   }
   .testl-title {
      font-size: 32px;
      font-style: normal;
      font-weight: 500;
      line-height: 130%;
      margin-bottom: 32px;
   }
   .testl-item-text {
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 160%;
      margin-bottom: 33px;
      text-align: left;
   }
   .testl-slick-1 .slick-slide {
      flex-direction: column;
   }
   .testl-slick-1 .slick-slide {
      height: fit-content !important;
   }
   .testl-slick-1 {
      margin-bottom: 52px;
   }
   .testl-slick-1 .slick-prev, .testl-slick-1 .slick-next {
      display: none !important;
   }
   .testl-slick-1-slick-wrapper {
      width: 500px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
   }
   .testl-slide-2-name {
      flex-direction: column;
      width: 320px;
      max-width: 100%;
   }
   .testl-slide-2-name strong {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 12px;
   }
   .testl-slide-2-name p {
      flex-direction: column;
   }
   .testl-slide-2 {
      min-height: 87px;
      display: flex;
      align-items: center;
   }
   .testl-slick-1 {
      margin-bottom: 33px;
   }
   .testl-slide-2  {
      margin-left: 0px;
      margin-right: 0px;
      padding-left: 16px;
      padding-right: 16px;
   }
   .testl-slide-2-wrap-image {
      max-width: 100%;
   }
   .fancybox-slide {
      padding-left: 20px !important;
      padding-right: 20px !important;
   }
   .testl-click-2-wrapper--free {
      position: relative;
      top: 25px;
   }
   .testl-click-2-wrapper--free .testl-slide-2 {
      min-height: 0px;
   }
}
@media screen and (max-width: 389px) {
   .testl-item-btns {
      flex-direction: column;
   }
}