@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;700&display=swap");
body {
  font-family: 'Montserrat', sans-serif;
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 60vmax;
  background-color: white;
}

.custom-nav {
  background-color: #ffffff;
  height: 70px;
  z-index: 9999;
}
@media (max-width: 991.98px) {
  .custom-nav {
    width: 768px;
  }
}
@media (max-width: 575.98px) {
  .custom-nav {
    width: 375px;
  }
}
.custom-nav .navbar-brand img {
  width: 151px;
  height: 41px;
  margin-top: -7px;
}
@media (max-width: 575.98px) {
  .custom-nav .navbar-brand img {
    width: 122px;
    height: 33px;
  }
}
.custom-nav #navbarNav .navbar-nav {
  background-color: #ffffff;
}
.custom-nav #navbarNav .navbar-nav .nav-item .nav-link {
  color: #121212;
  font-weight: 500;
  margin-left: 2.4em;
  transition: 0.3s color ease;
}
@media (max-width: 575.98px) {
  .custom-nav #navbarNav .navbar-nav .nav-item .nav-link {
    margin-left: 10px;
  }
}
.custom-nav #navbarNav .navbar-nav .nav-item .nav-link:hover {
  color: #d9ba75;
}
.custom-nav #navbarNav .navbar-nav .nav-item .coba-demo-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
}
.custom-nav #navbarNav .navbar-nav .nav-item .coba-demo-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}
.custom-nav #navbarNav .navbar-nav .nav-item .kemitraan-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
}
.custom-nav #navbarNav .navbar-nav .nav-item .kemitraan-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}
@media (max-width: 991.98px) {
  .custom-nav #navbarNav .navbar-nav {
    background-color: #ffffff;
  }
  .custom-nav #navbarNav .navbar-nav .nav-item .nav-link {
    color: #121212;
    font-weight: 500;
    margin-left: 2.4em;
    transition: 0.3s color ease;
  }
  .custom-nav #navbarNav .navbar-nav .nav-item .nav-link:hover {
    color: #d9ba75;
  }
  .custom-nav #navbarNav .navbar-nav .nav-item .coba-demo-button {
    display: inline-block;
    color: white;
    background-color: #D7A96D;
    border-radius: 50px;
    padding: 0.5em 2em;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .custom-nav #navbarNav .navbar-nav .nav-item .coba-demo-button:hover {
    color: #D7A96D;
    background-color: #FFFFFF;
    border-color: #D7A96D;
  }
  .custom-nav #navbarNav .navbar-nav .nav-item .kemitraan-button {
    display: inline-block;
    color: white;
    background-color: #D7A96D;
    border-radius: 50px;
    padding: 0.5em 2em;
    text-decoration: none;
    margin-bottom: 10px;
  }
  .custom-nav #navbarNav .navbar-nav .nav-item .kemitraan-button:hover {
    color: #D7A96D;
    background-color: #FFFFFF;
    border-color: #D7A96D;
  }
}
@media (max-width: 575.98px) {
  .custom-nav #navbarNav .navbar-nav {
    background-color: #ffffff;
  }
  .custom-nav #navbarNav .navbar-nav .nav-item .nav-link {
    color: #121212;
    font-weight: 500;
    margin-left: 2.4em;
    transition: 0.3s color ease;
  }
  .custom-nav #navbarNav .navbar-nav .nav-item .nav-link:hover {
    color: #d9ba75;
  }
  .custom-nav #navbarNav .navbar-nav .nav-item .coba-demo-button {
    display: inline-block;
    color: white;
    background-color: #D7A96D;
    border-radius: 50px;
    padding: 0.5em 2em;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .custom-nav #navbarNav .navbar-nav .nav-item .coba-demo-button:hover {
    color: #D7A96D;
    background-color: #FFFFFF;
    border-color: #D7A96D;
  }
  .custom-nav #navbarNav .navbar-nav .nav-item .kemitraan-button {
    display: inline-block;
    color: white;
    background-color: #D7A96D;
    border-radius: 50px;
    padding: 0.5em 2em;
    text-decoration: none;
    margin-bottom: 10px;
  }
  .custom-nav #navbarNav .navbar-nav .nav-item .kemitraan-button:hover {
    color: #D7A96D;
    background-color: #FFFFFF;
    border-color: #D7A96D;
  }
}

