.header-layout .container-landing .wrap-content-header {
  position: relative;
  margin: 0 auto;
  max-width: 1320px;
  width: 100%;
}
.header-layout .container-landing .wrap-content-header .box-content {
  padding: 48px 1rem 70px;
}
.header-layout .container-landing .wrap-content-header .box-content .text-content {
  display: flex;
  padding-top: 32px;
  padding-right: 1rem;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
}
.header-layout .container-landing .wrap-content-header .box-content .text-content .left-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .top-title {
  color: #fff;
  text-transform: uppercase;
  font-size: 48px !important;
}
.header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .title-content {
  color: #fff;
  font-size: 96px;
  font-weight: 700;
  line-height: 100px;
}
.header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .sub-title {
  color: #ffb800;
  font-size: 48px !important;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .content {
  color: #fff;
  font-size: 18px !important;
  margin-bottom: 1rem;
  line-height: 130%;
}
.header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-b-content {
  display: flex;
  justify-content: flex-start;
  gap: 0.5rem;
}
.header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-b-content .b-content {
  display: flex;
  align-items: center;
  font-weight: 700;
  color: #fff;
  padding: 7px 1rem;
  border: 1px dashed #FFF;
  border-radius: 35px;
  text-align: center;
  gap: 5px;
}
.header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-b-content .b-content span {
  max-width: 158px;
  width: -moz-fit-content;
  width: fit-content;
}
.header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .image-group {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.75rem 0 1rem;
}
.header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .image-group .left-ladi-image-background {
  position: relative;
  left: 70px;
}
.header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .image-group .right-ladi-image-background-2 {
  position: relative;
  left: -70px;
}
.header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .image-group .ladi-group-content .w-content {
  color: #fff;
  text-align: center;
  padding: 0.5rem 80px;
  font-weight: 700;
  border: 1px dashed #FFF;
  line-height: 130%;
}
.header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button {
  display: flex;
  gap: 1rem;
}
.header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button button {
  max-width: 315px;
  width: 100%;
  border-radius: 30px;
  outline: none;
  border: none;
}
.header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button .left-button {
  display: flex;
  align-items: center;
  background-color: #fff;
  justify-content: center;
  gap: 1rem;
  padding: 12px 25px;
}
.header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button .left-button span {
  color: #000533;
  font-weight: 700;
  font-size: 24px;
}
.header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button .left-button img {
  width: 40px;
  height: 40px;
}
.header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button .right-button {
  background-image: linear-gradient(#ffb800, #ff7900);
}
.header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button .right-button span {
  color: #fff;
  font-weight: 700;
  font-size: 26px;
}
.header-layout .container-landing .wrap-content-header .box-content .text-content .right-content {
  max-width: 525px;
}
.header-layout .container-landing .wrap-content-header .box-content .text-content .right-content iframe {
  width: 525px;
  height: 525px;
  border-radius: 30px;
}
@media (max-width: 1300px) {
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .top-title,
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .sub-title {
    font-size: 32px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .title-content {
    font-size: 75px;
    line-height: 75px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .content {
    font-size: 16px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-b-content .b-content span {
    font-size: 11px;
    max-width: 125px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .image-group {
    justify-content: flex-start;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .image-group .ladi-group-content .w-content {
    padding: 0.5rem 70px;
    font-size: 11px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button button {
    max-width: 280px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button .left-button {
    padding: 6px 20px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button .left-button img {
    width: 38px;
    height: 38px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button .left-button span {
    font-size: 18px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button .right-button span {
    font-size: 18px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .right-content {
    width: 45%;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .right-content iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
  }
}
@media (max-width: 1024px) {
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .top-title,
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .sub-title {
    font-size: 28px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .title-content {
    font-size: 60px;
    line-height: 65px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .content {
    font-size: 14px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-b-content .b-content {
    padding: 5px 0.5rem;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-b-content .b-content span {
    font-size: 10px;
    max-width: 100px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .image-group {
    justify-content: flex-start;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .image-group .ladi-group-content .w-content {
    padding: 0.5rem 70px;
    font-size: 11px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .image-group .left-ladi-image-background img,
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .image-group .right-ladi-image-background-2 img {
    width: 70px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .image-group .right-ladi-image-background-2 {
    left: -60px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .image-group .left-ladi-image-background {
    left: 60px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button button {
    max-width: 230px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button .left-button {
    padding: 5px 15px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button .left-button img {
    width: 38px;
    height: 38px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button .left-button span {
    font-size: 18px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button .right-button span {
    font-size: 18px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .right-content iframe {
    width: 100%;
    aspect-ratio: 1/1;
  }
}
@media (max-width: 876px) {
  .header-layout .container-landing .wrap-content-header .box-content {
    padding: 48px 1rem 100px !important;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content {
    flex-direction: column;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content {
    width: 100% !important;
    text-align: center;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .top-title {
    font-size: 32px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .title-content {
    font-size: 75px;
    line-height: 75px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .content {
    font-size: 16px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button {
    position: absolute;
    bottom: -22px;
    flex-direction: column;
    width: 100%;
    text-align: center;
    left: 0;
    align-items: center;
    gap: 0.75rem !important;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button button {
    max-width: 350px;
    height: 48px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button .left-button {
    padding: 5px 15px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button .left-button img {
    width: 38px;
    height: 38px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button .left-button span {
    font-size: 18px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button .right-button span {
    font-size: 18px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-b-content {
    justify-content: center;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-b-content .b-content span {
    font-size: 11px;
    max-width: 125px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .image-group {
    justify-content: center;
    margin: 1rem 0 1.25rem !important;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .right-content {
    width: 100% !important;
  }
}
@media (max-width: 600px) {
  .header-layout .container-landing .wrap-content-header .box-content {
    padding: 1rem 1rem 100px !important;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content {
    flex-direction: column;
    padding: 1rem 0 !important;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content {
    width: 100% !important;
    text-align: center;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .top-title {
    font-size: 24px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .title-content {
    font-size: 46px;
    line-height: 55px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .content {
    font-size: 14px;
    max-width: 280px;
    margin: 0 auto;
    margin-bottom: 1rem;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button {
    position: absolute;
    bottom: -22px;
    flex-direction: column;
    width: 100%;
    text-align: center;
    left: 0;
    align-items: center;
    gap: 0.75rem !important;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button button {
    max-width: 350px;
    height: 48px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button .left-button {
    padding: 5px 15px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button .left-button img {
    width: 38px;
    height: 38px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button .left-button span {
    font-size: 18px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-button .right-button span {
    font-size: 18px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-b-content {
    justify-content: center;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-b-content .b-content span {
    font-size: 11px;
    max-width: 125px;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .image-group {
    justify-content: center;
    margin: 1rem 0 1.25rem !important;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .right-content {
    width: 100% !important;
    max-width: 425px !important;
  }
}
@media (max-width: 450px) {
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-b-content {
    gap: 5px !important;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .f-b-content .b-content {
    border-radius: 10px !important;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .image-group .left-ladi-image-background {
    left: 30px !important;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .image-group .ladi-group-content .w-content {
    padding: 0.5rem 35px !important;
  }
  .header-layout .container-landing .wrap-content-header .box-content .text-content .left-content .image-group .right-ladi-image-background-2 {
    left: -20px;
  }
}

.fixed-banner .banner-pc {
  background-image: url(/assets/lit-education/image/bannerPC-lock.png);
  background-size: 200px;
  display: none;
  bottom: 8%;
  left: 1rem;
  z-index: 99;
  width: 200px;
  height: 200px;
}
.fixed-banner .banner-pc:hover {
  background-image: url(/assets/lit-education/image/bannerPC-unlock.png);
}
.fixed-banner .banner-mb {
  display: none;
  position: fixed;
  bottom: 8%;
  left: 1rem;
  z-index: 99;
}
@media (max-width: 1400px) {
  .fixed-banner .banner-pc {
    background-size: 120px !important;
    bottom: 4% !important;
    left: 0.5rem;
    width: 120px !important;
    height: 120px !important;
  }
}

.section-1 {
  padding: 50px 20px 0;
}
.section-1 .container-section {
  text-align: center;
  margin-bottom: 50px;
}
.section-1 .container-section .title {
  color: #ffb800;
  font-size: 46px;
  font-weight: 700;
  margin-bottom: 1rem;
}
.section-1 .container-section .title span {
  color: #000533;
}
.section-1 .container-section .sub-title {
  font-size: 21px;
  color: #56588a;
  line-height: 120%;
  max-width: 1000px;
  margin: 0 auto;
}
.section-1 .body-sec-3 {
  border-radius: 2rem;
  max-width: 1280px;
  margin: 2rem auto;
}
.section-1 .body-sec-3 .box-couser {
  color: #2b4182;
}
.section-1 .body-sec-3 .box-couser .header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
  flex-wrap: wrap;
}
.section-1 .body-sec-3 .box-couser .header .left,
.section-1 .body-sec-3 .box-couser .header .right {
  flex: 1;
  min-width: 350px;
}
.section-1 .body-sec-3 .box-couser .header .left .header-title {
  font-weight: 700;
  margin-bottom: 2rem;
  font-size: clamp(20px, -0.875rem + 4vw, 32px) !important;
}
.section-1 .body-sec-3 .box-couser .header .left .content-flex {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem 1rem;
}
.section-1 .body-sec-3 .box-couser .header .left .content-flex .content {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.section-1 .body-sec-3 .box-couser .header .left .content-flex .content .font-big {
  font-size: 24px;
  color: #2b4182;
  font-weight: 700;
  line-height: 100%;
}
.section-1 .body-sec-3 .box-couser .header .left .content-flex .content .text-content {
  font-size: 14px;
}
.section-1 .body-sec-3 .box-couser .header .left .content-flex img {
  width: 40px;
  height: 40px;
}
.section-1 .body-sec-3 .box-couser .header .right {
  margin-top: 1rem;
}
.section-1 .body-sec-3 .box-couser .header .right .content-right {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  align-items: center;
}
.section-1 .body-sec-3 .box-couser .header .right .content-right .b-right .text-content {
  display: flex;
  gap: 8px;
}
.section-1 .body-sec-3 .box-couser .header .right .content-right .b-right .text-bold {
  font-weight: 700;
  font-size: 16px;
}
.section-1 .body-sec-3 .box-couser .header .right .content-right img {
  width: 45px;
  max-height: 50px;
}
.section-1 .body-sec-3 .box-couser .header .right .grid-content {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 1fr 1.25fr;
}
.section-1 .body-sec-3 .box-couser .header .right .grid-content .content {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.section-1 .body-sec-3 .box-couser .header .right .grid-content .content .f-content {
  display: flex;
  gap: 5px;
  align-items: center;
}
.section-1 .body-sec-3 .box-couser .header .right .grid-content .content .f-content .text-mini {
  flex-grow: 1;
  max-width: 200px;
}
.section-1 .body-sec-3 .box-couser .header .right .grid-content .content .f-content .font-big {
  font-size: 28px;
  color: #2b4182;
  font-weight: 700;
  line-height: 100%;
  width: 45px;
}
.section-1 .body-sec-3 .box-couser .header .right .grid-content .content .text-content .text-mini {
  font-size: 14px;
}
.section-1 .body-sec-3 .box-couser .header .right .grid-content .unlimited {
  font-size: 24px;
  font-weight: 700;
}
.section-1 .body-sec-3 .box-couser .header .right .f-content {
  display: flex !important;
}
@media (max-width: 450px) {
  .section-1 .body-sec-3 .box-couser .header .right .grid-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px;
  }
  .section-1 .body-sec-3 .box-couser .header .right .grid-content .f-content {
    width: 100%;
    align-items: flex-start !important;
    flex-direction: column;
  }
  .section-1 .body-sec-3 .box-couser .header .right .grid-content .f-content .text-mini {
    max-width: 100% !important;
  }
}
.section-1 .body-sec-3 .box-couser .center-content {
  display: flex;
  gap: 1rem;
  margin: 2rem 0;
}
@media (max-width: 600px) {
  .section-1 .body-sec-3 .box-couser .center-content .left-content {
    position: relative;
    font-size: 1rem !important;
    padding: 12px 1rem;
  }
  .section-1 .body-sec-3 .box-couser .center-content .left-content .mobi {
    display: block !important;
    position: absolute;
    right: 1rem;
    bottom: 18px;
  }
  .section-1 .body-sec-3 .box-couser .center-content .left-content .viewEle {
    bottom: 10px !important;
  }
  .section-1 .body-sec-3 .box-couser .center-content .right-content {
    position: absolute;
    bottom: 1rem;
    width: 100%;
    font-size: 1rem !important;
    padding: 12px 1rem;
  }
}
.section-1 .body-sec-3 .box-couser .bot-content .wrap-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 1rem 2rem;
  margin-bottom: 2rem;
}
.section-1 .body-sec-3 .box-couser .bot-content .wrap-content .content {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.section-1 .body-sec-3 .box-couser .bot-content .wrap-content .content img {
  max-width: 75px;
}
.section-1 .body-sec-3 .box-couser .bot-content .wrap-content .content .text-content {
  font-size: 13px;
}
.section-1 .body-sec-3 .box-couser .right-content,
.section-1 .body-sec-3 .box-couser .right-content-mobile {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  flex: 3;
  padding: 1rem;
  text-align: center;
  border-radius: 60px;
  background: linear-gradient(251deg, #ff8219 14.8%, #ffd942 76.73%);
  min-width: 200px;
}
.section-1 .body-sec-3 .box-couser .color-1 {
  background: linear-gradient(251deg, #ff8219 14.8%, #ffd942 76.73%);
}
.section-1 .body-sec-3 .box-couser .color-2 {
  background: linear-gradient(251deg, #6fc024 14.8%, #72c327 17.89%, #8fdc40 55.67%, #9ae64a 76.73%);
}
.section-1 .body-sec-3 .box-couser .right-content-mobile {
  display: none;
}
.section-1 .body-sec-3 .box-couser .left-content {
  flex: 7;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  background: #674ffa;
  padding: 1rem;
  text-align: center;
  border-radius: 40px;
  position: relative;
  cursor: pointer;
}
.section-1 .body-sec-3 .box-couser .left-content .viewEle {
  position: absolute;
  right: 1.25rem;
  bottom: 15px;
  width: 30px;
}
@media (max-width: 600px) {
  .section-1 .body-sec-3 .box-couser {
    position: relative;
    padding-bottom: 45px;
  }
  .section-1 .body-sec-3 .box-couser .left .header-title {
    text-align: center !important;
  }
}
@media (max-width: 1024px) {
  .section-1 .container-section .title {
    font-size: 32px;
  }
  .section-1 .container-section .sub-title {
    font-size: 16px;
    max-width: 785px;
  }
}

.section-3 {
  margin: 50px 20px;
}
.section-3 .content-section {
  text-align: center;
}
.section-3 .content-section .title {
  color: #000533;
  font-weight: 700;
  margin-bottom: 2rem;
  font-size: 46px;
  line-height: 130%;
}
.section-3 .content-section .title span {
  color: #ffb800;
}
.section-3 .content-section .conten-sec-3 {
  margin: 0 auto;
  max-width: 1280px;
}
.section-3 .content-section .conten-sec-3 .grid-content {
  display: flex;
  gap: 40px;
  justify-content: center;
  flex-wrap: wrap;
}
.section-3 .content-section .conten-sec-3 .grid-content .course {
  min-width: 300px;
  max-width: 550px;
  position: relative;
  flex: 1;
}
.section-3 .content-section .conten-sec-3 .grid-content .course img {
  width: 100% !important;
}
.section-3 .content-section .conten-sec-3 .grid-content .course .discount {
  position: absolute;
  top: -1rem;
  right: 1rem;
  width: 115px !important;
}
.section-3 .content-section .conten-sec-3 .grid-content .course .name {
  font-size: clamp(18px, -0.875rem + 4.333vw, 32px) !important;
  padding: 0.5rem;
  color: #000533 !important;
  text-align: start;
  font-weight: 700;
  line-height: 120%;
}
.section-3 .content-section .conten-sec-3 .grid-content .course .view-detail {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}
.section-3 .content-section .conten-sec-3 .grid-content .course .view-detail .detail {
  padding: 8px 20px;
  font-size: 20px;
  font-weight: 700;
  background-image: linear-gradient(224deg, #6fc024, #9ae64a);
  border-radius: 30px;
  color: #fff;
  margin-right: 1rem;
}
.section-3 .content-section .conten-sec-3 .grid-content .course .view-detail .detail span {
  font-weight: 300;
  text-decoration-line: line-through;
}
.section-3 .content-section .conten-sec-3 .grid-content .course .view-detail .view {
  font-size: 23px;
  max-width: 250px;
  min-width: 200px;
  flex-grow: 1;
  height: 47px;
  background: linear-gradient(224deg, #ff8219, #ffd942);
  border-radius: 30px;
  color: #fff;
  padding: 8px 1rem;
  text-decoration: none;
  cursor: pointer;
  font-weight: 700;
  line-height: 120%;
}
.section-3 .content-section .conten-sec-3 .grid-content .course .view-detail .view:hover {
  background-color: transparent;
  transform: scale(1.05);
}
@media (max-width: 1300px) {
  .section-3 .content-section .conten-sec-3 .grid-content .course .view-detail .detail {
    font-size: 1rem !important;
    padding: 0.5rem 1rem !important;
  }
  .section-3 .content-section .conten-sec-3 .grid-content .course .view-detail .view {
    font-size: 18px !important;
    height: 40px !important;
  }
}
@media (max-width: 1024px) {
  .section-3 .content-section .title {
    font-size: 32px !important;
  }
}
@media (max-width: 600px) {
  .section-3 .content-section .title {
    font-size: 24px !important;
  }
  .section-3 .content-section .conten-sec-3 .grid-content .course .view-detail .detail,
  .section-3 .content-section .conten-sec-3 .grid-content .course .view-detail .view {
    display: flex !important;
    flex-grow: 1;
    gap: 5px;
    min-width: 150px !important;
    flex-wrap: wrap;
    align-items: center;
    font-size: 12px !important;
    padding: 0.5rem !important;
    justify-content: center;
    max-width: 200px !important;
  }
}

.section-8 .img-content img {
  max-width: 100%;
  width: 100%;
}
.section-8 .slogan {
  max-width: 1240px;
  text-align: center;
  font-size: clamp(1rem, -0.875rem + 4.333vw, 32px) !important;
  color: #56588a;
  margin: 3rem auto;
  cursor: pointer;
}
.section-8 .slogan a {
  text-decoration: none;
  color: #56588a;
}
.section-8 .slogan:hover b {
  text-decoration: underline;
}

.text-bold {
  font-weight: 700;
}

.unlimited {
  color: #ffb800 !important;
}

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