.wrappertest {
    position: relative;
    transform: translateY(-50%);
    top: 15%;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
  }
  
  .wrappertest p {
    position: absolute;
    left: 100%;
    width: 100%;
    font-size: 1em;
    color: #ffffff;
    top: 20px;
    opacity: 0;
    transition: left 1.8s, opacity 0.5s ease;
    letter-spacing: 2px;
    line-height: 24px;
  }
  
  .wrappertest p.activeText {
    position: relative;
    left: 0;
    opacity: 1;
  }
  
  .wrappertest p.slideLeft {
    left: -100%;
    opacity: 0.1;
  }
  
  .wrappertest p:before {
    /* content: "\201C"; */
    font-size: 3em;
    line-height: 0.1em;
    margin-right: 0.1em;
    vertical-align: -0.4em;
  }
  
  .wrappertest p:after {
    /* content: "\201D"; */
    font-size: 3em;
    line-height: 0.1em;
    margin-left: 0.1em;
    vertical-align: -0.45em;
  }
  
  /* ul {
    margin: 0;
    padding: 0;
    text-align: center;
  }
  
  ul li {
    list-style: none;
  } */
  
  .dot {
    width: 10px;
    height: 10px;
    border-radius: 100px;
    background: #7f8c8d;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    margin-top: 2em;
  }
  
  /* .active {
    background: #ecf0f1;
  } */
  
  /* Arrows */
  
  /* .arrows {
    color: rgba(127, 140, 141, 0.62);
    width: 1em;
    height: 1em;
    position: absolute;
    top: 50%;
    margin-top: -31px;
  } */
  
  /* .prev {
    border-bottom: 6px solid;
    border-left: 6px solid;
    transform: rotate(45deg);
    left: 10px;
  }
  
  .next {
    border-bottom: 6px solid;
    border-left: 6px solid;
    transform: rotate(-135deg);
    right: 10px;
  }
  
  .prev:active, .next:active {
    color: white;
  } */

  .testil {
    font-weight: 700;
    color: #fff;
    /* line-height: 60px; */
  }

  .testName {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    
  }
  .testPosition {
    color: #FDA31B;
    font-size: 18px;
    font-weight: 600;
  }