@media (max-width: 575.98px) {
  .custom-main {
    margin-bottom: 50px;
  }
}
.custom-main h2 {
  font-weight: 700;
  font-size: 48px;
  color: #121212;
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (max-width: 575.98px) {
  .custom-main h2 {
    font-weight: 700;
    font-size: 24px;
    color: #121212;
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
.custom-main span {
  font-weight: 700;
  font-size: 48px;
  color: #D7A96D;
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (max-width: 575.98px) {
  .custom-main span {
    font-weight: 700;
    font-size: 24px;
    color: #D7A96D;
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
.custom-main img {
  width: 595px;
  height: 479px;
  margin-left: 250px;
  margin-bottom: 20px;
}
@media (max-width: 991.98px) {
  .custom-main img {
    margin-left: 150px;
    width: 400px;
    height: 300px;
  }
}
@media (max-width: 575.98px) {
  .custom-main img {
    width: 215px;
    height: 173px;
    margin-left: 50px;
  }
}
.custom-main p {
  font-weight: 400;
  font-size: 24px;
  color: #545454;
}
@media (max-width: 575.98px) {
  .custom-main p {
    font-weight: 400;
    font-size: 14px;
    color: #545454;
  }
}

.custom-feature {
  margin-bottom: 100px;
}
@media (max-width: 575.98px) {
  .custom-feature {
    margin-bottom: 50px;
  }
}
.custom-feature .features h3 {
  font-weight: 500;
  font-size: 36px;
  color: #121212;
  margin-top: 80px;
}
@media (max-width: 575.98px) {
  .custom-feature .features h3 {
    font-weight: 500;
    font-size: 24px;
    color: #121212;
    margin-top: 72px;
  }
}
.custom-feature .features span {
  font-weight: 500;
  font-size: 36px;
  color: #D7A96D;
  margin-top: 80px;
}
@media (max-width: 575.98px) {
  .custom-feature .features span {
    font-weight: 500;
    font-size: 24px;
    color: #D7A96D;
    margin-top: 72px;
  }
}
.custom-feature .features p {
  font-weight: 400;
  font-size: 18px;
  color: #545454;
  margin-top: 20px;
  margin-bottom: 50px;
}
@media (max-width: 575.98px) {
  .custom-feature .features p {
    font-weight: 400;
    font-size: 14px;
    color: #545454;
    margin-top: 20px;
    margin-bottom: 50px;
  }
}
.custom-feature .features .features-1 .card {
  width: 70px;
  height: 70px;
  border-radius: 10px;
  border-color: #f2f2f2;
  margin-left: auto;
  position: relative;
}
.custom-feature .features .features-1 .card .card-body {
  text-align: center;
}
.custom-feature .features .features-1 .card .card-body h2 {
  font-weight: 500;
  font-size: 36px;
  color: #D7A96D;
}
@media (max-width: 575.98px) {
  .custom-feature .features .features-1 .card .card-body {
    text-align: center;
  }
  .custom-feature .features .features-1 .card .card-body h2 {
    font-weight: 500;
    font-size: 18px;
    color: #D7A96D;
    margin-top: -12px;
    margin-left: -8px;
  }
}
@media (max-width: 575.98px) {
  .custom-feature .features .features-1 .card {
    width: 35px;
    height: 35px;
    border-radius: 10px;
    border-color: #f2f2f2;
    margin-left: auto;
    position: relative;
  }
}
.custom-feature .features .features-1 p {
  font-weight: 500;
  font-size: 24px;
  color: #121212;
}
@media (max-width: 575.98px) {
  .custom-feature .features .features-1 p {
    font-weight: 400;
    font-size: 14px;
    color: #545454;
  }
}
.custom-feature .features .features-1 .p2 {
  margin-top: 130px;
}
@media (max-width: 575.98px) {
  .custom-feature .features .features-1 .p2 {
    margin-top: -5px;
  }
}
.custom-feature .features .features-2 img {
  margin-left: 7px;
  width: 330px;
  height: 668px;
}
@media (max-width: 991.98px) {
  .custom-feature .features .features-2 img {
    width: 200px;
    height: 400px;
  }
}
@media (max-width: 575.98px) {
  .custom-feature .features .features-2 img {
    width: 111px;
    height: 226px;
    margin-left: -10px;
  }
}
.custom-feature .features .features-3 .card {
  width: 70px;
  height: 70px;
  border-radius: 10px;
  border-color: #f2f2f2;
  margin-right: auto;
  position: relative;
}
.custom-feature .features .features-3 .card .card-body {
  text-align: center;
}
.custom-feature .features .features-3 .card .card-body h2 {
  font-weight: 500;
  font-size: 36px;
  color: #D7A96D;
}
@media (max-width: 575.98px) {
  .custom-feature .features .features-3 .card .card-body {
    text-align: center;
  }
  .custom-feature .features .features-3 .card .card-body h2 {
    font-weight: 500;
    font-size: 18px;
    color: #D7A96D;
    margin-top: -12px;
    margin-left: -8px;
  }
}
@media (max-width: 575.98px) {
  .custom-feature .features .features-3 .card {
    width: 35px;
    height: 35px;
    border-radius: 10px;
    border-color: #f2f2f2;
    margin-right: auto;
    position: relative;
  }
}
.custom-feature .features .features-3 p {
  font-weight: 500;
  font-size: 24px;
  color: #121212;
}
@media (max-width: 575.98px) {
  .custom-feature .features .features-3 p {
    font-weight: 400;
    font-size: 14px;
    color: #545454;
  }
}
.custom-feature .features .features-3 .p1 {
  margin-bottom: 130px;
}
@media (max-width: 991.98px) {
  .custom-feature .features .features-3 .p1 {
    margin-bottom: 165px;
  }
}
@media (max-width: 575.98px) {
  .custom-feature .features .features-3 .p1 {
    margin-bottom: 88px;
  }
}

.custom-benefit {
  margin-bottom: 100px;
}
@media (max-width: 575.98px) {
  .custom-benefit {
    margin-bottom: 50px;
  }
}
.custom-benefit .benefit h3 {
  font-weight: 500;
  font-size: 36px;
  color: #121212;
}
@media (max-width: 575.98px) {
  .custom-benefit .benefit h3 {
    font-weight: 500;
    font-size: 24px;
    color: #121212;
  }
}
.custom-benefit .benefit span {
  font-weight: 500;
  font-size: 36px;
  color: #D7A96D;
}
@media (max-width: 575.98px) {
  .custom-benefit .benefit span {
    font-weight: 500;
    font-size: 24px;
    color: #D7A96D;
  }
}
.custom-benefit .benefit p {
  font-weight: 400;
  font-size: 18px;
  color: #545454;
  margin-top: 20px;
  margin-bottom: 50px;
}
@media (max-width: 575.98px) {
  .custom-benefit .benefit p {
    font-weight: 400;
    font-size: 14px;
    color: #545454;
    margin-top: 20px;
    margin-bottom: 50px;
  }
}
.custom-benefit .benefit .laptop img {
  width: 500px;
  height: 500px;
  margin-top: -50px;
}
@media (max-width: 991.98px) {
  .custom-benefit .benefit .laptop img {
    margin-left: 75px;
  }
}
@media (max-width: 575.98px) {
  .custom-benefit .benefit .laptop img {
    margin-left: 10px;
    width: 300px;
    height: 300px;
    margin-top: -70px;
  }
}
@media (max-width: 991.98px) {
  .custom-benefit .benefit .benefit-1 {
    margin-top: 400px;
    margin-left: -300px;
  }
}
.custom-benefit .benefit .benefit-1 .card {
  width: 208px;
  height: 190px;
  border-radius: 40px;
  border-color: #f2f2f2;
  margin-bottom: 20px;
  background-color: #ffffff;
}
.custom-benefit .benefit .benefit-1 .card .card-body img {
  margin-left: 60px;
  margin-bottom: 10px;
}
@media (max-width: 575.98px) {
  .custom-benefit .benefit .benefit-1 .card .card-body img {
    margin-left: 25px;
  }
}
.custom-benefit .benefit .benefit-1 .card .card-body h5 {
  font-weight: 500;
  font-size: 12px;
  color: #121212;
}
.custom-benefit .benefit .benefit-1 .card .card-body p {
  font-weight: 300;
  font-size: 11px;
  color: #121212;
}
.custom-benefit .benefit .benefit-1 .pelajari-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
  margin-left: 150px;
}
.custom-benefit .benefit .benefit-1 .pelajari-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}
@media (max-width: 575.98px) {
  .custom-benefit .benefit .benefit-1 {
    margin-top: 200px;
    margin-left: -187px;
  }
  .custom-benefit .benefit .benefit-1 .card {
    width: 141px;
    height: 250px;
    border-radius: 15px;
    border-color: #f2f2f2;
    margin-bottom: 20px;
    background-color: #ffffff;
  }
  .custom-benefit .benefit .benefit-1 .card .card-body h5 {
    font-weight: 500;
    font-size: 12px;
    color: #121212;
  }
  .custom-benefit .benefit .benefit-1 .card .card-body p {
    font-weight: 300;
    font-size: 11px;
    color: #121212;
  }
  .custom-benefit .benefit .benefit-1 .pelajari-button {
    display: inline-block;
    color: white;
    background-color: #D7A96D;
    border-radius: 50px;
    padding: 0.5em 2em;
    text-decoration: none;
    margin-left: 55px;
  }
  .custom-benefit .benefit .benefit-1 .pelajari-button:hover {
    color: #D7A96D;
    background-color: #FFFFFF;
    border-color: #D7A96D;
  }
}

.custom-klien {
  margin-bottom: 100px;
}
@media (max-width: 575.98px) {
  .custom-klien {
    margin-bottom: 50px;
  }
}
.custom-klien h3 {
  font-weight: 500;
  font-size: 36px;
  color: #121212;
}
@media (max-width: 575.98px) {
  .custom-klien h3 {
    font-weight: 500;
    font-size: 24px;
    color: #121212;
    margin-left: -200px;
    margin-top: 250px;
  }
}
.custom-klien span {
  font-weight: 500;
  font-size: 36px;
  color: #D7A96D;
}
@media (max-width: 575.98px) {
  .custom-klien span {
    font-weight: 500;
    font-size: 24px;
    color: #D7A96D;
  }
}
.custom-klien p {
  font-weight: 400;
  font-size: 18px;
  color: #545454;
  margin-top: 20px;
}
@media (max-width: 575.98px) {
  .custom-klien p {
    font-weight: 400;
    font-size: 14px;
    color: #545454;
    margin-top: 20px;
    margin-left: -200px;
  }
}
.custom-klien .klien-1 .logo-position.top {
  position: relative;
  margin-top: -1rem;
}
.custom-klien .klien-1 .logo-position.bottom {
  position: relative;
  margin-top: 1rem;
}
.custom-klien .klien-1 .logo-position .card {
  border-radius: 10px;
}
@media (max-width: 575.98px) {
  .custom-klien .klien-1 .logo-position .card {
    width: 55px;
    height: 55px;
    border-radius: 10px;
    margin-left: 50px;
  }
}

.custom-testimoni {
  margin-bottom: 100px;
}
@media (max-width: 575.98px) {
  .custom-testimoni {
    margin-bottom: 50px;
  }
}
.custom-testimoni h3 {
  font-weight: 500;
  font-size: 36px;
  color: #121212;
}
@media (max-width: 575.98px) {
  .custom-testimoni h3 {
    font-weight: 500;
    font-size: 24px;
    color: #121212;
  }
}
.custom-testimoni span {
  font-weight: 500;
  font-size: 36px;
  color: #D7A96D;
}
@media (max-width: 575.98px) {
  .custom-testimoni span {
    font-weight: 500;
    font-size: 24px;
    color: #D7A96D;
  }
}
.custom-testimoni .testimoni {
  margin-top: 50px;
}
@media (max-width: 991.98px) {
  .custom-testimoni .testimoni .carousel-item {
    opacity: 0;
    transition: none;
    transform: translate3d(0, 0, 0) !important;
  }
  .custom-testimoni .testimoni .carousel-item.active {
    transition: opacity 300ms ease-in;
    opacity: 1;
  }
}
.custom-testimoni .testimoni .card {
  width: 327px;
  height: 370px;
  border-radius: 50px;
}
@media (max-width: 991.98px) {
  .custom-testimoni .testimoni .card {
    width: 450px;
    height: 300px;
    margin-left: 110px;
  }
}
@media (max-width: 575.98px) {
  .custom-testimoni .testimoni .card {
    width: 300px;
    height: 400px;
    margin-left: 5px;
  }
}
.custom-testimoni .testimoni .card .card-body p {
  font-weight: 400;
  font-size: 16px;
  color: #545454;
  margin-top: 10px;
}
.custom-testimoni .testimoni .card .card-body p.testimoni {
  font-weight: 500;
  font-size: 16px;
  color: #121212;
}
.custom-testimoni .testimoni .carousel-control-prev.testimoni {
  width: 60px;
  height: 60px;
  background-color: #D7A96D;
  margin-top: 150px;
  margin-left: -60px;
}
@media (max-width: 991.98px) {
  .custom-testimoni .testimoni .carousel-control-prev.testimoni {
    margin-top: 125px;
    margin-left: 10px;
  }
}
@media (max-width: 575.98px) {
  .custom-testimoni .testimoni .carousel-control-prev.testimoni {
    margin-left: 0px;
    width: 40px;
    height: 40px;
    margin-top: 175px;
  }
}
.custom-testimoni .testimoni .carousel-control-next.testimoni {
  width: 60px;
  height: 60px;
  background-color: #D7A96D;
  margin-top: 150px;
  margin-right: -50px;
}
@media (max-width: 991.98px) {
  .custom-testimoni .testimoni .carousel-control-next.testimoni {
    margin-top: 125px;
    margin-right: 10px;
  }
}
@media (max-width: 575.98px) {
  .custom-testimoni .testimoni .carousel-control-next.testimoni {
    margin-right: 6px;
    width: 40px;
    height: 40px;
    margin-top: 175px;
  }
}

.custom-promosi {
  margin-bottom: 100px;
}
@media (max-width: 575.98px) {
  .custom-promosi {
    margin-left: 90px;
  }
}
.custom-promosi .promosi h3 {
  font-weight: 500;
  font-size: 36px;
  color: #121212;
}
@media (max-width: 575.98px) {
  .custom-promosi .promosi h3 {
    font-weight: 500;
    font-size: 24px;
    color: #121212;
    text-align: center;
    margin-left: -50px;
  }
}
.custom-promosi .promosi span {
  font-weight: 500;
  font-size: 36px;
  color: #D7A96D;
}
@media (max-width: 575.98px) {
  .custom-promosi .promosi span {
    font-weight: 500;
    font-size: 24px;
    color: #D7A96D;
    text-align: center;
  }
}
.custom-promosi .promosi p {
  font-weight: 400;
  font-size: 18px;
  color: #545454;
  margin-top: 20px;
  margin-bottom: 30px;
}
@media (max-width: 575.98px) {
  .custom-promosi .promosi p {
    font-weight: 400;
    font-size: 14px;
    color: #121212;
    text-align: center;
    margin-left: -50px;
  }
}
.custom-promosi .promosi .harga-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
}
.custom-promosi .promosi .harga-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}
@media (max-width: 575.98px) {
  .custom-promosi .promosi .harga-button {
    display: inline-block;
    color: white;
    background-color: #D7A96D;
    border-radius: 50px;
    padding: 0.5em 2em;
    text-decoration: none;
    margin-left: -40px;
    margin-top: 175px;
  }
  .custom-promosi .promosi .harga-button:hover {
    color: #D7A96D;
    background-color: #FFFFFF;
    border-color: #D7A96D;
  }
}
.custom-promosi .promosi .card {
  width: 424px;
  height: 250px;
  border-radius: 50px;
}
@media (max-width: 991.98px) {
  .custom-promosi .promosi .card {
    width: 300px;
    height: 250px;
  }
}
@media (max-width: 575.98px) {
  .custom-promosi .promosi .card {
    width: 300px;
    height: 150px;
    border-radius: 30px;
    margin-top: 350px;
    margin-left: -290px;
  }
}

.penawaran {
  margin-bottom: 100px;
}
.penawaran h3 {
  font-weight: 700;
  font-size: 36px;
  color: #121212;
  line-height: 1;
  margin-top: 50px;
}
@media (max-width: 575.98px) {
  .penawaran h3 {
    font-weight: 700;
    font-size: 24px;
    color: #121212;
    margin-top: 50px;
  }
}
.penawaran .coba-demo-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
  margin-top: 30px;
  margin-left: 375px;
}
.penawaran .coba-demo-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}
@media (max-width: 991.98px) {
  .penawaran .coba-demo-button {
    margin-left: 165px;
  }
}
@media (max-width: 575.98px) {
  .penawaran .coba-demo-button {
    display: inline-block;
    color: white;
    background-color: #D7A96D;
    border-radius: 50px;
    padding: 0.5em 2em;
    text-decoration: none;
    margin-top: 30px;
    margin-left: 75px;
  }
  .penawaran .coba-demo-button:hover {
    color: #D7A96D;
    background-color: #FFFFFF;
    border-color: #D7A96D;
  }
}
.penawaran .kemitraan-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
  margin-top: 30px;
}
.penawaran .kemitraan-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}
@media (max-width: 575.98px) {
  .penawaran .kemitraan-button {
    display: inline-block;
    color: white;
    background-color: #D7A96D;
    border-radius: 50px;
    padding: 0.5em 2em;
    text-decoration: none;
    margin-left: 80px;
  }
  .penawaran .kemitraan-button:hover {
    color: #D7A96D;
    background-color: #FFFFFF;
    border-color: #D7A96D;
  }
}

.carousel-inner.fitur {
  margin-top: 50px;
  width: 920px;
  height: 400px;
  margin-left: 100px;
  margin-bottom: 50px;
}
.carousel-inner.fitur .carousel-item {
  opacity: 0;
  transition: none;
  transform: translate3d(0, 0, 0) !important;
}
.carousel-inner.fitur .carousel-item.active {
  transition: opacity 300ms ease-in;
  opacity: 1;
}
@media (max-width: 991.98px) {
  .carousel-inner.fitur {
    width: 600px;
    height: 300px;
    margin-left: 50px;
  }
}
@media (max-width: 575.98px) {
  .carousel-inner.fitur {
    width: 375px;
    height: 200px;
    margin-left: -15px;
    margin-top: 0px;
  }
}
.carousel-inner.fitur img {
  border-radius: 50px;
  border-color: #D7A96D;
}
@media (max-width: 575.98px) {
  .carousel-inner.fitur img {
    border-radius: 0px;
  }
}

.carousel-control-prev {
  width: 60px;
  height: 60px;
  background-color: #D7A96D;
  margin-top: 150px;
  margin-left: 0px;
}
@media (max-width: 991.98px) {
  .carousel-control-prev {
    margin-top: 100px;
    margin-left: -20px;
  }
}
@media (max-width: 575.98px) {
  .carousel-control-prev {
    margin-left: 30px;
    width: 40px;
    height: 40px;
    margin-top: 50px;
    background-color: #121212;
  }
}

.carousel-control-next {
  width: 60px;
  height: 60px;
  background-color: #D7A96D;
  margin-top: 150px;
  margin-right: 0px;
}
@media (max-width: 991.98px) {
  .carousel-control-next {
    margin-top: 100px;
    margin-right: -20px;
  }
}
@media (max-width: 575.98px) {
  .carousel-control-next {
    margin-right: 30px;
    width: 40px;
    height: 40px;
    margin-top: 50px;
    background-color: #121212;
  }
}

