.exercise-guide .exercise-wrap {
  width: 90%;
}
.exercise-guide .exercise-wrap .section-heading .sec-title {
  line-height: 1.1;
}
.exercise-guide .exercise-wrap .section-heading .sec-desc {
  margin: 16px 0 0;
  line-height: 1.35;
}
.exercise-guide .exercise-wrap .youtube-area {
  width: 97%;
  display: flex;
  -moz-column-gap: 4%;
       column-gap: 4%;
}
.exercise-guide .exercise-wrap .youtube-area .current-box {
  width: 80%;
  border-top-right-radius: 30px;
  overflow: hidden;
}
.exercise-guide .exercise-wrap .youtube-area .current-box iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  aspect-ratio: 16/9;
}
.exercise-guide .exercise-wrap .youtube-area .video-list {
  width: 20%;
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  padding: 0 42px 0 0;
  max-height: 615px;
  overflow-y: auto;
}
.exercise-guide .exercise-wrap .youtube-area .video-list::-webkit-scrollbar {
  width: 5px;
}
.exercise-guide .exercise-wrap .youtube-area .video-list::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 10px;
}
.exercise-guide .exercise-wrap .youtube-area .video-list::-webkit-scrollbar-thumb {
  background-color: #3e3e3e;
  border-radius: 10px;
}
@supports (-moz-appearance: none) {
  .exercise-guide .exercise-wrap .youtube-area .video-list {
    scrollbar-width: thin;
    scrollbar-color: #3e3e3e #eee;
  }
}
.exercise-guide .exercise-wrap .youtube-area .video-list li button {
  position: relative;
}
.exercise-guide .exercise-wrap .youtube-area .video-list li button .video-title {
  position: absolute;
  left: 4%;
  top: 6.5%;
  display: block;
  text-align: left;
  width: 92%;
  height: 88%;
  color: #fff;
  z-index: 2;
  line-height: 1.35;
  font-size: 17px;
  transition: opacity 0.3s ease;
  opacity: 0;
  font-weight: 700;
}
.exercise-guide .exercise-wrap .youtube-area .video-list li button .video-title::before {
  content: "";
  position: absolute;
  display: block;
  width: 108%;
  height: 112%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -1;
  left: -4%;
  top: -6.5%;
}
.exercise-guide .exercise-wrap .youtube-area .video-list li.active button .video-title {
  opacity: 1;
}

@media (max-width: 1680px) {
  .exercise-guide .exercise-wrap .youtube-area {
    -moz-column-gap: 3.5%;
         column-gap: 3.5%;
  }
  .exercise-guide .exercise-wrap .youtube-area .video-list {
    max-height: 37vw;
    padding: 0 37px 0 0;
  }
  .exercise-guide .exercise-wrap .youtube-area .video-list li button .video-title {
    font-size: 16.5px;
  }
}
@media (max-width: 1350px) {
  .exercise-guide .exercise-wrap .youtube-area {
    -moz-column-gap: 3%;
         column-gap: 3%;
  }
  .exercise-guide .exercise-wrap .youtube-area .current-box {
    border-top-right-radius: 24px;
  }
  .exercise-guide .exercise-wrap .youtube-area .video-list {
    max-height: 37vw;
    padding: 0 26px 0 0;
    row-gap: 8px;
  }
  .exercise-guide .exercise-wrap .youtube-area .video-list li button .video-title {
    font-size: 13.5px;
  }
}
@media (max-width: 991px) {
  .exercise-guide .exercise-wrap .section-heading {
    padding: 0 0 45px 0;
  }
  .exercise-guide .exercise-wrap .section-heading .sec-desc {
    margin: 14px 0 0;
    line-height: 1.55;
  }
  .exercise-guide .exercise-wrap .youtube-area {
    width: 100%;
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 16px;
    flex-direction: column;
  }
  .exercise-guide .exercise-wrap .youtube-area .current-box {
    width: 100%;
    border-top-right-radius: 24px;
  }
  .exercise-guide .exercise-wrap .youtube-area .video-list {
    width: 100%;
    max-height: unset;
    padding: 0 0 30px 0;
    row-gap: 0px;
    overflow-x: auto;
    flex-direction: row;
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
  .exercise-guide .exercise-wrap .youtube-area .video-list::-webkit-scrollbar {
    height: 8px;
  }
  .exercise-guide .exercise-wrap .youtube-area .video-list li {
    width: 27vw;
    flex-shrink: 0;
  }
  .exercise-guide .exercise-wrap .youtube-area .video-list li button .video-title {
    font-size: 2vw;
    top: 7.5%;
    left: 4.5%;
  }
  .exercise-guide .exercise-wrap .youtube-area .video-list li button .video-title::before {
    top: -7.5%;
    left: -4.5%;
  }
}
@media (max-width: 600px) {
  .exercise-guide .exercise-wrap .section-heading {
    padding: 0 0 35px 0;
  }
  .exercise-guide .exercise-wrap .section-heading .sec-desc {
    font-size: 19px;
  }
  .exercise-guide .exercise-wrap .youtube-area {
    row-gap: 10px;
  }
  .exercise-guide .exercise-wrap .youtube-area .current-box {
    border-top-right-radius: 20px;
  }
  .exercise-guide .exercise-wrap .youtube-area .video-list {
    padding: 0 0 20px 0;
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
  .exercise-guide .exercise-wrap .youtube-area .video-list::-webkit-scrollbar {
    height: 6px;
  }
  .exercise-guide .exercise-wrap .youtube-area .video-list li {
    width: 32vw;
  }
  .exercise-guide .exercise-wrap .youtube-area .video-list li button .video-title {
    font-size: 2.6vw;
  }
}
@media (max-width: 450px) {
  .exercise-guide .exercise-wrap .section-heading {
    padding: 0 0 25px 0;
  }
  .exercise-guide .exercise-wrap .section-heading .sec-desc {
    margin: 10px 0 0;
    font-size: 16px;
  }
  .exercise-guide .exercise-wrap .youtube-area {
    row-gap: 6px;
  }
  .exercise-guide .exercise-wrap .youtube-area .current-box {
    border-top-right-radius: 16px;
  }
  .exercise-guide .exercise-wrap .youtube-area .video-list {
    padding: 0 0 16px 0;
    -moz-column-gap: 6px;
         column-gap: 6px;
  }
  .exercise-guide .exercise-wrap .youtube-area .video-list::-webkit-scrollbar {
    height: 4px;
  }
  .exercise-guide .exercise-wrap .youtube-area .video-list li {
    width: 42vw;
  }
  .exercise-guide .exercise-wrap .youtube-area .video-list li button .video-title {
    font-size: 3.3vw;
  }
}/*# sourceMappingURL=section_exercise.css.map */