* {
  margin: 0;
  padding: 0;
  font-family: 'DM Sans', sans-serif;
}

a {
  color: #282623 !important;
}

a:hover {
  color: #939391 !important;
}

#tk-hide {
  display: none;
}

#tk-hide1 {
  display: none;
}

#tk-hide3 {
  display: none;
}

#upload-img {
  width: 180px;
  height: 180px;
  background-color: #eaebeb;
  border-radius: 100%;
  border-style: none;
  -o-object-fit: cover;
     object-fit: cover;
}

#upload-img1,
#upload-img2,
#upload-img3,
#upload-img4 {
  width: 220px;
  height: 220px;
  background-color: #eaebeb;
  border-style: none;
  -o-object-fit: cover;
     object-fit: cover;
}

.card {
  border-radius: 15px !important;
}

.tk-preloader .tk-preloader-item {
  position: fixed;
  margin: 0 auto;
  max-width: 500px;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  background-color: #fafafa;
}

.tk-wrapper {
  max-width: 500px;
  margin: 0 auto;
  background-color: #fafafa;
}

.tk-wrap-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: scroll;
  margin: 10px;
}

.tk-wrap-item ::-webkit-scrollbar {
  width: 0;
}

.tk-wrap-item .card {
  margin: auto 10px;
}

.tk-eye {
  position: absolute;
  right: 24px;
  top: 18px;
}

.tk-eye:hover {
  cursor: pointer;
}

.navbar {
  z-index: 4;
}

.navbar-space {
  height: 72px;
  width: 100%;
  display: block;
}

.navbar-space-khusus {
  height: 46px;
  width: 100%;
  display: block;
}

.carousel-indicators button {
  height: 10px !important;
  width: 10px !important;
  border-radius: 100%;
}

.tk-bg-bumblegum {
  background-color: #fb8d97 !important;
}

.tk-text-bumblegum {
  color: #fa6775 !important;
}

.tk-bg-grey {
  background-color: #eaebeb !important;
}

.tk-bg-green {
  background-color: #a5c05b !important;
}

.tk-text-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.tk-text-menu-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: transparent !important;
  background-image: none !important;
}

.fixed-top {
  max-width: 500px;
  margin: 0 auto;
}

.btn-success {
  background-color: #a5c05b !important;
  color: #282623 !important;
  border-color: #a5c05b !important;
}

.fixed-bottom {
  max-width: 500px;
  margin: 0 auto;
}

.container-fluid {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.form-control:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: none;
}

.click {
  cursor: pointer;
}

.accordion-body {
  background-color: #e1e8d3;
}

.accordion-button svg {
  margin-right: 20px;
}

.accordion-button {
  background-color: #fff !important;
  color: #282623 !important;
}

.accordion-button:not(.collapsed) {
  background-color: #a5c05b !important;
  font-weight: 500 !important;
}

.accordion-button::after {
  color: #282623 !important;
  background-image: url("../../img/icon/chevron-down.svg") !important;
}

.accordion-button:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.info-10-reguler {
  font-size: 10px;
  font-weight: 400;
}

.info-10-medium {
  font-size: 10px;
  font-weight: 500;
}

.info-12-reguler {
  font-size: 12px;
  font-weight: 400;
}

.info-12-medium {
  font-size: 12px;
  font-weight: 500;
}

.body-14-reguler {
  font-size: 14px;
  font-weight: 400;
}

.body-14-medium {
  font-size: 14px;
  font-weight: 500;
}

.body-16-reguler {
  font-size: 16px;
  font-weight: 400;
}

.body-16-medium {
  font-size: 16px;
  font-weight: 500;
}

.header-22-bold {
  font-size: 22px;
  font-weight: 700;
}

.header-30-bold {
  font-size: 30px;
  font-weight: 700;
}
/*# sourceMappingURL=style.css.map */