.custom-fitur {
  margin-bottom: 100px;
}
.custom-fitur h3 {
  font-weight: 500;
  font-size: 36px;
  color: #121212;
}
@media (max-width: 575.98px) {
  .custom-fitur h3 {
    font-weight: 500;
    font-size: 24px;
    color: #121212;
  }
}
.custom-fitur span {
  font-weight: 500;
  font-size: 36px;
  color: #D7A96D;
}
@media (max-width: 575.98px) {
  .custom-fitur span {
    font-weight: 500;
    font-size: 24px;
    color: #D7A96D;
  }
}
.custom-fitur p {
  font-weight: 400;
  font-size: 18px;
  color: #545454;
  margin-top: 20px;
}
@media (max-width: 575.98px) {
  .custom-fitur p {
    font-weight: 400;
    font-size: 14px;
    color: #545454;
  }
}
.custom-fitur .fitur-1 {
  margin-top: 80px;
}
@media (max-width: 575.98px) {
  .custom-fitur .fitur-1 {
    margin-left: -17px;
    margin-top: 40px;
  }
}
@media (max-width: 575.98px) {
  .custom-fitur .fitur-1 .listFitur {
    margin-left: -3px;
    margin-right: 85px;
  }
}
.custom-fitur .fitur-1 .listFitur .card {
  width: 270px;
  height: 100px;
  border-radius: 30px;
}
.custom-fitur .fitur-1 .listFitur .card .card-body {
  margin-left: 10px;
}
.custom-fitur .fitur-1 .listFitur .card .card-body img {
  width: 44px;
  height: 44px;
}
@media (max-width: 991.98px) {
  .custom-fitur .fitur-1 .listFitur .card .card-body img {
    margin-top: -5px;
    margin-left: 25px;
  }
}
@media (max-width: 575.98px) {
  .custom-fitur .fitur-1 .listFitur .card .card-body img {
    width: 36px;
    height: 36px;
    margin-top: -5px;
    margin-left: 30px;
    margin-bottom: 5px;
  }
}
.custom-fitur .fitur-1 .listFitur .card .card-body h5 {
  font-weight: 500;
  font-size: 12px;
  color: #121212;
  margin-top: -30px;
  margin-left: 80px;
}
@media (max-width: 991.98px) {
  .custom-fitur .fitur-1 .listFitur .card .card-body h5 {
    margin-top: 10px;
    margin-left: -10px;
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  .custom-fitur .fitur-1 .listFitur .card .card-body h5 {
    margin-top: 10px;
    margin-left: 0px;
  }
}
@media (max-width: 991.98px) {
  .custom-fitur .fitur-1 .listFitur .card {
    width: 160px;
    height: 120px;
    border-radius: 20px;
  }
  .custom-fitur .fitur-1 .listFitur .card .card-body h5 {
    font-weight: 500;
    font-size: 12px;
    color: #121212;
  }
}
@media (max-width: 575.98px) {
  .custom-fitur .fitur-1 .listFitur .card {
    width: 160px;
    height: 120px;
    border-radius: 20px;
    margin: 10px;
    margin-left: 0px;
    display: flex;
  }
  .custom-fitur .fitur-1 .listFitur .card .card-body h5 {
    font-weight: 500;
    font-size: 12px;
    color: #121212;
  }
}
@media (max-width: 575.98px) {
  .custom-fitur .fitur-1 .employee {
    margin-left: -3px;
    margin-right: 85px;
  }
}
@media (max-width: 575.98px) {
  .custom-fitur .fitur-1 .organization {
    margin-left: 20px;
  }
}
@media (max-width: 575.98px) {
  .custom-fitur .fitur-1 .attendance {
    margin-top: 20px;
    margin-right: 75px;
  }
}
@media (max-width: 575.98px) {
  .custom-fitur .fitur-1 .leave {
    margin-top: 20px;
    margin-left: 20px;
  }
}
.custom-fitur .fitur-2 {
  margin-top: 20px;
}
@media (max-width: 575.98px) {
  .custom-fitur .fitur-2 {
    margin-right: 40px;
  }
}
.custom-fitur .fitur-2 .card {
  width: 270px;
  height: 100px;
  border-radius: 30px;
}
.custom-fitur .fitur-2 .card .card-body {
  margin-left: 10px;
}
.custom-fitur .fitur-2 .card .card-body img {
  margin-left: -10px;
}
@media (max-width: 991.98px) {
  .custom-fitur .fitur-2 .card .card-body img {
    margin-top: -5px;
    margin-left: 10px;
  }
}
@media (max-width: 575.98px) {
  .custom-fitur .fitur-2 .card .card-body img {
    margin-top: -5px;
  }
}
.custom-fitur .fitur-2 .card .card-body h5 {
  font-weight: 500;
  font-size: 12px;
  color: #121212;
  margin-top: -30px;
  margin-left: 80px;
}
@media (max-width: 991.98px) {
  .custom-fitur .fitur-2 .card .card-body h5 {
    margin-left: 0px;
    margin-top: 10px;
  }
}
@media (max-width: 575.98px) {
  .custom-fitur .fitur-2 .card .card-body h5 {
    margin-left: 0px;
    margin-top: 10px;
  }
}
@media (max-width: 991.98px) {
  .custom-fitur .fitur-2 .card {
    width: 160px;
    height: 120px;
    border-radius: 20px;
  }
  .custom-fitur .fitur-2 .card .card-body h5 {
    font-weight: 500;
    font-size: 12px;
    color: #121212;
  }
}
@media (max-width: 575.98px) {
  .custom-fitur .fitur-2 .card {
    width: 160px;
    height: 120px;
    border-radius: 20px;
  }
  .custom-fitur .fitur-2 .card .card-body h5 {
    font-weight: 500;
    font-size: 12px;
    color: #121212;
  }
}
@media (max-width: 575.98px) {
  .custom-fitur .fitur-2 .payroll {
    margin-left: 20px;
  }
}
@media (max-width: 575.98px) {
  .custom-fitur .fitur-2 .knowledge {
    margin-right: 75px;
  }
}
@media (max-width: 575.98px) {
  .custom-fitur .fitur-2 .task {
    margin-top: 20px;
    margin-right: 75px;
  }
}
@media (max-width: 575.98px) {
  .custom-fitur .fitur-2 .recruitment {
    margin-top: 20px;
    margin-left: 20px;
  }
}
.custom-fitur .penjelasan-fitur {
  margin-top: 50px;
}
.custom-fitur .penjelasan-fitur h5 {
  margin-left: 90px;
}
@media (max-width: 575.98px) {
  .custom-fitur .penjelasan-fitur h5 {
    font-weight: 500;
    font-size: 14px;
    margin-top: 200px;
    margin-left: -150px;
  }
}
.custom-fitur .penjelasan-fitur p {
  margin-left: 90px;
  font-size: 12px;
}
@media (max-width: 575.98px) {
  .custom-fitur .penjelasan-fitur p {
    margin-top: 50px;
    margin-left: -150px;
  }
}
.custom-fitur .penjelasan-fitur a {
  margin-left: 90px;
  font-weight: 700;
  font-size: 14px;
  color: #D7A96D;
  margin-top: 25px;
}
@media (max-width: 575.98px) {
  .custom-fitur .penjelasan-fitur a {
    margin-top: 50px;
    margin-left: -150px;
  }
}
@media (max-width: 991.98px) {
  .custom-fitur .penjelasan-fitur img {
    width: 300px;
    height: 200px;
  }
}
@media (max-width: 575.98px) {
  .custom-fitur .penjelasan-fitur img {
    width: 263px;
    height: 174px;
    margin-left: 30px;
  }
}

.carousel-inner.promo {
  margin-top: 50px;
  width: 920px;
  height: 400px;
  margin-left: 100px;
  margin-bottom: 50px;
}
.carousel-inner.promo .carousel-item {
  opacity: 0;
  transition: none;
  transform: translate3d(0, 0, 0) !important;
}
.carousel-inner.promo .carousel-item.active {
  transition: opacity 300ms ease-in;
  opacity: 1;
}
@media (max-width: 991.98px) {
  .carousel-inner.promo {
    width: 600px;
    height: 300px;
    margin-left: 50px;
  }
}
@media (max-width: 575.98px) {
  .carousel-inner.promo {
    width: 375px;
    height: 200px;
    margin-left: -15px;
    margin-top: 0px;
  }
}
.carousel-inner.promo img {
  border-radius: 50px;
  border-color: #D7A96D;
}
@media (max-width: 575.98px) {
  .carousel-inner.promo img {
    border-radius: 0px;
  }
}

.carousel-control-prev {
  width: 60px;
  height: 60px;
  background-color: #D7A96D;
  margin-top: 150px;
  margin-left: 0px;
}
@media (max-width: 991.98px) {
  .carousel-control-prev {
    margin-top: 100px;
    margin-left: -20px;
  }
}
@media (max-width: 575.98px) {
  .carousel-control-prev {
    margin-left: 30px;
    width: 40px;
    height: 40px;
    margin-top: 50px;
    background-color: #121212;
  }
}

.carousel-control-next {
  width: 60px;
  height: 60px;
  background-color: #D7A96D;
  margin-top: 150px;
  margin-right: 0px;
}
@media (max-width: 991.98px) {
  .carousel-control-next {
    margin-top: 100px;
    margin-right: -20px;
  }
}
@media (max-width: 575.98px) {
  .carousel-control-next {
    margin-right: 30px;
    width: 40px;
    height: 40px;
    margin-top: 50px;
    background-color: #121212;
  }
}

.bundle h2 {
  font-weight: 700;
  font-size: 48px;
  color: #121212;
  margin-bottom: 50px;
  margin-left: 5px;
}
@media (max-width: 575.98px) {
  .bundle h2 {
    font-weight: 700;
    font-size: 24px;
    color: #121212;
    margin-bottom: 50px;
  }
}
.bundle span {
  font-weight: 700;
  font-size: 48px;
  color: #D7A96D;
  margin-bottom: 50px;
}
@media (max-width: 575.98px) {
  .bundle span {
    font-weight: 700;
    font-size: 24px;
    color: #D7A96D;
    margin-bottom: 50px;
  }
}
@media (max-width: 991.98px) {
  .bundle .carousel-item {
    opacity: 0;
    transition: none;
    transform: translate3d(0, 0, 0) !important;
  }
  .bundle .carousel-item.active {
    transition: opacity 300ms ease-in;
    opacity: 1;
  }
}
.bundle .card {
  width: 325px;
  height: 577px;
  border-radius: 50px;
  margin-top: 100px;
}
@media (max-width: 991.98px) {
  .bundle .card {
    width: 450px;
    margin-left: 125px;
    margin-top: 0px;
  }
}
@media (max-width: 575.98px) {
  .bundle .card {
    width: 300px;
    height: 600px;
    margin-left: 30px;
    margin-top: 0px;
  }
}
.bundle .card .card-body h5 {
  font-weight: 700;
  font-size: 30px;
  color: #121212;
  text-align: center;
  margin-top: 30px;
}
.bundle .card .card-body h5.harga {
  font-weight: 700;
  font-size: 36px;
  color: #D7A96D;
  text-align: center;
  margin-top: 50px;
}
.bundle .card .card-body p {
  font-weight: 500;
  font-size: 18px;
  color: #121212;
  text-align: center;
  margin-top: 10px;
}
.bundle .card .card-body ul {
  margin-top: 50px;
  font-size: 16px;
}
@media (max-width: 991.98px) {
  .bundle .card .card-body ul {
    font-size: 18px;
  }
}
@media (max-width: 575.98px) {
  .bundle .card .card-body ul {
    font-size: 16px;
  }
}
.bundle .card .card-body .coba-demo-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
}
.bundle .card .card-body .coba-demo-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}
.bundle .card .card-body s {
  font-weight: 500;
  font-size: 18px;
  color: #CE2424;
}
.bundle .hrd .card .card-body .coba-demo-button {
  margin-top: 80px;
}
.bundle .office .card .card-body .coba-demo-button {
  margin-top: 60px;
}
.bundle .professional {
  margin-top: -40px;
}
@media (max-width: 991.98px) {
  .bundle .professional {
    margin-top: 25px;
  }
}
@media (max-width: 575.98px) {
  .bundle .professional {
    margin-top: 25px;
  }
}
.bundle .professional .card {
  background-color: #D7A96D;
  height: 650px;
}
@media (max-width: 991.98px) {
  .bundle .professional .card {
    height: 577px;
  }
}
@media (max-width: 575.98px) {
  .bundle .professional .card {
    height: 577px;
  }
}
.bundle .professional .card h5 {
  margin-top: -1px;
}
.bundle .professional .card .card.keterangan {
  width: 222px;
  height: 31px;
  margin-left: 50px;
  background-color: #CE2424;
  border-color: #D7A96D;
  margin-top: -15px;
}
@media (max-width: 991.98px) {
  .bundle .professional .card .card.keterangan {
    margin-left: 116px;
    margin-top: -15px;
  }
}
@media (max-width: 575.98px) {
  .bundle .professional .card .card.keterangan {
    width: 175px;
    margin-left: 65px;
    margin-top: -15px;
  }
}
.bundle .professional .card .card.keterangan p {
  font-weight: 700;
  font-size: 16px;
  color: #FFFFFF;
}
.bundle .professional .card .card-body {
  margin-top: 50px;
}
@media (max-width: 991.98px) {
  .bundle .professional .card .card-body {
    margin-top: 0px;
  }
}
@media (max-width: 575.98px) {
  .bundle .professional .card .card-body {
    margin-top: 0px;
  }
}
.bundle .professional .card .card-body h5.card-title {
  color: #FFFFFF;
}
.bundle .professional .card .card-body p {
  color: #FFFFFF;
}
.bundle .professional .card .card-body h5.harga {
  color: #FFFFFF;
}
.bundle .professional .card .card-body ul li {
  font-weight: 500;
  color: #FFFFFF;
}
.bundle .professional .card .card-body .coba-demo-button {
  margin-top: 60px;
  background-color: #FFFFFF;
  color: #D7A96D;
}
.bundle .enterprise .card .card-body h5.harga {
  margin-top: 20px;
}
.bundle .enterprise .card .card-body .coba-demo-button {
  margin-top: 65px;
}
.bundle .expert .card .card-body .coba-demo-button {
  margin-top: 40px;
}
.bundle .umkm .card .card-body h5.harga {
  margin-top: 20px;
}
.bundle .umkm .card .card-body .coba-demo-button {
  margin-top: 85px;
}
.bundle .carousel-control-prev.bundle {
  width: 60px;
  height: 60px;
  background-color: #D7A96D;
  margin-top: 350px;
  margin-left: -60px;
}
.bundle .carousel-control-prev.bundle span {
  margin-top: 50px;
}
@media (max-width: 991.98px) {
  .bundle .carousel-control-prev.bundle {
    margin-top: 200px;
    margin-left: 10px;
  }
}
@media (max-width: 575.98px) {
  .bundle .carousel-control-prev.bundle {
    margin-left: 20px;
    width: 40px;
    height: 40px;
    margin-top: 250px;
  }
}
.bundle .carousel-control-next.bundle {
  width: 60px;
  height: 60px;
  background-color: #D7A96D;
  margin-top: 350px;
  margin-right: -50px;
}
.bundle .carousel-control-next.bundle span {
  margin-top: 50px;
}
@media (max-width: 991.98px) {
  .bundle .carousel-control-next.bundle {
    margin-top: 200px;
    margin-right: 10px;
  }
}
@media (max-width: 575.98px) {
  .bundle .carousel-control-next.bundle {
    margin-right: 6px;
    width: 40px;
    height: 40px;
    margin-top: 250px;
  }
}

