@media only screen and (max-width: 992px) {

   .create-account,
   .condition,
   .combo {
      height: 19.75rem !important;
      margin-top: 2.3125rem !important;
      max-width: 20rem;
   }

   .question-left {
      margin-top: 0.5rem !important;
      margin-bottom: 0.5rem !important;
   }

   .start-sign {
      height: 0.75rem !important;
      width: 0.75rem !important;
      margin-top: 0.5rem !important;
      margin-left: 4% !important;
   }

   .end-sign {
      margin-top: 0.5rem !important;
      margin-bottom: 0.5rem !important;
      height: 1.5rem !important;
      width: 1.5rem !important;
   }

   .text-small {
      margin-top: 2rem !important;
   }

   .all-questions {
      margin-top: 0.5rem !important;
      height: 8.75rem !important;
   }

   .get,
   .change,
   .quit {
      margin-top: 2.3125rem !important;
      max-width: 20rem !important;
      margin: 0 auto;
   }

   .eleLogo {
      margin: auto 1.5rem auto 0 !important;
   }

   .container-top {
      padding-left: 0 !important;
      padding-right: 0 !important;
      max-width: 100%;
   }

   .business-title {
      font-size: 2rem !important;
      line-height: 2.5rem !important;
   }

   .icon {
      background: linear-gradient(180deg, rgba(60, 221, 147, 0.69) 0%, #3CDE94 35%, #15BE71 98%);
      height: 8.875rem !important;
   }

   .question {
      font-size: 1rem !important;
      margin-left: 0.5rem !important;
   }

   #nav {
      position: sticky !important;
   }

   .a-hover:hover .menu {
      display: none !important;
   }

   .menu {
      display: none !important;
   }
}

@media only screen and (max-width: 768px) {

   .icon {
      background: linear-gradient(180deg, rgba(60, 221, 147, 0.69) 0%, #3CDE94 35%, #15BE71 98%);
      height: 5.875rem !important;
   }

   .business-title {
      font-size: 1.5rem !important;
      line-height: 2.5rem !important;
   }

}

#nav {
   height: 3.375rem;
   background-color: transparent;
   z-index: 20000;
}

.nav-ul {
   display: flex;
   justify-content: flex-end;
   padding-right: 8.6%;
   margin-block-start: 0em;
   margin-block-end: 0em;
   padding-top: 2.25rem;
   box-sizing: border-box;
}

.head {
   margin-top: 1rem !important;
}

#navbarCollapse {
   margin-right: 10%;
}

.nav-li {
   list-style: none;
   margin: 0 2.5rem;
}

a {
   color: rgba(0, 0, 0, 0.8);
   font-size: 1rem;
   font-weight: 600;
   text-decoration: none;
   box-sizing: border-box;
   cursor: pointer;
   font-family: PingFang SC-Semibold, PingFang SC;
   line-height: 1.25rem;
}

.nav-tick {
   width: 2.875rem;
   height: 0.375rem;
   background-color: transparent;
   margin: 0.5rem auto 0 auto;
   box-sizing: border-box;
}

#navbar-text-logo {
   min-height: 2.875rem;
   width: 8.6rem;
   margin: 0;
   padding: 0;
   font-family: sans-serif;
   background: url('../img/header/textLogo.png') no-repeat center 0px;
   background-size: cover;
   background-position: center 0;
   background-repeat: no-repeat;
}

#navbar-logo {
   margin-left: 1rem;
   min-height: 1.875rem;
   min-width: 1.875rem;
   padding: 0;
   font-family: sans-serif;
   background: url('../img/header/logo.png') no-repeat center 0px;
   background-size: cover;
   background-position: center 0;
   background-repeat: no-repeat;
}

#title {
   color: #00000099;
   font-size: 1.25rem;
   font-weight: 600;
   text-decoration: none;
   padding-left: 2px;
   box-sizing: border-box;
   cursor: pointer;
}

