.navbar-under-wrap {
  background-color: #000;
  color: white;
  width: 100%;
  text-align: center;
}
.navbar-under-wrap .navbar {
  width: 100%;
  padding: 0;
  max-width: 1100px;
  margin: 0 auto;
  max-height: 86px;
  display: inline-flex;
  align-items: center;
}
.navbar-under-wrap .navbar .navbar-image {
  overflow: hidden;
  text-align: left;
}
.navbar-under-wrap .navbar .navbar-image img {
  width: 55%;
}
.navbar-under-wrap .navbar .navbar-links ul {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  font-size: 13px;
  font-weight: bold;
}
.navbar-under-wrap .navbar .navbar-links ul a {
  color: white;
}
.navbar-under-wrap .navbar .navbar-links ul li {
  padding: 0 20px;
}
.form-register-wrap {
  background-image: url('/images/bg.jpg');
  color: white;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.form-register-wrap .content {
  padding-top: 30px;
  text-align: center;
}
.form-register-wrap .content h2 {
  font-size: 50px;
  font-weight: 100;
}
.form-register-wrap .content h4 {
  font-size: 20px;
}
.form-register-wrap .content p {
  font-size: 15px;
}
.form-register-wrap .overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #24C6DC;
  background: -webkit-linear-gradient(to bottom, #19003a, #514A9D, #19b9e7);
  background: linear-gradient(to bottom, #19003a, #514A9D, #19b9e7);
}
.form-register-wrap .form-register {
  max-width: 1024px;
  margin: 0 auto !important;
  padding: 30px 0;
}
.form-register-wrap .form-register .form-des {
  text-align: center;
  font-size: 23px;
  margin: 0 auto;
}
.form-register-wrap .form-register .form-des p {
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: 300;
}
.form-register-wrap .form-register .form-des p span {
  font-size: 30px;
  font-weight: bold;
  color: greenyellow;
}
.form-register-wrap .form-register .form-content .content-input {
  height: 35px;
  margin-bottom: -10px;
  font-size: 17px;
}
.form-register-wrap .form-register .form-content .content-input .ant-input {
  font-size: 13px;
}
.form-register-wrap .form-register .form-content .ant-form-item {
  margin-bottom: 15px;
}
.form-register-wrap .form-register .form-content .ant-form-item .ant-form-item-control-wrapper .ant-form-item-control p {
  line-height: 20px;
  font-weight: bold;
}
.form-register-wrap .form-register button {
  width: 100%;
  background: #ff6600;
  border: transparent;
  cursor: pointer;
  font-weight: bold;
  color: white;
  padding: 10px 27px;
  margin-bottom: 10px;
  border-radius: 30px;
  font-size: 18px;
  height: auto;
  margin-top: 15px;
}
.form-register-wrap .form-register button:hover {
  background-color: #598327;
}
.upload-img {
  color: black;
}
.footer-at-bottom-wrap {
  background: #000;
  color: white;
}
.footer-at-bottom-wrap .footer-content {
  max-width: 1100px;
  margin: 0 auto;
  padding: 40px 15px;
}
.footer-at-bottom-wrap .footer-content .content-links {
  color: white;
}
.footer-at-bottom-wrap .footer-content .content-logo {
  text-align: center;
}
.footer-at-bottom-wrap .footer-content .content-logo img {
  max-height: 25px;
}
.footer-at-bottom-wrap .footer-content .content-social-icon {
  text-align: right;
}
.footer-at-bottom-wrap .footer-content .content-social-icon ul {
  display: inline-flex;
}
.footer-at-bottom-wrap .footer-content .content-social-icon ul li {
  margin-left: 20px;
}
.signin-form-wrap {
  background: url("/images/background-signin.jpeg");
  background-position: center center;
  background-size: 100% 100%;
  width: 100vw;
  height: 100vh;
}
.signin-form-wrap button {
  width: 100%;
}
.signin-form-wrap .signin-form {
  max-width: 300px;
  margin: 0 auto;
  padding: 10% 0;
}
.signin-form-wrap .signin-form .form-logo {
  max-width: 200px;
  margin: 0 auto;
}
.signin-form-wrap .signin-form .form-logo img {
  width: 100%;
}
.thank-you {
  background: #dadde0;
}
.thank-you .thank-you-wrap {
  max-width: 700px;
  margin: 64px auto;
  background: #fff;
  padding: 63px 20px 72px 20px;
  min-height: 332px;
  clear: both;
  height: 100%;
  text-align: center;
  border-radius: 6px;
}
.thank-you .thank-you-wrap ul {
  text-align: left;
  padding-left: 100px;
}
.ant-table-pagination {
  float: left!important;
}
@media (max-width: 1024px) {
  .packages-wrap {
    font-size: 19px!important;
  }
  .packages-wrap .packages .packages-title p {
    font-size: 19px!important;
  }
  .form-scoll {
    display: none!important;
  }
  .customer-target .career-use span {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .customer-advantage-wrap .customer-advantage .advatage-row .row-description h4 {
    font-size: 18px;
  }
  .branding .branding-title {
    font-size: 16px;
  }
  .packages-wrap .packages .package-basic .package-title,
  .packages-wrap .packages .package-advance .package-title,
  .packages-wrap .packages .package-combo .package-title {
    font-size: 19px;
  }
  .footer-at-bottom-wrap .footer-content p {
    font-size: 10px;
  }
  .app-ui-sample-wrap .app-ui-sample .sample-description ul {
    font-size: 16px;
  }
}
@media (max-width: 425px) {
  .navbar-under-wrap .navbar .navbar-image {
    text-align: center;
    width: 100%;
  }
  .navbar-links {
    display: none;
  }
  .ant-steps .ant-steps-title {
    display: none!important;
  }
  .five-steps-wrap .five-steps .five-steps-content .content-des p {
    font-size: 10px;
  }
  .five-steps-wrap .five-steps .five-steps-content .content-des button {
    font-size: 10px;
    padding: 5px 10px;
  }
  .customer-feel-wrap .wrap-title {
    font-size: 19px;
  }
  .package-combo {
    margin-top: 20px;
  }
  .branding .branding-title {
    font-size: 15px;
  }
  .app-ui-sample-wrap .app-ui-sample .sample-description ul .description-arrow {
    display: none;
  }
  .customer-advantage-wrap .customer-advantage .advatage-title {
    font-size: 17px;
  }
  .customer-advantage-wrap .customer-advantage .advatage-row .row-description h4 {
    font-size: 13px;
  }
  .customer-advantage-wrap .customer-advantage .advatage-row .row-description ul {
    font-size: 11px;
  }
  .navbar-under-wrap .navbar .navbar-links ul {
    font-size: 8px;
  }
  .hook .slick-list .slick-track {
    text-align: center;
  }
  .hook .slick-list .slick-track .hook1 {
    background-position: 0;
  }
  .hook .slick-list .slick-track .hook1 h2 {
    font-size: 13px;
  }
  .hook .slick-list .slick-track .hook2 {
    background-position: 0;
  }
  .hook .slick-list .slick-track .hook2 h2 {
    font-size: 13px;
  }
  .hook .slick-list .slick-track .hook3 {
    background-position: 0;
  }
  .hook .slick-list .slick-track .hook3 h2 {
    font-size: 13px;
  }
  .hook .slick-list .slick-track .hook4 {
    background-position: 0;
  }
  .hook .slick-list .slick-track .hook4 h2 {
    font-size: 13px;
  }
  .footer-at-bottom-wrap .footer-content .content-links {
    text-align: center;
  }
  .footer-at-bottom-wrap .footer-content .content-social-icon {
    text-align: center;
    padding-top: 10px;
  }
  .footer-at-bottom-wrap .footer-content .content-social-icon ul li {
    margin-left: 0px;
  }
  .footer-at-bottom-wrap .footer-content .content-logo {
    padding-top: 10px;
  }
  .five-steps-wrap .five-steps .five-steps-content {
    border-radius: 15px;
  }
  .five-steps-wrap .five-steps .five-steps-content .arrow {
    margin-left: -23px;
  }
  .form-content {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
  }
  .form-register-wrap .form-register .form-des {
    font-size: 16px;
  }
  .form-countdown-clock {
    padding: 0px;
  }
  .form-countdown-clock #countdown #tiles span {
    width: 80px;
  }
  .form-countdown-clock #countdown .labels li {
    width: 92px;
  }
  .hiden {
    display: none;
  }
  .content-des {
    padding: 0px!important;
  }
  .customer-target .ant-col-md-18 {
    width: 100%;
  }
  .customer-target .career-use span {
    font-size: 8px;
    padding: 5px;
  }
}