@media (max-width: 768px) {
  .carousel-inner .carousel-item > div {
    display: none;
  }

  .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}
.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

@media (min-width: 768px) {
  .carousel-inner .carousel-item-right.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(33.333%);
  }

  .carousel-inner .carousel-item-left.active,
  .carousel-inner .carousel-item-prev {
    transform: translateX(-33.333%);
  }
}
.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
  transform: translateX(0);
}

.package h2 {
  font-weight: 700;
  font-size: 48px;
  color: #121212;
  margin-top: 100px;
  margin-bottom: 50px;
  margin-left: 5px;
}
@media (max-width: 575.98px) {
  .package h2 {
    font-weight: 700;
    font-size: 24px;
    color: #121212;
    margin-bottom: 50px;
  }
}
.package span {
  font-weight: 700;
  font-size: 48px;
  color: #D7A96D;
  margin-bottom: 50px;
}
@media (max-width: 575.98px) {
  .package span {
    font-weight: 700;
    font-size: 24px;
    color: #D7A96D;
    margin-bottom: 50px;
  }
}
@media (max-width: 991.98px) {
  .package .carousel-item {
    opacity: 0;
    transition: none;
    transform: translate3d(0, 0, 0) !important;
  }
  .package .carousel-item.active {
    transition: opacity 300ms ease-in;
    opacity: 1;
  }
}
.package .card {
  width: 325px;
  height: 577px;
  border-radius: 50px;
}
@media (max-width: 991.98px) {
  .package .card {
    margin-left: 125px;
    width: 450px;
  }
}
@media (max-width: 575.98px) {
  .package .card {
    width: 300px;
    height: 600px;
    margin-left: 30px;
  }
}
.package .card .card-body h5 {
  font-weight: 700;
  font-size: 30px;
  color: #121212;
  text-align: center;
  margin-top: 30px;
}
.package .card .card-body h4.price {
  font-weight: 700;
  font-size: 36px;
  color: #D7A96D;
  text-align: center;
  margin-top: 50px;
}
.package .card .card-body ul {
  margin-top: 50px;
  font-size: 16px;
}
@media (max-width: 991.98px) {
  .package .card .card-body ul {
    font-size: 18px;
  }
}
@media (max-width: 575.98px) {
  .package .card .card-body ul {
    font-size: 16px;
  }
}
.package .card .card-body .coba-demo-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
}
.package .card .card-body .coba-demo-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}
.package .employee .card .card-body .coba-demo-button {
  margin-top: 80px;
}
.package .knowledge .card .card-body .coba-demo-button {
  margin-top: 60px;
}
.package .attendance .card .card-body .coba-demo-button {
  margin-top: 15px;
}
.package .leave .card .card-body .coba-demo-button {
  margin-top: 110px;
}
.package .payroll .card .card-body .coba-demo-button {
  margin-top: 90px;
}
.package .task .card .card-body .coba-demo-button {
  margin-top: 90px;
}
.package .recruitment .card .card-body .coba-demo-button {
  margin-top: 90px;
}
.package .carousel-control-prev.modul {
  width: 60px;
  height: 60px;
  background-color: #D7A96D;
  margin-top: 200px;
  margin-left: -60px;
}
.package .carousel-control-prev.modul span {
  margin-top: 50px;
}
@media (max-width: 991.98px) {
  .package .carousel-control-prev.modul {
    margin-top: 250px;
    margin-left: 10px;
  }
}
@media (max-width: 575.98px) {
  .package .carousel-control-prev.modul {
    margin-left: 20px;
    width: 40px;
    height: 40px;
    margin-top: 250px;
  }
}
.package .carousel-control-next.modul {
  width: 60px;
  height: 60px;
  background-color: #D7A96D;
  margin-top: 200px;
  margin-right: -50px;
}
.package .carousel-control-next.modul span {
  margin-top: 50px;
}
@media (max-width: 991.98px) {
  .package .carousel-control-next.modul {
    margin-top: 250px;
    margin-right: 10px;
  }
}
@media (max-width: 575.98px) {
  .package .carousel-control-next.modul {
    margin-right: 6px;
    width: 40px;
    height: 40px;
    margin-top: 250px;
  }
}

.custom-promo {
  margin-top: 100px;
  margin-bottom: 100px;
}
@media (max-width: 575.98px) {
  .custom-promo .promo .hape img {
    width: 117px;
    height: 240px;
  }
}
.custom-promo .promo .mobile-promo h3 {
  font-weight: 500;
  font-size: 36px;
  color: #121212;
}
@media (max-width: 575.98px) {
  .custom-promo .promo .mobile-promo h3 {
    font-weight: 500;
    font-size: 24px;
    color: #121212;
  }
}
.custom-promo .promo .mobile-promo span {
  font-weight: 500;
  font-size: 36px;
  color: #D7A96D;
}
@media (max-width: 575.98px) {
  .custom-promo .promo .mobile-promo span {
    font-weight: 500;
    font-size: 24px;
    color: #D7A96D;
  }
}
.custom-promo .promo .mobile-promo p {
  font-weight: 400;
  font-size: 18px;
  color: #545454;
  margin-top: 20px;
}
.custom-promo .promo .app {
  margin-top: 30px;
  display: flex;
}
.custom-promo .promo .app img {
  width: 170px;
  height: 56px;
  margin: 10px;
}
@media (max-width: 575.98px) {
  .custom-promo .promo .app {
    margin-left: -190px;
  }
}

.custom-calculator {
  margin-bottom: 100px;
}
.custom-calculator .calculator .calculate input {
  border-radius: 50px;
}
@media (max-width: 575.98px) {
  .custom-calculator .calculator .calculate input {
    width: 320px;
  }
}
.custom-calculator .calculator .calculate h3 {
  font-weight: 700;
  font-size: 36px;
  color: #121212;
}
@media (max-width: 575.98px) {
  .custom-calculator .calculator .calculate h3 {
    font-size: 24px;
  }
}
.custom-calculator .calculator .calculate p {
  font-weight: 500;
  font-size: 18px;
  color: #121212;
  margin-top: 20px;
}
@media (max-width: 575.98px) {
  .custom-calculator .calculator .calculate p {
    margin-top: 14px;
  }
}
.custom-calculator .calculator .calculate form .coba-demo-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
  margin-top: 10px;
}
.custom-calculator .calculator .calculate form .coba-demo-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}
@media (max-width: 575.98px) {
  .custom-calculator .calculator .calculate form .coba-demo-button {
    margin-left: -60px;
  }
}
@media (max-width: 575.98px) {
  .custom-calculator .calculator .calculate form {
    width: 375px;
  }
}
@media (max-width: 575.98px) {
  .custom-calculator .calculator .calculate {
    margin-top: 400px;
  }
}
.custom-calculator .calculator .pic img {
  margin-left: 200px;
  width: 389px;
  height: 306px;
}
@media (max-width: 991.98px) {
  .custom-calculator .calculator .pic img {
    width: 300px;
    height: 250px;
    margin-left: 25px;
  }
}
@media (max-width: 575.98px) {
  .custom-calculator .calculator .pic img {
    margin-left: 250px;
  }
}
@media (max-width: 575.98px) {
  .custom-calculator .calculator .pic {
    margin-left: -425px;
  }
}
.custom-calculator .hasil .kalkulasi .card {
  margin-top: 30px;
  width: 610px;
  height: 100%;
  background-color: #F5F6F8;
}
@media (max-width: 991.98px) {
  .custom-calculator .hasil .kalkulasi .card {
    width: 610px;
  }
}
@media (max-width: 575.98px) {
  .custom-calculator .hasil .kalkulasi .card {
    width: 320px;
  }
}
.custom-calculator .hasil .kalkulasi .card .pricing-result {
  margin-top: 10px;
  margin-left: 20px;
}
.custom-calculator .hasil .kalkulasi .card .pricing-result .total-employee {
  margin-bottom: 10px;
}
.custom-calculator .hasil .kalkulasi .card .pricing-result .total-employee span {
  font-weight: 700;
  color: #D7A96D;
}
.custom-calculator .hasil .kalkulasi .card .pricing-result .total-employee i {
  margin-left: 5px;
}
.custom-calculator .hasil .kalkulasi .card .package-nett {
  margin-bottom: 10px;
}
@media (max-width: 575.98px) {
  .custom-calculator .hasil .kalkulasi .card .package-nett table tr td {
    margin: 10px;
    width: 50%;
  }
}
.custom-calculator .hasil .kalkulasi .card .package-nett table tr td span.name {
  font-weight: 500;
  color: #121212;
  position: relative;
  top: 10px;
}
@media (max-width: 575.98px) {
  .custom-calculator .hasil .kalkulasi .card .package-nett table tr td span.name {
    font-size: 12px;
    width: 100px;
  }
}
.custom-calculator .hasil .kalkulasi .card .package-nett table tr td span.price {
  font-weight: 700;
  color: #D7A96D;
  position: absolute;
  left: 350px;
}
@media (max-width: 991.98px) {
  .custom-calculator .hasil .kalkulasi .card .package-nett table tr td span.price {
    position: absolute;
  }
}
@media (max-width: 575.98px) {
  .custom-calculator .hasil .kalkulasi .card .package-nett table tr td span.price {
    position: absolute;
    font-size: 12px;
    left: 150px;
  }
}
.custom-calculator .hasil .kalkulasi .card .package-nett table tr td span.bulan {
  width: 100px;
  color: #545454;
  position: absolute;
  left: 500px;
}
@media (max-width: 991.98px) {
  .custom-calculator .hasil .kalkulasi .card .package-nett table tr td span.bulan {
    position: absolute;
  }
}
@media (max-width: 575.98px) {
  .custom-calculator .hasil .kalkulasi .card .package-nett table tr td span.bulan {
    position: absolute;
    font-size: 12px;
    left: 250px;
  }
}

