.text_gray_700 {
  color: #707070 !important;
}

.text_gray_600 {
  color: #707070 !important;
}

.text_blue_700 {
  color: #2f94e2 !important;
}

.bg_blue_700 {
  background-color: #2f94e2 !important;
}

body {
  font-family: "Open Sans", sans-serif;
  color: #444444;
}

a {
  color: #47b2e4;
  text-decoration: none;
}

a:hover {
  color: #73c5eb;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Jost", sans-serif;
}

section {
  overflow: hidden;
  background-color: #62B3F2;
}

#header {
  transition: all 0.5s;
  z-index: 997;
  padding: 15px 0;
  background-color: #fff;
  z-index: 999;
  font-family: "Kozuka Gothic Pr6N", sans-serif;
}
#header .title-phone-number {
  font: bold;
  font-size: 50px;
  color: #E27D2F;
}
#header .title-time {
  font: medium;
  font-size: 30px;
  color: #E27D2F;
}
#header .header-scrolled,
#header .header-inner-pages {
  background: #fff;
}
#header .logo {
  font-size: 30px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#header .logo a {
  color: #fff;
}
#header .logo img {
  max-height: 70px;
}
#header .sticky-date-panel {
  padding: 10px;
  color: #fff;
  box-shadow: 0 0 0 1px rgb(255, 255, 255), 0 0 0 10px #e27d2f;
  position: absolute;
  height: 113px;
  width: 190px;
  display: flex;
  background-color: #e27d2f;
  top: 10px;
  right: 22px;
  border-radius: 0 0 10px 10px;
}

#navs {
  margin-top: 120px;
  font-family: "Kozuka Gothic Pr6N" sans-serif;
}
#navs ul li a {
  color: #fff;
  size: 25px;
}

#section-contact a {
  position: absolute;
  margin-top: 49px;
  left: 81%;
  width: 0;
  height: 0;
  z-index: 99;
  border: 0;
}
#section-contact .select2-container {
  padding-left: 0;
  padding-right: calc(var(--bs-gutter-x) * 0);
}
#section-contact .select2-container--default .select2-selection--multiple {
  border-radius: 10px;
  height: 75px;
  padding-top: 15px;
}
#section-contact .select2-container .select2-selection--multiple .select2-selection__rendered {
  position: absolute;
}
#section-contact .btn {
  border-radius: 10px;
}
#section-contact input {
  border-radius: 10px;
  height: 75px;
}
#section-contact select {
  border-radius: 10px;
  height: 75px;
  border: 0;
}
#section-contact select option {
  border-radius: 10px;
}
#section-contact .textarea.special input,
#section-contact textarea {
  border-radius: 10px;
  min-height: 195px;
  border: 0;
}
#section-contact .label p {
  color: #fff;
  background: linear-gradient(to top, #C6C6C6 50%, #62B3F2 50%);
  font-family: "Kozuka Gothic Pr6N" sans-serif;
  font-size: 20px;
}

.btn-register-trail {
  padding-left: 40px;
  padding-right: 24px;
}
.btn-register-trail button {
  color: #fff;
  border-radius: 5px;
  background-color: #e27d2f;
  box-shadow: 0 0 0 1px rgb(255, 255, 255), 0 0 0 6px #e27d2f;
}
.btn-register-trail button:hover {
  color: #fff;
}

#back-to-top {
  position: fixed;
  bottom: 25px;
  right: 25px;
  display: none;
  border-radius: 50%;
}

#section-success {
  padding-top: 100px;
}

#section-main-feature {
  height: 100%;
  padding-top: 0;
  background-size: cover;
  background-color: #2F94E2;
  width: 100%;
}
#section-main-feature:before {
  position: absolute;
  content: "";
  background-color: #ffffff;
  width: 100%;
  height: 50px;
  -webkit-clip-path: polygon(50% 100%, 10% 0, 100% -30%);
          clip-path: polygon(50% 100%, 10% 0, 100% -30%);
}
#section-main-feature .bg-light {
  border-radius: 10px;
}
#section-main-feature ul {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

