.other-feature-item h4 {
  font-size: 28px;
}

.home-banner-left h1 {
  line-height: 1.2em;
}

@media (max-width: 414px) {
  .home-banner-left h1 {
    font-size: 30px;
  }
}

#parent {
  /* height: 100px; */
  white-space: nowrap;
  overflow: hidden;
  font-family: "Source Code Pro", monospace;
  font-size: 36px;
  position: relative;
}

#parent2 {
  /* height: 100px; */
  white-space: nowrap;
  overflow: hidden;
  font-family: "Source Code Pro", monospace;
  font-size: 36px;
  position: relative;
}

#hero .btn-get-started {
  font-family: "Montserrat", sans-serif, "微軟正黑體";
}

/* Animation */
#parent {
  animation: animated-text 1s steps(30, end) 1s 1 both;
}

#parent2 {
  animation: animated-text 1s steps(30, end) 2s 1 both;
}

body {
  font-family: "微軟正黑體";
}

.footer-area {
  padding: 237px 0px 120px;
}


@media (max-width: 991px) {
    .footer-area {
        padding: 0px 0px;
    }
}
/* text animation */
@keyframes animated-text {
  from {
    width: 0;
  }

  to {
    width: 480px;
  }
}

/* cursor animations */
@keyframes animated-cursor {
  from {
    border-bottom-color: rgba(0, 255, 0, 0.75);
  }

  to {
    border-bottom-color: transparent;
  }
}

@media (max-width: 420px) {
  /* #parent {
        font-size: 18px;
      } */
}

#dcab {
  background: linear-gradient(44deg, #ffef30, rgb(187 132 1));
  animation: gradientChange 3s infinite ease-in-out alternate;
  min-height: 5px;
  filter: hue-rotate(50deg);
}

.a-hide {
  display: none;
}

@media (max-width: 720px) {
  .img-top {
    height: 55px;
  }

  #parent {
    font-size: 28px;
  }

  #parent2 {
    font-size: 28psx;
  }

  .a-hide {
    display: block;
  }

  @keyframes animated-text {
    from {
      width: 0;
    }

    to {
      width: 100%;
    }
  }

  #dcab {
    min-height: 2px;
  }
}

@keyframes gradientChange {
  0 {
    filter: hue-rotate(0) contrast(300%) invert(0%);
  }

  100% {
    filter: hue-rotate(0) contrast(300%) invert(10%);
  }
}

.section-title {
  padding-bottom: 40px;
}

.single-popular-course .details {
  padding: 10px 0px;
  background-color: #ffc76900;
}

.navbar-light .navbar-toggler {
  border-color: #fff0;
}

.navbar-nav li a {
  font-size: 18px;
  font-weight: 700;
}

html {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: auto;
}

.navbar {
  padding: 0px;
}

.lnr-menu:before {
  font-size: 30px;
}

.registration-area {
  background-color: #ffc7690f;
}

.home-banner-area {
  background-color: #ffc7690f;
}

.banner-area {
  background-color: #ffc7690f;
}

@media (max-width: 720px) {
  .navbar-nav li a {
    padding: 10px 0;
    /* 增加內部間距 */
    font-size: 18px;
    /* 調整字體大小以適應手機版 */
  }
}

@media (max-width: 992px) {
  .navbar .navbar-collapse {
    background: #222222;
    margin-top: 0px;
  }
}