.custom-headline {
  margin-top: 100px;
}
@media (max-width: 575.98px) {
  .custom-headline {
    margin-top: 50px;
  }
}
.custom-headline input {
  border-radius: 50px;
}
.custom-headline button {
  border-radius: 50px;
  background-color: #D7A96D;
  border-color: #D7A96D;
}
.custom-headline h2 {
  font-weight: 700;
  font-size: 48px;
  color: #121212;
}
@media (max-width: 575.98px) {
  .custom-headline h2 {
    font-weight: 700;
    font-size: 24px;
    color: #121212;
  }
}
.custom-headline span {
  font-weight: 700;
  font-size: 48px;
  color: #D7A96D;
}
@media (max-width: 575.98px) {
  .custom-headline span {
    font-weight: 700;
    font-size: 24px;
    color: #D7A96D;
  }
}
.custom-headline .headline {
  margin-top: 50px;
}
@media (max-width: 575.98px) {
  .custom-headline .headline {
    margin-left: -65px;
  }
}
.custom-headline .headline .thumbnail .card {
  width: 536px;
  height: 276px;
  border-radius: 50px;
  margin-right: 40px;
}
.custom-headline .headline .thumbnail .card img {
  width: 536px;
  height: 276px;
  border-radius: 50px;
}
@media (max-width: 991.98px) {
  .custom-headline .headline .thumbnail .card {
    width: 350px;
    height: 200px;
    border-radius: 50px;
    margin-right: 60px;
  }
  .custom-headline .headline .thumbnail .card img {
    width: 350px;
    height: 200px;
    border-radius: 50px;
  }
}
@media (max-width: 575.98px) {
  .custom-headline .headline .thumbnail {
    margin-left: 60px;
  }
  .custom-headline .headline .thumbnail .card {
    width: 327px;
    height: 170px;
    border-radius: 30px;
    margin-right: 40px;
  }
  .custom-headline .headline .thumbnail .card img {
    width: 327px;
    height: 170px;
    border-radius: 30px;
  }
}
.custom-headline .headline .news p.date {
  font-weight: 500;
  font-size: 14px;
  color: #aaaaaa;
}
@media (max-width: 575.98px) {
  .custom-headline .headline .news p.date {
    font-size: 14px;
  }
}
.custom-headline .headline .news span.sharingKnowledge {
  font-weight: 500;
  font-size: 14px;
  color: #4DB6AC;
}
.custom-headline .headline .news p.title {
  font-weight: 700;
  font-size: 24px;
  color: #121212;
}
@media (max-width: 991.98px) {
  .custom-headline .headline .news p.title {
    font-size: 18px;
  }
}
@media (max-width: 575.98px) {
  .custom-headline .headline .news p.title {
    font-size: 14px;
  }
}
.custom-headline .headline .news p.detail {
  font-weight: 400;
  font-size: 16px;
  color: #121212;
}
@media (max-width: 991.98px) {
  .custom-headline .headline .news p.detail {
    font-size: 18px;
  }
}
@media (max-width: 575.98px) {
  .custom-headline .headline .news p.detail {
    font-size: 14px;
  }
}
.custom-headline .headline .news a {
  font-weight: 700;
  font-size: 14px;
  color: #D7A96D;
  margin-top: 25px;
}
@media (max-width: 575.98px) {
  .custom-headline .headline .news {
    margin-left: 60px;
  }
}

.filter {
  margin-top: 50px;
}
@media (max-width: 991.98px) {
  .filter {
    margin-left: -400px;
  }
}
@media (max-width: 575.98px) {
  .filter {
    margin-left: -60px;
  }
}
.filter .dropdown {
  margin-left: 925px;
}
.filter .dropdown button {
  background-color: #D7A96D;
  border-color: #D7A96D;
  border-radius: 50px;
}
@media (max-width: 575.98px) {
  .filter .dropdown {
    margin-left: 150px;
  }
}

.custom-news {
  margin-top: -50px;
}
@media (max-width: 575.98px) {
  .custom-news {
    margin-left: -45px;
  }
}
.custom-news .berita .card-berita {
  width: 1200px;
  height: 280px;
  border-radius: 50px;
  margin-top: 25px;
}
.custom-news .berita .card-berita img {
  width: 550px;
  height: 280px;
  margin-top: -1px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
@media (max-width: 991.98px) {
  .custom-news .berita .card-berita img {
    width: 350px;
  }
}
@media (max-width: 575.98px) {
  .custom-news .berita .card-berita img {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 0px;
  }
}
.custom-news .berita .card-berita .card-body {
  margin-top: -20px;
  height: 280px;
}
.custom-news .berita .card-berita .card-body h5 {
  font-weight: 700;
  font-size: 24px;
  color: #121212;
}
@media (max-width: 991.98px) {
  .custom-news .berita .card-berita .card-body h5 {
    font-size: 18px;
  }
}
.custom-news .berita .card-berita .card-body p {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
  margin-top: 20px;
}
@media (max-width: 991.98px) {
  .custom-news .berita .card-berita .card-body p {
    font-size: 12px;
  }
}
.custom-news .berita .card-berita .card-body a {
  font-weight: 700;
  font-size: 14px;
  color: #D7A96D;
}
@media (max-width: 991.98px) {
  .custom-news .berita .card-berita .card-body a {
    font-size: 12px;
  }
}
.custom-news .berita .card-berita .card-body p.card-date {
  font-weight: 500;
  font-size: 14px;
  color: #aaaaaa;
}
@media (max-width: 991.98px) {
  .custom-news .berita .card-berita .card-body p.card-date {
    font-size: 12px;
  }
}
.custom-news .berita .card-berita .card-body span.sharingKnowledge {
  font-weight: 500;
  font-size: 14px;
  color: #4DB6AC;
}
.custom-news .berita .card-berita .card-body span.tips {
  font-weight: 500;
  font-size: 14px;
  color: #E48100;
}
.custom-news .berita .card-berita .card-body span.news {
  font-weight: 500;
  font-size: 14px;
  color: #673AB7;
}
.custom-news .berita .card-berita .card-body span.event {
  font-weight: 500;
  font-size: 14px;
  color: #CE2424;
}
@media (max-width: 575.98px) {
  .custom-news .berita {
    margin-top: 100px;
    margin-left: 75px;
  }
  .custom-news .berita .card-berita {
    width: 330px;
    height: 650px;
    border-radius: 50px;
    margin-bottom: 50px;
    margin-top: 10px;
  }
  .custom-news .berita .card-berita img {
    width: 285px;
    height: 150px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
  }
  .custom-news .berita .card-berita .card-body {
    margin-top: -20px;
  }
  .custom-news .berita .card-berita .card-body h5 {
    font-weight: 700;
    font-size: 24px;
    color: #121212;
  }
  .custom-news .berita .card-berita .card-body p {
    font-weight: 400;
    font-size: 14px;
    color: #121212;
    margin-top: 20px;
  }
  .custom-news .berita .card-berita .card-body a {
    font-weight: 700;
    font-size: 14px;
    color: #D7A96D;
    margin-top: 25px;
  }
  .custom-news .berita .card-berita .card-body p.card-date {
    font-weight: 500;
    font-size: 14px;
    color: #aaaaaa;
  }
}

.custom-pagination {
  width: 300px;
  margin-top: 30px;
  margin-left: 400px;
}
.custom-pagination nav {
  border-radius: 100px;
}
.custom-pagination nav ul.pagination li.page-item {
  margin: 10px;
}
@media (max-width: 575.98px) {
  .custom-pagination nav ul.pagination li.page-item {
    margin: 0px;
  }
}
.custom-pagination nav ul.pagination li.page-item.active a {
  background-color: #D7A96D;
  border-color: #D7A96D;
}
.custom-pagination nav ul.pagination a {
  color: #D7A96D;
}
@media (max-width: 991.98px) {
  .custom-pagination {
    margin-left: 250px;
  }
}
@media (max-width: 575.98px) {
  .custom-pagination {
    margin-left: 105px;
  }
}

.custom-title h1 {
  font-weight: 700;
  font-size: 48px;
  color: #121212;
  margin-top: 50px;
}

.berita {
  margin-top: 120px;
}
@media (max-width: 575.98px) {
  .berita {
    margin-top: 50px;
  }
}
.berita .news .detail .breadcrumb {
  background-color: transparent;
  font-size: 14px;
}
.berita .news .detail .breadcrumb li.breadcrumb-item a {
  color: #545454;
}
.berita .news .detail .breadcrumb li.breadcrumb-item.active {
  color: #D7A96D;
}
.berita .news .title h2 {
  font-weight: 700;
  font-size: 48px;
  color: #121212;
}
@media (max-width: 575.98px) {
  .berita .news .title h2 {
    font-weight: 700;
    font-size: 24px;
  }
}
.berita .news .title .card {
  width: 1112px;
  height: 380px;
  border-radius: 50px;
  margin-top: 50px;
  margin-bottom: 30px;
}
.berita .news .title .card img {
  width: 1112px;
  height: 380px;
  border-radius: 50px;
  margin-left: -20px;
  margin-top: -21px;
}
@media (max-width: 991.98px) {
  .berita .news .title .card {
    width: 675px;
  }
}
@media (max-width: 575.98px) {
  .berita .news .title .card {
    width: 320px;
    height: 170px;
    border-radius: 30px;
    align-items: center;
    margin-left: 14px;
    margin-bottom: 20px;
  }
}
.berita .news .isi h5 {
  font-weight: 700;
  font-size: 18px;
  color: #545454;
}
@media (max-width: 575.98px) {
  .berita .news .isi h5 {
    font-size: 14px;
  }
}
.berita .news .isi p {
  margin-top: 30px;
  font-weight: 500;
  font-size: 16px;
  color: #121212;
}
@media (max-width: 575.98px) {
  .berita .news .isi p {
    font-size: 14px;
    margin-top: 20px;
  }
}
.berita .news .bagikan {
  margin-top: 30px;
  margin-bottom: 100px;
}
.berita .news .bagikan h5 {
  font-weight: 700;
  font-size: 18px;
  color: #545454;
}
@media (max-width: 575.98px) {
  .berita .news .bagikan h5 {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.berita .news .other-news {
  margin-bottom: 100px;
}
@media (max-width: 575.98px) {
  .berita .news .other-news .berita-lain {
    margin-left: -50px;
  }
}
.berita .news .other-news .berita-lain .card {
  margin-top: 30px;
  width: 344px;
  height: 418px;
  border-radius: 50px;
}
@media (max-width: 991.98px) {
  .berita .news .other-news .berita-lain .card {
    width: 225px;
    height: 425px;
  }
}
@media (max-width: 575.98px) {
  .berita .news .other-news .berita-lain .card {
    width: 344px;
    height: 425px;
  }
}
.berita .news .other-news .berita-lain .card .card-body img {
  width: 344px;
  height: 179px;
  margin-left: -20px;
  margin-top: -20px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
@media (max-width: 991.98px) {
  .berita .news .other-news .berita-lain .card .card-body img {
    width: 225px;
    height: 150px;
    margin-left: -20px;
    margin-top: -20px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
  }
}
@media (max-width: 575.98px) {
  .berita .news .other-news .berita-lain .card .card-body img {
    width: 344px;
    height: 179px;
    margin-left: -20px;
    margin-top: -20px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
  }
}
.berita .news .other-news .berita-lain .card .card-body h5 {
  font-weight: 700;
  font-size: 18px;
  margin-top: 20px;
}
@media (max-width: 991.98px) {
  .berita .news .other-news .berita-lain .card .card-body h5 {
    font-weight: 700;
    font-size: 16px;
    margin-top: 20px;
  }
}
@media (max-width: 575.98px) {
  .berita .news .other-news .berita-lain .card .card-body h5 {
    font-weight: 700;
    font-size: 18px;
    margin-top: 20px;
  }
}
.berita .news .other-news .berita-lain .card .card-body p {
  font-weight: 500;
  font-size: 14px;
  color: #121212;
}
@media (max-width: 991.98px) {
  .berita .news .other-news .berita-lain .card .card-body p {
    font-weight: 500;
    font-size: 12px;
    color: #121212;
  }
}
@media (max-width: 575.98px) {
  .berita .news .other-news .berita-lain .card .card-body p {
    font-weight: 500;
    font-size: 14px;
    color: #121212;
  }
}
.berita .news .other-news .berita-lain .card .card-body a {
  font-weight: 700;
  font-size: 14px;
  color: #D7A96D;
}
@media (max-width: 991.98px) {
  .berita .news .other-news .berita-lain .card .card-body a {
    font-weight: 700;
    font-size: 12px;
    color: #D7A96D;
  }
}
@media (max-width: 575.98px) {
  .berita .news .other-news .berita-lain .card .card-body a {
    font-weight: 700;
    font-size: 14px;
    color: #D7A96D;
  }
}
@media (max-width: 575.98px) {
  .berita .news .other-news .berita-lain .berita-1 {
    margin-left: 35px;
  }
}
@media (max-width: 575.98px) {
  .berita .news .other-news .berita-lain .berita-2 {
    margin-top: 450px;
    margin-left: -135px;
  }
}
@media (max-width: 575.98px) {
  .berita .news .other-news .berita-lain .berita-3 {
    margin-top: 900px;
    margin-left: -136px;
  }
}

.custom-demo {
  margin-top: 100px;
  margin-bottom: 300px;
}
@media (max-width: 575.98px) {
  .custom-demo {
    margin-bottom: 100px;
  }
}
.custom-demo .demo .tagline h3 {
  font-weight: 700;
  font-size: 36px;
  color: #121212;
}
@media (max-width: 575.98px) {
  .custom-demo .demo .tagline h3 {
    font-weight: 700;
    font-size: 24px;
    color: #121212;
    text-align: center;
  }
}
.custom-demo .demo .tagline span {
  font-weight: 700;
  font-size: 36px;
  color: #D7A96D;
}
@media (max-width: 575.98px) {
  .custom-demo .demo .tagline span {
    font-weight: 700;
    font-size: 24px;
    color: #D7A96D;
    text-align: center;
  }
}
.custom-demo .demo .tagline img {
  width: 344px;
  height: 277px;
  margin-top: 30px;
}
@media (max-width: 991.98px) {
  .custom-demo .demo .tagline img {
    width: 250px;
    height: 170px;
  }
}
@media (max-width: 575.98px) {
  .custom-demo .demo .tagline img {
    width: 215px;
    height: 173px;
    margin-left: 65px;
  }
}
@media (max-width: 991.98px) {
  .custom-demo .demo .form {
    margin-left: -50px;
  }
}
@media (max-width: 575.98px) {
  .custom-demo .demo .form {
    margin-left: -35px;
  }
}
.custom-demo .demo .form input {
  border-radius: 50px;
}
.custom-demo .demo .form .card {
  width: 536px;
  height: 850px;
  padding: 50px;
  border-radius: 50px;
}
.custom-demo .demo .form .card .gabung-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
  margin-top: 30px;
}
.custom-demo .demo .form .card .gabung-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}
@media (max-width: 991.98px) {
  .custom-demo .demo .form .card {
    width: 375px;
  }
}
@media (max-width: 575.98px) {
  .custom-demo .demo .form .card {
    width: 350px;
    height: 850px;
    margin-left: 33px;
    margin-top: 30px;
  }
}

.custom-jadwal {
  margin-top: 100px;
  margin-bottom: 100px;
}
.custom-jadwal input {
  border-radius: 50px;
}
.custom-jadwal a {
  font-weight: 700;
  font-size: 14px;
  color: #D7A96D;
}
.custom-jadwal h2 {
  font-weight: 700;
  font-size: 36px;
  color: #121212;
  margin-top: 20px;
  margin-bottom: 50px;
}
.custom-jadwal label {
  font-weight: 500;
  font-size: 18px;
  color: #545454;
}
.custom-jadwal .coba-demo-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
  margin-top: 30px;
}
.custom-jadwal .coba-demo-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}