.a-hover:hover .menu {
   display: block;
   margin-top: 1rem;
   width: 10rem;
   height: 7rem;
   display: flex;
   flex-direction: column;
   align-items: center;
   box-shadow: 0px 6px 8px 0px rgb(0 0 0 / 10%);
   margin-left: -3rem;
   background-color: transparent;
}

.menu {
   border: none;
   min-width: 0;
}

.style-s:hover {
   color: #15BE71;
}

.style-f:hover {
   color: #15BE71;
}

.navbar-toggler {
   margin-right: 1rem;
   margin-left: 1rem;
   padding: 0;
   border: none;
}

.navbar-toggler:focus {
   box-shadow: none;
}

#body {
   background: #F8FBFB;
   display: flex;
   justify-content: center;
}

.nav-bar {
   height: 23.125rem;
   background: #FFFFFF;
   border-radius: 0px 0px 0px 0px;
   opacity: 1;
   text-align: center;
}

.nav flex-column {
   height: 17rem;
   border-radius: 0px 0px 0px 0px;
   opacity: 1;
   align-items: center;
}

.nav-bar-item {
   margin-top: 3rem;
}

.nav-bar-link {
   font-size: 1.5rem;
   font-family: PingFang SC-中等, PingFang SC;
   font-weight: normal;
   color: rgba(0, 0, 0, 0.8);
   line-height: 1.75rem;
}

.background {
   background-color: #F8FBFB;
}