#section-banner {
  font-family: "Kozuka Gothic Pr6N" sans-serif;
  height: 100%;
  background-size: cover;
  background-color: #fff;
  width: 100%;
}
#section-banner .item-content {
  padding-top: 70px;
}
#section-banner .title {
  font-size: 39px;
  color: black;
}
#section-banner .title-content {
  font-size: 17px;
  color: black;
}
#section-banner:before {
  position: absolute;
  background-image: url(../images/hero3.png);
  content: "";
  width: 100%;
  height: 673px;
  -webkit-clip-path: polygon(100% 0, 100% 52%, 14% 100%, 0 100%, 0 0);
          clip-path: polygon(100% 0, 100% 52%, 14% 100%, 0 100%, 0 0);
}
#section-banner .display-2 {
  padding-left: 175px;
  margin: -10px;
}
#section-banner .mps-img {
  z-index: 99;
}
#section-banner .register-trail-wrap #btn-intro {
  width: 100%;
  height: 70px;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgb(255, 255, 255), 0 0 0 6px #e27d2f;
  color: #fff;
  background-color: #e27d2f;
}
#section-banner .register-trail-wrap i {
  font-size: 3rem;
}
#section-banner .register-trail-document {
  padding: 23px;
}
#section-banner .register-trail-document #btn-intro {
  font-size: 20px;
  width: 17rem;
  height: 41px;
  border-radius: 7px;
  box-shadow: 0 0 0 1px rgb(255, 255, 255), 0 0 0 6px #e27d2f;
  color: #fff;
  background-color: #e27d2f;
}
#section-banner .register-trail-document i {
  font-size: 3rem;
}
#section-banner .register-trail-document .text-sumary {
  font-size: calc(0.5rem + 0.36vw);
}

#section-contact .btn {
  border-radius: 10px;
}
#section-contact input {
  border-radius: 10px;
}

#section-success {
  padding-top: 100px;
}

#section-main-feature {
  height: 100%;
  padding-top: 0;
  background-size: cover;
  background-color: #2F94E2;
  width: 100%;
}
#section-main-feature:before {
  position: absolute;
  content: "";
  background-color: #ffffff;
  width: 100%;
  height: 50px;
  -webkit-clip-path: polygon(50% 100%, 10% 0, 100% -30%);
          clip-path: polygon(50% 100%, 10% 0, 100% -30%);
}
#section-main-feature .bg-light {
  border-radius: 10px;
}
#section-main-feature .btn-register-trail {
  padding-left: 30px;
  padding-right: 30px;
}
#section-main-feature .btn-register-trail button {
  color: #fff;
  border-radius: 5px;
  background-color: #e27d2f;
  box-shadow: 0 0 0 1px rgb(255, 255, 255), 0 0 0 6px #e27d2f;
}
#section-main-feature .btn-register-trail button:hover {
  color: #fff;
}
#section-main-feature .grid-buttons .nav-tabs {
  border-bottom: unset;
}
#section-main-feature .grid-buttons ul {
  list-style: none;
  padding: 0px;
}
#section-main-feature .grid-buttons ul li {
  float: left;
}
#section-main-feature .grid-buttons ul li a {
  border: none;
  display: inline-block;
}

#work-efficiency {
  background-image: url("../images/0736.png");
  width: 509px;
  height: 509px;
  background-repeat: no-repeat;
}

#section-steps .btn-item {
  border-radius: 15px;
}
#section-steps .card-title {
  padding-top: 100px;
  padding-left: 30px;
}
#section-steps .card-item-step2 {
  padding-left: 4px;
  padding-right: 4px;
}
#section-steps .card-item-step3 {
  padding-left: 50px;
  padding-right: 50px;
}
#section-steps .card-item-step3 .card-title {
  padding-top: 110px;
  padding-left: 110px;
}
#section-steps .btn-register-trail {
  padding-left: 30px;
  padding-right: 30px;
}
#section-steps .btn-register-trail button {
  color: #fff;
  border-radius: 5px;
  background-color: #e27d2f;
  box-shadow: 0 0 0 1px rgb(255, 255, 255), 0 0 0 6px #e27d2f;
}
#section-steps .btn-register-trail button:hover {
  color: #fff;
}

#footer {
  font-size: 14px;
  background: #37517e;
}
#footer .copyright {
  justify-content: end;
  float: left;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 99;
  border: none;
  outline: none;
  color: #ffffff;
  cursor: pointer;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#myBtn::hover {
  background-color: rgb(255, 255, 255);
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.9); /* Black w/ opacity */
}

.modal-content {
  margin: auto;
  display: block;
  width: 80%;
}

#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

.modal-content, #caption {
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
  }
}
@keyframes zoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

