.go2train-course-detail-panel .go2train-siderbar-content {
  gap: 24px;
  padding-top: 140px;
  padding-bottom: 72px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content {
  max-width: 744px;
  width: 100%;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar {
  padding-top: 60px;
  min-width: 360px;
  max-width: 360px;
  gap: 34px;
  position: sticky;
  top: 50px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > ul {
  padding: 28px;
  border-radius: 16px;
  border: 1px solid #DEDEDE;
  background: #FFF;
  gap: 16px;
  width: 100%;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > ul > li {
  gap: 22px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > ul > li > img {
  width: 20px;
  height: 20px;
  object-fit: cover;
  border-radius: 100%;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > ul > li > p {
  color: #003545;
  font-size: 16px;
  font-weight: 800;
  line-height: 24px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > ul > li > p > span {
  color: #AEAEAE;
  display: inline-block;
  padding-left: 8px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > .download-app {
  border-radius: 16px;
  background: #E2F4FF;
  padding: 28px;
  max-width: 100%;
  width: 100%;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > .download-app > h2 {
  color: #003545;
  font-size: 16px;
  font-weight: 800;
  line-height: 24px;
  margin-bottom: 24px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > .download-app > p {
  color: #003545;
  text-align: justify;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 24px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > .download-app > .download-box {
  gap: 12px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > .download-app > .download-box > .ways-of-download {
  gap: 8px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > .download-app > .download-box > .ways-of-download > a {
  max-width: 112px;
  min-width: 112px;
  border-radius: 50px;
  border: 1px solid #0E0E10;
  background: #FFF;
  padding: 4px 10px;
  gap: 10px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > .download-app > .download-box > .ways-of-download > a > div {
  gap: 4px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > .download-app > .download-box > .ways-of-download > a > div > p {
  color: #0E0E10;
  font-size: 16px;
  font-weight: 700;
  line-height: 18.4px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > .download-app > .download-box > .ways-of-download > a > div > span {
  font-size: 8px;
  font-weight: 500;
  color: #0E0E10;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > .download-app > .download-box > .ways-of-download > a.app-store {
  border: none;
  background: #003545;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > .download-app > .download-box > .ways-of-download > a.app-store > div > p, .go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > .download-app > .download-box > .ways-of-download > a.app-store > div > span {
  color: #FFF;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > .download-app > .download-box > .go-to-app-page {
  font-size: 10.4px;
  font-weight: 700;
  color: #003545;
  text-align: center;
  display: inline-block;
  width: 100%;
  padding: 8px;
  gap: 6px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > .download-app > .download-box > .go-to-app-page::after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none"><mask id="mask0_4618_1029" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="10" height="10"><rect x="0.101562" y="0.199951" width="9.6" height="9.6" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_4618_1029)"><path d="M5.70098 7.26159L3.43945 5.00006L5.70098 2.73853L6.12251 3.16006L4.28251 5.00006L6.12251 6.84006L5.70098 7.26159Z" fill="%23003545"/></g></svg>');
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section {
  gap: 24px;
  margin-bottom: 80px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments-title {
  border-radius: 8px;
  background: #FFF3E0;
  padding: 16px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments-title > h4 {
  color: #003545;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments-title > h4::before {
  content: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.6041 26.4484C19.9858 26.4484 19.1925 26.25 18.2008 25.6667L14.7125 23.6017C14.3508 23.3917 13.6508 23.3917 13.3008 23.6017L9.80079 25.6667C7.73579 26.8917 6.52245 26.4017 5.97412 26.005C5.43745 25.6084 4.59745 24.5934 5.14579 22.26L5.97412 18.6784C6.06745 18.305 5.88079 17.6634 5.60079 17.3834L2.70746 14.49C1.26079 13.0434 1.37746 11.8067 1.57579 11.2C1.77412 10.5934 2.40412 9.52004 4.41079 9.1817L8.13245 8.56337C8.48245 8.50504 8.98412 8.13171 9.13579 7.81671L11.2008 3.69837C12.1341 1.82004 13.3591 1.54004 14.0008 1.54004C14.6425 1.54004 15.8675 1.82004 16.8008 3.69837L18.8541 7.80504C19.0175 8.12004 19.5191 8.49337 19.8691 8.55171L23.5908 9.17004C25.6091 9.50837 26.2391 10.5817 26.4258 11.1884C26.6125 11.795 26.7291 13.0317 25.2941 14.4784L22.4008 17.3834C22.1208 17.6634 21.9458 18.2934 22.0275 18.6784L22.8558 22.26C23.3925 24.5934 22.5641 25.6084 22.0275 26.005C21.7358 26.215 21.2691 26.4484 20.6041 26.4484ZM14.0008 21.6884C14.5725 21.6884 15.1441 21.8284 15.5991 22.0967L19.0875 24.1617C20.1025 24.7684 20.7441 24.7684 20.9891 24.5934C21.2341 24.4184 21.4091 23.8 21.1525 22.6567L20.3241 19.075C20.1025 18.1067 20.4641 16.8584 21.1641 16.1467L24.0575 13.2534C24.6291 12.6817 24.8858 12.1217 24.7691 11.7367C24.6408 11.3517 24.1041 11.0367 23.3108 10.9084L19.5891 10.29C18.6908 10.1384 17.7108 9.41504 17.3025 8.59837L15.2491 4.49171C14.8758 3.74504 14.4091 3.30171 14.0008 3.30171C13.5925 3.30171 13.1258 3.74504 12.7641 4.49171L10.6991 8.59837C10.2908 9.41504 9.31079 10.1384 8.41246 10.29L4.70246 10.9084C3.90912 11.0367 3.37246 11.3517 3.24412 11.7367C3.11579 12.1217 3.38412 12.6934 3.95579 13.2534L6.84912 16.1467C7.54912 16.8467 7.91079 18.1067 7.68912 19.075L6.86079 22.6567C6.59245 23.8117 6.77912 24.4184 7.02412 24.5934C7.26912 24.7684 7.89912 24.7567 8.92579 24.1617L12.4141 22.0967C12.8575 21.8284 13.4291 21.6884 14.0008 21.6884Z" fill="%23FF9900"/></svg>');
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments-title > .cm-counts-rate {
  gap: 16px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments-title > .cm-counts-rate > p {
  color: #003545;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments-title > .cm-counts-rate > p > span {
  font-weight: 700;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments-title > .cm-counts-rate > p:nth-child(2) {
  position: relative;
  padding-right: 16px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments-title > .cm-counts-rate > p:nth-child(2)::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #D1D1D3;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments {
  padding: 16px 0px;
  gap: 64px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments > .comment {
  position: relative;
  padding-bottom: 20px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments > .comment > .name-rate-date > .name {
  gap: 16px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments > .comment > .name-rate-date > .name > h5 {
  color: #003545;
  font-size: 20px;
  font-weight: 900;
  line-height: 32px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments > .comment > .name-rate-date > .name > span {
  color: #40819A;
  text-align: right;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0.13px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments > .comment > .name-rate-date > .rate-date {
  gap: 32px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments > .comment > .name-rate-date > .rate-date > span {
  color: #98C2D5;
  font-size: 13px;
  font-weight: 300;
  line-height: 32px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments > .comment > .name-rate-date > .rate-date > span > span {
  color: #003545;
  font-size: 13px;
  font-weight: 900;
  line-height: 32px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments > .comment > .comment-content {
  padding: 16px 24px;
  color: #003545;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 16px;
}
@keyframes answ_fade {
  from {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments > .comment > .replay {
  display: none !important;
  padding-right: 60px;
  position: relative;
  animation-name: answ_fade;
  animation-duration: 0.4s;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments > .comment > .replay > .name-rate-date > .name {
  gap: 16px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments > .comment > .replay > .name-rate-date > .name > h5 {
  color: #003545;
  font-size: 20px;
  font-weight: 900;
  line-height: 32px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments > .comment > .replay > .name-rate-date > .name > span {
  color: #40819A;
  text-align: right;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0.13px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments > .comment > .replay > .name-rate-date > .rate-date {
  gap: 32px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments > .comment > .replay > .name-rate-date > .rate-date > span {
  color: #98C2D5;
  font-size: 13px;
  font-weight: 300;
  line-height: 32px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments > .comment > .replay > .name-rate-date > .rate-date > span > span {
  color: #003545;
  font-size: 13px;
  font-weight: 900;
  line-height: 32px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments > .comment > .replay > .comment-content {
  padding: 16px 24px;
  color: #003545;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments > .comment > .replay::before {
  content: "";
  position: absolute;
  top: 0;
  right: 40px;
  width: 1px;
  height: 100%;
  background-color: #D1D1D3;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments > .comment > .show-answer-btn {
  background-color: transparent;
  border: none;
  padding: 10px 16px;
  outline: none;
  color: #FFA826;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  position: absolute;
  bottom: -20px;
  left: 0;
}
.go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments > .show-content > .replay {
  display: flex !important;
}

@media only screen and (max-width: 1024px) {
  .go2train-course-detail-panel .go2train-siderbar-content {
    gap: 20px;
    padding-top: 140px;
    padding-bottom: 100px;
    flex-direction: column;
  }
  .go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar {
    min-width: unset;
    max-width: unset;
    gap: 80px;
  }
  .go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > ul {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  .go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > ul > li {
    gap: 16px;
  }
  .go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > .download-app > .download-box {
    flex-direction: row !important;
  }
  .go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > .download-app > .download-box > .go-to-app-page {
    width: auto;
  }
}
@media only screen and (max-width: 600px) {
  .go2train-course-detail-panel .go2train-siderbar-content > .go2train-sidebar > .download-app > .download-box {
    flex-direction: column !important;
  }
  .go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments-title {
    padding: 16px 12px !important;
  }
  .go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments-title > h4 {
    font-size: 16px !important;
    gap: 8px !important;
  }
  .go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments-title > .cm-counts-rate {
    gap: 8px !important;
  }
  .go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments-title > .cm-counts-rate > p {
    font-size: 14px !important;
  }
  .go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments-title > .cm-counts-rate > p:nth-child(2) {
    padding-right: 8px !important;
  }
  .go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments {
    padding: 16px 0px;
    gap: 40px;
  }
  .go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments > .comment > .name-rate-date {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 12px;
  }
  .go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments > .comment > .name-rate-date > .rate-date {
    width: 100%;
    justify-content: space-between;
  }
  .go2train-course-detail-panel .go2train-siderbar-content > .go2train-content > .go2train-langx-comment-section > .comments > .comment > .replay > .name-rate-date {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 12px;
  }
}

/*# sourceMappingURL=single.css.map */