.sh-wtu {
   margin-top: 32px;
   background: #ffffff;
   margin-bottom: 56px;
}
.sh-wtu-wrapper {
   width: 1305px;
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
}
.sh-wtu-content {
}
.sh-wtu-title {
   color: #111111;
   text-align: center;
   font-family: "Poppins", sans-serif;
   font-size: 24px;
   font-style: normal;
   font-weight: 700;
   line-height: 155%;
   letter-spacing: 0.48px;
   margin-bottom: 32px;
   margin-top: 0;
   padding-bottom: 0 !important;
}
.sh-wtu-item {
   
   cursor: pointer;
}
.sh-wtu-list {
   position: relative;
}
.sh-wtu-item-box {
   width: 57%;
   padding-bottom: 14px;
   margin-bottom: 14px;
   border-bottom: 1px solid #E7EBF2;
}
.sh-wtu-image {
   width: calc(43% - 49px);
   display: block;
   position: absolute;
   right: 0;
   top: 50%;
   height: 100%;
   transform: translateY(-50%);
   display: flex;
   justify-content: center;
   opacity: 0;
   transition: 0.25s;
   pointer-events: none;
   align-items: center;
}
.sh-wtu-image img {
   display: block;
   width: auto;
   max-width: 100%;
   height: auto;
   max-height: 100%;
   object-fit: contain;
   object-position: center;
}
.sh-wtu-item-title {
   color: #111111;
   font-family: "Poppins", sans-serif;
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: 155%;
   letter-spacing: 0.4px;
   position: relative;
   text-align: left;
   padding-right: 50px;
}
.sh-wtu-item-title:after {
   content:'';
   display: block;
   position: absolute;
   right: 0;
   width: 14px;
   height: 8px;
   top: 50%;
   transform: translateY(-50%);
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjI3OTI4MyAwLjM0NjQ1NkMwLjQ3MjAxMyAwLjEzOTk5NCAwLjczOTg2MSAwLjAxNjY2NDIgMS4wMjQ2IDAuMDAzMjgxNDhDMS4zMDkzMyAtMC4wMTAxMDEyIDEuNTg3OTIgMC4wODc1NDQ0IDEuNzk5ODIgMC4yNzQ5ODlMNi45OTg4OCA0LjkyMTE2TDEyLjE5OCAwLjI3NDk4OUMxMi40MDk2IDAuMDg2MTQyNCAxMi42ODg5IC0wLjAxMjMyOTEgMTIuOTc0MyAwLjAwMTIzNjgyQzEzLjI1OTggMC4wMTQ4MDI4IDEzLjUyODEgMC4xMzkyOTUgMTMuNzIwMyAwLjM0NzMyN0MxMy45MTI0IDAuNTU1MzU5IDE0LjAxMjUgMC44Mjk4ODkgMTMuOTk4NyAxLjExMDUyQzEzLjk4NDkgMS4zOTExNiAxMy44NTgzIDEuNjU0OTEgMTMuNjQ2NyAxLjg0Mzc2TDcuNzIzMjQgNy4xMzY2MkM3LjUyNDk5IDcuMzEzNjcgNy4yNjY3NCA3LjQxMTc2IDYuOTk4ODggNy40MTE3NkM2LjczMTAzIDcuNDExNzYgNi40NzI3OCA3LjMxMzY3IDYuMjc0NTMgNy4xMzY2MkwwLjM0OTMyNSAxLjg0MjAyQzAuMTM5NDAzIDEuNjUyMTggMC4wMTQyNjQxIDEuMzg4NTEgMC4wMDExNDYzMiAxLjEwODQxQy0wLjAxMTk3MjQgMC44MjgzMDggMC4wODc5OTI3IDAuNTU0NDU0IDAuMjc5MjgzIDAuMzQ2NDU2WiIgZmlsbD0iIzExMTExMSIvPgo8L3N2Zz4K");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   transition: 0.25s;
   transform-origin: center;
}
.sh-wtu-item.active .sh-wtu-item-title:after{
   transform: translateY(-50%) rotate(180deg);
}
.sh-wtu-text {
   color: #424242;
   font-family: "Poppins", sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 155%;
   max-height: 0;
   overflow: hidden;
   letter-spacing: 0.32px;
}
.sh-wtu-item.active .sh-wtu-image {
   opacity: 1;
}
.sh-wtu-item.active .sh-wtu-text {
   padding-top: 15px;
   max-height: 550px;
}
.sh-wtu-btn-wrap {
   width: 527px;
   max-width: 100%;
   display: flex;
   justify-content: center;
   margin-top: 14px;
}
.sh-wtu-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 10px;
   border: 1px solid #5434C3;
   width: 143px;
   max-width: 100%;
   margin-left: auto;
   transition: 0.25s;
   margin-right: auto;
   color: #5434C3;
   text-align: center;
   font-family: "Poppins", sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: 600;
   line-height: 150%;
   letter-spacing: 0.12px;
   text-transform: uppercase;
   height: 36px;
}
.sh-wtu-btn:hover {
   background: #5434C3;
   color: #ffffff;
}
@media screen and (max-width: 1200px) {
   .sh-wtu-content {
      width: 100%;
   }
}
@media screen and (max-width: 992px) {
   .sh-wtu-image {
      width: 216px;
   }
   .sh-wtu-item-box {
      width: calc(100% - 258px);
   }
   .sh-wtu-item-title {
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: 155%;
      letter-spacing: 0.36px;
   }
   .sh-wtu-btn-wrap {
      margin-top: 24px;
      width: 100%;
   }
   .sh-wtu {
      margin-top: 42px;
      margin-bottom: 42px;
   }
   .sh-wtu-title {
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 155%; 
      letter-spacing: 0.4px;
      margin-bottom: 24px;
   }
   .sh-wtu-btn {
      width: 328px;
      max-width: 100%;
      height: 36px;
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%;
   }
}
@media screen and (max-width: 767px) {
   .sh-wtu {
      margin-top: 24px;
   }
   .sh-wtu-item.active .sh-wtu-text {
      padding-top: 10px;
   }
   .sh-wtu-image {
      position: relative;
      right: 0;
      top: 0;
      transform: none;
      width: 327px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      display: none;
   }
   .sh-wtu-item.active .sh-wtu-image{
      display: block;
      margin-top: 10px;
   }
   .sh-wtu-item-box {
      width: 100%;
   }
   .sh-wtu-item-box {
      padding-bottom: 0;
      border-bottom: none;
      margin-bottom: 0;
   }
   .sh-wtu-item {
      padding-bottom: 16px;
      margin-bottom: 16px;
      border-bottom: 1px solid #E7EBF2;
   }
   .sh-wtu-btn {
      width: 328px;
      max-width: 100%;
      height: 41px;
   }
   .sh-wtu-btn-wrap {
      margin-top: 16px;
   }
}