.icon {
   background: linear-gradient(180deg, rgba(60, 221, 147, 0.69) 0%, #3CDE94 35%, #15BE71 98%);
   height: 13.875rem;
}

.iconCh {
   float:left;
   height: 20px;
   width: 20px;
   background: url('../img/footer/filing-icon.png') no-repeat center 0px;
   background-size: cover;
   background-position: center 0;
   background-repeat: no-repeat;
}

.eleLogo {
   height: 5.6rem;
   width: 4.5rem;
   padding: 0;
   margin: auto 2.75rem auto 0;
   font-family: sans-serif;
   background: url('../img/business/electronic.png') no-repeat center 0px;
   background-size: cover;
   background-position: center 0;
   background-repeat: no-repeat;
}

.business-title {
   font-size: 3rem;
   font-family: PingFang SC-Semibold, PingFang SC;
   font-weight: 600;
   color: #FFFFFF;
   line-height: 3.5rem;
   margin: auto 0;
}

.create {
   margin-left: 2.5rem;
   margin-top: 2.5rem;
   height: 2.875rem;
   width: 2.875rem;
   padding: 0;
   font-family: sans-serif;
   background: url('../img/business/createAccount.png') no-repeat center 0px;
   background-size: cover;
   background-position: center 0;
   background-repeat: no-repeat;
}

.condition-img {
   margin-left: 2.5rem;
   margin-top: 2.5rem;
   height: 2.875rem;
   width: 2.875rem;
   padding: 0;
   font-family: sans-serif;
   background: url('../img/business/condition.png') no-repeat center 0px;
   background-size: cover;
   background-position: center 0;
   background-repeat: no-repeat;
}

.combo-img {
   margin-left: 2.5rem;
   margin-top: 2.5rem;
   height: 2.875rem;
   width: 2.875rem;
   padding: 0;
   font-family: sans-serif;
   background: url('../img/business/combo.png') no-repeat center 0px;
   background-size: cover;
   background-position: center 0;
   background-repeat: no-repeat;
}

.arrows {
   cursor: pointer;
   height: 3.625rem;
   width: 3.625rem;
   padding: 0;
   font-family: sans-serif;
   background: url('../img/business/arrows.png') no-repeat center 0px;
   background-size: cover;
   background-position: center 0;
   background-repeat: no-repeat;
}

.create-account,
.condition,
.combo {
   /* width: 21.5rem; */
   height: 20.75rem;
   background-color: #ffffff;
   opacity: 1;
   box-shadow: 0px 8px 32px 0px rgba(175, 190, 191, 0.1608);
   border-radius: 18px 18px 18px 18px;
   margin: 0 auto;
   margin-top: 1.5rem;
}

.create-account-img {
   width: 2.875rem;
   height: 2.875rem;
   margin-left: 3.75rem;
   margin-top: 5rem;
}

.create-account-text {
   margin-left: 2.25rem;
   margin-top: 0.5rem;
   height: 8.125rem;
   width: 16.875rem;
   padding-left: 0.5rem;

}

.text-large {
   font-size: 1.5rem;
   font-weight: 600;
   list-style: none;
   font-family: PingFang SC-Semibold, PingFang SC;
   color: rgba(0, 0, 0, 0.8);
   margin-left: 1.25rem;
}

.text-small {
   margin-top: 2.25rem;
   font-size: 1.125rem;
   line-height: 2rem;
   list-style: none;
   color: rgba(0, 0, 0, 0.8);
   font-family: PingFang SC-Semibold, PingFang SC;
}

.text-small:before {
   content: "·";
   color: #15BE71;
   font-weight: bold;
   font-size: 1.5rem;
   margin-right: 1rem;
}

.text {
   font-size: 1.125rem;
   line-height: 2rem;
   list-style: none;
   color: rgba(0, 0, 0, 0.8);
   font-family: PingFang SC-Semibold, PingFang SC;
}

.text:before {
   content: "·";
   color: #15BE71;
   font-weight: bold;
   font-size: 1.5rem;
   margin-right: 1rem;
}

.decollator {
   height: 1px;
   background: #DFE4EB;
   border-radius: 0px 0px 0px 0px;
   opacity: 1;
   margin: 0 2rem;
}


.details {
   text-decoration: none;
   height: 2.5rem;
   font-size: 1.125rem;
   font-family: PingFang SC-Bold, PingFang SC;
   font-weight: 500;
   color: #00A75A;
   line-height: 0.5rem;
   margin-left: 2.25rem;
   margin-top: 1.5rem;
   cursor: pointer;
   padding-left: 0.5rem !important;

}

.get,
.change,
.quit {
   /* width: 21.5rem; */
   height: 5.75rem;
   background: #FFFFFF;
   opacity: 1;
   align-items: center;
   justify-content: space-around;
   box-shadow: 0px 8px 32px 0px rgba(175, 190, 191, 0.1608);
   border-radius: 18px 18px 18px 18px;
   display: flex;
   margin-top: 2.3125rem;
}

.text-get {
   width: 7.5rem;
   font-size: 1.5rem;
   font-family: PingFang SC-Semibold, PingFang SC;
   font-weight: 600;
   color: rgba(0, 0, 0, 0.8);
   line-height: 2.5rem;
}

.question-title {
   /* width: 10rem; */
   height: 3.125rem;
   font-size: 1.75rem;
   font-family: PingFang SC-Semibold, PingFang SC;
   font-weight: 600;
   color: rgba(0, 0, 0, 0.8);
   line-height: 2.625rem;
   margin-top: 2.625rem;
   margin-left: 1.5rem;
   margin-bottom: 2.5rem;
}

.all-questions {
   height: 19.75rem;
   border-radius: 0px 0px 0px 0px;
   opacity: 1;
   margin-top: 1.5rem;
   display: flex;
   align-items: center;
   margin-bottom: 3.5rem;
   margin-left: 1.5rem;
}


.question-body {
   display: flex;
   align-items: center;
   justify-content: space-between;
   cursor: pointer;
   line-height: 1.625rem;
}

.question-left {
   width: 100%;
   margin-top: 2.125rem;
   margin-bottom: 1.5rem;
}

.start-sign {
   color: #15BE71;
   opacity: 1;
   margin-left: 2%;
   margin-bottom: 0.375rem;
   height: 1rem;
   width: 1rem;
   padding: 0;
   font-family: sans-serif;
   background: url('../img/business/asterisk.png') no-repeat center 0px;
   background-size: cover;
   background-position: center 0;
   background-repeat: no-repeat;
   margin-top: 0.375rem;
}

.question {
   font-size: 1.06rem;
   font-family: PingFang SC-中等, PingFang SC;
   font-weight: normal;
   color: rgba(0, 0, 0, 0.8);
   line-height: 1.625rem;
   margin-left: 1rem;
   line-height: 1.625rem;
}

.qe {
   width: 98%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   border-radius: 18px 18px 18px 18px;
   opacity: 1;
   background: #FFFFFF;
}

.end-sign {
   background: rgba(255, 255, 255, 0.01);
   border-radius: 0px 0px 0px 0px;
   opacity: 1;
   margin-right: 2%;
   margin-top: 2.125rem;
   margin-bottom: 1.5rem;
   height: 2rem;
   width: 2rem;
   padding: 0;
   font-family: sans-serif;
   background: url('../img/business/rightarrow.png') no-repeat center 0px;
   background-size: cover;
   background-position: center 0;
   background-repeat: no-repeat;
}

.question-main {
   display: flex;
   justify-content: center;
}

.footer-body {
   background: #2E3133;
   width: 100%;
}

.heading {
   font-size: 1rem;
   font-family: PingFang SC-Semibold, PingFang SC;
   font-weight: 600;
   color: rgba(255, 255, 255, 0.8);
   line-height: 1.125rem;
   margin-top: 3.875rem;
}

.footer-tdCode {
   min-height: 8.75rem;
   width: 8.75rem;
   margin: 4.375rem auto 0 auto;
   padding: 0;
   font-family: sans-serif;
   background: url('../img/footer/tdCode.jpg') no-repeat center 0px;
   background-size: cover;
   background-position: center 0;
   background-repeat: no-repeat;
}

.list-unstyled>li {
   margin-top: 1rem;
}

.list-unstyled>li>a {
   font-size: 0.875rem;
   font-family: PingFang SC-中等, PingFang SC;
   text-decoration: none;
   font-weight: normal;
   color: rgba(255, 255, 255, 0.6);
   line-height: 1rem;
}

.footer-top-left {
   width: 40%;
   display: flex;
   justify-content: space-around;
}

.footer-p {
   font-size: 1.125rem;
   font-family: PingFang SC-中等, PingFang SC;
   font-weight: normal;
   color: rgba(255, 255, 255, 0.8);
   line-height: 1.25rem;
}

footer>div>ul>li>a:hover {
   text-decoration: underline;
}

.nav-link {
   font-size: 0.875rem;
   font-family: PingFang SC-中等, PingFang SC;
   font-weight: normal;
   text-decoration: none;
   color: rgba(255, 255, 255, 0.6) !important;
   line-height: 1rem;
}

.footer-footer {
   font-size: 0.875rem;
   font-family: PingFang SC-中等, PingFang SC;
   font-weight: normal;
   color: rgba(255, 255, 255, 0.6);
   line-height: 1rem;
   text-align: center;
}

.my-4 {
   margin: 1.5rem auto;
   height: 2px;
   background: rgba(255, 255, 255, 0.1);
   border-radius: 0px 0px 0px 0px;
   opacity: 1;
}

.vr {
   color: #d8d8d8;
   align-self: center;
   height: 1.125rem;
   width: 1px;
   border-radius: 0px 0px 0px 0px;
   opacity: 1;
}

.row {
   margin: 0;
}

.tdArea {
   display: flex;
   justify-content: right !important;
}

.col {
   flex: none;
}

.card {
   --bs-card-border-width: 0;
}

.col {
   flex: none;
}

.headbar {
   background-color: #FFFFFF;
   margin-right: 0 !important;
}

.nav-line {
   padding-bottom: 1rem;
}

.footer-logo {
   margin-top: 3.875rem;
   height: 4.125rem;
   width: 4.125rem;
   padding: 0;
   font-family: sans-serif;
   background: url('../img/footer/logo-circle.png') no-repeat center 0px;
   background-size: cover;
   background-position: center 0;
   background-repeat: no-repeat;
}