.custom-partner {
  margin-top: 100px;
  margin-bottom: 300px;
}
@media (max-width: 575.98px) {
  .custom-partner {
    margin-bottom: 100px;
  }
}
.custom-partner .partner .tagline h3 {
  font-weight: 700;
  font-size: 36px;
  color: #121212;
}
@media (max-width: 575.98px) {
  .custom-partner .partner .tagline h3 {
    font-weight: 700;
    font-size: 24px;
    color: #121212;
    text-align: center;
  }
}
.custom-partner .partner .tagline span {
  font-weight: 700;
  font-size: 36px;
  color: #D7A96D;
}
@media (max-width: 575.98px) {
  .custom-partner .partner .tagline span {
    font-weight: 700;
    font-size: 24px;
    color: #D7A96D;
    text-align: center;
  }
}
.custom-partner .partner .tagline img {
  width: 344px;
  height: 277px;
  margin-top: 30px;
}
@media (max-width: 991.98px) {
  .custom-partner .partner .tagline img {
    width: 250px;
    height: 170px;
  }
}
@media (max-width: 575.98px) {
  .custom-partner .partner .tagline img {
    width: 215px;
    height: 173px;
    margin-left: 65px;
  }
}
@media (max-width: 991.98px) {
  .custom-partner .partner .form {
    margin-left: -50px;
  }
}
@media (max-width: 575.98px) {
  .custom-partner .partner .form {
    margin-left: -35px;
  }
}
.custom-partner .partner .form input {
  border-radius: 50px;
}
.custom-partner .partner .form .card {
  width: 536px;
  height: 100%;
  padding: 50px;
  border-radius: 50px;
}
.custom-partner .partner .form .card .gabung-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
  margin-top: 30px;
}
.custom-partner .partner .form .card .gabung-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}
@media (max-width: 991.98px) {
  .custom-partner .partner .form .card {
    width: 375px;
  }
}
@media (max-width: 575.98px) {
  .custom-partner .partner .form .card {
    width: 350px;
    height: 850px;
    margin-left: 33px;
    margin-top: 30px;
  }
}

.custom-reseller {
  margin-top: 100px;
  margin-bottom: 100px;
}
@media (max-width: 575.98px) {
  .custom-reseller {
    margin-top: 50px;
    margin-bottom: 100px;
  }
}
@media (max-width: 991.98px) {
  .custom-reseller .reseller .tagline {
    margin-top: 10px;
  }
}
@media (max-width: 575.98px) {
  .custom-reseller .reseller .tagline {
    margin-top: 0px;
  }
}
.custom-reseller .reseller .tagline h3 {
  font-weight: 700;
  font-size: 36px;
  color: #121212;
}
@media (max-width: 991.98px) {
  .custom-reseller .reseller .tagline h3 {
    font-weight: 700;
    font-size: 30px;
    color: #121212;
  }
}
@media (max-width: 575.98px) {
  .custom-reseller .reseller .tagline h3 {
    font-weight: 700;
    font-size: 24px;
    color: #121212;
    text-align: center;
  }
}
.custom-reseller .reseller .tagline span {
  font-weight: 700;
  font-size: 36px;
  color: #D7A96D;
}
@media (max-width: 991.98px) {
  .custom-reseller .reseller .tagline span {
    font-weight: 700;
    font-size: 30px;
    color: #D7A96D;
  }
}
@media (max-width: 575.98px) {
  .custom-reseller .reseller .tagline span {
    font-weight: 700;
    font-size: 24px;
    color: #D7A96D;
    text-align: center;
  }
}
.custom-reseller .reseller .tagline img {
  width: 344px;
  height: 277px;
  margin-top: 30px;
  margin-left: 70px;
}
@media (max-width: 991.98px) {
  .custom-reseller .reseller .tagline img {
    width: 250px;
    height: 170px;
    margin-left: 0px;
  }
}
@media (max-width: 575.98px) {
  .custom-reseller .reseller .tagline img {
    width: 215px;
    height: 173px;
    margin-left: 65px;
  }
}
@media (max-width: 991.98px) {
  .custom-reseller .reseller .form {
    margin-left: -50px;
  }
}
@media (max-width: 575.98px) {
  .custom-reseller .reseller .form {
    margin-left: -35px;
  }
}
.custom-reseller .reseller .form input {
  border-radius: 50px;
}
.custom-reseller .reseller .form .card {
  width: 536px;
  height: 425px;
  padding: 50px;
  border-radius: 50px;
}
.custom-reseller .reseller .form .card .signup-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
  margin-top: 30px;
}
.custom-reseller .reseller .form .card .signup-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}
@media (max-width: 991.98px) {
  .custom-reseller .reseller .form .card {
    width: 375px;
  }
}
@media (max-width: 575.98px) {
  .custom-reseller .reseller .form .card {
    width: 350px;
    height: 425px;
    margin-left: 33px;
    margin-top: 30px;
  }
}

.custom-jumbotron {
  margin-top: 50px;
}
.custom-jumbotron h1 {
  font-weight: 700;
  font-size: 48px;
  color: #121212;
}
@media (max-width: 575.98px) {
  .custom-jumbotron h1 {
    font-weight: 700;
    font-size: 24px;
    color: #121212;
  }
}
.custom-jumbotron span {
  font-weight: 700;
  font-size: 48px;
  color: #D7A96D;
}
@media (max-width: 575.98px) {
  .custom-jumbotron span {
    font-weight: 700;
    font-size: 24px;
    color: #D7A96D;
  }
}
.custom-jumbotron img {
  width: 595px;
  height: 479px;
  margin-left: 250px;
  margin-top: 80px;
}
@media (max-width: 991.98px) {
  .custom-jumbotron img {
    width: 400px;
    height: 300px;
    margin-left: 125px;
  }
}
@media (max-width: 575.98px) {
  .custom-jumbotron img {
    width: 229px;
    height: 184px;
    margin-left: 45px;
  }
}
.custom-jumbotron p {
  font-weight: 400;
  font-size: 18px;
  color: #121212;
  margin-top: 50px;
}
@media (max-width: 575.98px) {
  .custom-jumbotron p {
    font-weight: 400;
    font-size: 14px;
    color: #121212;
  }
}

.detail-fitur {
  margin-top: 130px;
}
@media (max-width: 575.98px) {
  .detail-fitur .feature-1 {
    margin-top: -100px;
  }
}
.detail-fitur .feature-1 .penjelasan {
  margin-left: -500px;
}
@media (max-width: 991.98px) {
  .detail-fitur .feature-1 .penjelasan {
    margin-left: -350px;
  }
}
@media (max-width: 575.98px) {
  .detail-fitur .feature-1 .penjelasan {
    margin-left: 0px;
  }
}
.detail-fitur .feature-1 .penjelasan h4 {
  font-weight: 500;
  font-size: 36px;
  color: #D7A96D;
}
@media (max-width: 575.98px) {
  .detail-fitur .feature-1 .penjelasan h4 {
    font-size: 24px;
    margin-top: 20px;
  }
}
.detail-fitur .feature-1 .penjelasan p {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
  margin-top: 20px;
}
.detail-fitur .feature-1 .gambar img {
  width: 494px;
  height: 278px;
  margin-left: 650px;
}
@media (max-width: 991.98px) {
  .detail-fitur .feature-1 .gambar img {
    width: 350px;
    height: 270px;
    margin-left: 375px;
  }
}
@media (max-width: 575.98px) {
  .detail-fitur .feature-1 .gambar img {
    width: 263px;
    height: 174px;
    margin-left: 45px;
    margin-bottom: 10px;
  }
}
@media (max-width: 575.98px) {
  .detail-fitur .feature-2 {
    margin-top: -100px;
  }
}
.detail-fitur .feature-2 .penjelasan h4 {
  font-weight: 500;
  font-size: 36px;
  color: #D7A96D;
}
@media (max-width: 575.98px) {
  .detail-fitur .feature-2 .penjelasan h4 {
    font-size: 24px;
    margin-top: 20px;
  }
}
.detail-fitur .feature-2 .penjelasan p {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
  margin-top: 20px;
}
.detail-fitur .feature-2 .gambar img {
  width: 494px;
  height: 278px;
  margin-left: 50px;
}
@media (max-width: 991.98px) {
  .detail-fitur .feature-2 .gambar img {
    width: 350px;
    height: 270px;
    margin-left: 0px;
  }
}
@media (max-width: 575.98px) {
  .detail-fitur .feature-2 .gambar img {
    width: 263px;
    height: 174px;
    margin-left: 45px;
    margin-bottom: 10px;
  }
}

.knowledge-manage {
  margin-top: 130px;
}
@media (max-width: 575.98px) {
  .knowledge-manage .knowledge-1 {
    margin-top: 300px;
  }
}
.knowledge-manage .knowledge-1 .karyawan h4 {
  font-weight: 500;
  font-size: 36px;
  color: #D7A96D;
}
@media (max-width: 575.98px) {
  .knowledge-manage .knowledge-1 .karyawan h4 {
    font-size: 24px;
    margin-top: 20px;
  }
}
.knowledge-manage .knowledge-1 .karyawan p {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
  margin-top: 20px;
}
.knowledge-manage .knowledge-1 .gambar img {
  margin-left: 50px;
}
@media (max-width: 991.98px) {
  .knowledge-manage .knowledge-1 .gambar img {
    width: 350px;
    height: 270px;
    margin-left: 0px;
  }
}
@media (max-width: 575.98px) {
  .knowledge-manage .knowledge-1 .gambar img {
    margin-top: -800px;
    margin-left: 45px;
    width: 263px;
    height: 174px;
    margin-bottom: -100px;
  }
}
@media (max-width: 575.98px) {
  .knowledge-manage .knowledge-2 {
    margin-top: -50px;
  }
}
.knowledge-manage .knowledge-2 .karyawan h4 {
  font-weight: 500;
  font-size: 36px;
  color: #D7A96D;
}
@media (max-width: 575.98px) {
  .knowledge-manage .knowledge-2 .karyawan h4 {
    font-size: 24px;
    margin-top: 20px;
  }
}
.knowledge-manage .knowledge-2 .karyawan p {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
  margin-top: 20px;
}
.knowledge-manage .knowledge-2 .gambar img {
  margin-left: 50px;
}
@media (max-width: 991.98px) {
  .knowledge-manage .knowledge-2 .gambar img {
    width: 350px;
    height: 270px;
    margin-left: 0px;
  }
}
@media (max-width: 575.98px) {
  .knowledge-manage .knowledge-2 .gambar img {
    width: 263px;
    height: 174px;
    margin-left: 45px;
    margin-bottom: 20px;
  }
}