@media (max-width: 768px) {
  #header #navbar {
    visibility: hidden;
  }
  #header .item-menu {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  #section-whyus .item-menu {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  #section-banner .heroLogo {
    width: 38px;
  }
}
@media (min-width: 320px) {
  #section-contact .label p {
    font-size: 10px;
  }
  #myBtn .pc-display {
    display: none;
  }
  #myBtn .mobile-display {
    visibility: visible;
  }
  #section-main-feature h1 {
    text-align: center;
  }
  #section-main-feature .list-unstyled {
    font-weight: bold;
    font-size: 0.74rem;
  }
  #item-img {
    display: none;
  }
  #section-faq .h2 {
    font-size: 1rem;
  }
  #section-faq .h3 {
    font-size: 0.75rem;
  }
  .grid-buttons {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .grid-buttons ul li {
    width: 25%;
  }
  .grid-buttons ul li a {
    background: transparent;
    width: calc(100% - 1rem);
    margin: 0.5rem;
    text-align: center;
  }
  .grid-buttons ul li a .circle-image {
    margin: 0 auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 0.5rem;
    background-color: #ffffff;
  }
  .grid-buttons ul li a .circle-image img {
    width: 100%;
  }
  .grid-buttons ul li a .label {
    font-size: 0.75rem;
    color: #ffffff;
    margin-top: 0.5px;
  }
  #section-steps .pc-display {
    display: none;
  }
  #section-steps .mobile-display {
    visibility: visible;
  }
  #section-banner:before {
    height: 189vw;
    -webkit-clip-path: polygon(100% 0, 100% 95%, 0 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 95%, 35vw 100%, 0 100%, 0 0);
    background-repeat: no-repeat;
  }
  #section-banner .title {
    font-size: 24px;
    color: black;
  }
  #section-banner .title-banner {
    font-size: 24px;
    color: black;
  }
  #section-banner .register-trail-wrap .text-label {
    font-size: calc(1.3rem + 0.6vw);
  }
  #section-banner .display-2 {
    padding-left: 0;
    margin: 0;
  }
  #section-banner .pc-display {
    display: none;
  }
  #section-banner .mobile-display {
    visibility: visible;
    font-size: 24px;
  }
  #section-banner .title-hero {
    margin: 0;
  }
  #section-whyus .content {
    text-align: center;
  }
  #section-whyus .item-img {
    display: none;
  }
  #about .pc-display {
    display: none;
  }
  #about .mobile-display {
    visibility: visible;
  }
  #footer .pc-display {
    display: none;
  }
  #footer .mobile-display {
    visibility: visible;
  }
  #header {
    transition: all 0.5s;
    padding: 0px 0;
  }
  #header .logo img {
    max-height: 60px;
  }
  .pricing {
    overflow: hidden;
    background-color: #2f94e2;
    padding: 10px;
  }
  .pricing .row {
    text-align: center;
  }
  #navs {
    display: none;
  }
}
@media (min-width: 480px) {
  #section-contact .label p {
    font-size: 14px;
  }
  #section-faq .h2 {
    font-size: 1rem;
  }
  #section-faq .h3 {
    font-size: 0.75rem;
  }
  .grid-buttons {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .grid-buttons ul li {
    width: 25%;
  }
  .grid-buttons ul li a {
    background: transparent;
    width: calc(100% - 1rem);
    margin: 0.5rem;
    text-align: center;
  }
  .grid-buttons ul li a .circle-image {
    margin: 0 auto;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    padding: 0.75rem;
    background-color: #ffffff;
  }
  .grid-buttons ul li a .label {
    font-size: 0.85rem;
    color: #ffffff;
  }
  #section-steps .pc-display {
    display: none;
  }
  #section-steps .mobile-display {
    visibility: visible;
  }
  #section-whyus .content {
    text-align: center;
  }
  #section-whyus .item-img {
    display: none;
  }
  #item-img {
    display: none;
  }
  #about .pc-display {
    display: none;
  }
  #about .mobile-display {
    visibility: visible;
  }
  #footer .pc-display {
    display: none;
  }
  #footer .mobile-display {
    visibility: visible;
  }
  #header {
    transition: all 0.5s;
    padding: 0px 0;
  }
  #header .logo img {
    max-height: 60px;
  }
  #section-banner:before {
    height: 100%;
    -webkit-clip-path: polygon(100% 0, 100% 52%, 14% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 89%, 0 100%, 0 100%, 0 0);
    background-repeat: no-repeat;
  }
  #section-banner .pc-display {
    display: none;
  }
  #section-banner .mobile-display {
    visibility: visible;
  }
  .pricing {
    overflow: hidden;
    background-color: #2f94e2;
    padding: 10px;
  }
  .pricing .row {
    text-align: center;
  }
  #myBtn .pc-display {
    display: none;
  }
  #myBtn .mobile-display {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  #section-main-feature h1 {
    text-align: center;
  }
  #section-whyus .content {
    text-align: center;
  }
  #item-img {
    display: none;
  }
  #header {
    transition: all 0.5s;
    padding: 0px 0;
  }
  #header .sticky-date-panel {
    border: none;
  }
  #section-banner .text-sumary {
    font-size: calc(0.5rem + 0.3vw);
  }
  #section-banner .register-trail-wrap .text-label {
    font-size: calc(0.5rem + 0.9vw);
  }
  #section-banner:before {
    height: 57%;
    -webkit-clip-path: polygon(100% 0, 100% 67%, 30% 100%, 0 100%, 0 0);
            clip-path: polygon(100% 0, 100% 67%, 30% 100%, 0 100%, 0 0);
  }
  #section-banner .register-trail-document #btn-intro {
    font-size: 20px;
    width: 14rem;
    height: 41px;
    border-radius: 7px;
    box-shadow: 0 0 0 1px rgb(255, 255, 255), 0 0 0 6px #e27d2f;
    color: #fff;
    background-color: #e27d2f;
  }
  #section-banner .title-banner {
    font-size: 35px;
  }
  #section-banner .title {
    font-size: 35px;
  }
  #section-faq .h2 {
    font-size: 1.25rem;
  }
  #section-faq .h3 {
    font-size: 1rem;
  }
  #footer .pc-display {
    display: none;
  }
  #footer .mobile-display {
    visibility: visible;
  }
  #myBtn .pc-display {
    display: none;
  }
  #myBtn .mobile-display {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  #navs {
    display: flex;
  }
  #section-main-feature h1 {
    text-align: inherit;
  }
  #section-main-feature .list-unstyled {
    font-weight: bold;
  }
  #section-main-feature .btn-register-trail h1 {
    font-size: 2vw;
  }
  #section-whyus .content {
    text-align: center;
  }
  #item-img {
    display: none;
  }
  #section-banner::before {
    height: 70vw;
    -webkit-clip-path: polygon(100% 0, 100% 81%, 14% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 81%, 30% 100%, 0 100%, 0 0);
  }
  #section-banner .register-trail-wrap .text-sumary {
    font-size: 0.85rem;
  }
  #section-banner .register-trail-wrap .text-label {
    font-size: 1.2rem;
  }
  #section-banner .register-trail-wrap i {
    font-size: 1.75rem;
  }
  #section-banner .register-trail-wrap .display-2 {
    padding-left: 160px;
    margin: 0;
  }
  #section-banner .title-banner {
    font-size: 39px;
  }
  #section-banner .title {
    font-size: 40px;
  }
  #section-banner .pc-display {
    display: none;
  }
  #section-banner .mobile-display {
    visibility: visible;
    font-size: 24px;
  }
  #section-steps .pc-display {
    display: none;
  }
  #section-steps .mobile-display {
    visibility: visible;
  }
  #section-steps .btn-register-trail h1 {
    font-size: 2vw;
  }
  #about .pc-display {
    display: flex;
  }
  #about .mobile-display {
    display: none;
  }
  #footer .pc-display {
    display: none;
  }
  #footer .mobile-display {
    visibility: visible;
  }
  #header {
    transition: all 0.5s;
    padding: 0px 0;
  }
  #header .logo img {
    max-height: 70px;
  }
  #header .item-menu {
    display: none;
  }
  .grid-buttons {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .grid-buttons ul li {
    width: 25%;
  }
  .grid-buttons ul li a {
    border-radius: 10px;
    box-sizing: border-box;
    line-height: 1;
    background: #fff;
    color: #2f94e2;
    padding-left: unset;
    padding-right: unset;
    width: calc(100% - 1rem);
    margin: 0.5rem;
    position: relative;
  }
  .grid-buttons ul li a .circle-image {
    float: left;
    width: 25%;
    width: 55px;
    height: 55px;
  }
  .grid-buttons ul li a .label {
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translateY(-50%);
    color: unset;
    font-size: 1rem;
    margin-top: unset;
  }
  #myBtn .pc-display {
    display: none;
  }
  #myBtn .mobile-display {
    visibility: visible;
  }
  #section-contact .label p {
    font-size: 10px;
  }
}
@media (min-width: 992px) {
  #navs {
    display: flex;
  }
  #section-main-feature h1 {
    text-align: inherit;
  }
  #section-main-feature .btn-register-trail h1 {
    font-size: 1.5vw;
  }
  #section-whyus .content {
    text-align: start;
  }
  #section-steps .pc-display {
    display: flex;
  }
  #section-steps .mobile-display {
    display: none;
  }
  #section-steps .card-title {
    padding-top: 60px;
    padding-left: 34px;
  }
  #section-steps .card-item-step3 {
    padding-left: 30px;
    padding-right: 30px;
  }
  #section-steps .card-item-step3 .card-title {
    padding-top: 80px;
    padding-left: 100px;
  }
  #section-steps .btn-register-trail h1 {
    font-size: 1.5vw;
  }
  #item-img {
    display: flex;
  }
  #about .pc-display {
    display: flex;
  }
  #about .mobile-display {
    display: none;
  }
  #myBtn .pc-display {
    display: flex;
  }
  #myBtn .mobile-display {
    display: none;
  }
  #header {
    transition: all 0.5s;
    padding: 0px 0;
  }
  #header .logo img {
    max-height: 60px;
  }
  #header .item-menu {
    display: flex;
  }
  #header .item-menu {
    margin-left: auto;
    margin-right: 200px;
    padding-right: 15px;
  }
  #header .sticky-date-panel {
    border: none;
  }
  #section-banner:before {
    height: 458px;
    -webkit-clip-path: polygon(100% 0, 100% 65%, 10% 100%, 0 100%, 0 0);
            clip-path: polygon(100% 0, 100% 65%, 10% 100%, 0 100%, 0 0);
  }
  #section-banner .pc-display {
    display: flex;
  }
  #section-banner .mobile-display {
    display: none;
  }
  #section-banner .display-2 {
    padding-left: 160px;
    margin: 0;
  }
  #section-banner .register-trail-document #btn-intro {
    width: 12rem;
  }
  #section-banner .register-trail-wrap .text-sumary {
    font-size: 0.57rem;
  }
  #section-banner .register-trail-wrap .text-label {
    font-size: 0.8rem;
  }
  .grid-buttons {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .grid-buttons ul li {
    width: 20%;
  }
  .grid-buttons ul li a {
    padding-left: unset;
    padding-right: unset;
    width: calc(100% - 1rem);
    margin: 0.5rem;
  }
  .grid-buttons ul li a .circle-image {
    padding: 0.25rem;
  }
  .grid-buttons ul li a .label {
    font-size: 1rem;
  }
  #section-faq .h2 {
    font-size: 1.5rem;
  }
  #section-faq .h3 {
    font-size: 1.25rem;
  }
  #section-banner .register-trail-wrap .list-unstyled {
    font-weight: bold;
    font-size: 1.09rem;
  }
  #section-banner .title-banner {
    font-size: 30px;
  }
  #section-banner .title {
    font-size: 30px;
  }
  #footer .pc-display {
    display: flex;
  }
  #footer .mobile-display {
    display: none;
  }
  #footer .copyright {
    padding-right: 124px;
  }
  #myBtn .pc-display {
    display: flex;
  }
  #myBtn .mobile-display {
    display: none;
  }
  #section-banner .heroLogo {
    width: 24px;
  }
  #section-contact a {
    left: 88%;
  }
  #section-contact .label p {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  #navs {
    display: flex;
  }
  #myBtn .pc-display {
    display: flex;
  }
  #myBtn .mobile-display {
    display: none;
  }
  #section-whyus .content {
    text-align: start;
  }
  #item-img {
    display: flex;
  }
  #section-steps .pc-display {
    display: flex;
  }
  #section-steps .mobile-display {
    display: none;
  }
  #section-steps .card-title {
    padding-top: 70px;
    padding-left: 34px;
  }
  #section-steps .card-item-step3 {
    padding-left: 40px;
    padding-right: 40px;
  }
  #section-steps .card-item-step3 .card-title {
    padding-top: 60px;
    padding-left: 100px;
  }
  #section-steps .btn-register-trail h1 {
    font-size: 1.5vw;
  }
  #section-banner:before {
    height: 477px;
    -webkit-clip-path: polygon(100% 0, 100% 60%, 8% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 43%, 16% 100%, 0 100%, 0 0);
  }
  #section-banner .btn-register-trail {
    padding: 10px;
    padding-top: 85px;
  }
  #section-banner .pc-display {
    display: flex;
  }
  #section-banner .mobile-display {
    display: none;
  }
  #section-banner .register-trail-document #btn-intro {
    width: 15rem;
  }
  #section-banner .register-trail-wrap .text-sumary {
    font-size: calc(0.5rem + 0.1vw);
  }
  #section-banner .register-trail-wrap .text-label {
    font-size: calc(0.5rem + 0.5vw);
  }
  #section-banner .register-trail-wrap i {
    font-size: 3rem;
  }
  #section-banner .display-2 {
    padding-left: 160px;
    margin: 0;
  }
  #section-banner .title-banner {
    font-size: 39px;
  }
  #section-banner .title {
    font-size: 40px;
  }
  #about .pc-display {
    display: flex;
  }
  #about .mobile-display {
    display: none;
  }
  #header {
    transition: all 0.5s;
    padding: 0px 0;
  }
  #header .logo img {
    max-height: 60px;
  }
  #header .item-menu {
    display: flex;
  }
  #section-main-feature h1 {
    text-align: inherit;
  }
  #section-main-feature .list-unstyled {
    font-weight: bold;
    font-size: 1.09rem;
  }
  #section-main-feature .btn-register-trail h1 {
    font-size: 1.5vw;
  }
  .grid-buttons {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .grid-buttons ul li {
    width: 20%;
  }
  .grid-buttons ul li a {
    padding-left: unset;
    padding-right: unset;
    width: calc(100% - 1rem);
    margin: 0.5rem;
  }
  .grid-buttons ul li a .circle-image {
    padding: 0.5rem;
    width: 64px;
    height: 64px;
  }
  .grid-buttons ul li a .label {
    font-size: 1rem;
  }
  #footer .pc-display {
    display: flex;
  }
  #footer .mobile-display {
    display: none;
  }
  #footer .copyright {
    padding-right: 100px;
  }
  #section-contact a {
    left: 80%;
  }
  #section-contact .select2-container {
    padding-left: 0;
    padding-right: calc(var(--bs-gutter-x) * 0.4);
  }
  #section-contact .label p {
    font-size: 17px;
  }
}
@media (min-width: 1400px) {
  #navs {
    display: flex;
  }
  #myBtn .pc-display {
    display: flex;
  }
  #myBtn .mobile-display {
    display: none;
  }
  #section-whyus .content {
    text-align: start;
  }
  #item-img {
    display: flex;
  }
  #section-steps .card-title {
    padding-top: 100px;
    padding-left: 34px;
  }
  #section-steps .card-item-step3 {
    padding-left: 50px;
    padding-right: 50px;
  }
  #section-steps .card-item-step3 .card-title {
    padding-top: 120px;
    padding-left: 100px;
  }
  #section-steps .pc-display {
    display: flex;
  }
  #section-steps .mobile-display {
    display: none;
  }
  #section-steps .btn-register-trail h1 {
    font-size: 1.5vw;
  }
  #section-banner:before {
    height: 467px;
    -webkit-clip-path: polygon(100% 0, 100% 53%, 15% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 33%, 24% 100%, 0 100%, 0 0);
    background-size: cover;
  }
  #section-banner .pc-display {
    display: flex;
  }
  #section-banner .mobile-display {
    display: none;
  }
  #section-banner .register-trail-wrap .text-sumary {
    font-size: calc(0.4rem + 0.45vw);
  }
  #section-banner .register-trail-wrap .text-label {
    font-size: calc(1rem + 0.2vw);
  }
  #section-banner .display-2 {
    padding-left: 160px;
    margin: 0;
  }
  #section-banner .heroLogo {
    width: 38px;
  }
  #section-banner .title-banner {
    font-size: 47px;
  }
  #section-banner .title {
    font-size: 50px;
  }
  .hero {
    margin-top: 115px;
  }
  .hero:before {
    height: 632px;
    -webkit-clip-path: polygon(100% 0, 100% 55%, 10% 100%, 0 100%, 0 0);
            clip-path: polygon(100% 0, 100% 55%, 10% 100%, 0 100%, 0 0);
  }
  .hero .btn-register-trail {
    padding: 10px;
    padding-top: 85px;
  }
  #section-main-feature h1 {
    text-align: inherit;
  }
  #section-main-feature .list-unstyled {
    font-weight: bold;
    font-size: 1.09rem;
  }
  #section-main-feature .btn-register-trail h1 {
    font-size: 1.5vw;
  }
}/*# sourceMappingURL=app.css.map */

.display-5{
  font-size: 2.9rem !important;
}