.payroll-manage {
  margin-top: 130px;
}
@media (max-width: 575.98px) {
  .payroll-manage .payroll-1 {
    margin-top: 300px;
  }
}
.payroll-manage .payroll-1 .karyawan h4 {
  font-weight: 500;
  font-size: 36px;
  color: #D7A96D;
}
@media (max-width: 575.98px) {
  .payroll-manage .payroll-1 .karyawan h4 {
    font-size: 24px;
    margin-top: 20px;
  }
}
.payroll-manage .payroll-1 .karyawan p {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
  margin-top: 20px;
}
.payroll-manage .payroll-1 .gambar img {
  margin-left: 50px;
}
@media (max-width: 991.98px) {
  .payroll-manage .payroll-1 .gambar img {
    width: 350px;
    height: 270px;
    margin-left: 0px;
  }
}
@media (max-width: 575.98px) {
  .payroll-manage .payroll-1 .gambar img {
    margin-top: -800px;
    margin-left: 45px;
    width: 263px;
    height: 174px;
    margin-bottom: -125px;
  }
}
@media (max-width: 575.98px) {
  .payroll-manage .payroll-2 {
    margin-top: -50px;
  }
}
.payroll-manage .payroll-2 .karyawan h4 {
  font-weight: 500;
  font-size: 36px;
  color: #D7A96D;
}
@media (max-width: 575.98px) {
  .payroll-manage .payroll-2 .karyawan h4 {
    font-size: 24px;
    margin-top: 20px;
  }
}
.payroll-manage .payroll-2 .karyawan p {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
  margin-top: 20px;
}
.payroll-manage .payroll-2 .gambar img {
  margin-left: 50px;
}
@media (max-width: 991.98px) {
  .payroll-manage .payroll-2 .gambar img {
    width: 350px;
    height: 270px;
    margin-left: 0px;
  }
}
@media (max-width: 575.98px) {
  .payroll-manage .payroll-2 .gambar img {
    width: 263px;
    height: 174px;
    margin-left: 45px;
    margin-bottom: 20px;
  }
}

.task-manage {
  margin-top: 130px;
}
@media (max-width: 575.98px) {
  .task-manage .task-1 {
    margin-top: 300px;
  }
}
.task-manage .task-1 .karyawan h4 {
  font-weight: 500;
  font-size: 36px;
  color: #D7A96D;
}
@media (max-width: 575.98px) {
  .task-manage .task-1 .karyawan h4 {
    font-size: 24px;
    margin-top: 20px;
  }
}
.task-manage .task-1 .karyawan p {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
  margin-top: 20px;
}
.task-manage .task-1 .gambar img {
  margin-left: 50px;
}
@media (max-width: 991.98px) {
  .task-manage .task-1 .gambar img {
    width: 350px;
    height: 270px;
    margin-left: 0px;
  }
}
@media (max-width: 575.98px) {
  .task-manage .task-1 .gambar img {
    margin-top: -900px;
    margin-left: 45px;
    width: 263px;
    height: 174px;
    margin-bottom: -125px;
  }
}

.recruitment-manage {
  margin-top: 130px;
}
@media (max-width: 575.98px) {
  .recruitment-manage .recruitment-1 {
    margin-top: 300px;
  }
}
.recruitment-manage .recruitment-1 .karyawan h4 {
  font-weight: 500;
  font-size: 36px;
  color: #D7A96D;
}
@media (max-width: 575.98px) {
  .recruitment-manage .recruitment-1 .karyawan h4 {
    font-size: 24px;
    margin-top: 20px;
  }
}
.recruitment-manage .recruitment-1 .karyawan p {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
  margin-top: 20px;
}
.recruitment-manage .recruitment-1 .gambar img {
  margin-left: 50px;
}
@media (max-width: 991.98px) {
  .recruitment-manage .recruitment-1 .gambar img {
    width: 350px;
    height: 270px;
    margin-left: 0px;
  }
}
@media (max-width: 575.98px) {
  .recruitment-manage .recruitment-1 .gambar img {
    margin-top: -800px;
    margin-left: 45px;
    width: 263px;
    height: 174px;
    margin-bottom: -125px;
  }
}
@media (max-width: 575.98px) {
  .recruitment-manage .recruitment-2 {
    margin-top: -50px;
  }
}
.recruitment-manage .recruitment-2 .karyawan h4 {
  font-weight: 500;
  font-size: 36px;
  color: #D7A96D;
}
@media (max-width: 575.98px) {
  .recruitment-manage .recruitment-2 .karyawan h4 {
    font-size: 24px;
    margin-top: 20px;
  }
}
.recruitment-manage .recruitment-2 .karyawan p {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
  margin-top: 20px;
}
.recruitment-manage .recruitment-2 .gambar img {
  margin-left: 50px;
}
@media (max-width: 991.98px) {
  .recruitment-manage .recruitment-2 .gambar img {
    width: 350px;
    height: 270px;
    margin-left: 0px;
  }
}
@media (max-width: 575.98px) {
  .recruitment-manage .recruitment-2 .gambar img {
    width: 263px;
    height: 174px;
    margin-left: 45px;
    margin-bottom: 20px;
  }
}

.custom-fiturlain {
  margin-top: 150px;
}
@media (max-width: 575.98px) {
  .custom-fiturlain {
    margin-top: 50px;
  }
}
.custom-fiturlain h3 {
  font-weight: 500;
  font-size: 24px;
  color: #121212;
  text-align: center;
}
.custom-fiturlain .fitur-1 {
  margin-top: 30px;
}
@media (max-width: 575.98px) {
  .custom-fiturlain .fitur-1 {
    margin-left: 25px;
  }
}
.custom-fiturlain .fitur-1 .card {
  width: 270px;
  height: 100px;
  border-radius: 30px;
}
@media (max-width: 991.98px) {
  .custom-fiturlain .fitur-1 .card {
    width: 150px;
    height: 150px;
    border-radius: 30px;
  }
}
@media (max-width: 575.98px) {
  .custom-fiturlain .fitur-1 .card {
    margin-bottom: 10px;
    width: 270px;
    height: 100px;
    border-radius: 30px;
  }
}
@media (max-width: 991.98px) {
  .custom-fiturlain .fitur-1 .card .card-body img {
    margin-left: 35px;
  }
}
@media (max-width: 575.98px) {
  .custom-fiturlain .fitur-1 .card .card-body img {
    margin-left: 0px;
  }
}
.custom-fiturlain .fitur-1 .card .card-body a {
  font-weight: 500;
  font-size: 12px;
  color: #121212;
  margin-top: 10px;
}
.custom-fiturlain .fitur-2 {
  margin-top: 20px;
}
@media (max-width: 575.98px) {
  .custom-fiturlain .fitur-2 {
    margin-left: 25px;
    margin-top: 10px;
    margin-bottom: 50px;
  }
}
.custom-fiturlain .fitur-2 .card {
  width: 270px;
  height: 100px;
  border-radius: 30px;
}
@media (max-width: 991.98px) {
  .custom-fiturlain .fitur-2 .card {
    width: 150px;
    height: 150px;
    border-radius: 30px;
  }
}
@media (max-width: 575.98px) {
  .custom-fiturlain .fitur-2 .card {
    margin-bottom: 10px;
    width: 270px;
    height: 100px;
    border-radius: 30px;
  }
}
.custom-fiturlain .fitur-2 .card .card-body img {
  margin-top: 10px;
  width: 58px;
}
.custom-fiturlain .fitur-2 .card .card-body a {
  font-weight: 500;
  font-size: 12px;
  color: #121212;
  margin-top: 10px;
}

.footer-prim {
  background-color: #ffffff;
}
.footer-prim .custom-footer .footer-1 {
  margin-left: -50px;
}
.footer-prim .custom-footer .footer-1 .logo {
  margin-top: 60px;
}
.footer-prim .custom-footer .footer-1 .logo img {
  width: 294px;
  height: 72px;
  margin-left: -10px;
}
@media (max-width: 575.98px) {
  .footer-prim .custom-footer .footer-1 .logo img {
    width: 294px;
    height: 72px;
    margin-left: 3px;
  }
}
.footer-prim .custom-footer .footer-1 .loc {
  margin-top: 30px;
  display: flex;
  flex-direction: calc(100%-40px);
}
.footer-prim .custom-footer .footer-1 .loc img {
  width: 40px;
  height: 40px;
  margin-right: 30px;
}
.footer-prim .custom-footer .footer-1 .loc span {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
}
.footer-prim .custom-footer .footer-1 .telp {
  margin-top: 20px;
  display: flex;
  flex-direction: calc(100%-40px);
}
.footer-prim .custom-footer .footer-1 .telp img {
  width: 40px;
  height: 40px;
  margin-right: 30px;
}
.footer-prim .custom-footer .footer-1 .telp span {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
}
.footer-prim .custom-footer .footer-1 .fax {
  margin-top: 20px;
  display: flex;
  flex-direction: calc(100%-40px);
}
.footer-prim .custom-footer .footer-1 .fax img {
  width: 40px;
  height: 40px;
  margin-right: 30px;
}
.footer-prim .custom-footer .footer-1 .fax span {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
}
.footer-prim .custom-footer .footer-1 .wa {
  margin-top: 20px;
  display: flex;
  flex-direction: calc(100%-40px);
}
.footer-prim .custom-footer .footer-1 .wa img {
  width: 40px;
  height: 40px;
  margin-right: 30px;
}
.footer-prim .custom-footer .footer-1 .wa span {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
}
.footer-prim .custom-footer .footer-1 .email {
  margin-top: 20px;
  margin-bottom: 50px;
  display: flex;
  flex-direction: calc(100%-40px);
}
.footer-prim .custom-footer .footer-1 .email img {
  width: 40px;
  height: 40px;
  margin-right: 30px;
}
.footer-prim .custom-footer .footer-1 .email span {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
}
.footer-prim .custom-footer .footer-1 .maps {
  margin-top: 50px;
}
@media (max-width: 991.98px) {
  .footer-prim .custom-footer .footer-1 .maps {
    margin-top: 500px;
    margin-bottom: 30px;
    margin-left: -425px;
  }
}
@media (max-width: 575.98px) {
  .footer-prim .custom-footer .footer-1 .maps {
    margin-left: -210px;
    margin-top: 700px;
    margin-bottom: 50px;
    width: 250px;
    height: 170px;
  }
}
@media (max-width: 575.98px) {
  .footer-prim .custom-footer .footer-1 .maps iframe {
    width: 300px;
    height: 169px;
  }
}
.footer-prim .custom-footer .footer-1 .maps img {
  width: 536px;
  height: 275px;
  border-radius: 10px;
}
@media (max-width: 991.98px) {
  .footer-prim .custom-footer .footer-1 .maps img {
    margin-top: 500px;
    margin-left: -435px;
    margin-bottom: 50px;
  }
}
@media (max-width: 575.98px) {
  .footer-prim .custom-footer .footer-1 .maps img {
    width: 300px;
    height: 169px;
    margin-top: 700px;
    margin-left: -200px;
    margin-bottom: 24px;
  }
}

.footer-second {
  background-color: #F5F6F8;
}
.footer-second .custom-footer-2 .footer-2 .bantuan {
  margin-top: 20px;
}
.footer-second .custom-footer-2 .footer-2 .bantuan p.title {
  font-weight: 500;
  font-size: 14px;
  color: #545454;
}
.footer-second .custom-footer-2 .footer-2 .bantuan .footer-menu {
  margin-bottom: 20px;
}
.footer-second .custom-footer-2 .footer-2 .bantuan .footer-menu a {
  font-weight: 400;
  font-size: 14px;
  color: #545454;
}
@media (max-width: 575.98px) {
  .footer-second .custom-footer-2 .footer-2 .bantuan .footer-menu a {
    width: 300px;
  }
}
.footer-second .custom-footer-2 .footer-2 .medsos .follow {
  margin-top: 20px;
}
@media (max-width: 575.98px) {
  .footer-second .custom-footer-2 .footer-2 .medsos .follow {
    margin-top: 60px;
    margin-left: 40px;
  }
}
.footer-second .custom-footer-2 .footer-2 .medsos .follow p {
  font-weight: 500;
  font-size: 14px;
  color: #545454;
}
@media (max-width: 575.98px) {
  .footer-second .custom-footer-2 .footer-2 .medsos .socmed {
    margin-left: 40px;
  }
}
@media (max-width: 575.98px) {
  .footer-second .custom-footer-2 .footer-2 .medsos {
    margin-top: 200px;
    margin-left: -170px;
  }
}
.footer-second .custom-footer-2 .footer-2 .app {
  margin-top: 45px;
  display: flex;
}
.footer-second .custom-footer-2 .footer-2 .app img {
  width: 170px;
  height: 56px;
  margin: 10px;
}
@media (max-width: 575.98px) {
  .footer-second .custom-footer-2 .footer-2 .app img {
    margin: 5px;
    width: 150px;
    height: 36px;
  }
}
@media (max-width: 991.98px) {
  .footer-second .custom-footer-2 .footer-2 .app .playstore {
    margin-top: 75px;
    margin-left: -180px;
  }
}
@media (max-width: 575.98px) {
  .footer-second .custom-footer-2 .footer-2 .app .playstore {
    margin-left: 0px;
    margin-top: 5px;
  }
}
@media (max-width: 575.98px) {
  .footer-second .custom-footer-2 .footer-2 .app {
    margin-top: 450px;
    margin-left: -80px;
    margin-bottom: 24px;
  }
}

.custom-faq {
  margin-top: 100px;
}
.custom-faq h2 {
  font-weight: 700;
  font-size: 48px;
  color: #121212;
}
.custom-faq h3 {
  font-weight: 700;
  font-size: 24px;
  color: #121212;
  margin-top: 50px;
}
.custom-faq .search {
  margin-top: 50px;
}
.custom-faq .search input {
  border-radius: 50px;
}
.custom-faq .search button {
  border-radius: 50px;
  background-color: #D7A96D;
  border-color: #D7A96D;
}

.custom-question {
  margin-bottom: 100px;
}
.custom-question .pertanyaan h5 {
  font-weight: 500;
  font-size: 18px;
  color: #121212;
  margin-top: 30px;
}
.custom-question .pertanyaan p {
  font-weight: 500;
  font-size: 14px;
  color: #545454;
}
.custom-question .pertanyaan a {
  font-weight: 700;
  font-size: 14px;
  color: #D7A96D;
}

.custom-hasil a {
  font-weight: 700;
  font-size: 16px;
  color: #D7A96D;
  margin-top: 30px;
}
.custom-hasil h3 {
  font-weight: 700;
  font-size: 24px;
  color: #121212;
  margin-top: 30px;
}
.custom-hasil p {
  font-weight: 400;
  font-size: 13px;
  color: #545454;
}
.custom-hasil .pertanyaan h5 {
  font-weight: 500;
  font-size: 18px;
  color: #121212;
  margin-top: 30px;
}
.custom-hasil .pertanyaan p {
  font-weight: 500;
  font-size: 14px;
  color: #545454;
}
.custom-hasil .pertanyaan a {
  font-weight: 700;
  font-size: 14px;
  color: #D7A96D;
  margin-top: -10px;
}

.custom-pagination-1 {
  margin-top: 30px;
}
.custom-pagination-1 .pagination {
  margin-left: 350px;
}
@media (max-width: 575.98px) {
  .custom-pagination-1 .pagination {
    margin-left: 0px;
  }
}

.custom-HR {
  margin-top: 50px;
}
.custom-HR .hr .deskripsi h3 {
  font-weight: 700;
  font-size: 30px;
  color: #121212;
}
@media (max-width: 575.98px) {
  .custom-HR .hr .deskripsi h3 {
    margin-left: 10px;
  }
}
.custom-HR .hr .deskripsi p {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
  margin-top: 20px;
}
@media (max-width: 575.98px) {
  .custom-HR .hr .deskripsi p {
    margin-left: 10px;
  }
}
.custom-HR .hr .formulir .card {
  border-radius: 30px;
}
.custom-HR .hr .formulir .card input {
  border-radius: 50px;
}
.custom-HR .hr .formulir .daftar-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
  margin-top: 30px;
}
.custom-HR .hr .formulir .daftar-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}

.custom-Office {
  margin-top: 50px;
}
.custom-Office .office .deskripsi h3 {
  font-weight: 700;
  font-size: 30px;
  color: #121212;
}
@media (max-width: 575.98px) {
  .custom-Office .office .deskripsi h3 {
    margin-left: 10px;
  }
}
.custom-Office .office .deskripsi p {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
  margin-top: 20px;
}
@media (max-width: 575.98px) {
  .custom-Office .office .deskripsi p {
    margin-left: 10px;
  }
}
.custom-Office .office .formulir .card {
  border-radius: 30px;
}
.custom-Office .office .formulir .card input {
  border-radius: 50px;
}
.custom-Office .office .formulir .daftar-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
  margin-top: 30px;
}
.custom-Office .office .formulir .daftar-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}

.custom-Pro {
  margin-top: 50px;
}
.custom-Pro .pro .deskripsi h3 {
  font-weight: 700;
  font-size: 30px;
  color: #121212;
}
@media (max-width: 575.98px) {
  .custom-Pro .pro .deskripsi h3 {
    margin-left: 10px;
  }
}
.custom-Pro .pro .deskripsi p {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
  margin-top: 20px;
}
@media (max-width: 575.98px) {
  .custom-Pro .pro .deskripsi p {
    margin-left: 10px;
  }
}
.custom-Pro .pro .formulir .card {
  border-radius: 30px;
}
.custom-Pro .pro .formulir .card input {
  border-radius: 50px;
}
.custom-Pro .pro .formulir .daftar-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
  margin-top: 30px;
}
.custom-Pro .pro .formulir .daftar-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}

.custom-Ent {
  margin-top: 50px;
}
.custom-Ent .ent .deskripsi h3 {
  font-weight: 700;
  font-size: 30px;
  color: #121212;
}
@media (max-width: 575.98px) {
  .custom-Ent .ent .deskripsi h3 {
    margin-left: 10px;
  }
}
.custom-Ent .ent .deskripsi p {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
  margin-top: 20px;
}
@media (max-width: 575.98px) {
  .custom-Ent .ent .deskripsi p {
    margin-left: 10px;
  }
}
.custom-Ent .ent .formulir .card {
  border-radius: 30px;
}
.custom-Ent .ent .formulir .card input {
  border-radius: 50px;
}
.custom-Ent .ent .formulir .daftar-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
  margin-top: 30px;
}
.custom-Ent .ent .formulir .daftar-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}

.custom-Expert {
  margin-top: 50px;
}
.custom-Expert .expert .deskripsi h3 {
  font-weight: 700;
  font-size: 30px;
  color: #121212;
}
@media (max-width: 575.98px) {
  .custom-Expert .expert .deskripsi h3 {
    margin-left: 10px;
  }
}
.custom-Expert .expert .deskripsi p {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
  margin-top: 20px;
}
@media (max-width: 575.98px) {
  .custom-Expert .expert .deskripsi p {
    margin-left: 10px;
  }
}
.custom-Expert .expert .formulir .card {
  border-radius: 30px;
}
.custom-Expert .expert .formulir .card input {
  border-radius: 50px;
}
.custom-Expert .expert .formulir .daftar-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
  margin-top: 30px;
}
.custom-Expert .expert .formulir .daftar-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}

.custom-UMKM {
  margin-top: 50px;
}
.custom-UMKM .umkm .deskripsi h3 {
  font-weight: 700;
  font-size: 30px;
  color: #121212;
}
@media (max-width: 575.98px) {
  .custom-UMKM .umkm .deskripsi h3 {
    margin-left: 10px;
  }
}
.custom-UMKM .umkm .deskripsi p {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
  margin-top: 20px;
}
@media (max-width: 575.98px) {
  .custom-UMKM .umkm .deskripsi p {
    margin-left: 10px;
  }
}
.custom-UMKM .umkm .formulir .card {
  border-radius: 30px;
}
.custom-UMKM .umkm .formulir .card input {
  border-radius: 50px;
}
.custom-UMKM .umkm .formulir .daftar-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
  margin-top: 30px;
}
.custom-UMKM .umkm .formulir .daftar-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}

.custom-modEmp {
  margin-top: 50px;
}
.custom-modEmp .modemp .deskripsi h3 {
  font-weight: 700;
  font-size: 30px;
  color: #121212;
}
.custom-modEmp .modemp .deskripsi p {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
  margin-top: 20px;
}
.custom-modEmp .modemp .formulir .card {
  border-radius: 30px;
}
.custom-modEmp .modemp .formulir .card input {
  border-radius: 50px;
}
.custom-modEmp .modemp .formulir .daftar-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
  margin-top: 30px;
}
.custom-modEmp .modemp .formulir .daftar-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}

.custom-modKnow {
  margin-top: 50px;
}
.custom-modKnow .modknow .deskripsi h3 {
  font-weight: 700;
  font-size: 30px;
  color: #121212;
}
.custom-modKnow .modknow .deskripsi p {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
  margin-top: 20px;
}
.custom-modKnow .modknow .formulir .card {
  border-radius: 30px;
}
.custom-modKnow .modknow .formulir .card input {
  border-radius: 50px;
}
.custom-modKnow .modknow .formulir .daftar-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
  margin-top: 30px;
}
.custom-modKnow .modknow .formulir .daftar-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}

.custom-modAtt {
  margin-top: 50px;
}
.custom-modAtt .modatt .deskripsi h3 {
  font-weight: 700;
  font-size: 30px;
  color: #121212;
}
.custom-modAtt .modatt .deskripsi p {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
  margin-top: 20px;
}
.custom-modAtt .modatt .formulir .card {
  border-radius: 30px;
}
.custom-modAtt .modatt .formulir .card input {
  border-radius: 50px;
}
.custom-modAtt .modatt .formulir .daftar-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
  margin-top: 30px;
}
.custom-modAtt .modatt .formulir .daftar-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}

.custom-modLeave {
  margin-top: 50px;
}
.custom-modLeave .modleave .deskripsi h3 {
  font-weight: 700;
  font-size: 30px;
  color: #121212;
}
.custom-modLeave .modleave .deskripsi p {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
  margin-top: 20px;
}
.custom-modLeave .modleave .formulir .card {
  border-radius: 30px;
}
.custom-modLeave .modleave .formulir .card input {
  border-radius: 50px;
}
.custom-modLeave .modleave .formulir .daftar-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
  margin-top: 30px;
}
.custom-modLeave .modleave .formulir .daftar-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}

.custom-modPay {
  margin-top: 50px;
}
.custom-modPay .modpay .deskripsi h3 {
  font-weight: 700;
  font-size: 30px;
  color: #121212;
}
.custom-modPay .modpay .deskripsi p {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
  margin-top: 20px;
}
.custom-modPay .modpay .formulir .card {
  border-radius: 30px;
}
.custom-modPay .modpay .formulir .card input {
  border-radius: 50px;
}
.custom-modPay .modpay .formulir .daftar-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
  margin-top: 30px;
}
.custom-modPay .modpay .formulir .daftar-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}

.custom-modTask {
  margin-top: 50px;
}
.custom-modTask .modtask .deskripsi h3 {
  font-weight: 700;
  font-size: 30px;
  color: #121212;
}
.custom-modTask .modtask .deskripsi p {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
  margin-top: 20px;
}
.custom-modTask .modtask .formulir .card {
  border-radius: 30px;
}
.custom-modTask .modtask .formulir .card input {
  border-radius: 50px;
}
.custom-modTask .modtask .formulir .daftar-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
  margin-top: 30px;
}
.custom-modTask .modtask .formulir .daftar-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}

.custom-modRec {
  margin-top: 50px;
}
.custom-modRec .modrec .deskripsi h3 {
  font-weight: 700;
  font-size: 30px;
  color: #121212;
}
.custom-modRec .modrec .deskripsi p {
  font-weight: 400;
  font-size: 14px;
  color: #121212;
  margin-top: 20px;
}
.custom-modRec .modrec .formulir .card {
  border-radius: 30px;
}
.custom-modRec .modrec .formulir .card input {
  border-radius: 50px;
}
.custom-modRec .modrec .formulir .daftar-button {
  display: inline-block;
  color: white;
  background-color: #D7A96D;
  border-radius: 50px;
  padding: 0.5em 2em;
  text-decoration: none;
  margin-top: 30px;
}
.custom-modRec .modrec .formulir .daftar-button:hover {
  color: #D7A96D;
  background-color: #FFFFFF;
  border-color: #D7A96D;
}